From ea872c10cbc741f3b9d3083892b16ac2940b94ab Mon Sep 17 00:00:00 2001 From: Prateeksha Singh Date: Thu, 19 Apr 2018 03:19:35 +0530 Subject: [PATCH] [layout-svg] grid measure system for charts --- dist/frappe-charts.esm.js | 344 +++++++++++------------- 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 | 12 +- docs/assets/js/index.min.js | 15 +- docs/assets/js/index.min.js.map | 2 +- docs/index.html | 28 +- rollup.config.js | 1 - src/css/charts.scss | 4 + src/js/charts/AxisChart.js | 47 ++-- src/js/charts/BaseChart.js | 214 +++++++-------- src/js/charts/Heatmap.js | 22 +- src/js/charts/MultiAxisChart.js | 8 +- src/js/objects/ChartComponents.js | 6 +- src/js/utils/constants.js | 41 ++- src/js/utils/draw.js | 9 +- 21 files changed, 369 insertions(+), 398 deletions(-) diff --git a/dist/frappe-charts.esm.js b/dist/frappe-charts.esm.js index 61cd2f0..514df59 100644 --- a/dist/frappe-charts.esm.js +++ b/dist/frappe-charts.esm.js @@ -84,30 +84,40 @@ function fire(target, type, properties) { // https://css-tricks.com/snippets/javascript/loop-queryselectorall-matches/ -const ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie']; - -const COMPATIBLE_CHARTS = { - bar: ['line', 'scatter', 'percentage', 'pie'], - line: ['scatter', 'bar', 'percentage', 'pie'], - pie: ['line', 'scatter', 'percentage', 'bar'], - percentage: ['bar', 'line', 'scatter', 'pie'], - heatmap: [] -}; +const BASE_MEASURES = { + margins: { + top: 10, + bottom: 10, + left: 20, + right: 20 + }, + paddings: { + top: 20, + bottom: 40, + left: 30, + right: 10 + }, -const DATA_COLOR_DIVISIONS = { - bar: 'datasets', - line: 'datasets', - pie: 'labels', - percentage: 'labels', - heatmap: HEATMAP_DISTRIBUTION_SIZE + baseHeight: 240, + titleHeight: 20, + legendHeight: 30, + + titleFontSize: 12, }; -const BASE_CHART_TOP_MARGIN = 10; -const BASE_CHART_LEFT_MARGIN = 20; -const BASE_CHART_RIGHT_MARGIN = 20; +function getExtraHeight(m) { + let totalExtraHeight = m.margins.top + m.margins.bottom + + m.paddings.top + m.paddings.bottom + + m.titleHeight + m.legendHeight; + return totalExtraHeight; +} -const Y_AXIS_LEFT_MARGIN = 60; -const Y_AXIS_RIGHT_MARGIN = 40; +function getExtraWidth(m) { + let totalExtraWidth = m.margins.left + m.margins.right + + m.paddings.left + m.paddings.right; + + return totalExtraWidth; +} const INIT_CHART_UPDATE_TIMEOUT = 700; const CHART_POST_ANIMATE_TIMEOUT = 400; @@ -130,9 +140,6 @@ const PERCENTAGE_BAR_DEFAULT_DEPTH = 2; // More colors are difficult to parse visually const HEATMAP_DISTRIBUTION_SIZE = 5; -const HEATMAP_LEFT_MARGIN = 50; -const HEATMAP_TOP_MARGIN = 25; - const HEATMAP_SQUARE_SIZE = 10; const HEATMAP_GUTTER_SIZE = 2; @@ -282,10 +289,6 @@ class SvgTip { } } -/** - * Returns the value of a number upto 2 decimal places. - * @param {Number} d Any number - */ function floatTwo(d) { return parseFloat(d.toFixed(2)); } @@ -489,12 +492,13 @@ function makeSVGDefs(svgContainer) { }); } -function makeSVGGroup(parent, className, transform='') { - return createSVG('g', { +function makeSVGGroup(className, transform='', parent=undefined) { + let args = { className: className, - inside: parent, transform: transform - }); + }; + if(parent) args.inside = parent; + return createSVG('g', args); } @@ -1327,7 +1331,6 @@ class BaseChart { this.rawChartArgs = options; this.title = options.title || ''; - this.argHeight = options.height || 240; this.type = options.type || ''; this.realData = this.prepareData(options.data); @@ -1337,10 +1340,18 @@ class BaseChart { this.config = { showTooltip: 1, // calculate - showLegend: options.showLegend || 1, + showLegend: 1, // calculate isNavigable: options.isNavigable || 0, animate: 1 }; + + this.measures = JSON.parse(JSON.stringify(BASE_MEASURES)); + let m = this.measures; + this.setMeasures(options); + if(!this.title.length) { m.titleHeight = 0; } + if(!this.config.showLegend) m.legendHeight = 0; + this.argHeight = options.height || m.baseHeight; + this.state = {}; this.options = {}; @@ -1353,12 +1364,12 @@ class BaseChart { this.configure(options); } - configure() { - this.setMargins(); + prepareData(data) { + return data; + } - // Bind window events - window.addEventListener('resize', () => this.boundDrawFn); - window.addEventListener('orientationchange', () => this.boundDrawFn); + prepareFirstData(data) { + return data; } validateColors(colors, type) { @@ -1375,17 +1386,22 @@ class BaseChart { return validColors; } - setMargins() { + setMeasures() { + // Override measures, including those for title and legend + // set config for legend and title + } + + configure() { let height = this.argHeight; this.baseHeight = height; - this.height = height - 70; - this.topMargin = BASE_CHART_TOP_MARGIN; + this.height = height - getExtraHeight(this.measures); - // Horizontal margins - this.leftMargin = BASE_CHART_LEFT_MARGIN; - this.rightMargin = BASE_CHART_RIGHT_MARGIN; + // Bind window events + window.addEventListener('resize', () => this.draw(true)); + window.addEventListener('orientationchange', () => this.draw(true)); } + // Has to be called manually setup() { this.makeContainer(); this.updateWidth(); @@ -1394,10 +1410,6 @@ class BaseChart { this.draw(false, true); } - setupComponents() { - this.components = new Map(); - } - makeContainer() { // Chart needs a dedicated parent element this.parent.innerHTML = ''; @@ -1444,11 +1456,71 @@ class BaseChart { this.setupNavigation(init); } + calc() {} // builds state + updateWidth() { this.baseWidth = getElementContentWidth(this.parent); - this.width = this.baseWidth - (this.leftMargin + this.rightMargin); + this.width = this.baseWidth - getExtraWidth(this.measures); } + makeChartArea() { + if(this.svg) { + this.container.removeChild(this.svg); + } + let m = this.measures; + + this.svg = makeSVGContainer( + this.container, + 'frappe-chart chart', + this.baseWidth, + this.baseHeight + ); + this.svgDefs = makeSVGDefs(this.svg); + + if(this.title.length) { + this.titleEL = makeText( + 'title', + m.margins.left, + m.margins.top, + this.title, + { + fontSize: m.titleFontSize, + fill: '#666666', + dy: m.titleFontSize + } + ); + } + + let top = m.margins.top + m.titleHeight + m.paddings.top; + this.drawArea = makeSVGGroup( + this.type + '-chart chart-draw-area', + `translate(${m.margins.left + m.paddings.left}, ${top})` + ); + + if(this.config.showLegend) { + top += this.height + m.paddings.bottom; + this.legendArea = makeSVGGroup( + 'chart-legend', + `translate(${m.margins.left + m.paddings.left}, ${top})` + ); + } + + if(this.title.length) { this.svg.appendChild(this.titleEL); } + this.svg.appendChild(this.drawArea); + if(this.config.showLegend) { this.svg.appendChild(this.legendArea); } + + this.updateTipOffset(m.margins.left + m.paddings.left, m.margins.top + m.paddings.top + m.titleHeight); + } + + updateTipOffset(x, y) { + this.tip.offset = { + x: x, + y: y + }; + } + + setupComponents() { this.components = new Map(); } + update(data) { if(!data) { console.error('No data to update.'); @@ -1458,16 +1530,6 @@ class BaseChart { this.render(); } - prepareData(data=this.data) { - return data; - } - - prepareFirstData(data=this.data) { - return data; - } - - calc() {} // builds state - render(components=this.components, animate=true) { if(this.config.isNavigable) { // Remove all existing overlays @@ -1498,68 +1560,6 @@ class BaseChart { } } - makeChartArea() { - if(this.svg) { - this.container.removeChild(this.svg); - } - - let titleAreaHeight = 0; - let legendAreaHeight = 0; - if(this.title.length) { - titleAreaHeight = 40; - } - if(this.config.showLegend) { - legendAreaHeight = 30; - } - - this.svg = makeSVGContainer( - this.container, - 'frappe-chart chart', - this.baseWidth, - this.baseHeight + titleAreaHeight + legendAreaHeight - ); - this.svgDefs = makeSVGDefs(this.svg); - - // console.log(this.baseHeight, titleAreaHeight, legendAreaHeight); - - if(this.title.length) { - this.titleEL = makeText( - 'title', - this.leftMargin - AXIS_TICK_LENGTH * 6, - this.topMargin, - this.title, - { - fontSize: 12, - fill: '#666666' - } - ); - this.svg.appendChild(this.titleEL); - } - - let top = this.topMargin + titleAreaHeight; - this.drawArea = makeSVGGroup( - this.svg, - this.type + '-chart', - `translate(${this.leftMargin}, ${top})` - ); - - top = this.baseHeight - titleAreaHeight; - this.legendArea = makeSVGGroup( - this.svg, - 'chart-legend', - `translate(${this.leftMargin}, ${top})` - ); - - this.updateTipOffset(this.leftMargin, this.topMargin + titleAreaHeight); - } - - updateTipOffset(x, y) { - this.tip.offset = { - x: x, - y: y - }; - } - renderLegend() {} setupNavigation(init=false) { @@ -1606,39 +1606,13 @@ class BaseChart { updateDataset() {} - getDifferentChart(type) { - const currentType = this.type; - let args = this.rawChartArgs; - if(type === currentType) return; - - if(!ALL_CHART_TYPES.includes(type)) { - console.error(`'${type}' is not a valid chart type.`); - } - - if(!COMPATIBLE_CHARTS[currentType].includes(type)) { - console.error(`'${currentType}' chart cannot be converted to a '${type}' chart.`); - } - - // whether the new chart can use the existing colors - const useColor = DATA_COLOR_DIVISIONS[currentType] === DATA_COLOR_DIVISIONS[type]; - - // Okay, this is anticlimactic - // this function will need to actually be 'changeChartType(type)' - // that will update only the required elements, but for now ... - - args.type = type; - args.colors = useColor ? args.colors : undefined; - - return new Chart(this.parent, args); - } - boundDrawFn() { this.draw(true); } unbindWindowEvents(){ - window.removeEventListener('resize', () => this.boundDrawFn); - window.removeEventListener('orientationchange', () => this.boundDrawFn); + window.removeEventListener('resize', () => this.boundDrawFn.bind(this)); + window.removeEventListener('orientationchange', () => this.boundDrawFn.bind(this)); } export() { @@ -1834,7 +1808,7 @@ class ChartComponent { } setup(parent) { - this.layer = makeSVGGroup(parent, this.layerClass, this.layerTransform); + this.layer = makeSVGGroup(this.layerClass, this.layerTransform, parent); } make() { @@ -2039,9 +2013,9 @@ let componentConfigs = { data.cols.map((week, weekNo) => { if(weekNo === 1) { this.labels.push( - makeText('domain-name', x, monthNameHeight, getMonthName(index, true), + makeText('domain-name', x, monthNameHeight, getMonthName(index, true).toUpperCase(), { - fontSize: 11 + fontSize: 9 } ) ); @@ -2690,26 +2664,26 @@ class Heatmap extends BaseChart { this.setup(); } - configure(options) { + setMeasures(options) { + let m = this.measures; this.discreteDomains = options.discreteDomains === 0 ? 0 : 1; - super.configure(options); - } - setMargins() { - super.setMargins(); - this.leftMargin = HEATMAP_LEFT_MARGIN; - this.topMargin = HEATMAP_TOP_MARGIN; + m.paddings.top = ROW_HEIGHT * 3; + m.paddings.bottom = 0; + m.legendHeight = ROW_HEIGHT * 2; + m.baseHeight = ROW_HEIGHT * NO_OF_DAYS_IN_WEEK + + getExtraHeight(m); let d = this.data; let spacing = this.discreteDomains ? NO_OF_YEAR_MONTHS : 0; this.independentWidth = (getWeeksBetween(d.start, d.end) - + spacing) * COL_WIDTH + this.rightMargin + this.leftMargin; + + spacing) * COL_WIDTH + m.margins.right + m.margins.left; } updateWidth() { let spacing = this.discreteDomains ? NO_OF_YEAR_MONTHS : 0; this.baseWidth = (this.state.noOfWeeks + spacing) * COL_WIDTH - + this.rightMargin + this.leftMargin; + + getExtraWidth(this.measures); } prepareData(data=this.data) { @@ -2910,7 +2884,7 @@ class Heatmap extends BaseChart { addDays(startOfWeek, 1); } - if(col[NO_OF_DAYS_IN_WEEK - 1].dataValue) { + if(col[NO_OF_DAYS_IN_WEEK - 1].dataValue !== undefined) { addDays(startOfWeek, 1); cols.push(this.getCol(startOfWeek, month, true)); } @@ -3091,26 +3065,27 @@ class AxisChart extends BaseChart { this.setup(); } - configure(args) { - super.configure(args); + setMeasures(options) { + if(this.data.datasets.length <= 1) { + this.config.showLegend = 0; + this.measures.paddings.bottom = 30; + } + } - args.axisOptions = args.axisOptions || {}; - args.tooltipOptions = args.tooltipOptions || {}; + configure(options) { + super.configure(options); - this.config.xAxisMode = args.axisOptions.xAxisMode || 'span'; - this.config.yAxisMode = args.axisOptions.yAxisMode || 'span'; - this.config.xIsSeries = args.axisOptions.xIsSeries || 0; + options.axisOptions = options.axisOptions || {}; + options.tooltipOptions = options.tooltipOptions || {}; - this.config.formatTooltipX = args.tooltipOptions.formatTooltipX; - this.config.formatTooltipY = args.tooltipOptions.formatTooltipY; + this.config.xAxisMode = options.axisOptions.xAxisMode || 'span'; + this.config.yAxisMode = options.axisOptions.yAxisMode || 'span'; + this.config.xIsSeries = options.axisOptions.xIsSeries || 0; - this.config.valuesOverPoints = args.valuesOverPoints; - } + this.config.formatTooltipX = options.tooltipOptions.formatTooltipX; + this.config.formatTooltipY = options.tooltipOptions.formatTooltipY; - setMargins() { - super.setMargins(); - this.leftMargin = Y_AXIS_LEFT_MARGIN; - this.rightMargin = Y_AXIS_RIGHT_MARGIN; + this.config.valuesOverPoints = options.valuesOverPoints; } prepareData(data=this.data) { @@ -3434,11 +3409,13 @@ class AxisChart extends BaseChart { bindTooltip() { // NOTE: could be in tooltip itself, as it is a given functionality for its parent this.container.addEventListener('mousemove', (e) => { + let m = this.measures; let o = getOffset(this.container); - let relX = e.pageX - o.left - this.leftMargin; - let relY = e.pageY - o.top - this.topMargin; + let relX = e.pageX - o.left - m.margins.left - m.paddings.left; + let relY = e.pageY - o.top; - if(relY < this.height + this.topMargin * 2) { + if(relY < this.height + m.titleHeight + m.margins.top + m.paddings.top + && relY > m.titleHeight + m.margins.top + m.paddings.top) { this.mapTooltipXPosition(relX); } else { this.tip.hideTip(); @@ -3452,6 +3429,7 @@ class AxisChart extends BaseChart { let index = getClosestInArray(relX, s.xAxis.positions, true); + console.log(relX, s.xAxis.positions[index], s.xAxis.positions, this.tip.offset.x); this.tip.setValues( s.xAxis.positions[index] + this.tip.offset.x, s.yExtremes[index] + this.tip.offset.y, @@ -3471,12 +3449,11 @@ class AxisChart extends BaseChart { renderLegend() { let s = this.data; - this.legendArea.textContent = ''; - if(s.datasets.length > 1) { + this.legendArea.textContent = ''; s.datasets.map((d, i) => { let barWidth = AXIS_LEGEND_BAR_SIZE; - // let rightEndPoint = this.baseWidth - this.leftMargin - this.rightMargin; + // let rightEndPoint = this.baseWidth - this.measures.margins.left - this.measures.margins.right; // let multiplier = s.datasets.length - i; let rect = legendBar( // rightEndPoint - multiplier * barWidth, // To right align @@ -3638,7 +3615,6 @@ class AxisChart extends BaseChart { // removeDataPoint(index = 0) {} } -// import MultiAxisChart from './charts/MultiAxisChart'; const chartTypes = { bar: AxisChart, line: AxisChart, diff --git a/dist/frappe-charts.min.cjs.js b/dist/frappe-charts.min.cjs.js index 37c2895..df9a534 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 n=e.insertAt;if(t&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===n&&i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}}function $(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function getOffset(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function isElementInViewport(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function getElementContentWidth(t){var e=window.getComputedStyle(t),n=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-n}function fire(t,e,n){var i=document.createEvent("HTMLEvents");i.initEvent(e,!0,!0);for(var a in n)i[a]=n[a];return t.dispatchEvent(i)}function floatTwo(t){return parseFloat(t.toFixed(2))}function fillArray(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]&&arguments[3];n||(n=i?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(n);return t=i?a.concat(t):t.concat(a)}function getStringWidth(t,e){return(t+"").length*e}function getPositionByAngle(t,e){return{x:Math.sin(t*ANGLE_RATIO)*e,y:Math.cos(t*ANGLE_RATIO)*e}}function getBarHeightAndYAttr(t,e){var n=void 0,i=void 0;return t<=e?(n=e-t,i=t):(n=t-e,i=e),[n,i]}function equilizeNoOfElements(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return n>0?t=fillArray(t,n):e=fillArray(e,n),[t,e]}function limitColor(t){return t>255?255:t<0?0:t}function lightenDarkenColor(t,e){var n=getColor(t),i=!1;"#"==n[0]&&(n=n.slice(1),i=!0);var a=parseInt(n,16),r=limitColor((a>>16)+e),s=limitColor((a>>8&255)+e),o=limitColor((255&a)+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 $$1(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function createSVG(t,e){var n=document.createElementNS("http://www.w3.org/2000/svg",t);for(var i in e){var a=e[i];if("inside"===i)$$1(a).appendChild(n);else if("around"===i){var r=$$1(a);r.parentNode.insertBefore(n,r),n.appendChild(r)}else"styles"===i?"object"===(void 0===a?"undefined":_typeof(a))&&Object.keys(a).map(function(t){n.style[t]=a[t]}):("className"===i&&(i="class"),"innerHTML"===i?n.textContent=a:n.setAttribute(i,a))}return n}function renderVerticalGradient(t,e){return createSVG("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function setGradientStop(t,e,n,i){return createSVG("stop",{inside:t,style:"stop-color: "+n,offset:e,"stop-opacity":i})}function makeSVGContainer(t,e,n,i){return createSVG("svg",{className:e,inside:t,width:n,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,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,r=n.x+t.x,s=n.y+t.y,o=n.x+e.x,l=n.y+e.y;return"M"+n.x+" "+n.y+"\n\t\tL"+r+" "+s+"\n\t\tA "+i+" "+i+" 0 0 "+(a?1:0)+"\n\t\t"+o+" "+l+" z"}function makeGradient(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i="path-fill-gradient-"+e+"-"+(n?"lighter":"default"),a=renderVerticalGradient(t,i),r=[1,.6,.2];return n&&(r=[.4,.2,0]),setGradientStop(a,"0%",e,r[0]),setGradientStop(a,"50%",e,r[1]),setGradientStop(a,"100%",e,r[2]),i}function percentageBar(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:PERCENTAGE_BAR_DEFAULT_DEPTH,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:"none";return createSVG("rect",{className:"percentage-bar",x:t,y:e,width:n,height:i,fill:r,styles:{stroke:lightenDarkenColor(r,-25),"stroke-dasharray":"0, "+(i+n)+", "+n+", "+i,"stroke-width":a}})}function heatSquare(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s={className:t,x:e,y:n,width:i,height:i,fill:a};return Object.keys(r).map(function(t){s[t]=r[t]}),createSVG("rect",s)}function legendBar(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none",a=arguments[4],r={className:"legend-bar",x:0,y:0,width:n,height:"2px",fill:i},s=createSVG("text",{className:"legend-dataset-text",x:0,y:0,dy:2*FONT_SIZE+"px","font-size":1.2*FONT_SIZE+"px","text-anchor":"start",fill:FONT_FILL,innerHTML:a}),o=createSVG("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(createSVG("rect",r)),o.appendChild(s),o}function legendDot(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none",a=arguments[4],r={className:"legend-dot",cx:0,cy:0,r:n,fill:i},s=createSVG("text",{className:"legend-dataset-text",x:0,y:0,dx:FONT_SIZE+"px",dy:FONT_SIZE/3+"px","font-size":1.2*FONT_SIZE+"px","text-anchor":"start",fill:FONT_FILL,innerHTML:a}),o=createSVG("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(createSVG("circle",r)),o.appendChild(s),o}function makeText(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},r=a.fontSize||FONT_SIZE;return createSVG("text",{className:t,x:e,y:n,dy:(void 0!==a.dy?a.dy:r/2)+"px","font-size":r+"px",fill:a.fill||FONT_FILL,"text-anchor":a.textAnchor||"start",innerHTML:i})}function makeVertLine(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=BASE_LINE_COLOR);var r=createSVG("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:n,y2:i,styles:{stroke:a.stroke}}),s=createSVG("text",{x:0,y:n>i?n+LABEL_MARGIN:n-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,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=BASE_LINE_COLOR),a.lineType||(a.lineType="");var r=createSVG("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:n,x2:i,y1:0,y2:0,styles:{stroke:a.stroke}}),s=createSVG("text",{x:n3&&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 a=-1*AXIS_TICK_LENGTH,r="span"===i.mode?n+AXIS_TICK_LENGTH:0;return"tick"===i.mode&&"right"===i.pos&&(a=n+AXIS_TICK_LENGTH,r=n),a+=i.offset,r+=i.offset,makeHoriLine(t,e,a,r,{stroke:i.stroke,className:i.className,lineType:i.lineType})}function xLine(t,e,n){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 a=n+AXIS_TICK_LENGTH,r="span"===i.mode?-1*AXIS_TICK_LENGTH:n;return"tick"===i.mode&&"top"===i.pos&&(a=-1*AXIS_TICK_LENGTH,r=0),makeVertLine(t,e,a,r,{stroke:i.stroke,className:i.className,lineType:i.lineType})}function yMarker(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=createSVG("text",{className:"chart-label",x:n-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,n,{stroke:i.stroke||BASE_LINE_COLOR,className:i.className||"",lineType:i.lineType});return r.appendChild(a),r}function yRegion(t,e,n,i){var a=t-e,r=createSVG("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:BASE_LINE_COLOR,"stroke-dasharray":n+", "+a},x:0,y:0,width:n,height:a}),s=createSVG("text",{className:"chart-label",x:n-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,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,s=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=getBarHeightAndYAttr(e,o.zeroLine),c=slicedToArray(l,2),h=c[0],u=c[1],d=createSVG("rect",{className:"bar mini",style:"fill: "+i,"data-point-index":r,x:t,y:u-=s,width:n,height:h||o.minHeight});if((a+="")||a.length){d.setAttribute("y",0),d.setAttribute("x",0);var p=createSVG("text",{className:"data-point-value",x:n/2,y:0,dy:FONT_SIZE/2*-1+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:a}),f=createSVG("g",{"data-point-index":r,transform:"translate("+t+", "+u+")"});return f.appendChild(d),f.appendChild(p),f}return d}function datasetDot(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,s=createSVG("circle",{style:"fill: "+i,"data-point-index":r,cx:t,cy:e,r:n});if((a+="")||a.length){s.setAttribute("cy",0),s.setAttribute("cx",0);var o=createSVG("text",{className:"data-point-value",x:0,y:0,dy:FONT_SIZE/2*-1-n+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:a}),l=createSVG("g",{"data-point-index":r,transform:"translate("+t+", "+e+")"});return l.appendChild(s),l.appendChild(o),l}return s}function getPaths(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},r=e.map(function(e,n){return t[n]+","+e}).join("L"),s=makePath("M"+r,"line-graph-path",n);if(i.heatline){var o=makeGradient(a.svgDefs,n);s.style.stroke="url(#"+o+")"}var l={path:s};if(i.regionFill){var c=makeGradient(a.svgDefs,n,!0),h="M"+t[0]+","+a.zeroLine+"L"+r+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=makePath(h,"region-fill","none","url(#"+c+")")}return l}function translate(t,e,n,i){var a="string"==typeof e?e:e.join(", ");return[t,{transform:n.join(", ")},i,STD_EASING,"translate",{transform:a}]}function translateVertLine(t,e,n){return translate(t,[n,0],[e,0],MARKER_LINE_ANIM_DUR)}function translateHoriLine(t,e,n){return translate(t,[0,n],[0,e],MARKER_LINE_ANIM_DUR)}function animateRegion(t,e,n,i){var a=e-n,r=t.childNodes[0];return[[r,{height:a,"stroke-dasharray":r.getAttribute("width")+", "+a},MARKER_LINE_ANIM_DUR,STD_EASING],translate(t,[0,i],[0,n],MARKER_LINE_ANIM_DUR)]}function animateBar(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,r=getBarHeightAndYAttr(n,(arguments.length>5&&void 0!==arguments[5]?arguments[5]:{}).zeroLine),s=slicedToArray(r,2),o=s[0],l=s[1];return l-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width: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,n){return"circle"!==t.nodeName?[translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,n],MARKER_LINE_ANIM_DUR)]:[[t,{cx:e,cy:n},UNIT_ANIM_DUR,STD_EASING]]}function animatePath(t,e,n,i){var a=[],r=n.map(function(t,n){return e[n]+","+t}).join("L"),s=[t.path,{d:"M"+r},PATH_ANIM_DUR,STD_EASING];if(a.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];a.push(c)}return a}function animatePathStr(t,e){return[t,{d:e},UNIT_ANIM_DUR,STD_EASING]}function animateSVGElement(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var c=void 0;c="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var h=r[l]||t.getAttribute(l),u=e[l],d={attributeName:l,from:h,to:u,begin:"0s",dur:n/1e3+"s",values:h+";"+u,keySplines:EASING[i],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};a&&(d.type=a);for(var p in d)c.setAttribute(p,d[p]);s.appendChild(c),a?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[s,o]}function transform(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function animateSVG(t,e){var n=[],i=[];e.map(function(t){var e=t[0],a=e.parentNode,r=void 0,s=void 0;t[0]=e;var o=animateSVGElement.apply(void 0,toConsumableArray(t)),l=slicedToArray(o,2);r=l[0],s=l[1],n.push(s),i.push([r,a]),a.replaceChild(r,e)});var a=t.cloneNode(!0);return i.map(function(t,i){t[1].replaceChild(n[i],t[0]),e[i][0]=n[i]}),a}function runSMILAnimation(t,e,n){if(0!==n.length){var i=animateSVG(e,n);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 downloadFile(t,e){var n=document.createElement("a");n.style="display: none";var i=new Blob(e,{type:"image/svg+xml; charset=utf-8"}),a=window.URL.createObjectURL(i);n.href=a,n.download=t,document.body.appendChild(n),n.click(),setTimeout(function(){document.body.removeChild(n),window.URL.revokeObjectURL(a)},300)}function prepareForExport(t){var e=t.cloneNode(!0);e.classList.add("chart-container"),e.setAttribute("xmlns","http://www.w3.org/2000/svg"),e.setAttribute("xmlns:xlink","http://www.w3.org/1999/xlink");var n=$.create("style",{innerHTML:CSSTEXT});e.insertBefore(n,e.firstChild);var i=$.create("div");return i.appendChild(e),i.innerHTML}function treatAsUtc(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function getYyyyMmDd(t){var e=t.getDate(),n=t.getMonth()+1;return[t.getFullYear(),(n>9?"":"0")+n,(e>9?"":"0")+e].join("-")}function clone(t){return new Date(t.getTime())}function getWeeksBetween(t,e){var n=setDayToSunday(t);return Math.ceil(getDaysBetween(n,e)/NO_OF_DAYS_IN_WEEK)}function getDaysBetween(t,e){var n=SEC_IN_DAY*NO_OF_MILLIS;return(treatAsUtc(e)-treatAsUtc(t))/n}function areInSameMonth(t,e){return t.getMonth()===e.getMonth()&&t.getFullYear()===e.getFullYear()}function getMonthName(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=MONTH_NAMES[t];return e?n.slice(0,3):n}function getLastDateInMonth(t,e){return new Date(e,t+1,0)}function setDayToSunday(t){var e=clone(t),n=e.getDay();return 0!==n&&addDays(e,-1*n),e}function addDays(t,e){t.setDate(t.getDate()+e)}function getComponent(t,e,n){var i=Object.keys(componentConfigs).filter(function(e){return t.includes(e)}),a=componentConfigs[i[0]];return Object.assign(a,{constants:e,getData:n}),new ChartComponent(a)}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 n=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,n)),n]}function getChartRangeIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=Math.ceil(t),i=Math.floor(e),a=n-i,r=a,s=1;a>5&&(a%2!=0&&(a=++n-i),r=a/2,s=2),a<=2&&(s=a/(r=4)),0===a&&(r=5,s=1);for(var o=[],l=0;l<=r;l++)o.push(i+s*l);return o}function getChartIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=normalize(t),i=slicedToArray(n,2),a=i[0],r=i[1],s=e?e/Math.pow(10,r):0,o=getChartRangeIntervals(a=a.toFixed(6),s);return o=o.map(function(t){return t*Math.pow(10,r)})}function calcChartIntervals(t){function e(t,e){for(var n=getChartIntervals(t),i=n[1]-n[0],a=0,r=1;a1&&void 0!==arguments[1]&&arguments[1],i=Math.max.apply(Math,toConsumableArray(t)),a=Math.min.apply(Math,toConsumableArray(t)),r=[];if(i>=0&&a>=0)normalize(i)[1],r=n?getChartIntervals(i,a):getChartIntervals(i);else if(i>0&&a<0){var s=Math.abs(a);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&&a<=0){var o=Math.abs(a),l=Math.abs(i);normalize(o)[1],r=(r=n?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 getClosestInArray(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i=e.reduce(function(e,n){return Math.abs(n-t)n?i.slice(0,n):fillArray(i,n-i.length,0)}else t.values=a;t.chartType||(AXIS_DATASET_CHART_TYPES.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],n=!(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&&(n?e%Math.ceil(t.length/i)!=0&&(t=""):t=i-3>0?t.slice(0,i-3)+" ...":t.slice(0,i)+".."),t})}function getChartByType(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],n=arguments[2];return"axis-mixed"===t?(n.type="line",new AxisChart(e,n)):chartTypes[t]?new chartTypes[t](e,n):void console.error("Undefined chart type: "+t)}Object.defineProperty(exports,"__esModule",{value:!0}),__$styleInject('.chart-container{position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.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}.graph-svg-tip ol,.graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.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)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}',{});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 n(t,e){return new Promise(function(n,a){var o={key:t,arg:e,resolve:n,reject:a,next:null};s?s=s.next=o:(r=s=o,i(t,e))})}function i(n,r){try{var s=e[n](r),o=s.value;o instanceof t?Promise.resolve(o.value).then(function(t){i("next",t)},function(t){i("throw",t)}):a(s.done?"return":"normal",s.value)}catch(t){a("throw",t)}}function a(t,e){switch(t){case"return":r.resolve({value:e,done:!0});break;case"throw":r.reject(e);break;default:r.resolve({value:e,done:!1})}(r=r.next)?i(r.key,r.arg):s=null}var r,s;this._invoke=n,"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 n=0;n\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,n){var i=t.colors[n]||"black",a=$.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(a)})}},{key:"calcPosition",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight-TOOLTIP_POINTER_TRIANGLE_HEIGHT,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,n=this.container.querySelector(".svg-pointer");if(this.left<0)n.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var i="calc(50% + "+(this.left-e)+"px)";n.style.left=i,this.left=e}else n.style.left="50%"}},{key:"setValues",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:-1;this.titleName=n.name,this.titleValue=n.value,this.listValues=i,this.x=t,this.y=e,this.titleValueFirst=n.valueFirst||0,this.index=a,this.refresh()}},{key:"hideTip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"showTip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),t}(),PRESET_COLOR_MAP={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},getColor=function(t){return PRESET_COLOR_MAP[t]||t},AXIS_TICK_LENGTH=6,LABEL_MARGIN=4,FONT_SIZE=10,BASE_LINE_COLOR="#dadada",FONT_FILL="#555b51",makeOverlay={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var n=t.cloneNode();return n.style.fill="#000000",n.style.opacity="0.4",e&&n.setAttribute("transform",e),n},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var n=t.cloneNode(),i=t.getAttribute("r"),a=t.getAttribute("fill");return n.setAttribute("r",parseInt(i)+DOT_OVERLAY_SIZE_INCR),n.setAttribute("fill",a),n.style.opacity="0.6",e&&n.setAttribute("transform",e),n},heat_square:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var n=t.cloneNode(),i=t.getAttribute("r"),a=t.getAttribute("fill");return n.setAttribute("r",parseInt(i)+DOT_OVERLAY_SIZE_INCR),n.setAttribute("fill",a),n.style.opacity="0.6",e&&n.setAttribute("transform",e),n}},updateOverlay={bar:function(t,e){var n=void 0;"rect"!==t.nodeName&&(n=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)}),n&&e.setAttribute("transform",n)},dot:function(t,e){var n=void 0;"circle"!==t.nodeName&&(n=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)}),n&&e.setAttribute("transform",n)},heat_square:function(t,e){var n=void 0;"circle"!==t.nodeName&&(n=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)}),n&&e.setAttribute("transform",n)}},UNIT_ANIM_DUR=350,PATH_ANIM_DUR=350,MARKER_LINE_ANIM_DUR=UNIT_ANIM_DUR,REPLACE_ALL_NEW_DUR=250,STD_EASING="easein",EASING={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},CSSTEXT=".chart-container{position:relative;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.graph-svg-tip{position:absolute;z-index:99999;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.graph-svg-tip ul{padding-left:0;display:flex}.graph-svg-tip ol{padding-left:0;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.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)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}",BaseChart=function(){function t(e,n){if(classCallCheck(this,t),this.parent="string"==typeof e?document.querySelector(e):e,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.rawChartArgs=n,this.title=n.title||"",this.argHeight=n.height||240,this.type=n.type||"",this.realData=this.prepareData(n.data),this.data=this.prepareFirstData(this.realData),this.colors=this.validateColors(n.colors,this.type),this.config={showTooltip:1,showLegend:n.showLegend||1,isNavigable:n.isNavigable||0,animate:1},this.state={},this.options={},this.initTimeout=INIT_CHART_UPDATE_TIMEOUT,this.config.isNavigable&&(this.overlays=[]),this.configure(n)}return createClass(t,[{key:"configure",value:function(){var t=this;this.setMargins(),window.addEventListener("resize",function(){return t.boundDrawFn}),window.addEventListener("orientationchange",function(){return t.boundDrawFn})}},{key:"validateColors",value:function(t,e){var n=[];return(t=(t||[]).concat(DEFAULT_COLORS[e])).forEach(function(t){var e=getColor(t);isValidColor(e)?n.push(e):console.warn('"'+t+'" is not a valid color.')}),n}},{key:"setMargins",value:function(){var t=this.argHeight;this.baseHeight=t,this.height=t-70,this.topMargin=BASE_CHART_TOP_MARGIN,this.leftMargin=BASE_CHART_LEFT_MARGIN,this.rightMargin=BASE_CHART_RIGHT_MARGIN}},{key:"setup",value:function(){this.makeContainer(),this.updateWidth(),this.makeTooltip(),this.draw(!1,!0)}},{key:"setupComponents",value:function(){this.components=new Map}},{key:"makeContainer",value:function(){this.parent.innerHTML="";var t={inside:this.parent,className:"chart-container"};this.independentWidth&&(t.styles={width:this.independentWidth+"px"}),this.container=$.create("div",t)}},{key:"makeTooltip",value:function(){this.tip=new SvgTip({parent:this.container,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calc(e),this.updateWidth(),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),n&&(this.data=this.realData,setTimeout(function(){t.update(t.data)},this.initTimeout)),this.renderLegend(),this.setupNavigation(n)}},{key:"updateWidth",value:function(){this.baseWidth=getElementContentWidth(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{key:"update",value:function(t){t||console.error("No data to update."),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,n=!(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(n))}),i.length>0?(runSMILAnimation(this.container,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.container.removeChild(this.svg);var t=0,e=0;this.title.length&&(t=40),this.config.showLegend&&(e=30),this.svg=makeSVGContainer(this.container,"frappe-chart chart",this.baseWidth,this.baseHeight+t+e),this.svgDefs=makeSVGDefs(this.svg),this.title.length&&(this.titleEL=makeText("title",this.leftMargin-6*AXIS_TICK_LENGTH,this.topMargin,this.title,{fontSize:12,fill:"#666666"}),this.svg.appendChild(this.titleEL));var n=this.topMargin+t;this.drawArea=makeSVGGroup(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+n+")"),n=this.baseHeight-t,this.legendArea=makeSVGGroup(this.svg,"chart-legend","translate("+this.leftMargin+", "+n+")"),this.updateTipOffset(this.leftMargin,this.topMargin+t)}},{key:"updateTipOffset",value:function(t,e){this.tip.offset={x:t,y:e}}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){isElementInViewport(t.container)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"addDataPoint",value:function(){}},{key:"removeDataPoint",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(){}},{key:"updateDataset",value:function(){}},{key:"getDifferentChart",value:function(t){var e=this.type,n=this.rawChartArgs;if(t!==e){ALL_CHART_TYPES.includes(t)||console.error("'"+t+"' is not a valid chart type."),COMPATIBLE_CHARTS[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var i=DATA_COLOR_DIVISIONS[e]===DATA_COLOR_DIVISIONS[t];return n.type=t,n.colors=i?n.colors:void 0,new Chart(this.parent,n)}}},{key:"boundDrawFn",value:function(){this.draw(!0)}},{key:"unbindWindowEvents",value:function(){var t=this;window.removeEventListener("resize",function(){return t.boundDrawFn}),window.removeEventListener("orientationchange",function(){return t.boundDrawFn})}},{key:"export",value:function(){var t=prepareForExport(this.svg);downloadFile(this.title||"Chart",[t])}}]),t}(),AggregationChart=function(t){function e(t,n){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,n))}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,n=this.config.maxSlices;e.sliceTotals=[];var i=this.data.labels.map(function(e,n){var i=0;return t.data.datasets.map(function(t){i+=t.values[n]}),[i,e]}).filter(function(t){return t[0]>0}),a=i;if(i.length>n){i.sort(function(t,e){return e[0]-t[0]}),a=i.slice(0,n-1);var r=0;i.slice(n-1).map(function(t){r+=t[0]}),a.push([r,"Rest"]),this.colors[n-1]="grey"}e.labels=[],a.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])}),e.grandTotal=e.sliceTotals.reduce(function(t,e){return t+e},0),this.center={x:this.width/2,y:this.height/2}}},{key:"renderLegend",value:function(){var t=this,e=this.state;this.legendArea.textContent="",this.legendTotals=e.sliceTotals.slice(0,this.config.maxLegendPoints),this.legendTotals.map(function(n,i){var a=legendDot(110*i+5,"0",5,t.colors[i],e.labels[i]+": "+n);t.legendArea.appendChild(a)})}}]),e}(BaseChart),NO_OF_YEAR_MONTHS=12,NO_OF_DAYS_IN_WEEK=7,NO_OF_MILLIS=1e3,SEC_IN_DAY=86400,MONTH_NAMES=["January","February","March","April","May","June","July","August","September","October","November","December"],DAY_NAMES_SHORT=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],ChartComponent=function(){function t(e){var n=e.layerClass,i=void 0===n?"":n,a=e.layerTransform,r=void 0===a?"":a,s=e.constants,o=e.getData,l=e.makeElements,c=e.animateElements;classCallCheck(this,t),this.layerTransform=r,this.constants=s,this.makeElements=l,this.getData=o,this.animateElements=c,this.store=[],this.labels=[],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)}),this.labels.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,n){var i=makePath(e,"pie-path","none",t.colors[n]);return i.style.transition="transform .3s;",i})},animateElements:function(t){return this.store.map(function(e,n){return animatePathStr(e,t.sliceStrings[n])})}},percentageBars:{layerClass:"percentage-bars",makeElements:function(t){var e=this;return t.xPositions.map(function(n,i){return percentageBar(n,0,t.widths[i],e.constants.barHeight,e.constants.barDepth,t.colors[i])})},animateElements:function(t){if(t)return[]}},yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(n,i){return yLine(n,t.labels[i],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,n=t.labels,i=this.oldData.positions,a=this.oldData.labels,r=equilizeNoOfElements(i,e),s=slicedToArray(r,2);i=s[0],e=s[1];var o=equilizeNoOfElements(a,n),l=slicedToArray(o,2);return a=l[0],n=l[1],this.render({positions:i,labels:n}),this.store.map(function(t,n){return translateHoriLine(t,e[n],i[n])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(n,i){return xLine(n,t.calcLabels[i],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,n=t.calcLabels,i=this.oldData.positions,a=this.oldData.calcLabels,r=equilizeNoOfElements(i,e),s=slicedToArray(r,2);i=s[0],e=s[1];var o=equilizeNoOfElements(a,n),l=slicedToArray(o,2);return a=l[0],n=l[1],this.render({positions:i,calcLabels:n}),this.store.map(function(t,n){return translateVertLine(t,e[n],i[n])})}},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),n=slicedToArray(e,2);this.oldData=n[0];var i=(t=n[1]).map(function(t){return t.position}),a=t.map(function(t){return t.label}),r=this.oldData.map(function(t){return t.position});return this.render(r.map(function(t,e){return{position:r[e],label:a[e]}})),this.store.map(function(t,e){return translateHoriLine(t,i[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),n=slicedToArray(e,2);this.oldData=n[0];var i=(t=n[1]).map(function(t){return t.endPos}),a=t.map(function(t){return t.label}),r=t.map(function(t){return t.startPos}),s=this.oldData.map(function(t){return t.endPos}),o=this.oldData.map(function(t){return t.startPos});this.render(s.map(function(t,e){return{startPos:o[e],endPos:s[e],label:a[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(animateRegion(t,r[e],i[e],s[e]))}),l}},heatDomain:{layerClass:function(){return"heat-domain domain-"+this.constants.index},makeElements:function(t){var e=this,n=this.constants,i=n.index,a=n.colWidth,r=n.rowHeight,s=n.squareSize,o=n.xTranslate,l=0;return this.serializedSubDomains=[],t.cols.map(function(t,n){1===n&&e.labels.push(makeText("domain-name",o,-12,getMonthName(i,!0),{fontSize:11})),t.map(function(t,n){if(t.fill){var i={"data-date":t.yyyyMmDd,"data-value":t.dataValue,"data-day":n},a=heatSquare("day",o,l,s,t.fill,i);e.serializedSubDomains.push(a)}l+=r}),l=0,o+=a}),this.serializedSubDomains},animateElements:function(t){if(t)return[]}},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(n,i){return datasetBar(t.xPositions[i],n,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=t.xPositions,n=t.yPositions,i=t.offsets,a=t.labels,r=this.oldData.xPositions,s=this.oldData.yPositions,o=this.oldData.offsets,l=this.oldData.labels,c=equilizeNoOfElements(r,e),h=slicedToArray(c,2);r=h[0],e=h[1];var u=equilizeNoOfElements(s,n),d=slicedToArray(u,2);s=d[0],n=d[1];var p=equilizeNoOfElements(o,i),f=slicedToArray(p,2);o=f[0],i=f[1];var v=equilizeNoOfElements(l,a),g=slicedToArray(v,2);l=g[0],a=g[1],this.render({xPositions:r,yPositions:s,offsets:o,labels:a,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var y=[];return this.store.map(function(a,r){y=y.concat(animateBar(a,e[r],n[r],t.barWidth,i[r],{zeroLine:t.zeroLine}))}),y}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=getPaths(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(n,i){return datasetDot(t.xPositions[i],n,t.radius,e.color,e.valuesOverPoints?t.values[i]:"",i)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,n=t.yPositions,i=t.values,a=this.oldData.xPositions,r=this.oldData.yPositions,s=this.oldData.values,o=equilizeNoOfElements(a,e),l=slicedToArray(o,2);a=l[0],e=l[1];var c=equilizeNoOfElements(r,n),h=slicedToArray(c,2);r=h[0],n=h[1];var u=equilizeNoOfElements(s,i),d=slicedToArray(u,2);s=d[0],i=d[1],this.render({xPositions:a,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,n,t.zeroLine))),this.units.length&&this.units.map(function(t,i){p=p.concat(animateDot(t,e[i],n[i]))}),p}}},PercentageChart=function(t){function e(t,n){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,n));return i.type="percentage",i.barOptions=n.barOptions||{},i.barOptions.height=i.barOptions.height||PERCENTAGE_BAR_DEFAULT_HEIGHT,i.barOptions.depth=i.barOptions.depth||PERCENTAGE_BAR_DEFAULT_DEPTH,i.setup(),i}return inherits(e,t),createClass(e,[{key:"setupComponents",value:function(){var t=this.state,e=[["percentageBars",{barHeight:this.barOptions.height,barDepth:this.barOptions.depth},function(){return{xPositions:t.xPositions,widths:t.widths,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:"calc",value:function(){var t=this;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"calc",this).call(this);var n=this.state;n.xPositions=[],n.widths=[];var i=0;n.sliceTotals.map(function(e){var a=t.width*e/n.grandTotal;n.widths.push(a),n.xPositions.push(i),i+=a})}},{key:"makeDataByIndex",value:function(){}},{key:"bindTooltip",value:function(){var t=this,e=this.state;this.container.addEventListener("mousemove",function(n){var i=t.components.get("percentageBars").store,a=n.target;if(i.includes(a)){var r=i.indexOf(a),s=getOffset(t.container),o=getOffset(a),l=o.left-s.left+parseInt(a.getAttribute("width"))/2,c=o.top-s.top,h=(t.formattedLabels&&t.formattedLabels.length>0?t.formattedLabels[r]:t.state.labels[r])+": ",u=e.sliceTotals[r]/e.grandTotal;t.tip.setValues(l,c,{name:h,value:(100*u).toFixed(1)+"%"}),t.tip.showTip()}})}}]),e}(AggregationChart),PieChart=function(t){function e(t,n){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,n));return i.type="pie",i.initTimeout=0,i.init=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),this.hoverRadio=t.hoverRadio||.1,this.config.startAngle=t.startAngle||0,this.clockWise=t.clockWise||!1}},{key:"calc",value:function(){var t=this;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"calc",this).call(this);var n=this.state;this.radius=this.height>this.width?this.center.x:this.center.y;var i=this.radius,a=this.clockWise,r=n.slicesProperties||[];n.sliceStrings=[],n.slicesProperties=[];var s=180-this.config.startAngle;n.sliceTotals.map(function(e,o){var l=s,c=e/n.grandTotal*FULL_ANGLE,h=a?-c:c,u=s+=h,d=getPositionByAngle(l,i),p=getPositionByAngle(u,i),f=t.init&&r[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);n.sliceStrings.push(y),n.slicesProperties.push({startPosition:d,endPosition:p,value:e,total:n.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,n=this.hoverRadio,i=getPositionByAngle(t.startAngle+t.angle/2,e);return"translate3d("+i.x*n+"px,"+i.y*n+"px,0)"}},{key:"hoverSlice",value:function(t,e,n,i){if(t){var a=this.colors[e];if(n){transform(t,this.calTranslateByAngle(this.state.slicesProperties[e])),t.style.fill=lightenDarkenColor(a,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.state.grandTotal).toFixed(1);this.tip.setValues(s,o,{name:l,value:c+"%"}),this.tip.showTip()}else transform(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.fill=a}}},{key:"bindTooltip",value:function(){this.container.addEventListener("mousemove",this.mouseMove),this.container.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,n=this.components.get("pieSlices").store,i=this.curActiveSliceIndex,a=this.curActiveSlice;if(n.includes(e)){var r=n.indexOf(e);this.hoverSlice(a,i,!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),COL_WIDTH=HEATMAP_SQUARE_SIZE+HEATMAP_GUTTER_SIZE,ROW_HEIGHT=COL_WIDTH,Heatmap=function(t){function e(t,n){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,n));i.type="heatmap",i.countLabel=n.countLabel||"";var a=["Sunday","Monday"],r=a.includes(n.startSubDomain)?n.startSubDomain:"Sunday";return i.startSubDomainIndex=a.indexOf(r),i.setup(),i}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){this.discreteDomains=0===t.discreteDomains?0:1,get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t)}},{key:"setMargins",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.leftMargin=HEATMAP_LEFT_MARGIN,this.topMargin=HEATMAP_TOP_MARGIN;var t=this.data,n=this.discreteDomains?NO_OF_YEAR_MONTHS:0;this.independentWidth=(getWeeksBetween(t.start,t.end)+n)*COL_WIDTH+this.rightMargin+this.leftMargin}},{key:"updateWidth",value:function(){var t=this.discreteDomains?NO_OF_YEAR_MONTHS:0;this.baseWidth=(this.state.noOfWeeks+t)*COL_WIDTH+this.rightMargin+this.leftMargin}},{key:"prepareData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;if(t.start&&t.end&&t.start>t.end)throw new Error("Start date cannot be greater than end date.");if(t.start||(t.start=new Date,t.start.setFullYear(t.start.getFullYear()-1)),t.end||(t.end=new Date),t.dataPoints=t.dataPoints||{},parseInt(Object.keys(t.dataPoints)[0])>1e5){var e={};Object.keys(t.dataPoints).forEach(function(n){var i=new Date(n*NO_OF_MILLIS);e[getYyyyMmDd(i)]=t.dataPoints[n]}),t.dataPoints=e}return t}},{key:"calc",value:function(){var t=this.state;t.start=clone(this.data.start),t.end=clone(this.data.end),t.firstWeekStart=clone(t.start),t.noOfWeeks=getWeeksBetween(t.start,t.end),t.distribution=calcDistribution(Object.values(this.data.dataPoints),HEATMAP_DISTRIBUTION_SIZE),t.domainConfigs=this.getDomains()}},{key:"setupComponents",value:function(){var t=this,e=this.state,n=this.discreteDomains?0:1,i=e.domainConfigs.map(function(i,a){return["heatDomain",{index:i.index,colWidth:COL_WIDTH,rowHeight:ROW_HEIGHT,squareSize:HEATMAP_SQUARE_SIZE,xTranslate:e.domainConfigs.filter(function(t,e){return e1&&void 0!==arguments[1]?arguments[1]:"",n=[t.getMonth(),t.getFullYear()],i=n[0],a=n[1],r=setDayToSunday(t),s={index:i,cols:[]};addDays(e=clone(e)||getLastDateInMonth(i,a),1);for(var o=getWeeksBetween(r,e),l=[],c=void 0,h=0;h2&&void 0!==arguments[2]&&arguments[2],i=this.state,a=clone(t),r=[],s=0;s=i.start&&a<=i.end;n||a.getMonth()!==e||!l?o.yyyyMmDd=getYyyyMmDd(a):o=this.getSubDomainConfig(a),r.push(o)}return r}},{key:"getSubDomainConfig",value:function(t){var e=getYyyyMmDd(t),n=this.data.dataPoints[e];return{yyyyMmDd:e,dataValue:n||0,fill:this.colors[getMaxCheckpoint(n,this.state.distribution)]}}}]),e}(BaseChart),AxisChart=function(t){function e(t,n){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,n));return i.barOptions=n.barOptions||{},i.lineOptions=n.lineOptions||{},i.type=n.type||"line",i.init=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),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||0,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.leftMargin=Y_AXIS_LEFT_MARGIN,this.rightMargin=Y_AXIS_RIGHT_MARGIN}},{key:"prepareData",value:function(){return dataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return zeroDataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||(this.calcYAxisParameters(this.getAllYValues(),"line"===this.type),this.makeDataByIndex())}},{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,n){return floatTwo(t.xOffset+n*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=calcChartIntervals(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),n=this.height/getValueRange(e),i=getIntervalSize(e)*n,a=this.height-getZeroIndex(e)*i;this.state.yAxis={labels:e,positions:e.map(function(t){return a-t*n}),scaleMultiplier:n,zeroLine:a},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return scale(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,n){var i=t.values,a=t.cumulativeYs||[];return{name:t.name,index:n,chartType:t.chartType,values:i,yPositions:e(i),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,n){e1&&e.datasets.map(function(e,n){var i=AXIS_LEGEND_BAR_SIZE,a=legendBar(i*n,"0",i,t.colors[n],e.name);t.legendArea.appendChild(a)})}},{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 n=e.units[t.state.currentIndex];e.overlay=makeOverlay[e.type](n),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 n=e.getAttribute("data-point-index");t.setCurrentDataPoint(n)})})}),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 n=e.units[t.state.currentIndex];updateOverlay[e.type](n,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,n){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,n,i),this.data.labels.splice(i,0,t),this.data.datasets.map(function(t,e){t.values.splice(i,0,n[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,n){t[n]&&(e.values=t[n])}),this.update(this.data)}}]),e}(BaseChart),chartTypes={bar:AxisChart,line:AxisChart,percentage:PercentageChart,heatmap:Heatmap,pie:PieChart},Chart=function t(e,n){return classCallCheck(this,t),getChartByType(n.type,e,n)};exports.Chart=Chart,exports.PercentageChart=PercentageChart,exports.PieChart=PieChart,exports.Heatmap=Heatmap,exports.AxisChart=AxisChart; +"use strict";function __$styleInject(t,e){void 0===e&&(e={});var n=e.insertAt;if(t&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===n&&i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}}function $(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function getOffset(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function isElementInViewport(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function getElementContentWidth(t){var e=window.getComputedStyle(t),n=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-n}function fire(t,e,n){var i=document.createEvent("HTMLEvents");i.initEvent(e,!0,!0);for(var a in n)i[a]=n[a];return t.dispatchEvent(i)}function getExtraHeight(t){return t.margins.top+t.margins.bottom+t.paddings.top+t.paddings.bottom+t.titleHeight+t.legendHeight}function getExtraWidth(t){return t.margins.left+t.margins.right+t.paddings.left+t.paddings.right}function floatTwo(t){return parseFloat(t.toFixed(2))}function fillArray(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]&&arguments[3];n||(n=i?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(n);return t=i?a.concat(t):t.concat(a)}function getStringWidth(t,e){return(t+"").length*e}function getPositionByAngle(t,e){return{x:Math.sin(t*ANGLE_RATIO)*e,y:Math.cos(t*ANGLE_RATIO)*e}}function getBarHeightAndYAttr(t,e){var n=void 0,i=void 0;return t<=e?(n=e-t,i=t):(n=t-e,i=e),[n,i]}function equilizeNoOfElements(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return n>0?t=fillArray(t,n):e=fillArray(e,n),[t,e]}function limitColor(t){return t>255?255:t<0?0:t}function lightenDarkenColor(t,e){var n=getColor(t),i=!1;"#"==n[0]&&(n=n.slice(1),i=!0);var a=parseInt(n,16),r=limitColor((a>>16)+e),s=limitColor((a>>8&255)+e),o=limitColor((255&a)+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 $$1(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function createSVG(t,e){var n=document.createElementNS("http://www.w3.org/2000/svg",t);for(var i in e){var a=e[i];if("inside"===i)$$1(a).appendChild(n);else if("around"===i){var r=$$1(a);r.parentNode.insertBefore(n,r),n.appendChild(r)}else"styles"===i?"object"===(void 0===a?"undefined":_typeof(a))&&Object.keys(a).map(function(t){n.style[t]=a[t]}):("className"===i&&(i="class"),"innerHTML"===i?n.textContent=a:n.setAttribute(i,a))}return n}function renderVerticalGradient(t,e){return createSVG("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function setGradientStop(t,e,n,i){return createSVG("stop",{inside:t,style:"stop-color: "+n,offset:e,"stop-opacity":i})}function makeSVGContainer(t,e,n,i){return createSVG("svg",{className:e,inside:t,width:n,height:i})}function makeSVGDefs(t){return createSVG("defs",{inside:t})}function makeSVGGroup(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0,i={className:t,transform:e};return n&&(i.inside=n),createSVG("g",i)}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,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,r=n.x+t.x,s=n.y+t.y,o=n.x+e.x,l=n.y+e.y;return"M"+n.x+" "+n.y+"\n\t\tL"+r+" "+s+"\n\t\tA "+i+" "+i+" 0 0 "+(a?1:0)+"\n\t\t"+o+" "+l+" z"}function makeGradient(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i="path-fill-gradient-"+e+"-"+(n?"lighter":"default"),a=renderVerticalGradient(t,i),r=[1,.6,.2];return n&&(r=[.4,.2,0]),setGradientStop(a,"0%",e,r[0]),setGradientStop(a,"50%",e,r[1]),setGradientStop(a,"100%",e,r[2]),i}function percentageBar(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:PERCENTAGE_BAR_DEFAULT_DEPTH,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:"none";return createSVG("rect",{className:"percentage-bar",x:t,y:e,width:n,height:i,fill:r,styles:{stroke:lightenDarkenColor(r,-25),"stroke-dasharray":"0, "+(i+n)+", "+n+", "+i,"stroke-width":a}})}function heatSquare(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s={className:t,x:e,y:n,width:i,height:i,fill:a};return Object.keys(r).map(function(t){s[t]=r[t]}),createSVG("rect",s)}function legendBar(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none",a=arguments[4],r={className:"legend-bar",x:0,y:0,width:n,height:"2px",fill:i},s=createSVG("text",{className:"legend-dataset-text",x:0,y:0,dy:2*FONT_SIZE+"px","font-size":1.2*FONT_SIZE+"px","text-anchor":"start",fill:FONT_FILL,innerHTML:a}),o=createSVG("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(createSVG("rect",r)),o.appendChild(s),o}function legendDot(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none",a=arguments[4],r={className:"legend-dot",cx:0,cy:0,r:n,fill:i},s=createSVG("text",{className:"legend-dataset-text",x:0,y:0,dx:FONT_SIZE+"px",dy:FONT_SIZE/3+"px","font-size":1.2*FONT_SIZE+"px","text-anchor":"start",fill:FONT_FILL,innerHTML:a}),o=createSVG("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(createSVG("circle",r)),o.appendChild(s),o}function makeText(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},r=a.fontSize||FONT_SIZE;return createSVG("text",{className:t,x:e,y:n,dy:(void 0!==a.dy?a.dy:r/2)+"px","font-size":r+"px",fill:a.fill||FONT_FILL,"text-anchor":a.textAnchor||"start",innerHTML:i})}function makeVertLine(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=BASE_LINE_COLOR);var r=createSVG("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:n,y2:i,styles:{stroke:a.stroke}}),s=createSVG("text",{x:0,y:n>i?n+LABEL_MARGIN:n-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,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=BASE_LINE_COLOR),a.lineType||(a.lineType="");var r=createSVG("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:n,x2:i,y1:0,y2:0,styles:{stroke:a.stroke}}),s=createSVG("text",{x:n3&&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 a=-1*AXIS_TICK_LENGTH,r="span"===i.mode?n+AXIS_TICK_LENGTH:0;return"tick"===i.mode&&"right"===i.pos&&(a=n+AXIS_TICK_LENGTH,r=n),a+=i.offset,r+=i.offset,makeHoriLine(t,e,a,r,{stroke:i.stroke,className:i.className,lineType:i.lineType})}function xLine(t,e,n){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 a=n+AXIS_TICK_LENGTH,r="span"===i.mode?-1*AXIS_TICK_LENGTH:n;return"tick"===i.mode&&"top"===i.pos&&(a=-1*AXIS_TICK_LENGTH,r=0),makeVertLine(t,e,a,r,{stroke:i.stroke,className:i.className,lineType:i.lineType})}function yMarker(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=createSVG("text",{className:"chart-label",x:n-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,n,{stroke:i.stroke||BASE_LINE_COLOR,className:i.className||"",lineType:i.lineType});return r.appendChild(a),r}function yRegion(t,e,n,i){var a=t-e,r=createSVG("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:BASE_LINE_COLOR,"stroke-dasharray":n+", "+a},x:0,y:0,width:n,height:a}),s=createSVG("text",{className:"chart-label",x:n-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,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,s=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=getBarHeightAndYAttr(e,o.zeroLine),u=slicedToArray(l,2),h=u[0],c=u[1],d=createSVG("rect",{className:"bar mini",style:"fill: "+i,"data-point-index":r,x:t,y:c-=s,width:n,height:h||o.minHeight});if((a+="")||a.length){d.setAttribute("y",0),d.setAttribute("x",0);var p=createSVG("text",{className:"data-point-value",x:n/2,y:0,dy:FONT_SIZE/2*-1+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:a}),f=createSVG("g",{"data-point-index":r,transform:"translate("+t+", "+c+")"});return f.appendChild(d),f.appendChild(p),f}return d}function datasetDot(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,s=createSVG("circle",{style:"fill: "+i,"data-point-index":r,cx:t,cy:e,r:n});if((a+="")||a.length){s.setAttribute("cy",0),s.setAttribute("cx",0);var o=createSVG("text",{className:"data-point-value",x:0,y:0,dy:FONT_SIZE/2*-1-n+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:a}),l=createSVG("g",{"data-point-index":r,transform:"translate("+t+", "+e+")"});return l.appendChild(s),l.appendChild(o),l}return s}function getPaths(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},r=e.map(function(e,n){return t[n]+","+e}).join("L"),s=makePath("M"+r,"line-graph-path",n);if(i.heatline){var o=makeGradient(a.svgDefs,n);s.style.stroke="url(#"+o+")"}var l={path:s};if(i.regionFill){var u=makeGradient(a.svgDefs,n,!0),h="M"+t[0]+","+a.zeroLine+"L"+r+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=makePath(h,"region-fill","none","url(#"+u+")")}return l}function translate(t,e,n,i){var a="string"==typeof e?e:e.join(", ");return[t,{transform:n.join(", ")},i,STD_EASING,"translate",{transform:a}]}function translateVertLine(t,e,n){return translate(t,[n,0],[e,0],MARKER_LINE_ANIM_DUR)}function translateHoriLine(t,e,n){return translate(t,[0,n],[0,e],MARKER_LINE_ANIM_DUR)}function animateRegion(t,e,n,i){var a=e-n,r=t.childNodes[0];return[[r,{height:a,"stroke-dasharray":r.getAttribute("width")+", "+a},MARKER_LINE_ANIM_DUR,STD_EASING],translate(t,[0,i],[0,n],MARKER_LINE_ANIM_DUR)]}function animateBar(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,r=getBarHeightAndYAttr(n,(arguments.length>5&&void 0!==arguments[5]?arguments[5]:{}).zeroLine),s=slicedToArray(r,2),o=s[0],l=s[1];return l-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width: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,n){return"circle"!==t.nodeName?[translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,n],MARKER_LINE_ANIM_DUR)]:[[t,{cx:e,cy:n},UNIT_ANIM_DUR,STD_EASING]]}function animatePath(t,e,n,i){var a=[],r=n.map(function(t,n){return e[n]+","+t}).join("L"),s=[t.path,{d:"M"+r},PATH_ANIM_DUR,STD_EASING];if(a.push(s),t.region){var o=e[0]+","+i+"L",l="L"+e.slice(-1)[0]+", "+i,u=[t.region,{d:"M"+o+r+l},PATH_ANIM_DUR,STD_EASING];a.push(u)}return a}function animatePathStr(t,e){return[t,{d:e},UNIT_ANIM_DUR,STD_EASING]}function animateSVGElement(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var u=void 0;u="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),c=e[l],d={attributeName:l,from:h,to:c,begin:"0s",dur:n/1e3+"s",values:h+";"+c,keySplines:EASING[i],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};a&&(d.type=a);for(var p in d)u.setAttribute(p,d[p]);s.appendChild(u),a?o.setAttribute(l,"translate("+c+")"):o.setAttribute(l,c)}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 n=[],i=[];e.map(function(t){var e=t[0],a=e.parentNode,r=void 0,s=void 0;t[0]=e;var o=animateSVGElement.apply(void 0,toConsumableArray(t)),l=slicedToArray(o,2);r=l[0],s=l[1],n.push(s),i.push([r,a]),a.replaceChild(r,e)});var a=t.cloneNode(!0);return i.map(function(t,i){t[1].replaceChild(n[i],t[0]),e[i][0]=n[i]}),a}function runSMILAnimation(t,e,n){if(0!==n.length){var i=animateSVG(e,n);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 downloadFile(t,e){var n=document.createElement("a");n.style="display: none";var i=new Blob(e,{type:"image/svg+xml; charset=utf-8"}),a=window.URL.createObjectURL(i);n.href=a,n.download=t,document.body.appendChild(n),n.click(),setTimeout(function(){document.body.removeChild(n),window.URL.revokeObjectURL(a)},300)}function prepareForExport(t){var e=t.cloneNode(!0);e.classList.add("chart-container"),e.setAttribute("xmlns","http://www.w3.org/2000/svg"),e.setAttribute("xmlns:xlink","http://www.w3.org/1999/xlink");var n=$.create("style",{innerHTML:CSSTEXT});e.insertBefore(n,e.firstChild);var i=$.create("div");return i.appendChild(e),i.innerHTML}function treatAsUtc(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function getYyyyMmDd(t){var e=t.getDate(),n=t.getMonth()+1;return[t.getFullYear(),(n>9?"":"0")+n,(e>9?"":"0")+e].join("-")}function clone(t){return new Date(t.getTime())}function getWeeksBetween(t,e){var n=setDayToSunday(t);return Math.ceil(getDaysBetween(n,e)/NO_OF_DAYS_IN_WEEK)}function getDaysBetween(t,e){var n=SEC_IN_DAY*NO_OF_MILLIS;return(treatAsUtc(e)-treatAsUtc(t))/n}function areInSameMonth(t,e){return t.getMonth()===e.getMonth()&&t.getFullYear()===e.getFullYear()}function getMonthName(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=MONTH_NAMES[t];return e?n.slice(0,3):n}function getLastDateInMonth(t,e){return new Date(e,t+1,0)}function setDayToSunday(t){var e=clone(t),n=e.getDay();return 0!==n&&addDays(e,-1*n),e}function addDays(t,e){t.setDate(t.getDate()+e)}function getComponent(t,e,n){var i=Object.keys(componentConfigs).filter(function(e){return t.includes(e)}),a=componentConfigs[i[0]];return Object.assign(a,{constants:e,getData:n}),new ChartComponent(a)}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 n=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,n)),n]}function getChartRangeIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=Math.ceil(t),i=Math.floor(e),a=n-i,r=a,s=1;a>5&&(a%2!=0&&(a=++n-i),r=a/2,s=2),a<=2&&(s=a/(r=4)),0===a&&(r=5,s=1);for(var o=[],l=0;l<=r;l++)o.push(i+s*l);return o}function getChartIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=normalize(t),i=slicedToArray(n,2),a=i[0],r=i[1],s=e?e/Math.pow(10,r):0,o=getChartRangeIntervals(a=a.toFixed(6),s);return o=o.map(function(t){return t*Math.pow(10,r)})}function calcChartIntervals(t){function e(t,e){for(var n=getChartIntervals(t),i=n[1]-n[0],a=0,r=1;a1&&void 0!==arguments[1]&&arguments[1],i=Math.max.apply(Math,toConsumableArray(t)),a=Math.min.apply(Math,toConsumableArray(t)),r=[];if(i>=0&&a>=0)normalize(i)[1],r=n?getChartIntervals(i,a):getChartIntervals(i);else if(i>0&&a<0){var s=Math.abs(a);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&&a<=0){var o=Math.abs(a),l=Math.abs(i);normalize(o)[1],r=(r=n?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 getClosestInArray(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i=e.reduce(function(e,n){return Math.abs(n-t)n?i.slice(0,n):fillArray(i,n-i.length,0)}else t.values=a;t.chartType||(AXIS_DATASET_CHART_TYPES.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],n=!(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&&(n?e%Math.ceil(t.length/i)!=0&&(t=""):t=i-3>0?t.slice(0,i-3)+" ...":t.slice(0,i)+".."),t})}function getChartByType(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],n=arguments[2];return"axis-mixed"===t?(n.type="line",new AxisChart(e,n)):chartTypes[t]?new chartTypes[t](e,n):void console.error("Undefined chart type: "+t)}Object.defineProperty(exports,"__esModule",{value:!0}),__$styleInject('.chart-container{position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .legend-dataset-text{fill:#6c7680;font-weight:600}.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}.graph-svg-tip ol,.graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.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)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}',{});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 n(t,e){return new Promise(function(n,a){var o={key:t,arg:e,resolve:n,reject:a,next:null};s?s=s.next=o:(r=s=o,i(t,e))})}function i(n,r){try{var s=e[n](r),o=s.value;o instanceof t?Promise.resolve(o.value).then(function(t){i("next",t)},function(t){i("throw",t)}):a(s.done?"return":"normal",s.value)}catch(t){a("throw",t)}}function a(t,e){switch(t){case"return":r.resolve({value:e,done:!0});break;case"throw":r.reject(e);break;default:r.resolve({value:e,done:!1})}(r=r.next)?i(r.key,r.arg):s=null}var r,s;this._invoke=n,"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 n=0;n\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,n){var i=t.colors[n]||"black",a=$.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(a)})}},{key:"calcPosition",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight-TOOLTIP_POINTER_TRIANGLE_HEIGHT,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,n=this.container.querySelector(".svg-pointer");if(this.left<0)n.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var i="calc(50% + "+(this.left-e)+"px)";n.style.left=i,this.left=e}else n.style.left="50%"}},{key:"setValues",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:-1;this.titleName=n.name,this.titleValue=n.value,this.listValues=i,this.x=t,this.y=e,this.titleValueFirst=n.valueFirst||0,this.index=a,this.refresh()}},{key:"hideTip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"showTip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),t}(),PRESET_COLOR_MAP={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},getColor=function(t){return PRESET_COLOR_MAP[t]||t},AXIS_TICK_LENGTH=6,LABEL_MARGIN=4,FONT_SIZE=10,BASE_LINE_COLOR="#dadada",FONT_FILL="#555b51",makeOverlay={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var n=t.cloneNode();return n.style.fill="#000000",n.style.opacity="0.4",e&&n.setAttribute("transform",e),n},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var n=t.cloneNode(),i=t.getAttribute("r"),a=t.getAttribute("fill");return n.setAttribute("r",parseInt(i)+DOT_OVERLAY_SIZE_INCR),n.setAttribute("fill",a),n.style.opacity="0.6",e&&n.setAttribute("transform",e),n},heat_square:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var n=t.cloneNode(),i=t.getAttribute("r"),a=t.getAttribute("fill");return n.setAttribute("r",parseInt(i)+DOT_OVERLAY_SIZE_INCR),n.setAttribute("fill",a),n.style.opacity="0.6",e&&n.setAttribute("transform",e),n}},updateOverlay={bar:function(t,e){var n=void 0;"rect"!==t.nodeName&&(n=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)}),n&&e.setAttribute("transform",n)},dot:function(t,e){var n=void 0;"circle"!==t.nodeName&&(n=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)}),n&&e.setAttribute("transform",n)},heat_square:function(t,e){var n=void 0;"circle"!==t.nodeName&&(n=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)}),n&&e.setAttribute("transform",n)}},UNIT_ANIM_DUR=350,PATH_ANIM_DUR=350,MARKER_LINE_ANIM_DUR=UNIT_ANIM_DUR,REPLACE_ALL_NEW_DUR=250,STD_EASING="easein",EASING={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},CSSTEXT=".chart-container{position:relative;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.graph-svg-tip{position:absolute;z-index:99999;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.graph-svg-tip ul{padding-left:0;display:flex}.graph-svg-tip ol{padding-left:0;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.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)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}",BaseChart=function(){function t(e,n){if(classCallCheck(this,t),this.parent="string"==typeof e?document.querySelector(e):e,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.rawChartArgs=n,this.title=n.title||"",this.type=n.type||"",this.realData=this.prepareData(n.data),this.data=this.prepareFirstData(this.realData),this.colors=this.validateColors(n.colors,this.type),this.config={showTooltip:1,showLegend:1,isNavigable:n.isNavigable||0,animate:1},this.measures=JSON.parse(JSON.stringify(BASE_MEASURES));var i=this.measures;this.setMeasures(n),this.title.length||(i.titleHeight=0),this.config.showLegend||(i.legendHeight=0),this.argHeight=n.height||i.baseHeight,this.state={},this.options={},this.initTimeout=INIT_CHART_UPDATE_TIMEOUT,this.config.isNavigable&&(this.overlays=[]),this.configure(n)}return createClass(t,[{key:"prepareData",value:function(t){return t}},{key:"prepareFirstData",value:function(t){return t}},{key:"validateColors",value:function(t,e){var n=[];return(t=(t||[]).concat(DEFAULT_COLORS[e])).forEach(function(t){var e=getColor(t);isValidColor(e)?n.push(e):console.warn('"'+t+'" is not a valid color.')}),n}},{key:"setMeasures",value:function(){}},{key:"configure",value:function(){var t=this,e=this.argHeight;this.baseHeight=e,this.height=e-getExtraHeight(this.measures),window.addEventListener("resize",function(){return t.draw(!0)}),window.addEventListener("orientationchange",function(){return t.draw(!0)})}},{key:"setup",value:function(){this.makeContainer(),this.updateWidth(),this.makeTooltip(),this.draw(!1,!0)}},{key:"makeContainer",value:function(){this.parent.innerHTML="";var t={inside:this.parent,className:"chart-container"};this.independentWidth&&(t.styles={width:this.independentWidth+"px"}),this.container=$.create("div",t)}},{key:"makeTooltip",value:function(){this.tip=new SvgTip({parent:this.container,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calc(e),this.updateWidth(),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),n&&(this.data=this.realData,setTimeout(function(){t.update(t.data)},this.initTimeout)),this.renderLegend(),this.setupNavigation(n)}},{key:"calc",value:function(){}},{key:"updateWidth",value:function(){this.baseWidth=getElementContentWidth(this.parent),this.width=this.baseWidth-getExtraWidth(this.measures)}},{key:"makeChartArea",value:function(){this.svg&&this.container.removeChild(this.svg);var t=this.measures;this.svg=makeSVGContainer(this.container,"frappe-chart chart",this.baseWidth,this.baseHeight),this.svgDefs=makeSVGDefs(this.svg),this.title.length&&(this.titleEL=makeText("title",t.margins.left,t.margins.top,this.title,{fontSize:t.titleFontSize,fill:"#666666",dy:t.titleFontSize}));var e=t.margins.top+t.titleHeight+t.paddings.top;this.drawArea=makeSVGGroup(this.type+"-chart chart-draw-area","translate("+(t.margins.left+t.paddings.left)+", "+e+")"),this.config.showLegend&&(e+=this.height+t.paddings.bottom,this.legendArea=makeSVGGroup("chart-legend","translate("+(t.margins.left+t.paddings.left)+", "+e+")")),this.title.length&&this.svg.appendChild(this.titleEL),this.svg.appendChild(this.drawArea),this.config.showLegend&&this.svg.appendChild(this.legendArea),this.updateTipOffset(t.margins.left+t.paddings.left,t.margins.top+t.paddings.top+t.titleHeight)}},{key:"updateTipOffset",value:function(t,e){this.tip.offset={x:t,y:e}}},{key:"setupComponents",value:function(){this.components=new Map}},{key:"update",value:function(t){t||console.error("No data to update."),this.data=this.prepareData(t),this.calc(),this.render()}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,n=!(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(n))}),i.length>0?(runSMILAnimation(this.container,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:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){isElementInViewport(t.container)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"addDataPoint",value:function(){}},{key:"removeDataPoint",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(){}},{key:"updateDataset",value:function(){}},{key:"boundDrawFn",value:function(){this.draw(!0)}},{key:"unbindWindowEvents",value:function(){var t=this;window.removeEventListener("resize",function(){return t.boundDrawFn.bind(t)}),window.removeEventListener("orientationchange",function(){return t.boundDrawFn.bind(t)})}},{key:"export",value:function(){var t=prepareForExport(this.svg);downloadFile(this.title||"Chart",[t])}}]),t}(),AggregationChart=function(t){function e(t,n){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,n))}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,n=this.config.maxSlices;e.sliceTotals=[];var i=this.data.labels.map(function(e,n){var i=0;return t.data.datasets.map(function(t){i+=t.values[n]}),[i,e]}).filter(function(t){return t[0]>0}),a=i;if(i.length>n){i.sort(function(t,e){return e[0]-t[0]}),a=i.slice(0,n-1);var r=0;i.slice(n-1).map(function(t){r+=t[0]}),a.push([r,"Rest"]),this.colors[n-1]="grey"}e.labels=[],a.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])}),e.grandTotal=e.sliceTotals.reduce(function(t,e){return t+e},0),this.center={x:this.width/2,y:this.height/2}}},{key:"renderLegend",value:function(){var t=this,e=this.state;this.legendArea.textContent="",this.legendTotals=e.sliceTotals.slice(0,this.config.maxLegendPoints),this.legendTotals.map(function(n,i){var a=legendDot(110*i+5,"0",5,t.colors[i],e.labels[i]+": "+n);t.legendArea.appendChild(a)})}}]),e}(BaseChart),NO_OF_YEAR_MONTHS=12,NO_OF_DAYS_IN_WEEK=7,NO_OF_MILLIS=1e3,SEC_IN_DAY=86400,MONTH_NAMES=["January","February","March","April","May","June","July","August","September","October","November","December"],DAY_NAMES_SHORT=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],ChartComponent=function(){function t(e){var n=e.layerClass,i=void 0===n?"":n,a=e.layerTransform,r=void 0===a?"":a,s=e.constants,o=e.getData,l=e.makeElements,u=e.animateElements;classCallCheck(this,t),this.layerTransform=r,this.constants=s,this.makeElements=l,this.getData=o,this.animateElements=u,this.store=[],this.labels=[],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(this.layerClass,this.layerTransform,t)}},{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)}),this.labels.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,n){var i=makePath(e,"pie-path","none",t.colors[n]);return i.style.transition="transform .3s;",i})},animateElements:function(t){return this.store.map(function(e,n){return animatePathStr(e,t.sliceStrings[n])})}},percentageBars:{layerClass:"percentage-bars",makeElements:function(t){var e=this;return t.xPositions.map(function(n,i){return percentageBar(n,0,t.widths[i],e.constants.barHeight,e.constants.barDepth,t.colors[i])})},animateElements:function(t){if(t)return[]}},yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(n,i){return yLine(n,t.labels[i],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,n=t.labels,i=this.oldData.positions,a=this.oldData.labels,r=equilizeNoOfElements(i,e),s=slicedToArray(r,2);i=s[0],e=s[1];var o=equilizeNoOfElements(a,n),l=slicedToArray(o,2);return a=l[0],n=l[1],this.render({positions:i,labels:n}),this.store.map(function(t,n){return translateHoriLine(t,e[n],i[n])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(n,i){return xLine(n,t.calcLabels[i],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,n=t.calcLabels,i=this.oldData.positions,a=this.oldData.calcLabels,r=equilizeNoOfElements(i,e),s=slicedToArray(r,2);i=s[0],e=s[1];var o=equilizeNoOfElements(a,n),l=slicedToArray(o,2);return a=l[0],n=l[1],this.render({positions:i,calcLabels:n}),this.store.map(function(t,n){return translateVertLine(t,e[n],i[n])})}},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),n=slicedToArray(e,2);this.oldData=n[0];var i=(t=n[1]).map(function(t){return t.position}),a=t.map(function(t){return t.label}),r=this.oldData.map(function(t){return t.position});return this.render(r.map(function(t,e){return{position:r[e],label:a[e]}})),this.store.map(function(t,e){return translateHoriLine(t,i[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),n=slicedToArray(e,2);this.oldData=n[0];var i=(t=n[1]).map(function(t){return t.endPos}),a=t.map(function(t){return t.label}),r=t.map(function(t){return t.startPos}),s=this.oldData.map(function(t){return t.endPos}),o=this.oldData.map(function(t){return t.startPos});this.render(s.map(function(t,e){return{startPos:o[e],endPos:s[e],label:a[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(animateRegion(t,r[e],i[e],s[e]))}),l}},heatDomain:{layerClass:function(){return"heat-domain domain-"+this.constants.index},makeElements:function(t){var e=this,n=this.constants,i=n.index,a=n.colWidth,r=n.rowHeight,s=n.squareSize,o=n.xTranslate,l=0;return this.serializedSubDomains=[],t.cols.map(function(t,n){1===n&&e.labels.push(makeText("domain-name",o,-12,getMonthName(i,!0).toUpperCase(),{fontSize:9})),t.map(function(t,n){if(t.fill){var i={"data-date":t.yyyyMmDd,"data-value":t.dataValue,"data-day":n},a=heatSquare("day",o,l,s,t.fill,i);e.serializedSubDomains.push(a)}l+=r}),l=0,o+=a}),this.serializedSubDomains},animateElements:function(t){if(t)return[]}},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(n,i){return datasetBar(t.xPositions[i],n,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=t.xPositions,n=t.yPositions,i=t.offsets,a=t.labels,r=this.oldData.xPositions,s=this.oldData.yPositions,o=this.oldData.offsets,l=this.oldData.labels,u=equilizeNoOfElements(r,e),h=slicedToArray(u,2);r=h[0],e=h[1];var c=equilizeNoOfElements(s,n),d=slicedToArray(c,2);s=d[0],n=d[1];var p=equilizeNoOfElements(o,i),f=slicedToArray(p,2);o=f[0],i=f[1];var g=equilizeNoOfElements(l,a),v=slicedToArray(g,2);l=v[0],a=v[1],this.render({xPositions:r,yPositions:s,offsets:o,labels:a,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var m=[];return this.store.map(function(a,r){m=m.concat(animateBar(a,e[r],n[r],t.barWidth,i[r],{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(n,i){return datasetDot(t.xPositions[i],n,t.radius,e.color,e.valuesOverPoints?t.values[i]:"",i)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,n=t.yPositions,i=t.values,a=this.oldData.xPositions,r=this.oldData.yPositions,s=this.oldData.values,o=equilizeNoOfElements(a,e),l=slicedToArray(o,2);a=l[0],e=l[1];var u=equilizeNoOfElements(r,n),h=slicedToArray(u,2);r=h[0],n=h[1];var c=equilizeNoOfElements(s,i),d=slicedToArray(c,2);s=d[0],i=d[1],this.render({xPositions:a,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,n,t.zeroLine))),this.units.length&&this.units.map(function(t,i){p=p.concat(animateDot(t,e[i],n[i]))}),p}}},PercentageChart=function(t){function e(t,n){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,n));return i.type="percentage",i.barOptions=n.barOptions||{},i.barOptions.height=i.barOptions.height||PERCENTAGE_BAR_DEFAULT_HEIGHT,i.barOptions.depth=i.barOptions.depth||PERCENTAGE_BAR_DEFAULT_DEPTH,i.setup(),i}return inherits(e,t),createClass(e,[{key:"setupComponents",value:function(){var t=this.state,e=[["percentageBars",{barHeight:this.barOptions.height,barDepth:this.barOptions.depth},function(){return{xPositions:t.xPositions,widths:t.widths,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:"calc",value:function(){var t=this;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"calc",this).call(this);var n=this.state;n.xPositions=[],n.widths=[];var i=0;n.sliceTotals.map(function(e){var a=t.width*e/n.grandTotal;n.widths.push(a),n.xPositions.push(i),i+=a})}},{key:"makeDataByIndex",value:function(){}},{key:"bindTooltip",value:function(){var t=this,e=this.state;this.container.addEventListener("mousemove",function(n){var i=t.components.get("percentageBars").store,a=n.target;if(i.includes(a)){var r=i.indexOf(a),s=getOffset(t.container),o=getOffset(a),l=o.left-s.left+parseInt(a.getAttribute("width"))/2,u=o.top-s.top,h=(t.formattedLabels&&t.formattedLabels.length>0?t.formattedLabels[r]:t.state.labels[r])+": ",c=e.sliceTotals[r]/e.grandTotal;t.tip.setValues(l,u,{name:h,value:(100*c).toFixed(1)+"%"}),t.tip.showTip()}})}}]),e}(AggregationChart),PieChart=function(t){function e(t,n){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,n));return i.type="pie",i.initTimeout=0,i.init=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),this.hoverRadio=t.hoverRadio||.1,this.config.startAngle=t.startAngle||0,this.clockWise=t.clockWise||!1}},{key:"calc",value:function(){var t=this;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"calc",this).call(this);var n=this.state;this.radius=this.height>this.width?this.center.x:this.center.y;var i=this.radius,a=this.clockWise,r=n.slicesProperties||[];n.sliceStrings=[],n.slicesProperties=[];var s=180-this.config.startAngle;n.sliceTotals.map(function(e,o){var l=s,u=e/n.grandTotal*FULL_ANGLE,h=a?-u:u,c=s+=h,d=getPositionByAngle(l,i),p=getPositionByAngle(c,i),f=t.init&&r[o],g=void 0,v=void 0;t.init?(g=f?f.startPosition:d,v=f?f.endPosition:d):(g=d,v=p);var m=makeArcPathStr(g,v,t.center,t.radius,t.clockWise);n.sliceStrings.push(m),n.slicesProperties.push({startPosition:d,endPosition:p,value:e,total:n.grandTotal,startAngle:l,endAngle:c,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,n=this.hoverRadio,i=getPositionByAngle(t.startAngle+t.angle/2,e);return"translate3d("+i.x*n+"px,"+i.y*n+"px,0)"}},{key:"hoverSlice",value:function(t,e,n,i){if(t){var a=this.colors[e];if(n){transform(t,this.calTranslateByAngle(this.state.slicesProperties[e])),t.style.fill=lightenDarkenColor(a,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])+": ",u=(100*this.state.sliceTotals[e]/this.state.grandTotal).toFixed(1);this.tip.setValues(s,o,{name:l,value:u+"%"}),this.tip.showTip()}else transform(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.fill=a}}},{key:"bindTooltip",value:function(){this.container.addEventListener("mousemove",this.mouseMove),this.container.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,n=this.components.get("pieSlices").store,i=this.curActiveSliceIndex,a=this.curActiveSlice;if(n.includes(e)){var r=n.indexOf(e);this.hoverSlice(a,i,!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),COL_WIDTH=HEATMAP_SQUARE_SIZE+HEATMAP_GUTTER_SIZE,ROW_HEIGHT=COL_WIDTH,Heatmap=function(t){function e(t,n){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,n));i.type="heatmap",i.countLabel=n.countLabel||"";var a=["Sunday","Monday"],r=a.includes(n.startSubDomain)?n.startSubDomain:"Sunday";return i.startSubDomainIndex=a.indexOf(r),i.setup(),i}return inherits(e,t),createClass(e,[{key:"setMeasures",value:function(t){var e=this.measures;this.discreteDomains=0===t.discreteDomains?0:1,e.paddings.top=3*ROW_HEIGHT,e.paddings.bottom=0,e.legendHeight=2*ROW_HEIGHT,e.baseHeight=ROW_HEIGHT*NO_OF_DAYS_IN_WEEK+getExtraHeight(e);var n=this.data,i=this.discreteDomains?NO_OF_YEAR_MONTHS:0;this.independentWidth=(getWeeksBetween(n.start,n.end)+i)*COL_WIDTH+e.margins.right+e.margins.left}},{key:"updateWidth",value:function(){var t=this.discreteDomains?NO_OF_YEAR_MONTHS:0;this.baseWidth=(this.state.noOfWeeks+t)*COL_WIDTH+getExtraWidth(this.measures)}},{key:"prepareData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;if(t.start&&t.end&&t.start>t.end)throw new Error("Start date cannot be greater than end date.");if(t.start||(t.start=new Date,t.start.setFullYear(t.start.getFullYear()-1)),t.end||(t.end=new Date),t.dataPoints=t.dataPoints||{},parseInt(Object.keys(t.dataPoints)[0])>1e5){var e={};Object.keys(t.dataPoints).forEach(function(n){var i=new Date(n*NO_OF_MILLIS);e[getYyyyMmDd(i)]=t.dataPoints[n]}),t.dataPoints=e}return t}},{key:"calc",value:function(){var t=this.state;t.start=clone(this.data.start),t.end=clone(this.data.end),t.firstWeekStart=clone(t.start),t.noOfWeeks=getWeeksBetween(t.start,t.end),t.distribution=calcDistribution(Object.values(this.data.dataPoints),HEATMAP_DISTRIBUTION_SIZE),t.domainConfigs=this.getDomains()}},{key:"setupComponents",value:function(){var t=this,e=this.state,n=this.discreteDomains?0:1,i=e.domainConfigs.map(function(i,a){return["heatDomain",{index:i.index,colWidth:COL_WIDTH,rowHeight:ROW_HEIGHT,squareSize:HEATMAP_SQUARE_SIZE,xTranslate:e.domainConfigs.filter(function(t,e){return e1&&void 0!==arguments[1]?arguments[1]:"",n=[t.getMonth(),t.getFullYear()],i=n[0],a=n[1],r=setDayToSunday(t),s={index:i,cols:[]};addDays(e=clone(e)||getLastDateInMonth(i,a),1);for(var o=getWeeksBetween(r,e),l=[],u=void 0,h=0;h2&&void 0!==arguments[2]&&arguments[2],i=this.state,a=clone(t),r=[],s=0;s=i.start&&a<=i.end;n||a.getMonth()!==e||!l?o.yyyyMmDd=getYyyyMmDd(a):o=this.getSubDomainConfig(a),r.push(o)}return r}},{key:"getSubDomainConfig",value:function(t){var e=getYyyyMmDd(t),n=this.data.dataPoints[e];return{yyyyMmDd:e,dataValue:n||0,fill:this.colors[getMaxCheckpoint(n,this.state.distribution)]}}}]),e}(BaseChart),AxisChart=function(t){function e(t,n){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,n));return i.barOptions=n.barOptions||{},i.lineOptions=n.lineOptions||{},i.type=n.type||"line",i.init=1,i.setup(),i}return inherits(e,t),createClass(e,[{key:"setMeasures",value:function(t){this.data.datasets.length<=1&&(this.config.showLegend=0,this.measures.paddings.bottom=30)}},{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||0,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"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),this.makeDataByIndex())}},{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,n){return floatTwo(t.xOffset+n*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=calcChartIntervals(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),n=this.height/getValueRange(e),i=getIntervalSize(e)*n,a=this.height-getZeroIndex(e)*i;this.state.yAxis={labels:e,positions:e.map(function(t){return a-t*n}),scaleMultiplier:n,zeroLine:a},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return scale(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,n){var i=t.values,a=t.cumulativeYs||[];return{name:t.name,index:n,chartType:t.chartType,values:i,yPositions:e(i),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,n){en.titleHeight+n.margins.top+n.paddings.top?t.mapTooltipXPosition(a):t.tip.hideTip()})}},{key:"mapTooltipXPosition",value:function(t){var e=this,n=this.state;if(n.yExtremes){var i=getClosestInArray(t,n.xAxis.positions,!0);console.log(t,n.xAxis.positions[i],n.xAxis.positions,this.tip.offset.x),this.tip.setValues(n.xAxis.positions[i]+this.tip.offset.x,n.yExtremes[i]+this.tip.offset.y,{name:n.xAxis.labels[i],value:""},this.data.datasets.map(function(t,n){return{title:t.name,value:t.values[i],color:e.colors[n]}}),i),this.tip.showTip()}}},{key:"renderLegend",value:function(){var t=this,e=this.data;e.datasets.length>1&&(this.legendArea.textContent="",e.datasets.map(function(e,n){var i=AXIS_LEGEND_BAR_SIZE,a=legendBar(i*n,"0",i,t.colors[n],e.name);t.legendArea.appendChild(a)}))}},{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 n=e.units[t.state.currentIndex];e.overlay=makeOverlay[e.type](n),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 n=e.getAttribute("data-point-index");t.setCurrentDataPoint(n)})})}),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 n=e.units[t.state.currentIndex];updateOverlay[e.type](n,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,n){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,n,i),this.data.labels.splice(i,0,t),this.data.datasets.map(function(t,e){t.values.splice(i,0,n[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,n){t[n]&&(e.values=t[n])}),this.update(this.data)}}]),e}(BaseChart),chartTypes={bar:AxisChart,line:AxisChart,percentage:PercentageChart,heatmap:Heatmap,pie:PieChart},Chart=function t(e,n){return classCallCheck(this,t),getChartByType(n.type,e,n)};exports.Chart=Chart,exports.PercentageChart=PercentageChart,exports.PieChart=PieChart,exports.Heatmap=Heatmap,exports.AxisChart=AxisChart; diff --git a/dist/frappe-charts.min.css b/dist/frappe-charts.min.css index 3412cb4..c32208f 100644 --- a/dist/frappe-charts.min.css +++ b/dist/frappe-charts.min.css @@ -1 +1 @@ -.chart-container{position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.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}.graph-svg-tip ol,.graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.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)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px} \ No newline at end of file +.chart-container{position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .legend-dataset-text{fill:#6c7680;font-weight:600}.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}.graph-svg-tip ol,.graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.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)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px} \ No newline at end of file diff --git a/dist/frappe-charts.min.esm.js b/dist/frappe-charts.min.esm.js index 2d7dc03..4b46796 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 n=e.insertAt;if(t&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===n&&i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}}function $(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function getOffset(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function isElementInViewport(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function getElementContentWidth(t){var e=window.getComputedStyle(t),n=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-n}function fire(t,e,n){var i=document.createEvent("HTMLEvents");i.initEvent(e,!0,!0);for(var a in n)i[a]=n[a];return t.dispatchEvent(i)}function floatTwo(t){return parseFloat(t.toFixed(2))}function fillArray(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]&&arguments[3];n||(n=i?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(n);return t=i?a.concat(t):t.concat(a)}function getStringWidth(t,e){return(t+"").length*e}function getPositionByAngle(t,e){return{x:Math.sin(t*ANGLE_RATIO)*e,y:Math.cos(t*ANGLE_RATIO)*e}}function getBarHeightAndYAttr(t,e){var n=void 0,i=void 0;return t<=e?(n=e-t,i=t):(n=t-e,i=e),[n,i]}function equilizeNoOfElements(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return n>0?t=fillArray(t,n):e=fillArray(e,n),[t,e]}function limitColor(t){return t>255?255:t<0?0:t}function lightenDarkenColor(t,e){var n=getColor(t),i=!1;"#"==n[0]&&(n=n.slice(1),i=!0);var a=parseInt(n,16),r=limitColor((a>>16)+e),s=limitColor((a>>8&255)+e),o=limitColor((255&a)+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 $$1(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function createSVG(t,e){var n=document.createElementNS("http://www.w3.org/2000/svg",t);for(var i in e){var a=e[i];if("inside"===i)$$1(a).appendChild(n);else if("around"===i){var r=$$1(a);r.parentNode.insertBefore(n,r),n.appendChild(r)}else"styles"===i?"object"===(void 0===a?"undefined":_typeof(a))&&Object.keys(a).map(function(t){n.style[t]=a[t]}):("className"===i&&(i="class"),"innerHTML"===i?n.textContent=a:n.setAttribute(i,a))}return n}function renderVerticalGradient(t,e){return createSVG("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function setGradientStop(t,e,n,i){return createSVG("stop",{inside:t,style:"stop-color: "+n,offset:e,"stop-opacity":i})}function makeSVGContainer(t,e,n,i){return createSVG("svg",{className:e,inside:t,width:n,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,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,r=n.x+t.x,s=n.y+t.y,o=n.x+e.x,l=n.y+e.y;return"M"+n.x+" "+n.y+"\n\t\tL"+r+" "+s+"\n\t\tA "+i+" "+i+" 0 0 "+(a?1:0)+"\n\t\t"+o+" "+l+" z"}function makeGradient(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i="path-fill-gradient-"+e+"-"+(n?"lighter":"default"),a=renderVerticalGradient(t,i),r=[1,.6,.2];return n&&(r=[.4,.2,0]),setGradientStop(a,"0%",e,r[0]),setGradientStop(a,"50%",e,r[1]),setGradientStop(a,"100%",e,r[2]),i}function percentageBar(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:PERCENTAGE_BAR_DEFAULT_DEPTH,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:"none";return createSVG("rect",{className:"percentage-bar",x:t,y:e,width:n,height:i,fill:r,styles:{stroke:lightenDarkenColor(r,-25),"stroke-dasharray":"0, "+(i+n)+", "+n+", "+i,"stroke-width":a}})}function heatSquare(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s={className:t,x:e,y:n,width:i,height:i,fill:a};return Object.keys(r).map(function(t){s[t]=r[t]}),createSVG("rect",s)}function legendBar(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none",a=arguments[4],r={className:"legend-bar",x:0,y:0,width:n,height:"2px",fill:i},s=createSVG("text",{className:"legend-dataset-text",x:0,y:0,dy:2*FONT_SIZE+"px","font-size":1.2*FONT_SIZE+"px","text-anchor":"start",fill:FONT_FILL,innerHTML:a}),o=createSVG("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(createSVG("rect",r)),o.appendChild(s),o}function legendDot(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none",a=arguments[4],r={className:"legend-dot",cx:0,cy:0,r:n,fill:i},s=createSVG("text",{className:"legend-dataset-text",x:0,y:0,dx:FONT_SIZE+"px",dy:FONT_SIZE/3+"px","font-size":1.2*FONT_SIZE+"px","text-anchor":"start",fill:FONT_FILL,innerHTML:a}),o=createSVG("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(createSVG("circle",r)),o.appendChild(s),o}function makeText(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},r=a.fontSize||FONT_SIZE;return createSVG("text",{className:t,x:e,y:n,dy:(void 0!==a.dy?a.dy:r/2)+"px","font-size":r+"px",fill:a.fill||FONT_FILL,"text-anchor":a.textAnchor||"start",innerHTML:i})}function makeVertLine(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=BASE_LINE_COLOR);var r=createSVG("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:n,y2:i,styles:{stroke:a.stroke}}),s=createSVG("text",{x:0,y:n>i?n+LABEL_MARGIN:n-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,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=BASE_LINE_COLOR),a.lineType||(a.lineType="");var r=createSVG("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:n,x2:i,y1:0,y2:0,styles:{stroke:a.stroke}}),s=createSVG("text",{x:n3&&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 a=-1*AXIS_TICK_LENGTH,r="span"===i.mode?n+AXIS_TICK_LENGTH:0;return"tick"===i.mode&&"right"===i.pos&&(a=n+AXIS_TICK_LENGTH,r=n),a+=i.offset,r+=i.offset,makeHoriLine(t,e,a,r,{stroke:i.stroke,className:i.className,lineType:i.lineType})}function xLine(t,e,n){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 a=n+AXIS_TICK_LENGTH,r="span"===i.mode?-1*AXIS_TICK_LENGTH:n;return"tick"===i.mode&&"top"===i.pos&&(a=-1*AXIS_TICK_LENGTH,r=0),makeVertLine(t,e,a,r,{stroke:i.stroke,className:i.className,lineType:i.lineType})}function yMarker(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=createSVG("text",{className:"chart-label",x:n-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,n,{stroke:i.stroke||BASE_LINE_COLOR,className:i.className||"",lineType:i.lineType});return r.appendChild(a),r}function yRegion(t,e,n,i){var a=t-e,r=createSVG("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:BASE_LINE_COLOR,"stroke-dasharray":n+", "+a},x:0,y:0,width:n,height:a}),s=createSVG("text",{className:"chart-label",x:n-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,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,s=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=getBarHeightAndYAttr(e,o.zeroLine),c=slicedToArray(l,2),u=c[0],h=c[1],d=createSVG("rect",{className:"bar mini",style:"fill: "+i,"data-point-index":r,x:t,y:h-=s,width:n,height:u||o.minHeight});if((a+="")||a.length){d.setAttribute("y",0),d.setAttribute("x",0);var p=createSVG("text",{className:"data-point-value",x:n/2,y:0,dy:FONT_SIZE/2*-1+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:a}),f=createSVG("g",{"data-point-index":r,transform:"translate("+t+", "+h+")"});return f.appendChild(d),f.appendChild(p),f}return d}function datasetDot(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,s=createSVG("circle",{style:"fill: "+i,"data-point-index":r,cx:t,cy:e,r:n});if((a+="")||a.length){s.setAttribute("cy",0),s.setAttribute("cx",0);var o=createSVG("text",{className:"data-point-value",x:0,y:0,dy:FONT_SIZE/2*-1-n+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:a}),l=createSVG("g",{"data-point-index":r,transform:"translate("+t+", "+e+")"});return l.appendChild(s),l.appendChild(o),l}return s}function getPaths(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},r=e.map(function(e,n){return t[n]+","+e}).join("L"),s=makePath("M"+r,"line-graph-path",n);if(i.heatline){var o=makeGradient(a.svgDefs,n);s.style.stroke="url(#"+o+")"}var l={path:s};if(i.regionFill){var c=makeGradient(a.svgDefs,n,!0),u="M"+t[0]+","+a.zeroLine+"L"+r+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=makePath(u,"region-fill","none","url(#"+c+")")}return l}function translate(t,e,n,i){var a="string"==typeof e?e:e.join(", ");return[t,{transform:n.join(", ")},i,STD_EASING,"translate",{transform:a}]}function translateVertLine(t,e,n){return translate(t,[n,0],[e,0],MARKER_LINE_ANIM_DUR)}function translateHoriLine(t,e,n){return translate(t,[0,n],[0,e],MARKER_LINE_ANIM_DUR)}function animateRegion(t,e,n,i){var a=e-n,r=t.childNodes[0];return[[r,{height:a,"stroke-dasharray":r.getAttribute("width")+", "+a},MARKER_LINE_ANIM_DUR,STD_EASING],translate(t,[0,i],[0,n],MARKER_LINE_ANIM_DUR)]}function animateBar(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,r=getBarHeightAndYAttr(n,(arguments.length>5&&void 0!==arguments[5]?arguments[5]:{}).zeroLine),s=slicedToArray(r,2),o=s[0],l=s[1];return l-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width: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,n){return"circle"!==t.nodeName?[translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,n],MARKER_LINE_ANIM_DUR)]:[[t,{cx:e,cy:n},UNIT_ANIM_DUR,STD_EASING]]}function animatePath(t,e,n,i){var a=[],r=n.map(function(t,n){return e[n]+","+t}).join("L"),s=[t.path,{d:"M"+r},PATH_ANIM_DUR,STD_EASING];if(a.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];a.push(c)}return a}function animatePathStr(t,e){return[t,{d:e},UNIT_ANIM_DUR,STD_EASING]}function animateSVGElement(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var c=void 0;c="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var u=r[l]||t.getAttribute(l),h=e[l],d={attributeName:l,from:u,to:h,begin:"0s",dur:n/1e3+"s",values:u+";"+h,keySplines:EASING[i],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};a&&(d.type=a);for(var p in d)c.setAttribute(p,d[p]);s.appendChild(c),a?o.setAttribute(l,"translate("+h+")"):o.setAttribute(l,h)}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 n=[],i=[];e.map(function(t){var e=t[0],a=e.parentNode,r=void 0,s=void 0;t[0]=e;var o=animateSVGElement.apply(void 0,toConsumableArray(t)),l=slicedToArray(o,2);r=l[0],s=l[1],n.push(s),i.push([r,a]),a.replaceChild(r,e)});var a=t.cloneNode(!0);return i.map(function(t,i){t[1].replaceChild(n[i],t[0]),e[i][0]=n[i]}),a}function runSMILAnimation(t,e,n){if(0!==n.length){var i=animateSVG(e,n);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 downloadFile(t,e){var n=document.createElement("a");n.style="display: none";var i=new Blob(e,{type:"image/svg+xml; charset=utf-8"}),a=window.URL.createObjectURL(i);n.href=a,n.download=t,document.body.appendChild(n),n.click(),setTimeout(function(){document.body.removeChild(n),window.URL.revokeObjectURL(a)},300)}function prepareForExport(t){var e=t.cloneNode(!0);e.classList.add("chart-container"),e.setAttribute("xmlns","http://www.w3.org/2000/svg"),e.setAttribute("xmlns:xlink","http://www.w3.org/1999/xlink");var n=$.create("style",{innerHTML:CSSTEXT});e.insertBefore(n,e.firstChild);var i=$.create("div");return i.appendChild(e),i.innerHTML}function treatAsUtc(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function getYyyyMmDd(t){var e=t.getDate(),n=t.getMonth()+1;return[t.getFullYear(),(n>9?"":"0")+n,(e>9?"":"0")+e].join("-")}function clone(t){return new Date(t.getTime())}function getWeeksBetween(t,e){var n=setDayToSunday(t);return Math.ceil(getDaysBetween(n,e)/NO_OF_DAYS_IN_WEEK)}function getDaysBetween(t,e){var n=SEC_IN_DAY*NO_OF_MILLIS;return(treatAsUtc(e)-treatAsUtc(t))/n}function areInSameMonth(t,e){return t.getMonth()===e.getMonth()&&t.getFullYear()===e.getFullYear()}function getMonthName(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=MONTH_NAMES[t];return e?n.slice(0,3):n}function getLastDateInMonth(t,e){return new Date(e,t+1,0)}function setDayToSunday(t){var e=clone(t),n=e.getDay();return 0!==n&&addDays(e,-1*n),e}function addDays(t,e){t.setDate(t.getDate()+e)}function getComponent(t,e,n){var i=Object.keys(componentConfigs).filter(function(e){return t.includes(e)}),a=componentConfigs[i[0]];return Object.assign(a,{constants:e,getData:n}),new ChartComponent(a)}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 n=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,n)),n]}function getChartRangeIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=Math.ceil(t),i=Math.floor(e),a=n-i,r=a,s=1;a>5&&(a%2!=0&&(a=++n-i),r=a/2,s=2),a<=2&&(s=a/(r=4)),0===a&&(r=5,s=1);for(var o=[],l=0;l<=r;l++)o.push(i+s*l);return o}function getChartIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=normalize(t),i=slicedToArray(n,2),a=i[0],r=i[1],s=e?e/Math.pow(10,r):0,o=getChartRangeIntervals(a=a.toFixed(6),s);return o=o.map(function(t){return t*Math.pow(10,r)})}function calcChartIntervals(t){function e(t,e){for(var n=getChartIntervals(t),i=n[1]-n[0],a=0,r=1;a1&&void 0!==arguments[1]&&arguments[1],i=Math.max.apply(Math,toConsumableArray(t)),a=Math.min.apply(Math,toConsumableArray(t)),r=[];if(i>=0&&a>=0)normalize(i)[1],r=n?getChartIntervals(i,a):getChartIntervals(i);else if(i>0&&a<0){var s=Math.abs(a);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&&a<=0){var o=Math.abs(a),l=Math.abs(i);normalize(o)[1],r=(r=n?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 getClosestInArray(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i=e.reduce(function(e,n){return Math.abs(n-t)n?i.slice(0,n):fillArray(i,n-i.length,0)}else t.values=a;t.chartType||(AXIS_DATASET_CHART_TYPES.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],n=!(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&&(n?e%Math.ceil(t.length/i)!=0&&(t=""):t=i-3>0?t.slice(0,i-3)+" ...":t.slice(0,i)+".."),t})}function getChartByType(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],n=arguments[2];return"axis-mixed"===t?(n.type="line",new AxisChart(e,n)):chartTypes[t]?new chartTypes[t](e,n):void console.error("Undefined chart type: "+t)}__$styleInject('.chart-container{position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.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}.graph-svg-tip ol,.graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.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)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}',{});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 n(t,e){return new Promise(function(n,a){var o={key:t,arg:e,resolve:n,reject:a,next:null};s?s=s.next=o:(r=s=o,i(t,e))})}function i(n,r){try{var s=e[n](r),o=s.value;o instanceof t?Promise.resolve(o.value).then(function(t){i("next",t)},function(t){i("throw",t)}):a(s.done?"return":"normal",s.value)}catch(t){a("throw",t)}}function a(t,e){switch(t){case"return":r.resolve({value:e,done:!0});break;case"throw":r.reject(e);break;default:r.resolve({value:e,done:!1})}(r=r.next)?i(r.key,r.arg):s=null}var r,s;this._invoke=n,"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 n=0;n\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,n){var i=t.colors[n]||"black",a=$.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(a)})}},{key:"calcPosition",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight-TOOLTIP_POINTER_TRIANGLE_HEIGHT,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,n=this.container.querySelector(".svg-pointer");if(this.left<0)n.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var i="calc(50% + "+(this.left-e)+"px)";n.style.left=i,this.left=e}else n.style.left="50%"}},{key:"setValues",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:-1;this.titleName=n.name,this.titleValue=n.value,this.listValues=i,this.x=t,this.y=e,this.titleValueFirst=n.valueFirst||0,this.index=a,this.refresh()}},{key:"hideTip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"showTip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),t}(),PRESET_COLOR_MAP={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},getColor=function(t){return PRESET_COLOR_MAP[t]||t},AXIS_TICK_LENGTH=6,LABEL_MARGIN=4,FONT_SIZE=10,BASE_LINE_COLOR="#dadada",FONT_FILL="#555b51",makeOverlay={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var n=t.cloneNode();return n.style.fill="#000000",n.style.opacity="0.4",e&&n.setAttribute("transform",e),n},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var n=t.cloneNode(),i=t.getAttribute("r"),a=t.getAttribute("fill");return n.setAttribute("r",parseInt(i)+DOT_OVERLAY_SIZE_INCR),n.setAttribute("fill",a),n.style.opacity="0.6",e&&n.setAttribute("transform",e),n},heat_square:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var n=t.cloneNode(),i=t.getAttribute("r"),a=t.getAttribute("fill");return n.setAttribute("r",parseInt(i)+DOT_OVERLAY_SIZE_INCR),n.setAttribute("fill",a),n.style.opacity="0.6",e&&n.setAttribute("transform",e),n}},updateOverlay={bar:function(t,e){var n=void 0;"rect"!==t.nodeName&&(n=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)}),n&&e.setAttribute("transform",n)},dot:function(t,e){var n=void 0;"circle"!==t.nodeName&&(n=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)}),n&&e.setAttribute("transform",n)},heat_square:function(t,e){var n=void 0;"circle"!==t.nodeName&&(n=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)}),n&&e.setAttribute("transform",n)}},UNIT_ANIM_DUR=350,PATH_ANIM_DUR=350,MARKER_LINE_ANIM_DUR=UNIT_ANIM_DUR,REPLACE_ALL_NEW_DUR=250,STD_EASING="easein",EASING={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},CSSTEXT=".chart-container{position:relative;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.graph-svg-tip{position:absolute;z-index:99999;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.graph-svg-tip ul{padding-left:0;display:flex}.graph-svg-tip ol{padding-left:0;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.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)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}",BaseChart=function(){function t(e,n){if(classCallCheck(this,t),this.parent="string"==typeof e?document.querySelector(e):e,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.rawChartArgs=n,this.title=n.title||"",this.argHeight=n.height||240,this.type=n.type||"",this.realData=this.prepareData(n.data),this.data=this.prepareFirstData(this.realData),this.colors=this.validateColors(n.colors,this.type),this.config={showTooltip:1,showLegend:n.showLegend||1,isNavigable:n.isNavigable||0,animate:1},this.state={},this.options={},this.initTimeout=INIT_CHART_UPDATE_TIMEOUT,this.config.isNavigable&&(this.overlays=[]),this.configure(n)}return createClass(t,[{key:"configure",value:function(){var t=this;this.setMargins(),window.addEventListener("resize",function(){return t.boundDrawFn}),window.addEventListener("orientationchange",function(){return t.boundDrawFn})}},{key:"validateColors",value:function(t,e){var n=[];return(t=(t||[]).concat(DEFAULT_COLORS[e])).forEach(function(t){var e=getColor(t);isValidColor(e)?n.push(e):console.warn('"'+t+'" is not a valid color.')}),n}},{key:"setMargins",value:function(){var t=this.argHeight;this.baseHeight=t,this.height=t-70,this.topMargin=BASE_CHART_TOP_MARGIN,this.leftMargin=BASE_CHART_LEFT_MARGIN,this.rightMargin=BASE_CHART_RIGHT_MARGIN}},{key:"setup",value:function(){this.makeContainer(),this.updateWidth(),this.makeTooltip(),this.draw(!1,!0)}},{key:"setupComponents",value:function(){this.components=new Map}},{key:"makeContainer",value:function(){this.parent.innerHTML="";var t={inside:this.parent,className:"chart-container"};this.independentWidth&&(t.styles={width:this.independentWidth+"px"}),this.container=$.create("div",t)}},{key:"makeTooltip",value:function(){this.tip=new SvgTip({parent:this.container,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calc(e),this.updateWidth(),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),n&&(this.data=this.realData,setTimeout(function(){t.update(t.data)},this.initTimeout)),this.renderLegend(),this.setupNavigation(n)}},{key:"updateWidth",value:function(){this.baseWidth=getElementContentWidth(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{key:"update",value:function(t){t||console.error("No data to update."),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,n=!(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(n))}),i.length>0?(runSMILAnimation(this.container,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.container.removeChild(this.svg);var t=0,e=0;this.title.length&&(t=40),this.config.showLegend&&(e=30),this.svg=makeSVGContainer(this.container,"frappe-chart chart",this.baseWidth,this.baseHeight+t+e),this.svgDefs=makeSVGDefs(this.svg),this.title.length&&(this.titleEL=makeText("title",this.leftMargin-6*AXIS_TICK_LENGTH,this.topMargin,this.title,{fontSize:12,fill:"#666666"}),this.svg.appendChild(this.titleEL));var n=this.topMargin+t;this.drawArea=makeSVGGroup(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+n+")"),n=this.baseHeight-t,this.legendArea=makeSVGGroup(this.svg,"chart-legend","translate("+this.leftMargin+", "+n+")"),this.updateTipOffset(this.leftMargin,this.topMargin+t)}},{key:"updateTipOffset",value:function(t,e){this.tip.offset={x:t,y:e}}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){isElementInViewport(t.container)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"addDataPoint",value:function(){}},{key:"removeDataPoint",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(){}},{key:"updateDataset",value:function(){}},{key:"getDifferentChart",value:function(t){var e=this.type,n=this.rawChartArgs;if(t!==e){ALL_CHART_TYPES.includes(t)||console.error("'"+t+"' is not a valid chart type."),COMPATIBLE_CHARTS[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var i=DATA_COLOR_DIVISIONS[e]===DATA_COLOR_DIVISIONS[t];return n.type=t,n.colors=i?n.colors:void 0,new Chart(this.parent,n)}}},{key:"boundDrawFn",value:function(){this.draw(!0)}},{key:"unbindWindowEvents",value:function(){var t=this;window.removeEventListener("resize",function(){return t.boundDrawFn}),window.removeEventListener("orientationchange",function(){return t.boundDrawFn})}},{key:"export",value:function(){var t=prepareForExport(this.svg);downloadFile(this.title||"Chart",[t])}}]),t}(),AggregationChart=function(t){function e(t,n){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,n))}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,n=this.config.maxSlices;e.sliceTotals=[];var i=this.data.labels.map(function(e,n){var i=0;return t.data.datasets.map(function(t){i+=t.values[n]}),[i,e]}).filter(function(t){return t[0]>0}),a=i;if(i.length>n){i.sort(function(t,e){return e[0]-t[0]}),a=i.slice(0,n-1);var r=0;i.slice(n-1).map(function(t){r+=t[0]}),a.push([r,"Rest"]),this.colors[n-1]="grey"}e.labels=[],a.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])}),e.grandTotal=e.sliceTotals.reduce(function(t,e){return t+e},0),this.center={x:this.width/2,y:this.height/2}}},{key:"renderLegend",value:function(){var t=this,e=this.state;this.legendArea.textContent="",this.legendTotals=e.sliceTotals.slice(0,this.config.maxLegendPoints),this.legendTotals.map(function(n,i){var a=legendDot(110*i+5,"0",5,t.colors[i],e.labels[i]+": "+n);t.legendArea.appendChild(a)})}}]),e}(BaseChart),NO_OF_YEAR_MONTHS=12,NO_OF_DAYS_IN_WEEK=7,NO_OF_MILLIS=1e3,SEC_IN_DAY=86400,MONTH_NAMES=["January","February","March","April","May","June","July","August","September","October","November","December"],DAY_NAMES_SHORT=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],ChartComponent=function(){function t(e){var n=e.layerClass,i=void 0===n?"":n,a=e.layerTransform,r=void 0===a?"":a,s=e.constants,o=e.getData,l=e.makeElements,c=e.animateElements;classCallCheck(this,t),this.layerTransform=r,this.constants=s,this.makeElements=l,this.getData=o,this.animateElements=c,this.store=[],this.labels=[],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)}),this.labels.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,n){var i=makePath(e,"pie-path","none",t.colors[n]);return i.style.transition="transform .3s;",i})},animateElements:function(t){return this.store.map(function(e,n){return animatePathStr(e,t.sliceStrings[n])})}},percentageBars:{layerClass:"percentage-bars",makeElements:function(t){var e=this;return t.xPositions.map(function(n,i){return percentageBar(n,0,t.widths[i],e.constants.barHeight,e.constants.barDepth,t.colors[i])})},animateElements:function(t){if(t)return[]}},yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(n,i){return yLine(n,t.labels[i],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,n=t.labels,i=this.oldData.positions,a=this.oldData.labels,r=equilizeNoOfElements(i,e),s=slicedToArray(r,2);i=s[0],e=s[1];var o=equilizeNoOfElements(a,n),l=slicedToArray(o,2);return a=l[0],n=l[1],this.render({positions:i,labels:n}),this.store.map(function(t,n){return translateHoriLine(t,e[n],i[n])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(n,i){return xLine(n,t.calcLabels[i],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,n=t.calcLabels,i=this.oldData.positions,a=this.oldData.calcLabels,r=equilizeNoOfElements(i,e),s=slicedToArray(r,2);i=s[0],e=s[1];var o=equilizeNoOfElements(a,n),l=slicedToArray(o,2);return a=l[0],n=l[1],this.render({positions:i,calcLabels:n}),this.store.map(function(t,n){return translateVertLine(t,e[n],i[n])})}},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),n=slicedToArray(e,2);this.oldData=n[0];var i=(t=n[1]).map(function(t){return t.position}),a=t.map(function(t){return t.label}),r=this.oldData.map(function(t){return t.position});return this.render(r.map(function(t,e){return{position:r[e],label:a[e]}})),this.store.map(function(t,e){return translateHoriLine(t,i[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),n=slicedToArray(e,2);this.oldData=n[0];var i=(t=n[1]).map(function(t){return t.endPos}),a=t.map(function(t){return t.label}),r=t.map(function(t){return t.startPos}),s=this.oldData.map(function(t){return t.endPos}),o=this.oldData.map(function(t){return t.startPos});this.render(s.map(function(t,e){return{startPos:o[e],endPos:s[e],label:a[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(animateRegion(t,r[e],i[e],s[e]))}),l}},heatDomain:{layerClass:function(){return"heat-domain domain-"+this.constants.index},makeElements:function(t){var e=this,n=this.constants,i=n.index,a=n.colWidth,r=n.rowHeight,s=n.squareSize,o=n.xTranslate,l=0;return this.serializedSubDomains=[],t.cols.map(function(t,n){1===n&&e.labels.push(makeText("domain-name",o,-12,getMonthName(i,!0),{fontSize:11})),t.map(function(t,n){if(t.fill){var i={"data-date":t.yyyyMmDd,"data-value":t.dataValue,"data-day":n},a=heatSquare("day",o,l,s,t.fill,i);e.serializedSubDomains.push(a)}l+=r}),l=0,o+=a}),this.serializedSubDomains},animateElements:function(t){if(t)return[]}},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(n,i){return datasetBar(t.xPositions[i],n,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=t.xPositions,n=t.yPositions,i=t.offsets,a=t.labels,r=this.oldData.xPositions,s=this.oldData.yPositions,o=this.oldData.offsets,l=this.oldData.labels,c=equilizeNoOfElements(r,e),u=slicedToArray(c,2);r=u[0],e=u[1];var h=equilizeNoOfElements(s,n),d=slicedToArray(h,2);s=d[0],n=d[1];var p=equilizeNoOfElements(o,i),f=slicedToArray(p,2);o=f[0],i=f[1];var v=equilizeNoOfElements(l,a),g=slicedToArray(v,2);l=g[0],a=g[1],this.render({xPositions:r,yPositions:s,offsets:o,labels:a,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var y=[];return this.store.map(function(a,r){y=y.concat(animateBar(a,e[r],n[r],t.barWidth,i[r],{zeroLine:t.zeroLine}))}),y}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=getPaths(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(n,i){return datasetDot(t.xPositions[i],n,t.radius,e.color,e.valuesOverPoints?t.values[i]:"",i)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,n=t.yPositions,i=t.values,a=this.oldData.xPositions,r=this.oldData.yPositions,s=this.oldData.values,o=equilizeNoOfElements(a,e),l=slicedToArray(o,2);a=l[0],e=l[1];var c=equilizeNoOfElements(r,n),u=slicedToArray(c,2);r=u[0],n=u[1];var h=equilizeNoOfElements(s,i),d=slicedToArray(h,2);s=d[0],i=d[1],this.render({xPositions:a,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,n,t.zeroLine))),this.units.length&&this.units.map(function(t,i){p=p.concat(animateDot(t,e[i],n[i]))}),p}}},PercentageChart=function(t){function e(t,n){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,n));return i.type="percentage",i.barOptions=n.barOptions||{},i.barOptions.height=i.barOptions.height||PERCENTAGE_BAR_DEFAULT_HEIGHT,i.barOptions.depth=i.barOptions.depth||PERCENTAGE_BAR_DEFAULT_DEPTH,i.setup(),i}return inherits(e,t),createClass(e,[{key:"setupComponents",value:function(){var t=this.state,e=[["percentageBars",{barHeight:this.barOptions.height,barDepth:this.barOptions.depth},function(){return{xPositions:t.xPositions,widths:t.widths,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:"calc",value:function(){var t=this;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"calc",this).call(this);var n=this.state;n.xPositions=[],n.widths=[];var i=0;n.sliceTotals.map(function(e){var a=t.width*e/n.grandTotal;n.widths.push(a),n.xPositions.push(i),i+=a})}},{key:"makeDataByIndex",value:function(){}},{key:"bindTooltip",value:function(){var t=this,e=this.state;this.container.addEventListener("mousemove",function(n){var i=t.components.get("percentageBars").store,a=n.target;if(i.includes(a)){var r=i.indexOf(a),s=getOffset(t.container),o=getOffset(a),l=o.left-s.left+parseInt(a.getAttribute("width"))/2,c=o.top-s.top,u=(t.formattedLabels&&t.formattedLabels.length>0?t.formattedLabels[r]:t.state.labels[r])+": ",h=e.sliceTotals[r]/e.grandTotal;t.tip.setValues(l,c,{name:u,value:(100*h).toFixed(1)+"%"}),t.tip.showTip()}})}}]),e}(AggregationChart),PieChart=function(t){function e(t,n){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,n));return i.type="pie",i.initTimeout=0,i.init=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),this.hoverRadio=t.hoverRadio||.1,this.config.startAngle=t.startAngle||0,this.clockWise=t.clockWise||!1}},{key:"calc",value:function(){var t=this;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"calc",this).call(this);var n=this.state;this.radius=this.height>this.width?this.center.x:this.center.y;var i=this.radius,a=this.clockWise,r=n.slicesProperties||[];n.sliceStrings=[],n.slicesProperties=[];var s=180-this.config.startAngle;n.sliceTotals.map(function(e,o){var l=s,c=e/n.grandTotal*FULL_ANGLE,u=a?-c:c,h=s+=u,d=getPositionByAngle(l,i),p=getPositionByAngle(h,i),f=t.init&&r[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);n.sliceStrings.push(y),n.slicesProperties.push({startPosition:d,endPosition:p,value:e,total:n.grandTotal,startAngle:l,endAngle:h,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=getComponent.apply(void 0,toConsumableArray(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,n=this.hoverRadio,i=getPositionByAngle(t.startAngle+t.angle/2,e);return"translate3d("+i.x*n+"px,"+i.y*n+"px,0)"}},{key:"hoverSlice",value:function(t,e,n,i){if(t){var a=this.colors[e];if(n){transform(t,this.calTranslateByAngle(this.state.slicesProperties[e])),t.style.fill=lightenDarkenColor(a,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.state.grandTotal).toFixed(1);this.tip.setValues(s,o,{name:l,value:c+"%"}),this.tip.showTip()}else transform(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.fill=a}}},{key:"bindTooltip",value:function(){this.container.addEventListener("mousemove",this.mouseMove),this.container.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,n=this.components.get("pieSlices").store,i=this.curActiveSliceIndex,a=this.curActiveSlice;if(n.includes(e)){var r=n.indexOf(e);this.hoverSlice(a,i,!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),COL_WIDTH=HEATMAP_SQUARE_SIZE+HEATMAP_GUTTER_SIZE,ROW_HEIGHT=COL_WIDTH,Heatmap=function(t){function e(t,n){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,n));i.type="heatmap",i.countLabel=n.countLabel||"";var a=["Sunday","Monday"],r=a.includes(n.startSubDomain)?n.startSubDomain:"Sunday";return i.startSubDomainIndex=a.indexOf(r),i.setup(),i}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){this.discreteDomains=0===t.discreteDomains?0:1,get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t)}},{key:"setMargins",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.leftMargin=HEATMAP_LEFT_MARGIN,this.topMargin=HEATMAP_TOP_MARGIN;var t=this.data,n=this.discreteDomains?NO_OF_YEAR_MONTHS:0;this.independentWidth=(getWeeksBetween(t.start,t.end)+n)*COL_WIDTH+this.rightMargin+this.leftMargin}},{key:"updateWidth",value:function(){var t=this.discreteDomains?NO_OF_YEAR_MONTHS:0;this.baseWidth=(this.state.noOfWeeks+t)*COL_WIDTH+this.rightMargin+this.leftMargin}},{key:"prepareData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;if(t.start&&t.end&&t.start>t.end)throw new Error("Start date cannot be greater than end date.");if(t.start||(t.start=new Date,t.start.setFullYear(t.start.getFullYear()-1)),t.end||(t.end=new Date),t.dataPoints=t.dataPoints||{},parseInt(Object.keys(t.dataPoints)[0])>1e5){var e={};Object.keys(t.dataPoints).forEach(function(n){var i=new Date(n*NO_OF_MILLIS);e[getYyyyMmDd(i)]=t.dataPoints[n]}),t.dataPoints=e}return t}},{key:"calc",value:function(){var t=this.state;t.start=clone(this.data.start),t.end=clone(this.data.end),t.firstWeekStart=clone(t.start),t.noOfWeeks=getWeeksBetween(t.start,t.end),t.distribution=calcDistribution(Object.values(this.data.dataPoints),HEATMAP_DISTRIBUTION_SIZE),t.domainConfigs=this.getDomains()}},{key:"setupComponents",value:function(){var t=this,e=this.state,n=this.discreteDomains?0:1,i=e.domainConfigs.map(function(i,a){return["heatDomain",{index:i.index,colWidth:COL_WIDTH,rowHeight:ROW_HEIGHT,squareSize:HEATMAP_SQUARE_SIZE,xTranslate:e.domainConfigs.filter(function(t,e){return e1&&void 0!==arguments[1]?arguments[1]:"",n=[t.getMonth(),t.getFullYear()],i=n[0],a=n[1],r=setDayToSunday(t),s={index:i,cols:[]};addDays(e=clone(e)||getLastDateInMonth(i,a),1);for(var o=getWeeksBetween(r,e),l=[],c=void 0,u=0;u2&&void 0!==arguments[2]&&arguments[2],i=this.state,a=clone(t),r=[],s=0;s=i.start&&a<=i.end;n||a.getMonth()!==e||!l?o.yyyyMmDd=getYyyyMmDd(a):o=this.getSubDomainConfig(a),r.push(o)}return r}},{key:"getSubDomainConfig",value:function(t){var e=getYyyyMmDd(t),n=this.data.dataPoints[e];return{yyyyMmDd:e,dataValue:n||0,fill:this.colors[getMaxCheckpoint(n,this.state.distribution)]}}}]),e}(BaseChart),AxisChart=function(t){function e(t,n){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,n));return i.barOptions=n.barOptions||{},i.lineOptions=n.lineOptions||{},i.type=n.type||"line",i.init=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),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||0,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.leftMargin=Y_AXIS_LEFT_MARGIN,this.rightMargin=Y_AXIS_RIGHT_MARGIN}},{key:"prepareData",value:function(){return dataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return zeroDataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||(this.calcYAxisParameters(this.getAllYValues(),"line"===this.type),this.makeDataByIndex())}},{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,n){return floatTwo(t.xOffset+n*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=calcChartIntervals(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),n=this.height/getValueRange(e),i=getIntervalSize(e)*n,a=this.height-getZeroIndex(e)*i;this.state.yAxis={labels:e,positions:e.map(function(t){return a-t*n}),scaleMultiplier:n,zeroLine:a},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return scale(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,n){var i=t.values,a=t.cumulativeYs||[];return{name:t.name,index:n,chartType:t.chartType,values:i,yPositions:e(i),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,n){e1&&e.datasets.map(function(e,n){var i=AXIS_LEGEND_BAR_SIZE,a=legendBar(i*n,"0",i,t.colors[n],e.name);t.legendArea.appendChild(a)})}},{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 n=e.units[t.state.currentIndex];e.overlay=makeOverlay[e.type](n),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 n=e.getAttribute("data-point-index");t.setCurrentDataPoint(n)})})}),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 n=e.units[t.state.currentIndex];updateOverlay[e.type](n,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,n){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,n,i),this.data.labels.splice(i,0,t),this.data.datasets.map(function(t,e){t.values.splice(i,0,n[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,n){t[n]&&(e.values=t[n])}),this.update(this.data)}}]),e}(BaseChart),chartTypes={bar:AxisChart,line:AxisChart,percentage:PercentageChart,heatmap:Heatmap,pie:PieChart},Chart=function t(e,n){return classCallCheck(this,t),getChartByType(n.type,e,n)};export{Chart,PercentageChart,PieChart,Heatmap,AxisChart}; +function __$styleInject(t,e){void 0===e&&(e={});var n=e.insertAt;if(t&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===n&&i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}}function $(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function getOffset(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function isElementInViewport(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function getElementContentWidth(t){var e=window.getComputedStyle(t),n=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-n}function fire(t,e,n){var i=document.createEvent("HTMLEvents");i.initEvent(e,!0,!0);for(var a in n)i[a]=n[a];return t.dispatchEvent(i)}function getExtraHeight(t){return t.margins.top+t.margins.bottom+t.paddings.top+t.paddings.bottom+t.titleHeight+t.legendHeight}function getExtraWidth(t){return t.margins.left+t.margins.right+t.paddings.left+t.paddings.right}function floatTwo(t){return parseFloat(t.toFixed(2))}function fillArray(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]&&arguments[3];n||(n=i?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(n);return t=i?a.concat(t):t.concat(a)}function getStringWidth(t,e){return(t+"").length*e}function getPositionByAngle(t,e){return{x:Math.sin(t*ANGLE_RATIO)*e,y:Math.cos(t*ANGLE_RATIO)*e}}function getBarHeightAndYAttr(t,e){var n=void 0,i=void 0;return t<=e?(n=e-t,i=t):(n=t-e,i=e),[n,i]}function equilizeNoOfElements(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return n>0?t=fillArray(t,n):e=fillArray(e,n),[t,e]}function limitColor(t){return t>255?255:t<0?0:t}function lightenDarkenColor(t,e){var n=getColor(t),i=!1;"#"==n[0]&&(n=n.slice(1),i=!0);var a=parseInt(n,16),r=limitColor((a>>16)+e),s=limitColor((a>>8&255)+e),o=limitColor((255&a)+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 $$1(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function createSVG(t,e){var n=document.createElementNS("http://www.w3.org/2000/svg",t);for(var i in e){var a=e[i];if("inside"===i)$$1(a).appendChild(n);else if("around"===i){var r=$$1(a);r.parentNode.insertBefore(n,r),n.appendChild(r)}else"styles"===i?"object"===(void 0===a?"undefined":_typeof(a))&&Object.keys(a).map(function(t){n.style[t]=a[t]}):("className"===i&&(i="class"),"innerHTML"===i?n.textContent=a:n.setAttribute(i,a))}return n}function renderVerticalGradient(t,e){return createSVG("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function setGradientStop(t,e,n,i){return createSVG("stop",{inside:t,style:"stop-color: "+n,offset:e,"stop-opacity":i})}function makeSVGContainer(t,e,n,i){return createSVG("svg",{className:e,inside:t,width:n,height:i})}function makeSVGDefs(t){return createSVG("defs",{inside:t})}function makeSVGGroup(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0,i={className:t,transform:e};return n&&(i.inside=n),createSVG("g",i)}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,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,r=n.x+t.x,s=n.y+t.y,o=n.x+e.x,l=n.y+e.y;return"M"+n.x+" "+n.y+"\n\t\tL"+r+" "+s+"\n\t\tA "+i+" "+i+" 0 0 "+(a?1:0)+"\n\t\t"+o+" "+l+" z"}function makeGradient(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i="path-fill-gradient-"+e+"-"+(n?"lighter":"default"),a=renderVerticalGradient(t,i),r=[1,.6,.2];return n&&(r=[.4,.2,0]),setGradientStop(a,"0%",e,r[0]),setGradientStop(a,"50%",e,r[1]),setGradientStop(a,"100%",e,r[2]),i}function percentageBar(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:PERCENTAGE_BAR_DEFAULT_DEPTH,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:"none";return createSVG("rect",{className:"percentage-bar",x:t,y:e,width:n,height:i,fill:r,styles:{stroke:lightenDarkenColor(r,-25),"stroke-dasharray":"0, "+(i+n)+", "+n+", "+i,"stroke-width":a}})}function heatSquare(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s={className:t,x:e,y:n,width:i,height:i,fill:a};return Object.keys(r).map(function(t){s[t]=r[t]}),createSVG("rect",s)}function legendBar(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none",a=arguments[4],r={className:"legend-bar",x:0,y:0,width:n,height:"2px",fill:i},s=createSVG("text",{className:"legend-dataset-text",x:0,y:0,dy:2*FONT_SIZE+"px","font-size":1.2*FONT_SIZE+"px","text-anchor":"start",fill:FONT_FILL,innerHTML:a}),o=createSVG("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(createSVG("rect",r)),o.appendChild(s),o}function legendDot(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none",a=arguments[4],r={className:"legend-dot",cx:0,cy:0,r:n,fill:i},s=createSVG("text",{className:"legend-dataset-text",x:0,y:0,dx:FONT_SIZE+"px",dy:FONT_SIZE/3+"px","font-size":1.2*FONT_SIZE+"px","text-anchor":"start",fill:FONT_FILL,innerHTML:a}),o=createSVG("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(createSVG("circle",r)),o.appendChild(s),o}function makeText(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},r=a.fontSize||FONT_SIZE;return createSVG("text",{className:t,x:e,y:n,dy:(void 0!==a.dy?a.dy:r/2)+"px","font-size":r+"px",fill:a.fill||FONT_FILL,"text-anchor":a.textAnchor||"start",innerHTML:i})}function makeVertLine(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=BASE_LINE_COLOR);var r=createSVG("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:n,y2:i,styles:{stroke:a.stroke}}),s=createSVG("text",{x:0,y:n>i?n+LABEL_MARGIN:n-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,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=BASE_LINE_COLOR),a.lineType||(a.lineType="");var r=createSVG("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:n,x2:i,y1:0,y2:0,styles:{stroke:a.stroke}}),s=createSVG("text",{x:n3&&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 a=-1*AXIS_TICK_LENGTH,r="span"===i.mode?n+AXIS_TICK_LENGTH:0;return"tick"===i.mode&&"right"===i.pos&&(a=n+AXIS_TICK_LENGTH,r=n),a+=i.offset,r+=i.offset,makeHoriLine(t,e,a,r,{stroke:i.stroke,className:i.className,lineType:i.lineType})}function xLine(t,e,n){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 a=n+AXIS_TICK_LENGTH,r="span"===i.mode?-1*AXIS_TICK_LENGTH:n;return"tick"===i.mode&&"top"===i.pos&&(a=-1*AXIS_TICK_LENGTH,r=0),makeVertLine(t,e,a,r,{stroke:i.stroke,className:i.className,lineType:i.lineType})}function yMarker(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=createSVG("text",{className:"chart-label",x:n-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,n,{stroke:i.stroke||BASE_LINE_COLOR,className:i.className||"",lineType:i.lineType});return r.appendChild(a),r}function yRegion(t,e,n,i){var a=t-e,r=createSVG("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:BASE_LINE_COLOR,"stroke-dasharray":n+", "+a},x:0,y:0,width:n,height:a}),s=createSVG("text",{className:"chart-label",x:n-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,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,s=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=getBarHeightAndYAttr(e,o.zeroLine),u=slicedToArray(l,2),h=u[0],c=u[1],d=createSVG("rect",{className:"bar mini",style:"fill: "+i,"data-point-index":r,x:t,y:c-=s,width:n,height:h||o.minHeight});if((a+="")||a.length){d.setAttribute("y",0),d.setAttribute("x",0);var p=createSVG("text",{className:"data-point-value",x:n/2,y:0,dy:FONT_SIZE/2*-1+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:a}),f=createSVG("g",{"data-point-index":r,transform:"translate("+t+", "+c+")"});return f.appendChild(d),f.appendChild(p),f}return d}function datasetDot(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,s=createSVG("circle",{style:"fill: "+i,"data-point-index":r,cx:t,cy:e,r:n});if((a+="")||a.length){s.setAttribute("cy",0),s.setAttribute("cx",0);var o=createSVG("text",{className:"data-point-value",x:0,y:0,dy:FONT_SIZE/2*-1-n+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:a}),l=createSVG("g",{"data-point-index":r,transform:"translate("+t+", "+e+")"});return l.appendChild(s),l.appendChild(o),l}return s}function getPaths(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},r=e.map(function(e,n){return t[n]+","+e}).join("L"),s=makePath("M"+r,"line-graph-path",n);if(i.heatline){var o=makeGradient(a.svgDefs,n);s.style.stroke="url(#"+o+")"}var l={path:s};if(i.regionFill){var u=makeGradient(a.svgDefs,n,!0),h="M"+t[0]+","+a.zeroLine+"L"+r+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=makePath(h,"region-fill","none","url(#"+u+")")}return l}function translate(t,e,n,i){var a="string"==typeof e?e:e.join(", ");return[t,{transform:n.join(", ")},i,STD_EASING,"translate",{transform:a}]}function translateVertLine(t,e,n){return translate(t,[n,0],[e,0],MARKER_LINE_ANIM_DUR)}function translateHoriLine(t,e,n){return translate(t,[0,n],[0,e],MARKER_LINE_ANIM_DUR)}function animateRegion(t,e,n,i){var a=e-n,r=t.childNodes[0];return[[r,{height:a,"stroke-dasharray":r.getAttribute("width")+", "+a},MARKER_LINE_ANIM_DUR,STD_EASING],translate(t,[0,i],[0,n],MARKER_LINE_ANIM_DUR)]}function animateBar(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,r=getBarHeightAndYAttr(n,(arguments.length>5&&void 0!==arguments[5]?arguments[5]:{}).zeroLine),s=slicedToArray(r,2),o=s[0],l=s[1];return l-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width: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,n){return"circle"!==t.nodeName?[translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,n],MARKER_LINE_ANIM_DUR)]:[[t,{cx:e,cy:n},UNIT_ANIM_DUR,STD_EASING]]}function animatePath(t,e,n,i){var a=[],r=n.map(function(t,n){return e[n]+","+t}).join("L"),s=[t.path,{d:"M"+r},PATH_ANIM_DUR,STD_EASING];if(a.push(s),t.region){var o=e[0]+","+i+"L",l="L"+e.slice(-1)[0]+", "+i,u=[t.region,{d:"M"+o+r+l},PATH_ANIM_DUR,STD_EASING];a.push(u)}return a}function animatePathStr(t,e){return[t,{d:e},UNIT_ANIM_DUR,STD_EASING]}function animateSVGElement(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var u=void 0;u="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),c=e[l],d={attributeName:l,from:h,to:c,begin:"0s",dur:n/1e3+"s",values:h+";"+c,keySplines:EASING[i],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};a&&(d.type=a);for(var p in d)u.setAttribute(p,d[p]);s.appendChild(u),a?o.setAttribute(l,"translate("+c+")"):o.setAttribute(l,c)}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 n=[],i=[];e.map(function(t){var e=t[0],a=e.parentNode,r=void 0,s=void 0;t[0]=e;var o=animateSVGElement.apply(void 0,toConsumableArray(t)),l=slicedToArray(o,2);r=l[0],s=l[1],n.push(s),i.push([r,a]),a.replaceChild(r,e)});var a=t.cloneNode(!0);return i.map(function(t,i){t[1].replaceChild(n[i],t[0]),e[i][0]=n[i]}),a}function runSMILAnimation(t,e,n){if(0!==n.length){var i=animateSVG(e,n);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 downloadFile(t,e){var n=document.createElement("a");n.style="display: none";var i=new Blob(e,{type:"image/svg+xml; charset=utf-8"}),a=window.URL.createObjectURL(i);n.href=a,n.download=t,document.body.appendChild(n),n.click(),setTimeout(function(){document.body.removeChild(n),window.URL.revokeObjectURL(a)},300)}function prepareForExport(t){var e=t.cloneNode(!0);e.classList.add("chart-container"),e.setAttribute("xmlns","http://www.w3.org/2000/svg"),e.setAttribute("xmlns:xlink","http://www.w3.org/1999/xlink");var n=$.create("style",{innerHTML:CSSTEXT});e.insertBefore(n,e.firstChild);var i=$.create("div");return i.appendChild(e),i.innerHTML}function treatAsUtc(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function getYyyyMmDd(t){var e=t.getDate(),n=t.getMonth()+1;return[t.getFullYear(),(n>9?"":"0")+n,(e>9?"":"0")+e].join("-")}function clone(t){return new Date(t.getTime())}function getWeeksBetween(t,e){var n=setDayToSunday(t);return Math.ceil(getDaysBetween(n,e)/NO_OF_DAYS_IN_WEEK)}function getDaysBetween(t,e){var n=SEC_IN_DAY*NO_OF_MILLIS;return(treatAsUtc(e)-treatAsUtc(t))/n}function areInSameMonth(t,e){return t.getMonth()===e.getMonth()&&t.getFullYear()===e.getFullYear()}function getMonthName(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=MONTH_NAMES[t];return e?n.slice(0,3):n}function getLastDateInMonth(t,e){return new Date(e,t+1,0)}function setDayToSunday(t){var e=clone(t),n=e.getDay();return 0!==n&&addDays(e,-1*n),e}function addDays(t,e){t.setDate(t.getDate()+e)}function getComponent(t,e,n){var i=Object.keys(componentConfigs).filter(function(e){return t.includes(e)}),a=componentConfigs[i[0]];return Object.assign(a,{constants:e,getData:n}),new ChartComponent(a)}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 n=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,n)),n]}function getChartRangeIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=Math.ceil(t),i=Math.floor(e),a=n-i,r=a,s=1;a>5&&(a%2!=0&&(a=++n-i),r=a/2,s=2),a<=2&&(s=a/(r=4)),0===a&&(r=5,s=1);for(var o=[],l=0;l<=r;l++)o.push(i+s*l);return o}function getChartIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=normalize(t),i=slicedToArray(n,2),a=i[0],r=i[1],s=e?e/Math.pow(10,r):0,o=getChartRangeIntervals(a=a.toFixed(6),s);return o=o.map(function(t){return t*Math.pow(10,r)})}function calcChartIntervals(t){function e(t,e){for(var n=getChartIntervals(t),i=n[1]-n[0],a=0,r=1;a1&&void 0!==arguments[1]&&arguments[1],i=Math.max.apply(Math,toConsumableArray(t)),a=Math.min.apply(Math,toConsumableArray(t)),r=[];if(i>=0&&a>=0)normalize(i)[1],r=n?getChartIntervals(i,a):getChartIntervals(i);else if(i>0&&a<0){var s=Math.abs(a);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&&a<=0){var o=Math.abs(a),l=Math.abs(i);normalize(o)[1],r=(r=n?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 getClosestInArray(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i=e.reduce(function(e,n){return Math.abs(n-t)n?i.slice(0,n):fillArray(i,n-i.length,0)}else t.values=a;t.chartType||(AXIS_DATASET_CHART_TYPES.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],n=!(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&&(n?e%Math.ceil(t.length/i)!=0&&(t=""):t=i-3>0?t.slice(0,i-3)+" ...":t.slice(0,i)+".."),t})}function getChartByType(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],n=arguments[2];return"axis-mixed"===t?(n.type="line",new AxisChart(e,n)):chartTypes[t]?new chartTypes[t](e,n):void console.error("Undefined chart type: "+t)}__$styleInject('.chart-container{position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .legend-dataset-text{fill:#6c7680;font-weight:600}.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}.graph-svg-tip ol,.graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.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)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}',{});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 n(t,e){return new Promise(function(n,a){var o={key:t,arg:e,resolve:n,reject:a,next:null};s?s=s.next=o:(r=s=o,i(t,e))})}function i(n,r){try{var s=e[n](r),o=s.value;o instanceof t?Promise.resolve(o.value).then(function(t){i("next",t)},function(t){i("throw",t)}):a(s.done?"return":"normal",s.value)}catch(t){a("throw",t)}}function a(t,e){switch(t){case"return":r.resolve({value:e,done:!0});break;case"throw":r.reject(e);break;default:r.resolve({value:e,done:!1})}(r=r.next)?i(r.key,r.arg):s=null}var r,s;this._invoke=n,"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 n=0;n\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,n){var i=t.colors[n]||"black",a=$.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(a)})}},{key:"calcPosition",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight-TOOLTIP_POINTER_TRIANGLE_HEIGHT,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,n=this.container.querySelector(".svg-pointer");if(this.left<0)n.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var i="calc(50% + "+(this.left-e)+"px)";n.style.left=i,this.left=e}else n.style.left="50%"}},{key:"setValues",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:-1;this.titleName=n.name,this.titleValue=n.value,this.listValues=i,this.x=t,this.y=e,this.titleValueFirst=n.valueFirst||0,this.index=a,this.refresh()}},{key:"hideTip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"showTip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),t}(),PRESET_COLOR_MAP={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},getColor=function(t){return PRESET_COLOR_MAP[t]||t},AXIS_TICK_LENGTH=6,LABEL_MARGIN=4,FONT_SIZE=10,BASE_LINE_COLOR="#dadada",FONT_FILL="#555b51",makeOverlay={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var n=t.cloneNode();return n.style.fill="#000000",n.style.opacity="0.4",e&&n.setAttribute("transform",e),n},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var n=t.cloneNode(),i=t.getAttribute("r"),a=t.getAttribute("fill");return n.setAttribute("r",parseInt(i)+DOT_OVERLAY_SIZE_INCR),n.setAttribute("fill",a),n.style.opacity="0.6",e&&n.setAttribute("transform",e),n},heat_square:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var n=t.cloneNode(),i=t.getAttribute("r"),a=t.getAttribute("fill");return n.setAttribute("r",parseInt(i)+DOT_OVERLAY_SIZE_INCR),n.setAttribute("fill",a),n.style.opacity="0.6",e&&n.setAttribute("transform",e),n}},updateOverlay={bar:function(t,e){var n=void 0;"rect"!==t.nodeName&&(n=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)}),n&&e.setAttribute("transform",n)},dot:function(t,e){var n=void 0;"circle"!==t.nodeName&&(n=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)}),n&&e.setAttribute("transform",n)},heat_square:function(t,e){var n=void 0;"circle"!==t.nodeName&&(n=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)}),n&&e.setAttribute("transform",n)}},UNIT_ANIM_DUR=350,PATH_ANIM_DUR=350,MARKER_LINE_ANIM_DUR=UNIT_ANIM_DUR,REPLACE_ALL_NEW_DUR=250,STD_EASING="easein",EASING={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},CSSTEXT=".chart-container{position:relative;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.graph-svg-tip{position:absolute;z-index:99999;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.graph-svg-tip ul{padding-left:0;display:flex}.graph-svg-tip ol{padding-left:0;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.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)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}",BaseChart=function(){function t(e,n){if(classCallCheck(this,t),this.parent="string"==typeof e?document.querySelector(e):e,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.rawChartArgs=n,this.title=n.title||"",this.type=n.type||"",this.realData=this.prepareData(n.data),this.data=this.prepareFirstData(this.realData),this.colors=this.validateColors(n.colors,this.type),this.config={showTooltip:1,showLegend:1,isNavigable:n.isNavigable||0,animate:1},this.measures=JSON.parse(JSON.stringify(BASE_MEASURES));var i=this.measures;this.setMeasures(n),this.title.length||(i.titleHeight=0),this.config.showLegend||(i.legendHeight=0),this.argHeight=n.height||i.baseHeight,this.state={},this.options={},this.initTimeout=INIT_CHART_UPDATE_TIMEOUT,this.config.isNavigable&&(this.overlays=[]),this.configure(n)}return createClass(t,[{key:"prepareData",value:function(t){return t}},{key:"prepareFirstData",value:function(t){return t}},{key:"validateColors",value:function(t,e){var n=[];return(t=(t||[]).concat(DEFAULT_COLORS[e])).forEach(function(t){var e=getColor(t);isValidColor(e)?n.push(e):console.warn('"'+t+'" is not a valid color.')}),n}},{key:"setMeasures",value:function(){}},{key:"configure",value:function(){var t=this,e=this.argHeight;this.baseHeight=e,this.height=e-getExtraHeight(this.measures),window.addEventListener("resize",function(){return t.draw(!0)}),window.addEventListener("orientationchange",function(){return t.draw(!0)})}},{key:"setup",value:function(){this.makeContainer(),this.updateWidth(),this.makeTooltip(),this.draw(!1,!0)}},{key:"makeContainer",value:function(){this.parent.innerHTML="";var t={inside:this.parent,className:"chart-container"};this.independentWidth&&(t.styles={width:this.independentWidth+"px"}),this.container=$.create("div",t)}},{key:"makeTooltip",value:function(){this.tip=new SvgTip({parent:this.container,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calc(e),this.updateWidth(),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),n&&(this.data=this.realData,setTimeout(function(){t.update(t.data)},this.initTimeout)),this.renderLegend(),this.setupNavigation(n)}},{key:"calc",value:function(){}},{key:"updateWidth",value:function(){this.baseWidth=getElementContentWidth(this.parent),this.width=this.baseWidth-getExtraWidth(this.measures)}},{key:"makeChartArea",value:function(){this.svg&&this.container.removeChild(this.svg);var t=this.measures;this.svg=makeSVGContainer(this.container,"frappe-chart chart",this.baseWidth,this.baseHeight),this.svgDefs=makeSVGDefs(this.svg),this.title.length&&(this.titleEL=makeText("title",t.margins.left,t.margins.top,this.title,{fontSize:t.titleFontSize,fill:"#666666",dy:t.titleFontSize}));var e=t.margins.top+t.titleHeight+t.paddings.top;this.drawArea=makeSVGGroup(this.type+"-chart chart-draw-area","translate("+(t.margins.left+t.paddings.left)+", "+e+")"),this.config.showLegend&&(e+=this.height+t.paddings.bottom,this.legendArea=makeSVGGroup("chart-legend","translate("+(t.margins.left+t.paddings.left)+", "+e+")")),this.title.length&&this.svg.appendChild(this.titleEL),this.svg.appendChild(this.drawArea),this.config.showLegend&&this.svg.appendChild(this.legendArea),this.updateTipOffset(t.margins.left+t.paddings.left,t.margins.top+t.paddings.top+t.titleHeight)}},{key:"updateTipOffset",value:function(t,e){this.tip.offset={x:t,y:e}}},{key:"setupComponents",value:function(){this.components=new Map}},{key:"update",value:function(t){t||console.error("No data to update."),this.data=this.prepareData(t),this.calc(),this.render()}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,n=!(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(n))}),i.length>0?(runSMILAnimation(this.container,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:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){isElementInViewport(t.container)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"addDataPoint",value:function(){}},{key:"removeDataPoint",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(){}},{key:"updateDataset",value:function(){}},{key:"boundDrawFn",value:function(){this.draw(!0)}},{key:"unbindWindowEvents",value:function(){var t=this;window.removeEventListener("resize",function(){return t.boundDrawFn.bind(t)}),window.removeEventListener("orientationchange",function(){return t.boundDrawFn.bind(t)})}},{key:"export",value:function(){var t=prepareForExport(this.svg);downloadFile(this.title||"Chart",[t])}}]),t}(),AggregationChart=function(t){function e(t,n){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,n))}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,n=this.config.maxSlices;e.sliceTotals=[];var i=this.data.labels.map(function(e,n){var i=0;return t.data.datasets.map(function(t){i+=t.values[n]}),[i,e]}).filter(function(t){return t[0]>0}),a=i;if(i.length>n){i.sort(function(t,e){return e[0]-t[0]}),a=i.slice(0,n-1);var r=0;i.slice(n-1).map(function(t){r+=t[0]}),a.push([r,"Rest"]),this.colors[n-1]="grey"}e.labels=[],a.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])}),e.grandTotal=e.sliceTotals.reduce(function(t,e){return t+e},0),this.center={x:this.width/2,y:this.height/2}}},{key:"renderLegend",value:function(){var t=this,e=this.state;this.legendArea.textContent="",this.legendTotals=e.sliceTotals.slice(0,this.config.maxLegendPoints),this.legendTotals.map(function(n,i){var a=legendDot(110*i+5,"0",5,t.colors[i],e.labels[i]+": "+n);t.legendArea.appendChild(a)})}}]),e}(BaseChart),NO_OF_YEAR_MONTHS=12,NO_OF_DAYS_IN_WEEK=7,NO_OF_MILLIS=1e3,SEC_IN_DAY=86400,MONTH_NAMES=["January","February","March","April","May","June","July","August","September","October","November","December"],DAY_NAMES_SHORT=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],ChartComponent=function(){function t(e){var n=e.layerClass,i=void 0===n?"":n,a=e.layerTransform,r=void 0===a?"":a,s=e.constants,o=e.getData,l=e.makeElements,u=e.animateElements;classCallCheck(this,t),this.layerTransform=r,this.constants=s,this.makeElements=l,this.getData=o,this.animateElements=u,this.store=[],this.labels=[],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(this.layerClass,this.layerTransform,t)}},{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)}),this.labels.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,n){var i=makePath(e,"pie-path","none",t.colors[n]);return i.style.transition="transform .3s;",i})},animateElements:function(t){return this.store.map(function(e,n){return animatePathStr(e,t.sliceStrings[n])})}},percentageBars:{layerClass:"percentage-bars",makeElements:function(t){var e=this;return t.xPositions.map(function(n,i){return percentageBar(n,0,t.widths[i],e.constants.barHeight,e.constants.barDepth,t.colors[i])})},animateElements:function(t){if(t)return[]}},yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(n,i){return yLine(n,t.labels[i],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,n=t.labels,i=this.oldData.positions,a=this.oldData.labels,r=equilizeNoOfElements(i,e),s=slicedToArray(r,2);i=s[0],e=s[1];var o=equilizeNoOfElements(a,n),l=slicedToArray(o,2);return a=l[0],n=l[1],this.render({positions:i,labels:n}),this.store.map(function(t,n){return translateHoriLine(t,e[n],i[n])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(n,i){return xLine(n,t.calcLabels[i],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,n=t.calcLabels,i=this.oldData.positions,a=this.oldData.calcLabels,r=equilizeNoOfElements(i,e),s=slicedToArray(r,2);i=s[0],e=s[1];var o=equilizeNoOfElements(a,n),l=slicedToArray(o,2);return a=l[0],n=l[1],this.render({positions:i,calcLabels:n}),this.store.map(function(t,n){return translateVertLine(t,e[n],i[n])})}},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),n=slicedToArray(e,2);this.oldData=n[0];var i=(t=n[1]).map(function(t){return t.position}),a=t.map(function(t){return t.label}),r=this.oldData.map(function(t){return t.position});return this.render(r.map(function(t,e){return{position:r[e],label:a[e]}})),this.store.map(function(t,e){return translateHoriLine(t,i[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),n=slicedToArray(e,2);this.oldData=n[0];var i=(t=n[1]).map(function(t){return t.endPos}),a=t.map(function(t){return t.label}),r=t.map(function(t){return t.startPos}),s=this.oldData.map(function(t){return t.endPos}),o=this.oldData.map(function(t){return t.startPos});this.render(s.map(function(t,e){return{startPos:o[e],endPos:s[e],label:a[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(animateRegion(t,r[e],i[e],s[e]))}),l}},heatDomain:{layerClass:function(){return"heat-domain domain-"+this.constants.index},makeElements:function(t){var e=this,n=this.constants,i=n.index,a=n.colWidth,r=n.rowHeight,s=n.squareSize,o=n.xTranslate,l=0;return this.serializedSubDomains=[],t.cols.map(function(t,n){1===n&&e.labels.push(makeText("domain-name",o,-12,getMonthName(i,!0).toUpperCase(),{fontSize:9})),t.map(function(t,n){if(t.fill){var i={"data-date":t.yyyyMmDd,"data-value":t.dataValue,"data-day":n},a=heatSquare("day",o,l,s,t.fill,i);e.serializedSubDomains.push(a)}l+=r}),l=0,o+=a}),this.serializedSubDomains},animateElements:function(t){if(t)return[]}},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(n,i){return datasetBar(t.xPositions[i],n,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=t.xPositions,n=t.yPositions,i=t.offsets,a=t.labels,r=this.oldData.xPositions,s=this.oldData.yPositions,o=this.oldData.offsets,l=this.oldData.labels,u=equilizeNoOfElements(r,e),h=slicedToArray(u,2);r=h[0],e=h[1];var c=equilizeNoOfElements(s,n),d=slicedToArray(c,2);s=d[0],n=d[1];var p=equilizeNoOfElements(o,i),f=slicedToArray(p,2);o=f[0],i=f[1];var g=equilizeNoOfElements(l,a),v=slicedToArray(g,2);l=v[0],a=v[1],this.render({xPositions:r,yPositions:s,offsets:o,labels:a,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var m=[];return this.store.map(function(a,r){m=m.concat(animateBar(a,e[r],n[r],t.barWidth,i[r],{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(n,i){return datasetDot(t.xPositions[i],n,t.radius,e.color,e.valuesOverPoints?t.values[i]:"",i)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,n=t.yPositions,i=t.values,a=this.oldData.xPositions,r=this.oldData.yPositions,s=this.oldData.values,o=equilizeNoOfElements(a,e),l=slicedToArray(o,2);a=l[0],e=l[1];var u=equilizeNoOfElements(r,n),h=slicedToArray(u,2);r=h[0],n=h[1];var c=equilizeNoOfElements(s,i),d=slicedToArray(c,2);s=d[0],i=d[1],this.render({xPositions:a,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,n,t.zeroLine))),this.units.length&&this.units.map(function(t,i){p=p.concat(animateDot(t,e[i],n[i]))}),p}}},PercentageChart=function(t){function e(t,n){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,n));return i.type="percentage",i.barOptions=n.barOptions||{},i.barOptions.height=i.barOptions.height||PERCENTAGE_BAR_DEFAULT_HEIGHT,i.barOptions.depth=i.barOptions.depth||PERCENTAGE_BAR_DEFAULT_DEPTH,i.setup(),i}return inherits(e,t),createClass(e,[{key:"setupComponents",value:function(){var t=this.state,e=[["percentageBars",{barHeight:this.barOptions.height,barDepth:this.barOptions.depth},function(){return{xPositions:t.xPositions,widths:t.widths,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:"calc",value:function(){var t=this;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"calc",this).call(this);var n=this.state;n.xPositions=[],n.widths=[];var i=0;n.sliceTotals.map(function(e){var a=t.width*e/n.grandTotal;n.widths.push(a),n.xPositions.push(i),i+=a})}},{key:"makeDataByIndex",value:function(){}},{key:"bindTooltip",value:function(){var t=this,e=this.state;this.container.addEventListener("mousemove",function(n){var i=t.components.get("percentageBars").store,a=n.target;if(i.includes(a)){var r=i.indexOf(a),s=getOffset(t.container),o=getOffset(a),l=o.left-s.left+parseInt(a.getAttribute("width"))/2,u=o.top-s.top,h=(t.formattedLabels&&t.formattedLabels.length>0?t.formattedLabels[r]:t.state.labels[r])+": ",c=e.sliceTotals[r]/e.grandTotal;t.tip.setValues(l,u,{name:h,value:(100*c).toFixed(1)+"%"}),t.tip.showTip()}})}}]),e}(AggregationChart),PieChart=function(t){function e(t,n){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,n));return i.type="pie",i.initTimeout=0,i.init=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),this.hoverRadio=t.hoverRadio||.1,this.config.startAngle=t.startAngle||0,this.clockWise=t.clockWise||!1}},{key:"calc",value:function(){var t=this;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"calc",this).call(this);var n=this.state;this.radius=this.height>this.width?this.center.x:this.center.y;var i=this.radius,a=this.clockWise,r=n.slicesProperties||[];n.sliceStrings=[],n.slicesProperties=[];var s=180-this.config.startAngle;n.sliceTotals.map(function(e,o){var l=s,u=e/n.grandTotal*FULL_ANGLE,h=a?-u:u,c=s+=h,d=getPositionByAngle(l,i),p=getPositionByAngle(c,i),f=t.init&&r[o],g=void 0,v=void 0;t.init?(g=f?f.startPosition:d,v=f?f.endPosition:d):(g=d,v=p);var m=makeArcPathStr(g,v,t.center,t.radius,t.clockWise);n.sliceStrings.push(m),n.slicesProperties.push({startPosition:d,endPosition:p,value:e,total:n.grandTotal,startAngle:l,endAngle:c,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,n=this.hoverRadio,i=getPositionByAngle(t.startAngle+t.angle/2,e);return"translate3d("+i.x*n+"px,"+i.y*n+"px,0)"}},{key:"hoverSlice",value:function(t,e,n,i){if(t){var a=this.colors[e];if(n){transform(t,this.calTranslateByAngle(this.state.slicesProperties[e])),t.style.fill=lightenDarkenColor(a,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])+": ",u=(100*this.state.sliceTotals[e]/this.state.grandTotal).toFixed(1);this.tip.setValues(s,o,{name:l,value:u+"%"}),this.tip.showTip()}else transform(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.fill=a}}},{key:"bindTooltip",value:function(){this.container.addEventListener("mousemove",this.mouseMove),this.container.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,n=this.components.get("pieSlices").store,i=this.curActiveSliceIndex,a=this.curActiveSlice;if(n.includes(e)){var r=n.indexOf(e);this.hoverSlice(a,i,!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),COL_WIDTH=HEATMAP_SQUARE_SIZE+HEATMAP_GUTTER_SIZE,ROW_HEIGHT=COL_WIDTH,Heatmap=function(t){function e(t,n){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,n));i.type="heatmap",i.countLabel=n.countLabel||"";var a=["Sunday","Monday"],r=a.includes(n.startSubDomain)?n.startSubDomain:"Sunday";return i.startSubDomainIndex=a.indexOf(r),i.setup(),i}return inherits(e,t),createClass(e,[{key:"setMeasures",value:function(t){var e=this.measures;this.discreteDomains=0===t.discreteDomains?0:1,e.paddings.top=3*ROW_HEIGHT,e.paddings.bottom=0,e.legendHeight=2*ROW_HEIGHT,e.baseHeight=ROW_HEIGHT*NO_OF_DAYS_IN_WEEK+getExtraHeight(e);var n=this.data,i=this.discreteDomains?NO_OF_YEAR_MONTHS:0;this.independentWidth=(getWeeksBetween(n.start,n.end)+i)*COL_WIDTH+e.margins.right+e.margins.left}},{key:"updateWidth",value:function(){var t=this.discreteDomains?NO_OF_YEAR_MONTHS:0;this.baseWidth=(this.state.noOfWeeks+t)*COL_WIDTH+getExtraWidth(this.measures)}},{key:"prepareData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;if(t.start&&t.end&&t.start>t.end)throw new Error("Start date cannot be greater than end date.");if(t.start||(t.start=new Date,t.start.setFullYear(t.start.getFullYear()-1)),t.end||(t.end=new Date),t.dataPoints=t.dataPoints||{},parseInt(Object.keys(t.dataPoints)[0])>1e5){var e={};Object.keys(t.dataPoints).forEach(function(n){var i=new Date(n*NO_OF_MILLIS);e[getYyyyMmDd(i)]=t.dataPoints[n]}),t.dataPoints=e}return t}},{key:"calc",value:function(){var t=this.state;t.start=clone(this.data.start),t.end=clone(this.data.end),t.firstWeekStart=clone(t.start),t.noOfWeeks=getWeeksBetween(t.start,t.end),t.distribution=calcDistribution(Object.values(this.data.dataPoints),HEATMAP_DISTRIBUTION_SIZE),t.domainConfigs=this.getDomains()}},{key:"setupComponents",value:function(){var t=this,e=this.state,n=this.discreteDomains?0:1,i=e.domainConfigs.map(function(i,a){return["heatDomain",{index:i.index,colWidth:COL_WIDTH,rowHeight:ROW_HEIGHT,squareSize:HEATMAP_SQUARE_SIZE,xTranslate:e.domainConfigs.filter(function(t,e){return e1&&void 0!==arguments[1]?arguments[1]:"",n=[t.getMonth(),t.getFullYear()],i=n[0],a=n[1],r=setDayToSunday(t),s={index:i,cols:[]};addDays(e=clone(e)||getLastDateInMonth(i,a),1);for(var o=getWeeksBetween(r,e),l=[],u=void 0,h=0;h2&&void 0!==arguments[2]&&arguments[2],i=this.state,a=clone(t),r=[],s=0;s=i.start&&a<=i.end;n||a.getMonth()!==e||!l?o.yyyyMmDd=getYyyyMmDd(a):o=this.getSubDomainConfig(a),r.push(o)}return r}},{key:"getSubDomainConfig",value:function(t){var e=getYyyyMmDd(t),n=this.data.dataPoints[e];return{yyyyMmDd:e,dataValue:n||0,fill:this.colors[getMaxCheckpoint(n,this.state.distribution)]}}}]),e}(BaseChart),AxisChart=function(t){function e(t,n){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,n));return i.barOptions=n.barOptions||{},i.lineOptions=n.lineOptions||{},i.type=n.type||"line",i.init=1,i.setup(),i}return inherits(e,t),createClass(e,[{key:"setMeasures",value:function(t){this.data.datasets.length<=1&&(this.config.showLegend=0,this.measures.paddings.bottom=30)}},{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||0,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"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),this.makeDataByIndex())}},{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,n){return floatTwo(t.xOffset+n*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=calcChartIntervals(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),n=this.height/getValueRange(e),i=getIntervalSize(e)*n,a=this.height-getZeroIndex(e)*i;this.state.yAxis={labels:e,positions:e.map(function(t){return a-t*n}),scaleMultiplier:n,zeroLine:a},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return scale(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,n){var i=t.values,a=t.cumulativeYs||[];return{name:t.name,index:n,chartType:t.chartType,values:i,yPositions:e(i),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,n){en.titleHeight+n.margins.top+n.paddings.top?t.mapTooltipXPosition(a):t.tip.hideTip()})}},{key:"mapTooltipXPosition",value:function(t){var e=this,n=this.state;if(n.yExtremes){var i=getClosestInArray(t,n.xAxis.positions,!0);console.log(t,n.xAxis.positions[i],n.xAxis.positions,this.tip.offset.x),this.tip.setValues(n.xAxis.positions[i]+this.tip.offset.x,n.yExtremes[i]+this.tip.offset.y,{name:n.xAxis.labels[i],value:""},this.data.datasets.map(function(t,n){return{title:t.name,value:t.values[i],color:e.colors[n]}}),i),this.tip.showTip()}}},{key:"renderLegend",value:function(){var t=this,e=this.data;e.datasets.length>1&&(this.legendArea.textContent="",e.datasets.map(function(e,n){var i=AXIS_LEGEND_BAR_SIZE,a=legendBar(i*n,"0",i,t.colors[n],e.name);t.legendArea.appendChild(a)}))}},{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 n=e.units[t.state.currentIndex];e.overlay=makeOverlay[e.type](n),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 n=e.getAttribute("data-point-index");t.setCurrentDataPoint(n)})})}),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 n=e.units[t.state.currentIndex];updateOverlay[e.type](n,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,n){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,n,i),this.data.labels.splice(i,0,t),this.data.datasets.map(function(t,e){t.values.splice(i,0,n[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,n){t[n]&&(e.values=t[n])}),this.update(this.data)}}]),e}(BaseChart),chartTypes={bar:AxisChart,line:AxisChart,percentage:PercentageChart,heatmap:Heatmap,pie:PieChart},Chart=function t(e,n){return classCallCheck(this,t),getChartByType(n.type,e,n)};export{Chart,PercentageChart,PieChart,Heatmap,AxisChart}; diff --git a/dist/frappe-charts.min.iife.js b/dist/frappe-charts.min.iife.js index 1b569c5..c755924 100644 --- a/dist/frappe-charts.min.iife.js +++ b/dist/frappe-charts.min.iife.js @@ -1,2 +1,2 @@ -var frappe=function(){"use strict";function t(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function e(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function n(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function i(t){var e=window.getComputedStyle(t),n=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-n}function a(t,e,n){var i=document.createEvent("HTMLEvents");i.initEvent(e,!0,!0);for(var a in n)i[a]=n[a];return t.dispatchEvent(i)}function s(t){return parseFloat(t.toFixed(2))}function r(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]&&arguments[3];n||(n=i?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(n);return t=i?a.concat(t):t.concat(a)}function o(t,e){return(t+"").length*e}function l(t,e){return{x:Math.sin(t*Vt)*e,y:Math.cos(t*Vt)*e}}function u(t,e){var n=void 0,i=void 0;return t<=e?(n=e-t,i=t):(n=t-e,i=e),[n,i]}function h(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return n>0?t=r(t,n):e=r(e,n),[t,e]}function c(t){return t>255?255:t<0?0:t}function d(t,e){var n=Gt(t),i=!1;"#"==n[0]&&(n=n.slice(1),i=!0);var a=parseInt(n,16),s=c((a>>16)+e),r=c((a>>8&255)+e),o=c((255&a)+e);return(i?"#":"")+(o|r<<8|s<<16).toString(16)}function p(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function f(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function v(t,e){var n=document.createElementNS("http://www.w3.org/2000/svg",t);for(var i in e){var a=e[i];if("inside"===i)f(a).appendChild(n);else if("around"===i){var s=f(a);s.parentNode.insertBefore(n,s),n.appendChild(s)}else"styles"===i?"object"===(void 0===a?"undefined":Mt(a))&&Object.keys(a).map(function(t){n.style[t]=a[t]}):("className"===i&&(i="class"),"innerHTML"===i?n.textContent=a:n.setAttribute(i,a))}return n}function g(t,e){return v("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function y(t,e,n,i){return v("stop",{inside:t,style:"stop-color: "+n,offset:e,"stop-opacity":i})}function m(t,e,n,i){return v("svg",{className:e,inside:t,width:n,height:i})}function b(t){return v("defs",{inside:t})}function x(t,e){return v("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function k(t){return v("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function w(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,s=n.x+t.x,r=n.y+t.y,o=n.x+e.x,l=n.y+e.y;return"M"+n.x+" "+n.y+"\n\t\tL"+s+" "+r+"\n\t\tA "+i+" "+i+" 0 0 "+(a?1:0)+"\n\t\t"+o+" "+l+" z"}function A(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i="path-fill-gradient-"+e+"-"+(n?"lighter":"default"),a=g(t,i),s=[1,.6,.2];return n&&(s=[.4,.2,0]),y(a,"0%",e,s[0]),y(a,"50%",e,s[1]),y(a,"100%",e,s[2]),i}function M(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:Wt,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:"none";return v("rect",{className:"percentage-bar",x:t,y:e,width:n,height:i,fill:s,styles:{stroke:d(s,-25),"stroke-dasharray":"0, "+(i+n)+", "+n+", "+i,"stroke-width":a}})}function P(t,e,n,i){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:n,width:i,height:i,fill:a};return Object.keys(s).map(function(t){r[t]=s[t]}),v("rect",r)}function O(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none",a=arguments[4],s={className:"legend-bar",x:0,y:0,width:n,height:"2px",fill:i},r=v("text",{className:"legend-dataset-text",x:0,y:0,dy:2*Jt+"px","font-size":1.2*Jt+"px","text-anchor":"start",fill:$t,innerHTML:a}),o=v("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(v("rect",s)),o.appendChild(r),o}function C(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none",a=arguments[4],s={className:"legend-dot",cx:0,cy:0,r:n,fill:i},r=v("text",{className:"legend-dataset-text",x:0,y:0,dx:Jt+"px",dy:Jt/3+"px","font-size":1.2*Jt+"px","text-anchor":"start",fill:$t,innerHTML:a}),o=v("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(v("circle",s)),o.appendChild(r),o}function D(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},s=a.fontSize||Jt;return v("text",{className:t,x:e,y:n,dy:(void 0!==a.dy?a.dy:s/2)+"px","font-size":s+"px",fill:a.fill||$t,"text-anchor":a.textAnchor||"start",innerHTML:i})}function T(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Kt);var s=v("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:n,y2:i,styles:{stroke:a.stroke}}),r=v("text",{x:0,y:n>i?n+Xt:n-Xt-Jt,dy:Jt+"px","font-size":Jt+"px","text-anchor":"middle",innerHTML:e+""}),o=v("g",{transform:"translate("+t+", 0)"});return o.appendChild(s),o.appendChild(r),o}function L(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Kt),a.lineType||(a.lineType="");var s=v("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:n,x2:i,y1:0,y2:0,styles:{stroke:a.stroke}}),r=v("text",{x:n3&&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=Kt),i.className||(i.className="");var a=-1*qt,s="span"===i.mode?n+qt:0;return"tick"===i.mode&&"right"===i.pos&&(a=n+qt,s=n),a+=i.offset,s+=i.offset,L(t,e,a,s,{stroke:i.stroke,className:i.className,lineType:i.lineType})}function E(t,e,n){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=Kt),i.className||(i.className="");var a=n+qt,s="span"===i.mode?-1*qt:n;return"tick"===i.mode&&"top"===i.pos&&(a=-1*qt,s=0),T(t,e,a,s,{stroke:i.stroke,className:i.className,lineType:i.lineType})}function S(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=v("text",{className:"chart-label",x:n-o(e,5)-Xt,y:0,dy:Jt/-2+"px","font-size":Jt+"px","text-anchor":"start",innerHTML:e+""}),s=L(t,"",0,n,{stroke:i.stroke||Kt,className:i.className||"",lineType:i.lineType});return s.appendChild(a),s}function _(t,e,n,i){var a=t-e,s=v("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:Kt,"stroke-dasharray":n+", "+a},x:0,y:0,width:n,height:a}),r=v("text",{className:"chart-label",x:n-o(i+"",4.5)-Xt,y:0,dy:Jt/-2+"px","font-size":Jt+"px","text-anchor":"start",innerHTML:i+""}),l=v("g",{transform:"translate(0, "+e+")"});return l.appendChild(s),l.appendChild(r),l}function z(t,e,n,i){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=u(e,o.zeroLine),h=Lt(l,2),c=h[0],d=h[1],p=v("rect",{className:"bar mini",style:"fill: "+i,"data-point-index":s,x:t,y:d-=r,width:n,height:c||o.minHeight});if((a+="")||a.length){p.setAttribute("y",0),p.setAttribute("x",0);var f=v("text",{className:"data-point-value",x:n/2,y:0,dy:Jt/2*-1+"px","font-size":Jt+"px","text-anchor":"middle",innerHTML:a}),g=v("g",{"data-point-index":s,transform:"translate("+t+", "+d+")"});return g.appendChild(p),g.appendChild(f),g}return p}function j(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=v("circle",{style:"fill: "+i,"data-point-index":s,cx:t,cy:e,r:n});if((a+="")||a.length){r.setAttribute("cy",0),r.setAttribute("cx",0);var o=v("text",{className:"data-point-value",x:0,y:0,dy:Jt/2*-1-n+"px","font-size":Jt+"px","text-anchor":"middle",innerHTML:a}),l=v("g",{"data-point-index":s,transform:"translate("+t+", "+e+")"});return l.appendChild(r),l.appendChild(o),l}return r}function F(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},s=e.map(function(e,n){return t[n]+","+e}).join("L"),r=k("M"+s,"line-graph-path",n);if(i.heatline){var o=A(a.svgDefs,n);r.style.stroke="url(#"+o+")"}var l={path:r};if(i.regionFill){var u=A(a.svgDefs,n,!0),h="M"+t[0]+","+a.zeroLine+"L"+s+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=k(h,"region-fill","none","url(#"+u+")")}return l}function W(t,e,n,i){var a="string"==typeof e?e:e.join(", ");return[t,{transform:n.join(", ")},i,ae,"translate",{transform:a}]}function H(t,e,n){return W(t,[n,0],[e,0],ne)}function R(t,e,n){return W(t,[0,n],[0,e],ne)}function I(t,e,n,i){var a=e-n,s=t.childNodes[0];return[[s,{height:a,"stroke-dasharray":s.getAttribute("width")+", "+a},ne,ae],W(t,[0,i],[0,n],ne)]}function Y(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=u(n,(arguments.length>5&&void 0!==arguments[5]?arguments[5]:{}).zeroLine),r=Lt(s,2),o=r[0],l=r[1];return l-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width:i,height:o},te,ae],W(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],ne)]:[[t,{width:i,height:o,x:e,y:l},te,ae]]}function V(t,e,n){return"circle"!==t.nodeName?[W(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,n],ne)]:[[t,{cx:e,cy:n},te,ae]]}function B(t,e,n,i){var a=[],s=n.map(function(t,n){return e[n]+","+t}).join("L"),r=[t.path,{d:"M"+s},ee,ae];if(a.push(r),t.region){var o=e[0]+","+i+"L",l="L"+e.slice(-1)[0]+", "+i,u=[t.region,{d:"M"+o+s+l},ee,ae];a.push(u)}return a}function U(t,e){return[t,{d:e},te,ae]}function G(t,e,n){var i=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 u=void 0;u="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),c=e[l],d={attributeName:l,from:h,to:c,begin:"0s",dur:n/1e3+"s",values:h+";"+c,keySplines:se[i],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};a&&(d.type=a);for(var p in d)u.setAttribute(p,d[p]);r.appendChild(u),a?o.setAttribute(l,"translate("+c+")"):o.setAttribute(l,c)}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 X(t,e){var n=[],i=[];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,Nt(t)),l=Lt(o,2);s=l[0],r=l[1],n.push(r),i.push([s,a]),a.replaceChild(s,e)});var a=t.cloneNode(!0);return i.map(function(t,i){t[1].replaceChild(n[i],t[0]),e[i][0]=n[i]}),a}function J(t,e,n){if(0!==n.length){var i=X(e,n);e.parentNode==t&&(t.removeChild(e),t.appendChild(i)),setTimeout(function(){i.parentNode==t&&(t.removeChild(i),t.appendChild(e))},ie)}}function K(t,e){var n=document.createElement("a");n.style="display: none";var i=new Blob(e,{type:"image/svg+xml; charset=utf-8"}),a=window.URL.createObjectURL(i);n.href=a,n.download=t,document.body.appendChild(n),n.click(),setTimeout(function(){document.body.removeChild(n),window.URL.revokeObjectURL(a)},300)}function $(e){var n=e.cloneNode(!0);n.classList.add("chart-container"),n.setAttribute("xmlns","http://www.w3.org/2000/svg"),n.setAttribute("xmlns:xlink","http://www.w3.org/1999/xlink");var i=t.create("style",{innerHTML:re});n.insertBefore(i,n.firstChild);var a=t.create("div");return a.appendChild(n),a.innerHTML}function Q(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function Z(t){var e=t.getDate(),n=t.getMonth()+1;return[t.getFullYear(),(n>9?"":"0")+n,(e>9?"":"0")+e].join("-")}function tt(t){return new Date(t.getTime())}function et(t,e){var n=rt(t);return Math.ceil(nt(n,e)/ue)}function nt(t,e){var n=ce*he;return(Q(e)-Q(t))/n}function it(t,e){return t.getMonth()===e.getMonth()&&t.getFullYear()===e.getFullYear()}function at(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=de[t];return e?n.slice(0,3):n}function st(t,e){return new Date(e,t+1,0)}function rt(t){var e=tt(t),n=e.getDay();return 0!==n&&ot(e,-1*n),e}function ot(t,e){t.setDate(t.getDate()+e)}function lt(t,e,n){var i=Object.keys(ve).filter(function(e){return t.includes(e)}),a=ve[i[0]];return Object.assign(a,{constants:e,getData:n}),new fe(a)}function ut(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 n=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,n)),n]}function ht(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=Math.ceil(t),i=Math.floor(e),a=n-i,s=a,r=1;a>5&&(a%2!=0&&(a=++n-i),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(i+r*l);return o}function ct(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=ut(t),i=Lt(n,2),a=i[0],s=i[1],r=e?e/Math.pow(10,s):0,o=ht(a=a.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function dt(t){function e(t,e){for(var n=ct(t),i=n[1]-n[0],a=0,s=1;a1&&void 0!==arguments[1]&&arguments[1],i=Math.max.apply(Math,Nt(t)),a=Math.min.apply(Math,Nt(t)),s=[];if(i>=0&&a>=0)ut(i)[1],s=n?ct(i,a):ct(i);else if(i>0&&a<0){var r=Math.abs(a);i>=r?(ut(i)[1],s=e(i,r)):(ut(r)[1],s=e(r,i).map(function(t){return-1*t}))}else if(i<=0&&a<=0){var o=Math.abs(a),l=Math.abs(i);ut(o)[1],s=(s=n?ct(o,l):ct(o)).reverse().map(function(t){return-1*t})}return s}function pt(t){var e=ft(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 ft(t){return t[1]-t[0]}function vt(t){return t[t.length-1]-t[0]}function gt(t,e){return s(e.zeroLine-t*e.scaleMultiplier)}function yt(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i=e.reduce(function(e,n){return Math.abs(n-t)n?i.slice(0,n):r(i,n-i.length,0)}else t.values=a;t.chartType||(jt.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],i=t/e.length/Rt;return e.map(function(t,e){return(t+="").length>i&&(n?e%Math.ceil(t.length/i)!=0&&(t=""):t=i-3>0?t.slice(0,i-3)+" ...":t.slice(0,i)+".."),t})}function At(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],n=arguments[2];return"axis-mixed"===t?(n.type="line",new be(e,n)):xe[t]?new xe[t](e,n):void console.error("Undefined chart type: "+t)}!function(t,e){void 0===e&&(e={});var n=e.insertAt;if(t&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===n&&i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}}('.chart-container{position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.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}.graph-svg-tip ol,.graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.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)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}',{});var Mt="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},Pt=(function(){function t(t){this.value=t}function e(e){function n(t,e){return new Promise(function(n,a){var o={key:t,arg:e,resolve:n,reject:a,next:null};r?r=r.next=o:(s=r=o,i(t,e))})}function i(n,s){try{var r=e[n](s),o=r.value;o instanceof t?Promise.resolve(o.value).then(function(t){i("next",t)},function(t){i("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)?i(s.key,s.arg):r=null}var s,r;this._invoke=n,"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")}),Ot=function(){function t(t,e){for(var n=0;n\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,n=void 0;this.index&&this.container.setAttribute("data-point-index",this.index),n=this.titleValueFirst?""+this.titleValue+""+this.titleName:this.titleName+""+this.titleValue+"",this.title.innerHTML=n,this.dataPointList.innerHTML="",this.listValues.map(function(n,i){var a=e.colors[i]||"black",s=t.create("li",{styles:{"border-top":"3px solid "+a},innerHTML:''+(0===n.value||n.value?n.value:"")+"\n\t\t\t\t\t"+(n.title?n.title:"")});e.dataPointList.appendChild(s)})}},{key:"calcPosition",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight-5,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,n=this.container.querySelector(".svg-pointer");if(this.left<0)n.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var i="calc(50% + "+(this.left-e)+"px)";n.style.left=i,this.left=e}else n.style.left="50%"}},{key:"setValues",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:-1;this.titleName=n.name,this.titleValue=n.value,this.listValues=i,this.x=t,this.y=e,this.titleValueFirst=n.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}(),Ut={"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"},Gt=function(t){return Ut[t]||t},qt=6,Xt=4,Jt=10,Kt="#dadada",$t="#555b51",Qt={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var n=t.cloneNode();return n.style.fill="#000000",n.style.opacity="0.4",e&&n.setAttribute("transform",e),n},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var n=t.cloneNode(),i=t.getAttribute("r"),a=t.getAttribute("fill");return n.setAttribute("r",parseInt(i)+4),n.setAttribute("fill",a),n.style.opacity="0.6",e&&n.setAttribute("transform",e),n},heat_square:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var n=t.cloneNode(),i=t.getAttribute("r"),a=t.getAttribute("fill");return n.setAttribute("r",parseInt(i)+4),n.setAttribute("fill",a),n.style.opacity="0.6",e&&n.setAttribute("transform",e),n}},Zt={bar:function(t,e){var n=void 0;"rect"!==t.nodeName&&(n=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)}),n&&e.setAttribute("transform",n)},dot:function(t,e){var n=void 0;"circle"!==t.nodeName&&(n=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)}),n&&e.setAttribute("transform",n)},heat_square:function(t,e){var n=void 0;"circle"!==t.nodeName&&(n=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)}),n&&e.setAttribute("transform",n)}},te=350,ee=350,ne=te,ie=250,ae="easein",se={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"},re=".chart-container{position:relative;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.graph-svg-tip{position:absolute;z-index:99999;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.graph-svg-tip ul{padding-left:0;display:flex}.graph-svg-tip ol{padding-left:0;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.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)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}",oe=function(){function e(t,n){if(Pt(this,e),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.rawChartArgs=n,this.title=n.title||"",this.argHeight=n.height||240,this.type=n.type||"",this.realData=this.prepareData(n.data),this.data=this.prepareFirstData(this.realData),this.colors=this.validateColors(n.colors,this.type),this.config={showTooltip:1,showLegend:n.showLegend||1,isNavigable:n.isNavigable||0,animate:1},this.state={},this.options={},this.initTimeout=zt,this.config.isNavigable&&(this.overlays=[]),this.configure(n)}return Ot(e,[{key:"configure",value:function(){var t=this;this.setMargins(),window.addEventListener("resize",function(){return t.boundDrawFn}),window.addEventListener("orientationchange",function(){return t.boundDrawFn})}},{key:"validateColors",value:function(t,e){var n=[];return(t=(t||[]).concat(Yt[e])).forEach(function(t){var e=Gt(t);p(e)?n.push(e):console.warn('"'+t+'" is not a valid color.')}),n}},{key:"setMargins",value:function(){var t=this.argHeight;this.baseHeight=t,this.height=t-70,this.topMargin=10,this.leftMargin=20,this.rightMargin=20}},{key:"setup",value:function(){this.makeContainer(),this.updateWidth(),this.makeTooltip(),this.draw(!1,!0)}},{key:"setupComponents",value:function(){this.components=new Map}},{key:"makeContainer",value:function(){this.parent.innerHTML="";var e={inside:this.parent,className:"chart-container"};this.independentWidth&&(e.styles={width:this.independentWidth+"px"}),this.container=t.create("div",e)}},{key:"makeTooltip",value:function(){this.tip=new Bt({parent:this.container,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calc(e),this.updateWidth(),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),n&&(this.data=this.realData,setTimeout(function(){t.update(t.data)},this.initTimeout)),this.renderLegend(),this.setupNavigation(n)}},{key:"updateWidth",value:function(){this.baseWidth=i(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{key:"update",value:function(t){t||console.error("No data to update."),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,n=!(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(n))}),i.length>0?(J(this.container,this.svg,i),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},400)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.container.removeChild(this.svg);var t=0,e=0;this.title.length&&(t=40),this.config.showLegend&&(e=30),this.svg=m(this.container,"frappe-chart chart",this.baseWidth,this.baseHeight+t+e),this.svgDefs=b(this.svg),this.title.length&&(this.titleEL=D("title",this.leftMargin-6*qt,this.topMargin,this.title,{fontSize:12,fill:"#666666"}),this.svg.appendChild(this.titleEL));var n=this.topMargin+t;this.drawArea=x(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+n+")"),n=this.baseHeight-t,this.legendArea=x(this.svg,"chart-legend","translate("+this.leftMargin+", "+n+")"),this.updateTipOffset(this.leftMargin,this.topMargin+t)}},{key:"updateTipOffset",value:function(t,e){this.tip.offset={x:t,y:e}}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){n(t.container)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"addDataPoint",value:function(){}},{key:"removeDataPoint",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(){}},{key:"updateDataset",value:function(){}},{key:"getDifferentChart",value:function(t){var e=this.type,n=this.rawChartArgs;if(t!==e){Et.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 i=_t[e]===_t[t];return n.type=t,n.colors=i?n.colors:void 0,new ke(this.parent,n)}}},{key:"boundDrawFn",value:function(){this.draw(!0)}},{key:"unbindWindowEvents",value:function(){var t=this;window.removeEventListener("resize",function(){return t.boundDrawFn}),window.removeEventListener("orientationchange",function(){return t.boundDrawFn})}},{key:"export",value:function(){var t=$(this.svg);K(this.title||"Chart",[t])}}]),e}(),le=function(t){function e(t,n){return Pt(this,e),Tt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,n))}return Dt(e,t),Ot(e,[{key:"configure",value:function(t){Ct(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,n=this.config.maxSlices;e.sliceTotals=[];var i=this.data.labels.map(function(e,n){var i=0;return t.data.datasets.map(function(t){i+=t.values[n]}),[i,e]}).filter(function(t){return t[0]>0}),a=i;if(i.length>n){i.sort(function(t,e){return e[0]-t[0]}),a=i.slice(0,n-1);var s=0;i.slice(n-1).map(function(t){s+=t[0]}),a.push([s,"Rest"]),this.colors[n-1]="grey"}e.labels=[],a.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])}),e.grandTotal=e.sliceTotals.reduce(function(t,e){return t+e},0),this.center={x:this.width/2,y:this.height/2}}},{key:"renderLegend",value:function(){var t=this,e=this.state;this.legendArea.textContent="",this.legendTotals=e.sliceTotals.slice(0,this.config.maxLegendPoints),this.legendTotals.map(function(n,i){var a=C(110*i+5,"0",5,t.colors[i],e.labels[i]+": "+n);t.legendArea.appendChild(a)})}}]),e}(oe),ue=7,he=1e3,ce=86400,de=["January","February","March","April","May","June","July","August","September","October","November","December"],pe=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],fe=function(){function t(e){var n=e.layerClass,i=void 0===n?"":n,a=e.layerTransform,s=void 0===a?"":a,r=e.constants,o=e.getData,l=e.makeElements,u=e.animateElements;Pt(this,t),this.layerTransform=s,this.constants=r,this.makeElements=l,this.getData=o,this.animateElements=u,this.store=[],this.labels=[],this.layerClass=i,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return Ot(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=x(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)}),this.labels.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}(),ve={pieSlices:{layerClass:"pie-slices",makeElements:function(t){return t.sliceStrings.map(function(e,n){var i=k(e,"pie-path","none",t.colors[n]);return i.style.transition="transform .3s;",i})},animateElements:function(t){return this.store.map(function(e,n){return U(e,t.sliceStrings[n])})}},percentageBars:{layerClass:"percentage-bars",makeElements:function(t){var e=this;return t.xPositions.map(function(n,i){return M(n,0,t.widths[i],e.constants.barHeight,e.constants.barDepth,t.colors[i])})},animateElements:function(t){if(t)return[]}},yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(n,i){return N(n,t.labels[i],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,n=t.labels,i=this.oldData.positions,a=this.oldData.labels,s=h(i,e),r=Lt(s,2);i=r[0],e=r[1];var o=h(a,n),l=Lt(o,2);return a=l[0],n=l[1],this.render({positions:i,labels:n}),this.store.map(function(t,n){return R(t,e[n],i[n])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(n,i){return E(n,t.calcLabels[i],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,n=t.calcLabels,i=this.oldData.positions,a=this.oldData.calcLabels,s=h(i,e),r=Lt(s,2);i=r[0],e=r[1];var o=h(a,n),l=Lt(o,2);return a=l[0],n=l[1],this.render({positions:i,calcLabels:n}),this.store.map(function(t,n){return H(t,e[n],i[n])})}},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=h(this.oldData,t),n=Lt(e,2);this.oldData=n[0];var i=(t=n[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 R(t,i[e],s[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return _(t.startPos,t.endPos,e.constants.width,t.label)})},animateElements:function(t){var e=h(this.oldData,t),n=Lt(e,2);this.oldData=n[0];var i=(t=n[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(I(t,s[e],i[e],r[e]))}),l}},heatDomain:{layerClass:function(){return"heat-domain domain-"+this.constants.index},makeElements:function(t){var e=this,n=this.constants,i=n.index,a=n.colWidth,s=n.rowHeight,r=n.squareSize,o=n.xTranslate,l=0;return this.serializedSubDomains=[],t.cols.map(function(t,n){1===n&&e.labels.push(D("domain-name",o,-12,at(i,!0),{fontSize:11})),t.map(function(t,n){if(t.fill){var i={"data-date":t.yyyyMmDd,"data-value":t.dataValue,"data-day":n},a=P("day",o,l,r,t.fill,i);e.serializedSubDomains.push(a)}l+=s}),l=0,o+=a}),this.serializedSubDomains},animateElements:function(t){if(t)return[]}},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(n,i){return z(t.xPositions[i],n,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=t.xPositions,n=t.yPositions,i=t.offsets,a=t.labels,s=this.oldData.xPositions,r=this.oldData.yPositions,o=this.oldData.offsets,l=this.oldData.labels,u=h(s,e),c=Lt(u,2);s=c[0],e=c[1];var d=h(r,n),p=Lt(d,2);r=p[0],n=p[1];var f=h(o,i),v=Lt(f,2);o=v[0],i=v[1];var g=h(l,a),y=Lt(g,2);l=y[0],a=y[1],this.render({xPositions:s,yPositions:r,offsets:o,labels:a,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var m=[];return this.store.map(function(a,s){m=m.concat(Y(a,e[s],n[s],t.barWidth,i[s],{zeroLine:t.zeroLine}))}),m}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=F(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(n,i){return j(t.xPositions[i],n,t.radius,e.color,e.valuesOverPoints?t.values[i]:"",i)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,n=t.yPositions,i=t.values,a=this.oldData.xPositions,s=this.oldData.yPositions,r=this.oldData.values,o=h(a,e),l=Lt(o,2);a=l[0],e=l[1];var u=h(s,n),c=Lt(u,2);s=c[0],n=c[1];var d=h(r,i),p=Lt(d,2);r=p[0],i=p[1],this.render({xPositions:a,yPositions:s,values:i,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var f=[];return Object.keys(this.paths).length&&(f=f.concat(B(this.paths,e,n,t.zeroLine))),this.units.length&&this.units.map(function(t,i){f=f.concat(V(t,e[i],n[i]))}),f}}},ge=function(t){function n(t,e){Pt(this,n);var i=Tt(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t,e));return i.type="percentage",i.barOptions=e.barOptions||{},i.barOptions.height=i.barOptions.height||Ft,i.barOptions.depth=i.barOptions.depth||Wt,i.setup(),i}return Dt(n,t),Ot(n,[{key:"setupComponents",value:function(){var t=this.state,e=[["percentageBars",{barHeight:this.barOptions.height,barDepth:this.barOptions.depth},function(){return{xPositions:t.xPositions,widths:t.widths,colors:this.colors}}.bind(this)]];this.components=new Map(e.map(function(t){var e=lt.apply(void 0,Nt(t));return[t[0],e]}))}},{key:"calc",value:function(){var t=this;Ct(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"calc",this).call(this);var e=this.state;e.xPositions=[],e.widths=[];var i=0;e.sliceTotals.map(function(n){var a=t.width*n/e.grandTotal;e.widths.push(a),e.xPositions.push(i),i+=a})}},{key:"makeDataByIndex",value:function(){}},{key:"bindTooltip",value:function(){var t=this,n=this.state;this.container.addEventListener("mousemove",function(i){var a=t.components.get("percentageBars").store,s=i.target;if(a.includes(s)){var r=a.indexOf(s),o=e(t.container),l=e(s),u=l.left-o.left+parseInt(s.getAttribute("width"))/2,h=l.top-o.top,c=(t.formattedLabels&&t.formattedLabels.length>0?t.formattedLabels[r]:t.state.labels[r])+": ",d=n.sliceTotals[r]/n.grandTotal;t.tip.setValues(u,h,{name:c,value:(100*d).toFixed(1)+"%"}),t.tip.showTip()}})}}]),n}(le),ye=function(t){function n(t,e){Pt(this,n);var i=Tt(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t,e));return i.type="pie",i.initTimeout=0,i.init=1,i.setup(),i}return Dt(n,t),Ot(n,[{key:"configure",value:function(t){Ct(n.prototype.__proto__||Object.getPrototypeOf(n.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:"calc",value:function(){var t=this;Ct(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"calc",this).call(this);var e=this.state;this.radius=this.height>this.width?this.center.x:this.center.y;var i=this.radius,a=this.clockWise,s=e.slicesProperties||[];e.sliceStrings=[],e.slicesProperties=[];var r=180-this.config.startAngle;e.sliceTotals.map(function(n,o){var u=r,h=n/e.grandTotal*360,c=a?-h:h,d=r+=c,p=l(u,i),f=l(d,i),v=t.init&&s[o],g=void 0,y=void 0;t.init?(g=v?v.startPosition:p,y=v?v.endPosition:p):(g=p,y=f);var m=w(g,y,t.center,t.radius,t.clockWise);e.sliceStrings.push(m),e.slicesProperties.push({startPosition:p,endPosition:f,value:n,total:e.grandTotal,startAngle:u,endAngle:d,angle:c})}),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=lt.apply(void 0,Nt(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,n=this.hoverRadio,i=l(t.startAngle+t.angle/2,e);return"translate3d("+i.x*n+"px,"+i.y*n+"px,0)"}},{key:"hoverSlice",value:function(t,n,i,a){if(t){var s=this.colors[n];if(i){q(t,this.calTranslateByAngle(this.state.slicesProperties[n])),t.style.fill=d(s,50);var r=e(this.svg),o=a.pageX-r.left+10,l=a.pageY-r.top-10,u=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[n]:this.state.labels[n])+": ",h=(100*this.state.sliceTotals[n]/this.state.grandTotal).toFixed(1);this.tip.setValues(o,l,{name:u,value:h+"%"}),this.tip.showTip()}else q(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.fill=s}}},{key:"bindTooltip",value:function(){this.container.addEventListener("mousemove",this.mouseMove),this.container.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,n=this.components.get("pieSlices").store,i=this.curActiveSliceIndex,a=this.curActiveSlice;if(n.includes(e)){var s=n.indexOf(e);this.hoverSlice(a,i,!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)}}]),n}(le),me=function(t){function e(t,n){Pt(this,e);var i=Tt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,n));i.type="heatmap",i.countLabel=n.countLabel||"";var a=["Sunday","Monday"],s=a.includes(n.startSubDomain)?n.startSubDomain:"Sunday";return i.startSubDomainIndex=a.indexOf(s),i.setup(),i}return Dt(e,t),Ot(e,[{key:"configure",value:function(t){this.discreteDomains=0===t.discreteDomains?0:1,Ct(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t)}},{key:"setMargins",value:function(){Ct(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.leftMargin=50,this.topMargin=25;var t=this.data,n=this.discreteDomains?12:0;this.independentWidth=12*(et(t.start,t.end)+n)+this.rightMargin+this.leftMargin}},{key:"updateWidth",value:function(){var t=this.discreteDomains?12:0;this.baseWidth=12*(this.state.noOfWeeks+t)+this.rightMargin+this.leftMargin}},{key:"prepareData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;if(t.start&&t.end&&t.start>t.end)throw new Error("Start date cannot be greater than end date.");if(t.start||(t.start=new Date,t.start.setFullYear(t.start.getFullYear()-1)),t.end||(t.end=new Date),t.dataPoints=t.dataPoints||{},parseInt(Object.keys(t.dataPoints)[0])>1e5){var e={};Object.keys(t.dataPoints).forEach(function(n){var i=new Date(n*he);e[Z(i)]=t.dataPoints[n]}),t.dataPoints=e}return t}},{key:"calc",value:function(){var t=this.state;t.start=tt(this.data.start),t.end=tt(this.data.end),t.firstWeekStart=tt(t.start),t.noOfWeeks=et(t.start,t.end),t.distribution=mt(Object.values(this.data.dataPoints),Ht),t.domainConfigs=this.getDomains()}},{key:"setupComponents",value:function(){var t=this,e=this.state,n=this.discreteDomains?0:1,i=e.domainConfigs.map(function(i,a){return["heatDomain",{index:i.index,colWidth:12,rowHeight:12,squareSize:10,xTranslate:12*e.domainConfigs.filter(function(t,e){return e1&&void 0!==arguments[1]?arguments[1]:"",n=[t.getMonth(),t.getFullYear()],i=n[0],a=n[1],s=rt(t),r={index:i,cols:[]};ot(e=tt(e)||st(i,a),1);for(var o=et(s,e),l=[],u=void 0,h=0;h2&&void 0!==arguments[2]&&arguments[2],i=this.state,a=tt(t),s=[],r=0;r=i.start&&a<=i.end;n||a.getMonth()!==e||!l?o.yyyyMmDd=Z(a):o=this.getSubDomainConfig(a),s.push(o)}return s}},{key:"getSubDomainConfig",value:function(t){var e=Z(t),n=this.data.dataPoints[e];return{yyyyMmDd:e,dataValue:n||0,fill:this.colors[bt(n,this.state.distribution)]}}}]),e}(oe),be=function(t){function n(t,e){Pt(this,n);var i=Tt(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 Dt(n,t),Ot(n,[{key:"configure",value:function(t){Ct(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"configure",this).call(this,t),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||0,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){Ct(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"setMargins",this).call(this),this.leftMargin=60,this.rightMargin=40}},{key:"prepareData",value:function(){return xt(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return kt(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),this.makeDataByIndex())}},{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,n){return s(t.xOffset+n*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=dt(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),n=this.height/vt(e),i=ft(e)*n,a=this.height-pt(e)*i;this.state.yAxis={labels:e,positions:e.map(function(t){return a-t*n}),scaleMultiplier:n,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 gt(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,n){var i=t.values,a=t.cumulativeYs||[];return{name:t.name,index:n,chartType:t.chartType,values:i,yPositions:e(i),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,n){e1&&e.datasets.map(function(e,n){var i=O(100*n,"0",100,t.colors[n],e.name);t.legendArea.appendChild(i)})}},{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 n=e.units[t.state.currentIndex];e.overlay=Qt[e.type](n),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 n=e.getAttribute("data-point-index");t.setCurrentDataPoint(n)})})}),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 n=e.units[t.state.currentIndex];Zt[e.type](n,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;Ct(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||(Ct(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,n){t[n]&&(e.values=t[n])}),this.update(this.data)}}]),n}(oe),xe={bar:be,line:be,percentage:ge,heatmap:me,pie:ye},ke=function t(e,n){return Pt(this,t),At(n.type,e,n)},we=Object.freeze({Chart:ke,PercentageChart:ge,PieChart:ye,Heatmap:me,AxisChart:be}),Ae={};return Ae.NAME="Frappe Charts",Ae.VERSION="1.0.0",Ae=Object.assign({},Ae,we)}(); +var frappe=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 t.margins.top+t.margins.bottom+t.paddings.top+t.paddings.bottom+t.titleHeight+t.legendHeight}function r(t){return t.margins.left+t.margins.right+t.paddings.left+t.paddings.right}function o(t){return parseFloat(t.toFixed(2))}function l(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 u(t,e){return(t+"").length*e}function h(t,e){return{x:Math.sin(t*Yt)*e,y:Math.cos(t*Yt)*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 d(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=l(t,i):e=l(e,i),[t,e]}function p(t){return t>255?255:t<0?0:t}function f(t,e){var i=Ut(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),s=p((a>>16)+e),r=p((a>>8&255)+e),o=p((255&a)+e);return(n?"#":"")+(o|r<<8|s<<16).toString(16)}function v(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function g(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function y(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)g(a).appendChild(i);else if("around"===n){var s=g(a);s.parentNode.insertBefore(i,s),i.appendChild(s)}else"styles"===n?"object"===(void 0===a?"undefined":Ot(a))&&Object.keys(a).map(function(t){i.style[t]=a[t]}):("className"===n&&(n="class"),"innerHTML"===n?i.textContent=a:i.setAttribute(n,a))}return i}function m(t,e){return y("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function b(t,e,i,n){return y("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function x(t,e,i,n){return y("svg",{className:e,inside:t,width:i,height:n})}function k(t){return y("defs",{inside:t})}function w(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0,n={className:t,transform:e};return i&&(n.inside=i),y("g",n)}function A(t){return y("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 C(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=m(t,n),s=[1,.6,.2];return i&&(s=[.4,.2,0]),b(a,"0%",e,s[0]),b(a,"50%",e,s[1]),b(a,"100%",e,s[2]),n}function O(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:Ft,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:"none";return y("rect",{className:"percentage-bar",x:t,y:e,width:i,height:n,fill:s,styles:{stroke:f(s,-25),"stroke-dasharray":"0, "+(n+i)+", "+i+", "+n,"stroke-width":a}})}function L(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]}),y("rect",r)}function T(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none",a=arguments[4],s={className:"legend-bar",x:0,y:0,width:i,height:"2px",fill:n},r=y("text",{className:"legend-dataset-text",x:0,y:0,dy:2*Xt+"px","font-size":1.2*Xt+"px","text-anchor":"start",fill:Kt,innerHTML:a}),o=y("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(y("rect",s)),o.appendChild(r),o}function D(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none",a=arguments[4],s={className:"legend-dot",cx:0,cy:0,r:i,fill:n},r=y("text",{className:"legend-dataset-text",x:0,y:0,dx:Xt+"px",dy:Xt/3+"px","font-size":1.2*Xt+"px","text-anchor":"start",fill:Kt,innerHTML:a}),o=y("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(y("circle",s)),o.appendChild(r),o}function M(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},s=a.fontSize||Xt;return y("text",{className:t,x:e,y:i,dy:(void 0!==a.dy?a.dy:s/2)+"px","font-size":s+"px",fill:a.fill||Kt,"text-anchor":a.textAnchor||"start",innerHTML:n})}function N(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Jt);var s=y("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),r=y("text",{x:0,y:i>n?i+qt:i-qt-Xt,dy:Xt+"px","font-size":Xt+"px","text-anchor":"middle",innerHTML:e+""}),o=y("g",{transform:"translate("+t+", 0)"});return o.appendChild(s),o.appendChild(r),o}function S(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Jt),a.lineType||(a.lineType="");var s=y("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:0,y2:0,styles:{stroke:a.stroke}}),r=y("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=Jt),n.className||(n.className="");var a=-1*Gt,s="span"===n.mode?i+Gt:0;return"tick"===n.mode&&"right"===n.pos&&(a=i+Gt,s=i),a+=n.offset,s+=n.offset,S(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function _(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=Jt),n.className||(n.className="");var a=i+Gt,s="span"===n.mode?-1*Gt:i;return"tick"===n.mode&&"top"===n.pos&&(a=-1*Gt,s=0),N(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function z(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=y("text",{className:"chart-label",x:i-u(e,5)-qt,y:0,dy:Xt/-2+"px","font-size":Xt+"px","text-anchor":"start",innerHTML:e+""}),s=S(t,"",0,i,{stroke:n.stroke||Jt,className:n.className||"",lineType:n.lineType});return s.appendChild(a),s}function H(t,e,i,n){var a=t-e,s=y("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:Jt,"stroke-dasharray":i+", "+a},x:0,y:0,width:i,height:a}),r=y("text",{className:"chart-label",x:i-u(n+"",4.5)-qt,y:0,dy:Xt/-2+"px","font-size":Xt+"px","text-anchor":"start",innerHTML:n+""}),o=y("g",{transform:"translate(0, "+e+")"});return o.appendChild(s),o.appendChild(r),o}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=c(e,o.zeroLine),u=St(l,2),h=u[0],d=u[1],p=y("rect",{className:"bar mini",style:"fill: "+n,"data-point-index":s,x:t,y:d-=r,width:i,height:h||o.minHeight});if((a+="")||a.length){p.setAttribute("y",0),p.setAttribute("x",0);var f=y("text",{className:"data-point-value",x:i/2,y:0,dy:Xt/2*-1+"px","font-size":Xt+"px","text-anchor":"middle",innerHTML:a}),v=y("g",{"data-point-index":s,transform:"translate("+t+", "+d+")"});return v.appendChild(p),v.appendChild(f),v}return p}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=y("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=y("text",{className:"data-point-value",x:0,y:0,dy:Xt/2*-1-i+"px","font-size":Xt+"px","text-anchor":"middle",innerHTML:a}),l=y("g",{"data-point-index":s,transform:"translate("+t+", "+e+")"});return l.appendChild(r),l.appendChild(o),l}return r}function W(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=P(a.svgDefs,i);r.style.stroke="url(#"+o+")"}var l={path:r};if(n.regionFill){var u=P(a.svgDefs,i,!0),h="M"+t[0]+","+a.zeroLine+"L"+s+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=A(h,"region-fill","none","url(#"+u+")")}return l}function R(t,e,i,n){var a="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},n,ne,"translate",{transform:a}]}function I(t,e,i){return R(t,[i,0],[e,0],ee)}function Y(t,e,i){return R(t,[0,i],[0,e],ee)}function V(t,e,i,n){var a=e-i,s=t.childNodes[0];return[[s,{height:a,"stroke-dasharray":s.getAttribute("width")+", "+a},ee,ne],R(t,[0,n],[0,i],ee)]}function B(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=c(i,(arguments.length>5&&void 0!==arguments[5]?arguments[5]:{}).zeroLine),r=St(s,2),o=r[0],l=r[1];return l-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width:n,height:o},Zt,ne],R(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],ee)]:[[t,{width:n,height:o,x:e,y:l},Zt,ne]]}function U(t,e,i){return"circle"!==t.nodeName?[R(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],ee)]:[[t,{cx:e,cy:i},Zt,ne]]}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},te,ne];if(a.push(r),t.region){var o=e[0]+","+n+"L",l="L"+e.slice(-1)[0]+", "+n,u=[t.region,{d:"M"+o+s+l},te,ne];a.push(u)}return a}function q(t,e){return[t,{d:e},Zt,ne]}function X(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 u=void 0;u="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),c=e[l],d={attributeName:l,from:h,to:c,begin:"0s",dur:i/1e3+"s",values:h+";"+c,keySplines:ae[n],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};a&&(d.type=a);for(var p in d)u.setAttribute(p,d[p]);r.appendChild(u),a?o.setAttribute(l,"translate("+c+")"):o.setAttribute(l,c)}return[r,o]}function J(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function K(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=X.apply(void 0,Et(t)),l=St(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 $(t,e,i){if(0!==i.length){var n=K(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},ie)}}function Q(t,e){var i=document.createElement("a");i.style="display: none";var n=new Blob(e,{type:"image/svg+xml; charset=utf-8"}),a=window.URL.createObjectURL(n);i.href=a,i.download=t,document.body.appendChild(i),i.click(),setTimeout(function(){document.body.removeChild(i),window.URL.revokeObjectURL(a)},300)}function Z(e){var i=e.cloneNode(!0);i.classList.add("chart-container"),i.setAttribute("xmlns","http://www.w3.org/2000/svg"),i.setAttribute("xmlns:xlink","http://www.w3.org/1999/xlink");var n=t.create("style",{innerHTML:se});i.insertBefore(n,i.firstChild);var a=t.create("div");return a.appendChild(i),a.innerHTML}function tt(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function et(t){var e=t.getDate(),i=t.getMonth()+1;return[t.getFullYear(),(i>9?"":"0")+i,(e>9?"":"0")+e].join("-")}function it(t){return new Date(t.getTime())}function nt(t,e){var i=lt(t);return Math.ceil(at(i,e)/le)}function at(t,e){var i=he*ue;return(tt(e)-tt(t))/i}function st(t,e){return t.getMonth()===e.getMonth()&&t.getFullYear()===e.getFullYear()}function rt(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=ce[t];return e?i.slice(0,3):i}function ot(t,e){return new Date(e,t+1,0)}function lt(t){var e=it(t),i=e.getDay();return 0!==i&&ut(e,-1*i),e}function ut(t,e){t.setDate(t.getDate()+e)}function ht(t,e,i){var n=Object.keys(fe).filter(function(e){return t.includes(e)}),a=fe[n[0]];return Object.assign(a,{constants:e,getData:i}),new pe(a)}function ct(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 dt(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 pt(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=ct(t),n=St(i,2),a=n[0],s=n[1],r=e?e/Math.pow(10,s):0,o=dt(a=a.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function ft(t){function e(t,e){for(var i=pt(t),n=i[1]-i[0],a=0,s=1;a1&&void 0!==arguments[1]&&arguments[1],n=Math.max.apply(Math,Et(t)),a=Math.min.apply(Math,Et(t)),s=[];if(n>=0&&a>=0)ct(n)[1],s=i?pt(n,a):pt(n);else if(n>0&&a<0){var r=Math.abs(a);n>=r?(ct(n)[1],s=e(n,r)):(ct(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);ct(o)[1],s=(s=i?pt(o,l):pt(o)).reverse().map(function(t){return-1*t})}return s}function vt(t){var e=gt(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 gt(t){return t[1]-t[0]}function yt(t){return t[t.length-1]-t[0]}function mt(t,e){return o(e.zeroLine-t*e.scaleMultiplier)}function bt(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n=e.reduce(function(e,i){return Math.abs(i-t)i?n.slice(0,i):l(n,i-n.length,0)}else t.values=a;t.chartType||(Ht.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 Pt(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"axis-mixed"===t?(i.type="line",new me(e,i)):be[t]?new be[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{position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .legend-dataset-text{fill:#6c7680;font-weight:600}.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}.graph-svg-tip ol,.graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.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)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}',{});var Ot="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},Lt=(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")}),Tt=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-5,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}(),Bt={"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"},Ut=function(t){return Bt[t]||t},Gt=6,qt=4,Xt=10,Jt="#dadada",Kt="#555b51",$t={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),n=t.getAttribute("r"),a=t.getAttribute("fill");return i.setAttribute("r",parseInt(n)+4),i.setAttribute("fill",a),i.style.opacity="0.6",e&&i.setAttribute("transform",e),i},heat_square:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),n=t.getAttribute("r"),a=t.getAttribute("fill");return i.setAttribute("r",parseInt(n)+4),i.setAttribute("fill",a),i.style.opacity="0.6",e&&i.setAttribute("transform",e),i}},Qt={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["cx","cy"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},heat_square:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["cx","cy"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},Zt=350,te=350,ee=Zt,ie=250,ne="easein",ae={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"},se=".chart-container{position:relative;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.graph-svg-tip{position:absolute;z-index:99999;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.graph-svg-tip ul{padding-left:0;display:flex}.graph-svg-tip ol{padding-left:0;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.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)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}",re=function(){function e(t,i){if(Lt(this,e),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.rawChartArgs=i,this.title=i.title||"",this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=this.validateColors(i.colors,this.type),this.config={showTooltip:1,showLegend:1,isNavigable:i.isNavigable||0,animate:1},this.measures=JSON.parse(JSON.stringify(_t));var n=this.measures;this.setMeasures(i),this.title.length||(n.titleHeight=0),this.config.showLegend||(n.legendHeight=0),this.argHeight=i.height||n.baseHeight,this.state={},this.options={},this.initTimeout=zt,this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return Tt(e,[{key:"prepareData",value:function(t){return t}},{key:"prepareFirstData",value:function(t){return t}},{key:"validateColors",value:function(t,e){var i=[];return(t=(t||[]).concat(It[e])).forEach(function(t){var e=Ut(t);v(e)?i.push(e):console.warn('"'+t+'" is not a valid color.')}),i}},{key:"setMeasures",value:function(){}},{key:"configure",value:function(){var t=this,e=this.argHeight;this.baseHeight=e,this.height=e-s(this.measures),window.addEventListener("resize",function(){return t.draw(!0)}),window.addEventListener("orientationchange",function(){return t.draw(!0)})}},{key:"setup",value:function(){this.makeContainer(),this.updateWidth(),this.makeTooltip(),this.draw(!1,!0)}},{key:"makeContainer",value:function(){this.parent.innerHTML="";var e={inside:this.parent,className:"chart-container"};this.independentWidth&&(e.styles={width:this.independentWidth+"px"}),this.container=t.create("div",e)}},{key:"makeTooltip",value:function(){this.tip=new Vt({parent:this.container,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calc(e),this.updateWidth(),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(t.data)},this.initTimeout)),this.renderLegend(),this.setupNavigation(i)}},{key:"calc",value:function(){}},{key:"updateWidth",value:function(){this.baseWidth=n(this.parent),this.width=this.baseWidth-r(this.measures)}},{key:"makeChartArea",value:function(){this.svg&&this.container.removeChild(this.svg);var t=this.measures;this.svg=x(this.container,"frappe-chart chart",this.baseWidth,this.baseHeight),this.svgDefs=k(this.svg),this.title.length&&(this.titleEL=M("title",t.margins.left,t.margins.top,this.title,{fontSize:t.titleFontSize,fill:"#666666",dy:t.titleFontSize}));var e=t.margins.top+t.titleHeight+t.paddings.top;this.drawArea=w(this.type+"-chart chart-draw-area","translate("+(t.margins.left+t.paddings.left)+", "+e+")"),this.config.showLegend&&(e+=this.height+t.paddings.bottom,this.legendArea=w("chart-legend","translate("+(t.margins.left+t.paddings.left)+", "+e+")")),this.title.length&&this.svg.appendChild(this.titleEL),this.svg.appendChild(this.drawArea),this.config.showLegend&&this.svg.appendChild(this.legendArea),this.updateTipOffset(t.margins.left+t.paddings.left,t.margins.top+t.paddings.top+t.titleHeight)}},{key:"updateTipOffset",value:function(t,e){this.tip.offset={x:t,y:e}}},{key:"setupComponents",value:function(){this.components=new Map}},{key:"update",value:function(t){t||console.error("No data to update."),this.data=this.prepareData(t),this.calc(),this.render()}},{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?($(this.container,this.svg,n),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},400)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"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.container)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"addDataPoint",value:function(){}},{key:"removeDataPoint",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(){}},{key:"updateDataset",value:function(){}},{key:"boundDrawFn",value:function(){this.draw(!0)}},{key:"unbindWindowEvents",value:function(){var t=this;window.removeEventListener("resize",function(){return t.boundDrawFn.bind(t)}),window.removeEventListener("orientationchange",function(){return t.boundDrawFn.bind(t)})}},{key:"export",value:function(){var t=Z(this.svg);Q(this.title||"Chart",[t])}}]),e}(),oe=function(t){function e(t,i){return Lt(this,e),Nt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i))}return Mt(e,t),Tt(e,[{key:"configure",value:function(t){Dt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,i=this.config.maxSlices;e.sliceTotals=[];var n=this.data.labels.map(function(e,i){var n=0;return t.data.datasets.map(function(t){n+=t.values[i]}),[n,e]}).filter(function(t){return t[0]>0}),a=n;if(n.length>i){n.sort(function(t,e){return e[0]-t[0]}),a=n.slice(0,i-1);var s=0;n.slice(i-1).map(function(t){s+=t[0]}),a.push([s,"Rest"]),this.colors[i-1]="grey"}e.labels=[],a.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])}),e.grandTotal=e.sliceTotals.reduce(function(t,e){return t+e},0),this.center={x:this.width/2,y:this.height/2}}},{key:"renderLegend",value:function(){var t=this,e=this.state;this.legendArea.textContent="",this.legendTotals=e.sliceTotals.slice(0,this.config.maxLegendPoints),this.legendTotals.map(function(i,n){var a=D(110*n+5,"0",5,t.colors[n],e.labels[n]+": "+i);t.legendArea.appendChild(a)})}}]),e}(re),le=7,ue=1e3,he=86400,ce=["January","February","March","April","May","June","July","August","September","October","November","December"],de=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],pe=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,u=e.animateElements;Lt(this,t),this.layerTransform=s,this.constants=r,this.makeElements=l,this.getData=o,this.animateElements=u,this.store=[],this.labels=[],this.layerClass=n,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return Tt(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=w(this.layerClass,this.layerTransform,t)}},{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)}),this.labels.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}(),fe={pieSlices:{layerClass:"pie-slices",makeElements:function(t){return t.sliceStrings.map(function(e,i){var n=A(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 q(e,t.sliceStrings[i])})}},percentageBars:{layerClass:"percentage-bars",makeElements:function(t){var e=this;return t.xPositions.map(function(i,n){return O(i,0,t.widths[n],e.constants.barHeight,e.constants.barDepth,t.colors[n])})},animateElements:function(t){if(t)return[]}},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=d(n,e),r=St(s,2);n=r[0],e=r[1];var o=d(a,i),l=St(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return Y(t,e[i],n[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return _(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=d(n,e),r=St(s,2);n=r[0],e=r[1];var o=d(a,i),l=St(o,2);return a=l[0],i=l[1],this.render({positions:n,calcLabels:i}),this.store.map(function(t,i){return I(t,e[i],n[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return z(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=d(this.oldData,t),i=St(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 Y(t,n[e],s[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return H(t.startPos,t.endPos,e.constants.width,t.label)})},animateElements:function(t){var e=d(this.oldData,t),i=St(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(V(t,s[e],n[e],r[e]))}),l}},heatDomain:{layerClass:function(){return"heat-domain domain-"+this.constants.index},makeElements:function(t){var e=this,i=this.constants,n=i.index,a=i.colWidth,s=i.rowHeight,r=i.squareSize,o=i.xTranslate,l=0;return this.serializedSubDomains=[],t.cols.map(function(t,i){1===i&&e.labels.push(M("domain-name",o,-12,rt(n,!0).toUpperCase(),{fontSize:9})),t.map(function(t,i){if(t.fill){var n={"data-date":t.yyyyMmDd,"data-value":t.dataValue,"data-day":i},a=L("day",o,l,r,t.fill,n);e.serializedSubDomains.push(a)}l+=s}),l=0,o+=a}),this.serializedSubDomains},animateElements:function(t){if(t)return[]}},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=t.xPositions,i=t.yPositions,n=t.offsets,a=t.labels,s=this.oldData.xPositions,r=this.oldData.yPositions,o=this.oldData.offsets,l=this.oldData.labels,u=d(s,e),h=St(u,2);s=h[0],e=h[1];var c=d(r,i),p=St(c,2);r=p[0],i=p[1];var f=d(o,n),v=St(f,2);o=v[0],n=v[1];var g=d(l,a),y=St(g,2);l=y[0],a=y[1],this.render({xPositions:s,yPositions:r,offsets:o,labels:a,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var m=[];return this.store.map(function(a,s){m=m.concat(B(a,e[s],i[s],t.barWidth,n[s],{zeroLine:t.zeroLine}))}),m}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=W(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=d(a,e),l=St(o,2);a=l[0],e=l[1];var u=d(s,i),h=St(u,2);s=h[0],i=h[1];var c=d(r,n),p=St(c,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(U(t,e[n],i[n]))}),f}}},ve=function(t){function i(t,e){Lt(this,i);var n=Nt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.type="percentage",n.barOptions=e.barOptions||{},n.barOptions.height=n.barOptions.height||jt,n.barOptions.depth=n.barOptions.depth||Ft,n.setup(),n}return Mt(i,t),Tt(i,[{key:"setupComponents",value:function(){var t=this.state,e=[["percentageBars",{barHeight:this.barOptions.height,barDepth:this.barOptions.depth},function(){return{xPositions:t.xPositions,widths:t.widths,colors:this.colors}}.bind(this)]];this.components=new Map(e.map(function(t){var e=ht.apply(void 0,Et(t));return[t[0],e]}))}},{key:"calc",value:function(){var t=this;Dt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"calc",this).call(this);var e=this.state;e.xPositions=[],e.widths=[];var n=0;e.sliceTotals.map(function(i){var a=t.width*i/e.grandTotal;e.widths.push(a),e.xPositions.push(n),n+=a})}},{key:"makeDataByIndex",value:function(){}},{key:"bindTooltip",value:function(){var t=this,i=this.state;this.container.addEventListener("mousemove",function(n){var a=t.components.get("percentageBars").store,s=n.target;if(a.includes(s)){var r=a.indexOf(s),o=e(t.container),l=e(s),u=l.left-o.left+parseInt(s.getAttribute("width"))/2,h=l.top-o.top,c=(t.formattedLabels&&t.formattedLabels.length>0?t.formattedLabels[r]:t.state.labels[r])+": ",d=i.sliceTotals[r]/i.grandTotal;t.tip.setValues(u,h,{name:c,value:(100*d).toFixed(1)+"%"}),t.tip.showTip()}})}}]),i}(oe),ge=function(t){function i(t,e){Lt(this,i);var n=Nt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.type="pie",n.initTimeout=0,n.init=1,n.setup(),n}return Mt(i,t),Tt(i,[{key:"configure",value:function(t){Dt(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:"calc",value:function(){var t=this;Dt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"calc",this).call(this);var e=this.state;this.radius=this.height>this.width?this.center.x:this.center.y;var n=this.radius,a=this.clockWise,s=e.slicesProperties||[];e.sliceStrings=[],e.slicesProperties=[];var r=180-this.config.startAngle;e.sliceTotals.map(function(i,o){var l=r,u=i/e.grandTotal*360,c=a?-u:u,d=r+=c,p=h(l,n),f=h(d,n),v=t.init&&s[o],g=void 0,y=void 0;t.init?(g=v?v.startPosition:p,y=v?v.endPosition:p):(g=p,y=f);var m=C(g,y,t.center,t.radius,t.clockWise);e.sliceStrings.push(m),e.slicesProperties.push({startPosition:p,endPosition:f,value:i,total:e.grandTotal,startAngle:l,endAngle:d,angle:c})}),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=ht.apply(void 0,Et(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,n=h(t.startAngle+t.angle/2,e);return"translate3d("+n.x*i+"px,"+n.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,i,n,a){if(t){var s=this.colors[i];if(n){J(t,this.calTranslateByAngle(this.state.slicesProperties[i])),t.style.fill=f(s,50);var r=e(this.svg),o=a.pageX-r.left+10,l=a.pageY-r.top-10,u=(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:u,value:h+"%"}),this.tip.showTip()}else J(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.fill=s}}},{key:"bindTooltip",value:function(){this.container.addEventListener("mousemove",this.mouseMove),this.container.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,i=this.components.get("pieSlices").store,n=this.curActiveSliceIndex,a=this.curActiveSlice;if(i.includes(e)){var s=i.indexOf(e);this.hoverSlice(a,n,!1),this.curActiveSlice=e,this.curActiveSliceIndex=s,this.hoverSlice(e,s,!0,t)}else this.mouseLeave()}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}}]),i}(oe),ye=function(t){function e(t,i){Lt(this,e);var n=Nt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));n.type="heatmap",n.countLabel=i.countLabel||"";var a=["Sunday","Monday"],s=a.includes(i.startSubDomain)?i.startSubDomain:"Sunday";return n.startSubDomainIndex=a.indexOf(s),n.setup(),n}return Mt(e,t),Tt(e,[{key:"setMeasures",value:function(t){var e=this.measures;this.discreteDomains=0===t.discreteDomains?0:1,e.paddings.top=36,e.paddings.bottom=0,e.legendHeight=24,e.baseHeight=12*le+s(e);var i=this.data,n=this.discreteDomains?12:0;this.independentWidth=12*(nt(i.start,i.end)+n)+e.margins.right+e.margins.left}},{key:"updateWidth",value:function(){var t=this.discreteDomains?12:0;this.baseWidth=12*(this.state.noOfWeeks+t)+r(this.measures)}},{key:"prepareData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;if(t.start&&t.end&&t.start>t.end)throw new Error("Start date cannot be greater than end date.");if(t.start||(t.start=new Date,t.start.setFullYear(t.start.getFullYear()-1)),t.end||(t.end=new Date),t.dataPoints=t.dataPoints||{},parseInt(Object.keys(t.dataPoints)[0])>1e5){var e={};Object.keys(t.dataPoints).forEach(function(i){var n=new Date(i*ue);e[et(n)]=t.dataPoints[i]}),t.dataPoints=e}return t}},{key:"calc",value:function(){var t=this.state;t.start=it(this.data.start),t.end=it(this.data.end),t.firstWeekStart=it(t.start),t.noOfWeeks=nt(t.start,t.end),t.distribution=xt(Object.values(this.data.dataPoints),5),t.domainConfigs=this.getDomains()}},{key:"setupComponents",value:function(){var t=this,e=this.state,i=this.discreteDomains?0:1,n=e.domainConfigs.map(function(n,a){return["heatDomain",{index:n.index,colWidth:12,rowHeight:12,squareSize:10,xTranslate:12*e.domainConfigs.filter(function(t,e){return e1&&void 0!==arguments[1]?arguments[1]:"",i=[t.getMonth(),t.getFullYear()],n=i[0],a=i[1],s=lt(t),r={index:n,cols:[]};ut(e=it(e)||ot(n,a),1);for(var o=nt(s,e),l=[],u=void 0,h=0;h2&&void 0!==arguments[2]&&arguments[2],n=this.state,a=it(t),s=[],r=0;r=n.start&&a<=n.end;i||a.getMonth()!==e||!l?o.yyyyMmDd=et(a):o=this.getSubDomainConfig(a),s.push(o)}return s}},{key:"getSubDomainConfig",value:function(t){var e=et(t),i=this.data.dataPoints[e];return{yyyyMmDd:e,dataValue:i||0,fill:this.colors[kt(i,this.state.distribution)]}}}]),e}(re),me=function(t){function i(t,e){Lt(this,i);var n=Nt(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.init=1,n.setup(),n}return Mt(i,t),Tt(i,[{key:"setMeasures",value:function(t){this.data.datasets.length<=1&&(this.config.showLegend=0,this.measures.paddings.bottom=30)}},{key:"configure",value:function(t){Dt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||0,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"prepareData",value:function(){return wt(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return At(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),this.makeDataByIndex())}},{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 o(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=ft(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/yt(e),n=gt(e)*i,a=this.height-vt(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 mt(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){en.titleHeight+n.margins.top+n.paddings.top?t.mapTooltipXPosition(s):t.tip.hideTip()})}},{key:"mapTooltipXPosition",value:function(t){var e=this,i=this.state;if(i.yExtremes){var n=bt(t,i.xAxis.positions,!0);console.log(t,i.xAxis.positions[n],i.xAxis.positions,this.tip.offset.x),this.tip.setValues(i.xAxis.positions[n]+this.tip.offset.x,i.yExtremes[n]+this.tip.offset.y,{name:i.xAxis.labels[n],value:""},this.data.datasets.map(function(t,i){return{title:t.name,value:t.values[n],color:e.colors[i]}}),n),this.tip.showTip()}}},{key:"renderLegend",value:function(){var t=this,e=this.data;e.datasets.length>1&&(this.legendArea.textContent="",e.datasets.map(function(e,i){var n=T(100*i,"0",100,t.colors[i],e.name);t.legendArea.appendChild(n)}))}},{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=$t[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];Qt[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 n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;Dt(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;this.data.labels.length<=1||(Dt(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)}},{key:"updateDatasets",value:function(t){this.data.datasets.map(function(e,i){t[i]&&(e.values=t[i])}),this.update(this.data)}}]),i}(re),be={bar:me,line:me,percentage:ve,heatmap:ye,pie:ge},xe=function t(e,i){return Lt(this,t),Pt(i.type,e,i)},ke=Object.freeze({Chart:xe,PercentageChart:ve,PieChart:ge,Heatmap:ye,AxisChart:me}),we={};return we.NAME="Frappe Charts",we.VERSION="1.0.0",we=Object.assign({},we,ke)}(); //# 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 f23b6a4..3473f81 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/colors.js","../src/js/utils/draw.js","../src/js/utils/animate.js","../src/js/utils/animation.js","../src/js/utils/export.js","../src/js/utils/date-utils.js","../src/js/objects/ChartComponents.js","../src/js/utils/intervals.js","../src/js/utils/axis-chart-utils.js","../src/js/chart.js","../src/js/utils/constants.js","../src/js/objects/SvgTip.js","../src/css/chartsCss.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","../src/js/index.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// https://css-tricks.com/snippets/javascript/loop-queryselectorall-matches/\nexport function forEachNode(nodeList, callback, scope) {\n\tif(!nodeList) return;\n\tfor (var i = 0; i < nodeList.length; i++) {\n\t\tcallback.call(scope, nodeList[i], i);\n\t}\n}\n\nexport function activate($parent, $child, commonClass, activeClass='active', index = -1) {\n\tlet $children = $parent.querySelectorAll(`.${commonClass}.${activeClass}`);\n\n\tforEachNode($children, (node, i) => {\n\t\tif(index >= 0 && i <= index) return;\n\t\tnode.classList.remove(activeClass);\n\t});\n\n\t$child.classList.add(activeClass);\n}\n","import { ANGLE_RATIO } from './constants';\n\n/**\n * Returns the value of a number upto 2 decimal places.\n * @param {Number} d Any number\n */\nexport function floatTwo(d) {\n\treturn parseFloat(d.toFixed(2));\n}\n\n/**\n * Returns whether or not two given arrays are equal.\n * @param {Array} arr1 First array\n * @param {Array} arr2 Second array\n */\nexport function arraysEqual(arr1, arr2) {\n\tif(arr1.length !== arr2.length) return false;\n\tlet areEqual = true;\n\tarr1.map((d, i) => {\n\t\tif(arr2[i] !== d) areEqual = false;\n\t});\n\treturn areEqual;\n}\n\n/**\n * Shuffles array in place. ES6 version\n * @param {Array} array An array containing the items.\n */\nexport function shuffle(array) {\n\t// Awesomeness: https://bost.ocks.org/mike/shuffle/\n\t// https://stackoverflow.com/a/2450976/6495043\n\t// https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array?noredirect=1&lq=1\n\n\tfor (let i = array.length - 1; i > 0; i--) {\n\t\tlet j = Math.floor(Math.random() * (i + 1));\n\t\t[array[i], array[j]] = [array[j], array[i]];\n\t}\n\n\treturn array;\n}\n\n/**\n * Fill an array with extra points\n * @param {Array} array Array\n * @param {Number} count number of filler elements\n * @param {Object} element element to fill with\n * @param {Boolean} start fill at start?\n */\nexport function fillArray(array, count, element, start=false) {\n\tif(!element) {\n\t\telement = start ? array[0] : array[array.length - 1];\n\t}\n\tlet fillerArray = new Array(Math.abs(count)).fill(element);\n\tarray = start ? fillerArray.concat(array) : array.concat(fillerArray);\n\treturn array;\n}\n\n/**\n * Returns pixel width of string.\n * @param {String} string\n * @param {Number} charWidth Width of single char in pixels\n */\nexport function getStringWidth(string, charWidth) {\n\treturn (string+\"\").length * charWidth;\n}\n\nexport function bindChange(obj, getFn, setFn) {\n\treturn new Proxy(obj, {\n\t\tset: function(target, prop, value) {\n\t\t\tsetFn();\n\t\t\treturn Reflect.set(target, prop, value);\n\t\t},\n\t\tget: function(target, prop) {\n\t\t\tgetFn();\n\t\t\treturn Reflect.get(target, prop);\n\t\t}\n\t});\n}\n\n// https://stackoverflow.com/a/29325222\nexport function getRandomBias(min, max, bias, influence) {\n\tconst range = max - min;\n\tconst biasValue = range * bias + min;\n\tvar rnd = Math.random() * range + min,\t\t// random in range\n\t\tmix = Math.random() * influence;\t\t// random mixer\n\treturn rnd * (1 - mix) + biasValue * mix;\t// mix full range and bias\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","const PRESET_COLOR_MAP = {\n\t'light-blue': '#7cd6fd',\n\t'blue': '#5e64ff',\n\t'violet': '#743ee2',\n\t'red': '#ff5858',\n\t'orange': '#ffa00a',\n\t'yellow': '#feef72',\n\t'green': '#28a745',\n\t'light-green': '#98d85b',\n\t'purple': '#b554ff',\n\t'magenta': '#ffa3ef',\n\t'black': '#36114C',\n\t'grey': '#bdd3e6',\n\t'light-grey': '#f0f4f7',\n\t'dark-grey': '#b8c2cc'\n};\n\nfunction limitColor(r){\n\tif (r > 255) return 255;\n\telse if (r < 0) return 0;\n\treturn r;\n}\n\nexport function lightenDarkenColor(color, amt) {\n\tlet col = getColor(color);\n\tlet usePound = false;\n\tif (col[0] == \"#\") {\n\t\tcol = col.slice(1);\n\t\tusePound = true;\n\t}\n\tlet num = parseInt(col,16);\n\tlet r = limitColor((num >> 16) + amt);\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\n\tlet g = limitColor((num & 0x0000FF) + amt);\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\n}\n\nexport function isValidColor(string) {\n\t// https://stackoverflow.com/a/8027444/6495043\n\treturn /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string);\n}\n\nexport const getColor = (color) => {\n\treturn PRESET_COLOR_MAP[color] || color;\n};\n","import { getBarHeightAndYAttr } from './draw-utils';\nimport { getStringWidth } from './helpers';\nimport { DOT_OVERLAY_SIZE_INCR, PERCENTAGE_BAR_DEFAULT_DEPTH } from './constants';\nimport { lightenDarkenColor } from './colors';\n\nexport const AXIS_TICK_LENGTH = 6;\nconst LABEL_MARGIN = 4;\nexport const FONT_SIZE = 10;\nconst BASE_LINE_COLOR = '#dadada';\nconst FONT_FILL = '#555b51';\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 percentageBar(x, y, width, height,\n\tdepth=PERCENTAGE_BAR_DEFAULT_DEPTH, fill='none') {\n\n\tlet args = {\n\t\tclassName: 'percentage-bar',\n\t\tx: x,\n\t\ty: y,\n\t\twidth: width,\n\t\theight: height,\n\t\tfill: fill,\n\t\tstyles: {\n\t\t\t'stroke': lightenDarkenColor(fill, -25),\n\t\t\t// Diabolically good: https://stackoverflow.com/a/9000859\n\t\t\t// https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\n\t\t\t'stroke-dasharray': `0, ${height + width}, ${width}, ${height}`,\n\t\t\t'stroke-width': depth\n\t\t},\n\t};\n\n\treturn createSVG(\"rect\", args);\n}\n\nexport function heatSquare(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 legendBar(x, y, size, fill='none', label) {\n\tlet args = {\n\t\tclassName: 'legend-bar',\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: size,\n\t\theight: '2px',\n\t\tfill: fill\n\t};\n\tlet text = createSVG('text', {\n\t\tclassName: 'legend-dataset-text',\n\t\tx: 0,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE * 2) + 'px',\n\t\t'font-size': (FONT_SIZE * 1.2) + 'px',\n\t\t'text-anchor': 'start',\n\t\tfill: FONT_FILL,\n\t\tinnerHTML: label\n\t});\n\n\tlet group = createSVG('g', {\n\t\ttransform: `translate(${x}, ${y})`\n\t});\n\tgroup.appendChild(createSVG(\"rect\", args));\n\tgroup.appendChild(text);\n\n\treturn group;\n}\n\nexport function legendDot(x, y, size, fill='none', label) {\n\tlet args = {\n\t\tclassName: 'legend-dot',\n\t\tcx: 0,\n\t\tcy: 0,\n\t\tr: size,\n\t\tfill: fill\n\t};\n\tlet text = createSVG('text', {\n\t\tclassName: 'legend-dataset-text',\n\t\tx: 0,\n\t\ty: 0,\n\t\tdx: (FONT_SIZE) + 'px',\n\t\tdy: (FONT_SIZE/3) + 'px',\n\t\t'font-size': (FONT_SIZE * 1.2) + 'px',\n\t\t'text-anchor': 'start',\n\t\tfill: FONT_FILL,\n\t\tinnerHTML: label\n\t});\n\n\tlet group = createSVG('g', {\n\t\ttransform: `translate(${x}, ${y})`\n\t});\n\tgroup.appendChild(createSVG(\"circle\", args));\n\tgroup.appendChild(text);\n\n\treturn group;\n}\n\nexport function makeText(className, x, y, content, options = {}) {\n\tlet fontSize = options.fontSize || FONT_SIZE;\n\tlet dy = options.dy !== undefined ? options.dy : (fontSize / 2);\n\tlet fill = options.fill || FONT_FILL;\n\tlet textAnchor = options.textAnchor || 'start';\n\treturn createSVG('text', {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\tdy: dy + 'px',\n\t\t'font-size': fontSize + 'px',\n\t\tfill: fill,\n\t\t'text-anchor': textAnchor,\n\t\tinnerHTML: content\n\t});\n}\n\nfunction makeVertLine(x, label, y1, y2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tlet l = createSVG('line', {\n\t\tclassName: 'line-vertical ' + options.className,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: y1,\n\t\ty2: y2,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: 0,\n\t\ty: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE,\n\t\tdy: FONT_SIZE + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'middle',\n\t\tinnerHTML: label + \"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(${ x }, 0)`\n\t});\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nfunction makeHoriLine(y, label, x1, x2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.lineType) options.lineType = '';\n\tlet className = 'line-horizontal ' + options.className +\n\t\t(options.lineType === \"dashed\" ? \"dashed\": \"\");\n\n\tlet l = createSVG('line', {\n\t\tclassName: className,\n\t\tx1: x1,\n\t\tx2: x2,\n\t\ty1: 0,\n\t\ty2: 0,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / 2 - 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': x1 < x2 ? 'end' : 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(0, ${y})`,\n\t\t'stroke-opacity': 1\n\t});\n\n\tif(text === 0 || text === '0') {\n\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\n\t}\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nexport function yLine(y, label, width, options={}) {\n\tif(!options.pos) options.pos = 'left';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\tlet x1 = -1 * AXIS_TICK_LENGTH;\n\tlet x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;\n\n\tif(options.mode === 'tick' && options.pos === 'right') {\n\t\tx1 = width + AXIS_TICK_LENGTH;\n\t\tx2 = width;\n\t}\n\n\t// let offset = options.pos === 'left' ? -1 * options.offset : options.offset;\n\n\tx1 += options.offset;\n\tx2 += options.offset;\n\n\treturn makeHoriLine(y, label, x1, x2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function xLine(x, label, height, options={}) {\n\tif(!options.pos) options.pos = 'bottom';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\t// Draw X axis line in span/tick mode with optional label\n\t// \ty2(span)\n\t// \t\t\t\t\t\t|\n\t// \t\t\t\t\t\t|\n\t//\t\t\t\tx line\t|\n\t//\t\t\t\t\t\t|\n\t// \t\t\t\t\t \t|\n\t// ---------------------+-- y2(tick)\n\t//\t\t\t\t\t\t|\n\t//\t\t\t\t\t\t\ty1\n\n\tlet y1 = height + AXIS_TICK_LENGTH;\n\tlet y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : height;\n\n\tif(options.mode === 'tick' && options.pos === 'top') {\n\t\t// top axis ticks\n\t\ty1 = -1 * AXIS_TICK_LENGTH;\n\t\ty2 = 0;\n\t}\n\n\treturn makeVertLine(x, label, y1, y2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function yMarker(y, label, width, options={}) {\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = makeHoriLine(y, '', 0, width, {\n\t\tstroke: options.stroke || BASE_LINE_COLOR,\n\t\tclassName: options.className || '',\n\t\tlineType: options.lineType\n\t});\n\n\tline.appendChild(labelSvg);\n\n\treturn line;\n}\n\nexport function yRegion(y1, y2, width, label) {\n\t// return a group\n\tlet height = y1 - y2;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`, // remove class\n\t\tstyles: {\n\t\t\tfill: `rgba(228, 234, 239, 0.49)`,\n\t\t\tstroke: BASE_LINE_COLOR,\n\t\t\t'stroke-dasharray': `${width}, ${height}`\n\t\t},\n\t\t// 'data-point-index': index,\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: width,\n\t\theight: height\n\t});\n\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label+\"\", 4.5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet region = createSVG('g', {\n\t\ttransform: `translate(0, ${y2})`\n\t});\n\n\tregion.appendChild(rect);\n\tregion.appendChild(labelSvg);\n\n\treturn region;\n}\n\nexport function datasetBar(x, yTop, width, color, label='', index=0, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`,\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: width,\n\t\theight: height || meta.minHeight // TODO: correct y for positive min height\n\t});\n\n\tlabel += \"\";\n\n\tif(!label && !label.length) {\n\t\treturn rect;\n\t} else {\n\t\trect.setAttribute('y', 0);\n\t\trect.setAttribute('x', 0);\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: width/2,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\t'data-point-index': index,\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(rect);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function datasetDot(x, y, radius, color, label='', index=0) {\n\tlet dot = createSVG('circle', {\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tcx: x,\n\t\tcy: y,\n\t\tr: radius\n\t});\n\n\tlabel += \"\";\n\n\tif(!label && !label.length) {\n\t\treturn dot;\n\t} else {\n\t\tdot.setAttribute('cy', 0);\n\t\tdot.setAttribute('cx', 0);\n\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1 - radius) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\t'data-point-index': index,\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(dot);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function getPaths(xList, yList, color, options={}, meta={}) {\n\tlet pointsList = yList.map((y, i) => (xList[i] + ',' + y));\n\tlet pointsStr = pointsList.join(\"L\");\n\tlet path = makePath(\"M\"+pointsStr, 'line-graph-path', color);\n\n\t// HeatLine\n\tif(options.heatline) {\n\t\tlet gradient_id = makeGradient(meta.svgDefs, color);\n\t\tpath.style.stroke = `url(#${gradient_id})`;\n\t}\n\n\tlet paths = {\n\t\tpath: path\n\t};\n\n\t// Region\n\tif(options.regionFill) {\n\t\tlet gradient_id_region = makeGradient(meta.svgDefs, color, true);\n\n\t\t// TODO: use zeroLine OR minimum\n\t\tlet pathStr = \"M\" + `${xList[0]},${meta.zeroLine}L` + pointsStr + `L${xList.slice(-1)[0]},${meta.zeroLine}`;\n\t\tpaths.region = makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`);\n\t}\n\n\treturn paths;\n}\n\nexport let makeOverlay = {\n\t'bar': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'dot': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\tlet fill = unit.getAttribute('fill');\n\t\toverlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.setAttribute('fill', fill);\n\t\toverlay.style.opacity = '0.6';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'heat_square': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\tlet fill = unit.getAttribute('fill');\n\t\toverlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.setAttribute('fill', fill);\n\t\toverlay.style.opacity = '0.6';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t}\n};\n\nexport let updateOverlay = {\n\t'bar': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['x', 'y', 'width', 'height'];\n\t\tObject.values(unit.attributes)\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t\t.map(attr => {\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'dot': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t\t.map(attr => {\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'heat_square': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t\t.map(attr => {\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n};\n","import { getBarHeightAndYAttr } from './draw-utils';\n\nexport const UNIT_ANIM_DUR = 350;\nexport const PATH_ANIM_DUR = 350;\nexport const MARKER_LINE_ANIM_DUR = UNIT_ANIM_DUR;\nexport const REPLACE_ALL_NEW_DUR = 250;\n\nexport const STD_EASING = 'easein';\n\nexport function translate(unit, oldCoord, newCoord, duration) {\n\tlet old = typeof oldCoord === 'string' ? oldCoord : oldCoord.join(', ');\n\treturn [\n\t\tunit,\n\t\t{transform: newCoord.join(', ')},\n\t\tduration,\n\t\tSTD_EASING,\n\t\t\"translate\",\n\t\t{transform: old}\n\t];\n}\n\nexport function translateVertLine(xLine, newX, oldX) {\n\treturn translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR);\n}\n\nexport function translateHoriLine(yLine, newY, oldY) {\n\treturn translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR);\n}\n\nexport function animateRegion(rectGroup, newY1, newY2, oldY2) {\n\tlet newHeight = newY1 - newY2;\n\tlet rect = rectGroup.childNodes[0];\n\tlet width = rect.getAttribute(\"width\");\n\tlet rectAnim = [\n\t\trect,\n\t\t{ height: newHeight, 'stroke-dasharray': `${width}, ${newHeight}` },\n\t\tMARKER_LINE_ANIM_DUR,\n\t\tSTD_EASING\n\t];\n\n\tlet groupAnim = translate(rectGroup, [0, oldY2], [0, newY2], MARKER_LINE_ANIM_DUR);\n\treturn [rectAnim, groupAnim];\n}\n\nexport function animateBar(bar, x, yTop, width, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\tif(bar.nodeName !== 'rect') {\n\t\tlet rect = bar.childNodes[0];\n\t\tlet rectAnim = [\n\t\t\trect,\n\t\t\t{width: width, height: height},\n\t\t\tUNIT_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\n\t\tlet oldCoordStr = bar.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(bar, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [rectAnim, groupAnim];\n\t} else {\n\t\treturn [[bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animateDot(dot, x, y) {\n\tif(dot.nodeName !== 'circle') {\n\t\tlet oldCoordStr = dot.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(dot, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [groupAnim];\n\t} else {\n\t\treturn [[dot, {cx: x, cy: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animatePath(paths, newXList, newYList, zeroLine) {\n\tlet pathComponents = [];\n\n\tlet pointsStr = newYList.map((y, i) => (newXList[i] + ',' + y));\n\tlet pathStr = pointsStr.join(\"L\");\n\n\tconst animPath = [paths.path, {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\tpathComponents.push(animPath);\n\n\tif(paths.region) {\n\t\tlet regStartPt = `${newXList[0]},${zeroLine}L`;\n\t\tlet regEndPt = `L${newXList.slice(-1)[0]}, ${zeroLine}`;\n\n\t\tconst animRegion = [\n\t\t\tpaths.region,\n\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\tPATH_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\t\tpathComponents.push(animRegion);\n\t}\n\n\treturn pathComponents;\n}\n\nexport function animatePathStr(oldPath, pathStr) {\n\treturn [oldPath, {d: pathStr}, UNIT_ANIM_DUR, STD_EASING];\n}\n","// 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 { $ } from '../utils/dom';\nimport { CSSTEXT } from '../../css/chartsCss';\n\nexport function downloadFile(filename, data) {\n\tvar a = document.createElement('a');\n\ta.style = \"display: none\";\n\tvar blob = new Blob(data, {type: \"image/svg+xml; charset=utf-8\"});\n\tvar url = window.URL.createObjectURL(blob);\n\ta.href = url;\n\ta.download = filename;\n\tdocument.body.appendChild(a);\n\ta.click();\n\tsetTimeout(function(){\n\t\tdocument.body.removeChild(a);\n\t\twindow.URL.revokeObjectURL(url);\n\t}, 300);\n}\n\nexport function prepareForExport(svg) {\n\tlet clone = svg.cloneNode(true);\n\tclone.classList.add('chart-container');\n\tclone.setAttribute('xmlns', \"http://www.w3.org/2000/svg\");\n\tclone.setAttribute('xmlns:xlink', \"http://www.w3.org/1999/xlink\");\n\tlet styleEl = $.create('style', {\n\t\t'innerHTML': CSSTEXT\n\t});\n\tclone.insertBefore(styleEl, clone.firstChild);\n\n\tlet container = $.create('div');\n\tcontainer.appendChild(clone);\n\n\treturn container.innerHTML;\n}\n","// Playing around with dates\n\nexport const NO_OF_YEAR_MONTHS = 12;\nexport const NO_OF_DAYS_IN_WEEK = 7;\nexport const DAYS_IN_YEAR = 375;\nexport const NO_OF_MILLIS = 1000;\nexport const SEC_IN_DAY = 86400;\n\nexport const MONTH_NAMES = [\"January\", \"February\", \"March\", \"April\", \"May\",\n\t\"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\"];\nexport const MONTH_NAMES_SHORT = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\",\n\t\"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"];\n\nexport const DAY_NAMES_SHORT = [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\"];\nexport const DAY_NAMES = [\"Sunday\", \"Monday\", \"Tuesday\", \"Wednesday\",\n\t\"Thursday\", \"Friday\", \"Saturday\"];\n\n// https://stackoverflow.com/a/11252167/6495043\nfunction treatAsUtc(date) {\n\tlet result = new Date(date);\n\tresult.setMinutes(result.getMinutes() - result.getTimezoneOffset());\n\treturn result;\n}\n\nexport function getYyyyMmDd(date) {\n\tlet dd = date.getDate();\n\tlet mm = date.getMonth() + 1; // getMonth() is zero-based\n\treturn [\n\t\tdate.getFullYear(),\n\t\t(mm>9 ? '' : '0') + mm,\n\t\t(dd>9 ? '' : '0') + dd\n\t].join('-');\n}\n\nexport function clone(date) {\n\treturn new Date(date.getTime());\n}\n\nexport function timestampSec(date) {\n\treturn date.getTime()/NO_OF_MILLIS;\n}\n\nexport function timestampToMidnight(timestamp, roundAhead = false) {\n\tlet midnightTs = Math.floor(timestamp - (timestamp % SEC_IN_DAY));\n\tif(roundAhead) {\n\t\treturn midnightTs + SEC_IN_DAY;\n\t}\n\treturn midnightTs;\n}\n\n// export function getMonthsBetween(startDate, endDate) {}\n\nexport function getWeeksBetween(startDate, endDate) {\n\tlet weekStartDate = setDayToSunday(startDate);\n\treturn Math.ceil(getDaysBetween(weekStartDate, endDate) / NO_OF_DAYS_IN_WEEK);\n}\n\nexport function getDaysBetween(startDate, endDate) {\n\tlet millisecondsPerDay = SEC_IN_DAY * NO_OF_MILLIS;\n\treturn (treatAsUtc(endDate) - treatAsUtc(startDate)) / millisecondsPerDay;\n}\n\nexport function areInSameMonth(startDate, endDate) {\n\treturn startDate.getMonth() === endDate.getMonth()\n\t\t&& startDate.getFullYear() === endDate.getFullYear();\n}\n\nexport function getMonthName(i, short=false) {\n\tlet monthName = MONTH_NAMES[i];\n\treturn short ? monthName.slice(0, 3) : monthName;\n}\n\nexport function getLastDateInMonth (month, year) {\n\treturn new Date(year, month + 1, 0); // 0: last day in previous month\n}\n\n// mutates\nexport function setDayToSunday(date) {\n\tlet newDate = clone(date);\n\tconst day = newDate.getDay();\n\tif(day !== 0) {\n\t\taddDays(newDate, (-1) * day);\n\t}\n\treturn newDate;\n}\n\n// mutates\nexport function addDays(date, numberOfDays) {\n\tdate.setDate(date.getDate() + numberOfDays);\n}\n","import { makeSVGGroup } from '../utils/draw';\nimport { makeText, makePath, xLine, yLine, yMarker, yRegion, datasetBar, datasetDot, percentageBar, getPaths, heatSquare } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { translateHoriLine, translateVertLine, animateRegion, animateBar,\n\tanimateDot, animatePath, animatePathStr } from '../utils/animate';\nimport { getMonthName } from '../utils/date-utils';\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\t\tthis.labels = [];\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\tthis.labels.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\tpercentageBars: {\n\t\tlayerClass: 'percentage-bars',\n\t\tmakeElements(data) {\n\t\t\treturn data.xPositions.map((x, i) =>{\n\t\t\t\tlet y = 0;\n\t\t\t\tlet bar = percentageBar(x, y, data.widths[i],\n\t\t\t\t\tthis.constants.barHeight, this.constants.barDepth, data.colors[i]);\n\t\t\t\treturn bar;\n\t\t\t});\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tif(newData) return [];\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\theatDomain: {\n\t\tlayerClass: function() { return 'heat-domain domain-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet {index, colWidth, rowHeight, squareSize, xTranslate} = this.constants;\n\t\t\tlet monthNameHeight = -12;\n\t\t\tlet x = xTranslate, y = 0;\n\n\t\t\tthis.serializedSubDomains = [];\n\n\t\t\tdata.cols.map((week, weekNo) => {\n\t\t\t\tif(weekNo === 1) {\n\t\t\t\t\tthis.labels.push(\n\t\t\t\t\t\tmakeText('domain-name', x, monthNameHeight, getMonthName(index, true),\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tfontSize: 11\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t)\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tweek.map((day, i) => {\n\t\t\t\t\tif(day.fill) {\n\t\t\t\t\t\tlet data = {\n\t\t\t\t\t\t\t'data-date': day.yyyyMmDd,\n\t\t\t\t\t\t\t'data-value': day.dataValue,\n\t\t\t\t\t\t\t'data-day': i\n\t\t\t\t\t\t};\n\t\t\t\t\t\tlet square = heatSquare('day', x, y, squareSize, day.fill, data);\n\t\t\t\t\t\tthis.serializedSubDomains.push(square);\n\t\t\t\t\t}\n\t\t\t\t\ty += rowHeight;\n\t\t\t\t});\n\t\t\t\ty = 0;\n\t\t\t\tx += colWidth;\n\t\t\t});\n\n\t\t\treturn this.serializedSubDomains;\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tif(newData) return [];\n\t\t}\n\t},\n\n\tbarGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-bars dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'bar';\n\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\treturn datasetBar(\n\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\ty,\n\t\t\t\t\tdata.barWidth,\n\t\t\t\t\tc.color,\n\t\t\t\t\tdata.labels[j],\n\t\t\t\t\tj,\n\t\t\t\t\tdata.offsets[j],\n\t\t\t\t\t{\n\t\t\t\t\t\tzeroLine: data.zeroLine,\n\t\t\t\t\t\tbarsWidth: data.barsWidth,\n\t\t\t\t\t\tminHeight: c.minHeight\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t});\n\t\t\treturn this.units;\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newOffsets = newData.offsets;\n\t\t\tlet newLabels = newData.labels;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldOffsets = this.oldData.offsets;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldOffsets, newOffsets] = equilizeNoOfElements(oldOffsets, newOffsets);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\toffsets: oldOffsets,\n\t\t\t\tlabels: newLabels,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tbarsWidth: this.oldData.barsWidth,\n\t\t\t\tbarWidth: this.oldData.barWidth,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((bar, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateBar(\n\t\t\t\t\tbar, newXPos[i], newYPos[i], newData.barWidth, newOffsets[i],\n\t\t\t\t\t{zeroLine: newData.zeroLine}\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tlineGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-line dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'dot';\n\t\t\tthis.paths = {};\n\t\t\tif(!c.hideLine) {\n\t\t\t\tthis.paths = getPaths(\n\t\t\t\t\tdata.xPositions,\n\t\t\t\t\tdata.yPositions,\n\t\t\t\t\tc.color,\n\t\t\t\t\t{\n\t\t\t\t\t\theatline: c.heatline,\n\t\t\t\t\t\tregionFill: c.regionFill\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tsvgDefs: c.svgDefs,\n\t\t\t\t\t\tzeroLine: data.zeroLine\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tthis.units = [];\n\t\t\tif(!c.hideDots) {\n\t\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\t\treturn datasetDot(\n\t\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\t\ty,\n\t\t\t\t\t\tdata.radius,\n\t\t\t\t\t\tc.color,\n\t\t\t\t\t\t(c.valuesOverPoints ? data.values[j] : ''),\n\t\t\t\t\t\tj\n\t\t\t\t\t);\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn Object.values(this.paths).concat(this.units);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newValues = newData.values;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldValues = this.oldData.values;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldValues, newValues] = equilizeNoOfElements(oldValues, newValues);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\tvalues: newValues,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tradius: this.oldData.radius,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tif(Object.keys(this.paths).length) {\n\t\t\t\tanimateElements = animateElements.concat(animatePath(\n\t\t\t\t\tthis.paths, newXPos, newYPos, newData.zeroLine));\n\t\t\t}\n\n\t\t\tif(this.units.length) {\n\t\t\t\tthis.units.map((dot, i) => {\n\t\t\t\t\tanimateElements = animateElements.concat(animateDot(\n\t\t\t\t\t\tdot, newXPos[i], newYPos[i]));\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn animateElements;\n\t\t}\n\t}\n};\n\nexport function getComponent(name, constants, getData) {\n\tlet keys = Object.keys(componentConfigs).filter(k => name.includes(k));\n\tlet config = componentConfigs[keys[0]];\n\tObject.assign(config, {\n\t\tconstants: constants,\n\t\tgetData: getData\n\t});\n\treturn new ChartComponent(config);\n}\n","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 isInRange(val, min, max) {\n\treturn val > min && val < max;\n}\n\nexport function isInRange2D(coord, minCoord, maxCoord) {\n\treturn isInRange(coord[0], minCoord[0], maxCoord[0])\n\t\t&& isInRange(coord[1], minCoord[1], maxCoord[1]);\n}\n\nexport function getClosestInArray(goal, arr, index = false) {\n\tlet closest = arr.reduce(function(prev, curr) {\n\t\treturn (Math.abs(curr - goal) < Math.abs(prev - goal) ? curr : prev);\n\t});\n\n\treturn index ? arr.indexOf(closest) : closest;\n}\n\nexport function calcDistribution(values, distributionSize) {\n\t// Assume non-negative values,\n\t// implying distribution minimum at zero\n\n\tlet dataMaxValue = Math.max(...values);\n\n\tlet distributionStep = 1 / (distributionSize - 1);\n\tlet distribution = [];\n\n\tfor(var i = 0; i < distributionSize; i++) {\n\t\tlet checkpoint = dataMaxValue * (distributionStep * i);\n\t\tdistribution.push(checkpoint);\n\t}\n\n\treturn distribution;\n}\n\nexport function getMaxCheckpoint(value, distribution) {\n\treturn distribution.filter(d => d < value).length;\n}\n","import { fillArray } from '../utils/helpers';\nimport { DEFAULT_AXIS_CHART_TYPE, AXIS_DATASET_CHART_TYPES, DEFAULT_CHAR_WIDTH } from '../utils/constants';\n\nexport function dataPrep(data, type) {\n\tdata.labels = data.labels || [];\n\n\tlet datasetLength = data.labels.length;\n\n\t// Datasets\n\tlet datasets = data.datasets;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\tif(!datasets) {\n\t\t// default\n\t\tdatasets = [{\n\t\t\tvalues: zeroArray\n\t\t}];\n\t}\n\n\tdatasets.map(d=> {\n\t\t// Set values\n\t\tif(!d.values) {\n\t\t\td.values = zeroArray;\n\t\t} else {\n\t\t\t// Check for non values\n\t\t\tlet vals = d.values;\n\t\t\tvals = vals.map(val => (!isNaN(val) ? val : 0));\n\n\t\t\t// Trim or extend\n\t\t\tif(vals.length > datasetLength) {\n\t\t\t\tvals = vals.slice(0, datasetLength);\n\t\t\t} else {\n\t\t\t\tvals = fillArray(vals, datasetLength - vals.length, 0);\n\t\t\t}\n\t\t}\n\n\t\t// Set labels\n\t\t//\n\n\t\t// Set type\n\t\tif(!d.chartType ) {\n\t\t\tif(!AXIS_DATASET_CHART_TYPES.includes(type)) type === DEFAULT_AXIS_CHART_TYPE;\n\t\t\td.chartType = type;\n\t\t}\n\n\t});\n\n\t// Markers\n\n\t// Regions\n\t// data.yRegions = data.yRegions || [];\n\tif(data.yRegions) {\n\t\tdata.yRegions.map(d => {\n\t\t\tif(d.end < d.start) {\n\t\t\t\t[d.start, d.end] = [d.end, d.start];\n\t\t\t}\n\t\t});\n\t}\n\n\treturn data;\n}\n\nexport function zeroDataPrep(realData) {\n\tlet datasetLength = realData.labels.length;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\n\tlet zeroData = {\n\t\tlabels: realData.labels.slice(0, -1),\n\t\tdatasets: realData.datasets.map(d => {\n\t\t\treturn {\n\t\t\t\tname: '',\n\t\t\t\tvalues: zeroArray.slice(0, -1),\n\t\t\t\tchartType: d.chartType\n\t\t\t};\n\t\t}),\n\t};\n\n\tif(realData.yMarkers) {\n\t\tzeroData.yMarkers = [\n\t\t\t{\n\t\t\t\tvalue: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\tif(realData.yRegions) {\n\t\tzeroData.yRegions = [\n\t\t\t{\n\t\t\t\tstart: 0,\n\t\t\t\tend: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\treturn zeroData;\n}\n\nexport function getShortenedLabels(chartWidth, labels=[], isSeries=true) {\n\tlet allowedSpace = chartWidth / labels.length;\n\tlet allowedLetters = allowedSpace / DEFAULT_CHAR_WIDTH;\n\n\tlet calcLabels = labels.map((label, i) => {\n\t\tlabel += \"\";\n\t\tif(label.length > allowedLetters) {\n\n\t\t\tif(!isSeries) {\n\t\t\t\tif(allowedLetters-3 > 0) {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters-3) + \" ...\";\n\t\t\t\t} else {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters) + '..';\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tlet multiple = Math.ceil(label.length/allowedLetters);\n\t\t\t\tif(i % multiple !== 0) {\n\t\t\t\t\tlabel = \"\";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn label;\n\t});\n\n\treturn calcLabels;\n}\n","import '../css/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\tbar: AxisChart,\n\tline: AxisChart,\n\t// multiaxis: MultiAxisChart,\n\tpercentage: PercentageChart,\n\theatmap: Heatmap,\n\tpie: PieChart\n};\n\nfunction getChartByType(chartType = 'line', parent, options) {\n\tif (chartType === 'axis-mixed') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t}\n\n\tif (!chartTypes[chartType]) {\n\t\tconsole.error(\"Undefined chart type: \" + chartType);\n\t\treturn;\n\t}\n\n\treturn new chartTypes[chartType](parent, options);\n}\n\nclass Chart {\n\tconstructor(parent, options) {\n\t\treturn getChartByType(options.type, parent, options);\n\t}\n}\n\nexport { Chart, PercentageChart, PieChart, Heatmap, AxisChart };","export const ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\n\nexport const COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\n\theatmap: []\n};\n\nexport const DATA_COLOR_DIVISIONS = {\n\tbar: 'datasets',\n\tline: 'datasets',\n\tpie: 'labels',\n\tpercentage: 'labels',\n\theatmap: HEATMAP_DISTRIBUTION_SIZE\n};\n\nexport const BASE_CHART_TOP_MARGIN = 10;\nexport const BASE_CHART_LEFT_MARGIN = 20;\nexport const BASE_CHART_RIGHT_MARGIN = 20;\n\nexport const Y_AXIS_LEFT_MARGIN = 60;\nexport const Y_AXIS_RIGHT_MARGIN = 40;\n\nexport const INIT_CHART_UPDATE_TIMEOUT = 700;\nexport const CHART_POST_ANIMATE_TIMEOUT = 400;\n\nexport const DEFAULT_AXIS_CHART_TYPE = 'line';\nexport const AXIS_DATASET_CHART_TYPES = ['line', 'bar'];\n\nexport const AXIS_LEGEND_BAR_SIZE = 100;\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 PERCENTAGE_BAR_DEFAULT_HEIGHT = 20;\nexport const PERCENTAGE_BAR_DEFAULT_DEPTH = 2;\n\n// Fixed 5-color theme,\n// More colors are difficult to parse visually\nexport const HEATMAP_DISTRIBUTION_SIZE = 5;\n\nexport const HEATMAP_LEFT_MARGIN = 50;\nexport const HEATMAP_TOP_MARGIN = 25;\n\nexport const HEATMAP_SQUARE_SIZE = 10;\nexport const HEATMAP_GUTTER_SIZE = 2;\n\nexport const DEFAULT_CHAR_WIDTH = 7;\n\nexport const TOOLTIP_POINTER_TRIANGLE_HEIGHT = 5;\n\nconst DEFAULT_CHART_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey'];\nconst HEATMAP_COLORS_GREEN = ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\nexport const HEATMAP_COLORS_BLUE = ['#ebedf0', '#c0ddf9', '#73b3f3', '#3886e1', '#17459e'];\nexport const HEATMAP_COLORS_YELLOW = ['#ebedf0', '#fdf436', '#ffc700', '#ff9100', '#06001c'];\n\nexport const DEFAULT_COLORS = {\n\tbar: DEFAULT_CHART_COLORS,\n\tline: DEFAULT_CHART_COLORS,\n\tpie: DEFAULT_CHART_COLORS,\n\tpercentage: DEFAULT_CHART_COLORS,\n\theatmap: HEATMAP_COLORS_GREEN\n};\n\n// Universal constants\nexport const ANGLE_RATIO = Math.PI / 180;\nexport const FULL_ANGLE = 360;\n","import { $ } from '../utils/dom';\nimport { TOOLTIP_POINTER_TRIANGLE_HEIGHT } from '../utils/constants';\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}\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\t\t- TOOLTIP_POINTER_TRIANGLE_HEIGHT;\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 CSSTEXT = \".chart-container{position:relative;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.graph-svg-tip{position:absolute;z-index:99999;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.graph-svg-tip ul{padding-left:0;display:flex}.graph-svg-tip ol{padding-left:0;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.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)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}\";","import SvgTip from '../objects/SvgTip';\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup, makeText, AXIS_TICK_LENGTH } from '../utils/draw';\nimport { BASE_CHART_TOP_MARGIN, BASE_CHART_LEFT_MARGIN,\n\tBASE_CHART_RIGHT_MARGIN, INIT_CHART_UPDATE_TIMEOUT, CHART_POST_ANIMATE_TIMEOUT, DEFAULT_COLORS,\n\tALL_CHART_TYPES, COMPATIBLE_CHARTS, DATA_COLOR_DIVISIONS} from '../utils/constants';\nimport { getColor, isValidColor } from '../utils/colors';\nimport { runSMILAnimation } from '../utils/animation';\nimport { downloadFile, prepareForExport } from '../utils/export';\nimport { Chart } from '../chart';\n\nexport default class BaseChart {\n\tconstructor(parent, options) {\n\n\t\tthis.parent = typeof parent === 'string'\n\t\t\t? document.querySelector(parent)\n\t\t\t: parent;\n\n\t\tif (!(this.parent instanceof HTMLElement)) {\n\t\t\tthrow new Error('No `parent` element to render on was provided.');\n\t\t}\n\n\t\tthis.rawChartArgs = options;\n\n\t\tthis.title = options.title || '';\n\t\tthis.argHeight = options.height || 240;\n\t\tthis.type = options.type || '';\n\n\t\tthis.realData = this.prepareData(options.data);\n\t\tthis.data = this.prepareFirstData(this.realData);\n\n\t\tthis.colors = this.validateColors(options.colors, this.type);\n\n\t\tthis.config = {\n\t\t\tshowTooltip: 1, // calculate\n\t\t\tshowLegend: options.showLegend || 1,\n\t\t\tisNavigable: options.isNavigable || 0,\n\t\t\tanimate: 1\n\t\t};\n\t\tthis.state = {};\n\t\tthis.options = {};\n\n\t\tthis.initTimeout = INIT_CHART_UPDATE_TIMEOUT;\n\n\t\tif(this.config.isNavigable) {\n\t\t\tthis.overlays = [];\n\t\t}\n\n\t\tthis.configure(options);\n\t}\n\n\tconfigure() {\n\t\tthis.setMargins();\n\n\t\t// Bind window events\n\t\twindow.addEventListener('resize', () => this.boundDrawFn);\n\t\twindow.addEventListener('orientationchange', () => this.boundDrawFn);\n\t}\n\n\tvalidateColors(colors, type) {\n\t\tconst validColors = [];\n\t\tcolors = (colors || []).concat(DEFAULT_COLORS[type]);\n\t\tcolors.forEach((string) => {\n\t\t\tconst color = getColor(string);\n\t\t\tif(!isValidColor(color)) {\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t} else {\n\t\t\t\tvalidColors.push(color);\n\t\t\t}\n\t\t});\n\t\treturn validColors;\n\t}\n\n\tsetMargins() {\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - 70;\n\t\tthis.topMargin = BASE_CHART_TOP_MARGIN;\n\n\t\t// Horizontal margins\n\t\tthis.leftMargin = BASE_CHART_LEFT_MARGIN;\n\t\tthis.rightMargin = BASE_CHART_RIGHT_MARGIN;\n\t}\n\n\tsetup() {\n\t\tthis.makeContainer();\n\t\tthis.updateWidth();\n\t\tthis.makeTooltip();\n\n\t\tthis.draw(false, true);\n\t}\n\n\tsetupComponents() {\n\t\tthis.components = new Map();\n\t}\n\n\tmakeContainer() {\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\n\t\tlet args = {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'chart-container'\n\t\t};\n\n\t\tif(this.independentWidth) {\n\t\t\targs.styles = { width: this.independentWidth + 'px' };\n\t\t}\n\n\t\tthis.container = $.create('div', args);\n\t}\n\n\tmakeTooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.container,\n\t\t\tcolors: this.colors\n\t\t});\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {}\n\n\tdraw(onlyWidthChange=false, init=false) {\n\t\tthis.calc(onlyWidthChange);\n\t\tthis.updateWidth();\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.data);}, this.initTimeout);\n\t\t}\n\n\t\tthis.renderLegend();\n\n\t\tthis.setupNavigation(init);\n\t}\n\n\tupdateWidth() {\n\t\tthis.baseWidth = getElementContentWidth(this.parent);\n\t\tthis.width = this.baseWidth - (this.leftMargin + this.rightMargin);\n\t}\n\n\tupdate(data) {\n\t\tif(!data) {\n\t\t\tconsole.error('No data to update.');\n\t\t}\n\t\tthis.data = this.prepareData(data);\n\t\tthis.calc(); // builds state\n\t\tthis.render();\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tcalc() {} // builds state\n\n\trender(components=this.components, animate=true) {\n\t\tif(this.config.isNavigable) {\n\t\t\t// Remove all existing overlays\n\t\t\tthis.overlays.map(o => o.parentNode.removeChild(o));\n\t\t\t// ref.parentNode.insertBefore(element, ref);\n\t\t}\n\t\tlet elementsToAnimate = [];\n\t\t// Can decouple to this.refreshComponents() first to save animation timeout\n\t\tcomponents.forEach(c => {\n\t\t\telementsToAnimate = elementsToAnimate.concat(c.update(animate));\n\t\t});\n\t\tif(elementsToAnimate.length > 0) {\n\t\t\trunSMILAnimation(this.container, this.svg, elementsToAnimate);\n\t\t\tsetTimeout(() => {\n\t\t\t\tcomponents.forEach(c => c.make());\n\t\t\t\tthis.updateNav();\n\t\t\t}, CHART_POST_ANIMATE_TIMEOUT);\n\t\t} else {\n\t\t\tcomponents.forEach(c => c.make());\n\t\t\tthis.updateNav();\n\t\t}\n\t}\n\n\tupdateNav() {\n\t\tif(this.config.isNavigable) {\n\t\t\tthis.makeOverlay();\n\t\t\tthis.bindUnits();\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tif(this.svg) {\n\t\t\tthis.container.removeChild(this.svg);\n\t\t}\n\n\t\tlet titleAreaHeight = 0;\n\t\tlet legendAreaHeight = 0;\n\t\tif(this.title.length) {\n\t\t\ttitleAreaHeight = 40;\n\t\t}\n\t\tif(this.config.showLegend) {\n\t\t\tlegendAreaHeight = 30;\n\t\t}\n\n\t\tthis.svg = makeSVGContainer(\n\t\t\tthis.container,\n\t\t\t'frappe-chart chart',\n\t\t\tthis.baseWidth,\n\t\t\tthis.baseHeight + titleAreaHeight + legendAreaHeight\n\t\t);\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\n\n\t\t// console.log(this.baseHeight, titleAreaHeight, legendAreaHeight);\n\n\t\tif(this.title.length) {\n\t\t\tthis.titleEL = makeText(\n\t\t\t\t'title',\n\t\t\t\tthis.leftMargin - AXIS_TICK_LENGTH * 6,\n\t\t\t\tthis.topMargin,\n\t\t\t\tthis.title,\n\t\t\t\t{\n\t\t\t\t\tfontSize: 12,\n\t\t\t\t\tfill: '#666666'\n\t\t\t\t}\n\t\t\t);\n\t\t\tthis.svg.appendChild(this.titleEL);\n\t\t}\n\n\t\tlet top = this.topMargin + titleAreaHeight;\n\t\tthis.drawArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\tthis.type + '-chart',\n\t\t\t`translate(${this.leftMargin}, ${top})`\n\t\t);\n\n\t\ttop = this.baseHeight - titleAreaHeight;\n\t\tthis.legendArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\t'chart-legend',\n\t\t\t`translate(${this.leftMargin}, ${top})`\n\t\t);\n\n\t\tthis.updateTipOffset(this.leftMargin, this.topMargin + titleAreaHeight);\n\t}\n\n\tupdateTipOffset(x, y) {\n\t\tthis.tip.offset = {\n\t\t\tx: x,\n\t\t\ty: y\n\t\t};\n\t}\n\n\trenderLegend() {}\n\n\tsetupNavigation(init=false) {\n\t\tif(!this.config.isNavigable) return;\n\n\t\tif(init) {\n\t\t\tthis.bindOverlay();\n\n\t\t\tthis.keyActions = {\n\t\t\t\t'13': this.onEnterKey.bind(this),\n\t\t\t\t'37': this.onLeftArrow.bind(this),\n\t\t\t\t'38': this.onUpArrow.bind(this),\n\t\t\t\t'39': this.onRightArrow.bind(this),\n\t\t\t\t'40': this.onDownArrow.bind(this),\n\t\t\t};\n\n\t\t\tdocument.addEventListener('keydown', (e) => {\n\t\t\t\tif(isElementInViewport(this.container)) {\n\t\t\t\t\te = e || window.event;\n\t\t\t\t\tif(this.keyActions[e.keyCode]) {\n\t\t\t\t\t\tthis.keyActions[e.keyCode]();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {}\n\tupdateOverlay() {}\n\tbindOverlay() {}\n\tbindUnits() {}\n\n\tonLeftArrow() {}\n\tonRightArrow() {}\n\tonUpArrow() {}\n\tonDownArrow() {}\n\tonEnterKey() {}\n\n\taddDataPoint() {}\n\tremoveDataPoint() {}\n\n\tgetDataPoint() {}\n\tsetCurrentDataPoint() {}\n\n\tupdateDataset() {}\n\n\tgetDifferentChart(type) {\n\t\tconst currentType = this.type;\n\t\tlet args = this.rawChartArgs;\n\t\tif(type === currentType) return;\n\n\t\tif(!ALL_CHART_TYPES.includes(type)) {\n\t\t\tconsole.error(`'${type}' is not a valid chart type.`);\n\t\t}\n\n\t\tif(!COMPATIBLE_CHARTS[currentType].includes(type)) {\n\t\t\tconsole.error(`'${currentType}' chart cannot be converted to a '${type}' chart.`);\n\t\t}\n\n\t\t// whether the new chart can use the existing colors\n\t\tconst useColor = DATA_COLOR_DIVISIONS[currentType] === DATA_COLOR_DIVISIONS[type];\n\n\t\t// Okay, this is anticlimactic\n\t\t// this function will need to actually be 'changeChartType(type)'\n\t\t// that will update only the required elements, but for now ...\n\n\t\targs.type = type;\n\t\targs.colors = useColor ? args.colors : undefined;\n\n\t\treturn new Chart(this.parent, args);\n\t}\n\n\tboundDrawFn() {\n\t\tthis.draw(true);\n\t}\n\n\tunbindWindowEvents(){\n\t\twindow.removeEventListener('resize', () => this.boundDrawFn);\n\t\twindow.removeEventListener('orientationchange', () => this.boundDrawFn);\n\t}\n\n\texport() {\n\t\tlet chartSvg = prepareForExport(this.svg);\n\t\tdownloadFile(this.title || 'Chart', [chartSvg]);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { legendDot } from '../utils/draw';\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\n\t\ts.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);\n\n\t\tthis.center = {\n\t\t\tx: this.width / 2,\n\t\t\ty: this.height / 2\n\t\t};\n\t}\n\n\trenderLegend() {\n\t\tlet s = this.state;\n\t\tthis.legendArea.textContent = '';\n\n\t\tthis.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints);\n\n\t\tthis.legendTotals.map((d, i) => {\n\t\t\tlet barWidth = 110;\n\t\t\tlet rect = legendDot(\n\t\t\t\tbarWidth * i + 5,\n\t\t\t\t'0',\n\t\t\t\t5,\n\t\t\t\tthis.colors[i],\n\t\t\t\t`${s.labels[i]}: ${d}`\n\t\t\t);\n\t\t\tthis.legendArea.appendChild(rect);\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { getOffset } from '../utils/dom';\nimport { getComponent } from '../objects/ChartComponents';\nimport { PERCENTAGE_BAR_DEFAULT_HEIGHT, PERCENTAGE_BAR_DEFAULT_DEPTH } from '../utils/constants';\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.barOptions = args.barOptions || {};\n\t\tthis.barOptions.height = this.barOptions.height\n\t\t\t|| PERCENTAGE_BAR_DEFAULT_HEIGHT;\n\t\tthis.barOptions.depth = this.barOptions.depth\n\t\t\t|| PERCENTAGE_BAR_DEFAULT_DEPTH;\n\n\t\tthis.setup();\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'percentageBars',\n\t\t\t\t{\n\t\t\t\t\tbarHeight: this.barOptions.height,\n\t\t\t\t\tbarDepth: this.barOptions.depth,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: s.xPositions,\n\t\t\t\t\t\twidths: s.widths,\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\tcalc() {\n\t\tsuper.calc();\n\t\tlet s = this.state;\n\n\t\ts.xPositions = [];\n\t\ts.widths = [];\n\n\t\tlet xPos = 0;\n\t\ts.sliceTotals.map((value) => {\n\t\t\tlet width = this.width * value / s.grandTotal;\n\t\t\ts.widths.push(width);\n\t\t\ts.xPositions.push(xPos);\n\t\t\txPos += width;\n\t\t});\n\t}\n\n\tmakeDataByIndex() { }\n\n\tbindTooltip() {\n\t\tlet s = this.state;\n\t\tthis.container.addEventListener('mousemove', (e) => {\n\t\t\tlet bars = this.components.get('percentageBars').store;\n\t\t\tlet bar = e.target;\n\t\t\tif(bars.includes(bar)) {\n\n\t\t\t\tlet i = bars.indexOf(bar);\n\t\t\t\tlet gOff = getOffset(this.container), pOff = getOffset(bar);\n\n\t\t\t\tlet x = pOff.left - gOff.left + parseInt(bar.getAttribute('width'))/2;\n\t\t\t\tlet y = pOff.top - gOff.top;\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 fraction = s.sliceTotals[i]/s.grandTotal;\n\n\t\t\t\tthis.tip.setValues(x, y, {name: title, value: (fraction*100).toFixed(1) + \"%\"});\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\t\tthis.init = 1;\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\tcalc() {\n\t\tsuper.calc();\n\t\tlet s = this.state;\n\t\tthis.radius = (this.height > this.width ? this.center.x : this.center.y);\n\n\t\tconst { radius, clockWise } = this;\n\n\t\tconst prevSlicesProperties = s.slicesProperties || [];\n\t\ts.sliceStrings = [];\n\t\ts.slicesProperties = [];\n\t\tlet curAngle = 180 - this.config.startAngle;\n\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tconst startAngle = curAngle;\n\t\t\tconst originDiffAngle = (total / s.grandTotal) * FULL_ANGLE;\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\n\t\t\tconst startPosition = getPositionByAngle(startAngle, radius);\n\t\t\tconst endPosition = getPositionByAngle(endAngle, radius);\n\n\t\t\tconst prevProperty = this.init && prevSlicesProperties[i];\n\n\t\t\tlet curStart,curEnd;\n\t\t\tif(this.init) {\n\t\t\t\tcurStart = prevProperty ? prevProperty.startPosition : startPosition;\n\t\t\t\tcurEnd = prevProperty ? prevProperty.endPosition : startPosition;\n\t\t\t} else {\n\t\t\t\tcurStart = startPosition;\n\t\t\t\tcurEnd = endPosition;\n\t\t\t}\n\t\t\tconst curPath = makeArcPathStr(curStart, curEnd, this.center, this.radius, this.clockWise);\n\n\t\t\ts.sliceStrings.push(curPath);\n\t\t\ts.slicesProperties.push({\n\t\t\t\tstartPosition,\n\t\t\t\tendPosition,\n\t\t\t\tvalue: total,\n\t\t\t\ttotal: s.grandTotal,\n\t\t\t\tstartAngle,\n\t\t\t\tendAngle,\n\t\t\t\tangle: diffAngle\n\t\t\t});\n\n\t\t});\n\t\tthis.init = 0;\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'pieSlices',\n\t\t\t\t{ },\n\t\t\t\tfunction() {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tsliceStrings: s.sliceStrings,\n\t\t\t\t\t\tcolors: this.colors\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tcalTranslateByAngle(property){\n\t\tconst{radius,hoverRadio} = this;\n\t\tconst position = getPositionByAngle(property.startAngle+(property.angle / 2),radius);\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\n\t}\n\n\thoverSlice(path,i,flag,e){\n\t\tif(!path) return;\n\t\tconst color = this.colors[i];\n\t\tif(flag) {\n\t\t\ttransform(path, this.calTranslateByAngle(this.state.slicesProperties[i]));\n\t\t\tpath.style.fill = lightenDarkenColor(color, 50);\n\t\t\tlet g_off = getOffset(this.svg);\n\t\t\tlet x = e.pageX - g_off.left + 10;\n\t\t\tlet y = e.pageY - g_off.top - 10;\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t\t? this.formatted_labels[i] : this.state.labels[i]) + ': ';\n\t\t\tlet percent = (this.state.sliceTotals[i] * 100 / this.state.grandTotal).toFixed(1);\n\t\t\tthis.tip.setValues(x, y, {name: title, value: percent + \"%\"});\n\t\t\tthis.tip.showTip();\n\t\t} else {\n\t\t\ttransform(path,'translate3d(0,0,0)');\n\t\t\tthis.tip.hideTip();\n\t\t\tpath.style.fill = color;\n\t\t}\n\t}\n\n\tbindTooltip() {\n\t\tthis.container.addEventListener('mousemove', this.mouseMove);\n\t\tthis.container.addEventListener('mouseleave', this.mouseLeave);\n\t}\n\n\tmouseMove(e){\n\t\tconst target = e.target;\n\t\tlet slices = this.components.get('pieSlices').store;\n\t\tlet prevIndex = this.curActiveSliceIndex;\n\t\tlet prevAcitve = this.curActiveSlice;\n\t\tif(slices.includes(target)) {\n\t\t\tlet i = slices.indexOf(target);\n\t\t\tthis.hoverSlice(prevAcitve, prevIndex,false);\n\t\t\tthis.curActiveSlice = target;\n\t\t\tthis.curActiveSliceIndex = i;\n\t\t\tthis.hoverSlice(target, i, true, e);\n\t\t} else {\n\t\t\tthis.mouseLeave();\n\t\t}\n\t}\n\n\tmouseLeave(){\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { getComponent } from '../objects/ChartComponents';\nimport { makeText, heatSquare } from '../utils/draw';\nimport { DAY_NAMES_SHORT, addDays, areInSameMonth, getLastDateInMonth, setDayToSunday, getYyyyMmDd, getWeeksBetween, getMonthName, clone,\n\tNO_OF_MILLIS, NO_OF_YEAR_MONTHS, NO_OF_DAYS_IN_WEEK } from '../utils/date-utils';\nimport { calcDistribution, getMaxCheckpoint } from '../utils/intervals';\nimport { HEATMAP_TOP_MARGIN, HEATMAP_LEFT_MARGIN, HEATMAP_DISTRIBUTION_SIZE, HEATMAP_SQUARE_SIZE,\n\tHEATMAP_GUTTER_SIZE } from '../utils/constants';\n\nconst COL_WIDTH = HEATMAP_SQUARE_SIZE + HEATMAP_GUTTER_SIZE;\nconst ROW_HEIGHT = COL_WIDTH;\n// const DAY_INCR = 1;\n\nexport default class Heatmap extends BaseChart {\n\tconstructor(parent, options) {\n\t\tsuper(parent, options);\n\t\tthis.type = 'heatmap';\n\n\t\tthis.countLabel = options.countLabel || '';\n\n\t\tlet validStarts = ['Sunday', 'Monday'];\n\t\tlet startSubDomain = validStarts.includes(options.startSubDomain)\n\t\t\t? options.startSubDomain : 'Sunday';\n\t\tthis.startSubDomainIndex = validStarts.indexOf(startSubDomain);\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(options) {\n\t\tthis.discreteDomains = options.discreteDomains === 0 ? 0 : 1;\n\t\tsuper.configure(options);\n\t}\n\n\tsetMargins() {\n\t\tsuper.setMargins();\n\t\tthis.leftMargin = HEATMAP_LEFT_MARGIN;\n\t\tthis.topMargin = HEATMAP_TOP_MARGIN;\n\n\t\tlet d = this.data;\n\t\tlet spacing = this.discreteDomains ? NO_OF_YEAR_MONTHS : 0;\n\t\tthis.independentWidth = (getWeeksBetween(d.start, d.end)\n\t\t\t+ spacing) * COL_WIDTH + this.rightMargin + this.leftMargin;\n\t}\n\n\tupdateWidth() {\n\t\tlet spacing = this.discreteDomains ? NO_OF_YEAR_MONTHS : 0;\n\t\tthis.baseWidth = (this.state.noOfWeeks + spacing) * COL_WIDTH\n\t\t\t+ this.rightMargin + this.leftMargin;\n\t}\n\n\tprepareData(data=this.data) {\n\t\tif(data.start && data.end && data.start > data.end) {\n\t\t\tthrow new Error('Start date cannot be greater than end date.');\n\t\t}\n\n\t\tif(!data.start) {\n\t\t\tdata.start = new Date();\n\t\t\tdata.start.setFullYear( data.start.getFullYear() - 1 );\n\t\t}\n\t\tif(!data.end) { data.end = new Date(); }\n\t\tdata.dataPoints = data.dataPoints || {};\n\n\t\tif(parseInt(Object.keys(data.dataPoints)[0]) > 100000) {\n\t\t\tlet points = {};\n\t\t\tObject.keys(data.dataPoints).forEach(timestampSec => {\n\t\t\t\tlet date = new Date(timestampSec * NO_OF_MILLIS);\n\t\t\t\tpoints[getYyyyMmDd(date)] = data.dataPoints[timestampSec];\n\t\t\t});\n\t\t\tdata.dataPoints = points;\n\t\t}\n\n\t\treturn data;\n\t}\n\n\tcalc() {\n\t\tlet s = this.state;\n\n\t\ts.start = clone(this.data.start);\n\t\ts.end = clone(this.data.end);\n\n\t\ts.firstWeekStart = clone(s.start);\n\t\ts.noOfWeeks = getWeeksBetween(s.start, s.end);\n\t\ts.distribution = calcDistribution(\n\t\t\tObject.values(this.data.dataPoints), HEATMAP_DISTRIBUTION_SIZE);\n\n\t\ts.domainConfigs = this.getDomains();\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\t\tlet lessCol = this.discreteDomains ? 0 : 1;\n\n\t\tlet componentConfigs = s.domainConfigs.map((config, i) => [\n\t\t\t'heatDomain',\n\t\t\t{\n\t\t\t\tindex: config.index,\n\t\t\t\tcolWidth: COL_WIDTH,\n\t\t\t\trowHeight: ROW_HEIGHT,\n\t\t\t\tsquareSize: HEATMAP_SQUARE_SIZE,\n\t\t\t\txTranslate: s.domainConfigs\n\t\t\t\t\t.filter((config, j) => j < i)\n\t\t\t\t\t.map(config => config.cols.length - lessCol)\n\t\t\t\t\t.reduce((a, b) => a + b, 0)\n\t\t\t\t\t* COL_WIDTH\n\t\t\t},\n\t\t\tfunction() {\n\t\t\t\treturn s.domainConfigs[i];\n\t\t\t}.bind(this)\n\n\t\t]);\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.map((args, i) => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\treturn [args[0] + '-' + i, component];\n\t\t\t})\n\t\t);\n\n\t\tlet y = 0;\n\t\tDAY_NAMES_SHORT.forEach((dayName, i) => {\n\t\t\tif([1, 3, 5].includes(i)) {\n\t\t\t\tlet dayText = makeText('subdomain-name', -COL_WIDTH/2, y, dayName,\n\t\t\t\t\t{\n\t\t\t\t\t\tfontSize: HEATMAP_SQUARE_SIZE,\n\t\t\t\t\t\tdy: 8,\n\t\t\t\t\t\ttextAnchor: 'end'\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t\tthis.drawArea.appendChild(dayText);\n\t\t\t}\n\t\t\ty += ROW_HEIGHT;\n\t\t});\n\t}\n\n\tupdate(data) {\n\t\tif(!data) {\n\t\t\tconsole.error('No data to update.');\n\t\t}\n\n\t\tthis.data = this.prepareData(data);\n\t\tthis.draw();\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {\n\t\tthis.container.addEventListener('mousemove', (e) => {\n\t\t\tthis.components.forEach(comp => {\n\t\t\t\tlet daySquares = comp.store;\n\t\t\t\tlet daySquare = e.target;\n\t\t\t\tif(daySquares.includes(daySquare)) {\n\n\t\t\t\t\tlet count = daySquare.getAttribute('data-value');\n\t\t\t\t\tlet dateParts = daySquare.getAttribute('data-date').split('-');\n\n\t\t\t\t\tlet month = getMonthName(parseInt(dateParts[1])-1, true);\n\n\t\t\t\t\tlet gOff = this.container.getBoundingClientRect(), pOff = daySquare.getBoundingClientRect();\n\n\t\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\t\tlet x = pOff.left - gOff.left + width/2;\n\t\t\t\t\tlet y = pOff.top - gOff.top;\n\t\t\t\t\tlet value = count + ' ' + this.countLabel;\n\t\t\t\t\tlet name = ' on ' + month + ' ' + dateParts[0] + ', ' + dateParts[2];\n\n\t\t\t\t\tthis.tip.setValues(x, y, {name: name, value: value, valueFirst: 1}, []);\n\t\t\t\t\tthis.tip.showTip();\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n\n\trenderLegend() {\n\t\tthis.legendArea.textContent = '';\n\t\tlet x = 0;\n\t\tlet y = ROW_HEIGHT;\n\n\t\tlet lessText = makeText('subdomain-name', x, y, 'Less',\n\t\t\t{\n\t\t\t\tfontSize: HEATMAP_SQUARE_SIZE + 1,\n\t\t\t\tdy: 9\n\t\t\t}\n\t\t);\n\t\tx = (COL_WIDTH * 2) + COL_WIDTH/2;\n\t\tthis.legendArea.appendChild(lessText);\n\n\t\tthis.colors.slice(0, HEATMAP_DISTRIBUTION_SIZE).map((color, i) => {\n\t\t\tconst square = heatSquare('heatmap-legend-unit', x + (COL_WIDTH + 3) * i,\n\t\t\t\ty, HEATMAP_SQUARE_SIZE, color);\n\t\t\tthis.legendArea.appendChild(square);\n\t\t});\n\n\t\tlet moreTextX = x + HEATMAP_DISTRIBUTION_SIZE * (COL_WIDTH + 3) + COL_WIDTH/4;\n\t\tlet moreText = makeText('subdomain-name', moreTextX, y, 'More',\n\t\t\t{\n\t\t\t\tfontSize: HEATMAP_SQUARE_SIZE + 1,\n\t\t\t\tdy: 9\n\t\t\t}\n\t\t);\n\t\tthis.legendArea.appendChild(moreText);\n\t}\n\n\tgetDomains() {\n\t\tlet s = this.state;\n\t\tconst [startMonth, startYear] = [s.start.getMonth(), s.start.getFullYear()];\n\t\tconst [endMonth, endYear] = [s.end.getMonth(), s.end.getFullYear()];\n\n\t\tconst noOfMonths = (endMonth - startMonth + 1) + (endYear - startYear) * 12;\n\n\t\tlet domainConfigs = [];\n\n\t\tlet startOfMonth = clone(s.start);\n\t\tfor(var i = 0; i < noOfMonths; i++) {\n\t\t\tlet endDate = s.end;\n\t\t\tif(!areInSameMonth(startOfMonth, s.end)) {\n\t\t\t\tlet [month, year] = [startOfMonth.getMonth(), startOfMonth.getFullYear()];\n\t\t\t\tendDate = getLastDateInMonth(month, year);\n\t\t\t}\n\t\t\tdomainConfigs.push(this.getDomainConfig(startOfMonth, endDate));\n\n\t\t\taddDays(endDate, 1);\n\t\t\tstartOfMonth = endDate;\n\t\t}\n\n\t\treturn domainConfigs;\n\t}\n\n\tgetDomainConfig(startDate, endDate='') {\n\t\tlet [month, year] = [startDate.getMonth(), startDate.getFullYear()];\n\t\tlet startOfWeek = setDayToSunday(startDate); // TODO: Monday as well\n\t\tendDate = clone(endDate) || getLastDateInMonth(month, year);\n\n\t\tlet domainConfig = {\n\t\t\tindex: month,\n\t\t\tcols: []\n\t\t};\n\n\t\taddDays(endDate, 1);\n\t\tlet noOfMonthWeeks = getWeeksBetween(startOfWeek, endDate);\n\n\t\tlet cols = [], col;\n\t\tfor(var i = 0; i < noOfMonthWeeks; i++) {\n\t\t\tcol = this.getCol(startOfWeek, month);\n\t\t\tcols.push(col);\n\n\t\t\tstartOfWeek = new Date(col[NO_OF_DAYS_IN_WEEK - 1].yyyyMmDd);\n\t\t\taddDays(startOfWeek, 1);\n\t\t}\n\n\t\tif(col[NO_OF_DAYS_IN_WEEK - 1].dataValue) {\n\t\t\taddDays(startOfWeek, 1);\n\t\t\tcols.push(this.getCol(startOfWeek, month, true));\n\t\t}\n\n\t\tdomainConfig.cols = cols;\n\n\t\treturn domainConfig;\n\t}\n\n\tgetCol(startDate, month, empty = false) {\n\t\tlet s = this.state;\n\n\t\t// startDate is the start of week\n\t\tlet currentDate = clone(startDate);\n\t\tlet col = [];\n\n\t\tfor(var i = 0; i < NO_OF_DAYS_IN_WEEK; i++, addDays(currentDate, 1)) {\n\t\t\tlet config = {};\n\n\t\t\t// Non-generic adjustment for entire heatmap, needs state\n\t\t\tlet currentDateWithinData = currentDate >= s.start && currentDate <= s.end;\n\n\t\t\tif(empty || currentDate.getMonth() !== month || !currentDateWithinData) {\n\t\t\t\tconfig.yyyyMmDd = getYyyyMmDd(currentDate);\n\t\t\t} else {\n\t\t\t\tconfig = this.getSubDomainConfig(currentDate);\n\t\t\t}\n\t\t\tcol.push(config);\n\t\t}\n\n\t\treturn col;\n\t}\n\n\tgetSubDomainConfig(date) {\n\t\tlet yyyyMmDd = getYyyyMmDd(date);\n\t\tlet dataValue = this.data.dataPoints[yyyyMmDd];\n\t\tlet config = {\n\t\t\tyyyyMmDd: yyyyMmDd,\n\t\t\tdataValue: dataValue || 0,\n\t\t\tfill: this.colors[getMaxCheckpoint(dataValue, this.state.distribution)]\n\t\t};\n\t\treturn config;\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { dataPrep, zeroDataPrep, getShortenedLabels } from '../utils/axis-chart-utils';\nimport { Y_AXIS_LEFT_MARGIN, Y_AXIS_RIGHT_MARGIN, AXIS_LEGEND_BAR_SIZE } from '../utils/constants';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset, fire } from '../utils/dom';\nimport { calcChartIntervals, getIntervalSize, getValueRange, getZeroIndex, scale, getClosestInArray } from '../utils/intervals';\nimport { floatTwo } from '../utils/helpers';\nimport { makeOverlay, updateOverlay, legendBar } from '../utils/draw';\nimport { MIN_BAR_PERCENT_HEIGHT, BAR_CHART_SPACE_RATIO, LINE_CHART_DOT_SIZE } from '../utils/constants';\n\nexport default class AxisChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\n\t\tthis.barOptions = args.barOptions || {};\n\t\tthis.lineOptions = args.lineOptions || {};\n\n\t\tthis.type = args.type || 'line';\n\t\tthis.init = 1;\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\n\t\targs.axisOptions = args.axisOptions || {};\n\t\targs.tooltipOptions = args.tooltipOptions || {};\n\n\t\tthis.config.xAxisMode = args.axisOptions.xAxisMode || 'span';\n\t\tthis.config.yAxisMode = args.axisOptions.yAxisMode || 'span';\n\t\tthis.config.xIsSeries = args.axisOptions.xIsSeries || 0;\n\n\t\tthis.config.formatTooltipX = args.tooltipOptions.formatTooltipX;\n\t\tthis.config.formatTooltipY = args.tooltipOptions.formatTooltipY;\n\n\t\tthis.config.valuesOverPoints = args.valuesOverPoints;\n\t}\n\n\tsetMargins() {\n\t\tsuper.setMargins();\n\t\tthis.leftMargin = Y_AXIS_LEFT_MARGIN;\n\t\tthis.rightMargin = Y_AXIS_RIGHT_MARGIN;\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn dataPrep(data, this.type);\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn zeroDataPrep(data);\n\t}\n\n\tcalc(onlyWidthChange = false) {\n\t\tthis.calcXPositions();\n\t\tif(onlyWidthChange) return;\n\t\tthis.calcYAxisParameters(this.getAllYValues(), this.type === 'line');\n\t\tthis.makeDataByIndex();\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\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\tmakeDataByIndex() {\n\t\tthis.dataByIndex = {};\n\n\t\tlet s = this.state;\n\n\t\t// let 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\t// formatY = formatY && formatY(s.yAxis.labels[0]) ? formatY : 0;\n\n\t\t// yVal = formatY ? formatY(set.values[i]) : set.values[i]\n\t}\n\n\tbindTooltip() {\n\t\t// NOTE: could be in tooltip itself, as it is a given functionality for its parent\n\t\tthis.container.addEventListener('mousemove', (e) => {\n\t\t\tlet o = getOffset(this.container);\n\t\t\tlet relX = e.pageX - o.left - this.leftMargin;\n\t\t\tlet relY = e.pageY - o.top - this.topMargin;\n\n\t\t\tif(relY < this.height + this.topMargin * 2) {\n\t\t\t\tthis.mapTooltipXPosition(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.hideTip();\n\t\t\t}\n\t\t});\n\t}\n\n\tmapTooltipXPosition(relX) {\n\t\tlet s = this.state;\n\t\tif(!s.yExtremes) return;\n\n\t\tlet index = getClosestInArray(relX, s.xAxis.positions, true);\n\n\t\tthis.tip.setValues(\n\t\t\ts.xAxis.positions[index] + this.tip.offset.x,\n\t\t\ts.yExtremes[index] + this.tip.offset.y,\n\t\t\t{name: s.xAxis.labels[index], value: ''},\n\t\t\tthis.data.datasets.map((set, i) => {\n\t\t\t\treturn {\n\t\t\t\t\ttitle: set.name,\n\t\t\t\t\tvalue: set.values[index],\n\t\t\t\t\tcolor: this.colors[i],\n\t\t\t\t};\n\t\t\t}),\n\t\t\tindex\n\t\t);\n\n\t\tthis.tip.showTip();\n\t}\n\n\trenderLegend() {\n\t\tlet s = this.data;\n\t\tthis.legendArea.textContent = '';\n\n\t\tif(s.datasets.length > 1) {\n\t\t\ts.datasets.map((d, i) => {\n\t\t\t\tlet barWidth = AXIS_LEGEND_BAR_SIZE;\n\t\t\t\t// let rightEndPoint = this.baseWidth - this.leftMargin - this.rightMargin;\n\t\t\t\t// let multiplier = s.datasets.length - i;\n\t\t\t\tlet rect = legendBar(\n\t\t\t\t\t// rightEndPoint - multiplier * barWidth,\t// To right align\n\t\t\t\t\tbarWidth * i,\n\t\t\t\t\t'0',\n\t\t\t\t\tbarWidth,\n\t\t\t\t\tthis.colors[i],\n\t\t\t\t\td.name);\n\t\t\t\tthis.legendArea.appendChild(rect);\n\t\t\t});\n\t\t}\n\t}\n\n\n\n\t// Overlay\n\tmakeOverlay() {\n\t\tif(this.init) {\n\t\t\tthis.init = 0;\n\t\t\treturn;\n\t\t}\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\n\t\tthis.overlayGuides = this.dataUnitComponents.map(c => {\n\t\t\treturn {\n\t\t\t\ttype: c.unitType,\n\t\t\t\toverlay: undefined,\n\t\t\t\tunits: c.units,\n\t\t\t};\n\t\t});\n\n\t\tif(this.state.currentIndex === undefined) {\n\t\t\tthis.state.currentIndex = this.state.datasetLength - 1;\n\t\t}\n\n\t\t// Render overlays\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\n\t\t\td.overlay = makeOverlay[d.type](currentUnit);\n\t\t\tthis.drawArea.appendChild(d.overlay);\n\t\t});\n\t}\n\n\tupdateOverlayGuides() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\t}\n\n\tbindOverlay() {\n\t\tthis.parent.addEventListener('data-select', () => {\n\t\t\tthis.updateOverlay();\n\t\t});\n\t}\n\n\tbindUnits() {\n\t\tthis.dataUnitComponents.map(c => {\n\t\t\tc.units.map(unit => {\n\t\t\t\tunit.addEventListener('click', () => {\n\t\t\t\t\tlet index = unit.getAttribute('data-point-index');\n\t\t\t\t\tthis.setCurrentDataPoint(index);\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\n\t\t// Note: Doesn't work as tooltip is absolutely positioned\n\t\tthis.tip.container.addEventListener('click', () => {\n\t\t\tlet index = this.tip.container.getAttribute('data-point-index');\n\t\t\tthis.setCurrentDataPoint(index);\n\t\t});\n\t}\n\n\tupdateOverlay() {\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\tupdateOverlay[d.type](currentUnit, d.overlay);\n\t\t});\n\t}\n\n\tonLeftArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex - 1);\n\t}\n\n\tonRightArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex + 1);\n\t}\n\n\tgetDataPoint(index=this.state.currentIndex) {\n\t\tlet s = this.state;\n\t\tlet data_point = {\n\t\t\tindex: index,\n\t\t\tlabel: s.xAxis.labels[index],\n\t\t\tvalues: s.datasets.map(d => d.values[index])\n\t\t};\n\t\treturn data_point;\n\t}\n\n\tsetCurrentDataPoint(index) {\n\t\tlet s = this.state;\n\t\tindex = parseInt(index);\n\t\tif(index < 0) index = 0;\n\t\tif(index >= s.xAxis.labels.length) index = s.xAxis.labels.length - 1;\n\t\tif(index === s.currentIndex) return;\n\t\ts.currentIndex = index;\n\t\tfire(this.parent, \"data-select\", this.getDataPoint());\n\t}\n\n\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","import * as Charts from './chart';\n\nlet frappe = { };\n\nfrappe.NAME = 'Frappe Charts';\nfrappe.VERSION = '1.0.0';\n\nfrappe = Object.assign({ }, frappe, Charts);\n\nexport default frappe;"],"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","limitColor","r","lightenDarkenColor","color","amt","col","getColor","usePound","slice","num","parseInt","b","g","toString","isValidColor","test","createSVG","tag","o","createElementNS","i","val","appendChild","ref","parentNode","insertBefore","keys","map","style","prop","setAttribute","renderVerticalGradient","svgDefElem","gradientId","setGradientStop","gradElem","offset","opacity","makeSVGContainer","parent","className","width","makeSVGDefs","svgContainer","makeSVGGroup","makePath","pathStr","makeArcPathStr","startPosition","endPosition","center","clockWise","arcStartX","x","arcStartY","arcEndX","arcEndY","makeGradient","lighter","gradientDef","opacities","percentageBar","depth","PERCENTAGE_BAR_DEFAULT_DEPTH","heatSquare","size","data","args","key","legendBar","label","text","FONT_SIZE","FONT_FILL","group","legendDot","makeText","content","options","fontSize","undefined","dy","textAnchor","makeVertLine","y1","y2","stroke","BASE_LINE_COLOR","l","LABEL_MARGIN","line","makeHoriLine","x1","x2","lineType","yLine","pos","mode","AXIS_TICK_LENGTH","xLine","yMarker","labelSvg","yRegion","region","datasetBar","index","meta","minHeight","datasetDot","dot","getPaths","xList","yList","pointsStr","join","path","heatline","gradient_id","svgDefs","paths","regionFill","gradient_id_region","translate","unit","oldCoord","newCoord","duration","old","transform","STD_EASING","translateVertLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","animateBar","bar","nodeName","UNIT_ANIM_DUR","split","animateDot","cx","cy","animatePath","newXList","newYList","pathComponents","animPath","PATH_ANIM_DUR","push","regStartPt","regEndPt","animRegion","animatePathStr","oldPath","animateSVGElement","props","dur","easingType","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","downloadFile","filename","a","createElement","blob","Blob","url","URL","createObjectURL","href","download","click","revokeObjectURL","prepareForExport","svg","clone","classList","add","styleEl","create","CSSTEXT","firstChild","container","innerHTML","treatAsUtc","date","result","Date","setMinutes","getMinutes","getTimezoneOffset","getYyyyMmDd","dd","getDate","mm","getMonth","getFullYear","getTime","getWeeksBetween","startDate","endDate","weekStartDate","setDayToSunday","ceil","getDaysBetween","NO_OF_DAYS_IN_WEEK","millisecondsPerDay","SEC_IN_DAY","NO_OF_MILLIS","areInSameMonth","getMonthName","short","monthName","MONTH_NAMES","getLastDateInMonth","month","year","newDate","day","getDay","addDays","numberOfDays","setDate","getComponent","name","constants","getData","Object","componentConfigs","filter","includes","k","config","assign","ChartComponent","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","getClosestInArray","goal","arr","closest","reduce","prev","curr","calcDistribution","distributionSize","dataMaxValue","distributionStep","distribution","checkpoint","getMaxCheckpoint","dataPrep","labels","datasetLength","datasets","zeroArray","vals","chartType","AXIS_DATASET_CHART_TYPES","yRegions","end","zeroDataPrep","realData","zeroData","yMarkers","getShortenedLabels","chartWidth","isSeries","allowedLetters","DEFAULT_CHAR_WIDTH","getChartByType","AxisChart","chartTypes","error","ALL_CHART_TYPES","COMPATIBLE_CHARTS","DATA_COLOR_DIVISIONS","HEATMAP_DISTRIBUTION_SIZE","INIT_CHART_UPDATE_TIMEOUT","PERCENTAGE_BAR_DEFAULT_HEIGHT","DEFAULT_CHART_COLORS","DEFAULT_COLORS","PI","SvgTip","colors","titleName","titleValue","listValues","titleValueFirst","setup","makeTooltip","calcPosition","this","hideTip","title","dataPointList","addEventListener","set","_this2","li","offsetWidth","offsetHeight","maxLeft","pointer","pointerOffset","valueFirst","refresh","PRESET_COLOR_MAP","makeOverlay","transformValue","overlay","updateOverlay","attributes","attr","specified","nodeValue","BaseChart","HTMLElement","Error","rawChartArgs","argHeight","prepareData","prepareFirstData","validateColors","showLegend","isNavigable","state","initTimeout","overlays","configure","setMargins","_this","boundDrawFn","validColors","forEach","warn","baseHeight","topMargin","leftMargin","rightMargin","makeContainer","updateWidth","draw","components","Map","independentWidth","tip","bindTooltip","onlyWidthChange","init","calc","makeChartArea","setupComponents","c","drawArea","render","update","renderLegend","setupNavigation","baseWidth","animate","make","updateNav","bindUnits","titleAreaHeight","legendAreaHeight","titleEL","legendArea","updateTipOffset","bindOverlay","keyActions","onEnterKey","bind","onLeftArrow","onUpArrow","onRightArrow","onDownArrow","e","_this4","event","keyCode","currentType","useColor","Chart","removeEventListener","_this5","chartSvg","AggregationChart","maxSlices","maxLegendPoints","s","sliceTotals","allTotals","total","totals","sort","sumOfRemaining","grandTotal","textContent","legendTotals","_this3","DAY_NAMES_SHORT","layerClass","layerTransform","makeElements","animateElements","store","layer","oldData","sliceStrings","transition","newData","xPositions","widths","barHeight","barDepth","positions","position","newPos","newLabels","oldPos","oldLabels","calcLabels","marker","startPos","endPos","_this6","newStarts","oldStarts","colWidth","rowHeight","squareSize","xTranslate","serializedSubDomains","cols","week","weekNo","yyyyMmDd","dataValue","square","unitType","units","yPositions","barWidth","offsets","barsWidth","newXPos","newYPos","newOffsets","oldXPos","oldYPos","oldOffsets","hideLine","hideDots","valuesOverPoints","newValues","PercentageChart","barOptions","component","xPos","bars","get","gOff","pOff","formattedLabels","fraction","setValues","showTip","PieChart","mouseMove","mouseLeave","hoverRadio","startAngle","prevSlicesProperties","slicesProperties","curAngle","originDiffAngle","diffAngle","endAngle","prevProperty","curStart","curEnd","curPath","property","flag","calTranslateByAngle","g_off","pageX","pageY","formatted_labels","percent","slices","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","Heatmap","countLabel","validStarts","startSubDomain","startSubDomainIndex","discreteDomains","spacing","HEATMAP_SQUARE_SIZE","noOfWeeks","setFullYear","dataPoints","points","timestampSec","firstWeekStart","domainConfigs","getDomains","lessCol","dayName","dayText","daySquares","comp","daySquare","dateParts","lessText","COL_WIDTH","moreText","startMonth","startYear","noOfMonths","startOfMonth","getDomainConfig","startOfWeek","domainConfig","noOfMonthWeeks","getCol","empty","currentDate","currentDateWithinData","getSubDomainConfig","lineOptions","axisOptions","tooltipOptions","xAxisMode","yAxisMode","xIsSeries","formatTooltipX","formatTooltipY","calcXPositions","calcYAxisParameters","getAllYValues","makeDataByIndex","unitWidth","xOffset","xAxis","dataValues","intervalHeight","calcDatasetPoints","calcYExtremes","calcYRegions","scaleAll","cumulativeYs","stacked","yExtremes","cumulativeYPos","cumulative","allValueLists","barDatasets","lineDatasets","barsConfigs","spaceRatio","p","lineConfigs","dotSize","markerConfigs","optionals","dataUnitComponents","dataByIndex","formatX","titles","relX","mapTooltipXPosition","overlayGuides","currentIndex","currentUnit","_this7","setCurrentDataPoint","_this9","_this10","getDataPoint","datasetValues","splice","frappe","NAME","VERSION","Charts"],"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/constants.js","../src/js/utils/helpers.js","../src/js/utils/draw-utils.js","../src/js/utils/colors.js","../src/js/utils/draw.js","../src/js/utils/animate.js","../src/js/utils/animation.js","../src/js/utils/export.js","../src/js/utils/date-utils.js","../src/js/objects/ChartComponents.js","../src/js/utils/intervals.js","../src/js/utils/axis-chart-utils.js","../src/js/chart.js","../src/js/objects/SvgTip.js","../src/css/chartsCss.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","../src/js/index.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// https://css-tricks.com/snippets/javascript/loop-queryselectorall-matches/\nexport function forEachNode(nodeList, callback, scope) {\n\tif(!nodeList) return;\n\tfor (var i = 0; i < nodeList.length; i++) {\n\t\tcallback.call(scope, nodeList[i], i);\n\t}\n}\n\nexport function activate($parent, $child, commonClass, activeClass='active', index = -1) {\n\tlet $children = $parent.querySelectorAll(`.${commonClass}.${activeClass}`);\n\n\tforEachNode($children, (node, i) => {\n\t\tif(index >= 0 && i <= index) return;\n\t\tnode.classList.remove(activeClass);\n\t});\n\n\t$child.classList.add(activeClass);\n}\n","export const ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\n\nexport const COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\n\theatmap: []\n};\n\nexport const DATA_COLOR_DIVISIONS = {\n\tbar: 'datasets',\n\tline: 'datasets',\n\tpie: 'labels',\n\tpercentage: 'labels',\n\theatmap: HEATMAP_DISTRIBUTION_SIZE\n};\n\nexport const BASE_MEASURES = {\n\tmargins: {\n\t\ttop: 10,\n\t\tbottom: 10,\n\t\tleft: 20,\n\t\tright: 20\n\t},\n\tpaddings: {\n\t\ttop: 20,\n\t\tbottom: 40,\n\t\tleft: 30,\n\t\tright: 10\n\t},\n\n\tbaseHeight: 240,\n\ttitleHeight: 20,\n\tlegendHeight: 30,\n\n\ttitleFontSize: 12,\n};\n\nexport function getExtraHeight(m) {\n\tlet totalExtraHeight = m.margins.top + m.margins.bottom\n\t\t+ m.paddings.top + m.paddings.bottom\n\t\t+ m.titleHeight + m.legendHeight;\n\treturn totalExtraHeight;\n}\n\nexport function getExtraWidth(m) {\n\tlet totalExtraWidth = m.margins.left + m.margins.right\n\t\t+ m.paddings.left + m.paddings.right;\n\n\treturn totalExtraWidth;\n}\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 AXIS_LEGEND_BAR_SIZE = 100;\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 PERCENTAGE_BAR_DEFAULT_HEIGHT = 20;\nexport const PERCENTAGE_BAR_DEFAULT_DEPTH = 2;\n\n// Fixed 5-color theme,\n// More colors are difficult to parse visually\nexport const HEATMAP_DISTRIBUTION_SIZE = 5;\n\nexport const HEATMAP_SQUARE_SIZE = 10;\nexport const HEATMAP_GUTTER_SIZE = 2;\n\nexport const DEFAULT_CHAR_WIDTH = 7;\n\nexport const TOOLTIP_POINTER_TRIANGLE_HEIGHT = 5;\n\nconst DEFAULT_CHART_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey'];\nconst HEATMAP_COLORS_GREEN = ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\nexport const HEATMAP_COLORS_BLUE = ['#ebedf0', '#c0ddf9', '#73b3f3', '#3886e1', '#17459e'];\nexport const HEATMAP_COLORS_YELLOW = ['#ebedf0', '#fdf436', '#ffc700', '#ff9100', '#06001c'];\n\nexport const DEFAULT_COLORS = {\n\tbar: DEFAULT_CHART_COLORS,\n\tline: DEFAULT_CHART_COLORS,\n\tpie: DEFAULT_CHART_COLORS,\n\tpercentage: DEFAULT_CHART_COLORS,\n\theatmap: HEATMAP_COLORS_GREEN\n};\n\n// Universal constants\nexport const ANGLE_RATIO = Math.PI / 180;\nexport const FULL_ANGLE = 360;\n","import { ANGLE_RATIO } from './constants';\n\n/**\n * Returns the value of a number upto 2 decimal places.\n * @param {Number} d Any number\n */\nexport function floatTwo(d) {\n\treturn parseFloat(d.toFixed(2));\n}\n\n/**\n * Returns whether or not two given arrays are equal.\n * @param {Array} arr1 First array\n * @param {Array} arr2 Second array\n */\nexport function arraysEqual(arr1, arr2) {\n\tif(arr1.length !== arr2.length) return false;\n\tlet areEqual = true;\n\tarr1.map((d, i) => {\n\t\tif(arr2[i] !== d) areEqual = false;\n\t});\n\treturn areEqual;\n}\n\n/**\n * Shuffles array in place. ES6 version\n * @param {Array} array An array containing the items.\n */\nexport function shuffle(array) {\n\t// Awesomeness: https://bost.ocks.org/mike/shuffle/\n\t// https://stackoverflow.com/a/2450976/6495043\n\t// https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array?noredirect=1&lq=1\n\n\tfor (let i = array.length - 1; i > 0; i--) {\n\t\tlet j = Math.floor(Math.random() * (i + 1));\n\t\t[array[i], array[j]] = [array[j], array[i]];\n\t}\n\n\treturn array;\n}\n\n/**\n * Fill an array with extra points\n * @param {Array} array Array\n * @param {Number} count number of filler elements\n * @param {Object} element element to fill with\n * @param {Boolean} start fill at start?\n */\nexport function fillArray(array, count, element, start=false) {\n\tif(!element) {\n\t\telement = start ? array[0] : array[array.length - 1];\n\t}\n\tlet fillerArray = new Array(Math.abs(count)).fill(element);\n\tarray = start ? fillerArray.concat(array) : array.concat(fillerArray);\n\treturn array;\n}\n\n/**\n * Returns pixel width of string.\n * @param {String} string\n * @param {Number} charWidth Width of single char in pixels\n */\nexport function getStringWidth(string, charWidth) {\n\treturn (string+\"\").length * charWidth;\n}\n\nexport function bindChange(obj, getFn, setFn) {\n\treturn new Proxy(obj, {\n\t\tset: function(target, prop, value) {\n\t\t\tsetFn();\n\t\t\treturn Reflect.set(target, prop, value);\n\t\t},\n\t\tget: function(target, prop) {\n\t\t\tgetFn();\n\t\t\treturn Reflect.get(target, prop);\n\t\t}\n\t});\n}\n\n// https://stackoverflow.com/a/29325222\nexport function getRandomBias(min, max, bias, influence) {\n\tconst range = max - min;\n\tconst biasValue = range * bias + min;\n\tvar rnd = Math.random() * range + min,\t\t// random in range\n\t\tmix = Math.random() * influence;\t\t// random mixer\n\treturn rnd * (1 - mix) + biasValue * mix;\t// mix full range and bias\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","const PRESET_COLOR_MAP = {\n\t'light-blue': '#7cd6fd',\n\t'blue': '#5e64ff',\n\t'violet': '#743ee2',\n\t'red': '#ff5858',\n\t'orange': '#ffa00a',\n\t'yellow': '#feef72',\n\t'green': '#28a745',\n\t'light-green': '#98d85b',\n\t'purple': '#b554ff',\n\t'magenta': '#ffa3ef',\n\t'black': '#36114C',\n\t'grey': '#bdd3e6',\n\t'light-grey': '#f0f4f7',\n\t'dark-grey': '#b8c2cc'\n};\n\nfunction limitColor(r){\n\tif (r > 255) return 255;\n\telse if (r < 0) return 0;\n\treturn r;\n}\n\nexport function lightenDarkenColor(color, amt) {\n\tlet col = getColor(color);\n\tlet usePound = false;\n\tif (col[0] == \"#\") {\n\t\tcol = col.slice(1);\n\t\tusePound = true;\n\t}\n\tlet num = parseInt(col,16);\n\tlet r = limitColor((num >> 16) + amt);\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\n\tlet g = limitColor((num & 0x0000FF) + amt);\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\n}\n\nexport function isValidColor(string) {\n\t// https://stackoverflow.com/a/8027444/6495043\n\treturn /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string);\n}\n\nexport const getColor = (color) => {\n\treturn PRESET_COLOR_MAP[color] || color;\n};\n","import { getBarHeightAndYAttr } from './draw-utils';\nimport { getStringWidth } from './helpers';\nimport { DOT_OVERLAY_SIZE_INCR, PERCENTAGE_BAR_DEFAULT_DEPTH } from './constants';\nimport { lightenDarkenColor } from './colors';\n\nexport const AXIS_TICK_LENGTH = 6;\nconst LABEL_MARGIN = 4;\nexport const FONT_SIZE = 10;\nconst BASE_LINE_COLOR = '#dadada';\nconst FONT_FILL = '#555b51';\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(className, transform='', parent=undefined) {\n\tlet args = {\n\t\tclassName: className,\n\t\ttransform: transform\n\t};\n\tif(parent) args.inside = parent;\n\treturn createSVG('g', args);\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 percentageBar(x, y, width, height,\n\tdepth=PERCENTAGE_BAR_DEFAULT_DEPTH, fill='none') {\n\n\tlet args = {\n\t\tclassName: 'percentage-bar',\n\t\tx: x,\n\t\ty: y,\n\t\twidth: width,\n\t\theight: height,\n\t\tfill: fill,\n\t\tstyles: {\n\t\t\t'stroke': lightenDarkenColor(fill, -25),\n\t\t\t// Diabolically good: https://stackoverflow.com/a/9000859\n\t\t\t// https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\n\t\t\t'stroke-dasharray': `0, ${height + width}, ${width}, ${height}`,\n\t\t\t'stroke-width': depth\n\t\t},\n\t};\n\n\treturn createSVG(\"rect\", args);\n}\n\nexport function heatSquare(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 legendBar(x, y, size, fill='none', label) {\n\tlet args = {\n\t\tclassName: 'legend-bar',\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: size,\n\t\theight: '2px',\n\t\tfill: fill\n\t};\n\tlet text = createSVG('text', {\n\t\tclassName: 'legend-dataset-text',\n\t\tx: 0,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE * 2) + 'px',\n\t\t'font-size': (FONT_SIZE * 1.2) + 'px',\n\t\t'text-anchor': 'start',\n\t\tfill: FONT_FILL,\n\t\tinnerHTML: label\n\t});\n\n\tlet group = createSVG('g', {\n\t\ttransform: `translate(${x}, ${y})`\n\t});\n\tgroup.appendChild(createSVG(\"rect\", args));\n\tgroup.appendChild(text);\n\n\treturn group;\n}\n\nexport function legendDot(x, y, size, fill='none', label) {\n\tlet args = {\n\t\tclassName: 'legend-dot',\n\t\tcx: 0,\n\t\tcy: 0,\n\t\tr: size,\n\t\tfill: fill\n\t};\n\tlet text = createSVG('text', {\n\t\tclassName: 'legend-dataset-text',\n\t\tx: 0,\n\t\ty: 0,\n\t\tdx: (FONT_SIZE) + 'px',\n\t\tdy: (FONT_SIZE/3) + 'px',\n\t\t'font-size': (FONT_SIZE * 1.2) + 'px',\n\t\t'text-anchor': 'start',\n\t\tfill: FONT_FILL,\n\t\tinnerHTML: label\n\t});\n\n\tlet group = createSVG('g', {\n\t\ttransform: `translate(${x}, ${y})`\n\t});\n\tgroup.appendChild(createSVG(\"circle\", args));\n\tgroup.appendChild(text);\n\n\treturn group;\n}\n\nexport function makeText(className, x, y, content, options = {}) {\n\tlet fontSize = options.fontSize || FONT_SIZE;\n\tlet dy = options.dy !== undefined ? options.dy : (fontSize / 2);\n\tlet fill = options.fill || FONT_FILL;\n\tlet textAnchor = options.textAnchor || 'start';\n\treturn createSVG('text', {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\tdy: dy + 'px',\n\t\t'font-size': fontSize + 'px',\n\t\tfill: fill,\n\t\t'text-anchor': textAnchor,\n\t\tinnerHTML: content\n\t});\n}\n\nfunction makeVertLine(x, label, y1, y2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tlet l = createSVG('line', {\n\t\tclassName: 'line-vertical ' + options.className,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: y1,\n\t\ty2: y2,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: 0,\n\t\ty: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE,\n\t\tdy: FONT_SIZE + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'middle',\n\t\tinnerHTML: label + \"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(${ x }, 0)`\n\t});\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nfunction makeHoriLine(y, label, x1, x2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.lineType) options.lineType = '';\n\tlet className = 'line-horizontal ' + options.className +\n\t\t(options.lineType === \"dashed\" ? \"dashed\": \"\");\n\n\tlet l = createSVG('line', {\n\t\tclassName: className,\n\t\tx1: x1,\n\t\tx2: x2,\n\t\ty1: 0,\n\t\ty2: 0,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / 2 - 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': x1 < x2 ? 'end' : 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(0, ${y})`,\n\t\t'stroke-opacity': 1\n\t});\n\n\tif(text === 0 || text === '0') {\n\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\n\t}\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nexport function yLine(y, label, width, options={}) {\n\tif(!options.pos) options.pos = 'left';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\tlet x1 = -1 * AXIS_TICK_LENGTH;\n\tlet x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;\n\n\tif(options.mode === 'tick' && options.pos === 'right') {\n\t\tx1 = width + AXIS_TICK_LENGTH;\n\t\tx2 = width;\n\t}\n\n\t// let offset = options.pos === 'left' ? -1 * options.offset : options.offset;\n\n\tx1 += options.offset;\n\tx2 += options.offset;\n\n\treturn makeHoriLine(y, label, x1, x2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function xLine(x, label, height, options={}) {\n\tif(!options.pos) options.pos = 'bottom';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\t// Draw X axis line in span/tick mode with optional label\n\t// \ty2(span)\n\t// \t\t\t\t\t\t|\n\t// \t\t\t\t\t\t|\n\t//\t\t\t\tx line\t|\n\t//\t\t\t\t\t\t|\n\t// \t\t\t\t\t \t|\n\t// ---------------------+-- y2(tick)\n\t//\t\t\t\t\t\t|\n\t//\t\t\t\t\t\t\ty1\n\n\tlet y1 = height + AXIS_TICK_LENGTH;\n\tlet y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : height;\n\n\tif(options.mode === 'tick' && options.pos === 'top') {\n\t\t// top axis ticks\n\t\ty1 = -1 * AXIS_TICK_LENGTH;\n\t\ty2 = 0;\n\t}\n\n\treturn makeVertLine(x, label, y1, y2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function yMarker(y, label, width, options={}) {\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = makeHoriLine(y, '', 0, width, {\n\t\tstroke: options.stroke || BASE_LINE_COLOR,\n\t\tclassName: options.className || '',\n\t\tlineType: options.lineType\n\t});\n\n\tline.appendChild(labelSvg);\n\n\treturn line;\n}\n\nexport function yRegion(y1, y2, width, label) {\n\t// return a group\n\tlet height = y1 - y2;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`, // remove class\n\t\tstyles: {\n\t\t\tfill: `rgba(228, 234, 239, 0.49)`,\n\t\t\tstroke: BASE_LINE_COLOR,\n\t\t\t'stroke-dasharray': `${width}, ${height}`\n\t\t},\n\t\t// 'data-point-index': index,\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: width,\n\t\theight: height\n\t});\n\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label+\"\", 4.5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet region = createSVG('g', {\n\t\ttransform: `translate(0, ${y2})`\n\t});\n\n\tregion.appendChild(rect);\n\tregion.appendChild(labelSvg);\n\n\treturn region;\n}\n\nexport function datasetBar(x, yTop, width, color, label='', index=0, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`,\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: width,\n\t\theight: height || meta.minHeight // TODO: correct y for positive min height\n\t});\n\n\tlabel += \"\";\n\n\tif(!label && !label.length) {\n\t\treturn rect;\n\t} else {\n\t\trect.setAttribute('y', 0);\n\t\trect.setAttribute('x', 0);\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: width/2,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\t'data-point-index': index,\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(rect);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function datasetDot(x, y, radius, color, label='', index=0) {\n\tlet dot = createSVG('circle', {\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tcx: x,\n\t\tcy: y,\n\t\tr: radius\n\t});\n\n\tlabel += \"\";\n\n\tif(!label && !label.length) {\n\t\treturn dot;\n\t} else {\n\t\tdot.setAttribute('cy', 0);\n\t\tdot.setAttribute('cx', 0);\n\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1 - radius) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\t'data-point-index': index,\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(dot);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function getPaths(xList, yList, color, options={}, meta={}) {\n\tlet pointsList = yList.map((y, i) => (xList[i] + ',' + y));\n\tlet pointsStr = pointsList.join(\"L\");\n\tlet path = makePath(\"M\"+pointsStr, 'line-graph-path', color);\n\n\t// HeatLine\n\tif(options.heatline) {\n\t\tlet gradient_id = makeGradient(meta.svgDefs, color);\n\t\tpath.style.stroke = `url(#${gradient_id})`;\n\t}\n\n\tlet paths = {\n\t\tpath: path\n\t};\n\n\t// Region\n\tif(options.regionFill) {\n\t\tlet gradient_id_region = makeGradient(meta.svgDefs, color, true);\n\n\t\t// TODO: use zeroLine OR minimum\n\t\tlet pathStr = \"M\" + `${xList[0]},${meta.zeroLine}L` + pointsStr + `L${xList.slice(-1)[0]},${meta.zeroLine}`;\n\t\tpaths.region = makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`);\n\t}\n\n\treturn paths;\n}\n\nexport let makeOverlay = {\n\t'bar': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'dot': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\tlet fill = unit.getAttribute('fill');\n\t\toverlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.setAttribute('fill', fill);\n\t\toverlay.style.opacity = '0.6';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'heat_square': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\tlet fill = unit.getAttribute('fill');\n\t\toverlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.setAttribute('fill', fill);\n\t\toverlay.style.opacity = '0.6';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t}\n};\n\nexport let updateOverlay = {\n\t'bar': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['x', 'y', 'width', 'height'];\n\t\tObject.values(unit.attributes)\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t\t.map(attr => {\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'dot': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t\t.map(attr => {\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'heat_square': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t\t.map(attr => {\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n};\n","import { getBarHeightAndYAttr } from './draw-utils';\n\nexport const UNIT_ANIM_DUR = 350;\nexport const PATH_ANIM_DUR = 350;\nexport const MARKER_LINE_ANIM_DUR = UNIT_ANIM_DUR;\nexport const REPLACE_ALL_NEW_DUR = 250;\n\nexport const STD_EASING = 'easein';\n\nexport function translate(unit, oldCoord, newCoord, duration) {\n\tlet old = typeof oldCoord === 'string' ? oldCoord : oldCoord.join(', ');\n\treturn [\n\t\tunit,\n\t\t{transform: newCoord.join(', ')},\n\t\tduration,\n\t\tSTD_EASING,\n\t\t\"translate\",\n\t\t{transform: old}\n\t];\n}\n\nexport function translateVertLine(xLine, newX, oldX) {\n\treturn translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR);\n}\n\nexport function translateHoriLine(yLine, newY, oldY) {\n\treturn translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR);\n}\n\nexport function animateRegion(rectGroup, newY1, newY2, oldY2) {\n\tlet newHeight = newY1 - newY2;\n\tlet rect = rectGroup.childNodes[0];\n\tlet width = rect.getAttribute(\"width\");\n\tlet rectAnim = [\n\t\trect,\n\t\t{ height: newHeight, 'stroke-dasharray': `${width}, ${newHeight}` },\n\t\tMARKER_LINE_ANIM_DUR,\n\t\tSTD_EASING\n\t];\n\n\tlet groupAnim = translate(rectGroup, [0, oldY2], [0, newY2], MARKER_LINE_ANIM_DUR);\n\treturn [rectAnim, groupAnim];\n}\n\nexport function animateBar(bar, x, yTop, width, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\tif(bar.nodeName !== 'rect') {\n\t\tlet rect = bar.childNodes[0];\n\t\tlet rectAnim = [\n\t\t\trect,\n\t\t\t{width: width, height: height},\n\t\t\tUNIT_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\n\t\tlet oldCoordStr = bar.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(bar, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [rectAnim, groupAnim];\n\t} else {\n\t\treturn [[bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animateDot(dot, x, y) {\n\tif(dot.nodeName !== 'circle') {\n\t\tlet oldCoordStr = dot.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(dot, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [groupAnim];\n\t} else {\n\t\treturn [[dot, {cx: x, cy: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animatePath(paths, newXList, newYList, zeroLine) {\n\tlet pathComponents = [];\n\n\tlet pointsStr = newYList.map((y, i) => (newXList[i] + ',' + y));\n\tlet pathStr = pointsStr.join(\"L\");\n\n\tconst animPath = [paths.path, {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\tpathComponents.push(animPath);\n\n\tif(paths.region) {\n\t\tlet regStartPt = `${newXList[0]},${zeroLine}L`;\n\t\tlet regEndPt = `L${newXList.slice(-1)[0]}, ${zeroLine}`;\n\n\t\tconst animRegion = [\n\t\t\tpaths.region,\n\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\tPATH_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\t\tpathComponents.push(animRegion);\n\t}\n\n\treturn pathComponents;\n}\n\nexport function animatePathStr(oldPath, pathStr) {\n\treturn [oldPath, {d: pathStr}, UNIT_ANIM_DUR, STD_EASING];\n}\n","// 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 { $ } from '../utils/dom';\nimport { CSSTEXT } from '../../css/chartsCss';\n\nexport function downloadFile(filename, data) {\n\tvar a = document.createElement('a');\n\ta.style = \"display: none\";\n\tvar blob = new Blob(data, {type: \"image/svg+xml; charset=utf-8\"});\n\tvar url = window.URL.createObjectURL(blob);\n\ta.href = url;\n\ta.download = filename;\n\tdocument.body.appendChild(a);\n\ta.click();\n\tsetTimeout(function(){\n\t\tdocument.body.removeChild(a);\n\t\twindow.URL.revokeObjectURL(url);\n\t}, 300);\n}\n\nexport function prepareForExport(svg) {\n\tlet clone = svg.cloneNode(true);\n\tclone.classList.add('chart-container');\n\tclone.setAttribute('xmlns', \"http://www.w3.org/2000/svg\");\n\tclone.setAttribute('xmlns:xlink', \"http://www.w3.org/1999/xlink\");\n\tlet styleEl = $.create('style', {\n\t\t'innerHTML': CSSTEXT\n\t});\n\tclone.insertBefore(styleEl, clone.firstChild);\n\n\tlet container = $.create('div');\n\tcontainer.appendChild(clone);\n\n\treturn container.innerHTML;\n}\n","// Playing around with dates\n\nexport const NO_OF_YEAR_MONTHS = 12;\nexport const NO_OF_DAYS_IN_WEEK = 7;\nexport const DAYS_IN_YEAR = 375;\nexport const NO_OF_MILLIS = 1000;\nexport const SEC_IN_DAY = 86400;\n\nexport const MONTH_NAMES = [\"January\", \"February\", \"March\", \"April\", \"May\",\n\t\"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\"];\nexport const MONTH_NAMES_SHORT = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\",\n\t\"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"];\n\nexport const DAY_NAMES_SHORT = [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\"];\nexport const DAY_NAMES = [\"Sunday\", \"Monday\", \"Tuesday\", \"Wednesday\",\n\t\"Thursday\", \"Friday\", \"Saturday\"];\n\n// https://stackoverflow.com/a/11252167/6495043\nfunction treatAsUtc(date) {\n\tlet result = new Date(date);\n\tresult.setMinutes(result.getMinutes() - result.getTimezoneOffset());\n\treturn result;\n}\n\nexport function getYyyyMmDd(date) {\n\tlet dd = date.getDate();\n\tlet mm = date.getMonth() + 1; // getMonth() is zero-based\n\treturn [\n\t\tdate.getFullYear(),\n\t\t(mm>9 ? '' : '0') + mm,\n\t\t(dd>9 ? '' : '0') + dd\n\t].join('-');\n}\n\nexport function clone(date) {\n\treturn new Date(date.getTime());\n}\n\nexport function timestampSec(date) {\n\treturn date.getTime()/NO_OF_MILLIS;\n}\n\nexport function timestampToMidnight(timestamp, roundAhead = false) {\n\tlet midnightTs = Math.floor(timestamp - (timestamp % SEC_IN_DAY));\n\tif(roundAhead) {\n\t\treturn midnightTs + SEC_IN_DAY;\n\t}\n\treturn midnightTs;\n}\n\n// export function getMonthsBetween(startDate, endDate) {}\n\nexport function getWeeksBetween(startDate, endDate) {\n\tlet weekStartDate = setDayToSunday(startDate);\n\treturn Math.ceil(getDaysBetween(weekStartDate, endDate) / NO_OF_DAYS_IN_WEEK);\n}\n\nexport function getDaysBetween(startDate, endDate) {\n\tlet millisecondsPerDay = SEC_IN_DAY * NO_OF_MILLIS;\n\treturn (treatAsUtc(endDate) - treatAsUtc(startDate)) / millisecondsPerDay;\n}\n\nexport function areInSameMonth(startDate, endDate) {\n\treturn startDate.getMonth() === endDate.getMonth()\n\t\t&& startDate.getFullYear() === endDate.getFullYear();\n}\n\nexport function getMonthName(i, short=false) {\n\tlet monthName = MONTH_NAMES[i];\n\treturn short ? monthName.slice(0, 3) : monthName;\n}\n\nexport function getLastDateInMonth (month, year) {\n\treturn new Date(year, month + 1, 0); // 0: last day in previous month\n}\n\n// mutates\nexport function setDayToSunday(date) {\n\tlet newDate = clone(date);\n\tconst day = newDate.getDay();\n\tif(day !== 0) {\n\t\taddDays(newDate, (-1) * day);\n\t}\n\treturn newDate;\n}\n\n// mutates\nexport function addDays(date, numberOfDays) {\n\tdate.setDate(date.getDate() + numberOfDays);\n}\n","import { makeSVGGroup } from '../utils/draw';\nimport { makeText, makePath, xLine, yLine, yMarker, yRegion, datasetBar, datasetDot, percentageBar, getPaths, heatSquare } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { translateHoriLine, translateVertLine, animateRegion, animateBar,\n\tanimateDot, animatePath, animatePathStr } from '../utils/animate';\nimport { getMonthName } from '../utils/date-utils';\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\t\tthis.labels = [];\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(this.layerClass, this.layerTransform, parent);\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\tthis.labels.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\tpercentageBars: {\n\t\tlayerClass: 'percentage-bars',\n\t\tmakeElements(data) {\n\t\t\treturn data.xPositions.map((x, i) =>{\n\t\t\t\tlet y = 0;\n\t\t\t\tlet bar = percentageBar(x, y, data.widths[i],\n\t\t\t\t\tthis.constants.barHeight, this.constants.barDepth, data.colors[i]);\n\t\t\t\treturn bar;\n\t\t\t});\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tif(newData) return [];\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\theatDomain: {\n\t\tlayerClass: function() { return 'heat-domain domain-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet {index, colWidth, rowHeight, squareSize, xTranslate} = this.constants;\n\t\t\tlet monthNameHeight = -12;\n\t\t\tlet x = xTranslate, y = 0;\n\n\t\t\tthis.serializedSubDomains = [];\n\n\t\t\tdata.cols.map((week, weekNo) => {\n\t\t\t\tif(weekNo === 1) {\n\t\t\t\t\tthis.labels.push(\n\t\t\t\t\t\tmakeText('domain-name', x, monthNameHeight, getMonthName(index, true).toUpperCase(),\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tfontSize: 9\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t)\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tweek.map((day, i) => {\n\t\t\t\t\tif(day.fill) {\n\t\t\t\t\t\tlet data = {\n\t\t\t\t\t\t\t'data-date': day.yyyyMmDd,\n\t\t\t\t\t\t\t'data-value': day.dataValue,\n\t\t\t\t\t\t\t'data-day': i\n\t\t\t\t\t\t};\n\t\t\t\t\t\tlet square = heatSquare('day', x, y, squareSize, day.fill, data);\n\t\t\t\t\t\tthis.serializedSubDomains.push(square);\n\t\t\t\t\t}\n\t\t\t\t\ty += rowHeight;\n\t\t\t\t});\n\t\t\t\ty = 0;\n\t\t\t\tx += colWidth;\n\t\t\t});\n\n\t\t\treturn this.serializedSubDomains;\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tif(newData) return [];\n\t\t}\n\t},\n\n\tbarGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-bars dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'bar';\n\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\treturn datasetBar(\n\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\ty,\n\t\t\t\t\tdata.barWidth,\n\t\t\t\t\tc.color,\n\t\t\t\t\tdata.labels[j],\n\t\t\t\t\tj,\n\t\t\t\t\tdata.offsets[j],\n\t\t\t\t\t{\n\t\t\t\t\t\tzeroLine: data.zeroLine,\n\t\t\t\t\t\tbarsWidth: data.barsWidth,\n\t\t\t\t\t\tminHeight: c.minHeight\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t});\n\t\t\treturn this.units;\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newOffsets = newData.offsets;\n\t\t\tlet newLabels = newData.labels;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldOffsets = this.oldData.offsets;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldOffsets, newOffsets] = equilizeNoOfElements(oldOffsets, newOffsets);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\toffsets: oldOffsets,\n\t\t\t\tlabels: newLabels,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tbarsWidth: this.oldData.barsWidth,\n\t\t\t\tbarWidth: this.oldData.barWidth,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((bar, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateBar(\n\t\t\t\t\tbar, newXPos[i], newYPos[i], newData.barWidth, newOffsets[i],\n\t\t\t\t\t{zeroLine: newData.zeroLine}\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tlineGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-line dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'dot';\n\t\t\tthis.paths = {};\n\t\t\tif(!c.hideLine) {\n\t\t\t\tthis.paths = getPaths(\n\t\t\t\t\tdata.xPositions,\n\t\t\t\t\tdata.yPositions,\n\t\t\t\t\tc.color,\n\t\t\t\t\t{\n\t\t\t\t\t\theatline: c.heatline,\n\t\t\t\t\t\tregionFill: c.regionFill\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tsvgDefs: c.svgDefs,\n\t\t\t\t\t\tzeroLine: data.zeroLine\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tthis.units = [];\n\t\t\tif(!c.hideDots) {\n\t\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\t\treturn datasetDot(\n\t\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\t\ty,\n\t\t\t\t\t\tdata.radius,\n\t\t\t\t\t\tc.color,\n\t\t\t\t\t\t(c.valuesOverPoints ? data.values[j] : ''),\n\t\t\t\t\t\tj\n\t\t\t\t\t);\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn Object.values(this.paths).concat(this.units);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newValues = newData.values;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldValues = this.oldData.values;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldValues, newValues] = equilizeNoOfElements(oldValues, newValues);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\tvalues: newValues,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tradius: this.oldData.radius,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tif(Object.keys(this.paths).length) {\n\t\t\t\tanimateElements = animateElements.concat(animatePath(\n\t\t\t\t\tthis.paths, newXPos, newYPos, newData.zeroLine));\n\t\t\t}\n\n\t\t\tif(this.units.length) {\n\t\t\t\tthis.units.map((dot, i) => {\n\t\t\t\t\tanimateElements = animateElements.concat(animateDot(\n\t\t\t\t\t\tdot, newXPos[i], newYPos[i]));\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn animateElements;\n\t\t}\n\t}\n};\n\nexport function getComponent(name, constants, getData) {\n\tlet keys = Object.keys(componentConfigs).filter(k => name.includes(k));\n\tlet config = componentConfigs[keys[0]];\n\tObject.assign(config, {\n\t\tconstants: constants,\n\t\tgetData: getData\n\t});\n\treturn new ChartComponent(config);\n}\n","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 isInRange(val, min, max) {\n\treturn val > min && val < max;\n}\n\nexport function isInRange2D(coord, minCoord, maxCoord) {\n\treturn isInRange(coord[0], minCoord[0], maxCoord[0])\n\t\t&& isInRange(coord[1], minCoord[1], maxCoord[1]);\n}\n\nexport function getClosestInArray(goal, arr, index = false) {\n\tlet closest = arr.reduce(function(prev, curr) {\n\t\treturn (Math.abs(curr - goal) < Math.abs(prev - goal) ? curr : prev);\n\t});\n\n\treturn index ? arr.indexOf(closest) : closest;\n}\n\nexport function calcDistribution(values, distributionSize) {\n\t// Assume non-negative values,\n\t// implying distribution minimum at zero\n\n\tlet dataMaxValue = Math.max(...values);\n\n\tlet distributionStep = 1 / (distributionSize - 1);\n\tlet distribution = [];\n\n\tfor(var i = 0; i < distributionSize; i++) {\n\t\tlet checkpoint = dataMaxValue * (distributionStep * i);\n\t\tdistribution.push(checkpoint);\n\t}\n\n\treturn distribution;\n}\n\nexport function getMaxCheckpoint(value, distribution) {\n\treturn distribution.filter(d => d < value).length;\n}\n","import { fillArray } from '../utils/helpers';\nimport { DEFAULT_AXIS_CHART_TYPE, AXIS_DATASET_CHART_TYPES, DEFAULT_CHAR_WIDTH } from '../utils/constants';\n\nexport function dataPrep(data, type) {\n\tdata.labels = data.labels || [];\n\n\tlet datasetLength = data.labels.length;\n\n\t// Datasets\n\tlet datasets = data.datasets;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\tif(!datasets) {\n\t\t// default\n\t\tdatasets = [{\n\t\t\tvalues: zeroArray\n\t\t}];\n\t}\n\n\tdatasets.map(d=> {\n\t\t// Set values\n\t\tif(!d.values) {\n\t\t\td.values = zeroArray;\n\t\t} else {\n\t\t\t// Check for non values\n\t\t\tlet vals = d.values;\n\t\t\tvals = vals.map(val => (!isNaN(val) ? val : 0));\n\n\t\t\t// Trim or extend\n\t\t\tif(vals.length > datasetLength) {\n\t\t\t\tvals = vals.slice(0, datasetLength);\n\t\t\t} else {\n\t\t\t\tvals = fillArray(vals, datasetLength - vals.length, 0);\n\t\t\t}\n\t\t}\n\n\t\t// Set labels\n\t\t//\n\n\t\t// Set type\n\t\tif(!d.chartType ) {\n\t\t\tif(!AXIS_DATASET_CHART_TYPES.includes(type)) type === DEFAULT_AXIS_CHART_TYPE;\n\t\t\td.chartType = type;\n\t\t}\n\n\t});\n\n\t// Markers\n\n\t// Regions\n\t// data.yRegions = data.yRegions || [];\n\tif(data.yRegions) {\n\t\tdata.yRegions.map(d => {\n\t\t\tif(d.end < d.start) {\n\t\t\t\t[d.start, d.end] = [d.end, d.start];\n\t\t\t}\n\t\t});\n\t}\n\n\treturn data;\n}\n\nexport function zeroDataPrep(realData) {\n\tlet datasetLength = realData.labels.length;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\n\tlet zeroData = {\n\t\tlabels: realData.labels.slice(0, -1),\n\t\tdatasets: realData.datasets.map(d => {\n\t\t\treturn {\n\t\t\t\tname: '',\n\t\t\t\tvalues: zeroArray.slice(0, -1),\n\t\t\t\tchartType: d.chartType\n\t\t\t};\n\t\t}),\n\t};\n\n\tif(realData.yMarkers) {\n\t\tzeroData.yMarkers = [\n\t\t\t{\n\t\t\t\tvalue: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\tif(realData.yRegions) {\n\t\tzeroData.yRegions = [\n\t\t\t{\n\t\t\t\tstart: 0,\n\t\t\t\tend: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\treturn zeroData;\n}\n\nexport function getShortenedLabels(chartWidth, labels=[], isSeries=true) {\n\tlet allowedSpace = chartWidth / labels.length;\n\tlet allowedLetters = allowedSpace / DEFAULT_CHAR_WIDTH;\n\n\tlet calcLabels = labels.map((label, i) => {\n\t\tlabel += \"\";\n\t\tif(label.length > allowedLetters) {\n\n\t\t\tif(!isSeries) {\n\t\t\t\tif(allowedLetters-3 > 0) {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters-3) + \" ...\";\n\t\t\t\t} else {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters) + '..';\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tlet multiple = Math.ceil(label.length/allowedLetters);\n\t\t\t\tif(i % multiple !== 0) {\n\t\t\t\t\tlabel = \"\";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn label;\n\t});\n\n\treturn calcLabels;\n}\n","import '../css/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\tbar: AxisChart,\n\tline: AxisChart,\n\t// multiaxis: MultiAxisChart,\n\tpercentage: PercentageChart,\n\theatmap: Heatmap,\n\tpie: PieChart\n};\n\nfunction getChartByType(chartType = 'line', parent, options) {\n\tif (chartType === 'axis-mixed') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t}\n\n\tif (!chartTypes[chartType]) {\n\t\tconsole.error(\"Undefined chart type: \" + chartType);\n\t\treturn;\n\t}\n\n\treturn new chartTypes[chartType](parent, options);\n}\n\nclass Chart {\n\tconstructor(parent, options) {\n\t\treturn getChartByType(options.type, parent, options);\n\t}\n}\n\nexport { Chart, PercentageChart, PieChart, Heatmap, AxisChart };","import { $ } from '../utils/dom';\nimport { TOOLTIP_POINTER_TRIANGLE_HEIGHT } from '../utils/constants';\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}\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\t\t- TOOLTIP_POINTER_TRIANGLE_HEIGHT;\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 CSSTEXT = \".chart-container{position:relative;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.graph-svg-tip{position:absolute;z-index:99999;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.graph-svg-tip ul{padding-left:0;display:flex}.graph-svg-tip ol{padding-left:0;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.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)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}\";","import SvgTip from '../objects/SvgTip';\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup, makeText, yLine } from '../utils/draw';\nimport { BASE_MEASURES, getExtraHeight, getExtraWidth, INIT_CHART_UPDATE_TIMEOUT, CHART_POST_ANIMATE_TIMEOUT,\n\tDEFAULT_COLORS} from '../utils/constants';\nimport { getColor, isValidColor } from '../utils/colors';\nimport { runSMILAnimation } from '../utils/animation';\nimport { downloadFile, prepareForExport } from '../utils/export';\n\nexport default class BaseChart {\n\tconstructor(parent, options) {\n\n\t\tthis.parent = typeof parent === 'string'\n\t\t\t? document.querySelector(parent)\n\t\t\t: parent;\n\n\t\tif (!(this.parent instanceof HTMLElement)) {\n\t\t\tthrow new Error('No `parent` element to render on was provided.');\n\t\t}\n\n\t\tthis.rawChartArgs = options;\n\n\t\tthis.title = options.title || '';\n\t\tthis.type = options.type || '';\n\n\t\tthis.realData = this.prepareData(options.data);\n\t\tthis.data = this.prepareFirstData(this.realData);\n\n\t\tthis.colors = this.validateColors(options.colors, this.type);\n\n\t\tthis.config = {\n\t\t\tshowTooltip: 1, // calculate\n\t\t\tshowLegend: 1, // calculate\n\t\t\tisNavigable: options.isNavigable || 0,\n\t\t\tanimate: 1\n\t\t};\n\n\t\tthis.measures = JSON.parse(JSON.stringify(BASE_MEASURES));\n\t\tlet m = this.measures;\n\t\tthis.setMeasures(options);\n\t\tif(!this.title.length) { m.titleHeight = 0; }\n\t\tif(!this.config.showLegend) m.legendHeight = 0;\n\t\tthis.argHeight = options.height || m.baseHeight;\n\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\tprepareData(data) {\n\t\treturn data;\n\t}\n\n\tprepareFirstData(data) {\n\t\treturn data;\n\t}\n\n\tvalidateColors(colors, type) {\n\t\tconst validColors = [];\n\t\tcolors = (colors || []).concat(DEFAULT_COLORS[type]);\n\t\tcolors.forEach((string) => {\n\t\t\tconst color = getColor(string);\n\t\t\tif(!isValidColor(color)) {\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t} else {\n\t\t\t\tvalidColors.push(color);\n\t\t\t}\n\t\t});\n\t\treturn validColors;\n\t}\n\n\tsetMeasures() {\n\t\t// Override measures, including those for title and legend\n\t\t// set config for legend and title\n\t}\n\n\tconfigure() {\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - getExtraHeight(this.measures);\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\t// Has to be called manually\n\tsetup() {\n\t\tthis.makeContainer();\n\t\tthis.updateWidth();\n\t\tthis.makeTooltip();\n\n\t\tthis.draw(false, true);\n\t}\n\n\tmakeContainer() {\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\n\t\tlet args = {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'chart-container'\n\t\t};\n\n\t\tif(this.independentWidth) {\n\t\t\targs.styles = { width: this.independentWidth + 'px' };\n\t\t}\n\n\t\tthis.container = $.create('div', args);\n\t}\n\n\tmakeTooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.container,\n\t\t\tcolors: this.colors\n\t\t});\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {}\n\n\tdraw(onlyWidthChange=false, init=false) {\n\t\tthis.calc(onlyWidthChange);\n\t\tthis.updateWidth();\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.data);}, this.initTimeout);\n\t\t}\n\n\t\tthis.renderLegend();\n\n\t\tthis.setupNavigation(init);\n\t}\n\n\tcalc() {} // builds state\n\n\tupdateWidth() {\n\t\tthis.baseWidth = getElementContentWidth(this.parent);\n\t\tthis.width = this.baseWidth - getExtraWidth(this.measures);\n\t}\n\n\tmakeChartArea() {\n\t\tif(this.svg) {\n\t\t\tthis.container.removeChild(this.svg);\n\t\t}\n\t\tlet m = this.measures;\n\n\t\tthis.svg = makeSVGContainer(\n\t\t\tthis.container,\n\t\t\t'frappe-chart chart',\n\t\t\tthis.baseWidth,\n\t\t\tthis.baseHeight\n\t\t);\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\n\n\t\tif(this.title.length) {\n\t\t\tthis.titleEL = makeText(\n\t\t\t\t'title',\n\t\t\t\tm.margins.left,\n\t\t\t\tm.margins.top,\n\t\t\t\tthis.title,\n\t\t\t\t{\n\t\t\t\t\tfontSize: m.titleFontSize,\n\t\t\t\t\tfill: '#666666',\n\t\t\t\t\tdy: m.titleFontSize\n\t\t\t\t}\n\t\t\t);\n\t\t}\n\n\t\tlet top = m.margins.top + m.titleHeight + m.paddings.top;\n\t\tthis.drawArea = makeSVGGroup(\n\t\t\tthis.type + '-chart chart-draw-area',\n\t\t\t`translate(${m.margins.left + m.paddings.left}, ${top})`\n\t\t);\n\n\t\tif(this.config.showLegend) {\n\t\t\ttop += this.height + m.paddings.bottom;\n\t\t\tthis.legendArea = makeSVGGroup(\n\t\t\t\t'chart-legend',\n\t\t\t\t`translate(${m.margins.left + m.paddings.left}, ${top})`\n\t\t\t);\n\t\t}\n\n\t\tif(this.title.length) { this.svg.appendChild(this.titleEL); }\n\t\tthis.svg.appendChild(this.drawArea);\n\t\tif(this.config.showLegend) { this.svg.appendChild(this.legendArea); }\n\n\t\tthis.updateTipOffset(m.margins.left + m.paddings.left, m.margins.top + m.paddings.top + m.titleHeight);\n\t}\n\n\tupdateTipOffset(x, y) {\n\t\tthis.tip.offset = {\n\t\t\tx: x,\n\t\t\ty: y\n\t\t};\n\t}\n\n\tsetupComponents() { this.components = new Map(); }\n\n\tupdate(data) {\n\t\tif(!data) {\n\t\t\tconsole.error('No data to update.');\n\t\t}\n\t\tthis.data = this.prepareData(data);\n\t\tthis.calc(); // builds state\n\t\tthis.render();\n\t}\n\n\trender(components=this.components, animate=true) {\n\t\tif(this.config.isNavigable) {\n\t\t\t// Remove all existing overlays\n\t\t\tthis.overlays.map(o => o.parentNode.removeChild(o));\n\t\t\t// ref.parentNode.insertBefore(element, ref);\n\t\t}\n\t\tlet elementsToAnimate = [];\n\t\t// Can decouple to this.refreshComponents() first to save animation timeout\n\t\tcomponents.forEach(c => {\n\t\t\telementsToAnimate = elementsToAnimate.concat(c.update(animate));\n\t\t});\n\t\tif(elementsToAnimate.length > 0) {\n\t\t\trunSMILAnimation(this.container, this.svg, elementsToAnimate);\n\t\t\tsetTimeout(() => {\n\t\t\t\tcomponents.forEach(c => c.make());\n\t\t\t\tthis.updateNav();\n\t\t\t}, CHART_POST_ANIMATE_TIMEOUT);\n\t\t} else {\n\t\t\tcomponents.forEach(c => c.make());\n\t\t\tthis.updateNav();\n\t\t}\n\t}\n\n\tupdateNav() {\n\t\tif(this.config.isNavigable) {\n\t\t\tthis.makeOverlay();\n\t\t\tthis.bindUnits();\n\t\t}\n\t}\n\n\trenderLegend() {}\n\n\tsetupNavigation(init=false) {\n\t\tif(!this.config.isNavigable) return;\n\n\t\tif(init) {\n\t\t\tthis.bindOverlay();\n\n\t\t\tthis.keyActions = {\n\t\t\t\t'13': this.onEnterKey.bind(this),\n\t\t\t\t'37': this.onLeftArrow.bind(this),\n\t\t\t\t'38': this.onUpArrow.bind(this),\n\t\t\t\t'39': this.onRightArrow.bind(this),\n\t\t\t\t'40': this.onDownArrow.bind(this),\n\t\t\t};\n\n\t\t\tdocument.addEventListener('keydown', (e) => {\n\t\t\t\tif(isElementInViewport(this.container)) {\n\t\t\t\t\te = e || window.event;\n\t\t\t\t\tif(this.keyActions[e.keyCode]) {\n\t\t\t\t\t\tthis.keyActions[e.keyCode]();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {}\n\tupdateOverlay() {}\n\tbindOverlay() {}\n\tbindUnits() {}\n\n\tonLeftArrow() {}\n\tonRightArrow() {}\n\tonUpArrow() {}\n\tonDownArrow() {}\n\tonEnterKey() {}\n\n\taddDataPoint() {}\n\tremoveDataPoint() {}\n\n\tgetDataPoint() {}\n\tsetCurrentDataPoint() {}\n\n\tupdateDataset() {}\n\n\tboundDrawFn() {\n\t\tthis.draw(true);\n\t}\n\n\tunbindWindowEvents(){\n\t\twindow.removeEventListener('resize', () => this.boundDrawFn.bind(this));\n\t\twindow.removeEventListener('orientationchange', () => this.boundDrawFn.bind(this));\n\t}\n\n\texport() {\n\t\tlet chartSvg = prepareForExport(this.svg);\n\t\tdownloadFile(this.title || 'Chart', [chartSvg]);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { legendDot } from '../utils/draw';\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\n\t\ts.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);\n\n\t\tthis.center = {\n\t\t\tx: this.width / 2,\n\t\t\ty: this.height / 2\n\t\t};\n\t}\n\n\trenderLegend() {\n\t\tlet s = this.state;\n\t\tthis.legendArea.textContent = '';\n\n\t\tthis.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints);\n\n\t\tthis.legendTotals.map((d, i) => {\n\t\t\tlet barWidth = 110;\n\t\t\tlet rect = legendDot(\n\t\t\t\tbarWidth * i + 5,\n\t\t\t\t'0',\n\t\t\t\t5,\n\t\t\t\tthis.colors[i],\n\t\t\t\t`${s.labels[i]}: ${d}`\n\t\t\t);\n\t\t\tthis.legendArea.appendChild(rect);\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { getOffset } from '../utils/dom';\nimport { getComponent } from '../objects/ChartComponents';\nimport { PERCENTAGE_BAR_DEFAULT_HEIGHT, PERCENTAGE_BAR_DEFAULT_DEPTH } from '../utils/constants';\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.barOptions = args.barOptions || {};\n\t\tthis.barOptions.height = this.barOptions.height\n\t\t\t|| PERCENTAGE_BAR_DEFAULT_HEIGHT;\n\t\tthis.barOptions.depth = this.barOptions.depth\n\t\t\t|| PERCENTAGE_BAR_DEFAULT_DEPTH;\n\n\t\tthis.setup();\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'percentageBars',\n\t\t\t\t{\n\t\t\t\t\tbarHeight: this.barOptions.height,\n\t\t\t\t\tbarDepth: this.barOptions.depth,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: s.xPositions,\n\t\t\t\t\t\twidths: s.widths,\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\tcalc() {\n\t\tsuper.calc();\n\t\tlet s = this.state;\n\n\t\ts.xPositions = [];\n\t\ts.widths = [];\n\n\t\tlet xPos = 0;\n\t\ts.sliceTotals.map((value) => {\n\t\t\tlet width = this.width * value / s.grandTotal;\n\t\t\ts.widths.push(width);\n\t\t\ts.xPositions.push(xPos);\n\t\t\txPos += width;\n\t\t});\n\t}\n\n\tmakeDataByIndex() { }\n\n\tbindTooltip() {\n\t\tlet s = this.state;\n\t\tthis.container.addEventListener('mousemove', (e) => {\n\t\t\tlet bars = this.components.get('percentageBars').store;\n\t\t\tlet bar = e.target;\n\t\t\tif(bars.includes(bar)) {\n\n\t\t\t\tlet i = bars.indexOf(bar);\n\t\t\t\tlet gOff = getOffset(this.container), pOff = getOffset(bar);\n\n\t\t\t\tlet x = pOff.left - gOff.left + parseInt(bar.getAttribute('width'))/2;\n\t\t\t\tlet y = pOff.top - gOff.top;\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 fraction = s.sliceTotals[i]/s.grandTotal;\n\n\t\t\t\tthis.tip.setValues(x, y, {name: title, value: (fraction*100).toFixed(1) + \"%\"});\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\t\tthis.init = 1;\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\tcalc() {\n\t\tsuper.calc();\n\t\tlet s = this.state;\n\t\tthis.radius = (this.height > this.width ? this.center.x : this.center.y);\n\n\t\tconst { radius, clockWise } = this;\n\n\t\tconst prevSlicesProperties = s.slicesProperties || [];\n\t\ts.sliceStrings = [];\n\t\ts.slicesProperties = [];\n\t\tlet curAngle = 180 - this.config.startAngle;\n\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tconst startAngle = curAngle;\n\t\t\tconst originDiffAngle = (total / s.grandTotal) * FULL_ANGLE;\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\n\t\t\tconst startPosition = getPositionByAngle(startAngle, radius);\n\t\t\tconst endPosition = getPositionByAngle(endAngle, radius);\n\n\t\t\tconst prevProperty = this.init && prevSlicesProperties[i];\n\n\t\t\tlet curStart,curEnd;\n\t\t\tif(this.init) {\n\t\t\t\tcurStart = prevProperty ? prevProperty.startPosition : startPosition;\n\t\t\t\tcurEnd = prevProperty ? prevProperty.endPosition : startPosition;\n\t\t\t} else {\n\t\t\t\tcurStart = startPosition;\n\t\t\t\tcurEnd = endPosition;\n\t\t\t}\n\t\t\tconst curPath = makeArcPathStr(curStart, curEnd, this.center, this.radius, this.clockWise);\n\n\t\t\ts.sliceStrings.push(curPath);\n\t\t\ts.slicesProperties.push({\n\t\t\t\tstartPosition,\n\t\t\t\tendPosition,\n\t\t\t\tvalue: total,\n\t\t\t\ttotal: s.grandTotal,\n\t\t\t\tstartAngle,\n\t\t\t\tendAngle,\n\t\t\t\tangle: diffAngle\n\t\t\t});\n\n\t\t});\n\t\tthis.init = 0;\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'pieSlices',\n\t\t\t\t{ },\n\t\t\t\tfunction() {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tsliceStrings: s.sliceStrings,\n\t\t\t\t\t\tcolors: this.colors\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tcalTranslateByAngle(property){\n\t\tconst{radius,hoverRadio} = this;\n\t\tconst position = getPositionByAngle(property.startAngle+(property.angle / 2),radius);\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\n\t}\n\n\thoverSlice(path,i,flag,e){\n\t\tif(!path) return;\n\t\tconst color = this.colors[i];\n\t\tif(flag) {\n\t\t\ttransform(path, this.calTranslateByAngle(this.state.slicesProperties[i]));\n\t\t\tpath.style.fill = lightenDarkenColor(color, 50);\n\t\t\tlet g_off = getOffset(this.svg);\n\t\t\tlet x = e.pageX - g_off.left + 10;\n\t\t\tlet y = e.pageY - g_off.top - 10;\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t\t? this.formatted_labels[i] : this.state.labels[i]) + ': ';\n\t\t\tlet percent = (this.state.sliceTotals[i] * 100 / this.state.grandTotal).toFixed(1);\n\t\t\tthis.tip.setValues(x, y, {name: title, value: percent + \"%\"});\n\t\t\tthis.tip.showTip();\n\t\t} else {\n\t\t\ttransform(path,'translate3d(0,0,0)');\n\t\t\tthis.tip.hideTip();\n\t\t\tpath.style.fill = color;\n\t\t}\n\t}\n\n\tbindTooltip() {\n\t\tthis.container.addEventListener('mousemove', this.mouseMove);\n\t\tthis.container.addEventListener('mouseleave', this.mouseLeave);\n\t}\n\n\tmouseMove(e){\n\t\tconst target = e.target;\n\t\tlet slices = this.components.get('pieSlices').store;\n\t\tlet prevIndex = this.curActiveSliceIndex;\n\t\tlet prevAcitve = this.curActiveSlice;\n\t\tif(slices.includes(target)) {\n\t\t\tlet i = slices.indexOf(target);\n\t\t\tthis.hoverSlice(prevAcitve, prevIndex,false);\n\t\t\tthis.curActiveSlice = target;\n\t\t\tthis.curActiveSliceIndex = i;\n\t\t\tthis.hoverSlice(target, i, true, e);\n\t\t} else {\n\t\t\tthis.mouseLeave();\n\t\t}\n\t}\n\n\tmouseLeave(){\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { getComponent } from '../objects/ChartComponents';\nimport { makeText, heatSquare } from '../utils/draw';\nimport { DAY_NAMES_SHORT, addDays, areInSameMonth, getLastDateInMonth, setDayToSunday, getYyyyMmDd, getWeeksBetween, getMonthName, clone,\n\tNO_OF_MILLIS, NO_OF_YEAR_MONTHS, NO_OF_DAYS_IN_WEEK } from '../utils/date-utils';\nimport { calcDistribution, getMaxCheckpoint } from '../utils/intervals';\nimport { getExtraHeight, getExtraWidth, HEATMAP_DISTRIBUTION_SIZE, HEATMAP_SQUARE_SIZE,\n\tHEATMAP_GUTTER_SIZE } from '../utils/constants';\n\nconst COL_WIDTH = HEATMAP_SQUARE_SIZE + HEATMAP_GUTTER_SIZE;\nconst ROW_HEIGHT = COL_WIDTH;\n// const DAY_INCR = 1;\n\nexport default class Heatmap extends BaseChart {\n\tconstructor(parent, options) {\n\t\tsuper(parent, options);\n\t\tthis.type = 'heatmap';\n\n\t\tthis.countLabel = options.countLabel || '';\n\n\t\tlet validStarts = ['Sunday', 'Monday'];\n\t\tlet startSubDomain = validStarts.includes(options.startSubDomain)\n\t\t\t? options.startSubDomain : 'Sunday';\n\t\tthis.startSubDomainIndex = validStarts.indexOf(startSubDomain);\n\n\t\tthis.setup();\n\t}\n\n\tsetMeasures(options) {\n\t\tlet m = this.measures;\n\t\tthis.discreteDomains = options.discreteDomains === 0 ? 0 : 1;\n\n\t\tm.paddings.top = ROW_HEIGHT * 3;\n\t\tm.paddings.bottom = 0;\n\t\tm.legendHeight = ROW_HEIGHT * 2;\n\t\tm.baseHeight = ROW_HEIGHT * NO_OF_DAYS_IN_WEEK\n\t\t\t+ getExtraHeight(m);\n\n\t\tlet d = this.data;\n\t\tlet spacing = this.discreteDomains ? NO_OF_YEAR_MONTHS : 0;\n\t\tthis.independentWidth = (getWeeksBetween(d.start, d.end)\n\t\t\t+ spacing) * COL_WIDTH + m.margins.right + m.margins.left;\n\t}\n\n\tupdateWidth() {\n\t\tlet spacing = this.discreteDomains ? NO_OF_YEAR_MONTHS : 0;\n\t\tthis.baseWidth = (this.state.noOfWeeks + spacing) * COL_WIDTH\n\t\t\t+ getExtraWidth(this.measures);\n\t}\n\n\tprepareData(data=this.data) {\n\t\tif(data.start && data.end && data.start > data.end) {\n\t\t\tthrow new Error('Start date cannot be greater than end date.');\n\t\t}\n\n\t\tif(!data.start) {\n\t\t\tdata.start = new Date();\n\t\t\tdata.start.setFullYear( data.start.getFullYear() - 1 );\n\t\t}\n\t\tif(!data.end) { data.end = new Date(); }\n\t\tdata.dataPoints = data.dataPoints || {};\n\n\t\tif(parseInt(Object.keys(data.dataPoints)[0]) > 100000) {\n\t\t\tlet points = {};\n\t\t\tObject.keys(data.dataPoints).forEach(timestampSec => {\n\t\t\t\tlet date = new Date(timestampSec * NO_OF_MILLIS);\n\t\t\t\tpoints[getYyyyMmDd(date)] = data.dataPoints[timestampSec];\n\t\t\t});\n\t\t\tdata.dataPoints = points;\n\t\t}\n\n\t\treturn data;\n\t}\n\n\tcalc() {\n\t\tlet s = this.state;\n\n\t\ts.start = clone(this.data.start);\n\t\ts.end = clone(this.data.end);\n\n\t\ts.firstWeekStart = clone(s.start);\n\t\ts.noOfWeeks = getWeeksBetween(s.start, s.end);\n\t\ts.distribution = calcDistribution(\n\t\t\tObject.values(this.data.dataPoints), HEATMAP_DISTRIBUTION_SIZE);\n\n\t\ts.domainConfigs = this.getDomains();\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\t\tlet lessCol = this.discreteDomains ? 0 : 1;\n\n\t\tlet componentConfigs = s.domainConfigs.map((config, i) => [\n\t\t\t'heatDomain',\n\t\t\t{\n\t\t\t\tindex: config.index,\n\t\t\t\tcolWidth: COL_WIDTH,\n\t\t\t\trowHeight: ROW_HEIGHT,\n\t\t\t\tsquareSize: HEATMAP_SQUARE_SIZE,\n\t\t\t\txTranslate: s.domainConfigs\n\t\t\t\t\t.filter((config, j) => j < i)\n\t\t\t\t\t.map(config => config.cols.length - lessCol)\n\t\t\t\t\t.reduce((a, b) => a + b, 0)\n\t\t\t\t\t* COL_WIDTH\n\t\t\t},\n\t\t\tfunction() {\n\t\t\t\treturn s.domainConfigs[i];\n\t\t\t}.bind(this)\n\n\t\t]);\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.map((args, i) => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\treturn [args[0] + '-' + i, component];\n\t\t\t})\n\t\t);\n\n\t\tlet y = 0;\n\t\tDAY_NAMES_SHORT.forEach((dayName, i) => {\n\t\t\tif([1, 3, 5].includes(i)) {\n\t\t\t\tlet dayText = makeText('subdomain-name', -COL_WIDTH/2, y, dayName,\n\t\t\t\t\t{\n\t\t\t\t\t\tfontSize: HEATMAP_SQUARE_SIZE,\n\t\t\t\t\t\tdy: 8,\n\t\t\t\t\t\ttextAnchor: 'end'\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t\tthis.drawArea.appendChild(dayText);\n\t\t\t}\n\t\t\ty += ROW_HEIGHT;\n\t\t});\n\t}\n\n\tupdate(data) {\n\t\tif(!data) {\n\t\t\tconsole.error('No data to update.');\n\t\t}\n\n\t\tthis.data = this.prepareData(data);\n\t\tthis.draw();\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {\n\t\tthis.container.addEventListener('mousemove', (e) => {\n\t\t\tthis.components.forEach(comp => {\n\t\t\t\tlet daySquares = comp.store;\n\t\t\t\tlet daySquare = e.target;\n\t\t\t\tif(daySquares.includes(daySquare)) {\n\n\t\t\t\t\tlet count = daySquare.getAttribute('data-value');\n\t\t\t\t\tlet dateParts = daySquare.getAttribute('data-date').split('-');\n\n\t\t\t\t\tlet month = getMonthName(parseInt(dateParts[1])-1, true);\n\n\t\t\t\t\tlet gOff = this.container.getBoundingClientRect(), pOff = daySquare.getBoundingClientRect();\n\n\t\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\t\tlet x = pOff.left - gOff.left + width/2;\n\t\t\t\t\tlet y = pOff.top - gOff.top;\n\t\t\t\t\tlet value = count + ' ' + this.countLabel;\n\t\t\t\t\tlet name = ' on ' + month + ' ' + dateParts[0] + ', ' + dateParts[2];\n\n\t\t\t\t\tthis.tip.setValues(x, y, {name: name, value: value, valueFirst: 1}, []);\n\t\t\t\t\tthis.tip.showTip();\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n\n\trenderLegend() {\n\t\tthis.legendArea.textContent = '';\n\t\tlet x = 0;\n\t\tlet y = ROW_HEIGHT;\n\n\t\tlet lessText = makeText('subdomain-name', x, y, 'Less',\n\t\t\t{\n\t\t\t\tfontSize: HEATMAP_SQUARE_SIZE + 1,\n\t\t\t\tdy: 9\n\t\t\t}\n\t\t);\n\t\tx = (COL_WIDTH * 2) + COL_WIDTH/2;\n\t\tthis.legendArea.appendChild(lessText);\n\n\t\tthis.colors.slice(0, HEATMAP_DISTRIBUTION_SIZE).map((color, i) => {\n\t\t\tconst square = heatSquare('heatmap-legend-unit', x + (COL_WIDTH + 3) * i,\n\t\t\t\ty, HEATMAP_SQUARE_SIZE, color);\n\t\t\tthis.legendArea.appendChild(square);\n\t\t});\n\n\t\tlet moreTextX = x + HEATMAP_DISTRIBUTION_SIZE * (COL_WIDTH + 3) + COL_WIDTH/4;\n\t\tlet moreText = makeText('subdomain-name', moreTextX, y, 'More',\n\t\t\t{\n\t\t\t\tfontSize: HEATMAP_SQUARE_SIZE + 1,\n\t\t\t\tdy: 9\n\t\t\t}\n\t\t);\n\t\tthis.legendArea.appendChild(moreText);\n\t}\n\n\tgetDomains() {\n\t\tlet s = this.state;\n\t\tconst [startMonth, startYear] = [s.start.getMonth(), s.start.getFullYear()];\n\t\tconst [endMonth, endYear] = [s.end.getMonth(), s.end.getFullYear()];\n\n\t\tconst noOfMonths = (endMonth - startMonth + 1) + (endYear - startYear) * 12;\n\n\t\tlet domainConfigs = [];\n\n\t\tlet startOfMonth = clone(s.start);\n\t\tfor(var i = 0; i < noOfMonths; i++) {\n\t\t\tlet endDate = s.end;\n\t\t\tif(!areInSameMonth(startOfMonth, s.end)) {\n\t\t\t\tlet [month, year] = [startOfMonth.getMonth(), startOfMonth.getFullYear()];\n\t\t\t\tendDate = getLastDateInMonth(month, year);\n\t\t\t}\n\t\t\tdomainConfigs.push(this.getDomainConfig(startOfMonth, endDate));\n\n\t\t\taddDays(endDate, 1);\n\t\t\tstartOfMonth = endDate;\n\t\t}\n\n\t\treturn domainConfigs;\n\t}\n\n\tgetDomainConfig(startDate, endDate='') {\n\t\tlet [month, year] = [startDate.getMonth(), startDate.getFullYear()];\n\t\tlet startOfWeek = setDayToSunday(startDate); // TODO: Monday as well\n\t\tendDate = clone(endDate) || getLastDateInMonth(month, year);\n\n\t\tlet domainConfig = {\n\t\t\tindex: month,\n\t\t\tcols: []\n\t\t};\n\n\t\taddDays(endDate, 1);\n\t\tlet noOfMonthWeeks = getWeeksBetween(startOfWeek, endDate);\n\n\t\tlet cols = [], col;\n\t\tfor(var i = 0; i < noOfMonthWeeks; i++) {\n\t\t\tcol = this.getCol(startOfWeek, month);\n\t\t\tcols.push(col);\n\n\t\t\tstartOfWeek = new Date(col[NO_OF_DAYS_IN_WEEK - 1].yyyyMmDd);\n\t\t\taddDays(startOfWeek, 1);\n\t\t}\n\n\t\tif(col[NO_OF_DAYS_IN_WEEK - 1].dataValue !== undefined) {\n\t\t\taddDays(startOfWeek, 1);\n\t\t\tcols.push(this.getCol(startOfWeek, month, true));\n\t\t}\n\n\t\tdomainConfig.cols = cols;\n\n\t\treturn domainConfig;\n\t}\n\n\tgetCol(startDate, month, empty = false) {\n\t\tlet s = this.state;\n\n\t\t// startDate is the start of week\n\t\tlet currentDate = clone(startDate);\n\t\tlet col = [];\n\n\t\tfor(var i = 0; i < NO_OF_DAYS_IN_WEEK; i++, addDays(currentDate, 1)) {\n\t\t\tlet config = {};\n\n\t\t\t// Non-generic adjustment for entire heatmap, needs state\n\t\t\tlet currentDateWithinData = currentDate >= s.start && currentDate <= s.end;\n\n\t\t\tif(empty || currentDate.getMonth() !== month || !currentDateWithinData) {\n\t\t\t\tconfig.yyyyMmDd = getYyyyMmDd(currentDate);\n\t\t\t} else {\n\t\t\t\tconfig = this.getSubDomainConfig(currentDate);\n\t\t\t}\n\t\t\tcol.push(config);\n\t\t}\n\n\t\treturn col;\n\t}\n\n\tgetSubDomainConfig(date) {\n\t\tlet yyyyMmDd = getYyyyMmDd(date);\n\t\tlet dataValue = this.data.dataPoints[yyyyMmDd];\n\t\tlet config = {\n\t\t\tyyyyMmDd: yyyyMmDd,\n\t\t\tdataValue: dataValue || 0,\n\t\t\tfill: this.colors[getMaxCheckpoint(dataValue, this.state.distribution)]\n\t\t};\n\t\treturn config;\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { dataPrep, zeroDataPrep, getShortenedLabels } from '../utils/axis-chart-utils';\nimport { AXIS_LEGEND_BAR_SIZE } from '../utils/constants';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset, fire } from '../utils/dom';\nimport { calcChartIntervals, getIntervalSize, getValueRange, getZeroIndex, scale, getClosestInArray } from '../utils/intervals';\nimport { floatTwo } from '../utils/helpers';\nimport { makeOverlay, updateOverlay, legendBar } 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\tsetMeasures(options) {\n\t\tif(this.data.datasets.length <= 1) {\n\t\t\tthis.config.showLegend = 0;\n\t\t\tthis.measures.paddings.bottom = 30;\n\t\t}\n\t}\n\n\tconfigure(options) {\n\t\tsuper.configure(options);\n\n\t\toptions.axisOptions = options.axisOptions || {};\n\t\toptions.tooltipOptions = options.tooltipOptions || {};\n\n\t\tthis.config.xAxisMode = options.axisOptions.xAxisMode || 'span';\n\t\tthis.config.yAxisMode = options.axisOptions.yAxisMode || 'span';\n\t\tthis.config.xIsSeries = options.axisOptions.xIsSeries || 0;\n\n\t\tthis.config.formatTooltipX = options.tooltipOptions.formatTooltipX;\n\t\tthis.config.formatTooltipY = options.tooltipOptions.formatTooltipY;\n\n\t\tthis.config.valuesOverPoints = options.valuesOverPoints;\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\tthis.makeDataByIndex();\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\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\tmakeDataByIndex() {\n\t\tthis.dataByIndex = {};\n\n\t\tlet s = this.state;\n\n\t\t// let 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\t// formatY = formatY && formatY(s.yAxis.labels[0]) ? formatY : 0;\n\n\t\t// yVal = formatY ? formatY(set.values[i]) : set.values[i]\n\t}\n\n\tbindTooltip() {\n\t\t// NOTE: could be in tooltip itself, as it is a given functionality for its parent\n\t\tthis.container.addEventListener('mousemove', (e) => {\n\t\t\tlet m = this.measures;\n\t\t\tlet o = getOffset(this.container);\n\t\t\tlet relX = e.pageX - o.left - m.margins.left - m.paddings.left;\n\t\t\tlet relY = e.pageY - o.top;\n\n\t\t\tif(relY < this.height + m.titleHeight + m.margins.top + m.paddings.top\n\t\t\t\t&& relY > m.titleHeight + m.margins.top + m.paddings.top) {\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 index = getClosestInArray(relX, s.xAxis.positions, true);\n\n\t\tconsole.log(relX, s.xAxis.positions[index], s.xAxis.positions, this.tip.offset.x);\n\t\tthis.tip.setValues(\n\t\t\ts.xAxis.positions[index] + this.tip.offset.x,\n\t\t\ts.yExtremes[index] + this.tip.offset.y,\n\t\t\t{name: s.xAxis.labels[index], value: ''},\n\t\t\tthis.data.datasets.map((set, i) => {\n\t\t\t\treturn {\n\t\t\t\t\ttitle: set.name,\n\t\t\t\t\tvalue: set.values[index],\n\t\t\t\t\tcolor: this.colors[i],\n\t\t\t\t};\n\t\t\t}),\n\t\t\tindex\n\t\t);\n\n\t\tthis.tip.showTip();\n\t}\n\n\trenderLegend() {\n\t\tlet s = this.data;\n\t\tif(s.datasets.length > 1) {\n\t\t\tthis.legendArea.textContent = '';\n\t\t\ts.datasets.map((d, i) => {\n\t\t\t\tlet barWidth = AXIS_LEGEND_BAR_SIZE;\n\t\t\t\t// let rightEndPoint = this.baseWidth - this.measures.margins.left - this.measures.margins.right;\n\t\t\t\t// let multiplier = s.datasets.length - i;\n\t\t\t\tlet rect = legendBar(\n\t\t\t\t\t// rightEndPoint - multiplier * barWidth,\t// To right align\n\t\t\t\t\tbarWidth * i,\n\t\t\t\t\t'0',\n\t\t\t\t\tbarWidth,\n\t\t\t\t\tthis.colors[i],\n\t\t\t\t\td.name);\n\t\t\t\tthis.legendArea.appendChild(rect);\n\t\t\t});\n\t\t}\n\t}\n\n\n\n\t// Overlay\n\tmakeOverlay() {\n\t\tif(this.init) {\n\t\t\tthis.init = 0;\n\t\t\treturn;\n\t\t}\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\n\t\tthis.overlayGuides = this.dataUnitComponents.map(c => {\n\t\t\treturn {\n\t\t\t\ttype: c.unitType,\n\t\t\t\toverlay: undefined,\n\t\t\t\tunits: c.units,\n\t\t\t};\n\t\t});\n\n\t\tif(this.state.currentIndex === undefined) {\n\t\t\tthis.state.currentIndex = this.state.datasetLength - 1;\n\t\t}\n\n\t\t// Render overlays\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\n\t\t\td.overlay = makeOverlay[d.type](currentUnit);\n\t\t\tthis.drawArea.appendChild(d.overlay);\n\t\t});\n\t}\n\n\tupdateOverlayGuides() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\t}\n\n\tbindOverlay() {\n\t\tthis.parent.addEventListener('data-select', () => {\n\t\t\tthis.updateOverlay();\n\t\t});\n\t}\n\n\tbindUnits() {\n\t\tthis.dataUnitComponents.map(c => {\n\t\t\tc.units.map(unit => {\n\t\t\t\tunit.addEventListener('click', () => {\n\t\t\t\t\tlet index = unit.getAttribute('data-point-index');\n\t\t\t\t\tthis.setCurrentDataPoint(index);\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\n\t\t// Note: Doesn't work as tooltip is absolutely positioned\n\t\tthis.tip.container.addEventListener('click', () => {\n\t\t\tlet index = this.tip.container.getAttribute('data-point-index');\n\t\t\tthis.setCurrentDataPoint(index);\n\t\t});\n\t}\n\n\tupdateOverlay() {\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\tupdateOverlay[d.type](currentUnit, d.overlay);\n\t\t});\n\t}\n\n\tonLeftArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex - 1);\n\t}\n\n\tonRightArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex + 1);\n\t}\n\n\tgetDataPoint(index=this.state.currentIndex) {\n\t\tlet s = this.state;\n\t\tlet data_point = {\n\t\t\tindex: index,\n\t\t\tlabel: s.xAxis.labels[index],\n\t\t\tvalues: s.datasets.map(d => d.values[index])\n\t\t};\n\t\treturn data_point;\n\t}\n\n\tsetCurrentDataPoint(index) {\n\t\tlet s = this.state;\n\t\tindex = parseInt(index);\n\t\tif(index < 0) index = 0;\n\t\tif(index >= s.xAxis.labels.length) index = s.xAxis.labels.length - 1;\n\t\tif(index === s.currentIndex) return;\n\t\ts.currentIndex = index;\n\t\tfire(this.parent, \"data-select\", this.getDataPoint());\n\t}\n\n\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","import * as Charts from './chart';\n\nlet frappe = { };\n\nfrappe.NAME = 'Frappe Charts';\nfrappe.VERSION = '1.0.0';\n\nfrappe = Object.assign({ }, frappe, Charts);\n\nexport default frappe;"],"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","getExtraHeight","m","margins","paddings","titleHeight","legendHeight","getExtraWidth","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","limitColor","r","lightenDarkenColor","color","amt","col","getColor","usePound","slice","num","parseInt","b","g","toString","isValidColor","test","createSVG","tag","o","createElementNS","i","val","appendChild","ref","parentNode","insertBefore","keys","map","style","prop","setAttribute","renderVerticalGradient","svgDefElem","gradientId","setGradientStop","gradElem","offset","opacity","makeSVGContainer","parent","className","width","makeSVGDefs","svgContainer","makeSVGGroup","transform","undefined","args","inside","makePath","pathStr","makeArcPathStr","startPosition","endPosition","center","clockWise","arcStartX","x","arcStartY","arcEndX","arcEndY","makeGradient","lighter","gradientDef","opacities","percentageBar","depth","PERCENTAGE_BAR_DEFAULT_DEPTH","heatSquare","size","data","key","legendBar","label","text","FONT_SIZE","FONT_FILL","group","legendDot","makeText","content","options","fontSize","dy","textAnchor","makeVertLine","y1","y2","stroke","BASE_LINE_COLOR","l","LABEL_MARGIN","line","makeHoriLine","x1","x2","lineType","yLine","pos","mode","AXIS_TICK_LENGTH","xLine","yMarker","labelSvg","yRegion","region","datasetBar","index","meta","minHeight","datasetDot","dot","getPaths","xList","yList","pointsStr","join","path","heatline","gradient_id","svgDefs","paths","regionFill","gradient_id_region","translate","unit","oldCoord","newCoord","duration","old","STD_EASING","translateVertLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","animateBar","bar","nodeName","UNIT_ANIM_DUR","split","animateDot","cx","cy","animatePath","newXList","newYList","pathComponents","animPath","PATH_ANIM_DUR","push","regStartPt","regEndPt","animRegion","animatePathStr","oldPath","animateSVGElement","props","dur","easingType","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","downloadFile","filename","a","createElement","blob","Blob","url","URL","createObjectURL","href","download","click","revokeObjectURL","prepareForExport","svg","clone","classList","add","styleEl","create","CSSTEXT","firstChild","container","innerHTML","treatAsUtc","date","result","Date","setMinutes","getMinutes","getTimezoneOffset","getYyyyMmDd","dd","getDate","mm","getMonth","getFullYear","getTime","getWeeksBetween","startDate","endDate","weekStartDate","setDayToSunday","ceil","getDaysBetween","NO_OF_DAYS_IN_WEEK","millisecondsPerDay","SEC_IN_DAY","NO_OF_MILLIS","areInSameMonth","getMonthName","short","monthName","MONTH_NAMES","getLastDateInMonth","month","year","newDate","day","getDay","addDays","numberOfDays","setDate","getComponent","name","constants","getData","Object","componentConfigs","filter","includes","k","config","assign","ChartComponent","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","getClosestInArray","goal","arr","closest","reduce","prev","curr","calcDistribution","distributionSize","dataMaxValue","distributionStep","distribution","checkpoint","getMaxCheckpoint","dataPrep","labels","datasetLength","datasets","zeroArray","vals","chartType","AXIS_DATASET_CHART_TYPES","yRegions","end","zeroDataPrep","realData","zeroData","yMarkers","getShortenedLabels","chartWidth","isSeries","allowedLetters","DEFAULT_CHAR_WIDTH","getChartByType","AxisChart","chartTypes","error","BASE_MEASURES","INIT_CHART_UPDATE_TIMEOUT","PERCENTAGE_BAR_DEFAULT_HEIGHT","DEFAULT_CHART_COLORS","DEFAULT_COLORS","PI","SvgTip","colors","titleName","titleValue","listValues","titleValueFirst","setup","makeTooltip","calcPosition","this","hideTip","title","dataPointList","addEventListener","set","_this2","li","offsetWidth","offsetHeight","maxLeft","pointer","pointerOffset","valueFirst","refresh","PRESET_COLOR_MAP","makeOverlay","transformValue","overlay","updateOverlay","attributes","attr","specified","nodeValue","BaseChart","HTMLElement","Error","rawChartArgs","prepareData","prepareFirstData","validateColors","isNavigable","measures","JSON","parse","stringify","setMeasures","showLegend","argHeight","baseHeight","state","initTimeout","overlays","configure","validColors","forEach","warn","_this","draw","makeContainer","updateWidth","independentWidth","tip","bindTooltip","onlyWidthChange","init","calc","makeChartArea","setupComponents","components","c","drawArea","render","update","renderLegend","setupNavigation","baseWidth","titleEL","titleFontSize","legendArea","updateTipOffset","Map","animate","make","updateNav","bindUnits","bindOverlay","keyActions","onEnterKey","bind","onLeftArrow","onUpArrow","onRightArrow","onDownArrow","e","_this4","event","keyCode","removeEventListener","_this5","boundDrawFn","chartSvg","AggregationChart","maxSlices","maxLegendPoints","s","sliceTotals","allTotals","total","totals","sort","sumOfRemaining","grandTotal","textContent","legendTotals","_this3","DAY_NAMES_SHORT","layerClass","layerTransform","makeElements","animateElements","store","layer","oldData","sliceStrings","transition","newData","xPositions","widths","barHeight","barDepth","positions","position","newPos","newLabels","oldPos","oldLabels","calcLabels","marker","startPos","endPos","_this6","newStarts","oldStarts","colWidth","rowHeight","squareSize","xTranslate","serializedSubDomains","cols","week","weekNo","toUpperCase","yyyyMmDd","dataValue","square","unitType","units","yPositions","barWidth","offsets","barsWidth","newXPos","newYPos","newOffsets","oldXPos","oldYPos","oldOffsets","hideLine","hideDots","valuesOverPoints","newValues","PercentageChart","barOptions","component","xPos","bars","get","gOff","pOff","formattedLabels","fraction","setValues","showTip","PieChart","mouseMove","mouseLeave","hoverRadio","startAngle","prevSlicesProperties","slicesProperties","curAngle","originDiffAngle","diffAngle","endAngle","prevProperty","curStart","curEnd","curPath","property","flag","calTranslateByAngle","g_off","pageX","pageY","formatted_labels","percent","slices","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","Heatmap","countLabel","validStarts","startSubDomain","startSubDomainIndex","discreteDomains","ROW_HEIGHT","HEATMAP_SQUARE_SIZE","spacing","noOfWeeks","setFullYear","dataPoints","points","timestampSec","firstWeekStart","domainConfigs","getDomains","lessCol","dayName","dayText","daySquares","comp","daySquare","dateParts","lessText","COL_WIDTH","moreText","HEATMAP_DISTRIBUTION_SIZE","startMonth","startYear","noOfMonths","startOfMonth","getDomainConfig","startOfWeek","domainConfig","noOfMonthWeeks","getCol","empty","currentDate","currentDateWithinData","getSubDomainConfig","lineOptions","axisOptions","tooltipOptions","xAxisMode","yAxisMode","xIsSeries","formatTooltipX","formatTooltipY","calcXPositions","calcYAxisParameters","getAllYValues","makeDataByIndex","unitWidth","xOffset","xAxis","dataValues","intervalHeight","calcDatasetPoints","calcYExtremes","calcYRegions","scaleAll","cumulativeYs","stacked","yExtremes","cumulativeYPos","cumulative","allValueLists","barDatasets","lineDatasets","barsConfigs","spaceRatio","p","lineConfigs","dotSize","markerConfigs","optionals","dataUnitComponents","dataByIndex","formatX","titles","relX","relY","mapTooltipXPosition","log","overlayGuides","currentIndex","currentUnit","_this7","setCurrentDataPoint","_this9","_this10","getDataPoint","datasetValues","splice","Chart","frappe","NAME","VERSION","Charts"],"mappings":"kCAAO,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,GCtE7B,QAAgBK,GAAeC,SACPA,GAAEC,QAAQjC,IAAMgC,EAAEC,QAAQzB,OAC9CwB,EAAEE,SAASlC,IAAMgC,EAAEE,SAAS1B,OAC5BwB,EAAEG,YAAcH,EAAEI,aAItB,QAAgBC,GAAcL,SACPA,GAAEC,QAAQ7B,KAAO4B,EAAEC,QAAQrB,MAC9CoB,EAAEE,SAAS9B,KAAO4B,EAAEE,SAAStB,MC1C1B,QAAS0B,GAASC,SACjBpB,YAAWoB,EAAEC,QAAQ,IAyC7B,QAAgBC,GAAUC,EAAOC,EAAO9C,MAAS+C,0DAC5C/C,OACO+C,EAAQF,EAAM,GAAKA,EAAMA,EAAMG,OAAS,OAE/CC,GAAc,GAAIC,OAAMC,KAAKC,IAAIN,IAAQO,KAAKrD,YAC1C+C,EAAQE,EAAYK,OAAOT,GAASA,EAAMS,OAAOL,GAS1D,QAAgBM,GAAeC,EAAQC,UAC9BD,EAAO,IAAIR,OAASS,EAyB7B,QAAgBC,GAAmBC,EAAOC,YAErCT,KAAKU,IAAIF,EAAQG,IAAeF,IAChCT,KAAKY,IAAIJ,EAAQG,IAAeF,WCzFrBI,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,GCPjB,QAASE,GAAWC,SACfA,GAAI,IAAY,IACXA,EAAI,EAAU,EAChBA,EAGR,QAAgBC,GAAmBC,EAAOC,MACrCC,GAAMC,GAASH,GACfI,GAAW,CACD,MAAVF,EAAI,OACDA,EAAIG,MAAM,MACL,MAERC,GAAMC,SAASL,EAAI,IACnBJ,EAAID,GAAYS,GAAO,IAAML,GAC7BO,EAAIX,GAAaS,GAAO,EAAK,KAAUL,GACvCQ,EAAIZ,GAAkB,IAANS,GAAkBL,UAC9BG,EAAS,IAAI,KAAOK,EAAKD,GAAK,EAAMV,GAAK,IAAKY,SAAS,IAGhE,QAAgBC,GAAa/B,8CAEgBgC,KAAKhC,GC5BlD,QAAS9D,GAAEC,EAAMC,SACO,gBAATD,IAAoBC,GAAOC,UAAUC,cAAcH,GAAQA,GAAQ,KAGlF,QAAgB8F,GAAUC,EAAKC,MAC1B3F,GAAUH,SAAS+F,gBAAgB,6BAA8BF,OAEhE,GAAIG,KAAKF,GAAG,IACZG,GAAMH,EAAEE,MAEF,WAANA,IACDC,GAAKC,YAAY/F,OAEf,IAAU,WAAN6F,EAAgB,IACpBG,GAAMtG,EAAEoG,KACRG,WAAWC,aAAalG,EAASgG,KAC7BD,YAAYC,OAEJ,WAANH,EACQ,qBAARC,iBAAAA,YACFK,KAAKL,GAAKM,IAAI,cACZC,MAAMC,GAAQR,EAAIQ,MAInB,cAANT,MAAyB,SACnB,cAANA,IACF,YAAyBC,IAEjBS,aAAaV,EAAGC,UAKpB9F,GAGR,QAASwG,GAAuBC,EAAYC,SACpCjB,GAAU,yBACRgB,KACJC,KACA,KACA,KACA,KACA,IAIN,QAASC,GAAgBC,EAAUC,EAAQjC,EAAOkC,SAC1CrB,GAAU,eACNmB,uBACchC,SACdiC,iBACMC,IAIlB,QAAgBC,GAAiBC,EAAQC,EAAWC,EAAO/C,SACnDsB,GAAU,iBACLwB,SACHD,QACDE,SACC/C,IAIV,QAAgBgD,GAAYC,SACpB3B,GAAU,eACR2B,IAIV,QAAgBC,GAAaJ,MAAWK,0DAAU,GAAIN,6DAAOO,GACxDC,aACQP,YACAK,SAETN,KAAQQ,EAAKC,OAAST,GAClBvB,EAAU,IAAK+B,GAWvB,QAAgBE,GAASC,SACjBlC,GAAU,yEAD0B,KAGvCkC,wEAHkD,mEAAa,UAWpE,QAAgBC,GAAeC,EAAeC,EAAaC,EAAQnE,MAAQoE,0DAAU,EAC/EC,EAAyBF,EAAOG,EAAIL,EAAcK,EAAvCC,EAA0CJ,EAAO3D,EAAIyD,EAAczD,EAC9EgE,EAAqBL,EAAOG,EAAIJ,EAAYI,EAAnCG,EAAsCN,EAAO3D,EAAI0D,EAAY1D,YAEhE2D,EAAOG,MAAKH,EAAO3D,YAC1B6D,MAAaE,aACZvE,MAAUA,WAAcoE,EAAY,EAAI,YAC1CI,MAAWC,OAGf,QAAgBC,GAAa7B,EAAY7B,MAAO2D,2DAC3C7B,EAAY,sBAA6B9B,EAAQ,KAAM2D,EAAU,UAAY,WAC7EC,EAAchC,EAAuBC,EAAYC,GACjD+B,GAAa,EAAG,GAAK,UACtBF,QACW,GAAK,GAAK,MAGRC,EAAa,KAAM5D,EAAO6D,EAAU,MACpCD,EAAa,MAAO5D,EAAO6D,EAAU,MACrCD,EAAa,OAAQ5D,EAAO6D,EAAU,IAE/C/B,EAGR,QAAgBgC,GAAcR,EAAG9D,EAAG8C,EAAO/C,MAC1CwE,0DAAMC,GAA8BvF,yDAAK,aAkBlCoC,GAAU,kBAfL,mBACRyC,IACA9D,QACI8C,SACC/C,OACFd,iBAEKsB,EAAmBtB,GAAO,8BAGVc,EAAS+C,QAAUA,OAAU/C,iBACvCwE,KAOnB,QAAgBE,GAAW5B,EAAWiB,EAAG9D,EAAG0E,MAAMzF,0DAAK,OAAQ0F,4DAC1DvB,aACQP,IACRiB,IACA9D,QACI0E,SACCA,OACFzF,iBAGA8C,KAAK4C,GAAM3C,IAAI,cAChB4C,GAAOD,EAAKC,KAGXvD,EAAU,OAAQ+B,GAG1B,QAAgByB,GAAUf,EAAG9D,EAAG0E,MAAMzF,0DAAK,OAAQ6F,eAC9C1B,aACQ,eACR,IACA,QACIsB,SACC,WACFzF,GAEH8F,EAAO1D,EAAU,kBACT,wBACR,IACA,KACc,EAAZ2D,GAAiB,iBACI,IAAZA,GAAmB,mBAClB,aACTC,aACKH,IAGRI,EAAQ7D,EAAU,4BACGyC,OAAM9D,iBAEzB2B,YAAYN,EAAU,OAAQ+B,MAC9BzB,YAAYoD,GAEXG,EAGR,QAAgBC,GAAUrB,EAAG9D,EAAG0E,MAAMzF,0DAAK,OAAQ6F,eAC9C1B,aACQ,gBACP,KACA,IACDsB,OACGzF,GAEH8F,EAAO1D,EAAU,kBACT,wBACR,IACA,KACE2D,GAAa,QACbA,GAAU,EAAK,iBACM,IAAZA,GAAmB,mBAClB,aACTC,aACKH,IAGRI,EAAQ7D,EAAU,4BACGyC,OAAM9D,iBAEzB2B,YAAYN,EAAU,SAAU+B,MAChCzB,YAAYoD,GAEXG,EAGR,QAAgBE,GAASvC,EAAWiB,EAAG9D,EAAGqF,MAASC,6DAC9CC,EAAWD,EAAQC,UAAYP,SAI5B3D,GAAU,kBACLwB,IACRiB,IACA9D,UANoBmD,KAAfmC,EAAQE,GAAmBF,EAAQE,GAAMD,EAAW,GAOnD,iBACIA,EAAW,UAPdD,EAAQrG,MAAQgG,iBACVK,EAAQG,YAAc,kBAS3BJ,IAIb,QAASK,GAAa5B,EAAGgB,EAAOa,EAAIC,MAAIN,4DACnCA,GAAQO,SAAQP,EAAQO,OAASC,OACjCC,GAAI1E,EAAU,kBACN,iBAAmBiE,EAAQzC,aAClC,KACA,KACA8C,KACAC,iBAEKN,EAAQO,UAIdd,EAAO1D,EAAU,UACjB,IACAsE,EAAKC,EAAKD,EAAKK,GAAeL,EAAKK,GAAehB,MACjDA,GAAY,iBACHA,GAAY,mBACV,mBACJF,EAAQ,KAGhBmB,EAAO5E,EAAU,4BACKyC,oBAGrBnC,YAAYoE,KACZpE,YAAYoD,GAEVkB,EAGR,QAASC,GAAalG,EAAG8E,EAAOqB,EAAIC,MAAId,4DACnCA,GAAQO,SAAQP,EAAQO,OAASC,IACjCR,EAAQe,WAAUf,EAAQe,SAAW,OAIrCN,GAAI1E,EAAU,kBAHF,mBAAqBiE,EAAQzC,WACtB,WAArByC,EAAQe,SAAwB,SAAU,OAIvCF,KACAC,KACA,KACA,iBAEKd,EAAQO,UAIdd,EAAO1D,EAAU,UACjB8E,EAAKC,EAAKD,EAAKH,GAAeG,EAAKH,KACnC,KACEhB,GAAY,EAAI,EAAK,iBACbA,GAAY,mBACVmB,EAAKC,EAAK,MAAQ,kBACtBtB,EAAM,KAGdmB,EAAO5E,EAAU,+BACOrB,uBACT,UAGP,KAAT+E,GAAuB,MAATA,MACX9C,MAAM4D,OAAS,2BAGhBlE,YAAYoE,KACZpE,YAAYoD,GAEVkB,EAGR,QAAgBK,GAAMtG,EAAG8E,EAAOhC,MAAOwC,4DAClCA,GAAQiB,MAAKjB,EAAQiB,IAAM,QAC3BjB,EAAQ7C,SAAQ6C,EAAQ7C,OAAS,GACjC6C,EAAQkB,OAAMlB,EAAQkB,KAAO,QAC7BlB,EAAQO,SAAQP,EAAQO,OAASC,IACjCR,EAAQzC,YAAWyC,EAAQzC,UAAY,OAEvCsD,IAAM,EAAIM,GACVL,EAAsB,SAAjBd,EAAQkB,KAAkB1D,EAAQ2D,GAAmB,QAE1C,SAAjBnB,EAAQkB,MAAmC,UAAhBlB,EAAQiB,QAChCzD,EAAQ2D,KACR3D,MAKAwC,EAAQ7C,UACR6C,EAAQ7C,OAEPyD,EAAalG,EAAG8E,EAAOqB,EAAIC,UACzBd,EAAQO,iBACLP,EAAQzC,mBACTyC,EAAQe,WAIpB,QAAgBK,GAAM5C,EAAGgB,EAAO/E,MAAQuF,4DACnCA,GAAQiB,MAAKjB,EAAQiB,IAAM,UAC3BjB,EAAQ7C,SAAQ6C,EAAQ7C,OAAS,GACjC6C,EAAQkB,OAAMlB,EAAQkB,KAAO,QAC7BlB,EAAQO,SAAQP,EAAQO,OAASC,IACjCR,EAAQzC,YAAWyC,EAAQzC,UAAY,OAavC8C,GAAK5F,EAAS0G,GACdb,EAAsB,SAAjBN,EAAQkB,MAAmB,EAAIC,GAAmB1G,QAEvC,SAAjBuF,EAAQkB,MAAmC,QAAhBlB,EAAQiB,SAE/B,EAAIE,KACL,GAGCf,EAAa5B,EAAGgB,EAAOa,EAAIC,UACzBN,EAAQO,iBACLP,EAAQzC,mBACTyC,EAAQe,WAIpB,QAAgBM,GAAQ3G,EAAG8E,EAAOhC,MAAOwC,6DACpCsB,EAAWvF,EAAU,kBACb,gBACRyB,EAAQ3D,EAAe2F,EAAO,GAAKkB,KACnC,KACEhB,IAAa,EAAK,iBACVA,GAAY,mBACV,kBACJF,EAAM,KAGdmB,EAAOC,EAAalG,EAAG,GAAI,EAAG8C,UACzBwC,EAAQO,QAAUC,aACfR,EAAQzC,WAAa,YACtByC,EAAQe,oBAGd1E,YAAYiF,GAEVX,EAGR,QAAgBY,GAAQlB,EAAIC,EAAI9C,EAAOgC,MAElC/E,GAAS4F,EAAKC,EAEd/J,EAAOwF,EAAU,6EAIXyE,sBACehD,OAAU/C,KAG/B,IACA,QACI+C,SACC/C,IAGL6G,EAAWvF,EAAU,kBACb,gBACRyB,EAAQ3D,EAAe2F,EAAM,GAAI,KAAOkB,KACxC,KACEhB,IAAa,EAAK,iBACVA,GAAY,mBACV,kBACJF,EAAM,KAGdgC,EAASzF,EAAU,+BACKuE,iBAGrBjE,YAAY9F,KACZ8F,YAAYiF,GAEZE,EAGR,QAAgBC,GAAWjD,EAAGjE,EAAMiD,EAAOtC,MAAOsE,0DAAM,GAAIkC,yDAAM,EAAGvE,yDAAO,EAAGwE,8DAC5DrH,EAAqBC,EAAMoH,EAAKnH,oBAA7CC,OAAQC,OAGTnE,EAAOwF,EAAU,4CAEJb,qBACIwG,IACjBlD,OANCrB,QAQGK,SACC/C,GAAUkH,EAAKC,mBAGf,KAEKpC,EAAMlG,OAEb,GACDuD,aAAa,IAAK,KAClBA,aAAa,IAAK,MACnB4C,GAAO1D,EAAU,kBACT,qBACRyB,EAAM,IACN,KACEkC,GAAY,GAAK,EAAK,iBACdA,GAAY,mBACV,mBACJF,IAGRI,EAAQ7D,EAAU,wBACD2F,yBACIlD,OAAM9D,iBAEzB2B,YAAY9F,KACZ8F,YAAYoD,GAEXG,QArBArJ,GAyBT,QAAgBsL,GAAWrD,EAAG9D,EAAGR,EAAQgB,MAAOsE,0DAAM,GAAIkC,yDAAM,EAC3DI,EAAM/F,EAAU,yBACHb,qBACIwG,KAChBlD,KACA9D,IACDR,WAGK,KAEKsF,EAAMlG,OAEb,GACFuD,aAAa,KAAM,KACnBA,aAAa,KAAM,MAEnB4C,GAAO1D,EAAU,kBACT,qBACR,IACA,KACE2D,GAAY,GAAK,EAAIxF,EAAU,iBACvBwF,GAAY,mBACV,mBACJF,IAGRI,EAAQ7D,EAAU,wBACD2F,yBACIlD,OAAM9D,iBAEzB2B,YAAYyF,KACZzF,YAAYoD,GAEXG,QAtBAkC,GA0BT,QAAgBC,GAASC,EAAOC,EAAO/G,MAAO8E,6DAAY2B,4DAErDO,EADaD,EAAMvF,IAAI,SAAChC,EAAGyB,SAAO6F,GAAM7F,GAAK,IAAMzB,IAC5ByH,KAAK,KAC5BC,EAAOpE,EAAS,IAAIkE,EAAW,kBAAmBhH,MAGnD8E,EAAQqC,SAAU,IAChBC,GAAc1D,EAAa+C,EAAKY,QAASrH,KACxCyB,MAAM4D,eAAiB+B,SAGzBE,SACGJ,MAIJpC,EAAQyC,WAAY,IAClBC,GAAqB9D,EAAa+C,EAAKY,QAASrH,GAAO,GAGvD+C,EAAU,IAAS+D,EAAM,OAAML,EAAKnH,aAAc0H,MAAgBF,EAAMzG,OAAO,GAAG,OAAMoG,EAAKnH,WAC3FgH,OAASxD,EAASC,gBAAwB,eAAgByE,aAG1DF,GC3hBR,QAAgBG,GAAUC,EAAMC,EAAUC,EAAUC,MAC/CC,GAA0B,gBAAbH,GAAwBA,EAAWA,EAASV,KAAK,aAEjES,GACChF,UAAWkF,EAASX,KAAK,OAC1BY,EACAE,GACA,aACCrF,UAAWoF,IAId,QAAgBE,GAAkB9B,EAAO+B,EAAMC,SACvCT,GAAUvB,GAAQgC,EAAM,IAAKD,EAAM,GAAIE,IAG/C,QAAgBC,GAAkBtC,EAAOuC,EAAMC,SACvCb,GAAU3B,GAAQ,EAAGwC,IAAQ,EAAGD,GAAOF,IAG/C,QAAgBI,GAAcC,EAAWC,EAAOC,EAAOC,MAClDC,GAAYH,EAAQC,EACpBrN,EAAOmN,EAAUK,WAAW,WAG/BxN,GACEkE,OAAQqJ,EAAWE,mBAHVzN,EAAK0N,aAAa,cAGyBH,GACtDT,GACAJ,IAGeN,EAAUe,GAAY,EAAGG,IAAS,EAAGD,GAAQP,KAI9D,QAAgBa,GAAWC,EAAK3F,EAAGjE,EAAMiD,MAAOL,0DAAO,IACpC7C,EAAqBC,8DAAWC,oBAA7CC,OAAQC,iBACRyC,EACe,SAAjBgH,EAAIC,WACKD,EAAIJ,WAAW,IAGxBvG,MAAOA,EAAO/C,OAAQA,GACvB4J,GACApB,IAIeN,EAAUwB,EADRA,EAAIF,aAAa,aAAaK,MAAM,KAAK,GAAG/I,MAAM,GAAI,IAC3BiD,EAAG9D,GAAI2I,OAG3Cc,GAAM3G,MAAOA,EAAO/C,OAAQA,EAAQ+D,EAAGA,EAAG9D,EAAGA,GAAI2J,GAAepB,KAK3E,QAAgBsB,GAAWzC,EAAKtD,EAAG9D,SACd,WAAjBoH,EAAIsC,UAEUzB,EAAUb,EADRA,EAAImC,aAAa,aAAaK,MAAM,KAAK,GAAG/I,MAAM,GAAI,IAC3BiD,EAAG9D,GAAI2I,OAG3CvB,GAAM0C,GAAIhG,EAAGiG,GAAI/J,GAAI2J,GAAepB,KAK/C,QAAgByB,GAAYlC,EAAOmC,EAAUC,EAAUpK,MAClDqK,MAGA5G,EADY2G,EAASlI,IAAI,SAAChC,EAAGyB,SAAOwI,GAASxI,GAAK,IAAMzB,IACpCyH,KAAK,KAEvB2C,GAAYtC,EAAMJ,MAAOpJ,EAAE,IAAIiF,GAAU8G,GAAe9B,SAC/C+B,KAAKF,GAEjBtC,EAAMhB,OAAQ,IACZyD,GAAgBN,EAAS,OAAMnK,MAC/B0K,MAAeP,EAASpJ,OAAO,GAAG,QAAOf,EAEvC2K,GACL3C,EAAMhB,QACLxI,EAAE,IAAMiM,EAAahH,EAAUiH,GAChCH,GACA9B,MAEc+B,KAAKG,SAGdN,GAGR,QAAgBO,GAAeC,EAASpH,UAC/BoH,GAAUrM,EAAGiF,GAAUoG,GAAepB,ICzF/C,QAASqC,GAAkBhP,EAASiP,EAAOC,MAAKC,0DAAW,SAAUxN,6DAAK4F,GAAW6H,4DAEhFC,EAAcrP,EAAQsP,WAAU,GAChCC,EAAavP,EAAQsP,WAAU,OAE/B,GAAIE,KAAiBP,GAAO,IAC3BQ,YACiB,cAAlBD,EACe3P,SAAS+F,gBAAgB,6BAA8B,oBAEvD/F,SAAS+F,gBAAgB,6BAA8B,cAErE8J,GAAeN,EAAUI,IAAkBxP,EAAQ2N,aAAa6B,GAChEG,EAAQV,EAAMO,GAEdI,iBACYJ,OACTE,KACFC,QACG,SACFT,EAAI,IAAO,WACRQ,EAAe,IAAMC,aACjBE,GAAOV,YACT,eACA,cACJ,SAGJxN,OACF,KAAmBA,OAGf,GAAIkE,KAAK+J,KACErJ,aAAaV,EAAG+J,EAAS/J,MAG7BE,YAAY0J,GAErB9N,IACS4E,aAAaiJ,eAA4BG,SAEzCpJ,aAAaiJ,EAAeG,UAIjCN,EAAaE,GAGtB,QAAgBjI,GAAUtH,EAASqG,KAC1BA,MAAMiB,UAAYjB,IAClBA,MAAMyJ,gBAAkBzJ,IACxBA,MAAM0J,YAAc1J,IACpBA,MAAM2J,aAAe3J,IACrBA,MAAM4J,WAAa5J,EAG5B,QAAS6J,GAAW9I,EAAc+I,MAC7BC,MACAC,OAEKjK,IAAI,eACRkG,GAAOtM,EAAQ,GACfgH,EAASsF,EAAKrG,WAEdoJ,SAAaE,WAET,GAAKjD,QACe0C,kBAAqBhP,8BAErC0O,KAAKa,KACJb,MAAMW,EAAarI,MAEzBsJ,aAAajB,EAAa/C,QAG9BiE,GAAUnJ,EAAakI,WAAU,YAExBlJ,IAAI,SAACiJ,EAAaxJ,KAClB,GAAGyK,aAAaF,EAAYvK,GAAIwJ,EAAY,MAC/CxJ,GAAG,GAAKuK,EAAYvK,KAGvB0K,EAGR,QAAgBC,GAAiBxJ,EAAQyJ,EAAYC,MACpB,IAA7BA,EAAkB1N,WAEjB2N,GAAiBT,EAAWO,EAAYC,EACzCD,GAAWxK,YAAce,MACpB4J,YAAYH,KACZ1K,YAAY4K,eAKT,WACPA,EAAe1K,YAAce,MACxB4J,YAAYD,KACZ5K,YAAY0K,KAElBI,KC/GG,QAASC,GAAaC,EAAUhI,MAClCiI,GAAInR,SAASoR,cAAc,OAC7B5K,MAAQ,mBACN6K,GAAO,GAAIC,MAAKpI,GAAOpH,KAAM,iCAC7ByP,EAAMxQ,OAAOyQ,IAAIC,gBAAgBJ,KACnCK,KAAOH,IACPI,SAAWT,WACJzQ,KAAKyF,YAAYiL,KACxBS,mBACS,oBACDnR,KAAKsQ,YAAYI,UACnBK,IAAIK,gBAAgBN,IACzB,KAGJ,QAAgBO,GAAiBC,MAC5BC,GAAQD,EAAItC,WAAU,KACpBwC,UAAUC,IAAI,qBACdxL,aAAa,QAAS,gCACtBA,aAAa,cAAe,mCAC9ByL,GAAUtS,EAAEuS,OAAO,mBACTC,OAERhM,aAAa8L,EAASH,EAAMM,eAE9BC,GAAY1S,EAAEuS,OAAO,gBACflM,YAAY8L,GAEfO,EAAUC,UCblB,QAASC,IAAWC,MACfC,GAAS,GAAIC,MAAKF,YACfG,WAAWF,EAAOG,aAAeH,EAAOI,qBACxCJ,EAGR,QAAgBK,IAAYN,MACvBO,GAAKP,EAAKQ,UACVC,EAAKT,EAAKU,WAAa,SAE1BV,EAAKW,eACJF,EAAG,EAAI,GAAK,KAAOA,GACnBF,EAAG,EAAI,GAAK,KAAOA,GACnBjH,KAAK,KAGR,QAAgBgG,IAAMU,SACd,IAAIE,MAAKF,EAAKY,WAiBtB,QAAgBC,IAAgBC,EAAWC,MACtCC,GAAgBC,GAAeH,SAC5BlQ,MAAKsQ,KAAKC,GAAeH,EAAeD,GAAWK,IAG3D,QAAgBD,IAAeL,EAAWC,MACrCM,GAAqBC,GAAaC,UAC9BxB,GAAWgB,GAAWhB,GAAWe,IAAcO,EAGxD,QAAgBG,IAAeV,EAAWC,SAClCD,GAAUJ,aAAeK,EAAQL,YACpCI,EAAUH,gBAAkBI,EAAQJ,cAGzC,QAAgBc,IAAanO,MAAGoO,2DAC3BC,EAAYC,GAAYtO,SACrBoO,GAAQC,EAAUjP,MAAM,EAAG,GAAKiP,EAGxC,QAAgBE,IAAoBC,EAAOC,SACnC,IAAI7B,MAAK6B,EAAMD,EAAQ,EAAG,GAIlC,QAAgBb,IAAejB,MAC1BgC,GAAU1C,GAAMU,GACdiC,EAAMD,EAAQE,eACT,KAARD,MACMD,GAAW,EAAKC,GAElBD,EAIR,QAAgBG,IAAQnC,EAAMoC,KACxBC,QAAQrC,EAAKQ,UAAY4B,GC0U/B,QAAgBE,IAAaC,EAAMC,EAAWC,MACzC7O,GAAO8O,OAAO9O,KAAK+O,IAAkBC,OAAO,kBAAKL,GAAKM,SAASC,KAC/DC,EAASJ,GAAiB/O,EAAK,kBAC5BoP,OAAOD,aACFP,UACFC,IAEH,GAAIQ,IAAeF,GCva3B,QAASG,IAAUvN,MAKX,IAAJA,SACM,EAAG,MAETwN,MAAMxN,UACAyN,UAAW,iBAAkBC,SAAU,QAE5CC,GAAM3N,EAAI,EAAI,GAAK,MACnB4N,SAAS5N,UACJyN,SAAgB,iBAANE,EAAwBD,SAAU,OAGjDzS,KAAKC,IAAI8E,MACT6N,GAAM5S,KAAK6S,MAAM7S,KAAK8S,MAAM/N,WAGxB2N,GAFE3N,EAAE/E,KAAK+S,IAAI,GAAIH,IAENA,GAGpB,QAASI,IAAuBC,MAAKC,0DAAI,EACpCC,EAAanT,KAAKsQ,KAAK2C,GACvBG,EAAapT,KAAK6S,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,MACI9Q,EAAI,EAAGA,GAAK4Q,EAAW5Q,MACpB6I,KAAK6H,EAAaG,EAAW7Q,SAEjC8Q,GAGR,QAASC,IAAkBC,MAAUC,0DAAS,IACZrB,GAAUoB,aAAtCE,OAAgBnB,OACjBoB,EAAiBF,EAAWA,EAAS3T,KAAK+S,IAAI,GAAIN,GAAW,EAK7De,EAAYR,KAFCY,EAAepU,QAAQ,GAEeqU,YAC3CL,EAAUvQ,IAAI,kBAASuJ,GAAQxM,KAAK+S,IAAI,GAAIN,KAIzD,QAAgBqB,IAAmBC,WAYzBC,GAA0BN,EAAUO,OAOxC,GANAT,GAAYC,GAAkBC,GAE9BQ,EAAeV,EAAU,GAAKA,EAAU,GAGxChH,EAAQ,EACJ9J,EAAI,EAAG8J,EAAQyH,EAAavR,OAC1BwR,IACCC,SAAU,EAAK3H,SAEnBgH,MAvBkCY,2DAMtCV,EAAW1T,KAAKiT,kBAAOc,IACvBJ,EAAW3T,KAAKkT,kBAAOa,IAGTP,QAkBfE,GAAY,GAAKC,GAAY,EACpBrB,GAAUoB,GAAU,KAC3BU,EAGSX,GAAkBC,EAAUC,GAF5BF,GAAkBC,OAQ3B,IAAGA,EAAW,GAAKC,EAAW,EAAG,IAOjCM,GAAcjU,KAAKC,IAAI0T,EAExBD,IAAYO,GACH3B,GAAUoB,GAAU,KACnBM,EAA0BN,EAAUO,KAGrC3B,GAAU2B,GAAa,KACfD,EAA0BC,EAAaP,GACjCzQ,IAAI,mBAAW,EAAN1D,SAO/B,IAAGmU,GAAY,GAAKC,GAAY,EAAG,IAInCU,GAAiBrU,KAAKC,IAAI0T,GAC1BW,EAAiBtU,KAAKC,IAAIyT,EAEnBpB,IAAU+B,GAAgB,QACjCD,EAGSX,GAAkBY,EAAgBC,GAFlCb,GAAkBY,IAKTE,UAAUtR,IAAI,mBAAW,EAAN1D,UAGnCiU,GAGR,QAAgBgB,IAAaC,MAExBC,GAAWC,GAAgBF,SAC5BA,GAAKG,QAAQ,IAAM,EAGTH,EAAKG,QAAQ,GAChBH,EAAK,GAAK,GAIL,EADJA,EAAK,GACUC,GAKX,EADJD,EAAKA,EAAK5U,OAAS,GACJ6U,GAAYD,EAAK5U,OAAS,GAiBrD,QAAgB8U,IAAgBE,SACxBA,GAAa,GAAKA,EAAa,GAGvC,QAAgBC,IAAcD,SACtBA,GAAaA,EAAahV,OAAO,GAAKgV,EAAa,GAG3D,QAAgBE,IAAMpS,EAAKqS,SACnB1V,GAAS0V,EAAMjU,SAAW4B,EAAMqS,EAAMC,iBAY9C,QAAgBC,IAAkBC,EAAMC,MAAKnN,2DACxCoN,EAAUD,EAAIE,OAAO,SAASC,EAAMC,SAC/BxV,MAAKC,IAAIuV,EAAOL,GAAQnV,KAAKC,IAAIsV,EAAOJ,GAAQK,EAAOD,UAGzDtN,GAAQmN,EAAIR,QAAQS,GAAWA,EAGvC,QAAgBI,IAAiB1B,EAAQ2B,OASpC,GALAC,GAAe3V,KAAKiT,kBAAOc,IAE3B6B,EAAmB,GAAKF,EAAmB,GAC3CG,KAEInT,EAAI,EAAGA,EAAIgT,EAAkBhT,IAAK,IACrCoT,GAAaH,GAAgBC,EAAmBlT,KACvC6I,KAAKuK,SAGZD,GAGR,QAAgBE,IAAiBvJ,EAAOqJ,SAChCA,GAAa7D,OAAO,kBAAKzS,GAAIiN,IAAO3M,OC1OrC,QAASmW,IAASpQ,EAAMpH,KACzByX,OAASrQ,EAAKqQ,cAEfC,GAAgBtQ,EAAKqQ,OAAOpW,OAG5BsW,EAAWvQ,EAAKuQ,SAChBC,EAAY,GAAIrW,OAAMmW,GAAehW,KAAK,SAC1CiW,gBAGMC,OAIDnT,IAAI,eAER1D,EAAEwU,OAEC,IAEFsC,GAAO9W,EAAEwU,YACNsC,EAAKpT,IAAI,kBAASsP,OAAM5P,GAAa,EAANA,KAG9B9C,OAASqW,EACTG,EAAKvU,MAAM,EAAGoU,GAEdzW,EAAU4W,EAAMH,EAAgBG,EAAKxW,OAAQ,UAVnDkU,OAASqC,CAkBR7W,GAAE+W,YACDC,GAAyBtE,SAASzT,KACpC8X,UAAY9X,KASboH,EAAK4Q,YACFA,SAASvT,IAAI,eACd1D,EAAEkX,IAAMlX,EAAEK,MAAO,QACCL,EAAEkX,IAAKlX,EAAEK,SAA1BA,aAAS6W,YAKR7Q,EAGR,QAAgB8Q,IAAaC,MACxBT,GAAgBS,EAASV,OAAOpW,OAChCuW,EAAY,GAAIrW,OAAMmW,GAAehW,KAAK,GAE1C0W,UACKD,EAASV,OAAOnU,MAAM,GAAI,YACxB6U,EAASR,SAASlT,IAAI,wBAExB,UACEmT,EAAUtU,MAAM,GAAI,aACjBvC,EAAE+W,oBAKbK,GAASE,aACFA,iBAEA,QACA,MAKPF,EAASH,aACFA,iBAEA,MACF,QACE,MAKHI,EAGR,QAAgBE,IAAmBC,MAAYd,6DAAWe,6DAErDC,EADeF,EAAad,EAAOpW,OACHqX,SAEnBjB,GAAOhT,IAAI,SAAC8C,EAAOrD,aAC1B,IACA7C,OAASoX,IAEbD,EAQAtU,EADY1C,KAAKsQ,KAAKvK,EAAMlG,OAAOoX,IAClB,MACX,MARNA,EAAe,EAAI,EACblR,EAAMjE,MAAM,EAAGmV,EAAe,GAAK,OAEnClR,EAAMjE,MAAM,EAAGmV,GAAkB,MASrClR,ICtGT,QAASoR,SAAeb,0DAAY,OAAQzS,eAAQ0C,qBACjC,eAAd+P,KACK9X,KAAO,OACR,GAAI4Y,IAAUvT,EAAQ0C,IAGzB8Q,GAAWf,GAKT,GAAIe,IAAWf,GAAWzS,EAAQ0C,gBAJhC+Q,MAAM,yBAA2BhB,ywJbV3C/Z,GAAEuS,OAAS,SAACvM,EAAKC,MACZ3F,GAAUH,SAASoR,cAAcvL,OAEhC,GAAIG,KAAKF,GAAG,IACZG,GAAMH,EAAEE,MAEF,WAANA,IACDC,GAAKC,YAAY/F,OAEf,IAAU,WAAN6F,EAAgB,IACpBG,GAAMtG,EAAEoG,KACRG,WAAWC,aAAalG,EAASgG,KAC7BD,YAAYC,OAEJ,WAANH,EACQ,qBAARC,iBAAAA,YACFK,KAAKL,GAAKM,IAAI,cACZC,MAAMC,GAAQR,EAAIQ,KAGlBT,IAAK7F,KACP6F,GAAKC,IAGLS,aAAaV,EAAGC,SAInB9F,GCxBD,IAAM0a,kBAEN,UACG,QACF,SACC,kBAGF,UACG,QACF,SACC,eAGI,gBACC,gBACC,iBAEC,IAiBHC,GAA4B,IAI5BjB,IAA4B,OAAQ,OAUpCkB,GAAgC,GAChChS,GAA+B,EAS/ByR,GAAqB,EAI5BQ,IAAwB,aAAc,OAAQ,SAAU,MAAO,SACpE,SAAU,QAAS,cAAe,SAAU,UAAW,aAAc,aAKzDC,QACPD,QACCA,OACDA,cACOA,YARiB,UAAW,UAAW,UAAW,UAAW,YAa7D/W,GAAcX,KAAK4X,GAAK,Ia7FhBC,oCAEnBhU,OAAAA,aAAS,WACTiU,OAAAA,kCAEKjU,OAASA,OACTiU,OAASA,OACTC,UAAY,QACZC,WAAa,QACbC,mBACAC,gBAAkB,OAElBnT,EAAI,OACJ9D,EAAI,OAEJjE,IAAM,OACNI,KAAO,OAEP+a,wDAIAC,qDAIAlY,YACAmY,qEAIApJ,UAAY1S,EAAEuS,OAAO,cACjBwJ,KAAKzU,iBACF,8JAKP0U,eAEAC,MAAQF,KAAKrJ,UAAUtS,cAAc,eACrC8b,cAAgBH,KAAKrJ,UAAUtS,cAAc,yBAE7CkH,OAAO6U,iBAAiB,aAAc,aACrCH,sDAKFC,QACDF,MAAKrQ,YACFgH,UAAU7L,aAAa,mBAAoBkV,KAAKrQ,SAEnDqQ,KAAKJ,2BACYI,KAAKN,uBAAsBM,KAAKP,UAExCO,KAAKP,qBAAoBO,KAAKN,4BAErCQ,MAAMtJ,UAAYsJ,OAClBC,cAAcvJ,UAAY,QAE1B+I,WAAWhV,IAAI,SAAC0V,EAAKjW,MACnBjB,GAAQmX,EAAKd,OAAOpV,IAAM,QAE5BmW,EAAKtc,EAAEuS,OAAO,wCAEWrN,iDAEiC,IAAdkX,EAAInM,OAAemM,EAAInM,MAAQmM,EAAInM,MAAQ,6BACvFmM,EAAIH,MAAQG,EAAIH,MAAQ,QAGvBC,cAAc7V,YAAYiW,+CAK5B9U,GAAQuU,KAAKrJ,UAAU6J,iBAEtB9b,IAAMsb,KAAKrX,EAAIqX,KAAKrJ,UAAU8J,abHU,OaKxC3b,KAAOkb,KAAKvT,EAAIhB,EAAM,KACvBiV,GAAUV,KAAKzU,OAAOiV,YAAc/U,EAEpCkV,EAAUX,KAAKrJ,UAAUtS,cAAc,mBAExC2b,KAAKlb,KAAO,IACN8F,MAAM9F,oBAAsB,EAAIkb,KAAKlb,gBACxCA,KAAO,MACN,IAAGkb,KAAKlb,KAAO4b,EAAS,IAE1BE,kBADQZ,KAAKlb,KAAO4b,WAEhB9V,MAAM9F,KAAO8b,OAEhB9b,KAAO4b,SAEJ9V,MAAM9F,6CAIN2H,EAAG9D,MAAGuX,6DAAYP,4DAAiBhQ,0DAAS,OAChD8P,UAAYS,EAAM7G,UAClBqG,WAAaQ,EAAMhM,WACnByL,WAAaA,OACblT,EAAIA,OACJ9D,EAAIA,OACJiX,gBAAkBM,EAAMW,YAAc,OACtClR,MAAQA,OACRmR,iDAIAnK,UAAU/L,MAAMlG,IAAM,WACtBiS,UAAU/L,MAAM9F,KAAO,WACvB6R,UAAU/L,MAAMS,QAAU,2CAI1BsL,UAAU/L,MAAMlG,IAAMsb,KAAKtb,IAAM,UACjCiS,UAAU/L,MAAM9F,KAAOkb,KAAKlb,KAAO,UACnC6R,UAAU/L,MAAMS,QAAU,aV3H3B0V,iBACS,eACN,iBACE,cACH,iBACG,iBACA,gBACD,wBACM,iBACL,kBACC,gBACF,eACD,uBACM,sBACD,WA4BDzX,GAAW,SAACH,SACjB4X,IAAiB5X,IAAUA,GCtCtBiG,GAAmB,EAC1BT,GAAe,EACRhB,GAAY,GACnBc,GAAkB,UAClBb,GAAY,UA8hBPoT,QACH,SAACnQ,MACHoQ,SACiB,UAAlBpQ,EAAKwB,aACUxB,EAAKqB,aAAa,eAC5BrB,EAAKmB,WAAW,OAEpBkP,GAAUrQ,EAAKgD,qBACXjJ,MAAMhD,KAAO,YACbgD,MAAMS,QAAU,MAErB4V,KACMnW,aAAa,YAAamW,GAE5BC,OAGD,SAACrQ,MACHoQ,SACiB,YAAlBpQ,EAAKwB,aACUxB,EAAKqB,aAAa,eAC5BrB,EAAKmB,WAAW,OAEpBkP,GAAUrQ,EAAKgD,YACf1L,EAAS0I,EAAKqB,aAAa,KAC3BtK,EAAOiJ,EAAKqB,aAAa,iBACrBpH,aAAa,IAAKpB,SAASvB,GJhgBA,KIigB3B2C,aAAa,OAAQlD,KACrBgD,MAAMS,QAAU,MAErB4V,KACMnW,aAAa,YAAamW,GAE5BC,eAGO,SAACrQ,MACXoQ,SACiB,YAAlBpQ,EAAKwB,aACUxB,EAAKqB,aAAa,eAC5BrB,EAAKmB,WAAW,OAEpBkP,GAAUrQ,EAAKgD,YACf1L,EAAS0I,EAAKqB,aAAa,KAC3BtK,EAAOiJ,EAAKqB,aAAa,iBACrBpH,aAAa,IAAKpB,SAASvB,GJnhBA,KIohB3B2C,aAAa,OAAQlD,KACrBgD,MAAMS,QAAU,MAErB4V,KACMnW,aAAa,YAAamW,GAE5BC,IAIEC,QACH,SAACtQ,EAAMqQ,MACTD,SACiB,UAAlBpQ,EAAKwB,aACUxB,EAAKqB,aAAa,eAC5BrB,EAAKmB,WAAW,OAEpBoP,IAAc,IAAK,IAAK,QAAS,iBAC9B3F,OAAO5K,EAAKuQ,YACjB1H,OAAO,kBAAQ0H,GAAWzH,SAAS0H,EAAKhI,OAASgI,EAAKC,YACtD3W,IAAI,cACIG,aAAauW,EAAKhI,KAAMgI,EAAKE,aAGpCN,KACMnW,aAAa,YAAamW,QAI7B,SAACpQ,EAAMqQ,MACTD,SACiB,YAAlBpQ,EAAKwB,aACUxB,EAAKqB,aAAa,eAC5BrB,EAAKmB,WAAW,OAEpBoP,IAAc,KAAM,aACjB3F,OAAO5K,EAAKuQ,YACjB1H,OAAO,kBAAQ0H,GAAWzH,SAAS0H,EAAKhI,OAASgI,EAAKC,YACtD3W,IAAI,cACIG,aAAauW,EAAKhI,KAAMgI,EAAKE,aAGpCN,KACMnW,aAAa,YAAamW,gBAIrB,SAACpQ,EAAMqQ,MACjBD,SACiB,YAAlBpQ,EAAKwB,aACUxB,EAAKqB,aAAa,eAC5BrB,EAAKmB,WAAW,OAEpBoP,IAAc,KAAM,aACjB3F,OAAO5K,EAAKuQ,YACjB1H,OAAO,kBAAQ0H,GAAWzH,SAAS0H,EAAKhI,OAASgI,EAAKC,YACtD3W,IAAI,cACIG,aAAauW,EAAKhI,KAAMgI,EAAKE,aAGpCN,KACMnW,aAAa,YAAamW,KChpBxB3O,GAAgB,IAChBU,GAAgB,IAChB1B,GAAuBgB,GACvB8C,GAAsB,IAEtBlE,GAAa,SCHpBkD,SACC,yBACE,iBAEA,wBACC,uBACE,iBQVCqC,GAAU,uoDCSF+K,yBACRjW,EAAQ0C,sBAEd1C,OAA2B,gBAAXA,GAClBnH,SAASC,cAAckH,GACvBA,IAEGyU,KAAKzU,iBAAkBkW,mBACtB,IAAIC,OAAM,uDAGZC,aAAe1T,OAEfiS,MAAQjS,EAAQiS,OAAS,QACzBha,KAAO+H,EAAQ/H,MAAQ,QAEvBmY,SAAW2B,KAAK4B,YAAY3T,EAAQX,WACpCA,KAAO0S,KAAK6B,iBAAiB7B,KAAK3B,eAElCmB,OAASQ,KAAK8B,eAAe7T,EAAQuR,OAAQQ,KAAK9Z,WAElD2T,oBACS,aACD,cACC5L,EAAQ8T,aAAe,UAC3B,QAGLC,SAAWC,KAAKC,MAAMD,KAAKE,UAAUlD,QACtCvY,GAAIsZ,KAAKgC,cACRI,YAAYnU,GACb+R,KAAKE,MAAM3Y,WAAYV,YAAc,GACrCmZ,KAAKnG,OAAOwI,aAAY3b,EAAEI,aAAe,QACxCwb,UAAYrU,EAAQvF,QAAUhC,EAAE6b,gBAEhCC,cACAvU,gBAEAwU,YAAcvD,GAEhBc,KAAKnG,OAAOkI,mBACTW,kBAGDC,UAAU1U,kDAGJX,SACJA,4CAGSA,SACTA,0CAGOkS,EAAQtZ,MAChB0c,gBACIpD,OAAc3X,OAAOwX,GAAenZ,KACvC2c,QAAQ,SAAC9a,MACToB,GAAQG,GAASvB,EACnB+B,GAAaX,KAGJ8J,KAAK9J,WAFT2Z,KAAK,IAAM/a,EAAS,6BAKvB6a,wFASHla,EAASsX,KAAKsC,eACbC,WAAa7Z,OACbA,OAASA,EAASjC,EAAeuZ,KAAKgC,iBAGpC5B,iBAAiB,SAAU,iBAAM2C,GAAKC,MAAK,YAC3C5C,iBAAiB,oBAAqB,iBAAM2C,GAAKC,MAAK,0CAKxDC,qBACAC,mBACApD,mBAEAkD,MAAK,GAAO,gDAKZzX,OAAOqL,UAAY,MAEpB7K,WACKiU,KAAKzU,iBACF,kBAGTyU,MAAKmD,qBACFzd,QAAW+F,MAAOuU,KAAKmD,iBAAmB,YAG3CxM,UAAY1S,EAAEuS,OAAO,MAAOzK,8CAI5BqX,IAAM,GAAI7D,YACNS,KAAKrJ,iBACLqJ,KAAKR,cAET6D,+FAKDC,0DAAuBC,+DACtBC,KAAKF,QACLJ,mBACAO,qBACAC,uBAEAC,WAAWd,QAAQ,kBAAKe,GAAE/D,MAAMS,EAAKuD,iBAErCC,OAAO9D,KAAK2D,YAAY,GAE1BJ,SACGjW,KAAO0S,KAAK3B,oBACN,aAAY0F,OAAOzD,EAAKhT,OAAS0S,KAAKyC,mBAG7CuB,oBAEAC,gBAAgBV,8EAMhBW,UAAYze,EAAuBua,KAAKzU,aACxCE,MAAQuU,KAAKkE,UAAYnd,EAAciZ,KAAKgC,kDAI9ChC,KAAK7J,UACFQ,UAAUxB,YAAY6K,KAAK7J,QAE7BzP,GAAIsZ,KAAKgC,cAER7L,IAAM7K,EACV0U,KAAKrJ,UACL,qBACAqJ,KAAKkE,UACLlE,KAAKuC,iBAED/R,QAAU9E,EAAYsU,KAAK7J,KAE7B6J,KAAKE,MAAM3Y,cACR4c,QAAUpW,EACd,QACArH,EAAEC,QAAQ7B,KACV4B,EAAEC,QAAQjC,IACVsb,KAAKE,gBAEMxZ,EAAE0d,mBACN,aACF1d,EAAE0d,oBAKL1f,GAAMgC,EAAEC,QAAQjC,IAAMgC,EAAEG,YAAcH,EAAEE,SAASlC,SAChDmf,SAAWjY,EACfoU,KAAK9Z,KAAO,uCACCQ,EAAEC,QAAQ7B,KAAO4B,EAAEE,SAAS9B,WAASJ,OAGhDsb,KAAKnG,OAAOwI,gBACPrC,KAAKtX,OAAShC,EAAEE,SAAS1B,YAC3Bmf,WAAazY,EACjB,6BACalF,EAAEC,QAAQ7B,KAAO4B,EAAEE,SAAS9B,WAASJ,QAIjDsb,KAAKE,MAAM3Y,aAAe4O,IAAI7L,YAAY0V,KAAKmE,cAC7ChO,IAAI7L,YAAY0V,KAAK6D,UACvB7D,KAAKnG,OAAOwI,iBAAmBlM,IAAI7L,YAAY0V,KAAKqE,iBAElDC,gBAAgB5d,EAAEC,QAAQ7B,KAAO4B,EAAEE,SAAS9B,KAAM4B,EAAEC,QAAQjC,IAAMgC,EAAEE,SAASlC,IAAMgC,EAAEG,qDAG3E4F,EAAG9D,QACbya,IAAIhY,UACLqB,IACA9D,kDAIoBgb,WAAa,GAAIY,oCAEnCjX,GACFA,WACK0R,MAAM,2BAEV1R,KAAO0S,KAAK4B,YAAYtU,QACxBkW,YACAM,qDAGCH,yDAAW3D,KAAK2D,WAAYa,4DAC/BxE,MAAKnG,OAAOkI,kBAETW,SAAS/X,IAAI,kBAAKT,GAAEM,WAAW2K,YAAYjL,QAG7C+K,QAEO4N,QAAQ,cACE5N,EAAkBpN,OAAO+b,EAAEG,OAAOS,MAEpDvP,EAAkB1N,OAAS,KACZyY,KAAKrJ,UAAWqJ,KAAK7J,IAAKlB,cAChC,aACC4N,QAAQ,kBAAKe,GAAEa,WACrBC,afvLiC,Se0L5B7B,QAAQ,kBAAKe,GAAEa,cACrBC,iDAKH1E,KAAKnG,OAAOkI,mBACTf,mBACA2D,0GAMSpB,yDACXvD,MAAKnG,OAAOkI,aAEbwB,SACGqB,mBAEAC,eACE7E,KAAK8E,WAAWC,KAAK/E,SACrBA,KAAKgF,YAAYD,KAAK/E,SACtBA,KAAKiF,UAAUF,KAAK/E,SACpBA,KAAKkF,aAAaH,KAAK/E,SACvBA,KAAKmF,YAAYJ,KAAK/E,gBAGpBI,iBAAiB,UAAW,SAACgF,GAClCpgB,EAAoBqgB,EAAK1O,eACvByO,GAAKjgB,OAAOmgB,MACbD,EAAKR,WAAWO,EAAEG,YACfV,WAAWO,EAAEG,0mBA2BjBvC,MAAK,kEAIHwC,oBAAoB,SAAU,iBAAMC,GAAKC,YAAYX,iBACrDS,oBAAoB,oBAAqB,iBAAMC,GAAKC,YAAYX,8CAInEY,GAAWzP,EAAiB8J,KAAK7J,OACxB6J,KAAKE,OAAS,SAAUyF,aClTlBC,0BACRra,EAAQQ,+EACbR,EAAQQ,yDAGLA,4FACOA,QAEX8N,OAAOgM,UAAY9Z,EAAK8Z,WAAa,QACrChM,OAAOiM,gBAAkB/Z,EAAK+Z,iBAAmB,6CAIlDC,EAAI/F,KAAKwC,MACTqD,EAAY7F,KAAKnG,OAAOgM,YAC1BG,kBAEEC,GAAYjG,KAAK1S,KAAKqQ,OAAOhT,IAAI,SAAC8C,EAAOrD,MACxC8b,GAAQ,WACP5Y,KAAKuQ,SAASlT,IAAI,eACbya,EAAE3J,OAAOrR,MAEX8b,EAAOzY,KACbiM,OAAO,kBAAczS,GAAE,GAAK,IAE3Bkf,EAASF,KACVA,EAAU1e,OAASse,EAAW,GAEtBO,KAAK,SAAC7Q,EAAG5L,SAAeA,GAAE,GAAK4L,EAAE,OAElC0Q,EAAUzc,MAAM,EAAGqc,EAAU,MAGlCQ,GAAiB,CAFLJ,GAAUzc,MAAMqc,EAAU,GAGhClb,IAAI,eAAwB1D,EAAE,OACjCgM,MAAMoT,EAAgB,cACxB7G,OAAOqG,EAAU,GAAK,SAG1BlI,YACKhT,IAAI,cACRqb,YAAY/S,KAAKhM,EAAE,MACnB0W,OAAO1K,KAAKhM,EAAE,QAGfqf,WAAaP,EAAEC,YAAYhJ,OAAO,SAACzH,EAAG5L,SAAM4L,GAAI5L,GAAG,QAEhD2C,UACD0T,KAAKvU,MAAQ,IACbuU,KAAKtX,OAAS,qDAKdqd,EAAI/F,KAAKwC,WACR6B,WAAWkC,YAAc,QAEzBC,aAAeT,EAAEC,YAAYxc,MAAM,EAAGwW,KAAKnG,OAAOiM,sBAElDU,aAAa7b,IAAI,SAAC1D,EAAGmD,MAErB5F,GAAOsJ,EADI,IAEH1D,EAAI,EACf,IACA,EACAqc,EAAKjH,OAAOpV,GACT2b,EAAEpI,OAAOvT,QAAOnD,KAEfod,WAAW/Z,YAAY9F,YApEegd,IRAjCtJ,GAAqB,EAErBG,GAAe,IACfD,GAAa,MAEbM,IAAe,UAAW,WAAY,QAAS,QAAS,MACpE,OAAQ,OAAQ,SAAU,YAAa,UAAW,WAAY,YAIlDgO,IAAmB,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,OCNpE3M,oCAEJ4M,WAAAA,aAAa,SACbC,eAAAA,aAAiB,KACjBtN,IAAAA,UAEAC,IAAAA,QACAsN,IAAAA,aACAC,IAAAA,gCAEKF,eAAiBA,OACjBtN,UAAYA,OAEZuN,aAAeA,OACftN,QAAUA,OAEVuN,gBAAkBA,OAElBC,cACApJ,eAEAgJ,WAAaA,OACbA,WAAyC,kBAArB3G,MAAK2G,WAC3B3G,KAAK2G,aAAe3G,KAAK2G,gBAEvB7F,qDAGExT,QACFA,KAAOA,GAAQ0S,KAAKzG,wCAGpBhO,QACAyb,MAAQpb,EAAaoU,KAAK2G,WAAY3G,KAAK4G,eAAgBrb,uCAI3DuY,OAAO9D,KAAK1S,WACZ2Z,QAAUjH,KAAK1S,oCAGdA,mBACDyZ,MAAQ/G,KAAK6G,aAAavZ,QAE1B0Z,MAAMT,YAAc,QACpBQ,MAAMlE,QAAQ,cACbmE,MAAM1c,YAAY/F,UAEnBoZ,OAAOkF,QAAQ,cACdmE,MAAM1c,YAAY/F,yCAIlBigB,mEACD1D,aACDgG,YACDtC,OACgBxE,KAAK8G,gBAAgB9G,KAAK1S,WAEtCwZ,WAILrN,0BAEU,mCACCnM,SACLA,GAAK4Z,aAAavc,IAAI,SAACob,EAAG3b,MAC5BZ,GAAQyC,EAAS8Z,EAAG,WAAY,OAAQzY,EAAKkS,OAAOpV,aAClDQ,MAAMuc,WAAa,iBAClB3d,8BAIO4d,SACRpH,MAAK+G,MAAMpc,IAAI,SAACnB,EAAOY,SAC7BiJ,GAAe7J,EAAO4d,EAAQF,aAAa9c,mCAKjC,wCACCkD,oBACLA,GAAK+Z,WAAW1c,IAAI,SAAC8B,EAAGrC,SAEpB6C,GAAcR,EADhB,EACsBa,EAAKga,OAAOld,GACzCkW,EAAKhH,UAAUiO,UAAWjH,EAAKhH,UAAUkO,SAAUla,EAAKkS,OAAOpV,gCAKlDgd,MACZA,EAAS,6BAID,+BACC9Z,oBACLA,GAAKma,UAAU9c,IAAI,SAAC+c,EAAUtd,SACpC6E,GAAMyY,EAAUpa,EAAKqQ,OAAOvT,GAAIqc,EAAKnN,UAAU7N,OAC7C0D,KAAMsX,EAAKnN,UAAUnK,KAAMD,IAAKuX,EAAKnN,UAAUpK,kCAInCkY,MACXO,GAASP,EAAQK,UACjBG,EAAYR,EAAQzJ,OACpBkK,EAAS7H,KAAKiH,QAAQQ,UACtBK,EAAY9H,KAAKiH,QAAQtJ,SAEV/U,EAAqBif,EAAQF,iCACvB/e,EAAqBkf,EAAWF,uCAEpD9D,kBACO+D,SACHD,IAGF5H,KAAK+G,MAAMpc,IAAI,SAACiE,EAAMxE,SACrBmH,GACN3C,EAAM+Y,EAAOvd,GAAIyd,EAAOzd,0BAOf,+BACCkD,oBACLA,GAAKma,UAAU9c,IAAI,SAAC+c,EAAUtd,SACpCiF,GAAMqY,EAAUpa,EAAKya,WAAW3d,GAAIib,EAAK/L,UAAU5Q,QACjDyG,KAAMkW,EAAK/L,UAAUnK,KAAMD,IAAKmW,EAAK/L,UAAUpK,kCAInCkY,MACXO,GAASP,EAAQK,UACjBG,EAAYR,EAAQW,WACpBF,EAAS7H,KAAKiH,QAAQQ,UACtBK,EAAY9H,KAAKiH,QAAQc,aAEVnf,EAAqBif,EAAQF,iCACvB/e,EAAqBkf,EAAWF,uCAEpD9D,kBACO+D,aACCD,IAGN5H,KAAK+G,MAAMpc,IAAI,SAACiE,EAAMxE,SACrB+G,GACNvC,EAAM+Y,EAAOvd,GAAIyd,EAAOzd,6BAOf,kCACCkD,oBACLA,GAAK3C,IAAI,kBACf2E,GAAQ0Y,EAAON,SAAUM,EAAOva,MAAOgY,EAAKnM,UAAU7N,OACpDyD,IAAI,QAASC,KAAM,OAAQH,SAAU,uCAGzBoY,SACWxe,EAAqBoX,KAAKiH,QAASG,kBAAvDH,gBAEFU,YAAiBhd,IAAI,kBAAK1D,GAAEygB,WAC5BE,EAAYR,EAAQzc,IAAI,kBAAK1D,GAAEwG,QAE/Boa,EAAS7H,KAAKiH,QAAQtc,IAAI,kBAAK1D,GAAEygB,uBAEhC5D,OAAO+D,EAAOld,IAAI,SAACuE,EAAK9E,mBAEjByd,EAAOzd,SACVwd,EAAUxd,OAIZ4V,KAAK+G,MAAMpc,IAAI,SAACiE,EAAMxE,SACrBmH,GACN3C,EAAM+Y,EAAOvd,GAAIyd,EAAOzd,6BAOf,kCACCkD,oBACLA,GAAK3C,IAAI,kBACf6E,GAAQC,EAAOwY,SAAUxY,EAAOyY,OAAQC,EAAK7O,UAAU7N,MACtDgE,EAAOhC,mCAGM2Z,SACWxe,EAAqBoX,KAAKiH,QAASG,kBAAvDH,gBAEFU,YAAiBhd,IAAI,kBAAK1D,GAAEihB,SAC5BN,EAAYR,EAAQzc,IAAI,kBAAK1D,GAAEwG,QAC/B2a,EAAYhB,EAAQzc,IAAI,kBAAK1D,GAAEghB,WAE/BJ,EAAS7H,KAAKiH,QAAQtc,IAAI,kBAAK1D,GAAEihB,SACjCG,EAAYrI,KAAKiH,QAAQtc,IAAI,kBAAK1D,GAAEghB,gBAEnCnE,OAAO+D,EAAOld,IAAI,SAACuE,EAAK9E,mBAEjBie,EAAUje,UACZyd,EAAOzd,SACRwd,EAAUxd,UAIf0c,kBAECC,MAAMpc,IAAI,SAACgH,EAAWvH,KACR0c,EAAgBjf,OAAO6J,EACxCC,EAAWyW,EAAUhe,GAAIud,EAAOvd,GAAIyd,EAAOzd,OAItC0c,2BAKI,iBAAoB,sBAAwB9G,KAAK1G,UAAU3J,6BAC1DrC,gBAC+C0S,KAAK1G,UAA3D3J,IAAAA,MAAO2Y,IAAAA,SAAUC,IAAAA,UAAWC,IAAAA,WAE7B/b,IAFyCgc,WAEzB9f,EAAI,cAEnB+f,0BAEAC,KAAKhe,IAAI,SAACie,EAAMC,GACN,IAAXA,KACGlL,OAAO1K,KACXlF,EAAS,cAAetB,GARL,GAQyB8L,GAAa5I,GAAO,GAAMmZ,wBAE1D,OAKTne,IAAI,SAACoO,EAAK3O,MACX2O,EAAInR,KAAM,IACR0F,gBACUyL,EAAIgQ,sBACHhQ,EAAIiQ,qBACN5e,GAET6e,EAAS7b,EAAW,MAAOX,EAAG9D,EAAG6f,EAAYzP,EAAInR,KAAM0F,KACtDob,qBAAqBzV,KAAKgW,MAE3BV,MAEF,KACCD,IAGCtI,KAAK0I,+CAGGtB,MACZA,EAAS,gCAKD,iBAAoB,sCAAwCpH,KAAK1G,UAAU3J,6BAC1ErC,MACRsW,GAAI5D,KAAK1G,sBACR4P,SAAW,WACXC,MAAQ7b,EAAK8b,WAAWze,IAAI,SAAChC,EAAGpC,SAC7BmJ,GACNpC,EAAK+Z,WAAW9gB,GAChBoC,EACA2E,EAAK+b,SACLzF,EAAEza,MACFmE,EAAKqQ,OAAOpX,GACZA,EACA+G,EAAKgc,QAAQ/iB,aAEF+G,EAAK7E,mBACJ6E,EAAKic,oBACL3F,EAAE/T,cAITmQ,KAAKmJ,gCAEG/B,MACXoC,GAAUpC,EAAQC,WAClBoC,EAAUrC,EAAQgC,WAClBM,EAAatC,EAAQkC,QACrB1B,EAAYR,EAAQzJ,OAEpBgM,EAAU3J,KAAKiH,QAAQI,WACvBuC,EAAU5J,KAAKiH,QAAQmC,WACvBS,EAAa7J,KAAKiH,QAAQqC,QAC1BxB,EAAY9H,KAAKiH,QAAQtJ,SAER/U,EAAqB+gB,EAASH,iCAC9B5gB,EAAqBghB,EAASH,iCACxB7gB,EAAqBihB,EAAYH,iCACnC9gB,EAAqBkf,EAAWF,gCAEpD9D,mBACQ6F,aACAC,UACHC,SACDjC,WAEE5H,KAAKiH,QAAQxe,mBACZuX,KAAKiH,QAAQsC,mBACdvJ,KAAKiH,QAAQoC,cAGpBvC,kBAECC,MAAMpc,IAAI,SAACyH,EAAKhI,KACF0c,EAAgBjf,OAAOsK,EACxCC,EAAKoX,EAAQpf,GAAIqf,EAAQrf,GAAIgd,EAAQiC,SAAUK,EAAWtf,IACzD3B,SAAU2e,EAAQ3e,cAIdqe,0BAKI,iBAAoB,sCAAwC9G,KAAK1G,UAAU3J,6BAC1ErC,MACRsW,GAAI5D,KAAK1G,sBACR4P,SAAW,WACXzY,SACDmT,EAAEkG,gBACArZ,MAAQT,EACZ1C,EAAK+Z,WACL/Z,EAAK8b,WACLxF,EAAEza,gBAESya,EAAEtT,oBACAsT,EAAElT,qBAGLkT,EAAEpT,iBACDlD,EAAK7E,iBAKb0gB,SACDvF,EAAEmG,gBACAZ,MAAQ7b,EAAK8b,WAAWze,IAAI,SAAChC,EAAGpC,SAC7BuJ,GACNxC,EAAK+Z,WAAW9gB,GAChBoC,EACA2E,EAAKnF,OACLyb,EAAEza,MACDya,EAAEoG,iBAAmB1c,EAAKmO,OAAOlV,GAAK,GACvCA,MAKIiT,OAAOiC,OAAOuE,KAAKvP,OAAO5I,OAAOmY,KAAKmJ,iCAE9B/B,MACXoC,GAAUpC,EAAQC,WAClBoC,EAAUrC,EAAQgC,WAClBa,EAAY7C,EAAQ3L,OAEpBkO,EAAU3J,KAAKiH,QAAQI,WACvBuC,EAAU5J,KAAKiH,QAAQmC,WACvBzV,EAAYqM,KAAKiH,QAAQxL,SAER7S,EAAqB+gB,EAASH,iCAC9B5gB,EAAqBghB,EAASH,iCAC1B7gB,EAAqB+K,EAAWsW,gCAEpDnG,mBACQ6F,aACAC,SACJK,WAEEjK,KAAKiH,QAAQxe,gBACfuX,KAAKiH,QAAQ9e,YAGlB2e,YAEDtN,QAAO9O,KAAKsV,KAAKvP,OAAOlJ,WACRuf,EAAgBjf,OAAO8K,EACxCqN,KAAKvP,MAAO+Y,EAASC,EAASrC,EAAQ3e,YAGrCuX,KAAKmJ,MAAM5hB,aACR4hB,MAAMxe,IAAI,SAACoF,EAAK3F,KACF0c,EAAgBjf,OAAO2K,EACxCzC,EAAKyZ,EAAQpf,GAAIqf,EAAQrf,OAIrB0c,KQxZWoD,0BACR3e,EAAQQ,8EACbR,EAAQQ,aACT7F,KAAO,eAEPikB,WAAape,EAAKoe,iBAClBA,WAAWzhB,OAASqa,EAAKoH,WAAWzhB,QACrCyW,KACCgL,WAAWjd,MAAQ6V,EAAKoH,WAAWjd,OACpCC,KAEC0S,0EAIDkG,GAAI/F,KAAKwC,MAET/I,IAEF,4BAEYuG,KAAKmK,WAAWzhB,gBACjBsX,KAAKmK,WAAWjd,OAE3B,6BAEc6Y,EAAEsB,kBACNtB,EAAEuB,cACFtH,KAAKR,SAEbuF,KAAK/E,aAIJ2D,WAAa,GAAIY,KAAI9K,EACxB9O,IAAI,eACAyf,GAAYhR,mBAAgBrN,WACxBA,EAAK,GAAIqe,wIAMfrE,GAAI/F,KAAKwC,QAEX6E,gBACAC,aAEE+C,GAAO,IACTrE,YAAYrb,IAAI,SAACuJ,MACdzI,GAAQ6U,EAAK7U,MAAQyI,EAAQ6R,EAAEO,aACjCgB,OAAOrU,KAAKxH,KACZ4b,WAAWpU,KAAKoX,MACV5e,gGAOLsa,EAAI/F,KAAKwC,WACR7L,UAAUyJ,iBAAiB,YAAa,SAACgF,MACzCkF,GAAO7D,EAAK9C,WAAW4G,IAAI,kBAAkBxD,MAC7C3U,EAAMgT,EAAEnf,UACTqkB,EAAK3Q,SAASvH,GAAM,IAElBhI,GAAIkgB,EAAKhO,QAAQlK,GACjBoY,EAAOlmB,EAAUmiB,EAAK9P,WAAY8T,EAAOnmB,EAAU8N,GAEnD3F,EAAIge,EAAK3lB,KAAO0lB,EAAK1lB,KAAO4E,SAAS0I,EAAIF,aAAa,UAAU,EAChEvJ,EAAI8hB,EAAK/lB,IAAM8lB,EAAK9lB,IACpBwb,GAASuG,EAAKiE,iBAAmBjE,EAAKiE,gBAAgBnjB,OAAO,EAC9Dkf,EAAKiE,gBAAgBtgB,GAAKqc,EAAKjE,MAAM7E,OAAOvT,IAAM,KACjDugB,EAAW5E,EAAEC,YAAY5b,GAAG2b,EAAEO,aAE7BlD,IAAIwH,UAAUne,EAAG9D,GAAI0Q,KAAM6G,EAAOhM,OAAiB,IAATyW,GAAczjB,QAAQ,GAAK,QACrEkc,IAAIyH,oBA5EgCjF,ICIxBkF,0BACRvf,EAAQQ,8EACbR,EAAQQ,aACT7F,KAAO,QACPuc,YAAc,IACdc,KAAO,IAEP1D,+DAGI9T,4FACOA,QACXgf,UAAY/K,KAAK+K,UAAUhG,KAAK/E,WAChCgL,WAAahL,KAAKgL,WAAWjG,KAAK/E,WAElCiL,WAAalf,EAAKkf,YAAc,QAChCpR,OAAOqR,WAAanf,EAAKmf,YAAc,OAEvC3e,UAAYR,EAAKQ,YAAa,oIAK/BwZ,GAAI/F,KAAKwC,WACRra,OAAU6X,KAAKtX,OAASsX,KAAKvU,MAAQuU,KAAK1T,OAAOG,EAAIuT,KAAK1T,OAAO3D,KAE9DR,GAAsB6X,KAAtB7X,OAAQoE,EAAcyT,KAAdzT,UAEV4e,EAAuBpF,EAAEqF,uBAC7BlE,kBACAkE,uBACEC,GAAW,IAAMrL,KAAKnG,OAAOqR,aAE/BlF,YAAYrb,IAAI,SAACub,EAAO9b,MACnB8gB,GAAaG,EACbC,EAAmBpF,EAAQH,EAAEO,WlBqDZ,IkBpDjBiF,EAAYhf,GAAa+e,EAAkBA,EAC3CE,EAAWH,GAAsBE,EACjCnf,EAAgBnE,EAAmBijB,EAAY/iB,GAC/CkE,EAAcpE,EAAmBujB,EAAUrjB,GAE3CsjB,EAAenL,EAAKiD,MAAQ4H,EAAqB/gB,GAEnDshB,SAASC,QACVrL,GAAKiD,QACIkI,EAAeA,EAAarf,cAAgBA,IAC9Cqf,EAAeA,EAAapf,YAAcD,MAExCA,IACFC,MAEJuf,GAAUzf,EAAeuf,EAAUC,EAAQrL,EAAKhU,OAAQgU,EAAKnY,OAAQmY,EAAK/T,aAE9E2a,aAAajU,KAAK2Y,KAClBR,iBAAiBnY,0CAGXiT,QACAH,EAAEO,yCAGFiF,WAIJhI,KAAO,+CAIRwC,GAAI/F,KAAKwC,MAET/I,IAEF,eAEA,+BAEgBsM,EAAEmB,oBACRlH,KAAKR,SAEbuF,KAAK/E,aAIJ2D,WAAa,GAAIY,KAAI9K,EACxB9O,IAAI,eACAyf,GAAYhR,mBAAgBrN,WACxBA,EAAK,GAAIqe,kDAIAyB,MACb1jB,GAAqB6X,KAArB7X,OAAO8iB,EAAcjL,KAAdiL,WACPvD,EAAWzf,EAAmB4jB,EAASX,WAAYW,EAAS3jB,MAAQ,EAAGC,wBACtDuf,EAASjb,EAAKwe,QAAiBvD,EAAS/e,EAAKsiB,6CAG1D5a,EAAKjG,EAAE0hB,EAAK1G,MAClB/U,MACElH,GAAQ6W,KAAKR,OAAOpV,MACvB0hB,EAAM,GACEzb,EAAM2P,KAAK+L,oBAAoB/L,KAAKwC,MAAM4I,iBAAiBhhB,OAChEQ,MAAMhD,KAAOsB,EAAmBC,EAAO,OACxC6iB,GAAQ1nB,EAAU0b,KAAK7J,KACvB1J,EAAI2Y,EAAE6G,MAAQD,EAAMlnB,KAAO,GAC3B6D,EAAIyc,EAAE8G,MAAQF,EAAMtnB,IAAM,GAC1Bwb,GAASF,KAAKmM,kBAAoBnM,KAAKmM,iBAAiB5kB,OAAS,EAClEyY,KAAKmM,iBAAiB/hB,GAAK4V,KAAKwC,MAAM7E,OAAOvT,IAAM,KAClDgiB,GAAuC,IAA5BpM,KAAKwC,MAAMwD,YAAY5b,GAAW4V,KAAKwC,MAAM8D,YAAYpf,QAAQ,QAC3Ekc,IAAIwH,UAAUne,EAAG9D,GAAI0Q,KAAM6G,EAAOhM,MAAOkY,EAAU,WACnDhJ,IAAIyH,iBAECxa,EAAK,2BACV+S,IAAInD,YACJrV,MAAMhD,KAAOuB,8CAKdwN,UAAUyJ,iBAAiB,YAAaJ,KAAK+K,gBAC7CpU,UAAUyJ,iBAAiB,aAAcJ,KAAKgL,8CAG1C5F,MACHnf,GAASmf,EAAEnf,OACbomB,EAASrM,KAAK2D,WAAW4G,IAAI,aAAaxD,MAC1CuF,EAAYtM,KAAKuM,oBACjBC,EAAaxM,KAAKyM,kBACnBJ,EAAO1S,SAAS1T,GAAS,IACvBmE,GAAIiiB,EAAO/P,QAAQrW,QAClBymB,WAAWF,EAAYF,GAAU,QACjCG,eAAiBxmB,OACjBsmB,oBAAsBniB,OACtBsiB,WAAWzmB,EAAQmE,GAAG,EAAMgb,aAE5B4F,uDAKD0B,WAAW1M,KAAKyM,eAAezM,KAAKuM,qBAAoB,UA5IzB3G,ICIjB+G,0BACRphB,EAAQ0C,8EACb1C,EAAQ0C,MACT/H,KAAO,YAEP0mB,WAAa3e,EAAQ2e,YAAc,MAEpCC,IAAe,SAAU,UACzBC,EAAiBD,EAAYlT,SAAS1L,EAAQ6e,gBAC/C7e,EAAQ6e,eAAiB,kBACvBC,oBAAsBF,EAAYvQ,QAAQwQ,KAE1CjN,iEAGM5R,MACPvH,GAAIsZ,KAAKgC,cACRgL,gBAA8C,IAA5B/e,EAAQ+e,gBAAwB,EAAI,IAEzDpmB,SAASlC,IAAMuoB,KACfrmB,SAAS1B,OAAS,IAClB4B,aAAemmB,KACf1K,WA1Bc2K,GA0BYhV,GACzBzR,EAAeC,MAEdO,GAAI+Y,KAAK1S,KACT6f,EAAUnN,KAAKgN,gBXrCY,GWqC0B,OACpD7J,iBA/BW+J,IA+BSvV,GAAgB1Q,EAAEK,MAAOL,EAAEkX,KACjDgP,GAAuBzmB,EAAEC,QAAQrB,MAAQoB,EAAEC,QAAQ7B,8CAIlDqoB,GAAUnN,KAAKgN,gBX3CY,GW2C0B,OACpD9I,UArCWgJ,IAqCElN,KAAKwC,MAAM4K,UAAYD,GACtCpmB,EAAciZ,KAAKgC,mDAGX1U,0DAAK0S,KAAK1S,QAClBA,EAAKhG,OAASgG,EAAK6Q,KAAO7Q,EAAKhG,MAAQgG,EAAK6Q,SACxC,IAAIuD,OAAM,kDAGbpU,EAAKhG,UACHA,MAAQ,GAAI0P,QACZ1P,MAAM+lB,YAAa/f,EAAKhG,MAAMmQ,cAAgB,IAEhDnK,EAAK6Q,QAAYA,IAAM,GAAInH,SAC1BsW,WAAahgB,EAAKggB,eAEpB5jB,SAAS8P,OAAO9O,KAAK4C,EAAKggB,YAAY,IAAM,IAAQ,IAClDC,aACG7iB,KAAK4C,EAAKggB,YAAYzK,QAAQ,eAChC/L,GAAO,GAAIE,MAAKwW,EAAenV,MAC5BjB,GAAYN,IAASxJ,EAAKggB,WAAWE,OAExCF,WAAaC,QAGZjgB,qCAIHyY,GAAI/F,KAAKwC,QAEXlb,MAAQ8O,GAAM4J,KAAK1S,KAAKhG,SACxB6W,IAAM/H,GAAM4J,KAAK1S,KAAK6Q,OAEtBsP,eAAiBrX,GAAM2P,EAAEze,SACzB8lB,UAAYzV,GAAgBoO,EAAEze,MAAOye,EAAE5H,OACvCZ,aAAeJ,GAChB3D,OAAOiC,OAAOuE,KAAK1S,KAAKggB,YnBXc,KmBarCI,cAAgB1N,KAAK2N,kEAInB5H,EAAI/F,KAAKwC,MACToL,EAAU5N,KAAKgN,gBAAkB,EAAI,EAErCvT,EAAmBsM,EAAE2H,cAAc/iB,IAAI,SAACkP,EAAQzP,UACnD,oBAEQyP,EAAOlK,eAtFAud,aAAAA,cnBiEiB,cmBjEjBA,GA0FFnH,EAAE2H,cACZhU,OAAO,SAACG,EAAQtT,SAAMA,GAAI6D,IAC1BO,IAAI,kBAAUkP,GAAO8O,KAAKphB,OAASqmB,IACnC5Q,OAAO,SAACzH,EAAG5L,SAAM4L,GAAI5L,GAAG,IAG3B,iBACQoc,GAAE2H,cAActjB,IACtB2a,gBAIEpB,WAAa,GAAIY,KAAI9K,EACxB9O,IAAI,SAACoB,EAAM3B,MACPggB,GAAYhR,mBAAgBrN,WACxBA,EAAK,GAAK,IAAM3B,EAAGggB,SAIzBzhB,GAAI,KACQka,QAAQ,SAACgL,EAASzjB,OAC7B,EAAG,EAAG,GAAGuP,SAASvP,GAAI,IACrB0jB,GAAU/f,EAAS,kBAAkB,EAAcpF,EAAGklB,YnB/C3B,MmBkDzB,aACQ,UAGThK,SAASvZ,YAAYwjB,MAvHZZ,oCA6HV5f,GACFA,WACK0R,MAAM,2BAGV1R,KAAO0S,KAAK4B,YAAYtU,QACxB0V,YACAK,oEAIA1M,UAAUyJ,iBAAiB,YAAa,SAACgF,KACxCzB,WAAWd,QAAQ,eACnBkL,GAAaC,EAAKjH,MAClBkH,EAAY7I,EAAEnf,UACf8nB,EAAWpU,SAASsU,GAAY,IAE9B5mB,GAAQ4mB,EAAU/b,aAAa,cAC/Bgc,EAAYD,EAAU/b,aAAa,aAAaK,MAAM,KAEtDqG,EAAQL,GAAa7O,SAASwkB,EAAU,IAAI,GAAG,GAE/C1D,EAAO/D,EAAK9P,UAAUlS,wBAAyBgmB,EAAOwD,EAAUxpB,wBAEhEgH,EAAQ/B,SAAS0b,EAAEnf,OAAOiM,aAAa,UACvCzF,EAAIge,EAAK3lB,KAAO0lB,EAAK1lB,KAAO2G,EAAM,EAClC9C,EAAI8hB,EAAK/lB,IAAM8lB,EAAK9lB,IACpBwP,EAAQ7M,EAAQ,IAAMof,EAAKmG,WAC3BvT,EAAO,OAAST,EAAQ,IAAMsV,EAAU,GAAK,KAAOA,EAAU,KAE7D9K,IAAIwH,UAAUne,EAAG9D,GAAI0Q,KAAMA,EAAMnF,MAAOA,EAAO2M,WAAY,SAC3DuC,IAAIyH,sEAOPxG,WAAWkC,YAAc,MAC1B9Z,GAAI,EAGJ0hB,EAAWpgB,EAAS,iBAAkBtB,EAvK1BygB,GAuKgC,iBAEpCA,MACN,MAGDkB,QACA/J,WAAW/Z,YAAY6jB,QAEvB3O,OAAOhW,MAAM,EnBjHqB,GmBiHSmB,IAAI,SAACxB,EAAOiB,MACrD6e,GAAS7b,EAAW,sBAAuBX,EAAI,GAAkBrC,EAjLxD8iB,GnBiEiB,GmBiHP/jB,KACpBkb,WAAW/Z,YAAY2e,QAIzBoF,GAAWtgB,EAAS,iBADRtB,EAAI6hB,GAA8CF,EAtLlDlB,GAuLwC,iBAE5CA,MACN,SAGD7I,WAAW/Z,YAAY+jB,4CAaxB,GATAtI,GAAI/F,KAAKwC,SACoBuD,EAAEze,MAAMkQ,WAAYuO,EAAEze,MAAMmQ,eAAtD8W,OAAYC,UACUzI,EAAE5H,IAAI3G,WAAYuO,EAAE5H,IAAI1G,eAE/CgX,OAAyBF,EAAa,EAA6B,SAAbC,GAExDd,KAEAgB,EAAetY,GAAM2P,EAAEze,OACnB8C,EAAI,EAAGA,EAAIqkB,EAAYrkB,IAAK,IAC/ByN,GAAUkO,EAAE5H,QACZ7F,GAAeoW,EAAc3I,EAAE5H,KAAM,QACnBuQ,EAAalX,WAAYkX,EAAajX,iBACjDkB,gBAEG1F,KAAK+M,KAAK2O,gBAAgBD,EAAc7W,OAE9CA,EAAS,KACFA,QAGT6V,2CAGQ9V,MAAWC,0DAAQ,MACbD,EAAUJ,WAAYI,EAAUH,eAAhDmB,OAAOC,OACR+V,EAAc7W,GAAeH,GAG7BiX,SACIjW,gBAHExC,GAAMyB,IAAYc,GAAmBC,EAAOC,GAOrC,OAIb,GAHAiW,GAAiBnX,GAAgBiX,EAAa/W,GAE9C8Q,KAAWtf,SACPe,EAAI,EAAGA,EAAI0kB,EAAgB1kB,MAC5B4V,KAAK+O,OAAOH,EAAahW,KAC1B3F,KAAK5J,QAEI,GAAI2N,MAAK3N,EAAI6O,GAAqB,GAAG6Q,UAC9B,cAGuBjd,KAA1CzC,EAAI6O,GAAqB,GAAG8Q,eACtB4F,EAAa,KAChB3b,KAAK+M,KAAK+O,OAAOH,EAAahW,GAAO,OAG9B+P,KAAOA,EAEbkG,iCAGDjX,EAAWgB,OAOb,GAPoBoW,2DACpBjJ,EAAI/F,KAAKwC,MAGTyM,EAAc7Y,GAAMwB,GACpBvO,KAEIe,EAAI,EAAGA,EAAI8N,GAAoB9N,IAAK6O,GAAQgW,EAAa,GAAI,IAChEpV,MAGAqV,EAAwBD,GAAelJ,EAAEze,OAAS2nB,GAAelJ,EAAE5H,GAEpE6Q,IAASC,EAAYzX,aAAeoB,IAAUsW,IACzCnG,SAAW3R,GAAY6X,KAErBjP,KAAKmP,mBAAmBF,KAE9Bhc,KAAK4G,SAGHxQ,8CAGWyN,MACdiS,GAAW3R,GAAYN,GACvBkS,EAAYhJ,KAAK1S,KAAKggB,WAAWvE,mBAE1BA,YACCC,GAAa,OAClBhJ,KAAKR,OAAO/B,GAAiBuL,EAAWhJ,KAAKwC,MAAMjF,uBAnRvBiE,ICHhB1C,0BACRvT,EAAQQ,8EACbR,EAAQQ,aAEToe,WAAape,EAAKoe,iBAClBiF,YAAcrjB,EAAKqjB,kBAEnBlpB,KAAO6F,EAAK7F,MAAQ,SACpBqd,KAAO,IAEP1D,iEAGM5R,GACR+R,KAAK1S,KAAKuQ,SAAStW,QAAU,SAC1BsS,OAAOwI,WAAa,OACpBL,SAASpb,SAAS1B,OAAS,sCAIxB+I,4FACOA,KAERohB,YAAcphB,EAAQohB,kBACtBC,eAAiBrhB,EAAQqhB,wBAE5BzV,OAAO0V,UAAYthB,EAAQohB,YAAYE,WAAa,YACpD1V,OAAO2V,UAAYvhB,EAAQohB,YAAYG,WAAa,YACpD3V,OAAO4V,UAAYxhB,EAAQohB,YAAYI,WAAa,OAEpD5V,OAAO6V,eAAiBzhB,EAAQqhB,eAAeI,oBAC/C7V,OAAO8V,eAAiB1hB,EAAQqhB,eAAeK,oBAE/C9V,OAAOmQ,iBAAmB/b,EAAQ+b,6DAIhCtM,2DADSsC,KAAK1S,KACC0S,KAAK9Z,uDAIpBkY,2DADc4B,KAAK1S,wCAItBgW,gEACCsM,iBACFtM,SACEuM,oBAAoB7P,KAAK8P,gBAA+B,SAAd9P,KAAK9Z,WAC/C6pB,+DAIDhK,GAAI/F,KAAKwC,MACT7E,EAASqC,KAAK1S,KAAKqQ,SACrBC,cAAgBD,EAAOpW,SAEvByoB,UAAYhQ,KAAKvU,MAAOsa,EAAEnI,gBAE1BqS,QAAUlK,EAAEiK,UAAU,IAMtBE,cACOvS,YACGA,EAAOhT,IAAI,SAAC1D,EAAGmD,SACzBpD,GAAS+e,EAAEkK,QAAU7lB,EAAI2b,EAAEiK,0DAKVG,MACbhU,GAAOX,GAAmB2U,yDADa,SAEvCxT,EAAkBqD,KAAKtX,OAAS8T,GAAcL,GAC9CiU,EAAiB/T,GAAgBF,GAAQQ,EACzClU,EAAWuX,KAAKtX,OAAUwT,GAAaC,GAAQiU,OAEhD5N,MAAM9F,cACFP,YACGA,EAAKxR,IAAI,kBAAKlC,GAAWxB,EAAI0V,oBACvBA,WACPlU,QAIN4nB,yBACAC,qBACAC,8DAIDxK,GAAI/F,KAAKwC,MACTgO,EAAW,kBAAU/U,GAAO9Q,IAAI,kBAAO8R,IAAMpS,EAAK0b,EAAErJ,YAEtDmB,SAAWmC,KAAK1S,KAAKuQ,SAASlT,IAAI,SAAC1D,EAAGmD,MACnCqR,GAASxU,EAAEwU,OACXgV,EAAexpB,EAAEwpB,6BAEdxpB,EAAEoS,WACDjP,YACInD,EAAE+W,iBAELvC,aACI+U,EAAS/U,gBAEPgV,iBACED,EAASC,iDAMvB1K,GAAI/F,KAAKwC,SACVxC,KAAKmK,WAAWuG,sBAChBC,UAAY5K,EAAElI,SAASkI,EAAElI,SAAStW,OAAS,GAAGqpB,kBAG/CD,UAAY,GAAIlpB,OAAMse,EAAEnI,eAAehW,KAAK,QAC5CiW,SAASlT,IAAI,cACZye,WAAWze,IAAI,SAACuE,EAAK3I,GACnB2I,EAAM6W,EAAE4K,UAAUpqB,OAClBoqB,UAAUpqB,GAAK2I,iDAOhB6W,GAAI/F,KAAKwC,KACVxC,MAAK1S,KAAKiR,gBACPiE,MAAMjE,SAAWyB,KAAK1S,KAAKiR,SAAS5T,IAAI,qBAC1C+c,SAAWjL,GAAMxV,EAAEiN,MAAO6R,EAAErJ,OAIvBzV,KAGN+Y,KAAK1S,KAAK4Q,gBACPsE,MAAMtE,SAAW8B,KAAK1S,KAAK4Q,SAASvT,IAAI,qBAC1Csd,SAAWxL,GAAMxV,EAAEK,MAAOye,EAAErJ,SAC5BwL,OAASzL,GAAMxV,EAAEkX,IAAK4H,EAAErJ,OACnBzV,0DAMLsG,EAAM,YAEPyS,KAAKmK,WAAWuG,QAAS,GACrB,kBACFG,GAAa,GAAIppB,OAAMuY,KAAKwC,MAAM5E,eAAehW,KAAK,QACrD0F,KAAKuQ,SAASlT,IAAI,SAAC1D,EAAGmD,MACtBqR,GAAS6E,EAAKhT,KAAKuQ,SAASzT,GAAGqR,SACjClO,GAAOsjB,EAAaA,EAAWlmB,IAAI,SAACiZ,EAAGxZ,SAAMwZ,GAAInI,EAAOrR,UAIxD0mB,GAAgB9Q,KAAK1S,KAAKuQ,SAASlT,IAAI,kBAAK1D,GAAEsG,WAC/CyS,MAAK1S,KAAKiR,YACEtL,KAAK+M,KAAK1S,KAAKiR,SAAS5T,IAAI,kBAAK1D,GAAEiN,SAE/C8L,KAAK1S,KAAK4Q,eACP5Q,KAAK4Q,SAASvT,IAAI,cACRsI,MAAMhM,EAAEkX,IAAKlX,EAAEK,iBAIrBO,kBAAUipB,yDAIhBrX,IAEF,cAEOuG,KAAKnG,OAAO2V,gBACXxP,KAAKvU,OAGb,iBACQuU,MAAKwC,MAAM9F,OACjBqI,KAAK/E,QAIP,cAEOA,KAAKnG,OAAO0V,iBACVvP,KAAKtX,QAGd,cACKqd,GAAI/F,KAAKwC,eACX0N,MAAMnI,WAAavJ,GAAmBwB,KAAKvU,MAC5Csa,EAAEmK,MAAMvS,OAAQqC,KAAKnG,OAAO4V,WAEtB1J,EAAEmK,OACRnL,KAAK/E,QAIP,kBAEQA,KAAKvU,UACP,SAEN,iBACQuU,MAAKwC,MAAMtE,UACjB6G,KAAK/E,QAIL+Q,EAAc/Q,KAAKwC,MAAM3E,SAASnE,OAAO,kBAAqB,QAAhBzS,EAAE+W,YAChDgT,EAAehR,KAAKwC,MAAM3E,SAASnE,OAAO,kBAAqB,SAAhBzS,EAAE+W,YAEjDiT,EAAcF,EAAYpmB,IAAI,eAC7BgF,GAAQ1I,EAAE0I,aAEb,YAAmB1I,EAAE0I,aAEbA,QACA8W,EAAKjH,OAAO7P,WACV8W,EAAK0D,WAAWuG,yBAGPjK,EAAK5M,OAAOmQ,2BpBhLG,IoBiLtBvD,EAAK/d,QAEjB,cACKqd,GAAI/F,KAAKwC,MACTvb,EAAI8e,EAAElI,SAASlO,GACf+gB,EAAU1Q,KAAKmK,WAAWuG,QAE1BQ,EAAalR,KAAKmK,WAAW+G,YpBzLD,GoB0L5B3H,EAAYxD,EAAEiK,WAAa,EAAIkB,GAC/B7H,EAAWE,GAAWmH,EAAU,EAAIK,EAAYxpB,QAEhD8f,EAAatB,EAAEmK,MAAMzI,UAAU9c,IAAI,kBAAK8B,GAAI8c,EAAU,GACtDmH,OACUrJ,EAAW1c,IAAI,kBAAKwmB,GAAI9H,EAAW1Z,QAG7CgO,GAAS,GAAIlW,OAAMse,EAAEnI,eAAehW,KAAK,GAC1CoY,MAAKnG,OAAOmQ,qBACX0G,GAAWzpB,EAAE0I,QAAUoW,EAAElI,SAAStW,OAAS,EACpCN,EAAEwpB,aAEFxpB,EAAEwU,WAIT6N,GAAU,GAAI7hB,OAAMse,EAAEnI,eAAehW,KAAK,SAC3C8oB,OACQzpB,EAAEmiB,WAAWze,IAAI,SAAChC,EAAGpC,SAAMoC,GAAI1B,EAAE2pB,eAAerqB,kBAI9C8gB,aACApgB,EAAEmiB,mBACLE,SAED3L,WAEEoI,EAAErJ,MAAMjU,mBACP8gB,WACDF,IAEVtE,WAIAqM,EAAcJ,EAAarmB,IAAI,eAC9BgF,GAAQ1I,EAAE0I,aAEb,aAAoB1I,EAAE0I,aAEdA,QACA8W,EAAKjH,OAAO7P,WACV8W,EAAKjW,iBACJiW,EAAK2I,YAAY9e,oBACfmW,EAAK2I,YAAY1e,oBACnB+V,EAAK2I,YAAYrF,kBACjBtD,EAAK2I,YAAYtF,0BAGTrD,EAAK5M,OAAOmQ,kBAE/B,cACKjE,GAAI/F,KAAKwC,MACTvb,EAAI8e,EAAElI,SAASlO,qBAGNoW,EAAEmK,MAAMzI,qBACRxgB,EAAEmiB,kBAENniB,EAAEwU,gBAEAsK,EAAErJ,MAAMjU,gBACVuX,KAAKoP,YAAYiC,SpBvPI,IoByP7BtM,WAIAuM,IAEF,kBAEQtR,KAAKvU,UACP,SAEN,iBACQuU,MAAKwC,MAAMjE,UACjBwG,KAAK/E,UAIUvG,EAAiB5R,OAAOopB,EAAaG,EAAaE,MAEjEC,IAAa,WAAY,iBACxBC,2BAEA7N,WAAa,GAAIY,KAAI9K,EACxBC,OAAO,mBAAS6X,EAAU5X,SAAS5N,EAAK,KAAO0a,EAAKjE,MAAMzW,EAAK,MAC/DpB,IAAI,eACAyf,GAAYhR,mBAAgBrN,WAC7BA,EAAK,GAAG4N,SAAS,cAAgB5N,EAAK,GAAG4N,SAAS,gBAC/C6X,mBAAmBve,KAAKmX,IAEtBre,EAAK,GAAIqe,qDAKdqH,kBAED1L,GAAI/F,KAAKwC,MAGTkP,EAAU1R,KAAKnG,OAAO6V,eAEtBiC,EAAS5L,EAAEmK,MAAMvS,MAClB+T,IAAWA,EAAQC,EAAO,QACnBA,EAAOhnB,IAAI,kBAAG+mB,GAAQzqB,4DAU3B0P,UAAUyJ,iBAAiB,YAAa,SAACgF,MACzC1e,GAAI2e,EAAKrD,SACT9X,EAAI5F,EAAU+gB,EAAK1O,WACnBib,EAAOxM,EAAE6G,MAAQ/hB,EAAEpF,KAAO4B,EAAEC,QAAQ7B,KAAO4B,EAAEE,SAAS9B,KACtD+sB,EAAOzM,EAAE8G,MAAQhiB,EAAExF,GAEpBmtB,GAAOxM,EAAK3c,OAAShC,EAAEG,YAAcH,EAAEC,QAAQjC,IAAMgC,EAAEE,SAASlC,KAC/DmtB,EAAQnrB,EAAEG,YAAcH,EAAEC,QAAQjC,IAAMgC,EAAEE,SAASlC,MACjDotB,oBAAoBF,KAEpBxO,IAAInD,wDAKQ2R,cACf7L,EAAI/F,KAAKwC,SACTuD,EAAE4K,cAEFhhB,GAAQiN,GAAkBgV,EAAM7L,EAAEmK,MAAMzI,WAAW,WAE/CsK,IAAIH,EAAM7L,EAAEmK,MAAMzI,UAAU9X,GAAQoW,EAAEmK,MAAMzI,UAAWzH,KAAKoD,IAAIhY,OAAOqB,QAC1E2W,IAAIwH,UACR7E,EAAEmK,MAAMzI,UAAU9X,GAASqQ,KAAKoD,IAAIhY,OAAOqB,EAC3CsZ,EAAE4K,UAAUhhB,GAASqQ,KAAKoD,IAAIhY,OAAOzC,GACpC0Q,KAAM0M,EAAEmK,MAAMvS,OAAOhO,GAAQuE,MAAO,IACrC8L,KAAK1S,KAAKuQ,SAASlT,IAAI,SAAC0V,EAAKjW,gBAEpBiW,EAAIhH,WACJgH,EAAI5E,OAAO9L,SACX8V,EAAKjG,OAAOpV,MAGrBuF,QAGIyT,IAAIyH,6DAIL9E,EAAI/F,KAAK1S,IACVyY,GAAElI,SAAStW,OAAS,SACjB8c,WAAWkC,YAAc,KAC5B1I,SAASlT,IAAI,SAAC1D,EAAGmD,MAId5F,GAAOgJ,EpBlWqB,IoBoWpBpD,EACX,IpBrW+B,IoBuW/B+d,EAAK3I,OAAOpV,GACZnD,EAAEoS,QACEgL,WAAW/Z,YAAY9F,0DAS3Bwb,KAAKuD,sBACFA,KAAO,EAGVvD,MAAKgS,oBACFA,cAAcnP,QAAQ,eACtB3Y,GAAIN,EAAEsX,UACR1W,WAAW2K,YAAYjL,UAItB8nB,cAAgBhS,KAAKwR,mBAAmB7mB,IAAI,wBAEzCiZ,EAAEsF,qBACCpd,SACF8X,EAAEuF,aAIoBrd,KAA5BkU,KAAKwC,MAAMyP,oBACRzP,MAAMyP,aAAejS,KAAKwC,MAAM5E,cAAgB,QAIjDoU,cAAcrnB,IAAI,eAClBunB,GAAcjrB,EAAEkiB,MAAMgJ,EAAK3P,MAAMyP,gBAEnC/Q,QAAUF,GAAY/Z,EAAEf,MAAMgsB,KAC3BrO,SAASvZ,YAAYrD,EAAEia,yDAK1BlB,KAAKgS,oBACFA,cAAcnP,QAAQ,eACtB3Y,GAAIN,EAAEsX,UACR1W,WAAW2K,YAAYjL,2DAMtBqB,OAAO6U,iBAAiB,cAAe,aACtCe,sEAKDqQ,mBAAmB7mB,IAAI,cACzBwe,MAAMxe,IAAI,cACNyV,iBAAiB,QAAS,cAC1BzQ,GAAQkB,EAAKqB,aAAa,sBACzBkgB,oBAAoBziB,cAMvByT,IAAIzM,UAAUyJ,iBAAiB,QAAS,cACxCzQ,GAAQ0iB,EAAKjP,IAAIzM,UAAUzE,aAAa,sBACvCkgB,oBAAoBziB,6DAKrBqiB,cAAcrnB,IAAI,eAClBunB,GAAcjrB,EAAEkiB,MAAMmJ,EAAK9P,MAAMyP,iBACvBhrB,EAAEf,MAAMgsB,EAAajrB,EAAEia,sDAKjCkR,oBAAoBpS,KAAKwC,MAAMyP,aAAe,+CAI9CG,oBAAoBpS,KAAKwC,MAAMyP,aAAe,6CAGvCtiB,0DAAMqQ,KAAKwC,MAAMyP,aACzBlM,EAAI/F,KAAKwC,mBAEL7S,QACAoW,EAAEmK,MAAMvS,OAAOhO,UACdoW,EAAElI,SAASlT,IAAI,kBAAK1D,GAAEwU,OAAO9L,kDAKnBA,MACfoW,GAAI/F,KAAKwC,SACL9Y,SAASiG,IACN,IAAGA,EAAQ,GACnBA,GAASoW,EAAEmK,MAAMvS,OAAOpW,SAAQoI,EAAQoW,EAAEmK,MAAMvS,OAAOpW,OAAS,GAChEoI,IAAUoW,EAAEkM,iBACbA,aAAetiB,IACZqQ,KAAKzU,OAAQ,cAAeyU,KAAKuS,sDAM1B9kB,EAAO+kB,MAAe7iB,0DAAMqQ,KAAKwC,MAAM5E,0GAChCnQ,EAAO+kB,EAAe7iB,QACpCrC,KAAKqQ,OAAO8U,OAAO9iB,EAAO,EAAGlC,QAC7BH,KAAKuQ,SAASlT,IAAI,SAAC1D,EAAGmD,KACxBqR,OAAOgX,OAAO9iB,EAAO,EAAG6iB,EAAcpoB,WAEpC2Z,OAAO/D,KAAK1S,mDAGFqC,0DAAQqQ,KAAKwC,MAAM5E,cAAc,CAC5CoC,MAAK1S,KAAKqQ,OAAOpW,QAAU,mGAGToI,QACjBrC,KAAKqQ,OAAO8U,OAAO9iB,EAAO,QAC1BrC,KAAKuQ,SAASlT,IAAI,cACpB8Q,OAAOgX,OAAO9iB,EAAO,UAEnBoU,OAAO/D,KAAK1S,6CAGJklB,MAAe7iB,0DAAM,OAC7BrC,KAAKuQ,SAASlO,GAAO8L,OAAS+W,OAC9BzO,OAAO/D,KAAK1S,6CAKHuQ,QACTvQ,KAAKuQ,SAASlT,IAAI,SAAC1D,EAAGmD,GACvByT,EAASzT,OACTqR,OAASoC,EAASzT,WAGjB2Z,OAAO/D,KAAK1S,aA3iBoBkU,IRFjCzC,QACAD,QACCA,cAEMoL,WACHyC,OACJ7B,IAiBA4H,GACL,WAAYnnB,EAAQ0C,qBACZ4Q,GAAe5Q,EAAQ/H,KAAMqF,EAAQ0C,wFS/B1C0kB,YAEJA,IAAOC,KAAU,gBACjBD,GAAOE,QAAU,QAEjBF,GAAiBnZ,OAAOM,UAAY6Y,GAAQG"} \ 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 dbb1974..93846b6 100644 --- a/docs/assets/js/frappe-charts.min.js +++ b/docs/assets/js/frappe-charts.min.js @@ -1,2 +1,2 @@ -var frappe=function(){"use strict";function t(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function e(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function n(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function i(t){var e=window.getComputedStyle(t),n=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-n}function a(t,e,n){var i=document.createEvent("HTMLEvents");i.initEvent(e,!0,!0);for(var a in n)i[a]=n[a];return t.dispatchEvent(i)}function s(t){return parseFloat(t.toFixed(2))}function r(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]&&arguments[3];n||(n=i?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(n);return t=i?a.concat(t):t.concat(a)}function o(t,e){return(t+"").length*e}function l(t,e){return{x:Math.sin(t*Vt)*e,y:Math.cos(t*Vt)*e}}function u(t,e){var n=void 0,i=void 0;return t<=e?(n=e-t,i=t):(n=t-e,i=e),[n,i]}function h(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return n>0?t=r(t,n):e=r(e,n),[t,e]}function c(t){return t>255?255:t<0?0:t}function d(t,e){var n=Gt(t),i=!1;"#"==n[0]&&(n=n.slice(1),i=!0);var a=parseInt(n,16),s=c((a>>16)+e),r=c((a>>8&255)+e),o=c((255&a)+e);return(i?"#":"")+(o|r<<8|s<<16).toString(16)}function p(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function f(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function v(t,e){var n=document.createElementNS("http://www.w3.org/2000/svg",t);for(var i in e){var a=e[i];if("inside"===i)f(a).appendChild(n);else if("around"===i){var s=f(a);s.parentNode.insertBefore(n,s),n.appendChild(s)}else"styles"===i?"object"===(void 0===a?"undefined":Mt(a))&&Object.keys(a).map(function(t){n.style[t]=a[t]}):("className"===i&&(i="class"),"innerHTML"===i?n.textContent=a:n.setAttribute(i,a))}return n}function g(t,e){return v("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function y(t,e,n,i){return v("stop",{inside:t,style:"stop-color: "+n,offset:e,"stop-opacity":i})}function m(t,e,n,i){return v("svg",{className:e,inside:t,width:n,height:i})}function b(t){return v("defs",{inside:t})}function x(t,e){return v("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function k(t){return v("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function w(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,s=n.x+t.x,r=n.y+t.y,o=n.x+e.x,l=n.y+e.y;return"M"+n.x+" "+n.y+"\n\t\tL"+s+" "+r+"\n\t\tA "+i+" "+i+" 0 0 "+(a?1:0)+"\n\t\t"+o+" "+l+" z"}function A(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i="path-fill-gradient-"+e+"-"+(n?"lighter":"default"),a=g(t,i),s=[1,.6,.2];return n&&(s=[.4,.2,0]),y(a,"0%",e,s[0]),y(a,"50%",e,s[1]),y(a,"100%",e,s[2]),i}function M(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:Wt,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:"none";return v("rect",{className:"percentage-bar",x:t,y:e,width:n,height:i,fill:s,styles:{stroke:d(s,-25),"stroke-dasharray":"0, "+(i+n)+", "+n+", "+i,"stroke-width":a}})}function P(t,e,n,i){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:n,width:i,height:i,fill:a};return Object.keys(s).map(function(t){r[t]=s[t]}),v("rect",r)}function O(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none",a=arguments[4],s={className:"legend-bar",x:0,y:0,width:n,height:"2px",fill:i},r=v("text",{className:"legend-dataset-text",x:0,y:0,dy:2*Jt+"px","font-size":1.2*Jt+"px","text-anchor":"start",fill:$t,innerHTML:a}),o=v("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(v("rect",s)),o.appendChild(r),o}function C(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none",a=arguments[4],s={className:"legend-dot",cx:0,cy:0,r:n,fill:i},r=v("text",{className:"legend-dataset-text",x:0,y:0,dx:Jt+"px",dy:Jt/3+"px","font-size":1.2*Jt+"px","text-anchor":"start",fill:$t,innerHTML:a}),o=v("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(v("circle",s)),o.appendChild(r),o}function D(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},s=a.fontSize||Jt;return v("text",{className:t,x:e,y:n,dy:(void 0!==a.dy?a.dy:s/2)+"px","font-size":s+"px",fill:a.fill||$t,"text-anchor":a.textAnchor||"start",innerHTML:i})}function T(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Kt);var s=v("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:n,y2:i,styles:{stroke:a.stroke}}),r=v("text",{x:0,y:n>i?n+Xt:n-Xt-Jt,dy:Jt+"px","font-size":Jt+"px","text-anchor":"middle",innerHTML:e+""}),o=v("g",{transform:"translate("+t+", 0)"});return o.appendChild(s),o.appendChild(r),o}function L(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Kt),a.lineType||(a.lineType="");var s=v("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:n,x2:i,y1:0,y2:0,styles:{stroke:a.stroke}}),r=v("text",{x:n3&&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=Kt),i.className||(i.className="");var a=-1*qt,s="span"===i.mode?n+qt:0;return"tick"===i.mode&&"right"===i.pos&&(a=n+qt,s=n),a+=i.offset,s+=i.offset,L(t,e,a,s,{stroke:i.stroke,className:i.className,lineType:i.lineType})}function E(t,e,n){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=Kt),i.className||(i.className="");var a=n+qt,s="span"===i.mode?-1*qt:n;return"tick"===i.mode&&"top"===i.pos&&(a=-1*qt,s=0),T(t,e,a,s,{stroke:i.stroke,className:i.className,lineType:i.lineType})}function S(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=v("text",{className:"chart-label",x:n-o(e,5)-Xt,y:0,dy:Jt/-2+"px","font-size":Jt+"px","text-anchor":"start",innerHTML:e+""}),s=L(t,"",0,n,{stroke:i.stroke||Kt,className:i.className||"",lineType:i.lineType});return s.appendChild(a),s}function _(t,e,n,i){var a=t-e,s=v("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:Kt,"stroke-dasharray":n+", "+a},x:0,y:0,width:n,height:a}),r=v("text",{className:"chart-label",x:n-o(i+"",4.5)-Xt,y:0,dy:Jt/-2+"px","font-size":Jt+"px","text-anchor":"start",innerHTML:i+""}),l=v("g",{transform:"translate(0, "+e+")"});return l.appendChild(s),l.appendChild(r),l}function z(t,e,n,i){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=u(e,o.zeroLine),h=Lt(l,2),c=h[0],d=h[1],p=v("rect",{className:"bar mini",style:"fill: "+i,"data-point-index":s,x:t,y:d-=r,width:n,height:c||o.minHeight});if((a+="")||a.length){p.setAttribute("y",0),p.setAttribute("x",0);var f=v("text",{className:"data-point-value",x:n/2,y:0,dy:Jt/2*-1+"px","font-size":Jt+"px","text-anchor":"middle",innerHTML:a}),g=v("g",{"data-point-index":s,transform:"translate("+t+", "+d+")"});return g.appendChild(p),g.appendChild(f),g}return p}function j(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=v("circle",{style:"fill: "+i,"data-point-index":s,cx:t,cy:e,r:n});if((a+="")||a.length){r.setAttribute("cy",0),r.setAttribute("cx",0);var o=v("text",{className:"data-point-value",x:0,y:0,dy:Jt/2*-1-n+"px","font-size":Jt+"px","text-anchor":"middle",innerHTML:a}),l=v("g",{"data-point-index":s,transform:"translate("+t+", "+e+")"});return l.appendChild(r),l.appendChild(o),l}return r}function F(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},s=e.map(function(e,n){return t[n]+","+e}).join("L"),r=k("M"+s,"line-graph-path",n);if(i.heatline){var o=A(a.svgDefs,n);r.style.stroke="url(#"+o+")"}var l={path:r};if(i.regionFill){var u=A(a.svgDefs,n,!0),h="M"+t[0]+","+a.zeroLine+"L"+s+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=k(h,"region-fill","none","url(#"+u+")")}return l}function W(t,e,n,i){var a="string"==typeof e?e:e.join(", ");return[t,{transform:n.join(", ")},i,ae,"translate",{transform:a}]}function H(t,e,n){return W(t,[n,0],[e,0],ne)}function R(t,e,n){return W(t,[0,n],[0,e],ne)}function I(t,e,n,i){var a=e-n,s=t.childNodes[0];return[[s,{height:a,"stroke-dasharray":s.getAttribute("width")+", "+a},ne,ae],W(t,[0,i],[0,n],ne)]}function Y(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=u(n,(arguments.length>5&&void 0!==arguments[5]?arguments[5]:{}).zeroLine),r=Lt(s,2),o=r[0],l=r[1];return l-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width:i,height:o},te,ae],W(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],ne)]:[[t,{width:i,height:o,x:e,y:l},te,ae]]}function V(t,e,n){return"circle"!==t.nodeName?[W(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,n],ne)]:[[t,{cx:e,cy:n},te,ae]]}function B(t,e,n,i){var a=[],s=n.map(function(t,n){return e[n]+","+t}).join("L"),r=[t.path,{d:"M"+s},ee,ae];if(a.push(r),t.region){var o=e[0]+","+i+"L",l="L"+e.slice(-1)[0]+", "+i,u=[t.region,{d:"M"+o+s+l},ee,ae];a.push(u)}return a}function U(t,e){return[t,{d:e},te,ae]}function G(t,e,n){var i=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 u=void 0;u="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),c=e[l],d={attributeName:l,from:h,to:c,begin:"0s",dur:n/1e3+"s",values:h+";"+c,keySplines:se[i],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};a&&(d.type=a);for(var p in d)u.setAttribute(p,d[p]);r.appendChild(u),a?o.setAttribute(l,"translate("+c+")"):o.setAttribute(l,c)}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 X(t,e){var n=[],i=[];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,Nt(t)),l=Lt(o,2);s=l[0],r=l[1],n.push(r),i.push([s,a]),a.replaceChild(s,e)});var a=t.cloneNode(!0);return i.map(function(t,i){t[1].replaceChild(n[i],t[0]),e[i][0]=n[i]}),a}function J(t,e,n){if(0!==n.length){var i=X(e,n);e.parentNode==t&&(t.removeChild(e),t.appendChild(i)),setTimeout(function(){i.parentNode==t&&(t.removeChild(i),t.appendChild(e))},ie)}}function K(t,e){var n=document.createElement("a");n.style="display: none";var i=new Blob(e,{type:"image/svg+xml; charset=utf-8"}),a=window.URL.createObjectURL(i);n.href=a,n.download=t,document.body.appendChild(n),n.click(),setTimeout(function(){document.body.removeChild(n),window.URL.revokeObjectURL(a)},300)}function $(e){var n=e.cloneNode(!0);n.classList.add("chart-container"),n.setAttribute("xmlns","http://www.w3.org/2000/svg"),n.setAttribute("xmlns:xlink","http://www.w3.org/1999/xlink");var i=t.create("style",{innerHTML:re});n.insertBefore(i,n.firstChild);var a=t.create("div");return a.appendChild(n),a.innerHTML}function Q(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function Z(t){var e=t.getDate(),n=t.getMonth()+1;return[t.getFullYear(),(n>9?"":"0")+n,(e>9?"":"0")+e].join("-")}function tt(t){return new Date(t.getTime())}function et(t,e){var n=rt(t);return Math.ceil(nt(n,e)/ue)}function nt(t,e){var n=ce*he;return(Q(e)-Q(t))/n}function it(t,e){return t.getMonth()===e.getMonth()&&t.getFullYear()===e.getFullYear()}function at(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=de[t];return e?n.slice(0,3):n}function st(t,e){return new Date(e,t+1,0)}function rt(t){var e=tt(t),n=e.getDay();return 0!==n&&ot(e,-1*n),e}function ot(t,e){t.setDate(t.getDate()+e)}function lt(t,e,n){var i=Object.keys(ve).filter(function(e){return t.includes(e)}),a=ve[i[0]];return Object.assign(a,{constants:e,getData:n}),new fe(a)}function ut(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 n=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,n)),n]}function ht(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=Math.ceil(t),i=Math.floor(e),a=n-i,s=a,r=1;a>5&&(a%2!=0&&(a=++n-i),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(i+r*l);return o}function ct(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=ut(t),i=Lt(n,2),a=i[0],s=i[1],r=e?e/Math.pow(10,s):0,o=ht(a=a.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function dt(t){function e(t,e){for(var n=ct(t),i=n[1]-n[0],a=0,s=1;a1&&void 0!==arguments[1]&&arguments[1],i=Math.max.apply(Math,Nt(t)),a=Math.min.apply(Math,Nt(t)),s=[];if(i>=0&&a>=0)ut(i)[1],s=n?ct(i,a):ct(i);else if(i>0&&a<0){var r=Math.abs(a);i>=r?(ut(i)[1],s=e(i,r)):(ut(r)[1],s=e(r,i).map(function(t){return-1*t}))}else if(i<=0&&a<=0){var o=Math.abs(a),l=Math.abs(i);ut(o)[1],s=(s=n?ct(o,l):ct(o)).reverse().map(function(t){return-1*t})}return s}function pt(t){var e=ft(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 ft(t){return t[1]-t[0]}function vt(t){return t[t.length-1]-t[0]}function gt(t,e){return s(e.zeroLine-t*e.scaleMultiplier)}function yt(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i=e.reduce(function(e,n){return Math.abs(n-t)n?i.slice(0,n):r(i,n-i.length,0)}else t.values=a;t.chartType||(jt.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],i=t/e.length/Rt;return e.map(function(t,e){return(t+="").length>i&&(n?e%Math.ceil(t.length/i)!=0&&(t=""):t=i-3>0?t.slice(0,i-3)+" ...":t.slice(0,i)+".."),t})}function At(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],n=arguments[2];return"axis-mixed"===t?(n.type="line",new be(e,n)):xe[t]?new xe[t](e,n):void console.error("Undefined chart type: "+t)}!function(t,e){void 0===e&&(e={});var n=e.insertAt;if(t&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===n&&i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}}('.chart-container{position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.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}.graph-svg-tip ol,.graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.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)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}',{});var Mt="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},Pt=(function(){function t(t){this.value=t}function e(e){function n(t,e){return new Promise(function(n,a){var o={key:t,arg:e,resolve:n,reject:a,next:null};r?r=r.next=o:(s=r=o,i(t,e))})}function i(n,s){try{var r=e[n](s),o=r.value;o instanceof t?Promise.resolve(o.value).then(function(t){i("next",t)},function(t){i("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)?i(s.key,s.arg):r=null}var s,r;this._invoke=n,"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")}),Ot=function(){function t(t,e){for(var n=0;n\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,n=void 0;this.index&&this.container.setAttribute("data-point-index",this.index),n=this.titleValueFirst?""+this.titleValue+""+this.titleName:this.titleName+""+this.titleValue+"",this.title.innerHTML=n,this.dataPointList.innerHTML="",this.listValues.map(function(n,i){var a=e.colors[i]||"black",s=t.create("li",{styles:{"border-top":"3px solid "+a},innerHTML:''+(0===n.value||n.value?n.value:"")+"\n\t\t\t\t\t"+(n.title?n.title:"")});e.dataPointList.appendChild(s)})}},{key:"calcPosition",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight-5,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,n=this.container.querySelector(".svg-pointer");if(this.left<0)n.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var i="calc(50% + "+(this.left-e)+"px)";n.style.left=i,this.left=e}else n.style.left="50%"}},{key:"setValues",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:-1;this.titleName=n.name,this.titleValue=n.value,this.listValues=i,this.x=t,this.y=e,this.titleValueFirst=n.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}(),Ut={"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"},Gt=function(t){return Ut[t]||t},qt=6,Xt=4,Jt=10,Kt="#dadada",$t="#555b51",Qt={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var n=t.cloneNode();return n.style.fill="#000000",n.style.opacity="0.4",e&&n.setAttribute("transform",e),n},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var n=t.cloneNode(),i=t.getAttribute("r"),a=t.getAttribute("fill");return n.setAttribute("r",parseInt(i)+4),n.setAttribute("fill",a),n.style.opacity="0.6",e&&n.setAttribute("transform",e),n},heat_square:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var n=t.cloneNode(),i=t.getAttribute("r"),a=t.getAttribute("fill");return n.setAttribute("r",parseInt(i)+4),n.setAttribute("fill",a),n.style.opacity="0.6",e&&n.setAttribute("transform",e),n}},Zt={bar:function(t,e){var n=void 0;"rect"!==t.nodeName&&(n=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)}),n&&e.setAttribute("transform",n)},dot:function(t,e){var n=void 0;"circle"!==t.nodeName&&(n=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)}),n&&e.setAttribute("transform",n)},heat_square:function(t,e){var n=void 0;"circle"!==t.nodeName&&(n=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)}),n&&e.setAttribute("transform",n)}},te=350,ee=350,ne=te,ie=250,ae="easein",se={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"},re=".chart-container{position:relative;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.graph-svg-tip{position:absolute;z-index:99999;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.graph-svg-tip ul{padding-left:0;display:flex}.graph-svg-tip ol{padding-left:0;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.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)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}",oe=function(){function e(t,n){if(Pt(this,e),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.rawChartArgs=n,this.title=n.title||"",this.argHeight=n.height||240,this.type=n.type||"",this.realData=this.prepareData(n.data),this.data=this.prepareFirstData(this.realData),this.colors=this.validateColors(n.colors,this.type),this.config={showTooltip:1,showLegend:n.showLegend||1,isNavigable:n.isNavigable||0,animate:1},this.state={},this.options={},this.initTimeout=zt,this.config.isNavigable&&(this.overlays=[]),this.configure(n)}return Ot(e,[{key:"configure",value:function(){var t=this;this.setMargins(),window.addEventListener("resize",function(){return t.boundDrawFn}),window.addEventListener("orientationchange",function(){return t.boundDrawFn})}},{key:"validateColors",value:function(t,e){var n=[];return(t=(t||[]).concat(Yt[e])).forEach(function(t){var e=Gt(t);p(e)?n.push(e):console.warn('"'+t+'" is not a valid color.')}),n}},{key:"setMargins",value:function(){var t=this.argHeight;this.baseHeight=t,this.height=t-70,this.topMargin=10,this.leftMargin=20,this.rightMargin=20}},{key:"setup",value:function(){this.makeContainer(),this.updateWidth(),this.makeTooltip(),this.draw(!1,!0)}},{key:"setupComponents",value:function(){this.components=new Map}},{key:"makeContainer",value:function(){this.parent.innerHTML="";var e={inside:this.parent,className:"chart-container"};this.independentWidth&&(e.styles={width:this.independentWidth+"px"}),this.container=t.create("div",e)}},{key:"makeTooltip",value:function(){this.tip=new Bt({parent:this.container,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calc(e),this.updateWidth(),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),n&&(this.data=this.realData,setTimeout(function(){t.update(t.data)},this.initTimeout)),this.renderLegend(),this.setupNavigation(n)}},{key:"updateWidth",value:function(){this.baseWidth=i(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{key:"update",value:function(t){t||console.error("No data to update."),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,n=!(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(n))}),i.length>0?(J(this.container,this.svg,i),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},400)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.container.removeChild(this.svg);var t=0,e=0;this.title.length&&(t=40),this.config.showLegend&&(e=30),this.svg=m(this.container,"frappe-chart chart",this.baseWidth,this.baseHeight+t+e),this.svgDefs=b(this.svg),this.title.length&&(this.titleEL=D("title",this.leftMargin-6*qt,this.topMargin,this.title,{fontSize:12,fill:"#666666"}),this.svg.appendChild(this.titleEL));var n=this.topMargin+t;this.drawArea=x(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+n+")"),n=this.baseHeight-t,this.legendArea=x(this.svg,"chart-legend","translate("+this.leftMargin+", "+n+")"),this.updateTipOffset(this.leftMargin,this.topMargin+t)}},{key:"updateTipOffset",value:function(t,e){this.tip.offset={x:t,y:e}}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){n(t.container)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"addDataPoint",value:function(){}},{key:"removeDataPoint",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(){}},{key:"updateDataset",value:function(){}},{key:"getDifferentChart",value:function(t){var e=this.type,n=this.rawChartArgs;if(t!==e){Et.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 i=_t[e]===_t[t];return n.type=t,n.colors=i?n.colors:void 0,new ke(this.parent,n)}}},{key:"boundDrawFn",value:function(){this.draw(!0)}},{key:"unbindWindowEvents",value:function(){var t=this;window.removeEventListener("resize",function(){return t.boundDrawFn}),window.removeEventListener("orientationchange",function(){return t.boundDrawFn})}},{key:"export",value:function(){var t=$(this.svg);K(this.title||"Chart",[t])}}]),e}(),le=function(t){function e(t,n){return Pt(this,e),Tt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,n))}return Dt(e,t),Ot(e,[{key:"configure",value:function(t){Ct(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,n=this.config.maxSlices;e.sliceTotals=[];var i=this.data.labels.map(function(e,n){var i=0;return t.data.datasets.map(function(t){i+=t.values[n]}),[i,e]}).filter(function(t){return t[0]>0}),a=i;if(i.length>n){i.sort(function(t,e){return e[0]-t[0]}),a=i.slice(0,n-1);var s=0;i.slice(n-1).map(function(t){s+=t[0]}),a.push([s,"Rest"]),this.colors[n-1]="grey"}e.labels=[],a.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])}),e.grandTotal=e.sliceTotals.reduce(function(t,e){return t+e},0),this.center={x:this.width/2,y:this.height/2}}},{key:"renderLegend",value:function(){var t=this,e=this.state;this.legendArea.textContent="",this.legendTotals=e.sliceTotals.slice(0,this.config.maxLegendPoints),this.legendTotals.map(function(n,i){var a=C(110*i+5,"0",5,t.colors[i],e.labels[i]+": "+n);t.legendArea.appendChild(a)})}}]),e}(oe),ue=7,he=1e3,ce=86400,de=["January","February","March","April","May","June","July","August","September","October","November","December"],pe=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],fe=function(){function t(e){var n=e.layerClass,i=void 0===n?"":n,a=e.layerTransform,s=void 0===a?"":a,r=e.constants,o=e.getData,l=e.makeElements,u=e.animateElements;Pt(this,t),this.layerTransform=s,this.constants=r,this.makeElements=l,this.getData=o,this.animateElements=u,this.store=[],this.labels=[],this.layerClass=i,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return Ot(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=x(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)}),this.labels.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}(),ve={pieSlices:{layerClass:"pie-slices",makeElements:function(t){return t.sliceStrings.map(function(e,n){var i=k(e,"pie-path","none",t.colors[n]);return i.style.transition="transform .3s;",i})},animateElements:function(t){return this.store.map(function(e,n){return U(e,t.sliceStrings[n])})}},percentageBars:{layerClass:"percentage-bars",makeElements:function(t){var e=this;return t.xPositions.map(function(n,i){return M(n,0,t.widths[i],e.constants.barHeight,e.constants.barDepth,t.colors[i])})},animateElements:function(t){if(t)return[]}},yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(n,i){return N(n,t.labels[i],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,n=t.labels,i=this.oldData.positions,a=this.oldData.labels,s=h(i,e),r=Lt(s,2);i=r[0],e=r[1];var o=h(a,n),l=Lt(o,2);return a=l[0],n=l[1],this.render({positions:i,labels:n}),this.store.map(function(t,n){return R(t,e[n],i[n])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(n,i){return E(n,t.calcLabels[i],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,n=t.calcLabels,i=this.oldData.positions,a=this.oldData.calcLabels,s=h(i,e),r=Lt(s,2);i=r[0],e=r[1];var o=h(a,n),l=Lt(o,2);return a=l[0],n=l[1],this.render({positions:i,calcLabels:n}),this.store.map(function(t,n){return H(t,e[n],i[n])})}},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=h(this.oldData,t),n=Lt(e,2);this.oldData=n[0];var i=(t=n[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 R(t,i[e],s[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return _(t.startPos,t.endPos,e.constants.width,t.label)})},animateElements:function(t){var e=h(this.oldData,t),n=Lt(e,2);this.oldData=n[0];var i=(t=n[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(I(t,s[e],i[e],r[e]))}),l}},heatDomain:{layerClass:function(){return"heat-domain domain-"+this.constants.index},makeElements:function(t){var e=this,n=this.constants,i=n.index,a=n.colWidth,s=n.rowHeight,r=n.squareSize,o=n.xTranslate,l=0;return this.serializedSubDomains=[],t.cols.map(function(t,n){1===n&&e.labels.push(D("domain-name",o,-12,at(i,!0),{fontSize:11})),t.map(function(t,n){if(t.fill){var i={"data-date":t.yyyyMmDd,"data-value":t.dataValue,"data-day":n},a=P("day",o,l,r,t.fill,i);e.serializedSubDomains.push(a)}l+=s}),l=0,o+=a}),this.serializedSubDomains},animateElements:function(t){if(t)return[]}},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(n,i){return z(t.xPositions[i],n,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=t.xPositions,n=t.yPositions,i=t.offsets,a=t.labels,s=this.oldData.xPositions,r=this.oldData.yPositions,o=this.oldData.offsets,l=this.oldData.labels,u=h(s,e),c=Lt(u,2);s=c[0],e=c[1];var d=h(r,n),p=Lt(d,2);r=p[0],n=p[1];var f=h(o,i),v=Lt(f,2);o=v[0],i=v[1];var g=h(l,a),y=Lt(g,2);l=y[0],a=y[1],this.render({xPositions:s,yPositions:r,offsets:o,labels:a,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var m=[];return this.store.map(function(a,s){m=m.concat(Y(a,e[s],n[s],t.barWidth,i[s],{zeroLine:t.zeroLine}))}),m}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=F(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(n,i){return j(t.xPositions[i],n,t.radius,e.color,e.valuesOverPoints?t.values[i]:"",i)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,n=t.yPositions,i=t.values,a=this.oldData.xPositions,s=this.oldData.yPositions,r=this.oldData.values,o=h(a,e),l=Lt(o,2);a=l[0],e=l[1];var u=h(s,n),c=Lt(u,2);s=c[0],n=c[1];var d=h(r,i),p=Lt(d,2);r=p[0],i=p[1],this.render({xPositions:a,yPositions:s,values:i,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var f=[];return Object.keys(this.paths).length&&(f=f.concat(B(this.paths,e,n,t.zeroLine))),this.units.length&&this.units.map(function(t,i){f=f.concat(V(t,e[i],n[i]))}),f}}},ge=function(t){function n(t,e){Pt(this,n);var i=Tt(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t,e));return i.type="percentage",i.barOptions=e.barOptions||{},i.barOptions.height=i.barOptions.height||Ft,i.barOptions.depth=i.barOptions.depth||Wt,i.setup(),i}return Dt(n,t),Ot(n,[{key:"setupComponents",value:function(){var t=this.state,e=[["percentageBars",{barHeight:this.barOptions.height,barDepth:this.barOptions.depth},function(){return{xPositions:t.xPositions,widths:t.widths,colors:this.colors}}.bind(this)]];this.components=new Map(e.map(function(t){var e=lt.apply(void 0,Nt(t));return[t[0],e]}))}},{key:"calc",value:function(){var t=this;Ct(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"calc",this).call(this);var e=this.state;e.xPositions=[],e.widths=[];var i=0;e.sliceTotals.map(function(n){var a=t.width*n/e.grandTotal;e.widths.push(a),e.xPositions.push(i),i+=a})}},{key:"makeDataByIndex",value:function(){}},{key:"bindTooltip",value:function(){var t=this,n=this.state;this.container.addEventListener("mousemove",function(i){var a=t.components.get("percentageBars").store,s=i.target;if(a.includes(s)){var r=a.indexOf(s),o=e(t.container),l=e(s),u=l.left-o.left+parseInt(s.getAttribute("width"))/2,h=l.top-o.top,c=(t.formattedLabels&&t.formattedLabels.length>0?t.formattedLabels[r]:t.state.labels[r])+": ",d=n.sliceTotals[r]/n.grandTotal;t.tip.setValues(u,h,{name:c,value:(100*d).toFixed(1)+"%"}),t.tip.showTip()}})}}]),n}(le),ye=function(t){function n(t,e){Pt(this,n);var i=Tt(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t,e));return i.type="pie",i.initTimeout=0,i.init=1,i.setup(),i}return Dt(n,t),Ot(n,[{key:"configure",value:function(t){Ct(n.prototype.__proto__||Object.getPrototypeOf(n.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:"calc",value:function(){var t=this;Ct(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"calc",this).call(this);var e=this.state;this.radius=this.height>this.width?this.center.x:this.center.y;var i=this.radius,a=this.clockWise,s=e.slicesProperties||[];e.sliceStrings=[],e.slicesProperties=[];var r=180-this.config.startAngle;e.sliceTotals.map(function(n,o){var u=r,h=n/e.grandTotal*360,c=a?-h:h,d=r+=c,p=l(u,i),f=l(d,i),v=t.init&&s[o],g=void 0,y=void 0;t.init?(g=v?v.startPosition:p,y=v?v.endPosition:p):(g=p,y=f);var m=w(g,y,t.center,t.radius,t.clockWise);e.sliceStrings.push(m),e.slicesProperties.push({startPosition:p,endPosition:f,value:n,total:e.grandTotal,startAngle:u,endAngle:d,angle:c})}),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=lt.apply(void 0,Nt(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,n=this.hoverRadio,i=l(t.startAngle+t.angle/2,e);return"translate3d("+i.x*n+"px,"+i.y*n+"px,0)"}},{key:"hoverSlice",value:function(t,n,i,a){if(t){var s=this.colors[n];if(i){q(t,this.calTranslateByAngle(this.state.slicesProperties[n])),t.style.fill=d(s,50);var r=e(this.svg),o=a.pageX-r.left+10,l=a.pageY-r.top-10,u=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[n]:this.state.labels[n])+": ",h=(100*this.state.sliceTotals[n]/this.state.grandTotal).toFixed(1);this.tip.setValues(o,l,{name:u,value:h+"%"}),this.tip.showTip()}else q(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.fill=s}}},{key:"bindTooltip",value:function(){this.container.addEventListener("mousemove",this.mouseMove),this.container.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,n=this.components.get("pieSlices").store,i=this.curActiveSliceIndex,a=this.curActiveSlice;if(n.includes(e)){var s=n.indexOf(e);this.hoverSlice(a,i,!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)}}]),n}(le),me=function(t){function e(t,n){Pt(this,e);var i=Tt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,n));i.type="heatmap",i.countLabel=n.countLabel||"";var a=["Sunday","Monday"],s=a.includes(n.startSubDomain)?n.startSubDomain:"Sunday";return i.startSubDomainIndex=a.indexOf(s),i.setup(),i}return Dt(e,t),Ot(e,[{key:"configure",value:function(t){this.discreteDomains=0===t.discreteDomains?0:1,Ct(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t)}},{key:"setMargins",value:function(){Ct(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.leftMargin=50,this.topMargin=25;var t=this.data,n=this.discreteDomains?12:0;this.independentWidth=12*(et(t.start,t.end)+n)+this.rightMargin+this.leftMargin}},{key:"updateWidth",value:function(){var t=this.discreteDomains?12:0;this.baseWidth=12*(this.state.noOfWeeks+t)+this.rightMargin+this.leftMargin}},{key:"prepareData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;if(t.start&&t.end&&t.start>t.end)throw new Error("Start date cannot be greater than end date.");if(t.start||(t.start=new Date,t.start.setFullYear(t.start.getFullYear()-1)),t.end||(t.end=new Date),t.dataPoints=t.dataPoints||{},parseInt(Object.keys(t.dataPoints)[0])>1e5){var e={};Object.keys(t.dataPoints).forEach(function(n){var i=new Date(n*he);e[Z(i)]=t.dataPoints[n]}),t.dataPoints=e}return t}},{key:"calc",value:function(){var t=this.state;t.start=tt(this.data.start),t.end=tt(this.data.end),t.firstWeekStart=tt(t.start),t.noOfWeeks=et(t.start,t.end),t.distribution=mt(Object.values(this.data.dataPoints),Ht),t.domainConfigs=this.getDomains()}},{key:"setupComponents",value:function(){var t=this,e=this.state,n=this.discreteDomains?0:1,i=e.domainConfigs.map(function(i,a){return["heatDomain",{index:i.index,colWidth:12,rowHeight:12,squareSize:10,xTranslate:12*e.domainConfigs.filter(function(t,e){return e1&&void 0!==arguments[1]?arguments[1]:"",n=[t.getMonth(),t.getFullYear()],i=n[0],a=n[1],s=rt(t),r={index:i,cols:[]};ot(e=tt(e)||st(i,a),1);for(var o=et(s,e),l=[],u=void 0,h=0;h2&&void 0!==arguments[2]&&arguments[2],i=this.state,a=tt(t),s=[],r=0;r=i.start&&a<=i.end;n||a.getMonth()!==e||!l?o.yyyyMmDd=Z(a):o=this.getSubDomainConfig(a),s.push(o)}return s}},{key:"getSubDomainConfig",value:function(t){var e=Z(t),n=this.data.dataPoints[e];return{yyyyMmDd:e,dataValue:n||0,fill:this.colors[bt(n,this.state.distribution)]}}}]),e}(oe),be=function(t){function n(t,e){Pt(this,n);var i=Tt(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 Dt(n,t),Ot(n,[{key:"configure",value:function(t){Ct(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"configure",this).call(this,t),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||0,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){Ct(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"setMargins",this).call(this),this.leftMargin=60,this.rightMargin=40}},{key:"prepareData",value:function(){return xt(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return kt(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),this.makeDataByIndex())}},{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,n){return s(t.xOffset+n*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=dt(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),n=this.height/vt(e),i=ft(e)*n,a=this.height-pt(e)*i;this.state.yAxis={labels:e,positions:e.map(function(t){return a-t*n}),scaleMultiplier:n,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 gt(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,n){var i=t.values,a=t.cumulativeYs||[];return{name:t.name,index:n,chartType:t.chartType,values:i,yPositions:e(i),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,n){e1&&e.datasets.map(function(e,n){var i=O(100*n,"0",100,t.colors[n],e.name);t.legendArea.appendChild(i)})}},{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 n=e.units[t.state.currentIndex];e.overlay=Qt[e.type](n),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 n=e.getAttribute("data-point-index");t.setCurrentDataPoint(n)})})}),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 n=e.units[t.state.currentIndex];Zt[e.type](n,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;Ct(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||(Ct(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,n){t[n]&&(e.values=t[n])}),this.update(this.data)}}]),n}(oe),xe={bar:be,line:be,percentage:ge,heatmap:me,pie:ye},ke=function t(e,n){return Pt(this,t),At(n.type,e,n)},we=Object.freeze({Chart:ke,PercentageChart:ge,PieChart:ye,Heatmap:me,AxisChart:be}),Ae={};return Ae.NAME="Frappe Charts",Ae.VERSION="1.0.0",Ae=Object.assign({},Ae,we)}(); +var frappe=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 t.margins.top+t.margins.bottom+t.paddings.top+t.paddings.bottom+t.titleHeight+t.legendHeight}function r(t){return t.margins.left+t.margins.right+t.paddings.left+t.paddings.right}function o(t){return parseFloat(t.toFixed(2))}function l(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 u(t,e){return(t+"").length*e}function h(t,e){return{x:Math.sin(t*Yt)*e,y:Math.cos(t*Yt)*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 d(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=l(t,i):e=l(e,i),[t,e]}function p(t){return t>255?255:t<0?0:t}function f(t,e){var i=Ut(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),s=p((a>>16)+e),r=p((a>>8&255)+e),o=p((255&a)+e);return(n?"#":"")+(o|r<<8|s<<16).toString(16)}function v(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function g(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function y(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)g(a).appendChild(i);else if("around"===n){var s=g(a);s.parentNode.insertBefore(i,s),i.appendChild(s)}else"styles"===n?"object"===(void 0===a?"undefined":Ot(a))&&Object.keys(a).map(function(t){i.style[t]=a[t]}):("className"===n&&(n="class"),"innerHTML"===n?i.textContent=a:i.setAttribute(n,a))}return i}function m(t,e){return y("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function b(t,e,i,n){return y("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function x(t,e,i,n){return y("svg",{className:e,inside:t,width:i,height:n})}function k(t){return y("defs",{inside:t})}function w(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0,n={className:t,transform:e};return i&&(n.inside=i),y("g",n)}function A(t){return y("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 C(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=m(t,n),s=[1,.6,.2];return i&&(s=[.4,.2,0]),b(a,"0%",e,s[0]),b(a,"50%",e,s[1]),b(a,"100%",e,s[2]),n}function O(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:Ft,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:"none";return y("rect",{className:"percentage-bar",x:t,y:e,width:i,height:n,fill:s,styles:{stroke:f(s,-25),"stroke-dasharray":"0, "+(n+i)+", "+i+", "+n,"stroke-width":a}})}function L(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]}),y("rect",r)}function T(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none",a=arguments[4],s={className:"legend-bar",x:0,y:0,width:i,height:"2px",fill:n},r=y("text",{className:"legend-dataset-text",x:0,y:0,dy:2*Xt+"px","font-size":1.2*Xt+"px","text-anchor":"start",fill:Kt,innerHTML:a}),o=y("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(y("rect",s)),o.appendChild(r),o}function D(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none",a=arguments[4],s={className:"legend-dot",cx:0,cy:0,r:i,fill:n},r=y("text",{className:"legend-dataset-text",x:0,y:0,dx:Xt+"px",dy:Xt/3+"px","font-size":1.2*Xt+"px","text-anchor":"start",fill:Kt,innerHTML:a}),o=y("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(y("circle",s)),o.appendChild(r),o}function M(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},s=a.fontSize||Xt;return y("text",{className:t,x:e,y:i,dy:(void 0!==a.dy?a.dy:s/2)+"px","font-size":s+"px",fill:a.fill||Kt,"text-anchor":a.textAnchor||"start",innerHTML:n})}function N(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Jt);var s=y("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),r=y("text",{x:0,y:i>n?i+qt:i-qt-Xt,dy:Xt+"px","font-size":Xt+"px","text-anchor":"middle",innerHTML:e+""}),o=y("g",{transform:"translate("+t+", 0)"});return o.appendChild(s),o.appendChild(r),o}function S(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Jt),a.lineType||(a.lineType="");var s=y("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:0,y2:0,styles:{stroke:a.stroke}}),r=y("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=Jt),n.className||(n.className="");var a=-1*Gt,s="span"===n.mode?i+Gt:0;return"tick"===n.mode&&"right"===n.pos&&(a=i+Gt,s=i),a+=n.offset,s+=n.offset,S(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function _(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=Jt),n.className||(n.className="");var a=i+Gt,s="span"===n.mode?-1*Gt:i;return"tick"===n.mode&&"top"===n.pos&&(a=-1*Gt,s=0),N(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function z(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=y("text",{className:"chart-label",x:i-u(e,5)-qt,y:0,dy:Xt/-2+"px","font-size":Xt+"px","text-anchor":"start",innerHTML:e+""}),s=S(t,"",0,i,{stroke:n.stroke||Jt,className:n.className||"",lineType:n.lineType});return s.appendChild(a),s}function H(t,e,i,n){var a=t-e,s=y("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:Jt,"stroke-dasharray":i+", "+a},x:0,y:0,width:i,height:a}),r=y("text",{className:"chart-label",x:i-u(n+"",4.5)-qt,y:0,dy:Xt/-2+"px","font-size":Xt+"px","text-anchor":"start",innerHTML:n+""}),o=y("g",{transform:"translate(0, "+e+")"});return o.appendChild(s),o.appendChild(r),o}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=c(e,o.zeroLine),u=St(l,2),h=u[0],d=u[1],p=y("rect",{className:"bar mini",style:"fill: "+n,"data-point-index":s,x:t,y:d-=r,width:i,height:h||o.minHeight});if((a+="")||a.length){p.setAttribute("y",0),p.setAttribute("x",0);var f=y("text",{className:"data-point-value",x:i/2,y:0,dy:Xt/2*-1+"px","font-size":Xt+"px","text-anchor":"middle",innerHTML:a}),v=y("g",{"data-point-index":s,transform:"translate("+t+", "+d+")"});return v.appendChild(p),v.appendChild(f),v}return p}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=y("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=y("text",{className:"data-point-value",x:0,y:0,dy:Xt/2*-1-i+"px","font-size":Xt+"px","text-anchor":"middle",innerHTML:a}),l=y("g",{"data-point-index":s,transform:"translate("+t+", "+e+")"});return l.appendChild(r),l.appendChild(o),l}return r}function W(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=P(a.svgDefs,i);r.style.stroke="url(#"+o+")"}var l={path:r};if(n.regionFill){var u=P(a.svgDefs,i,!0),h="M"+t[0]+","+a.zeroLine+"L"+s+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=A(h,"region-fill","none","url(#"+u+")")}return l}function R(t,e,i,n){var a="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},n,ne,"translate",{transform:a}]}function I(t,e,i){return R(t,[i,0],[e,0],ee)}function Y(t,e,i){return R(t,[0,i],[0,e],ee)}function V(t,e,i,n){var a=e-i,s=t.childNodes[0];return[[s,{height:a,"stroke-dasharray":s.getAttribute("width")+", "+a},ee,ne],R(t,[0,n],[0,i],ee)]}function B(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=c(i,(arguments.length>5&&void 0!==arguments[5]?arguments[5]:{}).zeroLine),r=St(s,2),o=r[0],l=r[1];return l-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width:n,height:o},Zt,ne],R(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],ee)]:[[t,{width:n,height:o,x:e,y:l},Zt,ne]]}function U(t,e,i){return"circle"!==t.nodeName?[R(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],ee)]:[[t,{cx:e,cy:i},Zt,ne]]}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},te,ne];if(a.push(r),t.region){var o=e[0]+","+n+"L",l="L"+e.slice(-1)[0]+", "+n,u=[t.region,{d:"M"+o+s+l},te,ne];a.push(u)}return a}function q(t,e){return[t,{d:e},Zt,ne]}function X(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 u=void 0;u="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),c=e[l],d={attributeName:l,from:h,to:c,begin:"0s",dur:i/1e3+"s",values:h+";"+c,keySplines:ae[n],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};a&&(d.type=a);for(var p in d)u.setAttribute(p,d[p]);r.appendChild(u),a?o.setAttribute(l,"translate("+c+")"):o.setAttribute(l,c)}return[r,o]}function J(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function K(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=X.apply(void 0,Et(t)),l=St(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 $(t,e,i){if(0!==i.length){var n=K(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},ie)}}function Q(t,e){var i=document.createElement("a");i.style="display: none";var n=new Blob(e,{type:"image/svg+xml; charset=utf-8"}),a=window.URL.createObjectURL(n);i.href=a,i.download=t,document.body.appendChild(i),i.click(),setTimeout(function(){document.body.removeChild(i),window.URL.revokeObjectURL(a)},300)}function Z(e){var i=e.cloneNode(!0);i.classList.add("chart-container"),i.setAttribute("xmlns","http://www.w3.org/2000/svg"),i.setAttribute("xmlns:xlink","http://www.w3.org/1999/xlink");var n=t.create("style",{innerHTML:se});i.insertBefore(n,i.firstChild);var a=t.create("div");return a.appendChild(i),a.innerHTML}function tt(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function et(t){var e=t.getDate(),i=t.getMonth()+1;return[t.getFullYear(),(i>9?"":"0")+i,(e>9?"":"0")+e].join("-")}function it(t){return new Date(t.getTime())}function nt(t,e){var i=lt(t);return Math.ceil(at(i,e)/le)}function at(t,e){var i=he*ue;return(tt(e)-tt(t))/i}function st(t,e){return t.getMonth()===e.getMonth()&&t.getFullYear()===e.getFullYear()}function rt(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=ce[t];return e?i.slice(0,3):i}function ot(t,e){return new Date(e,t+1,0)}function lt(t){var e=it(t),i=e.getDay();return 0!==i&&ut(e,-1*i),e}function ut(t,e){t.setDate(t.getDate()+e)}function ht(t,e,i){var n=Object.keys(fe).filter(function(e){return t.includes(e)}),a=fe[n[0]];return Object.assign(a,{constants:e,getData:i}),new pe(a)}function ct(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 dt(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 pt(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=ct(t),n=St(i,2),a=n[0],s=n[1],r=e?e/Math.pow(10,s):0,o=dt(a=a.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function ft(t){function e(t,e){for(var i=pt(t),n=i[1]-i[0],a=0,s=1;a1&&void 0!==arguments[1]&&arguments[1],n=Math.max.apply(Math,Et(t)),a=Math.min.apply(Math,Et(t)),s=[];if(n>=0&&a>=0)ct(n)[1],s=i?pt(n,a):pt(n);else if(n>0&&a<0){var r=Math.abs(a);n>=r?(ct(n)[1],s=e(n,r)):(ct(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);ct(o)[1],s=(s=i?pt(o,l):pt(o)).reverse().map(function(t){return-1*t})}return s}function vt(t){var e=gt(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 gt(t){return t[1]-t[0]}function yt(t){return t[t.length-1]-t[0]}function mt(t,e){return o(e.zeroLine-t*e.scaleMultiplier)}function bt(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n=e.reduce(function(e,i){return Math.abs(i-t)i?n.slice(0,i):l(n,i-n.length,0)}else t.values=a;t.chartType||(Ht.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 Pt(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"axis-mixed"===t?(i.type="line",new me(e,i)):be[t]?new be[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{position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .legend-dataset-text{fill:#6c7680;font-weight:600}.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}.graph-svg-tip ol,.graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.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)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}',{});var Ot="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},Lt=(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")}),Tt=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-5,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}(),Bt={"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"},Ut=function(t){return Bt[t]||t},Gt=6,qt=4,Xt=10,Jt="#dadada",Kt="#555b51",$t={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),n=t.getAttribute("r"),a=t.getAttribute("fill");return i.setAttribute("r",parseInt(n)+4),i.setAttribute("fill",a),i.style.opacity="0.6",e&&i.setAttribute("transform",e),i},heat_square:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),n=t.getAttribute("r"),a=t.getAttribute("fill");return i.setAttribute("r",parseInt(n)+4),i.setAttribute("fill",a),i.style.opacity="0.6",e&&i.setAttribute("transform",e),i}},Qt={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["cx","cy"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},heat_square:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["cx","cy"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},Zt=350,te=350,ee=Zt,ie=250,ne="easein",ae={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"},se=".chart-container{position:relative;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.graph-svg-tip{position:absolute;z-index:99999;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.graph-svg-tip ul{padding-left:0;display:flex}.graph-svg-tip ol{padding-left:0;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.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)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}",re=function(){function e(t,i){if(Lt(this,e),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.rawChartArgs=i,this.title=i.title||"",this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=this.validateColors(i.colors,this.type),this.config={showTooltip:1,showLegend:1,isNavigable:i.isNavigable||0,animate:1},this.measures=JSON.parse(JSON.stringify(_t));var n=this.measures;this.setMeasures(i),this.title.length||(n.titleHeight=0),this.config.showLegend||(n.legendHeight=0),this.argHeight=i.height||n.baseHeight,this.state={},this.options={},this.initTimeout=zt,this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return Tt(e,[{key:"prepareData",value:function(t){return t}},{key:"prepareFirstData",value:function(t){return t}},{key:"validateColors",value:function(t,e){var i=[];return(t=(t||[]).concat(It[e])).forEach(function(t){var e=Ut(t);v(e)?i.push(e):console.warn('"'+t+'" is not a valid color.')}),i}},{key:"setMeasures",value:function(){}},{key:"configure",value:function(){var t=this,e=this.argHeight;this.baseHeight=e,this.height=e-s(this.measures),window.addEventListener("resize",function(){return t.draw(!0)}),window.addEventListener("orientationchange",function(){return t.draw(!0)})}},{key:"setup",value:function(){this.makeContainer(),this.updateWidth(),this.makeTooltip(),this.draw(!1,!0)}},{key:"makeContainer",value:function(){this.parent.innerHTML="";var e={inside:this.parent,className:"chart-container"};this.independentWidth&&(e.styles={width:this.independentWidth+"px"}),this.container=t.create("div",e)}},{key:"makeTooltip",value:function(){this.tip=new Vt({parent:this.container,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calc(e),this.updateWidth(),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(t.data)},this.initTimeout)),this.renderLegend(),this.setupNavigation(i)}},{key:"calc",value:function(){}},{key:"updateWidth",value:function(){this.baseWidth=n(this.parent),this.width=this.baseWidth-r(this.measures)}},{key:"makeChartArea",value:function(){this.svg&&this.container.removeChild(this.svg);var t=this.measures;this.svg=x(this.container,"frappe-chart chart",this.baseWidth,this.baseHeight),this.svgDefs=k(this.svg),this.title.length&&(this.titleEL=M("title",t.margins.left,t.margins.top,this.title,{fontSize:t.titleFontSize,fill:"#666666",dy:t.titleFontSize}));var e=t.margins.top+t.titleHeight+t.paddings.top;this.drawArea=w(this.type+"-chart chart-draw-area","translate("+(t.margins.left+t.paddings.left)+", "+e+")"),this.config.showLegend&&(e+=this.height+t.paddings.bottom,this.legendArea=w("chart-legend","translate("+(t.margins.left+t.paddings.left)+", "+e+")")),this.title.length&&this.svg.appendChild(this.titleEL),this.svg.appendChild(this.drawArea),this.config.showLegend&&this.svg.appendChild(this.legendArea),this.updateTipOffset(t.margins.left+t.paddings.left,t.margins.top+t.paddings.top+t.titleHeight)}},{key:"updateTipOffset",value:function(t,e){this.tip.offset={x:t,y:e}}},{key:"setupComponents",value:function(){this.components=new Map}},{key:"update",value:function(t){t||console.error("No data to update."),this.data=this.prepareData(t),this.calc(),this.render()}},{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?($(this.container,this.svg,n),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},400)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"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.container)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"addDataPoint",value:function(){}},{key:"removeDataPoint",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(){}},{key:"updateDataset",value:function(){}},{key:"boundDrawFn",value:function(){this.draw(!0)}},{key:"unbindWindowEvents",value:function(){var t=this;window.removeEventListener("resize",function(){return t.boundDrawFn.bind(t)}),window.removeEventListener("orientationchange",function(){return t.boundDrawFn.bind(t)})}},{key:"export",value:function(){var t=Z(this.svg);Q(this.title||"Chart",[t])}}]),e}(),oe=function(t){function e(t,i){return Lt(this,e),Nt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i))}return Mt(e,t),Tt(e,[{key:"configure",value:function(t){Dt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,i=this.config.maxSlices;e.sliceTotals=[];var n=this.data.labels.map(function(e,i){var n=0;return t.data.datasets.map(function(t){n+=t.values[i]}),[n,e]}).filter(function(t){return t[0]>0}),a=n;if(n.length>i){n.sort(function(t,e){return e[0]-t[0]}),a=n.slice(0,i-1);var s=0;n.slice(i-1).map(function(t){s+=t[0]}),a.push([s,"Rest"]),this.colors[i-1]="grey"}e.labels=[],a.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])}),e.grandTotal=e.sliceTotals.reduce(function(t,e){return t+e},0),this.center={x:this.width/2,y:this.height/2}}},{key:"renderLegend",value:function(){var t=this,e=this.state;this.legendArea.textContent="",this.legendTotals=e.sliceTotals.slice(0,this.config.maxLegendPoints),this.legendTotals.map(function(i,n){var a=D(110*n+5,"0",5,t.colors[n],e.labels[n]+": "+i);t.legendArea.appendChild(a)})}}]),e}(re),le=7,ue=1e3,he=86400,ce=["January","February","March","April","May","June","July","August","September","October","November","December"],de=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],pe=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,u=e.animateElements;Lt(this,t),this.layerTransform=s,this.constants=r,this.makeElements=l,this.getData=o,this.animateElements=u,this.store=[],this.labels=[],this.layerClass=n,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return Tt(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=w(this.layerClass,this.layerTransform,t)}},{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)}),this.labels.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}(),fe={pieSlices:{layerClass:"pie-slices",makeElements:function(t){return t.sliceStrings.map(function(e,i){var n=A(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 q(e,t.sliceStrings[i])})}},percentageBars:{layerClass:"percentage-bars",makeElements:function(t){var e=this;return t.xPositions.map(function(i,n){return O(i,0,t.widths[n],e.constants.barHeight,e.constants.barDepth,t.colors[n])})},animateElements:function(t){if(t)return[]}},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=d(n,e),r=St(s,2);n=r[0],e=r[1];var o=d(a,i),l=St(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return Y(t,e[i],n[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return _(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=d(n,e),r=St(s,2);n=r[0],e=r[1];var o=d(a,i),l=St(o,2);return a=l[0],i=l[1],this.render({positions:n,calcLabels:i}),this.store.map(function(t,i){return I(t,e[i],n[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return z(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=d(this.oldData,t),i=St(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 Y(t,n[e],s[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return H(t.startPos,t.endPos,e.constants.width,t.label)})},animateElements:function(t){var e=d(this.oldData,t),i=St(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(V(t,s[e],n[e],r[e]))}),l}},heatDomain:{layerClass:function(){return"heat-domain domain-"+this.constants.index},makeElements:function(t){var e=this,i=this.constants,n=i.index,a=i.colWidth,s=i.rowHeight,r=i.squareSize,o=i.xTranslate,l=0;return this.serializedSubDomains=[],t.cols.map(function(t,i){1===i&&e.labels.push(M("domain-name",o,-12,rt(n,!0).toUpperCase(),{fontSize:9})),t.map(function(t,i){if(t.fill){var n={"data-date":t.yyyyMmDd,"data-value":t.dataValue,"data-day":i},a=L("day",o,l,r,t.fill,n);e.serializedSubDomains.push(a)}l+=s}),l=0,o+=a}),this.serializedSubDomains},animateElements:function(t){if(t)return[]}},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=t.xPositions,i=t.yPositions,n=t.offsets,a=t.labels,s=this.oldData.xPositions,r=this.oldData.yPositions,o=this.oldData.offsets,l=this.oldData.labels,u=d(s,e),h=St(u,2);s=h[0],e=h[1];var c=d(r,i),p=St(c,2);r=p[0],i=p[1];var f=d(o,n),v=St(f,2);o=v[0],n=v[1];var g=d(l,a),y=St(g,2);l=y[0],a=y[1],this.render({xPositions:s,yPositions:r,offsets:o,labels:a,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var m=[];return this.store.map(function(a,s){m=m.concat(B(a,e[s],i[s],t.barWidth,n[s],{zeroLine:t.zeroLine}))}),m}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=W(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=d(a,e),l=St(o,2);a=l[0],e=l[1];var u=d(s,i),h=St(u,2);s=h[0],i=h[1];var c=d(r,n),p=St(c,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(U(t,e[n],i[n]))}),f}}},ve=function(t){function i(t,e){Lt(this,i);var n=Nt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.type="percentage",n.barOptions=e.barOptions||{},n.barOptions.height=n.barOptions.height||jt,n.barOptions.depth=n.barOptions.depth||Ft,n.setup(),n}return Mt(i,t),Tt(i,[{key:"setupComponents",value:function(){var t=this.state,e=[["percentageBars",{barHeight:this.barOptions.height,barDepth:this.barOptions.depth},function(){return{xPositions:t.xPositions,widths:t.widths,colors:this.colors}}.bind(this)]];this.components=new Map(e.map(function(t){var e=ht.apply(void 0,Et(t));return[t[0],e]}))}},{key:"calc",value:function(){var t=this;Dt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"calc",this).call(this);var e=this.state;e.xPositions=[],e.widths=[];var n=0;e.sliceTotals.map(function(i){var a=t.width*i/e.grandTotal;e.widths.push(a),e.xPositions.push(n),n+=a})}},{key:"makeDataByIndex",value:function(){}},{key:"bindTooltip",value:function(){var t=this,i=this.state;this.container.addEventListener("mousemove",function(n){var a=t.components.get("percentageBars").store,s=n.target;if(a.includes(s)){var r=a.indexOf(s),o=e(t.container),l=e(s),u=l.left-o.left+parseInt(s.getAttribute("width"))/2,h=l.top-o.top,c=(t.formattedLabels&&t.formattedLabels.length>0?t.formattedLabels[r]:t.state.labels[r])+": ",d=i.sliceTotals[r]/i.grandTotal;t.tip.setValues(u,h,{name:c,value:(100*d).toFixed(1)+"%"}),t.tip.showTip()}})}}]),i}(oe),ge=function(t){function i(t,e){Lt(this,i);var n=Nt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.type="pie",n.initTimeout=0,n.init=1,n.setup(),n}return Mt(i,t),Tt(i,[{key:"configure",value:function(t){Dt(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:"calc",value:function(){var t=this;Dt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"calc",this).call(this);var e=this.state;this.radius=this.height>this.width?this.center.x:this.center.y;var n=this.radius,a=this.clockWise,s=e.slicesProperties||[];e.sliceStrings=[],e.slicesProperties=[];var r=180-this.config.startAngle;e.sliceTotals.map(function(i,o){var l=r,u=i/e.grandTotal*360,c=a?-u:u,d=r+=c,p=h(l,n),f=h(d,n),v=t.init&&s[o],g=void 0,y=void 0;t.init?(g=v?v.startPosition:p,y=v?v.endPosition:p):(g=p,y=f);var m=C(g,y,t.center,t.radius,t.clockWise);e.sliceStrings.push(m),e.slicesProperties.push({startPosition:p,endPosition:f,value:i,total:e.grandTotal,startAngle:l,endAngle:d,angle:c})}),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=ht.apply(void 0,Et(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,n=h(t.startAngle+t.angle/2,e);return"translate3d("+n.x*i+"px,"+n.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,i,n,a){if(t){var s=this.colors[i];if(n){J(t,this.calTranslateByAngle(this.state.slicesProperties[i])),t.style.fill=f(s,50);var r=e(this.svg),o=a.pageX-r.left+10,l=a.pageY-r.top-10,u=(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:u,value:h+"%"}),this.tip.showTip()}else J(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.fill=s}}},{key:"bindTooltip",value:function(){this.container.addEventListener("mousemove",this.mouseMove),this.container.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,i=this.components.get("pieSlices").store,n=this.curActiveSliceIndex,a=this.curActiveSlice;if(i.includes(e)){var s=i.indexOf(e);this.hoverSlice(a,n,!1),this.curActiveSlice=e,this.curActiveSliceIndex=s,this.hoverSlice(e,s,!0,t)}else this.mouseLeave()}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}}]),i}(oe),ye=function(t){function e(t,i){Lt(this,e);var n=Nt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));n.type="heatmap",n.countLabel=i.countLabel||"";var a=["Sunday","Monday"],s=a.includes(i.startSubDomain)?i.startSubDomain:"Sunday";return n.startSubDomainIndex=a.indexOf(s),n.setup(),n}return Mt(e,t),Tt(e,[{key:"setMeasures",value:function(t){var e=this.measures;this.discreteDomains=0===t.discreteDomains?0:1,e.paddings.top=36,e.paddings.bottom=0,e.legendHeight=24,e.baseHeight=12*le+s(e);var i=this.data,n=this.discreteDomains?12:0;this.independentWidth=12*(nt(i.start,i.end)+n)+e.margins.right+e.margins.left}},{key:"updateWidth",value:function(){var t=this.discreteDomains?12:0;this.baseWidth=12*(this.state.noOfWeeks+t)+r(this.measures)}},{key:"prepareData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;if(t.start&&t.end&&t.start>t.end)throw new Error("Start date cannot be greater than end date.");if(t.start||(t.start=new Date,t.start.setFullYear(t.start.getFullYear()-1)),t.end||(t.end=new Date),t.dataPoints=t.dataPoints||{},parseInt(Object.keys(t.dataPoints)[0])>1e5){var e={};Object.keys(t.dataPoints).forEach(function(i){var n=new Date(i*ue);e[et(n)]=t.dataPoints[i]}),t.dataPoints=e}return t}},{key:"calc",value:function(){var t=this.state;t.start=it(this.data.start),t.end=it(this.data.end),t.firstWeekStart=it(t.start),t.noOfWeeks=nt(t.start,t.end),t.distribution=xt(Object.values(this.data.dataPoints),5),t.domainConfigs=this.getDomains()}},{key:"setupComponents",value:function(){var t=this,e=this.state,i=this.discreteDomains?0:1,n=e.domainConfigs.map(function(n,a){return["heatDomain",{index:n.index,colWidth:12,rowHeight:12,squareSize:10,xTranslate:12*e.domainConfigs.filter(function(t,e){return e1&&void 0!==arguments[1]?arguments[1]:"",i=[t.getMonth(),t.getFullYear()],n=i[0],a=i[1],s=lt(t),r={index:n,cols:[]};ut(e=it(e)||ot(n,a),1);for(var o=nt(s,e),l=[],u=void 0,h=0;h2&&void 0!==arguments[2]&&arguments[2],n=this.state,a=it(t),s=[],r=0;r=n.start&&a<=n.end;i||a.getMonth()!==e||!l?o.yyyyMmDd=et(a):o=this.getSubDomainConfig(a),s.push(o)}return s}},{key:"getSubDomainConfig",value:function(t){var e=et(t),i=this.data.dataPoints[e];return{yyyyMmDd:e,dataValue:i||0,fill:this.colors[kt(i,this.state.distribution)]}}}]),e}(re),me=function(t){function i(t,e){Lt(this,i);var n=Nt(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.init=1,n.setup(),n}return Mt(i,t),Tt(i,[{key:"setMeasures",value:function(t){this.data.datasets.length<=1&&(this.config.showLegend=0,this.measures.paddings.bottom=30)}},{key:"configure",value:function(t){Dt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||0,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"prepareData",value:function(){return wt(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return At(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),this.makeDataByIndex())}},{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 o(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=ft(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/yt(e),n=gt(e)*i,a=this.height-vt(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 mt(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){en.titleHeight+n.margins.top+n.paddings.top?t.mapTooltipXPosition(s):t.tip.hideTip()})}},{key:"mapTooltipXPosition",value:function(t){var e=this,i=this.state;if(i.yExtremes){var n=bt(t,i.xAxis.positions,!0);console.log(t,i.xAxis.positions[n],i.xAxis.positions,this.tip.offset.x),this.tip.setValues(i.xAxis.positions[n]+this.tip.offset.x,i.yExtremes[n]+this.tip.offset.y,{name:i.xAxis.labels[n],value:""},this.data.datasets.map(function(t,i){return{title:t.name,value:t.values[n],color:e.colors[i]}}),n),this.tip.showTip()}}},{key:"renderLegend",value:function(){var t=this,e=this.data;e.datasets.length>1&&(this.legendArea.textContent="",e.datasets.map(function(e,i){var n=T(100*i,"0",100,t.colors[i],e.name);t.legendArea.appendChild(n)}))}},{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=$t[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];Qt[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 n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;Dt(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;this.data.labels.length<=1||(Dt(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)}},{key:"updateDatasets",value:function(t){this.data.datasets.map(function(e,i){t[i]&&(e.values=t[i])}),this.update(this.data)}}]),i}(re),be={bar:me,line:me,percentage:ve,heatmap:ye,pie:ge},xe=function t(e,i){return Lt(this,t),Pt(i.type,e,i)},ke=Object.freeze({Chart:xe,PercentageChart:ve,PieChart:ge,Heatmap:ye,AxisChart:me}),we={};return we.NAME="Frappe Charts",we.VERSION="1.0.0",we=Object.assign({},we,ke)}(); //# 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 ec648bf..02ed7c3 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/colors.js","../../../src/js/utils/draw.js","../../../src/js/utils/animate.js","../../../src/js/utils/animation.js","../../../src/js/utils/export.js","../../../src/js/utils/date-utils.js","../../../src/js/objects/ChartComponents.js","../../../src/js/utils/intervals.js","../../../src/js/utils/axis-chart-utils.js","../../../src/js/chart.js","../../../src/js/utils/constants.js","../../../src/js/objects/SvgTip.js","../../../src/css/chartsCss.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","../../../src/js/index.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// https://css-tricks.com/snippets/javascript/loop-queryselectorall-matches/\nexport function forEachNode(nodeList, callback, scope) {\n\tif(!nodeList) return;\n\tfor (var i = 0; i < nodeList.length; i++) {\n\t\tcallback.call(scope, nodeList[i], i);\n\t}\n}\n\nexport function activate($parent, $child, commonClass, activeClass='active', index = -1) {\n\tlet $children = $parent.querySelectorAll(`.${commonClass}.${activeClass}`);\n\n\tforEachNode($children, (node, i) => {\n\t\tif(index >= 0 && i <= index) return;\n\t\tnode.classList.remove(activeClass);\n\t});\n\n\t$child.classList.add(activeClass);\n}\n","import { ANGLE_RATIO } from './constants';\n\n/**\n * Returns the value of a number upto 2 decimal places.\n * @param {Number} d Any number\n */\nexport function floatTwo(d) {\n\treturn parseFloat(d.toFixed(2));\n}\n\n/**\n * Returns whether or not two given arrays are equal.\n * @param {Array} arr1 First array\n * @param {Array} arr2 Second array\n */\nexport function arraysEqual(arr1, arr2) {\n\tif(arr1.length !== arr2.length) return false;\n\tlet areEqual = true;\n\tarr1.map((d, i) => {\n\t\tif(arr2[i] !== d) areEqual = false;\n\t});\n\treturn areEqual;\n}\n\n/**\n * Shuffles array in place. ES6 version\n * @param {Array} array An array containing the items.\n */\nexport function shuffle(array) {\n\t// Awesomeness: https://bost.ocks.org/mike/shuffle/\n\t// https://stackoverflow.com/a/2450976/6495043\n\t// https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array?noredirect=1&lq=1\n\n\tfor (let i = array.length - 1; i > 0; i--) {\n\t\tlet j = Math.floor(Math.random() * (i + 1));\n\t\t[array[i], array[j]] = [array[j], array[i]];\n\t}\n\n\treturn array;\n}\n\n/**\n * Fill an array with extra points\n * @param {Array} array Array\n * @param {Number} count number of filler elements\n * @param {Object} element element to fill with\n * @param {Boolean} start fill at start?\n */\nexport function fillArray(array, count, element, start=false) {\n\tif(!element) {\n\t\telement = start ? array[0] : array[array.length - 1];\n\t}\n\tlet fillerArray = new Array(Math.abs(count)).fill(element);\n\tarray = start ? fillerArray.concat(array) : array.concat(fillerArray);\n\treturn array;\n}\n\n/**\n * Returns pixel width of string.\n * @param {String} string\n * @param {Number} charWidth Width of single char in pixels\n */\nexport function getStringWidth(string, charWidth) {\n\treturn (string+\"\").length * charWidth;\n}\n\nexport function bindChange(obj, getFn, setFn) {\n\treturn new Proxy(obj, {\n\t\tset: function(target, prop, value) {\n\t\t\tsetFn();\n\t\t\treturn Reflect.set(target, prop, value);\n\t\t},\n\t\tget: function(target, prop) {\n\t\t\tgetFn();\n\t\t\treturn Reflect.get(target, prop);\n\t\t}\n\t});\n}\n\n// https://stackoverflow.com/a/29325222\nexport function getRandomBias(min, max, bias, influence) {\n\tconst range = max - min;\n\tconst biasValue = range * bias + min;\n\tvar rnd = Math.random() * range + min,\t\t// random in range\n\t\tmix = Math.random() * influence;\t\t// random mixer\n\treturn rnd * (1 - mix) + biasValue * mix;\t// mix full range and bias\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","const PRESET_COLOR_MAP = {\n\t'light-blue': '#7cd6fd',\n\t'blue': '#5e64ff',\n\t'violet': '#743ee2',\n\t'red': '#ff5858',\n\t'orange': '#ffa00a',\n\t'yellow': '#feef72',\n\t'green': '#28a745',\n\t'light-green': '#98d85b',\n\t'purple': '#b554ff',\n\t'magenta': '#ffa3ef',\n\t'black': '#36114C',\n\t'grey': '#bdd3e6',\n\t'light-grey': '#f0f4f7',\n\t'dark-grey': '#b8c2cc'\n};\n\nfunction limitColor(r){\n\tif (r > 255) return 255;\n\telse if (r < 0) return 0;\n\treturn r;\n}\n\nexport function lightenDarkenColor(color, amt) {\n\tlet col = getColor(color);\n\tlet usePound = false;\n\tif (col[0] == \"#\") {\n\t\tcol = col.slice(1);\n\t\tusePound = true;\n\t}\n\tlet num = parseInt(col,16);\n\tlet r = limitColor((num >> 16) + amt);\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\n\tlet g = limitColor((num & 0x0000FF) + amt);\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\n}\n\nexport function isValidColor(string) {\n\t// https://stackoverflow.com/a/8027444/6495043\n\treturn /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string);\n}\n\nexport const getColor = (color) => {\n\treturn PRESET_COLOR_MAP[color] || color;\n};\n","import { getBarHeightAndYAttr } from './draw-utils';\nimport { getStringWidth } from './helpers';\nimport { DOT_OVERLAY_SIZE_INCR, PERCENTAGE_BAR_DEFAULT_DEPTH } from './constants';\nimport { lightenDarkenColor } from './colors';\n\nexport const AXIS_TICK_LENGTH = 6;\nconst LABEL_MARGIN = 4;\nexport const FONT_SIZE = 10;\nconst BASE_LINE_COLOR = '#dadada';\nconst FONT_FILL = '#555b51';\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 percentageBar(x, y, width, height,\n\tdepth=PERCENTAGE_BAR_DEFAULT_DEPTH, fill='none') {\n\n\tlet args = {\n\t\tclassName: 'percentage-bar',\n\t\tx: x,\n\t\ty: y,\n\t\twidth: width,\n\t\theight: height,\n\t\tfill: fill,\n\t\tstyles: {\n\t\t\t'stroke': lightenDarkenColor(fill, -25),\n\t\t\t// Diabolically good: https://stackoverflow.com/a/9000859\n\t\t\t// https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\n\t\t\t'stroke-dasharray': `0, ${height + width}, ${width}, ${height}`,\n\t\t\t'stroke-width': depth\n\t\t},\n\t};\n\n\treturn createSVG(\"rect\", args);\n}\n\nexport function heatSquare(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 legendBar(x, y, size, fill='none', label) {\n\tlet args = {\n\t\tclassName: 'legend-bar',\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: size,\n\t\theight: '2px',\n\t\tfill: fill\n\t};\n\tlet text = createSVG('text', {\n\t\tclassName: 'legend-dataset-text',\n\t\tx: 0,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE * 2) + 'px',\n\t\t'font-size': (FONT_SIZE * 1.2) + 'px',\n\t\t'text-anchor': 'start',\n\t\tfill: FONT_FILL,\n\t\tinnerHTML: label\n\t});\n\n\tlet group = createSVG('g', {\n\t\ttransform: `translate(${x}, ${y})`\n\t});\n\tgroup.appendChild(createSVG(\"rect\", args));\n\tgroup.appendChild(text);\n\n\treturn group;\n}\n\nexport function legendDot(x, y, size, fill='none', label) {\n\tlet args = {\n\t\tclassName: 'legend-dot',\n\t\tcx: 0,\n\t\tcy: 0,\n\t\tr: size,\n\t\tfill: fill\n\t};\n\tlet text = createSVG('text', {\n\t\tclassName: 'legend-dataset-text',\n\t\tx: 0,\n\t\ty: 0,\n\t\tdx: (FONT_SIZE) + 'px',\n\t\tdy: (FONT_SIZE/3) + 'px',\n\t\t'font-size': (FONT_SIZE * 1.2) + 'px',\n\t\t'text-anchor': 'start',\n\t\tfill: FONT_FILL,\n\t\tinnerHTML: label\n\t});\n\n\tlet group = createSVG('g', {\n\t\ttransform: `translate(${x}, ${y})`\n\t});\n\tgroup.appendChild(createSVG(\"circle\", args));\n\tgroup.appendChild(text);\n\n\treturn group;\n}\n\nexport function makeText(className, x, y, content, options = {}) {\n\tlet fontSize = options.fontSize || FONT_SIZE;\n\tlet dy = options.dy !== undefined ? options.dy : (fontSize / 2);\n\tlet fill = options.fill || FONT_FILL;\n\tlet textAnchor = options.textAnchor || 'start';\n\treturn createSVG('text', {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\tdy: dy + 'px',\n\t\t'font-size': fontSize + 'px',\n\t\tfill: fill,\n\t\t'text-anchor': textAnchor,\n\t\tinnerHTML: content\n\t});\n}\n\nfunction makeVertLine(x, label, y1, y2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tlet l = createSVG('line', {\n\t\tclassName: 'line-vertical ' + options.className,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: y1,\n\t\ty2: y2,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: 0,\n\t\ty: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE,\n\t\tdy: FONT_SIZE + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'middle',\n\t\tinnerHTML: label + \"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(${ x }, 0)`\n\t});\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nfunction makeHoriLine(y, label, x1, x2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.lineType) options.lineType = '';\n\tlet className = 'line-horizontal ' + options.className +\n\t\t(options.lineType === \"dashed\" ? \"dashed\": \"\");\n\n\tlet l = createSVG('line', {\n\t\tclassName: className,\n\t\tx1: x1,\n\t\tx2: x2,\n\t\ty1: 0,\n\t\ty2: 0,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / 2 - 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': x1 < x2 ? 'end' : 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(0, ${y})`,\n\t\t'stroke-opacity': 1\n\t});\n\n\tif(text === 0 || text === '0') {\n\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\n\t}\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nexport function yLine(y, label, width, options={}) {\n\tif(!options.pos) options.pos = 'left';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\tlet x1 = -1 * AXIS_TICK_LENGTH;\n\tlet x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;\n\n\tif(options.mode === 'tick' && options.pos === 'right') {\n\t\tx1 = width + AXIS_TICK_LENGTH;\n\t\tx2 = width;\n\t}\n\n\t// let offset = options.pos === 'left' ? -1 * options.offset : options.offset;\n\n\tx1 += options.offset;\n\tx2 += options.offset;\n\n\treturn makeHoriLine(y, label, x1, x2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function xLine(x, label, height, options={}) {\n\tif(!options.pos) options.pos = 'bottom';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\t// Draw X axis line in span/tick mode with optional label\n\t// \ty2(span)\n\t// \t\t\t\t\t\t|\n\t// \t\t\t\t\t\t|\n\t//\t\t\t\tx line\t|\n\t//\t\t\t\t\t\t|\n\t// \t\t\t\t\t \t|\n\t// ---------------------+-- y2(tick)\n\t//\t\t\t\t\t\t|\n\t//\t\t\t\t\t\t\ty1\n\n\tlet y1 = height + AXIS_TICK_LENGTH;\n\tlet y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : height;\n\n\tif(options.mode === 'tick' && options.pos === 'top') {\n\t\t// top axis ticks\n\t\ty1 = -1 * AXIS_TICK_LENGTH;\n\t\ty2 = 0;\n\t}\n\n\treturn makeVertLine(x, label, y1, y2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function yMarker(y, label, width, options={}) {\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = makeHoriLine(y, '', 0, width, {\n\t\tstroke: options.stroke || BASE_LINE_COLOR,\n\t\tclassName: options.className || '',\n\t\tlineType: options.lineType\n\t});\n\n\tline.appendChild(labelSvg);\n\n\treturn line;\n}\n\nexport function yRegion(y1, y2, width, label) {\n\t// return a group\n\tlet height = y1 - y2;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`, // remove class\n\t\tstyles: {\n\t\t\tfill: `rgba(228, 234, 239, 0.49)`,\n\t\t\tstroke: BASE_LINE_COLOR,\n\t\t\t'stroke-dasharray': `${width}, ${height}`\n\t\t},\n\t\t// 'data-point-index': index,\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: width,\n\t\theight: height\n\t});\n\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label+\"\", 4.5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet region = createSVG('g', {\n\t\ttransform: `translate(0, ${y2})`\n\t});\n\n\tregion.appendChild(rect);\n\tregion.appendChild(labelSvg);\n\n\treturn region;\n}\n\nexport function datasetBar(x, yTop, width, color, label='', index=0, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`,\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: width,\n\t\theight: height || meta.minHeight // TODO: correct y for positive min height\n\t});\n\n\tlabel += \"\";\n\n\tif(!label && !label.length) {\n\t\treturn rect;\n\t} else {\n\t\trect.setAttribute('y', 0);\n\t\trect.setAttribute('x', 0);\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: width/2,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\t'data-point-index': index,\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(rect);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function datasetDot(x, y, radius, color, label='', index=0) {\n\tlet dot = createSVG('circle', {\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tcx: x,\n\t\tcy: y,\n\t\tr: radius\n\t});\n\n\tlabel += \"\";\n\n\tif(!label && !label.length) {\n\t\treturn dot;\n\t} else {\n\t\tdot.setAttribute('cy', 0);\n\t\tdot.setAttribute('cx', 0);\n\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1 - radius) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\t'data-point-index': index,\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(dot);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function getPaths(xList, yList, color, options={}, meta={}) {\n\tlet pointsList = yList.map((y, i) => (xList[i] + ',' + y));\n\tlet pointsStr = pointsList.join(\"L\");\n\tlet path = makePath(\"M\"+pointsStr, 'line-graph-path', color);\n\n\t// HeatLine\n\tif(options.heatline) {\n\t\tlet gradient_id = makeGradient(meta.svgDefs, color);\n\t\tpath.style.stroke = `url(#${gradient_id})`;\n\t}\n\n\tlet paths = {\n\t\tpath: path\n\t};\n\n\t// Region\n\tif(options.regionFill) {\n\t\tlet gradient_id_region = makeGradient(meta.svgDefs, color, true);\n\n\t\t// TODO: use zeroLine OR minimum\n\t\tlet pathStr = \"M\" + `${xList[0]},${meta.zeroLine}L` + pointsStr + `L${xList.slice(-1)[0]},${meta.zeroLine}`;\n\t\tpaths.region = makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`);\n\t}\n\n\treturn paths;\n}\n\nexport let makeOverlay = {\n\t'bar': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'dot': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\tlet fill = unit.getAttribute('fill');\n\t\toverlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.setAttribute('fill', fill);\n\t\toverlay.style.opacity = '0.6';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'heat_square': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\tlet fill = unit.getAttribute('fill');\n\t\toverlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.setAttribute('fill', fill);\n\t\toverlay.style.opacity = '0.6';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t}\n};\n\nexport let updateOverlay = {\n\t'bar': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['x', 'y', 'width', 'height'];\n\t\tObject.values(unit.attributes)\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t\t.map(attr => {\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'dot': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t\t.map(attr => {\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'heat_square': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t\t.map(attr => {\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n};\n","import { getBarHeightAndYAttr } from './draw-utils';\n\nexport const UNIT_ANIM_DUR = 350;\nexport const PATH_ANIM_DUR = 350;\nexport const MARKER_LINE_ANIM_DUR = UNIT_ANIM_DUR;\nexport const REPLACE_ALL_NEW_DUR = 250;\n\nexport const STD_EASING = 'easein';\n\nexport function translate(unit, oldCoord, newCoord, duration) {\n\tlet old = typeof oldCoord === 'string' ? oldCoord : oldCoord.join(', ');\n\treturn [\n\t\tunit,\n\t\t{transform: newCoord.join(', ')},\n\t\tduration,\n\t\tSTD_EASING,\n\t\t\"translate\",\n\t\t{transform: old}\n\t];\n}\n\nexport function translateVertLine(xLine, newX, oldX) {\n\treturn translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR);\n}\n\nexport function translateHoriLine(yLine, newY, oldY) {\n\treturn translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR);\n}\n\nexport function animateRegion(rectGroup, newY1, newY2, oldY2) {\n\tlet newHeight = newY1 - newY2;\n\tlet rect = rectGroup.childNodes[0];\n\tlet width = rect.getAttribute(\"width\");\n\tlet rectAnim = [\n\t\trect,\n\t\t{ height: newHeight, 'stroke-dasharray': `${width}, ${newHeight}` },\n\t\tMARKER_LINE_ANIM_DUR,\n\t\tSTD_EASING\n\t];\n\n\tlet groupAnim = translate(rectGroup, [0, oldY2], [0, newY2], MARKER_LINE_ANIM_DUR);\n\treturn [rectAnim, groupAnim];\n}\n\nexport function animateBar(bar, x, yTop, width, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\tif(bar.nodeName !== 'rect') {\n\t\tlet rect = bar.childNodes[0];\n\t\tlet rectAnim = [\n\t\t\trect,\n\t\t\t{width: width, height: height},\n\t\t\tUNIT_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\n\t\tlet oldCoordStr = bar.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(bar, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [rectAnim, groupAnim];\n\t} else {\n\t\treturn [[bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animateDot(dot, x, y) {\n\tif(dot.nodeName !== 'circle') {\n\t\tlet oldCoordStr = dot.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(dot, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [groupAnim];\n\t} else {\n\t\treturn [[dot, {cx: x, cy: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animatePath(paths, newXList, newYList, zeroLine) {\n\tlet pathComponents = [];\n\n\tlet pointsStr = newYList.map((y, i) => (newXList[i] + ',' + y));\n\tlet pathStr = pointsStr.join(\"L\");\n\n\tconst animPath = [paths.path, {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\tpathComponents.push(animPath);\n\n\tif(paths.region) {\n\t\tlet regStartPt = `${newXList[0]},${zeroLine}L`;\n\t\tlet regEndPt = `L${newXList.slice(-1)[0]}, ${zeroLine}`;\n\n\t\tconst animRegion = [\n\t\t\tpaths.region,\n\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\tPATH_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\t\tpathComponents.push(animRegion);\n\t}\n\n\treturn pathComponents;\n}\n\nexport function animatePathStr(oldPath, pathStr) {\n\treturn [oldPath, {d: pathStr}, UNIT_ANIM_DUR, STD_EASING];\n}\n","// 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 { $ } from '../utils/dom';\nimport { CSSTEXT } from '../../css/chartsCss';\n\nexport function downloadFile(filename, data) {\n\tvar a = document.createElement('a');\n\ta.style = \"display: none\";\n\tvar blob = new Blob(data, {type: \"image/svg+xml; charset=utf-8\"});\n\tvar url = window.URL.createObjectURL(blob);\n\ta.href = url;\n\ta.download = filename;\n\tdocument.body.appendChild(a);\n\ta.click();\n\tsetTimeout(function(){\n\t\tdocument.body.removeChild(a);\n\t\twindow.URL.revokeObjectURL(url);\n\t}, 300);\n}\n\nexport function prepareForExport(svg) {\n\tlet clone = svg.cloneNode(true);\n\tclone.classList.add('chart-container');\n\tclone.setAttribute('xmlns', \"http://www.w3.org/2000/svg\");\n\tclone.setAttribute('xmlns:xlink', \"http://www.w3.org/1999/xlink\");\n\tlet styleEl = $.create('style', {\n\t\t'innerHTML': CSSTEXT\n\t});\n\tclone.insertBefore(styleEl, clone.firstChild);\n\n\tlet container = $.create('div');\n\tcontainer.appendChild(clone);\n\n\treturn container.innerHTML;\n}\n","// Playing around with dates\n\nexport const NO_OF_YEAR_MONTHS = 12;\nexport const NO_OF_DAYS_IN_WEEK = 7;\nexport const DAYS_IN_YEAR = 375;\nexport const NO_OF_MILLIS = 1000;\nexport const SEC_IN_DAY = 86400;\n\nexport const MONTH_NAMES = [\"January\", \"February\", \"March\", \"April\", \"May\",\n\t\"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\"];\nexport const MONTH_NAMES_SHORT = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\",\n\t\"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"];\n\nexport const DAY_NAMES_SHORT = [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\"];\nexport const DAY_NAMES = [\"Sunday\", \"Monday\", \"Tuesday\", \"Wednesday\",\n\t\"Thursday\", \"Friday\", \"Saturday\"];\n\n// https://stackoverflow.com/a/11252167/6495043\nfunction treatAsUtc(date) {\n\tlet result = new Date(date);\n\tresult.setMinutes(result.getMinutes() - result.getTimezoneOffset());\n\treturn result;\n}\n\nexport function getYyyyMmDd(date) {\n\tlet dd = date.getDate();\n\tlet mm = date.getMonth() + 1; // getMonth() is zero-based\n\treturn [\n\t\tdate.getFullYear(),\n\t\t(mm>9 ? '' : '0') + mm,\n\t\t(dd>9 ? '' : '0') + dd\n\t].join('-');\n}\n\nexport function clone(date) {\n\treturn new Date(date.getTime());\n}\n\nexport function timestampSec(date) {\n\treturn date.getTime()/NO_OF_MILLIS;\n}\n\nexport function timestampToMidnight(timestamp, roundAhead = false) {\n\tlet midnightTs = Math.floor(timestamp - (timestamp % SEC_IN_DAY));\n\tif(roundAhead) {\n\t\treturn midnightTs + SEC_IN_DAY;\n\t}\n\treturn midnightTs;\n}\n\n// export function getMonthsBetween(startDate, endDate) {}\n\nexport function getWeeksBetween(startDate, endDate) {\n\tlet weekStartDate = setDayToSunday(startDate);\n\treturn Math.ceil(getDaysBetween(weekStartDate, endDate) / NO_OF_DAYS_IN_WEEK);\n}\n\nexport function getDaysBetween(startDate, endDate) {\n\tlet millisecondsPerDay = SEC_IN_DAY * NO_OF_MILLIS;\n\treturn (treatAsUtc(endDate) - treatAsUtc(startDate)) / millisecondsPerDay;\n}\n\nexport function areInSameMonth(startDate, endDate) {\n\treturn startDate.getMonth() === endDate.getMonth()\n\t\t&& startDate.getFullYear() === endDate.getFullYear();\n}\n\nexport function getMonthName(i, short=false) {\n\tlet monthName = MONTH_NAMES[i];\n\treturn short ? monthName.slice(0, 3) : monthName;\n}\n\nexport function getLastDateInMonth (month, year) {\n\treturn new Date(year, month + 1, 0); // 0: last day in previous month\n}\n\n// mutates\nexport function setDayToSunday(date) {\n\tlet newDate = clone(date);\n\tconst day = newDate.getDay();\n\tif(day !== 0) {\n\t\taddDays(newDate, (-1) * day);\n\t}\n\treturn newDate;\n}\n\n// mutates\nexport function addDays(date, numberOfDays) {\n\tdate.setDate(date.getDate() + numberOfDays);\n}\n","import { makeSVGGroup } from '../utils/draw';\nimport { makeText, makePath, xLine, yLine, yMarker, yRegion, datasetBar, datasetDot, percentageBar, getPaths, heatSquare } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { translateHoriLine, translateVertLine, animateRegion, animateBar,\n\tanimateDot, animatePath, animatePathStr } from '../utils/animate';\nimport { getMonthName } from '../utils/date-utils';\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\t\tthis.labels = [];\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\tthis.labels.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\tpercentageBars: {\n\t\tlayerClass: 'percentage-bars',\n\t\tmakeElements(data) {\n\t\t\treturn data.xPositions.map((x, i) =>{\n\t\t\t\tlet y = 0;\n\t\t\t\tlet bar = percentageBar(x, y, data.widths[i],\n\t\t\t\t\tthis.constants.barHeight, this.constants.barDepth, data.colors[i]);\n\t\t\t\treturn bar;\n\t\t\t});\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tif(newData) return [];\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\theatDomain: {\n\t\tlayerClass: function() { return 'heat-domain domain-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet {index, colWidth, rowHeight, squareSize, xTranslate} = this.constants;\n\t\t\tlet monthNameHeight = -12;\n\t\t\tlet x = xTranslate, y = 0;\n\n\t\t\tthis.serializedSubDomains = [];\n\n\t\t\tdata.cols.map((week, weekNo) => {\n\t\t\t\tif(weekNo === 1) {\n\t\t\t\t\tthis.labels.push(\n\t\t\t\t\t\tmakeText('domain-name', x, monthNameHeight, getMonthName(index, true),\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tfontSize: 11\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t)\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tweek.map((day, i) => {\n\t\t\t\t\tif(day.fill) {\n\t\t\t\t\t\tlet data = {\n\t\t\t\t\t\t\t'data-date': day.yyyyMmDd,\n\t\t\t\t\t\t\t'data-value': day.dataValue,\n\t\t\t\t\t\t\t'data-day': i\n\t\t\t\t\t\t};\n\t\t\t\t\t\tlet square = heatSquare('day', x, y, squareSize, day.fill, data);\n\t\t\t\t\t\tthis.serializedSubDomains.push(square);\n\t\t\t\t\t}\n\t\t\t\t\ty += rowHeight;\n\t\t\t\t});\n\t\t\t\ty = 0;\n\t\t\t\tx += colWidth;\n\t\t\t});\n\n\t\t\treturn this.serializedSubDomains;\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tif(newData) return [];\n\t\t}\n\t},\n\n\tbarGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-bars dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'bar';\n\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\treturn datasetBar(\n\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\ty,\n\t\t\t\t\tdata.barWidth,\n\t\t\t\t\tc.color,\n\t\t\t\t\tdata.labels[j],\n\t\t\t\t\tj,\n\t\t\t\t\tdata.offsets[j],\n\t\t\t\t\t{\n\t\t\t\t\t\tzeroLine: data.zeroLine,\n\t\t\t\t\t\tbarsWidth: data.barsWidth,\n\t\t\t\t\t\tminHeight: c.minHeight\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t});\n\t\t\treturn this.units;\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newOffsets = newData.offsets;\n\t\t\tlet newLabels = newData.labels;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldOffsets = this.oldData.offsets;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldOffsets, newOffsets] = equilizeNoOfElements(oldOffsets, newOffsets);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\toffsets: oldOffsets,\n\t\t\t\tlabels: newLabels,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tbarsWidth: this.oldData.barsWidth,\n\t\t\t\tbarWidth: this.oldData.barWidth,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((bar, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateBar(\n\t\t\t\t\tbar, newXPos[i], newYPos[i], newData.barWidth, newOffsets[i],\n\t\t\t\t\t{zeroLine: newData.zeroLine}\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tlineGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-line dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'dot';\n\t\t\tthis.paths = {};\n\t\t\tif(!c.hideLine) {\n\t\t\t\tthis.paths = getPaths(\n\t\t\t\t\tdata.xPositions,\n\t\t\t\t\tdata.yPositions,\n\t\t\t\t\tc.color,\n\t\t\t\t\t{\n\t\t\t\t\t\theatline: c.heatline,\n\t\t\t\t\t\tregionFill: c.regionFill\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tsvgDefs: c.svgDefs,\n\t\t\t\t\t\tzeroLine: data.zeroLine\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tthis.units = [];\n\t\t\tif(!c.hideDots) {\n\t\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\t\treturn datasetDot(\n\t\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\t\ty,\n\t\t\t\t\t\tdata.radius,\n\t\t\t\t\t\tc.color,\n\t\t\t\t\t\t(c.valuesOverPoints ? data.values[j] : ''),\n\t\t\t\t\t\tj\n\t\t\t\t\t);\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn Object.values(this.paths).concat(this.units);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newValues = newData.values;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldValues = this.oldData.values;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldValues, newValues] = equilizeNoOfElements(oldValues, newValues);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\tvalues: newValues,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tradius: this.oldData.radius,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tif(Object.keys(this.paths).length) {\n\t\t\t\tanimateElements = animateElements.concat(animatePath(\n\t\t\t\t\tthis.paths, newXPos, newYPos, newData.zeroLine));\n\t\t\t}\n\n\t\t\tif(this.units.length) {\n\t\t\t\tthis.units.map((dot, i) => {\n\t\t\t\t\tanimateElements = animateElements.concat(animateDot(\n\t\t\t\t\t\tdot, newXPos[i], newYPos[i]));\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn animateElements;\n\t\t}\n\t}\n};\n\nexport function getComponent(name, constants, getData) {\n\tlet keys = Object.keys(componentConfigs).filter(k => name.includes(k));\n\tlet config = componentConfigs[keys[0]];\n\tObject.assign(config, {\n\t\tconstants: constants,\n\t\tgetData: getData\n\t});\n\treturn new ChartComponent(config);\n}\n","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 isInRange(val, min, max) {\n\treturn val > min && val < max;\n}\n\nexport function isInRange2D(coord, minCoord, maxCoord) {\n\treturn isInRange(coord[0], minCoord[0], maxCoord[0])\n\t\t&& isInRange(coord[1], minCoord[1], maxCoord[1]);\n}\n\nexport function getClosestInArray(goal, arr, index = false) {\n\tlet closest = arr.reduce(function(prev, curr) {\n\t\treturn (Math.abs(curr - goal) < Math.abs(prev - goal) ? curr : prev);\n\t});\n\n\treturn index ? arr.indexOf(closest) : closest;\n}\n\nexport function calcDistribution(values, distributionSize) {\n\t// Assume non-negative values,\n\t// implying distribution minimum at zero\n\n\tlet dataMaxValue = Math.max(...values);\n\n\tlet distributionStep = 1 / (distributionSize - 1);\n\tlet distribution = [];\n\n\tfor(var i = 0; i < distributionSize; i++) {\n\t\tlet checkpoint = dataMaxValue * (distributionStep * i);\n\t\tdistribution.push(checkpoint);\n\t}\n\n\treturn distribution;\n}\n\nexport function getMaxCheckpoint(value, distribution) {\n\treturn distribution.filter(d => d < value).length;\n}\n","import { fillArray } from '../utils/helpers';\nimport { DEFAULT_AXIS_CHART_TYPE, AXIS_DATASET_CHART_TYPES, DEFAULT_CHAR_WIDTH } from '../utils/constants';\n\nexport function dataPrep(data, type) {\n\tdata.labels = data.labels || [];\n\n\tlet datasetLength = data.labels.length;\n\n\t// Datasets\n\tlet datasets = data.datasets;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\tif(!datasets) {\n\t\t// default\n\t\tdatasets = [{\n\t\t\tvalues: zeroArray\n\t\t}];\n\t}\n\n\tdatasets.map(d=> {\n\t\t// Set values\n\t\tif(!d.values) {\n\t\t\td.values = zeroArray;\n\t\t} else {\n\t\t\t// Check for non values\n\t\t\tlet vals = d.values;\n\t\t\tvals = vals.map(val => (!isNaN(val) ? val : 0));\n\n\t\t\t// Trim or extend\n\t\t\tif(vals.length > datasetLength) {\n\t\t\t\tvals = vals.slice(0, datasetLength);\n\t\t\t} else {\n\t\t\t\tvals = fillArray(vals, datasetLength - vals.length, 0);\n\t\t\t}\n\t\t}\n\n\t\t// Set labels\n\t\t//\n\n\t\t// Set type\n\t\tif(!d.chartType ) {\n\t\t\tif(!AXIS_DATASET_CHART_TYPES.includes(type)) type === DEFAULT_AXIS_CHART_TYPE;\n\t\t\td.chartType = type;\n\t\t}\n\n\t});\n\n\t// Markers\n\n\t// Regions\n\t// data.yRegions = data.yRegions || [];\n\tif(data.yRegions) {\n\t\tdata.yRegions.map(d => {\n\t\t\tif(d.end < d.start) {\n\t\t\t\t[d.start, d.end] = [d.end, d.start];\n\t\t\t}\n\t\t});\n\t}\n\n\treturn data;\n}\n\nexport function zeroDataPrep(realData) {\n\tlet datasetLength = realData.labels.length;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\n\tlet zeroData = {\n\t\tlabels: realData.labels.slice(0, -1),\n\t\tdatasets: realData.datasets.map(d => {\n\t\t\treturn {\n\t\t\t\tname: '',\n\t\t\t\tvalues: zeroArray.slice(0, -1),\n\t\t\t\tchartType: d.chartType\n\t\t\t};\n\t\t}),\n\t};\n\n\tif(realData.yMarkers) {\n\t\tzeroData.yMarkers = [\n\t\t\t{\n\t\t\t\tvalue: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\tif(realData.yRegions) {\n\t\tzeroData.yRegions = [\n\t\t\t{\n\t\t\t\tstart: 0,\n\t\t\t\tend: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\treturn zeroData;\n}\n\nexport function getShortenedLabels(chartWidth, labels=[], isSeries=true) {\n\tlet allowedSpace = chartWidth / labels.length;\n\tlet allowedLetters = allowedSpace / DEFAULT_CHAR_WIDTH;\n\n\tlet calcLabels = labels.map((label, i) => {\n\t\tlabel += \"\";\n\t\tif(label.length > allowedLetters) {\n\n\t\t\tif(!isSeries) {\n\t\t\t\tif(allowedLetters-3 > 0) {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters-3) + \" ...\";\n\t\t\t\t} else {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters) + '..';\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tlet multiple = Math.ceil(label.length/allowedLetters);\n\t\t\t\tif(i % multiple !== 0) {\n\t\t\t\t\tlabel = \"\";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn label;\n\t});\n\n\treturn calcLabels;\n}\n","import '../css/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\tbar: AxisChart,\n\tline: AxisChart,\n\t// multiaxis: MultiAxisChart,\n\tpercentage: PercentageChart,\n\theatmap: Heatmap,\n\tpie: PieChart\n};\n\nfunction getChartByType(chartType = 'line', parent, options) {\n\tif (chartType === 'axis-mixed') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t}\n\n\tif (!chartTypes[chartType]) {\n\t\tconsole.error(\"Undefined chart type: \" + chartType);\n\t\treturn;\n\t}\n\n\treturn new chartTypes[chartType](parent, options);\n}\n\nclass Chart {\n\tconstructor(parent, options) {\n\t\treturn getChartByType(options.type, parent, options);\n\t}\n}\n\nexport { Chart, PercentageChart, PieChart, Heatmap, AxisChart };","export const ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\n\nexport const COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\n\theatmap: []\n};\n\nexport const DATA_COLOR_DIVISIONS = {\n\tbar: 'datasets',\n\tline: 'datasets',\n\tpie: 'labels',\n\tpercentage: 'labels',\n\theatmap: HEATMAP_DISTRIBUTION_SIZE\n};\n\nexport const BASE_CHART_TOP_MARGIN = 10;\nexport const BASE_CHART_LEFT_MARGIN = 20;\nexport const BASE_CHART_RIGHT_MARGIN = 20;\n\nexport const Y_AXIS_LEFT_MARGIN = 60;\nexport const Y_AXIS_RIGHT_MARGIN = 40;\n\nexport const INIT_CHART_UPDATE_TIMEOUT = 700;\nexport const CHART_POST_ANIMATE_TIMEOUT = 400;\n\nexport const DEFAULT_AXIS_CHART_TYPE = 'line';\nexport const AXIS_DATASET_CHART_TYPES = ['line', 'bar'];\n\nexport const AXIS_LEGEND_BAR_SIZE = 100;\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 PERCENTAGE_BAR_DEFAULT_HEIGHT = 20;\nexport const PERCENTAGE_BAR_DEFAULT_DEPTH = 2;\n\n// Fixed 5-color theme,\n// More colors are difficult to parse visually\nexport const HEATMAP_DISTRIBUTION_SIZE = 5;\n\nexport const HEATMAP_LEFT_MARGIN = 50;\nexport const HEATMAP_TOP_MARGIN = 25;\n\nexport const HEATMAP_SQUARE_SIZE = 10;\nexport const HEATMAP_GUTTER_SIZE = 2;\n\nexport const DEFAULT_CHAR_WIDTH = 7;\n\nexport const TOOLTIP_POINTER_TRIANGLE_HEIGHT = 5;\n\nconst DEFAULT_CHART_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey'];\nconst HEATMAP_COLORS_GREEN = ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\nexport const HEATMAP_COLORS_BLUE = ['#ebedf0', '#c0ddf9', '#73b3f3', '#3886e1', '#17459e'];\nexport const HEATMAP_COLORS_YELLOW = ['#ebedf0', '#fdf436', '#ffc700', '#ff9100', '#06001c'];\n\nexport const DEFAULT_COLORS = {\n\tbar: DEFAULT_CHART_COLORS,\n\tline: DEFAULT_CHART_COLORS,\n\tpie: DEFAULT_CHART_COLORS,\n\tpercentage: DEFAULT_CHART_COLORS,\n\theatmap: HEATMAP_COLORS_GREEN\n};\n\n// Universal constants\nexport const ANGLE_RATIO = Math.PI / 180;\nexport const FULL_ANGLE = 360;\n","import { $ } from '../utils/dom';\nimport { TOOLTIP_POINTER_TRIANGLE_HEIGHT } from '../utils/constants';\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}\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\t\t- TOOLTIP_POINTER_TRIANGLE_HEIGHT;\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 CSSTEXT = \".chart-container{position:relative;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.graph-svg-tip{position:absolute;z-index:99999;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.graph-svg-tip ul{padding-left:0;display:flex}.graph-svg-tip ol{padding-left:0;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.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)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}\";","import SvgTip from '../objects/SvgTip';\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup, makeText, AXIS_TICK_LENGTH } from '../utils/draw';\nimport { BASE_CHART_TOP_MARGIN, BASE_CHART_LEFT_MARGIN,\n\tBASE_CHART_RIGHT_MARGIN, INIT_CHART_UPDATE_TIMEOUT, CHART_POST_ANIMATE_TIMEOUT, DEFAULT_COLORS,\n\tALL_CHART_TYPES, COMPATIBLE_CHARTS, DATA_COLOR_DIVISIONS} from '../utils/constants';\nimport { getColor, isValidColor } from '../utils/colors';\nimport { runSMILAnimation } from '../utils/animation';\nimport { downloadFile, prepareForExport } from '../utils/export';\nimport { Chart } from '../chart';\n\nexport default class BaseChart {\n\tconstructor(parent, options) {\n\n\t\tthis.parent = typeof parent === 'string'\n\t\t\t? document.querySelector(parent)\n\t\t\t: parent;\n\n\t\tif (!(this.parent instanceof HTMLElement)) {\n\t\t\tthrow new Error('No `parent` element to render on was provided.');\n\t\t}\n\n\t\tthis.rawChartArgs = options;\n\n\t\tthis.title = options.title || '';\n\t\tthis.argHeight = options.height || 240;\n\t\tthis.type = options.type || '';\n\n\t\tthis.realData = this.prepareData(options.data);\n\t\tthis.data = this.prepareFirstData(this.realData);\n\n\t\tthis.colors = this.validateColors(options.colors, this.type);\n\n\t\tthis.config = {\n\t\t\tshowTooltip: 1, // calculate\n\t\t\tshowLegend: options.showLegend || 1,\n\t\t\tisNavigable: options.isNavigable || 0,\n\t\t\tanimate: 1\n\t\t};\n\t\tthis.state = {};\n\t\tthis.options = {};\n\n\t\tthis.initTimeout = INIT_CHART_UPDATE_TIMEOUT;\n\n\t\tif(this.config.isNavigable) {\n\t\t\tthis.overlays = [];\n\t\t}\n\n\t\tthis.configure(options);\n\t}\n\n\tconfigure() {\n\t\tthis.setMargins();\n\n\t\t// Bind window events\n\t\twindow.addEventListener('resize', () => this.boundDrawFn);\n\t\twindow.addEventListener('orientationchange', () => this.boundDrawFn);\n\t}\n\n\tvalidateColors(colors, type) {\n\t\tconst validColors = [];\n\t\tcolors = (colors || []).concat(DEFAULT_COLORS[type]);\n\t\tcolors.forEach((string) => {\n\t\t\tconst color = getColor(string);\n\t\t\tif(!isValidColor(color)) {\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t} else {\n\t\t\t\tvalidColors.push(color);\n\t\t\t}\n\t\t});\n\t\treturn validColors;\n\t}\n\n\tsetMargins() {\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - 70;\n\t\tthis.topMargin = BASE_CHART_TOP_MARGIN;\n\n\t\t// Horizontal margins\n\t\tthis.leftMargin = BASE_CHART_LEFT_MARGIN;\n\t\tthis.rightMargin = BASE_CHART_RIGHT_MARGIN;\n\t}\n\n\tsetup() {\n\t\tthis.makeContainer();\n\t\tthis.updateWidth();\n\t\tthis.makeTooltip();\n\n\t\tthis.draw(false, true);\n\t}\n\n\tsetupComponents() {\n\t\tthis.components = new Map();\n\t}\n\n\tmakeContainer() {\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\n\t\tlet args = {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'chart-container'\n\t\t};\n\n\t\tif(this.independentWidth) {\n\t\t\targs.styles = { width: this.independentWidth + 'px' };\n\t\t}\n\n\t\tthis.container = $.create('div', args);\n\t}\n\n\tmakeTooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.container,\n\t\t\tcolors: this.colors\n\t\t});\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {}\n\n\tdraw(onlyWidthChange=false, init=false) {\n\t\tthis.calc(onlyWidthChange);\n\t\tthis.updateWidth();\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.data);}, this.initTimeout);\n\t\t}\n\n\t\tthis.renderLegend();\n\n\t\tthis.setupNavigation(init);\n\t}\n\n\tupdateWidth() {\n\t\tthis.baseWidth = getElementContentWidth(this.parent);\n\t\tthis.width = this.baseWidth - (this.leftMargin + this.rightMargin);\n\t}\n\n\tupdate(data) {\n\t\tif(!data) {\n\t\t\tconsole.error('No data to update.');\n\t\t}\n\t\tthis.data = this.prepareData(data);\n\t\tthis.calc(); // builds state\n\t\tthis.render();\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tcalc() {} // builds state\n\n\trender(components=this.components, animate=true) {\n\t\tif(this.config.isNavigable) {\n\t\t\t// Remove all existing overlays\n\t\t\tthis.overlays.map(o => o.parentNode.removeChild(o));\n\t\t\t// ref.parentNode.insertBefore(element, ref);\n\t\t}\n\t\tlet elementsToAnimate = [];\n\t\t// Can decouple to this.refreshComponents() first to save animation timeout\n\t\tcomponents.forEach(c => {\n\t\t\telementsToAnimate = elementsToAnimate.concat(c.update(animate));\n\t\t});\n\t\tif(elementsToAnimate.length > 0) {\n\t\t\trunSMILAnimation(this.container, this.svg, elementsToAnimate);\n\t\t\tsetTimeout(() => {\n\t\t\t\tcomponents.forEach(c => c.make());\n\t\t\t\tthis.updateNav();\n\t\t\t}, CHART_POST_ANIMATE_TIMEOUT);\n\t\t} else {\n\t\t\tcomponents.forEach(c => c.make());\n\t\t\tthis.updateNav();\n\t\t}\n\t}\n\n\tupdateNav() {\n\t\tif(this.config.isNavigable) {\n\t\t\tthis.makeOverlay();\n\t\t\tthis.bindUnits();\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tif(this.svg) {\n\t\t\tthis.container.removeChild(this.svg);\n\t\t}\n\n\t\tlet titleAreaHeight = 0;\n\t\tlet legendAreaHeight = 0;\n\t\tif(this.title.length) {\n\t\t\ttitleAreaHeight = 40;\n\t\t}\n\t\tif(this.config.showLegend) {\n\t\t\tlegendAreaHeight = 30;\n\t\t}\n\n\t\tthis.svg = makeSVGContainer(\n\t\t\tthis.container,\n\t\t\t'frappe-chart chart',\n\t\t\tthis.baseWidth,\n\t\t\tthis.baseHeight + titleAreaHeight + legendAreaHeight\n\t\t);\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\n\n\t\t// console.log(this.baseHeight, titleAreaHeight, legendAreaHeight);\n\n\t\tif(this.title.length) {\n\t\t\tthis.titleEL = makeText(\n\t\t\t\t'title',\n\t\t\t\tthis.leftMargin - AXIS_TICK_LENGTH * 6,\n\t\t\t\tthis.topMargin,\n\t\t\t\tthis.title,\n\t\t\t\t{\n\t\t\t\t\tfontSize: 12,\n\t\t\t\t\tfill: '#666666'\n\t\t\t\t}\n\t\t\t);\n\t\t\tthis.svg.appendChild(this.titleEL);\n\t\t}\n\n\t\tlet top = this.topMargin + titleAreaHeight;\n\t\tthis.drawArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\tthis.type + '-chart',\n\t\t\t`translate(${this.leftMargin}, ${top})`\n\t\t);\n\n\t\ttop = this.baseHeight - titleAreaHeight;\n\t\tthis.legendArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\t'chart-legend',\n\t\t\t`translate(${this.leftMargin}, ${top})`\n\t\t);\n\n\t\tthis.updateTipOffset(this.leftMargin, this.topMargin + titleAreaHeight);\n\t}\n\n\tupdateTipOffset(x, y) {\n\t\tthis.tip.offset = {\n\t\t\tx: x,\n\t\t\ty: y\n\t\t};\n\t}\n\n\trenderLegend() {}\n\n\tsetupNavigation(init=false) {\n\t\tif(!this.config.isNavigable) return;\n\n\t\tif(init) {\n\t\t\tthis.bindOverlay();\n\n\t\t\tthis.keyActions = {\n\t\t\t\t'13': this.onEnterKey.bind(this),\n\t\t\t\t'37': this.onLeftArrow.bind(this),\n\t\t\t\t'38': this.onUpArrow.bind(this),\n\t\t\t\t'39': this.onRightArrow.bind(this),\n\t\t\t\t'40': this.onDownArrow.bind(this),\n\t\t\t};\n\n\t\t\tdocument.addEventListener('keydown', (e) => {\n\t\t\t\tif(isElementInViewport(this.container)) {\n\t\t\t\t\te = e || window.event;\n\t\t\t\t\tif(this.keyActions[e.keyCode]) {\n\t\t\t\t\t\tthis.keyActions[e.keyCode]();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {}\n\tupdateOverlay() {}\n\tbindOverlay() {}\n\tbindUnits() {}\n\n\tonLeftArrow() {}\n\tonRightArrow() {}\n\tonUpArrow() {}\n\tonDownArrow() {}\n\tonEnterKey() {}\n\n\taddDataPoint() {}\n\tremoveDataPoint() {}\n\n\tgetDataPoint() {}\n\tsetCurrentDataPoint() {}\n\n\tupdateDataset() {}\n\n\tgetDifferentChart(type) {\n\t\tconst currentType = this.type;\n\t\tlet args = this.rawChartArgs;\n\t\tif(type === currentType) return;\n\n\t\tif(!ALL_CHART_TYPES.includes(type)) {\n\t\t\tconsole.error(`'${type}' is not a valid chart type.`);\n\t\t}\n\n\t\tif(!COMPATIBLE_CHARTS[currentType].includes(type)) {\n\t\t\tconsole.error(`'${currentType}' chart cannot be converted to a '${type}' chart.`);\n\t\t}\n\n\t\t// whether the new chart can use the existing colors\n\t\tconst useColor = DATA_COLOR_DIVISIONS[currentType] === DATA_COLOR_DIVISIONS[type];\n\n\t\t// Okay, this is anticlimactic\n\t\t// this function will need to actually be 'changeChartType(type)'\n\t\t// that will update only the required elements, but for now ...\n\n\t\targs.type = type;\n\t\targs.colors = useColor ? args.colors : undefined;\n\n\t\treturn new Chart(this.parent, args);\n\t}\n\n\tboundDrawFn() {\n\t\tthis.draw(true);\n\t}\n\n\tunbindWindowEvents(){\n\t\twindow.removeEventListener('resize', () => this.boundDrawFn);\n\t\twindow.removeEventListener('orientationchange', () => this.boundDrawFn);\n\t}\n\n\texport() {\n\t\tlet chartSvg = prepareForExport(this.svg);\n\t\tdownloadFile(this.title || 'Chart', [chartSvg]);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { legendDot } from '../utils/draw';\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\n\t\ts.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);\n\n\t\tthis.center = {\n\t\t\tx: this.width / 2,\n\t\t\ty: this.height / 2\n\t\t};\n\t}\n\n\trenderLegend() {\n\t\tlet s = this.state;\n\t\tthis.legendArea.textContent = '';\n\n\t\tthis.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints);\n\n\t\tthis.legendTotals.map((d, i) => {\n\t\t\tlet barWidth = 110;\n\t\t\tlet rect = legendDot(\n\t\t\t\tbarWidth * i + 5,\n\t\t\t\t'0',\n\t\t\t\t5,\n\t\t\t\tthis.colors[i],\n\t\t\t\t`${s.labels[i]}: ${d}`\n\t\t\t);\n\t\t\tthis.legendArea.appendChild(rect);\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { getOffset } from '../utils/dom';\nimport { getComponent } from '../objects/ChartComponents';\nimport { PERCENTAGE_BAR_DEFAULT_HEIGHT, PERCENTAGE_BAR_DEFAULT_DEPTH } from '../utils/constants';\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.barOptions = args.barOptions || {};\n\t\tthis.barOptions.height = this.barOptions.height\n\t\t\t|| PERCENTAGE_BAR_DEFAULT_HEIGHT;\n\t\tthis.barOptions.depth = this.barOptions.depth\n\t\t\t|| PERCENTAGE_BAR_DEFAULT_DEPTH;\n\n\t\tthis.setup();\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'percentageBars',\n\t\t\t\t{\n\t\t\t\t\tbarHeight: this.barOptions.height,\n\t\t\t\t\tbarDepth: this.barOptions.depth,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: s.xPositions,\n\t\t\t\t\t\twidths: s.widths,\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\tcalc() {\n\t\tsuper.calc();\n\t\tlet s = this.state;\n\n\t\ts.xPositions = [];\n\t\ts.widths = [];\n\n\t\tlet xPos = 0;\n\t\ts.sliceTotals.map((value) => {\n\t\t\tlet width = this.width * value / s.grandTotal;\n\t\t\ts.widths.push(width);\n\t\t\ts.xPositions.push(xPos);\n\t\t\txPos += width;\n\t\t});\n\t}\n\n\tmakeDataByIndex() { }\n\n\tbindTooltip() {\n\t\tlet s = this.state;\n\t\tthis.container.addEventListener('mousemove', (e) => {\n\t\t\tlet bars = this.components.get('percentageBars').store;\n\t\t\tlet bar = e.target;\n\t\t\tif(bars.includes(bar)) {\n\n\t\t\t\tlet i = bars.indexOf(bar);\n\t\t\t\tlet gOff = getOffset(this.container), pOff = getOffset(bar);\n\n\t\t\t\tlet x = pOff.left - gOff.left + parseInt(bar.getAttribute('width'))/2;\n\t\t\t\tlet y = pOff.top - gOff.top;\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 fraction = s.sliceTotals[i]/s.grandTotal;\n\n\t\t\t\tthis.tip.setValues(x, y, {name: title, value: (fraction*100).toFixed(1) + \"%\"});\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\t\tthis.init = 1;\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\tcalc() {\n\t\tsuper.calc();\n\t\tlet s = this.state;\n\t\tthis.radius = (this.height > this.width ? this.center.x : this.center.y);\n\n\t\tconst { radius, clockWise } = this;\n\n\t\tconst prevSlicesProperties = s.slicesProperties || [];\n\t\ts.sliceStrings = [];\n\t\ts.slicesProperties = [];\n\t\tlet curAngle = 180 - this.config.startAngle;\n\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tconst startAngle = curAngle;\n\t\t\tconst originDiffAngle = (total / s.grandTotal) * FULL_ANGLE;\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\n\t\t\tconst startPosition = getPositionByAngle(startAngle, radius);\n\t\t\tconst endPosition = getPositionByAngle(endAngle, radius);\n\n\t\t\tconst prevProperty = this.init && prevSlicesProperties[i];\n\n\t\t\tlet curStart,curEnd;\n\t\t\tif(this.init) {\n\t\t\t\tcurStart = prevProperty ? prevProperty.startPosition : startPosition;\n\t\t\t\tcurEnd = prevProperty ? prevProperty.endPosition : startPosition;\n\t\t\t} else {\n\t\t\t\tcurStart = startPosition;\n\t\t\t\tcurEnd = endPosition;\n\t\t\t}\n\t\t\tconst curPath = makeArcPathStr(curStart, curEnd, this.center, this.radius, this.clockWise);\n\n\t\t\ts.sliceStrings.push(curPath);\n\t\t\ts.slicesProperties.push({\n\t\t\t\tstartPosition,\n\t\t\t\tendPosition,\n\t\t\t\tvalue: total,\n\t\t\t\ttotal: s.grandTotal,\n\t\t\t\tstartAngle,\n\t\t\t\tendAngle,\n\t\t\t\tangle: diffAngle\n\t\t\t});\n\n\t\t});\n\t\tthis.init = 0;\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'pieSlices',\n\t\t\t\t{ },\n\t\t\t\tfunction() {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tsliceStrings: s.sliceStrings,\n\t\t\t\t\t\tcolors: this.colors\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tcalTranslateByAngle(property){\n\t\tconst{radius,hoverRadio} = this;\n\t\tconst position = getPositionByAngle(property.startAngle+(property.angle / 2),radius);\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\n\t}\n\n\thoverSlice(path,i,flag,e){\n\t\tif(!path) return;\n\t\tconst color = this.colors[i];\n\t\tif(flag) {\n\t\t\ttransform(path, this.calTranslateByAngle(this.state.slicesProperties[i]));\n\t\t\tpath.style.fill = lightenDarkenColor(color, 50);\n\t\t\tlet g_off = getOffset(this.svg);\n\t\t\tlet x = e.pageX - g_off.left + 10;\n\t\t\tlet y = e.pageY - g_off.top - 10;\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t\t? this.formatted_labels[i] : this.state.labels[i]) + ': ';\n\t\t\tlet percent = (this.state.sliceTotals[i] * 100 / this.state.grandTotal).toFixed(1);\n\t\t\tthis.tip.setValues(x, y, {name: title, value: percent + \"%\"});\n\t\t\tthis.tip.showTip();\n\t\t} else {\n\t\t\ttransform(path,'translate3d(0,0,0)');\n\t\t\tthis.tip.hideTip();\n\t\t\tpath.style.fill = color;\n\t\t}\n\t}\n\n\tbindTooltip() {\n\t\tthis.container.addEventListener('mousemove', this.mouseMove);\n\t\tthis.container.addEventListener('mouseleave', this.mouseLeave);\n\t}\n\n\tmouseMove(e){\n\t\tconst target = e.target;\n\t\tlet slices = this.components.get('pieSlices').store;\n\t\tlet prevIndex = this.curActiveSliceIndex;\n\t\tlet prevAcitve = this.curActiveSlice;\n\t\tif(slices.includes(target)) {\n\t\t\tlet i = slices.indexOf(target);\n\t\t\tthis.hoverSlice(prevAcitve, prevIndex,false);\n\t\t\tthis.curActiveSlice = target;\n\t\t\tthis.curActiveSliceIndex = i;\n\t\t\tthis.hoverSlice(target, i, true, e);\n\t\t} else {\n\t\t\tthis.mouseLeave();\n\t\t}\n\t}\n\n\tmouseLeave(){\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { getComponent } from '../objects/ChartComponents';\nimport { makeText, heatSquare } from '../utils/draw';\nimport { DAY_NAMES_SHORT, addDays, areInSameMonth, getLastDateInMonth, setDayToSunday, getYyyyMmDd, getWeeksBetween, getMonthName, clone,\n\tNO_OF_MILLIS, NO_OF_YEAR_MONTHS, NO_OF_DAYS_IN_WEEK } from '../utils/date-utils';\nimport { calcDistribution, getMaxCheckpoint } from '../utils/intervals';\nimport { HEATMAP_TOP_MARGIN, HEATMAP_LEFT_MARGIN, HEATMAP_DISTRIBUTION_SIZE, HEATMAP_SQUARE_SIZE,\n\tHEATMAP_GUTTER_SIZE } from '../utils/constants';\n\nconst COL_WIDTH = HEATMAP_SQUARE_SIZE + HEATMAP_GUTTER_SIZE;\nconst ROW_HEIGHT = COL_WIDTH;\n// const DAY_INCR = 1;\n\nexport default class Heatmap extends BaseChart {\n\tconstructor(parent, options) {\n\t\tsuper(parent, options);\n\t\tthis.type = 'heatmap';\n\n\t\tthis.countLabel = options.countLabel || '';\n\n\t\tlet validStarts = ['Sunday', 'Monday'];\n\t\tlet startSubDomain = validStarts.includes(options.startSubDomain)\n\t\t\t? options.startSubDomain : 'Sunday';\n\t\tthis.startSubDomainIndex = validStarts.indexOf(startSubDomain);\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(options) {\n\t\tthis.discreteDomains = options.discreteDomains === 0 ? 0 : 1;\n\t\tsuper.configure(options);\n\t}\n\n\tsetMargins() {\n\t\tsuper.setMargins();\n\t\tthis.leftMargin = HEATMAP_LEFT_MARGIN;\n\t\tthis.topMargin = HEATMAP_TOP_MARGIN;\n\n\t\tlet d = this.data;\n\t\tlet spacing = this.discreteDomains ? NO_OF_YEAR_MONTHS : 0;\n\t\tthis.independentWidth = (getWeeksBetween(d.start, d.end)\n\t\t\t+ spacing) * COL_WIDTH + this.rightMargin + this.leftMargin;\n\t}\n\n\tupdateWidth() {\n\t\tlet spacing = this.discreteDomains ? NO_OF_YEAR_MONTHS : 0;\n\t\tthis.baseWidth = (this.state.noOfWeeks + spacing) * COL_WIDTH\n\t\t\t+ this.rightMargin + this.leftMargin;\n\t}\n\n\tprepareData(data=this.data) {\n\t\tif(data.start && data.end && data.start > data.end) {\n\t\t\tthrow new Error('Start date cannot be greater than end date.');\n\t\t}\n\n\t\tif(!data.start) {\n\t\t\tdata.start = new Date();\n\t\t\tdata.start.setFullYear( data.start.getFullYear() - 1 );\n\t\t}\n\t\tif(!data.end) { data.end = new Date(); }\n\t\tdata.dataPoints = data.dataPoints || {};\n\n\t\tif(parseInt(Object.keys(data.dataPoints)[0]) > 100000) {\n\t\t\tlet points = {};\n\t\t\tObject.keys(data.dataPoints).forEach(timestampSec => {\n\t\t\t\tlet date = new Date(timestampSec * NO_OF_MILLIS);\n\t\t\t\tpoints[getYyyyMmDd(date)] = data.dataPoints[timestampSec];\n\t\t\t});\n\t\t\tdata.dataPoints = points;\n\t\t}\n\n\t\treturn data;\n\t}\n\n\tcalc() {\n\t\tlet s = this.state;\n\n\t\ts.start = clone(this.data.start);\n\t\ts.end = clone(this.data.end);\n\n\t\ts.firstWeekStart = clone(s.start);\n\t\ts.noOfWeeks = getWeeksBetween(s.start, s.end);\n\t\ts.distribution = calcDistribution(\n\t\t\tObject.values(this.data.dataPoints), HEATMAP_DISTRIBUTION_SIZE);\n\n\t\ts.domainConfigs = this.getDomains();\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\t\tlet lessCol = this.discreteDomains ? 0 : 1;\n\n\t\tlet componentConfigs = s.domainConfigs.map((config, i) => [\n\t\t\t'heatDomain',\n\t\t\t{\n\t\t\t\tindex: config.index,\n\t\t\t\tcolWidth: COL_WIDTH,\n\t\t\t\trowHeight: ROW_HEIGHT,\n\t\t\t\tsquareSize: HEATMAP_SQUARE_SIZE,\n\t\t\t\txTranslate: s.domainConfigs\n\t\t\t\t\t.filter((config, j) => j < i)\n\t\t\t\t\t.map(config => config.cols.length - lessCol)\n\t\t\t\t\t.reduce((a, b) => a + b, 0)\n\t\t\t\t\t* COL_WIDTH\n\t\t\t},\n\t\t\tfunction() {\n\t\t\t\treturn s.domainConfigs[i];\n\t\t\t}.bind(this)\n\n\t\t]);\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.map((args, i) => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\treturn [args[0] + '-' + i, component];\n\t\t\t})\n\t\t);\n\n\t\tlet y = 0;\n\t\tDAY_NAMES_SHORT.forEach((dayName, i) => {\n\t\t\tif([1, 3, 5].includes(i)) {\n\t\t\t\tlet dayText = makeText('subdomain-name', -COL_WIDTH/2, y, dayName,\n\t\t\t\t\t{\n\t\t\t\t\t\tfontSize: HEATMAP_SQUARE_SIZE,\n\t\t\t\t\t\tdy: 8,\n\t\t\t\t\t\ttextAnchor: 'end'\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t\tthis.drawArea.appendChild(dayText);\n\t\t\t}\n\t\t\ty += ROW_HEIGHT;\n\t\t});\n\t}\n\n\tupdate(data) {\n\t\tif(!data) {\n\t\t\tconsole.error('No data to update.');\n\t\t}\n\n\t\tthis.data = this.prepareData(data);\n\t\tthis.draw();\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {\n\t\tthis.container.addEventListener('mousemove', (e) => {\n\t\t\tthis.components.forEach(comp => {\n\t\t\t\tlet daySquares = comp.store;\n\t\t\t\tlet daySquare = e.target;\n\t\t\t\tif(daySquares.includes(daySquare)) {\n\n\t\t\t\t\tlet count = daySquare.getAttribute('data-value');\n\t\t\t\t\tlet dateParts = daySquare.getAttribute('data-date').split('-');\n\n\t\t\t\t\tlet month = getMonthName(parseInt(dateParts[1])-1, true);\n\n\t\t\t\t\tlet gOff = this.container.getBoundingClientRect(), pOff = daySquare.getBoundingClientRect();\n\n\t\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\t\tlet x = pOff.left - gOff.left + width/2;\n\t\t\t\t\tlet y = pOff.top - gOff.top;\n\t\t\t\t\tlet value = count + ' ' + this.countLabel;\n\t\t\t\t\tlet name = ' on ' + month + ' ' + dateParts[0] + ', ' + dateParts[2];\n\n\t\t\t\t\tthis.tip.setValues(x, y, {name: name, value: value, valueFirst: 1}, []);\n\t\t\t\t\tthis.tip.showTip();\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n\n\trenderLegend() {\n\t\tthis.legendArea.textContent = '';\n\t\tlet x = 0;\n\t\tlet y = ROW_HEIGHT;\n\n\t\tlet lessText = makeText('subdomain-name', x, y, 'Less',\n\t\t\t{\n\t\t\t\tfontSize: HEATMAP_SQUARE_SIZE + 1,\n\t\t\t\tdy: 9\n\t\t\t}\n\t\t);\n\t\tx = (COL_WIDTH * 2) + COL_WIDTH/2;\n\t\tthis.legendArea.appendChild(lessText);\n\n\t\tthis.colors.slice(0, HEATMAP_DISTRIBUTION_SIZE).map((color, i) => {\n\t\t\tconst square = heatSquare('heatmap-legend-unit', x + (COL_WIDTH + 3) * i,\n\t\t\t\ty, HEATMAP_SQUARE_SIZE, color);\n\t\t\tthis.legendArea.appendChild(square);\n\t\t});\n\n\t\tlet moreTextX = x + HEATMAP_DISTRIBUTION_SIZE * (COL_WIDTH + 3) + COL_WIDTH/4;\n\t\tlet moreText = makeText('subdomain-name', moreTextX, y, 'More',\n\t\t\t{\n\t\t\t\tfontSize: HEATMAP_SQUARE_SIZE + 1,\n\t\t\t\tdy: 9\n\t\t\t}\n\t\t);\n\t\tthis.legendArea.appendChild(moreText);\n\t}\n\n\tgetDomains() {\n\t\tlet s = this.state;\n\t\tconst [startMonth, startYear] = [s.start.getMonth(), s.start.getFullYear()];\n\t\tconst [endMonth, endYear] = [s.end.getMonth(), s.end.getFullYear()];\n\n\t\tconst noOfMonths = (endMonth - startMonth + 1) + (endYear - startYear) * 12;\n\n\t\tlet domainConfigs = [];\n\n\t\tlet startOfMonth = clone(s.start);\n\t\tfor(var i = 0; i < noOfMonths; i++) {\n\t\t\tlet endDate = s.end;\n\t\t\tif(!areInSameMonth(startOfMonth, s.end)) {\n\t\t\t\tlet [month, year] = [startOfMonth.getMonth(), startOfMonth.getFullYear()];\n\t\t\t\tendDate = getLastDateInMonth(month, year);\n\t\t\t}\n\t\t\tdomainConfigs.push(this.getDomainConfig(startOfMonth, endDate));\n\n\t\t\taddDays(endDate, 1);\n\t\t\tstartOfMonth = endDate;\n\t\t}\n\n\t\treturn domainConfigs;\n\t}\n\n\tgetDomainConfig(startDate, endDate='') {\n\t\tlet [month, year] = [startDate.getMonth(), startDate.getFullYear()];\n\t\tlet startOfWeek = setDayToSunday(startDate); // TODO: Monday as well\n\t\tendDate = clone(endDate) || getLastDateInMonth(month, year);\n\n\t\tlet domainConfig = {\n\t\t\tindex: month,\n\t\t\tcols: []\n\t\t};\n\n\t\taddDays(endDate, 1);\n\t\tlet noOfMonthWeeks = getWeeksBetween(startOfWeek, endDate);\n\n\t\tlet cols = [], col;\n\t\tfor(var i = 0; i < noOfMonthWeeks; i++) {\n\t\t\tcol = this.getCol(startOfWeek, month);\n\t\t\tcols.push(col);\n\n\t\t\tstartOfWeek = new Date(col[NO_OF_DAYS_IN_WEEK - 1].yyyyMmDd);\n\t\t\taddDays(startOfWeek, 1);\n\t\t}\n\n\t\tif(col[NO_OF_DAYS_IN_WEEK - 1].dataValue) {\n\t\t\taddDays(startOfWeek, 1);\n\t\t\tcols.push(this.getCol(startOfWeek, month, true));\n\t\t}\n\n\t\tdomainConfig.cols = cols;\n\n\t\treturn domainConfig;\n\t}\n\n\tgetCol(startDate, month, empty = false) {\n\t\tlet s = this.state;\n\n\t\t// startDate is the start of week\n\t\tlet currentDate = clone(startDate);\n\t\tlet col = [];\n\n\t\tfor(var i = 0; i < NO_OF_DAYS_IN_WEEK; i++, addDays(currentDate, 1)) {\n\t\t\tlet config = {};\n\n\t\t\t// Non-generic adjustment for entire heatmap, needs state\n\t\t\tlet currentDateWithinData = currentDate >= s.start && currentDate <= s.end;\n\n\t\t\tif(empty || currentDate.getMonth() !== month || !currentDateWithinData) {\n\t\t\t\tconfig.yyyyMmDd = getYyyyMmDd(currentDate);\n\t\t\t} else {\n\t\t\t\tconfig = this.getSubDomainConfig(currentDate);\n\t\t\t}\n\t\t\tcol.push(config);\n\t\t}\n\n\t\treturn col;\n\t}\n\n\tgetSubDomainConfig(date) {\n\t\tlet yyyyMmDd = getYyyyMmDd(date);\n\t\tlet dataValue = this.data.dataPoints[yyyyMmDd];\n\t\tlet config = {\n\t\t\tyyyyMmDd: yyyyMmDd,\n\t\t\tdataValue: dataValue || 0,\n\t\t\tfill: this.colors[getMaxCheckpoint(dataValue, this.state.distribution)]\n\t\t};\n\t\treturn config;\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { dataPrep, zeroDataPrep, getShortenedLabels } from '../utils/axis-chart-utils';\nimport { Y_AXIS_LEFT_MARGIN, Y_AXIS_RIGHT_MARGIN, AXIS_LEGEND_BAR_SIZE } from '../utils/constants';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset, fire } from '../utils/dom';\nimport { calcChartIntervals, getIntervalSize, getValueRange, getZeroIndex, scale, getClosestInArray } from '../utils/intervals';\nimport { floatTwo } from '../utils/helpers';\nimport { makeOverlay, updateOverlay, legendBar } from '../utils/draw';\nimport { MIN_BAR_PERCENT_HEIGHT, BAR_CHART_SPACE_RATIO, LINE_CHART_DOT_SIZE } from '../utils/constants';\n\nexport default class AxisChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\n\t\tthis.barOptions = args.barOptions || {};\n\t\tthis.lineOptions = args.lineOptions || {};\n\n\t\tthis.type = args.type || 'line';\n\t\tthis.init = 1;\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\n\t\targs.axisOptions = args.axisOptions || {};\n\t\targs.tooltipOptions = args.tooltipOptions || {};\n\n\t\tthis.config.xAxisMode = args.axisOptions.xAxisMode || 'span';\n\t\tthis.config.yAxisMode = args.axisOptions.yAxisMode || 'span';\n\t\tthis.config.xIsSeries = args.axisOptions.xIsSeries || 0;\n\n\t\tthis.config.formatTooltipX = args.tooltipOptions.formatTooltipX;\n\t\tthis.config.formatTooltipY = args.tooltipOptions.formatTooltipY;\n\n\t\tthis.config.valuesOverPoints = args.valuesOverPoints;\n\t}\n\n\tsetMargins() {\n\t\tsuper.setMargins();\n\t\tthis.leftMargin = Y_AXIS_LEFT_MARGIN;\n\t\tthis.rightMargin = Y_AXIS_RIGHT_MARGIN;\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn dataPrep(data, this.type);\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn zeroDataPrep(data);\n\t}\n\n\tcalc(onlyWidthChange = false) {\n\t\tthis.calcXPositions();\n\t\tif(onlyWidthChange) return;\n\t\tthis.calcYAxisParameters(this.getAllYValues(), this.type === 'line');\n\t\tthis.makeDataByIndex();\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\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\tmakeDataByIndex() {\n\t\tthis.dataByIndex = {};\n\n\t\tlet s = this.state;\n\n\t\t// let 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\t// formatY = formatY && formatY(s.yAxis.labels[0]) ? formatY : 0;\n\n\t\t// yVal = formatY ? formatY(set.values[i]) : set.values[i]\n\t}\n\n\tbindTooltip() {\n\t\t// NOTE: could be in tooltip itself, as it is a given functionality for its parent\n\t\tthis.container.addEventListener('mousemove', (e) => {\n\t\t\tlet o = getOffset(this.container);\n\t\t\tlet relX = e.pageX - o.left - this.leftMargin;\n\t\t\tlet relY = e.pageY - o.top - this.topMargin;\n\n\t\t\tif(relY < this.height + this.topMargin * 2) {\n\t\t\t\tthis.mapTooltipXPosition(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.hideTip();\n\t\t\t}\n\t\t});\n\t}\n\n\tmapTooltipXPosition(relX) {\n\t\tlet s = this.state;\n\t\tif(!s.yExtremes) return;\n\n\t\tlet index = getClosestInArray(relX, s.xAxis.positions, true);\n\n\t\tthis.tip.setValues(\n\t\t\ts.xAxis.positions[index] + this.tip.offset.x,\n\t\t\ts.yExtremes[index] + this.tip.offset.y,\n\t\t\t{name: s.xAxis.labels[index], value: ''},\n\t\t\tthis.data.datasets.map((set, i) => {\n\t\t\t\treturn {\n\t\t\t\t\ttitle: set.name,\n\t\t\t\t\tvalue: set.values[index],\n\t\t\t\t\tcolor: this.colors[i],\n\t\t\t\t};\n\t\t\t}),\n\t\t\tindex\n\t\t);\n\n\t\tthis.tip.showTip();\n\t}\n\n\trenderLegend() {\n\t\tlet s = this.data;\n\t\tthis.legendArea.textContent = '';\n\n\t\tif(s.datasets.length > 1) {\n\t\t\ts.datasets.map((d, i) => {\n\t\t\t\tlet barWidth = AXIS_LEGEND_BAR_SIZE;\n\t\t\t\t// let rightEndPoint = this.baseWidth - this.leftMargin - this.rightMargin;\n\t\t\t\t// let multiplier = s.datasets.length - i;\n\t\t\t\tlet rect = legendBar(\n\t\t\t\t\t// rightEndPoint - multiplier * barWidth,\t// To right align\n\t\t\t\t\tbarWidth * i,\n\t\t\t\t\t'0',\n\t\t\t\t\tbarWidth,\n\t\t\t\t\tthis.colors[i],\n\t\t\t\t\td.name);\n\t\t\t\tthis.legendArea.appendChild(rect);\n\t\t\t});\n\t\t}\n\t}\n\n\n\n\t// Overlay\n\tmakeOverlay() {\n\t\tif(this.init) {\n\t\t\tthis.init = 0;\n\t\t\treturn;\n\t\t}\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\n\t\tthis.overlayGuides = this.dataUnitComponents.map(c => {\n\t\t\treturn {\n\t\t\t\ttype: c.unitType,\n\t\t\t\toverlay: undefined,\n\t\t\t\tunits: c.units,\n\t\t\t};\n\t\t});\n\n\t\tif(this.state.currentIndex === undefined) {\n\t\t\tthis.state.currentIndex = this.state.datasetLength - 1;\n\t\t}\n\n\t\t// Render overlays\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\n\t\t\td.overlay = makeOverlay[d.type](currentUnit);\n\t\t\tthis.drawArea.appendChild(d.overlay);\n\t\t});\n\t}\n\n\tupdateOverlayGuides() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\t}\n\n\tbindOverlay() {\n\t\tthis.parent.addEventListener('data-select', () => {\n\t\t\tthis.updateOverlay();\n\t\t});\n\t}\n\n\tbindUnits() {\n\t\tthis.dataUnitComponents.map(c => {\n\t\t\tc.units.map(unit => {\n\t\t\t\tunit.addEventListener('click', () => {\n\t\t\t\t\tlet index = unit.getAttribute('data-point-index');\n\t\t\t\t\tthis.setCurrentDataPoint(index);\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\n\t\t// Note: Doesn't work as tooltip is absolutely positioned\n\t\tthis.tip.container.addEventListener('click', () => {\n\t\t\tlet index = this.tip.container.getAttribute('data-point-index');\n\t\t\tthis.setCurrentDataPoint(index);\n\t\t});\n\t}\n\n\tupdateOverlay() {\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\tupdateOverlay[d.type](currentUnit, d.overlay);\n\t\t});\n\t}\n\n\tonLeftArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex - 1);\n\t}\n\n\tonRightArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex + 1);\n\t}\n\n\tgetDataPoint(index=this.state.currentIndex) {\n\t\tlet s = this.state;\n\t\tlet data_point = {\n\t\t\tindex: index,\n\t\t\tlabel: s.xAxis.labels[index],\n\t\t\tvalues: s.datasets.map(d => d.values[index])\n\t\t};\n\t\treturn data_point;\n\t}\n\n\tsetCurrentDataPoint(index) {\n\t\tlet s = this.state;\n\t\tindex = parseInt(index);\n\t\tif(index < 0) index = 0;\n\t\tif(index >= s.xAxis.labels.length) index = s.xAxis.labels.length - 1;\n\t\tif(index === s.currentIndex) return;\n\t\ts.currentIndex = index;\n\t\tfire(this.parent, \"data-select\", this.getDataPoint());\n\t}\n\n\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","import * as Charts from './chart';\n\nlet frappe = { };\n\nfrappe.NAME = 'Frappe Charts';\nfrappe.VERSION = '1.0.0';\n\nfrappe = Object.assign({ }, frappe, Charts);\n\nexport default frappe;"],"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","limitColor","r","lightenDarkenColor","color","amt","col","getColor","usePound","slice","num","parseInt","b","g","toString","isValidColor","test","createSVG","tag","o","createElementNS","i","val","appendChild","ref","parentNode","insertBefore","keys","map","style","prop","setAttribute","renderVerticalGradient","svgDefElem","gradientId","setGradientStop","gradElem","offset","opacity","makeSVGContainer","parent","className","width","makeSVGDefs","svgContainer","makeSVGGroup","makePath","pathStr","makeArcPathStr","startPosition","endPosition","center","clockWise","arcStartX","x","arcStartY","arcEndX","arcEndY","makeGradient","lighter","gradientDef","opacities","percentageBar","depth","PERCENTAGE_BAR_DEFAULT_DEPTH","heatSquare","size","data","args","key","legendBar","label","text","FONT_SIZE","FONT_FILL","group","legendDot","makeText","content","options","fontSize","undefined","dy","textAnchor","makeVertLine","y1","y2","stroke","BASE_LINE_COLOR","l","LABEL_MARGIN","line","makeHoriLine","x1","x2","lineType","yLine","pos","mode","AXIS_TICK_LENGTH","xLine","yMarker","labelSvg","yRegion","region","datasetBar","index","meta","minHeight","datasetDot","dot","getPaths","xList","yList","pointsStr","join","path","heatline","gradient_id","svgDefs","paths","regionFill","gradient_id_region","translate","unit","oldCoord","newCoord","duration","old","transform","STD_EASING","translateVertLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","animateBar","bar","nodeName","UNIT_ANIM_DUR","split","animateDot","cx","cy","animatePath","newXList","newYList","pathComponents","animPath","PATH_ANIM_DUR","push","regStartPt","regEndPt","animRegion","animatePathStr","oldPath","animateSVGElement","props","dur","easingType","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","downloadFile","filename","a","createElement","blob","Blob","url","URL","createObjectURL","href","download","click","revokeObjectURL","prepareForExport","svg","clone","classList","add","styleEl","create","CSSTEXT","firstChild","container","innerHTML","treatAsUtc","date","result","Date","setMinutes","getMinutes","getTimezoneOffset","getYyyyMmDd","dd","getDate","mm","getMonth","getFullYear","getTime","getWeeksBetween","startDate","endDate","weekStartDate","setDayToSunday","ceil","getDaysBetween","NO_OF_DAYS_IN_WEEK","millisecondsPerDay","SEC_IN_DAY","NO_OF_MILLIS","areInSameMonth","getMonthName","short","monthName","MONTH_NAMES","getLastDateInMonth","month","year","newDate","day","getDay","addDays","numberOfDays","setDate","getComponent","name","constants","getData","Object","componentConfigs","filter","includes","k","config","assign","ChartComponent","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","getClosestInArray","goal","arr","closest","reduce","prev","curr","calcDistribution","distributionSize","dataMaxValue","distributionStep","distribution","checkpoint","getMaxCheckpoint","dataPrep","labels","datasetLength","datasets","zeroArray","vals","chartType","AXIS_DATASET_CHART_TYPES","yRegions","end","zeroDataPrep","realData","zeroData","yMarkers","getShortenedLabels","chartWidth","isSeries","allowedLetters","DEFAULT_CHAR_WIDTH","getChartByType","AxisChart","chartTypes","error","ALL_CHART_TYPES","COMPATIBLE_CHARTS","DATA_COLOR_DIVISIONS","HEATMAP_DISTRIBUTION_SIZE","INIT_CHART_UPDATE_TIMEOUT","PERCENTAGE_BAR_DEFAULT_HEIGHT","DEFAULT_CHART_COLORS","DEFAULT_COLORS","PI","SvgTip","colors","titleName","titleValue","listValues","titleValueFirst","setup","makeTooltip","calcPosition","this","hideTip","title","dataPointList","addEventListener","set","_this2","li","offsetWidth","offsetHeight","maxLeft","pointer","pointerOffset","valueFirst","refresh","PRESET_COLOR_MAP","makeOverlay","transformValue","overlay","updateOverlay","attributes","attr","specified","nodeValue","BaseChart","HTMLElement","Error","rawChartArgs","argHeight","prepareData","prepareFirstData","validateColors","showLegend","isNavigable","state","initTimeout","overlays","configure","setMargins","_this","boundDrawFn","validColors","forEach","warn","baseHeight","topMargin","leftMargin","rightMargin","makeContainer","updateWidth","draw","components","Map","independentWidth","tip","bindTooltip","onlyWidthChange","init","calc","makeChartArea","setupComponents","c","drawArea","render","update","renderLegend","setupNavigation","baseWidth","animate","make","updateNav","bindUnits","titleAreaHeight","legendAreaHeight","titleEL","legendArea","updateTipOffset","bindOverlay","keyActions","onEnterKey","bind","onLeftArrow","onUpArrow","onRightArrow","onDownArrow","e","_this4","event","keyCode","currentType","useColor","Chart","removeEventListener","_this5","chartSvg","AggregationChart","maxSlices","maxLegendPoints","s","sliceTotals","allTotals","total","totals","sort","sumOfRemaining","grandTotal","textContent","legendTotals","_this3","DAY_NAMES_SHORT","layerClass","layerTransform","makeElements","animateElements","store","layer","oldData","sliceStrings","transition","newData","xPositions","widths","barHeight","barDepth","positions","position","newPos","newLabels","oldPos","oldLabels","calcLabels","marker","startPos","endPos","_this6","newStarts","oldStarts","colWidth","rowHeight","squareSize","xTranslate","serializedSubDomains","cols","week","weekNo","yyyyMmDd","dataValue","square","unitType","units","yPositions","barWidth","offsets","barsWidth","newXPos","newYPos","newOffsets","oldXPos","oldYPos","oldOffsets","hideLine","hideDots","valuesOverPoints","newValues","PercentageChart","barOptions","component","xPos","bars","get","gOff","pOff","formattedLabels","fraction","setValues","showTip","PieChart","mouseMove","mouseLeave","hoverRadio","startAngle","prevSlicesProperties","slicesProperties","curAngle","originDiffAngle","diffAngle","endAngle","prevProperty","curStart","curEnd","curPath","property","flag","calTranslateByAngle","g_off","pageX","pageY","formatted_labels","percent","slices","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","Heatmap","countLabel","validStarts","startSubDomain","startSubDomainIndex","discreteDomains","spacing","HEATMAP_SQUARE_SIZE","noOfWeeks","setFullYear","dataPoints","points","timestampSec","firstWeekStart","domainConfigs","getDomains","lessCol","dayName","dayText","daySquares","comp","daySquare","dateParts","lessText","COL_WIDTH","moreText","startMonth","startYear","noOfMonths","startOfMonth","getDomainConfig","startOfWeek","domainConfig","noOfMonthWeeks","getCol","empty","currentDate","currentDateWithinData","getSubDomainConfig","lineOptions","axisOptions","tooltipOptions","xAxisMode","yAxisMode","xIsSeries","formatTooltipX","formatTooltipY","calcXPositions","calcYAxisParameters","getAllYValues","makeDataByIndex","unitWidth","xOffset","xAxis","dataValues","intervalHeight","calcDatasetPoints","calcYExtremes","calcYRegions","scaleAll","cumulativeYs","stacked","yExtremes","cumulativeYPos","cumulative","allValueLists","barDatasets","lineDatasets","barsConfigs","spaceRatio","p","lineConfigs","dotSize","markerConfigs","optionals","dataUnitComponents","dataByIndex","formatX","titles","relX","mapTooltipXPosition","overlayGuides","currentIndex","currentUnit","_this7","setCurrentDataPoint","_this9","_this10","getDataPoint","datasetValues","splice","frappe","NAME","VERSION","Charts"],"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/constants.js","../../../src/js/utils/helpers.js","../../../src/js/utils/draw-utils.js","../../../src/js/utils/colors.js","../../../src/js/utils/draw.js","../../../src/js/utils/animate.js","../../../src/js/utils/animation.js","../../../src/js/utils/export.js","../../../src/js/utils/date-utils.js","../../../src/js/objects/ChartComponents.js","../../../src/js/utils/intervals.js","../../../src/js/utils/axis-chart-utils.js","../../../src/js/chart.js","../../../src/js/objects/SvgTip.js","../../../src/css/chartsCss.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","../../../src/js/index.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// https://css-tricks.com/snippets/javascript/loop-queryselectorall-matches/\nexport function forEachNode(nodeList, callback, scope) {\n\tif(!nodeList) return;\n\tfor (var i = 0; i < nodeList.length; i++) {\n\t\tcallback.call(scope, nodeList[i], i);\n\t}\n}\n\nexport function activate($parent, $child, commonClass, activeClass='active', index = -1) {\n\tlet $children = $parent.querySelectorAll(`.${commonClass}.${activeClass}`);\n\n\tforEachNode($children, (node, i) => {\n\t\tif(index >= 0 && i <= index) return;\n\t\tnode.classList.remove(activeClass);\n\t});\n\n\t$child.classList.add(activeClass);\n}\n","export const ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\n\nexport const COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\n\theatmap: []\n};\n\nexport const DATA_COLOR_DIVISIONS = {\n\tbar: 'datasets',\n\tline: 'datasets',\n\tpie: 'labels',\n\tpercentage: 'labels',\n\theatmap: HEATMAP_DISTRIBUTION_SIZE\n};\n\nexport const BASE_MEASURES = {\n\tmargins: {\n\t\ttop: 10,\n\t\tbottom: 10,\n\t\tleft: 20,\n\t\tright: 20\n\t},\n\tpaddings: {\n\t\ttop: 20,\n\t\tbottom: 40,\n\t\tleft: 30,\n\t\tright: 10\n\t},\n\n\tbaseHeight: 240,\n\ttitleHeight: 20,\n\tlegendHeight: 30,\n\n\ttitleFontSize: 12,\n};\n\nexport function getExtraHeight(m) {\n\tlet totalExtraHeight = m.margins.top + m.margins.bottom\n\t\t+ m.paddings.top + m.paddings.bottom\n\t\t+ m.titleHeight + m.legendHeight;\n\treturn totalExtraHeight;\n}\n\nexport function getExtraWidth(m) {\n\tlet totalExtraWidth = m.margins.left + m.margins.right\n\t\t+ m.paddings.left + m.paddings.right;\n\n\treturn totalExtraWidth;\n}\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 AXIS_LEGEND_BAR_SIZE = 100;\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 PERCENTAGE_BAR_DEFAULT_HEIGHT = 20;\nexport const PERCENTAGE_BAR_DEFAULT_DEPTH = 2;\n\n// Fixed 5-color theme,\n// More colors are difficult to parse visually\nexport const HEATMAP_DISTRIBUTION_SIZE = 5;\n\nexport const HEATMAP_SQUARE_SIZE = 10;\nexport const HEATMAP_GUTTER_SIZE = 2;\n\nexport const DEFAULT_CHAR_WIDTH = 7;\n\nexport const TOOLTIP_POINTER_TRIANGLE_HEIGHT = 5;\n\nconst DEFAULT_CHART_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey'];\nconst HEATMAP_COLORS_GREEN = ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\nexport const HEATMAP_COLORS_BLUE = ['#ebedf0', '#c0ddf9', '#73b3f3', '#3886e1', '#17459e'];\nexport const HEATMAP_COLORS_YELLOW = ['#ebedf0', '#fdf436', '#ffc700', '#ff9100', '#06001c'];\n\nexport const DEFAULT_COLORS = {\n\tbar: DEFAULT_CHART_COLORS,\n\tline: DEFAULT_CHART_COLORS,\n\tpie: DEFAULT_CHART_COLORS,\n\tpercentage: DEFAULT_CHART_COLORS,\n\theatmap: HEATMAP_COLORS_GREEN\n};\n\n// Universal constants\nexport const ANGLE_RATIO = Math.PI / 180;\nexport const FULL_ANGLE = 360;\n","import { ANGLE_RATIO } from './constants';\n\n/**\n * Returns the value of a number upto 2 decimal places.\n * @param {Number} d Any number\n */\nexport function floatTwo(d) {\n\treturn parseFloat(d.toFixed(2));\n}\n\n/**\n * Returns whether or not two given arrays are equal.\n * @param {Array} arr1 First array\n * @param {Array} arr2 Second array\n */\nexport function arraysEqual(arr1, arr2) {\n\tif(arr1.length !== arr2.length) return false;\n\tlet areEqual = true;\n\tarr1.map((d, i) => {\n\t\tif(arr2[i] !== d) areEqual = false;\n\t});\n\treturn areEqual;\n}\n\n/**\n * Shuffles array in place. ES6 version\n * @param {Array} array An array containing the items.\n */\nexport function shuffle(array) {\n\t// Awesomeness: https://bost.ocks.org/mike/shuffle/\n\t// https://stackoverflow.com/a/2450976/6495043\n\t// https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array?noredirect=1&lq=1\n\n\tfor (let i = array.length - 1; i > 0; i--) {\n\t\tlet j = Math.floor(Math.random() * (i + 1));\n\t\t[array[i], array[j]] = [array[j], array[i]];\n\t}\n\n\treturn array;\n}\n\n/**\n * Fill an array with extra points\n * @param {Array} array Array\n * @param {Number} count number of filler elements\n * @param {Object} element element to fill with\n * @param {Boolean} start fill at start?\n */\nexport function fillArray(array, count, element, start=false) {\n\tif(!element) {\n\t\telement = start ? array[0] : array[array.length - 1];\n\t}\n\tlet fillerArray = new Array(Math.abs(count)).fill(element);\n\tarray = start ? fillerArray.concat(array) : array.concat(fillerArray);\n\treturn array;\n}\n\n/**\n * Returns pixel width of string.\n * @param {String} string\n * @param {Number} charWidth Width of single char in pixels\n */\nexport function getStringWidth(string, charWidth) {\n\treturn (string+\"\").length * charWidth;\n}\n\nexport function bindChange(obj, getFn, setFn) {\n\treturn new Proxy(obj, {\n\t\tset: function(target, prop, value) {\n\t\t\tsetFn();\n\t\t\treturn Reflect.set(target, prop, value);\n\t\t},\n\t\tget: function(target, prop) {\n\t\t\tgetFn();\n\t\t\treturn Reflect.get(target, prop);\n\t\t}\n\t});\n}\n\n// https://stackoverflow.com/a/29325222\nexport function getRandomBias(min, max, bias, influence) {\n\tconst range = max - min;\n\tconst biasValue = range * bias + min;\n\tvar rnd = Math.random() * range + min,\t\t// random in range\n\t\tmix = Math.random() * influence;\t\t// random mixer\n\treturn rnd * (1 - mix) + biasValue * mix;\t// mix full range and bias\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","const PRESET_COLOR_MAP = {\n\t'light-blue': '#7cd6fd',\n\t'blue': '#5e64ff',\n\t'violet': '#743ee2',\n\t'red': '#ff5858',\n\t'orange': '#ffa00a',\n\t'yellow': '#feef72',\n\t'green': '#28a745',\n\t'light-green': '#98d85b',\n\t'purple': '#b554ff',\n\t'magenta': '#ffa3ef',\n\t'black': '#36114C',\n\t'grey': '#bdd3e6',\n\t'light-grey': '#f0f4f7',\n\t'dark-grey': '#b8c2cc'\n};\n\nfunction limitColor(r){\n\tif (r > 255) return 255;\n\telse if (r < 0) return 0;\n\treturn r;\n}\n\nexport function lightenDarkenColor(color, amt) {\n\tlet col = getColor(color);\n\tlet usePound = false;\n\tif (col[0] == \"#\") {\n\t\tcol = col.slice(1);\n\t\tusePound = true;\n\t}\n\tlet num = parseInt(col,16);\n\tlet r = limitColor((num >> 16) + amt);\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\n\tlet g = limitColor((num & 0x0000FF) + amt);\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\n}\n\nexport function isValidColor(string) {\n\t// https://stackoverflow.com/a/8027444/6495043\n\treturn /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string);\n}\n\nexport const getColor = (color) => {\n\treturn PRESET_COLOR_MAP[color] || color;\n};\n","import { getBarHeightAndYAttr } from './draw-utils';\nimport { getStringWidth } from './helpers';\nimport { DOT_OVERLAY_SIZE_INCR, PERCENTAGE_BAR_DEFAULT_DEPTH } from './constants';\nimport { lightenDarkenColor } from './colors';\n\nexport const AXIS_TICK_LENGTH = 6;\nconst LABEL_MARGIN = 4;\nexport const FONT_SIZE = 10;\nconst BASE_LINE_COLOR = '#dadada';\nconst FONT_FILL = '#555b51';\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(className, transform='', parent=undefined) {\n\tlet args = {\n\t\tclassName: className,\n\t\ttransform: transform\n\t};\n\tif(parent) args.inside = parent;\n\treturn createSVG('g', args);\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 percentageBar(x, y, width, height,\n\tdepth=PERCENTAGE_BAR_DEFAULT_DEPTH, fill='none') {\n\n\tlet args = {\n\t\tclassName: 'percentage-bar',\n\t\tx: x,\n\t\ty: y,\n\t\twidth: width,\n\t\theight: height,\n\t\tfill: fill,\n\t\tstyles: {\n\t\t\t'stroke': lightenDarkenColor(fill, -25),\n\t\t\t// Diabolically good: https://stackoverflow.com/a/9000859\n\t\t\t// https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\n\t\t\t'stroke-dasharray': `0, ${height + width}, ${width}, ${height}`,\n\t\t\t'stroke-width': depth\n\t\t},\n\t};\n\n\treturn createSVG(\"rect\", args);\n}\n\nexport function heatSquare(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 legendBar(x, y, size, fill='none', label) {\n\tlet args = {\n\t\tclassName: 'legend-bar',\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: size,\n\t\theight: '2px',\n\t\tfill: fill\n\t};\n\tlet text = createSVG('text', {\n\t\tclassName: 'legend-dataset-text',\n\t\tx: 0,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE * 2) + 'px',\n\t\t'font-size': (FONT_SIZE * 1.2) + 'px',\n\t\t'text-anchor': 'start',\n\t\tfill: FONT_FILL,\n\t\tinnerHTML: label\n\t});\n\n\tlet group = createSVG('g', {\n\t\ttransform: `translate(${x}, ${y})`\n\t});\n\tgroup.appendChild(createSVG(\"rect\", args));\n\tgroup.appendChild(text);\n\n\treturn group;\n}\n\nexport function legendDot(x, y, size, fill='none', label) {\n\tlet args = {\n\t\tclassName: 'legend-dot',\n\t\tcx: 0,\n\t\tcy: 0,\n\t\tr: size,\n\t\tfill: fill\n\t};\n\tlet text = createSVG('text', {\n\t\tclassName: 'legend-dataset-text',\n\t\tx: 0,\n\t\ty: 0,\n\t\tdx: (FONT_SIZE) + 'px',\n\t\tdy: (FONT_SIZE/3) + 'px',\n\t\t'font-size': (FONT_SIZE * 1.2) + 'px',\n\t\t'text-anchor': 'start',\n\t\tfill: FONT_FILL,\n\t\tinnerHTML: label\n\t});\n\n\tlet group = createSVG('g', {\n\t\ttransform: `translate(${x}, ${y})`\n\t});\n\tgroup.appendChild(createSVG(\"circle\", args));\n\tgroup.appendChild(text);\n\n\treturn group;\n}\n\nexport function makeText(className, x, y, content, options = {}) {\n\tlet fontSize = options.fontSize || FONT_SIZE;\n\tlet dy = options.dy !== undefined ? options.dy : (fontSize / 2);\n\tlet fill = options.fill || FONT_FILL;\n\tlet textAnchor = options.textAnchor || 'start';\n\treturn createSVG('text', {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\tdy: dy + 'px',\n\t\t'font-size': fontSize + 'px',\n\t\tfill: fill,\n\t\t'text-anchor': textAnchor,\n\t\tinnerHTML: content\n\t});\n}\n\nfunction makeVertLine(x, label, y1, y2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tlet l = createSVG('line', {\n\t\tclassName: 'line-vertical ' + options.className,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: y1,\n\t\ty2: y2,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: 0,\n\t\ty: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE,\n\t\tdy: FONT_SIZE + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'middle',\n\t\tinnerHTML: label + \"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(${ x }, 0)`\n\t});\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nfunction makeHoriLine(y, label, x1, x2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.lineType) options.lineType = '';\n\tlet className = 'line-horizontal ' + options.className +\n\t\t(options.lineType === \"dashed\" ? \"dashed\": \"\");\n\n\tlet l = createSVG('line', {\n\t\tclassName: className,\n\t\tx1: x1,\n\t\tx2: x2,\n\t\ty1: 0,\n\t\ty2: 0,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / 2 - 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': x1 < x2 ? 'end' : 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(0, ${y})`,\n\t\t'stroke-opacity': 1\n\t});\n\n\tif(text === 0 || text === '0') {\n\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\n\t}\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nexport function yLine(y, label, width, options={}) {\n\tif(!options.pos) options.pos = 'left';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\tlet x1 = -1 * AXIS_TICK_LENGTH;\n\tlet x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;\n\n\tif(options.mode === 'tick' && options.pos === 'right') {\n\t\tx1 = width + AXIS_TICK_LENGTH;\n\t\tx2 = width;\n\t}\n\n\t// let offset = options.pos === 'left' ? -1 * options.offset : options.offset;\n\n\tx1 += options.offset;\n\tx2 += options.offset;\n\n\treturn makeHoriLine(y, label, x1, x2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function xLine(x, label, height, options={}) {\n\tif(!options.pos) options.pos = 'bottom';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\t// Draw X axis line in span/tick mode with optional label\n\t// \ty2(span)\n\t// \t\t\t\t\t\t|\n\t// \t\t\t\t\t\t|\n\t//\t\t\t\tx line\t|\n\t//\t\t\t\t\t\t|\n\t// \t\t\t\t\t \t|\n\t// ---------------------+-- y2(tick)\n\t//\t\t\t\t\t\t|\n\t//\t\t\t\t\t\t\ty1\n\n\tlet y1 = height + AXIS_TICK_LENGTH;\n\tlet y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : height;\n\n\tif(options.mode === 'tick' && options.pos === 'top') {\n\t\t// top axis ticks\n\t\ty1 = -1 * AXIS_TICK_LENGTH;\n\t\ty2 = 0;\n\t}\n\n\treturn makeVertLine(x, label, y1, y2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function yMarker(y, label, width, options={}) {\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = makeHoriLine(y, '', 0, width, {\n\t\tstroke: options.stroke || BASE_LINE_COLOR,\n\t\tclassName: options.className || '',\n\t\tlineType: options.lineType\n\t});\n\n\tline.appendChild(labelSvg);\n\n\treturn line;\n}\n\nexport function yRegion(y1, y2, width, label) {\n\t// return a group\n\tlet height = y1 - y2;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`, // remove class\n\t\tstyles: {\n\t\t\tfill: `rgba(228, 234, 239, 0.49)`,\n\t\t\tstroke: BASE_LINE_COLOR,\n\t\t\t'stroke-dasharray': `${width}, ${height}`\n\t\t},\n\t\t// 'data-point-index': index,\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: width,\n\t\theight: height\n\t});\n\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label+\"\", 4.5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet region = createSVG('g', {\n\t\ttransform: `translate(0, ${y2})`\n\t});\n\n\tregion.appendChild(rect);\n\tregion.appendChild(labelSvg);\n\n\treturn region;\n}\n\nexport function datasetBar(x, yTop, width, color, label='', index=0, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`,\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: width,\n\t\theight: height || meta.minHeight // TODO: correct y for positive min height\n\t});\n\n\tlabel += \"\";\n\n\tif(!label && !label.length) {\n\t\treturn rect;\n\t} else {\n\t\trect.setAttribute('y', 0);\n\t\trect.setAttribute('x', 0);\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: width/2,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\t'data-point-index': index,\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(rect);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function datasetDot(x, y, radius, color, label='', index=0) {\n\tlet dot = createSVG('circle', {\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tcx: x,\n\t\tcy: y,\n\t\tr: radius\n\t});\n\n\tlabel += \"\";\n\n\tif(!label && !label.length) {\n\t\treturn dot;\n\t} else {\n\t\tdot.setAttribute('cy', 0);\n\t\tdot.setAttribute('cx', 0);\n\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1 - radius) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\t'data-point-index': index,\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(dot);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function getPaths(xList, yList, color, options={}, meta={}) {\n\tlet pointsList = yList.map((y, i) => (xList[i] + ',' + y));\n\tlet pointsStr = pointsList.join(\"L\");\n\tlet path = makePath(\"M\"+pointsStr, 'line-graph-path', color);\n\n\t// HeatLine\n\tif(options.heatline) {\n\t\tlet gradient_id = makeGradient(meta.svgDefs, color);\n\t\tpath.style.stroke = `url(#${gradient_id})`;\n\t}\n\n\tlet paths = {\n\t\tpath: path\n\t};\n\n\t// Region\n\tif(options.regionFill) {\n\t\tlet gradient_id_region = makeGradient(meta.svgDefs, color, true);\n\n\t\t// TODO: use zeroLine OR minimum\n\t\tlet pathStr = \"M\" + `${xList[0]},${meta.zeroLine}L` + pointsStr + `L${xList.slice(-1)[0]},${meta.zeroLine}`;\n\t\tpaths.region = makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`);\n\t}\n\n\treturn paths;\n}\n\nexport let makeOverlay = {\n\t'bar': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'dot': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\tlet fill = unit.getAttribute('fill');\n\t\toverlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.setAttribute('fill', fill);\n\t\toverlay.style.opacity = '0.6';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'heat_square': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\tlet fill = unit.getAttribute('fill');\n\t\toverlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.setAttribute('fill', fill);\n\t\toverlay.style.opacity = '0.6';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t}\n};\n\nexport let updateOverlay = {\n\t'bar': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['x', 'y', 'width', 'height'];\n\t\tObject.values(unit.attributes)\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t\t.map(attr => {\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'dot': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t\t.map(attr => {\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'heat_square': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t\t.map(attr => {\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n};\n","import { getBarHeightAndYAttr } from './draw-utils';\n\nexport const UNIT_ANIM_DUR = 350;\nexport const PATH_ANIM_DUR = 350;\nexport const MARKER_LINE_ANIM_DUR = UNIT_ANIM_DUR;\nexport const REPLACE_ALL_NEW_DUR = 250;\n\nexport const STD_EASING = 'easein';\n\nexport function translate(unit, oldCoord, newCoord, duration) {\n\tlet old = typeof oldCoord === 'string' ? oldCoord : oldCoord.join(', ');\n\treturn [\n\t\tunit,\n\t\t{transform: newCoord.join(', ')},\n\t\tduration,\n\t\tSTD_EASING,\n\t\t\"translate\",\n\t\t{transform: old}\n\t];\n}\n\nexport function translateVertLine(xLine, newX, oldX) {\n\treturn translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR);\n}\n\nexport function translateHoriLine(yLine, newY, oldY) {\n\treturn translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR);\n}\n\nexport function animateRegion(rectGroup, newY1, newY2, oldY2) {\n\tlet newHeight = newY1 - newY2;\n\tlet rect = rectGroup.childNodes[0];\n\tlet width = rect.getAttribute(\"width\");\n\tlet rectAnim = [\n\t\trect,\n\t\t{ height: newHeight, 'stroke-dasharray': `${width}, ${newHeight}` },\n\t\tMARKER_LINE_ANIM_DUR,\n\t\tSTD_EASING\n\t];\n\n\tlet groupAnim = translate(rectGroup, [0, oldY2], [0, newY2], MARKER_LINE_ANIM_DUR);\n\treturn [rectAnim, groupAnim];\n}\n\nexport function animateBar(bar, x, yTop, width, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\tif(bar.nodeName !== 'rect') {\n\t\tlet rect = bar.childNodes[0];\n\t\tlet rectAnim = [\n\t\t\trect,\n\t\t\t{width: width, height: height},\n\t\t\tUNIT_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\n\t\tlet oldCoordStr = bar.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(bar, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [rectAnim, groupAnim];\n\t} else {\n\t\treturn [[bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animateDot(dot, x, y) {\n\tif(dot.nodeName !== 'circle') {\n\t\tlet oldCoordStr = dot.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(dot, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [groupAnim];\n\t} else {\n\t\treturn [[dot, {cx: x, cy: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animatePath(paths, newXList, newYList, zeroLine) {\n\tlet pathComponents = [];\n\n\tlet pointsStr = newYList.map((y, i) => (newXList[i] + ',' + y));\n\tlet pathStr = pointsStr.join(\"L\");\n\n\tconst animPath = [paths.path, {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\tpathComponents.push(animPath);\n\n\tif(paths.region) {\n\t\tlet regStartPt = `${newXList[0]},${zeroLine}L`;\n\t\tlet regEndPt = `L${newXList.slice(-1)[0]}, ${zeroLine}`;\n\n\t\tconst animRegion = [\n\t\t\tpaths.region,\n\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\tPATH_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\t\tpathComponents.push(animRegion);\n\t}\n\n\treturn pathComponents;\n}\n\nexport function animatePathStr(oldPath, pathStr) {\n\treturn [oldPath, {d: pathStr}, UNIT_ANIM_DUR, STD_EASING];\n}\n","// 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 { $ } from '../utils/dom';\nimport { CSSTEXT } from '../../css/chartsCss';\n\nexport function downloadFile(filename, data) {\n\tvar a = document.createElement('a');\n\ta.style = \"display: none\";\n\tvar blob = new Blob(data, {type: \"image/svg+xml; charset=utf-8\"});\n\tvar url = window.URL.createObjectURL(blob);\n\ta.href = url;\n\ta.download = filename;\n\tdocument.body.appendChild(a);\n\ta.click();\n\tsetTimeout(function(){\n\t\tdocument.body.removeChild(a);\n\t\twindow.URL.revokeObjectURL(url);\n\t}, 300);\n}\n\nexport function prepareForExport(svg) {\n\tlet clone = svg.cloneNode(true);\n\tclone.classList.add('chart-container');\n\tclone.setAttribute('xmlns', \"http://www.w3.org/2000/svg\");\n\tclone.setAttribute('xmlns:xlink', \"http://www.w3.org/1999/xlink\");\n\tlet styleEl = $.create('style', {\n\t\t'innerHTML': CSSTEXT\n\t});\n\tclone.insertBefore(styleEl, clone.firstChild);\n\n\tlet container = $.create('div');\n\tcontainer.appendChild(clone);\n\n\treturn container.innerHTML;\n}\n","// Playing around with dates\n\nexport const NO_OF_YEAR_MONTHS = 12;\nexport const NO_OF_DAYS_IN_WEEK = 7;\nexport const DAYS_IN_YEAR = 375;\nexport const NO_OF_MILLIS = 1000;\nexport const SEC_IN_DAY = 86400;\n\nexport const MONTH_NAMES = [\"January\", \"February\", \"March\", \"April\", \"May\",\n\t\"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\"];\nexport const MONTH_NAMES_SHORT = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\",\n\t\"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"];\n\nexport const DAY_NAMES_SHORT = [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\"];\nexport const DAY_NAMES = [\"Sunday\", \"Monday\", \"Tuesday\", \"Wednesday\",\n\t\"Thursday\", \"Friday\", \"Saturday\"];\n\n// https://stackoverflow.com/a/11252167/6495043\nfunction treatAsUtc(date) {\n\tlet result = new Date(date);\n\tresult.setMinutes(result.getMinutes() - result.getTimezoneOffset());\n\treturn result;\n}\n\nexport function getYyyyMmDd(date) {\n\tlet dd = date.getDate();\n\tlet mm = date.getMonth() + 1; // getMonth() is zero-based\n\treturn [\n\t\tdate.getFullYear(),\n\t\t(mm>9 ? '' : '0') + mm,\n\t\t(dd>9 ? '' : '0') + dd\n\t].join('-');\n}\n\nexport function clone(date) {\n\treturn new Date(date.getTime());\n}\n\nexport function timestampSec(date) {\n\treturn date.getTime()/NO_OF_MILLIS;\n}\n\nexport function timestampToMidnight(timestamp, roundAhead = false) {\n\tlet midnightTs = Math.floor(timestamp - (timestamp % SEC_IN_DAY));\n\tif(roundAhead) {\n\t\treturn midnightTs + SEC_IN_DAY;\n\t}\n\treturn midnightTs;\n}\n\n// export function getMonthsBetween(startDate, endDate) {}\n\nexport function getWeeksBetween(startDate, endDate) {\n\tlet weekStartDate = setDayToSunday(startDate);\n\treturn Math.ceil(getDaysBetween(weekStartDate, endDate) / NO_OF_DAYS_IN_WEEK);\n}\n\nexport function getDaysBetween(startDate, endDate) {\n\tlet millisecondsPerDay = SEC_IN_DAY * NO_OF_MILLIS;\n\treturn (treatAsUtc(endDate) - treatAsUtc(startDate)) / millisecondsPerDay;\n}\n\nexport function areInSameMonth(startDate, endDate) {\n\treturn startDate.getMonth() === endDate.getMonth()\n\t\t&& startDate.getFullYear() === endDate.getFullYear();\n}\n\nexport function getMonthName(i, short=false) {\n\tlet monthName = MONTH_NAMES[i];\n\treturn short ? monthName.slice(0, 3) : monthName;\n}\n\nexport function getLastDateInMonth (month, year) {\n\treturn new Date(year, month + 1, 0); // 0: last day in previous month\n}\n\n// mutates\nexport function setDayToSunday(date) {\n\tlet newDate = clone(date);\n\tconst day = newDate.getDay();\n\tif(day !== 0) {\n\t\taddDays(newDate, (-1) * day);\n\t}\n\treturn newDate;\n}\n\n// mutates\nexport function addDays(date, numberOfDays) {\n\tdate.setDate(date.getDate() + numberOfDays);\n}\n","import { makeSVGGroup } from '../utils/draw';\nimport { makeText, makePath, xLine, yLine, yMarker, yRegion, datasetBar, datasetDot, percentageBar, getPaths, heatSquare } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { translateHoriLine, translateVertLine, animateRegion, animateBar,\n\tanimateDot, animatePath, animatePathStr } from '../utils/animate';\nimport { getMonthName } from '../utils/date-utils';\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\t\tthis.labels = [];\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(this.layerClass, this.layerTransform, parent);\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\tthis.labels.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\tpercentageBars: {\n\t\tlayerClass: 'percentage-bars',\n\t\tmakeElements(data) {\n\t\t\treturn data.xPositions.map((x, i) =>{\n\t\t\t\tlet y = 0;\n\t\t\t\tlet bar = percentageBar(x, y, data.widths[i],\n\t\t\t\t\tthis.constants.barHeight, this.constants.barDepth, data.colors[i]);\n\t\t\t\treturn bar;\n\t\t\t});\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tif(newData) return [];\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\theatDomain: {\n\t\tlayerClass: function() { return 'heat-domain domain-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet {index, colWidth, rowHeight, squareSize, xTranslate} = this.constants;\n\t\t\tlet monthNameHeight = -12;\n\t\t\tlet x = xTranslate, y = 0;\n\n\t\t\tthis.serializedSubDomains = [];\n\n\t\t\tdata.cols.map((week, weekNo) => {\n\t\t\t\tif(weekNo === 1) {\n\t\t\t\t\tthis.labels.push(\n\t\t\t\t\t\tmakeText('domain-name', x, monthNameHeight, getMonthName(index, true).toUpperCase(),\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tfontSize: 9\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t)\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tweek.map((day, i) => {\n\t\t\t\t\tif(day.fill) {\n\t\t\t\t\t\tlet data = {\n\t\t\t\t\t\t\t'data-date': day.yyyyMmDd,\n\t\t\t\t\t\t\t'data-value': day.dataValue,\n\t\t\t\t\t\t\t'data-day': i\n\t\t\t\t\t\t};\n\t\t\t\t\t\tlet square = heatSquare('day', x, y, squareSize, day.fill, data);\n\t\t\t\t\t\tthis.serializedSubDomains.push(square);\n\t\t\t\t\t}\n\t\t\t\t\ty += rowHeight;\n\t\t\t\t});\n\t\t\t\ty = 0;\n\t\t\t\tx += colWidth;\n\t\t\t});\n\n\t\t\treturn this.serializedSubDomains;\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tif(newData) return [];\n\t\t}\n\t},\n\n\tbarGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-bars dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'bar';\n\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\treturn datasetBar(\n\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\ty,\n\t\t\t\t\tdata.barWidth,\n\t\t\t\t\tc.color,\n\t\t\t\t\tdata.labels[j],\n\t\t\t\t\tj,\n\t\t\t\t\tdata.offsets[j],\n\t\t\t\t\t{\n\t\t\t\t\t\tzeroLine: data.zeroLine,\n\t\t\t\t\t\tbarsWidth: data.barsWidth,\n\t\t\t\t\t\tminHeight: c.minHeight\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t});\n\t\t\treturn this.units;\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newOffsets = newData.offsets;\n\t\t\tlet newLabels = newData.labels;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldOffsets = this.oldData.offsets;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldOffsets, newOffsets] = equilizeNoOfElements(oldOffsets, newOffsets);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\toffsets: oldOffsets,\n\t\t\t\tlabels: newLabels,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tbarsWidth: this.oldData.barsWidth,\n\t\t\t\tbarWidth: this.oldData.barWidth,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((bar, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateBar(\n\t\t\t\t\tbar, newXPos[i], newYPos[i], newData.barWidth, newOffsets[i],\n\t\t\t\t\t{zeroLine: newData.zeroLine}\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tlineGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-line dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'dot';\n\t\t\tthis.paths = {};\n\t\t\tif(!c.hideLine) {\n\t\t\t\tthis.paths = getPaths(\n\t\t\t\t\tdata.xPositions,\n\t\t\t\t\tdata.yPositions,\n\t\t\t\t\tc.color,\n\t\t\t\t\t{\n\t\t\t\t\t\theatline: c.heatline,\n\t\t\t\t\t\tregionFill: c.regionFill\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tsvgDefs: c.svgDefs,\n\t\t\t\t\t\tzeroLine: data.zeroLine\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tthis.units = [];\n\t\t\tif(!c.hideDots) {\n\t\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\t\treturn datasetDot(\n\t\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\t\ty,\n\t\t\t\t\t\tdata.radius,\n\t\t\t\t\t\tc.color,\n\t\t\t\t\t\t(c.valuesOverPoints ? data.values[j] : ''),\n\t\t\t\t\t\tj\n\t\t\t\t\t);\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn Object.values(this.paths).concat(this.units);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newValues = newData.values;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldValues = this.oldData.values;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldValues, newValues] = equilizeNoOfElements(oldValues, newValues);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\tvalues: newValues,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tradius: this.oldData.radius,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tif(Object.keys(this.paths).length) {\n\t\t\t\tanimateElements = animateElements.concat(animatePath(\n\t\t\t\t\tthis.paths, newXPos, newYPos, newData.zeroLine));\n\t\t\t}\n\n\t\t\tif(this.units.length) {\n\t\t\t\tthis.units.map((dot, i) => {\n\t\t\t\t\tanimateElements = animateElements.concat(animateDot(\n\t\t\t\t\t\tdot, newXPos[i], newYPos[i]));\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn animateElements;\n\t\t}\n\t}\n};\n\nexport function getComponent(name, constants, getData) {\n\tlet keys = Object.keys(componentConfigs).filter(k => name.includes(k));\n\tlet config = componentConfigs[keys[0]];\n\tObject.assign(config, {\n\t\tconstants: constants,\n\t\tgetData: getData\n\t});\n\treturn new ChartComponent(config);\n}\n","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 isInRange(val, min, max) {\n\treturn val > min && val < max;\n}\n\nexport function isInRange2D(coord, minCoord, maxCoord) {\n\treturn isInRange(coord[0], minCoord[0], maxCoord[0])\n\t\t&& isInRange(coord[1], minCoord[1], maxCoord[1]);\n}\n\nexport function getClosestInArray(goal, arr, index = false) {\n\tlet closest = arr.reduce(function(prev, curr) {\n\t\treturn (Math.abs(curr - goal) < Math.abs(prev - goal) ? curr : prev);\n\t});\n\n\treturn index ? arr.indexOf(closest) : closest;\n}\n\nexport function calcDistribution(values, distributionSize) {\n\t// Assume non-negative values,\n\t// implying distribution minimum at zero\n\n\tlet dataMaxValue = Math.max(...values);\n\n\tlet distributionStep = 1 / (distributionSize - 1);\n\tlet distribution = [];\n\n\tfor(var i = 0; i < distributionSize; i++) {\n\t\tlet checkpoint = dataMaxValue * (distributionStep * i);\n\t\tdistribution.push(checkpoint);\n\t}\n\n\treturn distribution;\n}\n\nexport function getMaxCheckpoint(value, distribution) {\n\treturn distribution.filter(d => d < value).length;\n}\n","import { fillArray } from '../utils/helpers';\nimport { DEFAULT_AXIS_CHART_TYPE, AXIS_DATASET_CHART_TYPES, DEFAULT_CHAR_WIDTH } from '../utils/constants';\n\nexport function dataPrep(data, type) {\n\tdata.labels = data.labels || [];\n\n\tlet datasetLength = data.labels.length;\n\n\t// Datasets\n\tlet datasets = data.datasets;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\tif(!datasets) {\n\t\t// default\n\t\tdatasets = [{\n\t\t\tvalues: zeroArray\n\t\t}];\n\t}\n\n\tdatasets.map(d=> {\n\t\t// Set values\n\t\tif(!d.values) {\n\t\t\td.values = zeroArray;\n\t\t} else {\n\t\t\t// Check for non values\n\t\t\tlet vals = d.values;\n\t\t\tvals = vals.map(val => (!isNaN(val) ? val : 0));\n\n\t\t\t// Trim or extend\n\t\t\tif(vals.length > datasetLength) {\n\t\t\t\tvals = vals.slice(0, datasetLength);\n\t\t\t} else {\n\t\t\t\tvals = fillArray(vals, datasetLength - vals.length, 0);\n\t\t\t}\n\t\t}\n\n\t\t// Set labels\n\t\t//\n\n\t\t// Set type\n\t\tif(!d.chartType ) {\n\t\t\tif(!AXIS_DATASET_CHART_TYPES.includes(type)) type === DEFAULT_AXIS_CHART_TYPE;\n\t\t\td.chartType = type;\n\t\t}\n\n\t});\n\n\t// Markers\n\n\t// Regions\n\t// data.yRegions = data.yRegions || [];\n\tif(data.yRegions) {\n\t\tdata.yRegions.map(d => {\n\t\t\tif(d.end < d.start) {\n\t\t\t\t[d.start, d.end] = [d.end, d.start];\n\t\t\t}\n\t\t});\n\t}\n\n\treturn data;\n}\n\nexport function zeroDataPrep(realData) {\n\tlet datasetLength = realData.labels.length;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\n\tlet zeroData = {\n\t\tlabels: realData.labels.slice(0, -1),\n\t\tdatasets: realData.datasets.map(d => {\n\t\t\treturn {\n\t\t\t\tname: '',\n\t\t\t\tvalues: zeroArray.slice(0, -1),\n\t\t\t\tchartType: d.chartType\n\t\t\t};\n\t\t}),\n\t};\n\n\tif(realData.yMarkers) {\n\t\tzeroData.yMarkers = [\n\t\t\t{\n\t\t\t\tvalue: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\tif(realData.yRegions) {\n\t\tzeroData.yRegions = [\n\t\t\t{\n\t\t\t\tstart: 0,\n\t\t\t\tend: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\treturn zeroData;\n}\n\nexport function getShortenedLabels(chartWidth, labels=[], isSeries=true) {\n\tlet allowedSpace = chartWidth / labels.length;\n\tlet allowedLetters = allowedSpace / DEFAULT_CHAR_WIDTH;\n\n\tlet calcLabels = labels.map((label, i) => {\n\t\tlabel += \"\";\n\t\tif(label.length > allowedLetters) {\n\n\t\t\tif(!isSeries) {\n\t\t\t\tif(allowedLetters-3 > 0) {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters-3) + \" ...\";\n\t\t\t\t} else {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters) + '..';\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tlet multiple = Math.ceil(label.length/allowedLetters);\n\t\t\t\tif(i % multiple !== 0) {\n\t\t\t\t\tlabel = \"\";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn label;\n\t});\n\n\treturn calcLabels;\n}\n","import '../css/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\tbar: AxisChart,\n\tline: AxisChart,\n\t// multiaxis: MultiAxisChart,\n\tpercentage: PercentageChart,\n\theatmap: Heatmap,\n\tpie: PieChart\n};\n\nfunction getChartByType(chartType = 'line', parent, options) {\n\tif (chartType === 'axis-mixed') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t}\n\n\tif (!chartTypes[chartType]) {\n\t\tconsole.error(\"Undefined chart type: \" + chartType);\n\t\treturn;\n\t}\n\n\treturn new chartTypes[chartType](parent, options);\n}\n\nclass Chart {\n\tconstructor(parent, options) {\n\t\treturn getChartByType(options.type, parent, options);\n\t}\n}\n\nexport { Chart, PercentageChart, PieChart, Heatmap, AxisChart };","import { $ } from '../utils/dom';\nimport { TOOLTIP_POINTER_TRIANGLE_HEIGHT } from '../utils/constants';\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}\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\t\t- TOOLTIP_POINTER_TRIANGLE_HEIGHT;\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 CSSTEXT = \".chart-container{position:relative;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.graph-svg-tip{position:absolute;z-index:99999;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.graph-svg-tip ul{padding-left:0;display:flex}.graph-svg-tip ol{padding-left:0;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.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)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}\";","import SvgTip from '../objects/SvgTip';\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup, makeText, yLine } from '../utils/draw';\nimport { BASE_MEASURES, getExtraHeight, getExtraWidth, INIT_CHART_UPDATE_TIMEOUT, CHART_POST_ANIMATE_TIMEOUT,\n\tDEFAULT_COLORS} from '../utils/constants';\nimport { getColor, isValidColor } from '../utils/colors';\nimport { runSMILAnimation } from '../utils/animation';\nimport { downloadFile, prepareForExport } from '../utils/export';\n\nexport default class BaseChart {\n\tconstructor(parent, options) {\n\n\t\tthis.parent = typeof parent === 'string'\n\t\t\t? document.querySelector(parent)\n\t\t\t: parent;\n\n\t\tif (!(this.parent instanceof HTMLElement)) {\n\t\t\tthrow new Error('No `parent` element to render on was provided.');\n\t\t}\n\n\t\tthis.rawChartArgs = options;\n\n\t\tthis.title = options.title || '';\n\t\tthis.type = options.type || '';\n\n\t\tthis.realData = this.prepareData(options.data);\n\t\tthis.data = this.prepareFirstData(this.realData);\n\n\t\tthis.colors = this.validateColors(options.colors, this.type);\n\n\t\tthis.config = {\n\t\t\tshowTooltip: 1, // calculate\n\t\t\tshowLegend: 1, // calculate\n\t\t\tisNavigable: options.isNavigable || 0,\n\t\t\tanimate: 1\n\t\t};\n\n\t\tthis.measures = JSON.parse(JSON.stringify(BASE_MEASURES));\n\t\tlet m = this.measures;\n\t\tthis.setMeasures(options);\n\t\tif(!this.title.length) { m.titleHeight = 0; }\n\t\tif(!this.config.showLegend) m.legendHeight = 0;\n\t\tthis.argHeight = options.height || m.baseHeight;\n\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\tprepareData(data) {\n\t\treturn data;\n\t}\n\n\tprepareFirstData(data) {\n\t\treturn data;\n\t}\n\n\tvalidateColors(colors, type) {\n\t\tconst validColors = [];\n\t\tcolors = (colors || []).concat(DEFAULT_COLORS[type]);\n\t\tcolors.forEach((string) => {\n\t\t\tconst color = getColor(string);\n\t\t\tif(!isValidColor(color)) {\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t} else {\n\t\t\t\tvalidColors.push(color);\n\t\t\t}\n\t\t});\n\t\treturn validColors;\n\t}\n\n\tsetMeasures() {\n\t\t// Override measures, including those for title and legend\n\t\t// set config for legend and title\n\t}\n\n\tconfigure() {\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - getExtraHeight(this.measures);\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\t// Has to be called manually\n\tsetup() {\n\t\tthis.makeContainer();\n\t\tthis.updateWidth();\n\t\tthis.makeTooltip();\n\n\t\tthis.draw(false, true);\n\t}\n\n\tmakeContainer() {\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\n\t\tlet args = {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'chart-container'\n\t\t};\n\n\t\tif(this.independentWidth) {\n\t\t\targs.styles = { width: this.independentWidth + 'px' };\n\t\t}\n\n\t\tthis.container = $.create('div', args);\n\t}\n\n\tmakeTooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.container,\n\t\t\tcolors: this.colors\n\t\t});\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {}\n\n\tdraw(onlyWidthChange=false, init=false) {\n\t\tthis.calc(onlyWidthChange);\n\t\tthis.updateWidth();\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.data);}, this.initTimeout);\n\t\t}\n\n\t\tthis.renderLegend();\n\n\t\tthis.setupNavigation(init);\n\t}\n\n\tcalc() {} // builds state\n\n\tupdateWidth() {\n\t\tthis.baseWidth = getElementContentWidth(this.parent);\n\t\tthis.width = this.baseWidth - getExtraWidth(this.measures);\n\t}\n\n\tmakeChartArea() {\n\t\tif(this.svg) {\n\t\t\tthis.container.removeChild(this.svg);\n\t\t}\n\t\tlet m = this.measures;\n\n\t\tthis.svg = makeSVGContainer(\n\t\t\tthis.container,\n\t\t\t'frappe-chart chart',\n\t\t\tthis.baseWidth,\n\t\t\tthis.baseHeight\n\t\t);\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\n\n\t\tif(this.title.length) {\n\t\t\tthis.titleEL = makeText(\n\t\t\t\t'title',\n\t\t\t\tm.margins.left,\n\t\t\t\tm.margins.top,\n\t\t\t\tthis.title,\n\t\t\t\t{\n\t\t\t\t\tfontSize: m.titleFontSize,\n\t\t\t\t\tfill: '#666666',\n\t\t\t\t\tdy: m.titleFontSize\n\t\t\t\t}\n\t\t\t);\n\t\t}\n\n\t\tlet top = m.margins.top + m.titleHeight + m.paddings.top;\n\t\tthis.drawArea = makeSVGGroup(\n\t\t\tthis.type + '-chart chart-draw-area',\n\t\t\t`translate(${m.margins.left + m.paddings.left}, ${top})`\n\t\t);\n\n\t\tif(this.config.showLegend) {\n\t\t\ttop += this.height + m.paddings.bottom;\n\t\t\tthis.legendArea = makeSVGGroup(\n\t\t\t\t'chart-legend',\n\t\t\t\t`translate(${m.margins.left + m.paddings.left}, ${top})`\n\t\t\t);\n\t\t}\n\n\t\tif(this.title.length) { this.svg.appendChild(this.titleEL); }\n\t\tthis.svg.appendChild(this.drawArea);\n\t\tif(this.config.showLegend) { this.svg.appendChild(this.legendArea); }\n\n\t\tthis.updateTipOffset(m.margins.left + m.paddings.left, m.margins.top + m.paddings.top + m.titleHeight);\n\t}\n\n\tupdateTipOffset(x, y) {\n\t\tthis.tip.offset = {\n\t\t\tx: x,\n\t\t\ty: y\n\t\t};\n\t}\n\n\tsetupComponents() { this.components = new Map(); }\n\n\tupdate(data) {\n\t\tif(!data) {\n\t\t\tconsole.error('No data to update.');\n\t\t}\n\t\tthis.data = this.prepareData(data);\n\t\tthis.calc(); // builds state\n\t\tthis.render();\n\t}\n\n\trender(components=this.components, animate=true) {\n\t\tif(this.config.isNavigable) {\n\t\t\t// Remove all existing overlays\n\t\t\tthis.overlays.map(o => o.parentNode.removeChild(o));\n\t\t\t// ref.parentNode.insertBefore(element, ref);\n\t\t}\n\t\tlet elementsToAnimate = [];\n\t\t// Can decouple to this.refreshComponents() first to save animation timeout\n\t\tcomponents.forEach(c => {\n\t\t\telementsToAnimate = elementsToAnimate.concat(c.update(animate));\n\t\t});\n\t\tif(elementsToAnimate.length > 0) {\n\t\t\trunSMILAnimation(this.container, this.svg, elementsToAnimate);\n\t\t\tsetTimeout(() => {\n\t\t\t\tcomponents.forEach(c => c.make());\n\t\t\t\tthis.updateNav();\n\t\t\t}, CHART_POST_ANIMATE_TIMEOUT);\n\t\t} else {\n\t\t\tcomponents.forEach(c => c.make());\n\t\t\tthis.updateNav();\n\t\t}\n\t}\n\n\tupdateNav() {\n\t\tif(this.config.isNavigable) {\n\t\t\tthis.makeOverlay();\n\t\t\tthis.bindUnits();\n\t\t}\n\t}\n\n\trenderLegend() {}\n\n\tsetupNavigation(init=false) {\n\t\tif(!this.config.isNavigable) return;\n\n\t\tif(init) {\n\t\t\tthis.bindOverlay();\n\n\t\t\tthis.keyActions = {\n\t\t\t\t'13': this.onEnterKey.bind(this),\n\t\t\t\t'37': this.onLeftArrow.bind(this),\n\t\t\t\t'38': this.onUpArrow.bind(this),\n\t\t\t\t'39': this.onRightArrow.bind(this),\n\t\t\t\t'40': this.onDownArrow.bind(this),\n\t\t\t};\n\n\t\t\tdocument.addEventListener('keydown', (e) => {\n\t\t\t\tif(isElementInViewport(this.container)) {\n\t\t\t\t\te = e || window.event;\n\t\t\t\t\tif(this.keyActions[e.keyCode]) {\n\t\t\t\t\t\tthis.keyActions[e.keyCode]();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {}\n\tupdateOverlay() {}\n\tbindOverlay() {}\n\tbindUnits() {}\n\n\tonLeftArrow() {}\n\tonRightArrow() {}\n\tonUpArrow() {}\n\tonDownArrow() {}\n\tonEnterKey() {}\n\n\taddDataPoint() {}\n\tremoveDataPoint() {}\n\n\tgetDataPoint() {}\n\tsetCurrentDataPoint() {}\n\n\tupdateDataset() {}\n\n\tboundDrawFn() {\n\t\tthis.draw(true);\n\t}\n\n\tunbindWindowEvents(){\n\t\twindow.removeEventListener('resize', () => this.boundDrawFn.bind(this));\n\t\twindow.removeEventListener('orientationchange', () => this.boundDrawFn.bind(this));\n\t}\n\n\texport() {\n\t\tlet chartSvg = prepareForExport(this.svg);\n\t\tdownloadFile(this.title || 'Chart', [chartSvg]);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { legendDot } from '../utils/draw';\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\n\t\ts.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);\n\n\t\tthis.center = {\n\t\t\tx: this.width / 2,\n\t\t\ty: this.height / 2\n\t\t};\n\t}\n\n\trenderLegend() {\n\t\tlet s = this.state;\n\t\tthis.legendArea.textContent = '';\n\n\t\tthis.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints);\n\n\t\tthis.legendTotals.map((d, i) => {\n\t\t\tlet barWidth = 110;\n\t\t\tlet rect = legendDot(\n\t\t\t\tbarWidth * i + 5,\n\t\t\t\t'0',\n\t\t\t\t5,\n\t\t\t\tthis.colors[i],\n\t\t\t\t`${s.labels[i]}: ${d}`\n\t\t\t);\n\t\t\tthis.legendArea.appendChild(rect);\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { getOffset } from '../utils/dom';\nimport { getComponent } from '../objects/ChartComponents';\nimport { PERCENTAGE_BAR_DEFAULT_HEIGHT, PERCENTAGE_BAR_DEFAULT_DEPTH } from '../utils/constants';\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.barOptions = args.barOptions || {};\n\t\tthis.barOptions.height = this.barOptions.height\n\t\t\t|| PERCENTAGE_BAR_DEFAULT_HEIGHT;\n\t\tthis.barOptions.depth = this.barOptions.depth\n\t\t\t|| PERCENTAGE_BAR_DEFAULT_DEPTH;\n\n\t\tthis.setup();\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'percentageBars',\n\t\t\t\t{\n\t\t\t\t\tbarHeight: this.barOptions.height,\n\t\t\t\t\tbarDepth: this.barOptions.depth,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: s.xPositions,\n\t\t\t\t\t\twidths: s.widths,\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\tcalc() {\n\t\tsuper.calc();\n\t\tlet s = this.state;\n\n\t\ts.xPositions = [];\n\t\ts.widths = [];\n\n\t\tlet xPos = 0;\n\t\ts.sliceTotals.map((value) => {\n\t\t\tlet width = this.width * value / s.grandTotal;\n\t\t\ts.widths.push(width);\n\t\t\ts.xPositions.push(xPos);\n\t\t\txPos += width;\n\t\t});\n\t}\n\n\tmakeDataByIndex() { }\n\n\tbindTooltip() {\n\t\tlet s = this.state;\n\t\tthis.container.addEventListener('mousemove', (e) => {\n\t\t\tlet bars = this.components.get('percentageBars').store;\n\t\t\tlet bar = e.target;\n\t\t\tif(bars.includes(bar)) {\n\n\t\t\t\tlet i = bars.indexOf(bar);\n\t\t\t\tlet gOff = getOffset(this.container), pOff = getOffset(bar);\n\n\t\t\t\tlet x = pOff.left - gOff.left + parseInt(bar.getAttribute('width'))/2;\n\t\t\t\tlet y = pOff.top - gOff.top;\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 fraction = s.sliceTotals[i]/s.grandTotal;\n\n\t\t\t\tthis.tip.setValues(x, y, {name: title, value: (fraction*100).toFixed(1) + \"%\"});\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\t\tthis.init = 1;\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\tcalc() {\n\t\tsuper.calc();\n\t\tlet s = this.state;\n\t\tthis.radius = (this.height > this.width ? this.center.x : this.center.y);\n\n\t\tconst { radius, clockWise } = this;\n\n\t\tconst prevSlicesProperties = s.slicesProperties || [];\n\t\ts.sliceStrings = [];\n\t\ts.slicesProperties = [];\n\t\tlet curAngle = 180 - this.config.startAngle;\n\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tconst startAngle = curAngle;\n\t\t\tconst originDiffAngle = (total / s.grandTotal) * FULL_ANGLE;\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\n\t\t\tconst startPosition = getPositionByAngle(startAngle, radius);\n\t\t\tconst endPosition = getPositionByAngle(endAngle, radius);\n\n\t\t\tconst prevProperty = this.init && prevSlicesProperties[i];\n\n\t\t\tlet curStart,curEnd;\n\t\t\tif(this.init) {\n\t\t\t\tcurStart = prevProperty ? prevProperty.startPosition : startPosition;\n\t\t\t\tcurEnd = prevProperty ? prevProperty.endPosition : startPosition;\n\t\t\t} else {\n\t\t\t\tcurStart = startPosition;\n\t\t\t\tcurEnd = endPosition;\n\t\t\t}\n\t\t\tconst curPath = makeArcPathStr(curStart, curEnd, this.center, this.radius, this.clockWise);\n\n\t\t\ts.sliceStrings.push(curPath);\n\t\t\ts.slicesProperties.push({\n\t\t\t\tstartPosition,\n\t\t\t\tendPosition,\n\t\t\t\tvalue: total,\n\t\t\t\ttotal: s.grandTotal,\n\t\t\t\tstartAngle,\n\t\t\t\tendAngle,\n\t\t\t\tangle: diffAngle\n\t\t\t});\n\n\t\t});\n\t\tthis.init = 0;\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'pieSlices',\n\t\t\t\t{ },\n\t\t\t\tfunction() {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tsliceStrings: s.sliceStrings,\n\t\t\t\t\t\tcolors: this.colors\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tcalTranslateByAngle(property){\n\t\tconst{radius,hoverRadio} = this;\n\t\tconst position = getPositionByAngle(property.startAngle+(property.angle / 2),radius);\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\n\t}\n\n\thoverSlice(path,i,flag,e){\n\t\tif(!path) return;\n\t\tconst color = this.colors[i];\n\t\tif(flag) {\n\t\t\ttransform(path, this.calTranslateByAngle(this.state.slicesProperties[i]));\n\t\t\tpath.style.fill = lightenDarkenColor(color, 50);\n\t\t\tlet g_off = getOffset(this.svg);\n\t\t\tlet x = e.pageX - g_off.left + 10;\n\t\t\tlet y = e.pageY - g_off.top - 10;\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t\t? this.formatted_labels[i] : this.state.labels[i]) + ': ';\n\t\t\tlet percent = (this.state.sliceTotals[i] * 100 / this.state.grandTotal).toFixed(1);\n\t\t\tthis.tip.setValues(x, y, {name: title, value: percent + \"%\"});\n\t\t\tthis.tip.showTip();\n\t\t} else {\n\t\t\ttransform(path,'translate3d(0,0,0)');\n\t\t\tthis.tip.hideTip();\n\t\t\tpath.style.fill = color;\n\t\t}\n\t}\n\n\tbindTooltip() {\n\t\tthis.container.addEventListener('mousemove', this.mouseMove);\n\t\tthis.container.addEventListener('mouseleave', this.mouseLeave);\n\t}\n\n\tmouseMove(e){\n\t\tconst target = e.target;\n\t\tlet slices = this.components.get('pieSlices').store;\n\t\tlet prevIndex = this.curActiveSliceIndex;\n\t\tlet prevAcitve = this.curActiveSlice;\n\t\tif(slices.includes(target)) {\n\t\t\tlet i = slices.indexOf(target);\n\t\t\tthis.hoverSlice(prevAcitve, prevIndex,false);\n\t\t\tthis.curActiveSlice = target;\n\t\t\tthis.curActiveSliceIndex = i;\n\t\t\tthis.hoverSlice(target, i, true, e);\n\t\t} else {\n\t\t\tthis.mouseLeave();\n\t\t}\n\t}\n\n\tmouseLeave(){\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { getComponent } from '../objects/ChartComponents';\nimport { makeText, heatSquare } from '../utils/draw';\nimport { DAY_NAMES_SHORT, addDays, areInSameMonth, getLastDateInMonth, setDayToSunday, getYyyyMmDd, getWeeksBetween, getMonthName, clone,\n\tNO_OF_MILLIS, NO_OF_YEAR_MONTHS, NO_OF_DAYS_IN_WEEK } from '../utils/date-utils';\nimport { calcDistribution, getMaxCheckpoint } from '../utils/intervals';\nimport { getExtraHeight, getExtraWidth, HEATMAP_DISTRIBUTION_SIZE, HEATMAP_SQUARE_SIZE,\n\tHEATMAP_GUTTER_SIZE } from '../utils/constants';\n\nconst COL_WIDTH = HEATMAP_SQUARE_SIZE + HEATMAP_GUTTER_SIZE;\nconst ROW_HEIGHT = COL_WIDTH;\n// const DAY_INCR = 1;\n\nexport default class Heatmap extends BaseChart {\n\tconstructor(parent, options) {\n\t\tsuper(parent, options);\n\t\tthis.type = 'heatmap';\n\n\t\tthis.countLabel = options.countLabel || '';\n\n\t\tlet validStarts = ['Sunday', 'Monday'];\n\t\tlet startSubDomain = validStarts.includes(options.startSubDomain)\n\t\t\t? options.startSubDomain : 'Sunday';\n\t\tthis.startSubDomainIndex = validStarts.indexOf(startSubDomain);\n\n\t\tthis.setup();\n\t}\n\n\tsetMeasures(options) {\n\t\tlet m = this.measures;\n\t\tthis.discreteDomains = options.discreteDomains === 0 ? 0 : 1;\n\n\t\tm.paddings.top = ROW_HEIGHT * 3;\n\t\tm.paddings.bottom = 0;\n\t\tm.legendHeight = ROW_HEIGHT * 2;\n\t\tm.baseHeight = ROW_HEIGHT * NO_OF_DAYS_IN_WEEK\n\t\t\t+ getExtraHeight(m);\n\n\t\tlet d = this.data;\n\t\tlet spacing = this.discreteDomains ? NO_OF_YEAR_MONTHS : 0;\n\t\tthis.independentWidth = (getWeeksBetween(d.start, d.end)\n\t\t\t+ spacing) * COL_WIDTH + m.margins.right + m.margins.left;\n\t}\n\n\tupdateWidth() {\n\t\tlet spacing = this.discreteDomains ? NO_OF_YEAR_MONTHS : 0;\n\t\tthis.baseWidth = (this.state.noOfWeeks + spacing) * COL_WIDTH\n\t\t\t+ getExtraWidth(this.measures);\n\t}\n\n\tprepareData(data=this.data) {\n\t\tif(data.start && data.end && data.start > data.end) {\n\t\t\tthrow new Error('Start date cannot be greater than end date.');\n\t\t}\n\n\t\tif(!data.start) {\n\t\t\tdata.start = new Date();\n\t\t\tdata.start.setFullYear( data.start.getFullYear() - 1 );\n\t\t}\n\t\tif(!data.end) { data.end = new Date(); }\n\t\tdata.dataPoints = data.dataPoints || {};\n\n\t\tif(parseInt(Object.keys(data.dataPoints)[0]) > 100000) {\n\t\t\tlet points = {};\n\t\t\tObject.keys(data.dataPoints).forEach(timestampSec => {\n\t\t\t\tlet date = new Date(timestampSec * NO_OF_MILLIS);\n\t\t\t\tpoints[getYyyyMmDd(date)] = data.dataPoints[timestampSec];\n\t\t\t});\n\t\t\tdata.dataPoints = points;\n\t\t}\n\n\t\treturn data;\n\t}\n\n\tcalc() {\n\t\tlet s = this.state;\n\n\t\ts.start = clone(this.data.start);\n\t\ts.end = clone(this.data.end);\n\n\t\ts.firstWeekStart = clone(s.start);\n\t\ts.noOfWeeks = getWeeksBetween(s.start, s.end);\n\t\ts.distribution = calcDistribution(\n\t\t\tObject.values(this.data.dataPoints), HEATMAP_DISTRIBUTION_SIZE);\n\n\t\ts.domainConfigs = this.getDomains();\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\t\tlet lessCol = this.discreteDomains ? 0 : 1;\n\n\t\tlet componentConfigs = s.domainConfigs.map((config, i) => [\n\t\t\t'heatDomain',\n\t\t\t{\n\t\t\t\tindex: config.index,\n\t\t\t\tcolWidth: COL_WIDTH,\n\t\t\t\trowHeight: ROW_HEIGHT,\n\t\t\t\tsquareSize: HEATMAP_SQUARE_SIZE,\n\t\t\t\txTranslate: s.domainConfigs\n\t\t\t\t\t.filter((config, j) => j < i)\n\t\t\t\t\t.map(config => config.cols.length - lessCol)\n\t\t\t\t\t.reduce((a, b) => a + b, 0)\n\t\t\t\t\t* COL_WIDTH\n\t\t\t},\n\t\t\tfunction() {\n\t\t\t\treturn s.domainConfigs[i];\n\t\t\t}.bind(this)\n\n\t\t]);\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.map((args, i) => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\treturn [args[0] + '-' + i, component];\n\t\t\t})\n\t\t);\n\n\t\tlet y = 0;\n\t\tDAY_NAMES_SHORT.forEach((dayName, i) => {\n\t\t\tif([1, 3, 5].includes(i)) {\n\t\t\t\tlet dayText = makeText('subdomain-name', -COL_WIDTH/2, y, dayName,\n\t\t\t\t\t{\n\t\t\t\t\t\tfontSize: HEATMAP_SQUARE_SIZE,\n\t\t\t\t\t\tdy: 8,\n\t\t\t\t\t\ttextAnchor: 'end'\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t\tthis.drawArea.appendChild(dayText);\n\t\t\t}\n\t\t\ty += ROW_HEIGHT;\n\t\t});\n\t}\n\n\tupdate(data) {\n\t\tif(!data) {\n\t\t\tconsole.error('No data to update.');\n\t\t}\n\n\t\tthis.data = this.prepareData(data);\n\t\tthis.draw();\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {\n\t\tthis.container.addEventListener('mousemove', (e) => {\n\t\t\tthis.components.forEach(comp => {\n\t\t\t\tlet daySquares = comp.store;\n\t\t\t\tlet daySquare = e.target;\n\t\t\t\tif(daySquares.includes(daySquare)) {\n\n\t\t\t\t\tlet count = daySquare.getAttribute('data-value');\n\t\t\t\t\tlet dateParts = daySquare.getAttribute('data-date').split('-');\n\n\t\t\t\t\tlet month = getMonthName(parseInt(dateParts[1])-1, true);\n\n\t\t\t\t\tlet gOff = this.container.getBoundingClientRect(), pOff = daySquare.getBoundingClientRect();\n\n\t\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\t\tlet x = pOff.left - gOff.left + width/2;\n\t\t\t\t\tlet y = pOff.top - gOff.top;\n\t\t\t\t\tlet value = count + ' ' + this.countLabel;\n\t\t\t\t\tlet name = ' on ' + month + ' ' + dateParts[0] + ', ' + dateParts[2];\n\n\t\t\t\t\tthis.tip.setValues(x, y, {name: name, value: value, valueFirst: 1}, []);\n\t\t\t\t\tthis.tip.showTip();\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n\n\trenderLegend() {\n\t\tthis.legendArea.textContent = '';\n\t\tlet x = 0;\n\t\tlet y = ROW_HEIGHT;\n\n\t\tlet lessText = makeText('subdomain-name', x, y, 'Less',\n\t\t\t{\n\t\t\t\tfontSize: HEATMAP_SQUARE_SIZE + 1,\n\t\t\t\tdy: 9\n\t\t\t}\n\t\t);\n\t\tx = (COL_WIDTH * 2) + COL_WIDTH/2;\n\t\tthis.legendArea.appendChild(lessText);\n\n\t\tthis.colors.slice(0, HEATMAP_DISTRIBUTION_SIZE).map((color, i) => {\n\t\t\tconst square = heatSquare('heatmap-legend-unit', x + (COL_WIDTH + 3) * i,\n\t\t\t\ty, HEATMAP_SQUARE_SIZE, color);\n\t\t\tthis.legendArea.appendChild(square);\n\t\t});\n\n\t\tlet moreTextX = x + HEATMAP_DISTRIBUTION_SIZE * (COL_WIDTH + 3) + COL_WIDTH/4;\n\t\tlet moreText = makeText('subdomain-name', moreTextX, y, 'More',\n\t\t\t{\n\t\t\t\tfontSize: HEATMAP_SQUARE_SIZE + 1,\n\t\t\t\tdy: 9\n\t\t\t}\n\t\t);\n\t\tthis.legendArea.appendChild(moreText);\n\t}\n\n\tgetDomains() {\n\t\tlet s = this.state;\n\t\tconst [startMonth, startYear] = [s.start.getMonth(), s.start.getFullYear()];\n\t\tconst [endMonth, endYear] = [s.end.getMonth(), s.end.getFullYear()];\n\n\t\tconst noOfMonths = (endMonth - startMonth + 1) + (endYear - startYear) * 12;\n\n\t\tlet domainConfigs = [];\n\n\t\tlet startOfMonth = clone(s.start);\n\t\tfor(var i = 0; i < noOfMonths; i++) {\n\t\t\tlet endDate = s.end;\n\t\t\tif(!areInSameMonth(startOfMonth, s.end)) {\n\t\t\t\tlet [month, year] = [startOfMonth.getMonth(), startOfMonth.getFullYear()];\n\t\t\t\tendDate = getLastDateInMonth(month, year);\n\t\t\t}\n\t\t\tdomainConfigs.push(this.getDomainConfig(startOfMonth, endDate));\n\n\t\t\taddDays(endDate, 1);\n\t\t\tstartOfMonth = endDate;\n\t\t}\n\n\t\treturn domainConfigs;\n\t}\n\n\tgetDomainConfig(startDate, endDate='') {\n\t\tlet [month, year] = [startDate.getMonth(), startDate.getFullYear()];\n\t\tlet startOfWeek = setDayToSunday(startDate); // TODO: Monday as well\n\t\tendDate = clone(endDate) || getLastDateInMonth(month, year);\n\n\t\tlet domainConfig = {\n\t\t\tindex: month,\n\t\t\tcols: []\n\t\t};\n\n\t\taddDays(endDate, 1);\n\t\tlet noOfMonthWeeks = getWeeksBetween(startOfWeek, endDate);\n\n\t\tlet cols = [], col;\n\t\tfor(var i = 0; i < noOfMonthWeeks; i++) {\n\t\t\tcol = this.getCol(startOfWeek, month);\n\t\t\tcols.push(col);\n\n\t\t\tstartOfWeek = new Date(col[NO_OF_DAYS_IN_WEEK - 1].yyyyMmDd);\n\t\t\taddDays(startOfWeek, 1);\n\t\t}\n\n\t\tif(col[NO_OF_DAYS_IN_WEEK - 1].dataValue !== undefined) {\n\t\t\taddDays(startOfWeek, 1);\n\t\t\tcols.push(this.getCol(startOfWeek, month, true));\n\t\t}\n\n\t\tdomainConfig.cols = cols;\n\n\t\treturn domainConfig;\n\t}\n\n\tgetCol(startDate, month, empty = false) {\n\t\tlet s = this.state;\n\n\t\t// startDate is the start of week\n\t\tlet currentDate = clone(startDate);\n\t\tlet col = [];\n\n\t\tfor(var i = 0; i < NO_OF_DAYS_IN_WEEK; i++, addDays(currentDate, 1)) {\n\t\t\tlet config = {};\n\n\t\t\t// Non-generic adjustment for entire heatmap, needs state\n\t\t\tlet currentDateWithinData = currentDate >= s.start && currentDate <= s.end;\n\n\t\t\tif(empty || currentDate.getMonth() !== month || !currentDateWithinData) {\n\t\t\t\tconfig.yyyyMmDd = getYyyyMmDd(currentDate);\n\t\t\t} else {\n\t\t\t\tconfig = this.getSubDomainConfig(currentDate);\n\t\t\t}\n\t\t\tcol.push(config);\n\t\t}\n\n\t\treturn col;\n\t}\n\n\tgetSubDomainConfig(date) {\n\t\tlet yyyyMmDd = getYyyyMmDd(date);\n\t\tlet dataValue = this.data.dataPoints[yyyyMmDd];\n\t\tlet config = {\n\t\t\tyyyyMmDd: yyyyMmDd,\n\t\t\tdataValue: dataValue || 0,\n\t\t\tfill: this.colors[getMaxCheckpoint(dataValue, this.state.distribution)]\n\t\t};\n\t\treturn config;\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { dataPrep, zeroDataPrep, getShortenedLabels } from '../utils/axis-chart-utils';\nimport { AXIS_LEGEND_BAR_SIZE } from '../utils/constants';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset, fire } from '../utils/dom';\nimport { calcChartIntervals, getIntervalSize, getValueRange, getZeroIndex, scale, getClosestInArray } from '../utils/intervals';\nimport { floatTwo } from '../utils/helpers';\nimport { makeOverlay, updateOverlay, legendBar } 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\tsetMeasures(options) {\n\t\tif(this.data.datasets.length <= 1) {\n\t\t\tthis.config.showLegend = 0;\n\t\t\tthis.measures.paddings.bottom = 30;\n\t\t}\n\t}\n\n\tconfigure(options) {\n\t\tsuper.configure(options);\n\n\t\toptions.axisOptions = options.axisOptions || {};\n\t\toptions.tooltipOptions = options.tooltipOptions || {};\n\n\t\tthis.config.xAxisMode = options.axisOptions.xAxisMode || 'span';\n\t\tthis.config.yAxisMode = options.axisOptions.yAxisMode || 'span';\n\t\tthis.config.xIsSeries = options.axisOptions.xIsSeries || 0;\n\n\t\tthis.config.formatTooltipX = options.tooltipOptions.formatTooltipX;\n\t\tthis.config.formatTooltipY = options.tooltipOptions.formatTooltipY;\n\n\t\tthis.config.valuesOverPoints = options.valuesOverPoints;\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\tthis.makeDataByIndex();\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\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\tmakeDataByIndex() {\n\t\tthis.dataByIndex = {};\n\n\t\tlet s = this.state;\n\n\t\t// let 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\t// formatY = formatY && formatY(s.yAxis.labels[0]) ? formatY : 0;\n\n\t\t// yVal = formatY ? formatY(set.values[i]) : set.values[i]\n\t}\n\n\tbindTooltip() {\n\t\t// NOTE: could be in tooltip itself, as it is a given functionality for its parent\n\t\tthis.container.addEventListener('mousemove', (e) => {\n\t\t\tlet m = this.measures;\n\t\t\tlet o = getOffset(this.container);\n\t\t\tlet relX = e.pageX - o.left - m.margins.left - m.paddings.left;\n\t\t\tlet relY = e.pageY - o.top;\n\n\t\t\tif(relY < this.height + m.titleHeight + m.margins.top + m.paddings.top\n\t\t\t\t&& relY > m.titleHeight + m.margins.top + m.paddings.top) {\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 index = getClosestInArray(relX, s.xAxis.positions, true);\n\n\t\tconsole.log(relX, s.xAxis.positions[index], s.xAxis.positions, this.tip.offset.x);\n\t\tthis.tip.setValues(\n\t\t\ts.xAxis.positions[index] + this.tip.offset.x,\n\t\t\ts.yExtremes[index] + this.tip.offset.y,\n\t\t\t{name: s.xAxis.labels[index], value: ''},\n\t\t\tthis.data.datasets.map((set, i) => {\n\t\t\t\treturn {\n\t\t\t\t\ttitle: set.name,\n\t\t\t\t\tvalue: set.values[index],\n\t\t\t\t\tcolor: this.colors[i],\n\t\t\t\t};\n\t\t\t}),\n\t\t\tindex\n\t\t);\n\n\t\tthis.tip.showTip();\n\t}\n\n\trenderLegend() {\n\t\tlet s = this.data;\n\t\tif(s.datasets.length > 1) {\n\t\t\tthis.legendArea.textContent = '';\n\t\t\ts.datasets.map((d, i) => {\n\t\t\t\tlet barWidth = AXIS_LEGEND_BAR_SIZE;\n\t\t\t\t// let rightEndPoint = this.baseWidth - this.measures.margins.left - this.measures.margins.right;\n\t\t\t\t// let multiplier = s.datasets.length - i;\n\t\t\t\tlet rect = legendBar(\n\t\t\t\t\t// rightEndPoint - multiplier * barWidth,\t// To right align\n\t\t\t\t\tbarWidth * i,\n\t\t\t\t\t'0',\n\t\t\t\t\tbarWidth,\n\t\t\t\t\tthis.colors[i],\n\t\t\t\t\td.name);\n\t\t\t\tthis.legendArea.appendChild(rect);\n\t\t\t});\n\t\t}\n\t}\n\n\n\n\t// Overlay\n\tmakeOverlay() {\n\t\tif(this.init) {\n\t\t\tthis.init = 0;\n\t\t\treturn;\n\t\t}\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\n\t\tthis.overlayGuides = this.dataUnitComponents.map(c => {\n\t\t\treturn {\n\t\t\t\ttype: c.unitType,\n\t\t\t\toverlay: undefined,\n\t\t\t\tunits: c.units,\n\t\t\t};\n\t\t});\n\n\t\tif(this.state.currentIndex === undefined) {\n\t\t\tthis.state.currentIndex = this.state.datasetLength - 1;\n\t\t}\n\n\t\t// Render overlays\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\n\t\t\td.overlay = makeOverlay[d.type](currentUnit);\n\t\t\tthis.drawArea.appendChild(d.overlay);\n\t\t});\n\t}\n\n\tupdateOverlayGuides() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\t}\n\n\tbindOverlay() {\n\t\tthis.parent.addEventListener('data-select', () => {\n\t\t\tthis.updateOverlay();\n\t\t});\n\t}\n\n\tbindUnits() {\n\t\tthis.dataUnitComponents.map(c => {\n\t\t\tc.units.map(unit => {\n\t\t\t\tunit.addEventListener('click', () => {\n\t\t\t\t\tlet index = unit.getAttribute('data-point-index');\n\t\t\t\t\tthis.setCurrentDataPoint(index);\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\n\t\t// Note: Doesn't work as tooltip is absolutely positioned\n\t\tthis.tip.container.addEventListener('click', () => {\n\t\t\tlet index = this.tip.container.getAttribute('data-point-index');\n\t\t\tthis.setCurrentDataPoint(index);\n\t\t});\n\t}\n\n\tupdateOverlay() {\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\tupdateOverlay[d.type](currentUnit, d.overlay);\n\t\t});\n\t}\n\n\tonLeftArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex - 1);\n\t}\n\n\tonRightArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex + 1);\n\t}\n\n\tgetDataPoint(index=this.state.currentIndex) {\n\t\tlet s = this.state;\n\t\tlet data_point = {\n\t\t\tindex: index,\n\t\t\tlabel: s.xAxis.labels[index],\n\t\t\tvalues: s.datasets.map(d => d.values[index])\n\t\t};\n\t\treturn data_point;\n\t}\n\n\tsetCurrentDataPoint(index) {\n\t\tlet s = this.state;\n\t\tindex = parseInt(index);\n\t\tif(index < 0) index = 0;\n\t\tif(index >= s.xAxis.labels.length) index = s.xAxis.labels.length - 1;\n\t\tif(index === s.currentIndex) return;\n\t\ts.currentIndex = index;\n\t\tfire(this.parent, \"data-select\", this.getDataPoint());\n\t}\n\n\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","import * as Charts from './chart';\n\nlet frappe = { };\n\nfrappe.NAME = 'Frappe Charts';\nfrappe.VERSION = '1.0.0';\n\nfrappe = Object.assign({ }, frappe, Charts);\n\nexport default frappe;"],"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","getExtraHeight","m","margins","paddings","titleHeight","legendHeight","getExtraWidth","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","limitColor","r","lightenDarkenColor","color","amt","col","getColor","usePound","slice","num","parseInt","b","g","toString","isValidColor","test","createSVG","tag","o","createElementNS","i","val","appendChild","ref","parentNode","insertBefore","keys","map","style","prop","setAttribute","renderVerticalGradient","svgDefElem","gradientId","setGradientStop","gradElem","offset","opacity","makeSVGContainer","parent","className","width","makeSVGDefs","svgContainer","makeSVGGroup","transform","undefined","args","inside","makePath","pathStr","makeArcPathStr","startPosition","endPosition","center","clockWise","arcStartX","x","arcStartY","arcEndX","arcEndY","makeGradient","lighter","gradientDef","opacities","percentageBar","depth","PERCENTAGE_BAR_DEFAULT_DEPTH","heatSquare","size","data","key","legendBar","label","text","FONT_SIZE","FONT_FILL","group","legendDot","makeText","content","options","fontSize","dy","textAnchor","makeVertLine","y1","y2","stroke","BASE_LINE_COLOR","l","LABEL_MARGIN","line","makeHoriLine","x1","x2","lineType","yLine","pos","mode","AXIS_TICK_LENGTH","xLine","yMarker","labelSvg","yRegion","region","datasetBar","index","meta","minHeight","datasetDot","dot","getPaths","xList","yList","pointsStr","join","path","heatline","gradient_id","svgDefs","paths","regionFill","gradient_id_region","translate","unit","oldCoord","newCoord","duration","old","STD_EASING","translateVertLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","animateBar","bar","nodeName","UNIT_ANIM_DUR","split","animateDot","cx","cy","animatePath","newXList","newYList","pathComponents","animPath","PATH_ANIM_DUR","push","regStartPt","regEndPt","animRegion","animatePathStr","oldPath","animateSVGElement","props","dur","easingType","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","downloadFile","filename","a","createElement","blob","Blob","url","URL","createObjectURL","href","download","click","revokeObjectURL","prepareForExport","svg","clone","classList","add","styleEl","create","CSSTEXT","firstChild","container","innerHTML","treatAsUtc","date","result","Date","setMinutes","getMinutes","getTimezoneOffset","getYyyyMmDd","dd","getDate","mm","getMonth","getFullYear","getTime","getWeeksBetween","startDate","endDate","weekStartDate","setDayToSunday","ceil","getDaysBetween","NO_OF_DAYS_IN_WEEK","millisecondsPerDay","SEC_IN_DAY","NO_OF_MILLIS","areInSameMonth","getMonthName","short","monthName","MONTH_NAMES","getLastDateInMonth","month","year","newDate","day","getDay","addDays","numberOfDays","setDate","getComponent","name","constants","getData","Object","componentConfigs","filter","includes","k","config","assign","ChartComponent","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","getClosestInArray","goal","arr","closest","reduce","prev","curr","calcDistribution","distributionSize","dataMaxValue","distributionStep","distribution","checkpoint","getMaxCheckpoint","dataPrep","labels","datasetLength","datasets","zeroArray","vals","chartType","AXIS_DATASET_CHART_TYPES","yRegions","end","zeroDataPrep","realData","zeroData","yMarkers","getShortenedLabels","chartWidth","isSeries","allowedLetters","DEFAULT_CHAR_WIDTH","getChartByType","AxisChart","chartTypes","error","BASE_MEASURES","INIT_CHART_UPDATE_TIMEOUT","PERCENTAGE_BAR_DEFAULT_HEIGHT","DEFAULT_CHART_COLORS","DEFAULT_COLORS","PI","SvgTip","colors","titleName","titleValue","listValues","titleValueFirst","setup","makeTooltip","calcPosition","this","hideTip","title","dataPointList","addEventListener","set","_this2","li","offsetWidth","offsetHeight","maxLeft","pointer","pointerOffset","valueFirst","refresh","PRESET_COLOR_MAP","makeOverlay","transformValue","overlay","updateOverlay","attributes","attr","specified","nodeValue","BaseChart","HTMLElement","Error","rawChartArgs","prepareData","prepareFirstData","validateColors","isNavigable","measures","JSON","parse","stringify","setMeasures","showLegend","argHeight","baseHeight","state","initTimeout","overlays","configure","validColors","forEach","warn","_this","draw","makeContainer","updateWidth","independentWidth","tip","bindTooltip","onlyWidthChange","init","calc","makeChartArea","setupComponents","components","c","drawArea","render","update","renderLegend","setupNavigation","baseWidth","titleEL","titleFontSize","legendArea","updateTipOffset","Map","animate","make","updateNav","bindUnits","bindOverlay","keyActions","onEnterKey","bind","onLeftArrow","onUpArrow","onRightArrow","onDownArrow","e","_this4","event","keyCode","removeEventListener","_this5","boundDrawFn","chartSvg","AggregationChart","maxSlices","maxLegendPoints","s","sliceTotals","allTotals","total","totals","sort","sumOfRemaining","grandTotal","textContent","legendTotals","_this3","DAY_NAMES_SHORT","layerClass","layerTransform","makeElements","animateElements","store","layer","oldData","sliceStrings","transition","newData","xPositions","widths","barHeight","barDepth","positions","position","newPos","newLabels","oldPos","oldLabels","calcLabels","marker","startPos","endPos","_this6","newStarts","oldStarts","colWidth","rowHeight","squareSize","xTranslate","serializedSubDomains","cols","week","weekNo","toUpperCase","yyyyMmDd","dataValue","square","unitType","units","yPositions","barWidth","offsets","barsWidth","newXPos","newYPos","newOffsets","oldXPos","oldYPos","oldOffsets","hideLine","hideDots","valuesOverPoints","newValues","PercentageChart","barOptions","component","xPos","bars","get","gOff","pOff","formattedLabels","fraction","setValues","showTip","PieChart","mouseMove","mouseLeave","hoverRadio","startAngle","prevSlicesProperties","slicesProperties","curAngle","originDiffAngle","diffAngle","endAngle","prevProperty","curStart","curEnd","curPath","property","flag","calTranslateByAngle","g_off","pageX","pageY","formatted_labels","percent","slices","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","Heatmap","countLabel","validStarts","startSubDomain","startSubDomainIndex","discreteDomains","ROW_HEIGHT","HEATMAP_SQUARE_SIZE","spacing","noOfWeeks","setFullYear","dataPoints","points","timestampSec","firstWeekStart","domainConfigs","getDomains","lessCol","dayName","dayText","daySquares","comp","daySquare","dateParts","lessText","COL_WIDTH","moreText","HEATMAP_DISTRIBUTION_SIZE","startMonth","startYear","noOfMonths","startOfMonth","getDomainConfig","startOfWeek","domainConfig","noOfMonthWeeks","getCol","empty","currentDate","currentDateWithinData","getSubDomainConfig","lineOptions","axisOptions","tooltipOptions","xAxisMode","yAxisMode","xIsSeries","formatTooltipX","formatTooltipY","calcXPositions","calcYAxisParameters","getAllYValues","makeDataByIndex","unitWidth","xOffset","xAxis","dataValues","intervalHeight","calcDatasetPoints","calcYExtremes","calcYRegions","scaleAll","cumulativeYs","stacked","yExtremes","cumulativeYPos","cumulative","allValueLists","barDatasets","lineDatasets","barsConfigs","spaceRatio","p","lineConfigs","dotSize","markerConfigs","optionals","dataUnitComponents","dataByIndex","formatX","titles","relX","relY","mapTooltipXPosition","log","overlayGuides","currentIndex","currentUnit","_this7","setCurrentDataPoint","_this9","_this10","getDataPoint","datasetValues","splice","Chart","frappe","NAME","VERSION","Charts"],"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 897abbd..34d8719 100755 --- a/docs/assets/js/index.js +++ b/docs/assets/js/index.js @@ -29,7 +29,7 @@ let lineCompositeChart = new Chart (c1, { let barCompositeChart = new Chart (c2, { data: barCompositeData, type: 'bar', - height: 190, + height: 210, colors: ['violet', 'light-blue', '#46a9f9'], valuesOverPoints: 1, axisOptions: { @@ -55,7 +55,7 @@ let typeChartArgs = { title: "My Awesome Chart", data: typeData, type: 'axis-mixed', - height: 250, + height: 300, colors: customColors, maxLegendPoints: 6, @@ -139,7 +139,7 @@ let updateData = { let updateChart = new Chart("#chart-update", { data: updateData, type: 'line', - height: 250, + height: 300, colors: ['#ff6c03'], lineOptions: { // hideLine: 1, @@ -198,7 +198,7 @@ let plotChartArgs = { title: "Mean Total Sunspot Count - Yearly", data: trendsData, type: 'line', - height: 250, + height: 300, colors: ['#238e38'], lineOptions: { hideDots: 1, @@ -263,7 +263,7 @@ let eventsChart = new Chart("#chart-events", { title: "Jupiter's Moons: Semi-major Axis (1000 km)", data: eventsData, type: 'bar', - height: 250, + height: 330, colors: ['grey'], isNavigable: 1, }); @@ -286,8 +286,8 @@ let heatmapArgs = { title: "Monthly Distribution", data: heatmapData, type: 'heatmap', - height: 115, discreteDomains: 1, + countLabel: 'Level', colors: HEATMAP_COLORS_BLUE, legendScale: [0, 1, 2, 4, 5] }; diff --git a/docs/assets/js/index.min.js b/docs/assets/js/index.min.js index 77f7641..aa1ff03 100644 --- a/docs/assets/js/index.min.js +++ b/docs/assets/js/index.min.js @@ -39,9 +39,6 @@ function __$styleInject(css, ref) { - - - var HEATMAP_COLORS_BLUE = ['#ebedf0', '#c0ddf9', '#73b3f3', '#3886e1', '#17459e']; var HEATMAP_COLORS_YELLOW = ['#ebedf0', '#fdf436', '#ffc700', '#ff9100', '#06001c']; @@ -319,7 +316,7 @@ var lineCompositeChart = new Chart(c1, { var barCompositeChart = new Chart(c2, { data: barCompositeData, type: 'bar', - height: 190, + height: 210, colors: ['violet', 'light-blue', '#46a9f9'], valuesOverPoints: 1, axisOptions: { @@ -343,7 +340,7 @@ var typeChartArgs = { title: "My Awesome Chart", data: typeData, type: 'axis-mixed', - height: 250, + height: 300, colors: customColors, maxLegendPoints: 6, @@ -430,7 +427,7 @@ var updateData = { var updateChart = new Chart("#chart-update", { data: updateData, type: 'line', - height: 250, + height: 300, colors: ['#ff6c03'], lineOptions: { // hideLine: 1, @@ -483,7 +480,7 @@ var plotChartArgs = { title: "Mean Total Sunspot Count - Yearly", data: trendsData, type: 'line', - height: 250, + height: 300, colors: ['#238e38'], lineOptions: { hideDots: 1, @@ -543,7 +540,7 @@ var eventsChart = new Chart("#chart-events", { title: "Jupiter's Moons: Semi-major Axis (1000 km)", data: eventsData, type: 'bar', - height: 250, + height: 330, colors: ['grey'], isNavigable: 1 }); @@ -566,8 +563,8 @@ var heatmapArgs = { title: "Monthly Distribution", data: heatmapData, type: 'heatmap', - height: 115, discreteDomains: 1, + countLabel: 'Level', colors: HEATMAP_COLORS_BLUE, legendScale: [0, 1, 2, 4, 5] }; diff --git a/docs/assets/js/index.min.js.map b/docs/assets/js/index.min.js.map index 6053b2d..c9952a4 100644 --- a/docs/assets/js/index.min.js.map +++ b/docs/assets/js/index.min.js.map @@ -1 +1 @@ -{"version":3,"file":"index.min.js","sources":["../../../src/js/utils/constants.js","../../../src/js/utils/helpers.js","../../../src/js/utils/date-utils.js","data.js","index.js"],"sourcesContent":["export const ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\n\nexport const COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\n\theatmap: []\n};\n\nexport const DATA_COLOR_DIVISIONS = {\n\tbar: 'datasets',\n\tline: 'datasets',\n\tpie: 'labels',\n\tpercentage: 'labels',\n\theatmap: HEATMAP_DISTRIBUTION_SIZE\n};\n\nexport const BASE_CHART_TOP_MARGIN = 10;\nexport const BASE_CHART_LEFT_MARGIN = 20;\nexport const BASE_CHART_RIGHT_MARGIN = 20;\n\nexport const Y_AXIS_LEFT_MARGIN = 60;\nexport const Y_AXIS_RIGHT_MARGIN = 40;\n\nexport const INIT_CHART_UPDATE_TIMEOUT = 700;\nexport const CHART_POST_ANIMATE_TIMEOUT = 400;\n\nexport const DEFAULT_AXIS_CHART_TYPE = 'line';\nexport const AXIS_DATASET_CHART_TYPES = ['line', 'bar'];\n\nexport const AXIS_LEGEND_BAR_SIZE = 100;\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 PERCENTAGE_BAR_DEFAULT_HEIGHT = 20;\nexport const PERCENTAGE_BAR_DEFAULT_DEPTH = 2;\n\n// Fixed 5-color theme,\n// More colors are difficult to parse visually\nexport const HEATMAP_DISTRIBUTION_SIZE = 5;\n\nexport const HEATMAP_LEFT_MARGIN = 50;\nexport const HEATMAP_TOP_MARGIN = 25;\n\nexport const HEATMAP_SQUARE_SIZE = 10;\nexport const HEATMAP_GUTTER_SIZE = 2;\n\nexport const DEFAULT_CHAR_WIDTH = 7;\n\nexport const TOOLTIP_POINTER_TRIANGLE_HEIGHT = 5;\n\nconst DEFAULT_CHART_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey'];\nconst HEATMAP_COLORS_GREEN = ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\nexport const HEATMAP_COLORS_BLUE = ['#ebedf0', '#c0ddf9', '#73b3f3', '#3886e1', '#17459e'];\nexport const HEATMAP_COLORS_YELLOW = ['#ebedf0', '#fdf436', '#ffc700', '#ff9100', '#06001c'];\n\nexport const DEFAULT_COLORS = {\n\tbar: DEFAULT_CHART_COLORS,\n\tline: DEFAULT_CHART_COLORS,\n\tpie: DEFAULT_CHART_COLORS,\n\tpercentage: DEFAULT_CHART_COLORS,\n\theatmap: HEATMAP_COLORS_GREEN\n};\n\n// Universal constants\nexport const ANGLE_RATIO = Math.PI / 180;\nexport const FULL_ANGLE = 360;\n","import { ANGLE_RATIO } from './constants';\n\n/**\n * Returns the value of a number upto 2 decimal places.\n * @param {Number} d Any number\n */\nexport function floatTwo(d) {\n\treturn parseFloat(d.toFixed(2));\n}\n\n/**\n * Returns whether or not two given arrays are equal.\n * @param {Array} arr1 First array\n * @param {Array} arr2 Second array\n */\nexport function arraysEqual(arr1, arr2) {\n\tif(arr1.length !== arr2.length) return false;\n\tlet areEqual = true;\n\tarr1.map((d, i) => {\n\t\tif(arr2[i] !== d) areEqual = false;\n\t});\n\treturn areEqual;\n}\n\n/**\n * Shuffles array in place. ES6 version\n * @param {Array} array An array containing the items.\n */\nexport function shuffle(array) {\n\t// Awesomeness: https://bost.ocks.org/mike/shuffle/\n\t// https://stackoverflow.com/a/2450976/6495043\n\t// https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array?noredirect=1&lq=1\n\n\tfor (let i = array.length - 1; i > 0; i--) {\n\t\tlet j = Math.floor(Math.random() * (i + 1));\n\t\t[array[i], array[j]] = [array[j], array[i]];\n\t}\n\n\treturn array;\n}\n\n/**\n * Fill an array with extra points\n * @param {Array} array Array\n * @param {Number} count number of filler elements\n * @param {Object} element element to fill with\n * @param {Boolean} start fill at start?\n */\nexport function fillArray(array, count, element, start=false) {\n\tif(!element) {\n\t\telement = start ? array[0] : array[array.length - 1];\n\t}\n\tlet fillerArray = new Array(Math.abs(count)).fill(element);\n\tarray = start ? fillerArray.concat(array) : array.concat(fillerArray);\n\treturn array;\n}\n\n/**\n * Returns pixel width of string.\n * @param {String} string\n * @param {Number} charWidth Width of single char in pixels\n */\nexport function getStringWidth(string, charWidth) {\n\treturn (string+\"\").length * charWidth;\n}\n\nexport function bindChange(obj, getFn, setFn) {\n\treturn new Proxy(obj, {\n\t\tset: function(target, prop, value) {\n\t\t\tsetFn();\n\t\t\treturn Reflect.set(target, prop, value);\n\t\t},\n\t\tget: function(target, prop) {\n\t\t\tgetFn();\n\t\t\treturn Reflect.get(target, prop);\n\t\t}\n\t});\n}\n\n// https://stackoverflow.com/a/29325222\nexport function getRandomBias(min, max, bias, influence) {\n\tconst range = max - min;\n\tconst biasValue = range * bias + min;\n\tvar rnd = Math.random() * range + min,\t\t// random in range\n\t\tmix = Math.random() * influence;\t\t// random mixer\n\treturn rnd * (1 - mix) + biasValue * mix;\t// mix full range and bias\n}\n\nexport function getPositionByAngle(angle, radius) {\n\treturn {\n\t\tx: Math.sin(angle * ANGLE_RATIO) * radius,\n\t\ty: Math.cos(angle * ANGLE_RATIO) * radius,\n\t};\n}\n","// Playing around with dates\n\nexport const NO_OF_YEAR_MONTHS = 12;\nexport const NO_OF_DAYS_IN_WEEK = 7;\nexport const DAYS_IN_YEAR = 375;\nexport const NO_OF_MILLIS = 1000;\nexport const SEC_IN_DAY = 86400;\n\nexport const MONTH_NAMES = [\"January\", \"February\", \"March\", \"April\", \"May\",\n\t\"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\"];\nexport const MONTH_NAMES_SHORT = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\",\n\t\"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"];\n\nexport const DAY_NAMES_SHORT = [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\"];\nexport const DAY_NAMES = [\"Sunday\", \"Monday\", \"Tuesday\", \"Wednesday\",\n\t\"Thursday\", \"Friday\", \"Saturday\"];\n\n// https://stackoverflow.com/a/11252167/6495043\nfunction treatAsUtc(date) {\n\tlet result = new Date(date);\n\tresult.setMinutes(result.getMinutes() - result.getTimezoneOffset());\n\treturn result;\n}\n\nexport function getYyyyMmDd(date) {\n\tlet dd = date.getDate();\n\tlet mm = date.getMonth() + 1; // getMonth() is zero-based\n\treturn [\n\t\tdate.getFullYear(),\n\t\t(mm>9 ? '' : '0') + mm,\n\t\t(dd>9 ? '' : '0') + dd\n\t].join('-');\n}\n\nexport function clone(date) {\n\treturn new Date(date.getTime());\n}\n\nexport function timestampSec(date) {\n\treturn date.getTime()/NO_OF_MILLIS;\n}\n\nexport function timestampToMidnight(timestamp, roundAhead = false) {\n\tlet midnightTs = Math.floor(timestamp - (timestamp % SEC_IN_DAY));\n\tif(roundAhead) {\n\t\treturn midnightTs + SEC_IN_DAY;\n\t}\n\treturn midnightTs;\n}\n\n// export function getMonthsBetween(startDate, endDate) {}\n\nexport function getWeeksBetween(startDate, endDate) {\n\tlet weekStartDate = setDayToSunday(startDate);\n\treturn Math.ceil(getDaysBetween(weekStartDate, endDate) / NO_OF_DAYS_IN_WEEK);\n}\n\nexport function getDaysBetween(startDate, endDate) {\n\tlet millisecondsPerDay = SEC_IN_DAY * NO_OF_MILLIS;\n\treturn (treatAsUtc(endDate) - treatAsUtc(startDate)) / millisecondsPerDay;\n}\n\nexport function areInSameMonth(startDate, endDate) {\n\treturn startDate.getMonth() === endDate.getMonth()\n\t\t&& startDate.getFullYear() === endDate.getFullYear();\n}\n\nexport function getMonthName(i, short=false) {\n\tlet monthName = MONTH_NAMES[i];\n\treturn short ? monthName.slice(0, 3) : monthName;\n}\n\nexport function getLastDateInMonth (month, year) {\n\treturn new Date(year, month + 1, 0); // 0: last day in previous month\n}\n\n// mutates\nexport function setDayToSunday(date) {\n\tlet newDate = clone(date);\n\tconst day = newDate.getDay();\n\tif(day !== 0) {\n\t\taddDays(newDate, (-1) * day);\n\t}\n\treturn newDate;\n}\n\n// mutates\nexport function addDays(date, numberOfDays) {\n\tdate.setDate(date.getDate() + numberOfDays);\n}\n","import { SEC_IN_DAY, MONTH_NAMES_SHORT, clone, timestampToMidnight, timestampSec, addDays } from '../../../src/js/utils/date-utils';\nimport { getRandomBias } from '../../../src/js/utils/helpers';\n\n// Composite Chart\n// ================================================================================\nconst reportCountList = [152, 222, 199, 287, 534, 709,\n\t1179, 1256, 1632, 1856, 1850];\n\nexport const lineCompositeData = {\n\tlabels: [\"2007\", \"2008\", \"2009\", \"2010\", \"2011\", \"2012\",\n\t\t\"2013\", \"2014\", \"2015\", \"2016\", \"2017\"],\n\n\tyMarkers: [\n\t\t{\n\t\t\tlabel: \"Average 100 reports/month\",\n\t\t\tvalue: 1200,\n\t\t}\n\t],\n\n\tdatasets: [{\n\t\t\"name\": \"Events\",\n\t\t\"values\": reportCountList\n\t}]\n};\n\n\nexport const fireball_5_25 = [\n\t[4, 0, 3, 1, 1, 2, 1, 1, 1, 0, 1, 1],\n\t[2, 3, 3, 2, 1, 3, 0, 1, 2, 7, 10, 4],\n\t[5, 6, 2, 4, 0, 1, 4, 3, 0, 2, 0, 1],\n\t[0, 2, 6, 2, 1, 1, 2, 3, 6, 3, 7, 8],\n\t[6, 8, 7, 7, 4, 5, 6, 5, 22, 12, 10, 11],\n\t[7, 10, 11, 7, 3, 2, 7, 7, 11, 15, 22, 20],\n\t[13, 16, 21, 18, 19, 17, 12, 17, 31, 28, 25, 29],\n\t[24, 14, 21, 14, 11, 15, 19, 21, 41, 22, 32, 18],\n\t[31, 20, 30, 22, 14, 17, 21, 35, 27, 50, 117, 24],\n\t[32, 24, 21, 27, 11, 27, 43, 37, 44, 40, 48, 32],\n\t[31, 38, 36, 26, 23, 23, 25, 29, 26, 47, 61, 50],\n];\nexport const fireball_2_5 = [\n\t[22, 6, 6, 9, 7, 8, 6, 14, 19, 10, 8, 20],\n\t[11, 13, 12, 8, 9, 11, 9, 13, 10, 22, 40, 24],\n\t[20, 13, 13, 19, 13, 10, 14, 13, 20, 18, 5, 9],\n\t[7, 13, 16, 19, 12, 11, 21, 27, 27, 24, 33, 33],\n\t[38, 25, 28, 22, 31, 21, 35, 42, 37, 32, 46, 53],\n\t[50, 33, 36, 34, 35, 28, 27, 52, 58, 59, 75, 69],\n\t[54, 67, 67, 45, 66, 51, 38, 64, 90, 113, 116, 87],\n\t[84, 52, 56, 51, 55, 46, 50, 87, 114, 83, 152, 93],\n\t[73, 58, 59, 63, 56, 51, 83, 140, 103, 115, 265, 89],\n\t[106, 95, 94, 71, 77, 75, 99, 136, 129, 154, 168, 156],\n\t[81, 102, 95, 72, 58, 91, 89, 122, 124, 135, 183, 171],\n];\nexport const fireballOver25 = [\n\t// [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],\n\t[0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0],\n\t[0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0],\n\t[1, 1, 0, 0, 0, 0, 1, 0, 1, 0, 0, 0],\n\t[0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 2],\n\t[3, 2, 1, 3, 2, 0, 2, 2, 2, 3, 0, 1],\n\t[2, 3, 5, 2, 1, 3, 0, 2, 3, 5, 1, 4],\n\t[7, 4, 6, 1, 9, 2, 2, 2, 20, 9, 4, 9],\n\t[5, 6, 1, 2, 5, 4, 5, 5, 16, 9, 14, 9],\n\t[5, 4, 7, 5, 1, 5, 3, 3, 5, 7, 22, 2],\n\t[5, 13, 11, 6, 1, 7, 9, 8, 14, 17, 16, 3],\n\t[8, 9, 8, 6, 4, 8, 5, 6, 14, 11, 21, 12]\n];\n\nexport const barCompositeData = {\n\tlabels: MONTH_NAMES_SHORT,\n\tdatasets: [\n\t\t{\n\t\t\tname: \"Over 25 reports\",\n\t\t\tvalues: fireballOver25[9],\n\t\t},\n\t\t{\n\t\t\tname: \"5 to 25 reports\",\n\t\t\tvalues: fireball_5_25[9],\n\t\t},\n\t\t{\n\t\t\tname: \"2 to 5 reports\",\n\t\t\tvalues: fireball_2_5[9]\n\t\t}\n\t]\n};\n\n// Demo Chart multitype Chart\n// ================================================================================\nexport const typeData = {\n\tlabels: [\"12am-3am\", \"3am-6am\", \"6am-9am\", \"9am-12pm\",\n\t\t\"12pm-3pm\", \"3pm-6pm\", \"6pm-9pm\", \"9pm-12am\"],\n\n\tyMarkers: [\n\t\t{\n\t\t\tlabel: \"Marker\",\n\t\t\tvalue: 43,\n\t\t\t// type: 'dashed'\n\t\t}\n\t],\n\n\tyRegions: [\n\t\t{\n\t\t\tlabel: \"Region\",\n\t\t\tstart: -10,\n\t\t\tend: 50\n\t\t},\n\t],\n\n\tdatasets: [\n\t\t{\n\t\t\tname: \"Some Data\",\n\t\t\tvalues: [18, 40, 30, 35, 8, 52, 17, -4],\n\t\t\taxisPosition: 'right',\n\t\t\tchartType: 'bar'\n\t\t},\n\t\t{\n\t\t\tname: \"Another Set\",\n\t\t\tvalues: [30, 50, -10, 15, 18, 32, 27, 14],\n\t\t\taxisPosition: 'right',\n\t\t\tchartType: 'bar'\n\t\t},\n\t\t{\n\t\t\tname: \"Yet Another\",\n\t\t\tvalues: [15, 20, -3, -15, 58, 12, -17, 37],\n\t\t\tchartType: 'line'\n\t\t}\n\t]\n};\n\nexport const trendsData = {\n\tlabels: [1967, 1968, 1969, 1970, 1971, 1972, 1973, 1974, 1975, 1976,\n\t\t1977, 1978, 1979, 1980, 1981, 1982, 1983, 1984, 1985, 1986,\n\t\t1987, 1988, 1989, 1990, 1991, 1992, 1993, 1994, 1995, 1996,\n\t\t1997, 1998, 1999, 2000, 2001, 2002, 2003, 2004, 2005, 2006,\n\t\t2007, 2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016] ,\n\tdatasets: [\n\t\t{\n\t\t\tvalues: [132.9, 150.0, 149.4, 148.0, 94.4, 97.6, 54.1, 49.2, 22.5, 18.4,\n\t\t\t\t39.3, 131.0, 220.1, 218.9, 198.9, 162.4, 91.0, 60.5, 20.6, 14.8,\n\t\t\t\t33.9, 123.0, 211.1, 191.8, 203.3, 133.0, 76.1, 44.9, 25.1, 11.6,\n\t\t\t\t28.9, 88.3, 136.3, 173.9, 170.4, 163.6, 99.3, 65.3, 45.8, 24.7,\n\t\t\t\t12.6, 4.2, 4.8, 24.9, 80.8, 84.5, 94.0, 113.3, 69.8, 39.8]\n\t\t}\n\t]\n};\n\nexport const moonData = {\n\tnames: [\"Ganymede\", \"Callisto\", \"Io\", \"Europa\"],\n\tmasses: [14819000, 10759000, 8931900, 4800000],\n\tdistances: [1070.412, 1882.709, 421.700, 671.034],\n\tdiameters: [5262.4, 4820.6, 3637.4, 3121.6],\n};\n\n// const jupiterMoons = {\n// \t'Ganymede': {\n// \t\tmass: '14819000 x 10^16 kg',\n// \t\t'semi-major-axis': '1070412 km',\n// \t\t'diameter': '5262.4 km'\n// \t},\n// \t'Callisto': {\n// \t\tmass: '10759000 x 10^16 kg',\n// \t\t'semi-major-axis': '1882709 km',\n// \t\t'diameter': '4820.6 km'\n// \t},\n// \t'Io': {\n// \t\tmass: '8931900 x 10^16 kg',\n// \t\t'semi-major-axis': '421700 km',\n// \t\t'diameter': '3637.4 km'\n// \t},\n// \t'Europa': {\n// \t\tmass: '4800000 x 10^16 kg',\n// \t\t'semi-major-axis': '671034 km',\n// \t\t'diameter': '3121.6 km'\n// \t},\n// };\n\n// ================================================================================\n\nlet today = new Date();\nlet start = clone(today);\naddDays(start, 4);\nlet end = clone(start);\nstart.setFullYear( start.getFullYear() - 2 );\nend.setFullYear( end.getFullYear() - 1 );\n\nexport let dataPoints = {};\n\nlet startTs = timestampSec(start);\nlet endTs = timestampSec(end);\n\nstartTs = timestampToMidnight(startTs);\nendTs = timestampToMidnight(endTs, true);\n\nwhile (startTs < endTs) {\n\tdataPoints[parseInt(startTs)] = Math.floor(getRandomBias(0, 5, 0.2, 1));\n\tstartTs += SEC_IN_DAY;\n}\n\nexport const heatmapData = {\n\tdataPoints: dataPoints,\n\tstart: start,\n\tend: end\n};\n","import { shuffle } from '../../../src/js/utils/helpers';\nimport { HEATMAP_COLORS_YELLOW, HEATMAP_COLORS_BLUE } from '../../../src/js/utils/constants';\nimport { fireballOver25, fireball_2_5, fireball_5_25, lineCompositeData,\n\tbarCompositeData, typeData, trendsData, moonData, heatmapData } from './data';\n\n// ================================================================================\n\nlet c1 = document.querySelector(\"#chart-composite-1\");\nlet c2 = document.querySelector(\"#chart-composite-2\");\n\nlet Chart = frappe.Chart; // eslint-disable-line no-undef\n\nlet lineCompositeChart = new Chart (c1, {\n\ttitle: \"Fireball/Bolide Events - Yearly (reported)\",\n\tdata: lineCompositeData,\n\ttype: 'line',\n\theight: 190,\n\tcolors: ['green'],\n\tisNavigable: 1,\n\tvaluesOverPoints: 1,\n\n\tlineOptions: {\n\t\tdotSize: 8\n\t},\n\t// yAxisMode: 'tick'\n\t// regionFill: 1\n});\n\nlet barCompositeChart = new Chart (c2, {\n\tdata: barCompositeData,\n\ttype: 'bar',\n\theight: 190,\n\tcolors: ['violet', 'light-blue', '#46a9f9'],\n\tvaluesOverPoints: 1,\n\taxisOptions: {\n\t\txAxisMode: 'tick'\n\t},\n\tbarOptions: {\n\t\tstacked: 1\n\t},\n\n});\n\nlineCompositeChart.parent.addEventListener('data-select', (e) => {\n\tlet i = e.index;\n\tbarCompositeChart.updateDatasets([\n\t\tfireballOver25[i], fireball_5_25[i], fireball_2_5[i]\n\t]);\n});\n\n// ================================================================================\n\nlet customColors = ['purple', 'magenta', 'light-blue'];\nlet typeChartArgs = {\n\ttitle: \"My Awesome Chart\",\n\tdata: typeData,\n\ttype: 'axis-mixed',\n\theight: 250,\n\tcolors: customColors,\n\n\tmaxLegendPoints: 6,\n\tmaxSlices: 10,\n\n\ttooltipOptions: {\n\t\tformatTooltipX: d => (d + '').toUpperCase(),\n\t\tformatTooltipY: d => d + ' pts',\n\t}\n};\n\nlet aggrChart = new Chart(\"#chart-aggr\", typeChartArgs);\n\nArray.prototype.slice.call(\n\tdocument.querySelectorAll('.aggr-type-buttons button')\n).map(el => {\n\tel.addEventListener('click', (e) => {\n\t\tlet btn = e.target;\n\t\tlet type = btn.getAttribute('data-type');\n\t\ttypeChartArgs.type = type;\n\t\tif(type !== 'axis-mixed') {\n\t\t\ttypeChartArgs.colors = undefined;\n\t\t} else {\n\t\t\ttypeChartArgs.colors = customColors;\n\t\t}\n\n\t\tlet newChart = new Chart(\"#chart-aggr\", typeChartArgs);\n\t\tif(newChart){\n\t\t\taggrChart = newChart;\n\t\t}\n\t\tArray.prototype.slice.call(\n\t\t\tbtn.parentNode.querySelectorAll('button')).map(el => {\n\t\t\tel.classList.remove('active');\n\t\t});\n\t\tbtn.classList.add('active');\n\t});\n});\n\ndocument.querySelector('.export-aggr').addEventListener('click', () => {\n\taggrChart.export();\n});\n\n// Update values chart\n// ================================================================================\nlet updateDataAllLabels = [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\", \"Sun\", \"Mon\", \"Tue\",\n\t\"Wed\", \"Thu\", \"Fri\", \"Sat\", \"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\",\n\t\"Sat\", \"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\", \"Sun\", \"Mon\"];\n\nlet getRandom = () => Math.floor(Math.random() * 75 - 15);\nlet updateDataAllValues = Array.from({length: 30}, getRandom);\n\n// We're gonna be shuffling this\nlet updateDataAllIndices = updateDataAllLabels.map((d,i) => i);\n\nlet getUpdateData = (source_array, length=10) => {\n\tlet indices = updateDataAllIndices.slice(0, length);\n\treturn indices.map((index) => source_array[index]);\n};\n\nlet updateData = {\n\tlabels: getUpdateData(updateDataAllLabels),\n\tdatasets: [{\n\t\t\"values\": getUpdateData(updateDataAllValues)\n\t}],\n\tyMarkers: [\n\t\t{\n\t\t\tlabel: \"Altitude\",\n\t\t\tvalue: 25,\n\t\t\ttype: 'dashed'\n\t\t}\n\t],\n\tyRegions: [\n\t\t{\n\t\t\tlabel: \"Range\",\n\t\t\tstart: 10,\n\t\t\tend: 45\n\t\t},\n\t],\n};\n\nlet updateChart = new Chart(\"#chart-update\", {\n\tdata: updateData,\n\ttype: 'line',\n\theight: 250,\n\tcolors: ['#ff6c03'],\n\tlineOptions: {\n\t\t// hideLine: 1,\n\t\tregionFill: 1\n\t},\n});\n\nlet chartUpdateButtons = document.querySelector('.chart-update-buttons');\n\nchartUpdateButtons.querySelector('[data-update=\"random\"]').addEventListener(\"click\", () => {\n\tshuffle(updateDataAllIndices);\n\tlet value = getRandom();\n\tlet start = getRandom();\n\tlet end = getRandom();\n\tlet data = {\n\t\tlabels: updateDataAllLabels.slice(0, 10),\n\t\tdatasets: [{values: getUpdateData(updateDataAllValues)}],\n\t\tyMarkers: [\n\t\t\t{\n\t\t\t\tlabel: \"Altitude\",\n\t\t\t\tvalue: value,\n\t\t\t\ttype: 'dashed'\n\t\t\t}\n\t\t],\n\t\tyRegions: [\n\t\t\t{\n\t\t\t\tlabel: \"Range\",\n\t\t\t\tstart: start,\n\t\t\t\tend: end\n\t\t\t},\n\t\t],\n\t};\n\tupdateChart.update(data);\n});\n\nchartUpdateButtons.querySelector('[data-update=\"add\"]').addEventListener(\"click\", () => {\n\tlet index = updateChart.state.datasetLength; // last index to add\n\tif(index >= updateDataAllIndices.length) return;\n\tupdateChart.addDataPoint(\n\t\tupdateDataAllLabels[index], [updateDataAllValues[index]]\n\t);\n});\n\nchartUpdateButtons.querySelector('[data-update=\"remove\"]').addEventListener(\"click\", () => {\n\tupdateChart.removeDataPoint();\n});\n\ndocument.querySelector('.export-update').addEventListener('click', () => {\n\tupdateChart.export();\n});\n\n// Trends Chart\n// ================================================================================\n\nlet plotChartArgs = {\n\ttitle: \"Mean Total Sunspot Count - Yearly\",\n\tdata: trendsData,\n\ttype: 'line',\n\theight: 250,\n\tcolors: ['#238e38'],\n\tlineOptions: {\n\t\thideDots: 1,\n\t\theatline: 1,\n\t},\n\taxisOptions: {\n\t\txAxisMode: 'tick',\n\t\tyAxisMode: 'span',\n\t\txIsSeries: 1\n\t}\n};\n\nlet trendsChart = new Chart(\"#chart-trends\", plotChartArgs);\n\nArray.prototype.slice.call(\n\tdocument.querySelectorAll('.chart-plot-buttons button')\n).map(el => {\n\tel.addEventListener('click', (e) => {\n\t\tlet btn = e.target;\n\t\tlet type = btn.getAttribute('data-type');\n\t\tlet config = {};\n\t\tconfig[type] = 1;\n\n\t\tif(['regionFill', 'heatline'].includes(type)) {\n\t\t\tconfig.hideDots = 1;\n\t\t}\n\n\t\t// plotChartArgs.init = false;\n\t\tplotChartArgs.lineOptions = config;\n\n\t\tnew Chart(\"#chart-trends\", plotChartArgs);\n\n\t\tArray.prototype.slice.call(\n\t\t\tbtn.parentNode.querySelectorAll('button')).map(el => {\n\t\t\tel.classList.remove('active');\n\t\t});\n\t\tbtn.classList.add('active');\n\t});\n});\n\ndocument.querySelector('.export-trends').addEventListener('click', () => {\n\ttrendsChart.export();\n});\n\n\n// Event chart\n// ================================================================================\n\n\n\nlet eventsData = {\n\tlabels: [\"Ganymede\", \"Callisto\", \"Io\", \"Europa\"],\n\tdatasets: [\n\t\t{\n\t\t\t\"values\": moonData.distances,\n\t\t\t\"formatted\": moonData.distances.map(d => d*1000 + \" km\")\n\t\t}\n\t]\n};\n\nlet eventsChart = new Chart(\"#chart-events\", {\n\ttitle: \"Jupiter's Moons: Semi-major Axis (1000 km)\",\n\tdata: eventsData,\n\ttype: 'bar',\n\theight: 250,\n\tcolors: ['grey'],\n\tisNavigable: 1,\n});\n\nlet dataDiv = document.querySelector('.chart-events-data');\n\neventsChart.parent.addEventListener('data-select', (e) => {\n\tlet name = moonData.names[e.index];\n\tdataDiv.querySelector('.moon-name').innerHTML = name;\n\tdataDiv.querySelector('.semi-major-axis').innerHTML = moonData.distances[e.index] * 1000;\n\tdataDiv.querySelector('.mass').innerHTML = moonData.masses[e.index];\n\tdataDiv.querySelector('.diameter').innerHTML = moonData.diameters[e.index];\n\tdataDiv.querySelector('img').src = \"./assets/img/\" + name.toLowerCase() + \".jpg\";\n});\n\n// Heatmap\n// ================================================================================\n\nlet heatmapArgs = {\n\ttitle: \"Monthly Distribution\",\n\tdata: heatmapData,\n\ttype: 'heatmap',\n\theight: 115,\n\tdiscreteDomains: 1,\n\tcolors: HEATMAP_COLORS_BLUE,\n\tlegendScale: [0, 1, 2, 4, 5]\n};\nlet heatmapChart = new Chart(\"#chart-heatmap\", heatmapArgs);\n\nArray.prototype.slice.call(\n\tdocument.querySelectorAll('.heatmap-mode-buttons button')\n).map(el => {\n\tel.addEventListener('click', (e) => {\n\t\tlet btn = e.target;\n\t\tlet mode = btn.getAttribute('data-mode');\n\t\tlet discreteDomains = 0;\n\n\t\tif(mode === 'discrete') {\n\t\t\tdiscreteDomains = 1;\n\t\t}\n\n\t\tlet colors = [];\n\t\tlet colors_mode = document\n\t\t\t.querySelector('.heatmap-color-buttons .active')\n\t\t\t.getAttribute('data-color');\n\t\tif(colors_mode === 'halloween') {\n\t\t\tcolors = HEATMAP_COLORS_YELLOW;\n\t\t} else if (colors_mode === 'blue') {\n\t\t\tcolors = HEATMAP_COLORS_BLUE;\n\t\t}\n\n\t\theatmapArgs.discreteDomains = discreteDomains;\n\t\theatmapArgs.colors = colors;\n\t\tnew Chart(\"#chart-heatmap\", heatmapArgs);\n\n\t\tArray.prototype.slice.call(\n\t\t\tbtn.parentNode.querySelectorAll('button')).map(el => {\n\t\t\tel.classList.remove('active');\n\t\t});\n\t\tbtn.classList.add('active');\n\t});\n});\n\nArray.prototype.slice.call(\n\tdocument.querySelectorAll('.heatmap-color-buttons button')\n).map(el => {\n\tel.addEventListener('click', (e) => {\n\t\tlet btn = e.target;\n\t\tlet colors_mode = btn.getAttribute('data-color');\n\t\tlet colors = [];\n\n\t\tif(colors_mode === 'halloween') {\n\t\t\tcolors = HEATMAP_COLORS_YELLOW;\n\t\t} else if (colors_mode === 'blue') {\n\t\t\tcolors = HEATMAP_COLORS_BLUE;\n\t\t}\n\n\t\tlet discreteDomains = 1;\n\n\t\tlet view_mode = document\n\t\t\t.querySelector('.heatmap-mode-buttons .active')\n\t\t\t.getAttribute('data-mode');\n\t\tif(view_mode === 'continuous') {\n\t\t\tdiscreteDomains = 0;\n\t\t}\n\n\t\theatmapArgs.discreteDomains = discreteDomains;\n\t\theatmapArgs.colors = colors;\n\t\tnew Chart(\"#chart-heatmap\", heatmapArgs);\n\n\t\tArray.prototype.slice.call(\n\t\t\tbtn.parentNode.querySelectorAll('button')).map(el => {\n\t\t\tel.classList.remove('active');\n\t\t});\n\t\tbtn.classList.add('active');\n\t});\n});\n\ndocument.querySelector('.export-heatmap').addEventListener('click', () => {\n\theatmapChart.export();\n});\n"],"names":["HEATMAP_COLORS_BLUE","HEATMAP_COLORS_YELLOW","shuffle","array","i","length","j","Math","floor","random","getRandomBias","min","max","bias","influence","range","biasValue","rnd","mix","NO_OF_MILLIS","SEC_IN_DAY","MONTH_NAMES_SHORT","clone","date","Date","getTime","timestampSec","timestampToMidnight","timestamp","roundAhead","midnightTs","addDays","numberOfDays","setDate","getDate","reportCountList","lineCompositeData","fireball_5_25","fireball_2_5","fireballOver25","barCompositeData","typeData","trendsData","moonData","today","start","end","setFullYear","getFullYear","dataPoints","startTs","endTs","parseInt","heatmapData","c1","document","querySelector","c2","Chart","frappe","lineCompositeChart","barCompositeChart","parent","addEventListener","e","index","updateDatasets","customColors","typeChartArgs","d","toUpperCase","aggrChart","Array","prototype","slice","call","querySelectorAll","map","btn","target","type","getAttribute","colors","undefined","newChart","parentNode","classList","remove","add","export","updateDataAllLabels","getRandom","updateDataAllValues","from","updateDataAllIndices","getUpdateData","source_array","indices","updateData","updateChart","chartUpdateButtons","value","data","values","update","state","datasetLength","addDataPoint","removeDataPoint","plotChartArgs","trendsChart","config","includes","hideDots","lineOptions","eventsData","distances","eventsChart","dataDiv","name","names","innerHTML","masses","diameters","src","toLowerCase","heatmapArgs","heatmapChart","mode","discreteDomains","colors_mode","view_mode"],"mappings":"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"} \ No newline at end of file +{"version":3,"file":"index.min.js","sources":["../../../src/js/utils/constants.js","../../../src/js/utils/helpers.js","../../../src/js/utils/date-utils.js","data.js","index.js"],"sourcesContent":["export const ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\n\nexport const COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\n\theatmap: []\n};\n\nexport const DATA_COLOR_DIVISIONS = {\n\tbar: 'datasets',\n\tline: 'datasets',\n\tpie: 'labels',\n\tpercentage: 'labels',\n\theatmap: HEATMAP_DISTRIBUTION_SIZE\n};\n\nexport const BASE_MEASURES = {\n\tmargins: {\n\t\ttop: 10,\n\t\tbottom: 10,\n\t\tleft: 20,\n\t\tright: 20\n\t},\n\tpaddings: {\n\t\ttop: 20,\n\t\tbottom: 40,\n\t\tleft: 30,\n\t\tright: 10\n\t},\n\n\tbaseHeight: 240,\n\ttitleHeight: 20,\n\tlegendHeight: 30,\n\n\ttitleFontSize: 12,\n};\n\nexport function getExtraHeight(m) {\n\tlet totalExtraHeight = m.margins.top + m.margins.bottom\n\t\t+ m.paddings.top + m.paddings.bottom\n\t\t+ m.titleHeight + m.legendHeight;\n\treturn totalExtraHeight;\n}\n\nexport function getExtraWidth(m) {\n\tlet totalExtraWidth = m.margins.left + m.margins.right\n\t\t+ m.paddings.left + m.paddings.right;\n\n\treturn totalExtraWidth;\n}\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 AXIS_LEGEND_BAR_SIZE = 100;\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 PERCENTAGE_BAR_DEFAULT_HEIGHT = 20;\nexport const PERCENTAGE_BAR_DEFAULT_DEPTH = 2;\n\n// Fixed 5-color theme,\n// More colors are difficult to parse visually\nexport const HEATMAP_DISTRIBUTION_SIZE = 5;\n\nexport const HEATMAP_SQUARE_SIZE = 10;\nexport const HEATMAP_GUTTER_SIZE = 2;\n\nexport const DEFAULT_CHAR_WIDTH = 7;\n\nexport const TOOLTIP_POINTER_TRIANGLE_HEIGHT = 5;\n\nconst DEFAULT_CHART_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey'];\nconst HEATMAP_COLORS_GREEN = ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\nexport const HEATMAP_COLORS_BLUE = ['#ebedf0', '#c0ddf9', '#73b3f3', '#3886e1', '#17459e'];\nexport const HEATMAP_COLORS_YELLOW = ['#ebedf0', '#fdf436', '#ffc700', '#ff9100', '#06001c'];\n\nexport const DEFAULT_COLORS = {\n\tbar: DEFAULT_CHART_COLORS,\n\tline: DEFAULT_CHART_COLORS,\n\tpie: DEFAULT_CHART_COLORS,\n\tpercentage: DEFAULT_CHART_COLORS,\n\theatmap: HEATMAP_COLORS_GREEN\n};\n\n// Universal constants\nexport const ANGLE_RATIO = Math.PI / 180;\nexport const FULL_ANGLE = 360;\n","import { ANGLE_RATIO } from './constants';\n\n/**\n * Returns the value of a number upto 2 decimal places.\n * @param {Number} d Any number\n */\nexport function floatTwo(d) {\n\treturn parseFloat(d.toFixed(2));\n}\n\n/**\n * Returns whether or not two given arrays are equal.\n * @param {Array} arr1 First array\n * @param {Array} arr2 Second array\n */\nexport function arraysEqual(arr1, arr2) {\n\tif(arr1.length !== arr2.length) return false;\n\tlet areEqual = true;\n\tarr1.map((d, i) => {\n\t\tif(arr2[i] !== d) areEqual = false;\n\t});\n\treturn areEqual;\n}\n\n/**\n * Shuffles array in place. ES6 version\n * @param {Array} array An array containing the items.\n */\nexport function shuffle(array) {\n\t// Awesomeness: https://bost.ocks.org/mike/shuffle/\n\t// https://stackoverflow.com/a/2450976/6495043\n\t// https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array?noredirect=1&lq=1\n\n\tfor (let i = array.length - 1; i > 0; i--) {\n\t\tlet j = Math.floor(Math.random() * (i + 1));\n\t\t[array[i], array[j]] = [array[j], array[i]];\n\t}\n\n\treturn array;\n}\n\n/**\n * Fill an array with extra points\n * @param {Array} array Array\n * @param {Number} count number of filler elements\n * @param {Object} element element to fill with\n * @param {Boolean} start fill at start?\n */\nexport function fillArray(array, count, element, start=false) {\n\tif(!element) {\n\t\telement = start ? array[0] : array[array.length - 1];\n\t}\n\tlet fillerArray = new Array(Math.abs(count)).fill(element);\n\tarray = start ? fillerArray.concat(array) : array.concat(fillerArray);\n\treturn array;\n}\n\n/**\n * Returns pixel width of string.\n * @param {String} string\n * @param {Number} charWidth Width of single char in pixels\n */\nexport function getStringWidth(string, charWidth) {\n\treturn (string+\"\").length * charWidth;\n}\n\nexport function bindChange(obj, getFn, setFn) {\n\treturn new Proxy(obj, {\n\t\tset: function(target, prop, value) {\n\t\t\tsetFn();\n\t\t\treturn Reflect.set(target, prop, value);\n\t\t},\n\t\tget: function(target, prop) {\n\t\t\tgetFn();\n\t\t\treturn Reflect.get(target, prop);\n\t\t}\n\t});\n}\n\n// https://stackoverflow.com/a/29325222\nexport function getRandomBias(min, max, bias, influence) {\n\tconst range = max - min;\n\tconst biasValue = range * bias + min;\n\tvar rnd = Math.random() * range + min,\t\t// random in range\n\t\tmix = Math.random() * influence;\t\t// random mixer\n\treturn rnd * (1 - mix) + biasValue * mix;\t// mix full range and bias\n}\n\nexport function getPositionByAngle(angle, radius) {\n\treturn {\n\t\tx: Math.sin(angle * ANGLE_RATIO) * radius,\n\t\ty: Math.cos(angle * ANGLE_RATIO) * radius,\n\t};\n}\n","// Playing around with dates\n\nexport const NO_OF_YEAR_MONTHS = 12;\nexport const NO_OF_DAYS_IN_WEEK = 7;\nexport const DAYS_IN_YEAR = 375;\nexport const NO_OF_MILLIS = 1000;\nexport const SEC_IN_DAY = 86400;\n\nexport const MONTH_NAMES = [\"January\", \"February\", \"March\", \"April\", \"May\",\n\t\"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\"];\nexport const MONTH_NAMES_SHORT = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\",\n\t\"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"];\n\nexport const DAY_NAMES_SHORT = [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\"];\nexport const DAY_NAMES = [\"Sunday\", \"Monday\", \"Tuesday\", \"Wednesday\",\n\t\"Thursday\", \"Friday\", \"Saturday\"];\n\n// https://stackoverflow.com/a/11252167/6495043\nfunction treatAsUtc(date) {\n\tlet result = new Date(date);\n\tresult.setMinutes(result.getMinutes() - result.getTimezoneOffset());\n\treturn result;\n}\n\nexport function getYyyyMmDd(date) {\n\tlet dd = date.getDate();\n\tlet mm = date.getMonth() + 1; // getMonth() is zero-based\n\treturn [\n\t\tdate.getFullYear(),\n\t\t(mm>9 ? '' : '0') + mm,\n\t\t(dd>9 ? '' : '0') + dd\n\t].join('-');\n}\n\nexport function clone(date) {\n\treturn new Date(date.getTime());\n}\n\nexport function timestampSec(date) {\n\treturn date.getTime()/NO_OF_MILLIS;\n}\n\nexport function timestampToMidnight(timestamp, roundAhead = false) {\n\tlet midnightTs = Math.floor(timestamp - (timestamp % SEC_IN_DAY));\n\tif(roundAhead) {\n\t\treturn midnightTs + SEC_IN_DAY;\n\t}\n\treturn midnightTs;\n}\n\n// export function getMonthsBetween(startDate, endDate) {}\n\nexport function getWeeksBetween(startDate, endDate) {\n\tlet weekStartDate = setDayToSunday(startDate);\n\treturn Math.ceil(getDaysBetween(weekStartDate, endDate) / NO_OF_DAYS_IN_WEEK);\n}\n\nexport function getDaysBetween(startDate, endDate) {\n\tlet millisecondsPerDay = SEC_IN_DAY * NO_OF_MILLIS;\n\treturn (treatAsUtc(endDate) - treatAsUtc(startDate)) / millisecondsPerDay;\n}\n\nexport function areInSameMonth(startDate, endDate) {\n\treturn startDate.getMonth() === endDate.getMonth()\n\t\t&& startDate.getFullYear() === endDate.getFullYear();\n}\n\nexport function getMonthName(i, short=false) {\n\tlet monthName = MONTH_NAMES[i];\n\treturn short ? monthName.slice(0, 3) : monthName;\n}\n\nexport function getLastDateInMonth (month, year) {\n\treturn new Date(year, month + 1, 0); // 0: last day in previous month\n}\n\n// mutates\nexport function setDayToSunday(date) {\n\tlet newDate = clone(date);\n\tconst day = newDate.getDay();\n\tif(day !== 0) {\n\t\taddDays(newDate, (-1) * day);\n\t}\n\treturn newDate;\n}\n\n// mutates\nexport function addDays(date, numberOfDays) {\n\tdate.setDate(date.getDate() + numberOfDays);\n}\n","import { SEC_IN_DAY, MONTH_NAMES_SHORT, clone, timestampToMidnight, timestampSec, addDays } from '../../../src/js/utils/date-utils';\nimport { getRandomBias } from '../../../src/js/utils/helpers';\n\n// Composite Chart\n// ================================================================================\nconst reportCountList = [152, 222, 199, 287, 534, 709,\n\t1179, 1256, 1632, 1856, 1850];\n\nexport const lineCompositeData = {\n\tlabels: [\"2007\", \"2008\", \"2009\", \"2010\", \"2011\", \"2012\",\n\t\t\"2013\", \"2014\", \"2015\", \"2016\", \"2017\"],\n\n\tyMarkers: [\n\t\t{\n\t\t\tlabel: \"Average 100 reports/month\",\n\t\t\tvalue: 1200,\n\t\t}\n\t],\n\n\tdatasets: [{\n\t\t\"name\": \"Events\",\n\t\t\"values\": reportCountList\n\t}]\n};\n\n\nexport const fireball_5_25 = [\n\t[4, 0, 3, 1, 1, 2, 1, 1, 1, 0, 1, 1],\n\t[2, 3, 3, 2, 1, 3, 0, 1, 2, 7, 10, 4],\n\t[5, 6, 2, 4, 0, 1, 4, 3, 0, 2, 0, 1],\n\t[0, 2, 6, 2, 1, 1, 2, 3, 6, 3, 7, 8],\n\t[6, 8, 7, 7, 4, 5, 6, 5, 22, 12, 10, 11],\n\t[7, 10, 11, 7, 3, 2, 7, 7, 11, 15, 22, 20],\n\t[13, 16, 21, 18, 19, 17, 12, 17, 31, 28, 25, 29],\n\t[24, 14, 21, 14, 11, 15, 19, 21, 41, 22, 32, 18],\n\t[31, 20, 30, 22, 14, 17, 21, 35, 27, 50, 117, 24],\n\t[32, 24, 21, 27, 11, 27, 43, 37, 44, 40, 48, 32],\n\t[31, 38, 36, 26, 23, 23, 25, 29, 26, 47, 61, 50],\n];\nexport const fireball_2_5 = [\n\t[22, 6, 6, 9, 7, 8, 6, 14, 19, 10, 8, 20],\n\t[11, 13, 12, 8, 9, 11, 9, 13, 10, 22, 40, 24],\n\t[20, 13, 13, 19, 13, 10, 14, 13, 20, 18, 5, 9],\n\t[7, 13, 16, 19, 12, 11, 21, 27, 27, 24, 33, 33],\n\t[38, 25, 28, 22, 31, 21, 35, 42, 37, 32, 46, 53],\n\t[50, 33, 36, 34, 35, 28, 27, 52, 58, 59, 75, 69],\n\t[54, 67, 67, 45, 66, 51, 38, 64, 90, 113, 116, 87],\n\t[84, 52, 56, 51, 55, 46, 50, 87, 114, 83, 152, 93],\n\t[73, 58, 59, 63, 56, 51, 83, 140, 103, 115, 265, 89],\n\t[106, 95, 94, 71, 77, 75, 99, 136, 129, 154, 168, 156],\n\t[81, 102, 95, 72, 58, 91, 89, 122, 124, 135, 183, 171],\n];\nexport const fireballOver25 = [\n\t// [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],\n\t[0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0],\n\t[0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0],\n\t[1, 1, 0, 0, 0, 0, 1, 0, 1, 0, 0, 0],\n\t[0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 2],\n\t[3, 2, 1, 3, 2, 0, 2, 2, 2, 3, 0, 1],\n\t[2, 3, 5, 2, 1, 3, 0, 2, 3, 5, 1, 4],\n\t[7, 4, 6, 1, 9, 2, 2, 2, 20, 9, 4, 9],\n\t[5, 6, 1, 2, 5, 4, 5, 5, 16, 9, 14, 9],\n\t[5, 4, 7, 5, 1, 5, 3, 3, 5, 7, 22, 2],\n\t[5, 13, 11, 6, 1, 7, 9, 8, 14, 17, 16, 3],\n\t[8, 9, 8, 6, 4, 8, 5, 6, 14, 11, 21, 12]\n];\n\nexport const barCompositeData = {\n\tlabels: MONTH_NAMES_SHORT,\n\tdatasets: [\n\t\t{\n\t\t\tname: \"Over 25 reports\",\n\t\t\tvalues: fireballOver25[9],\n\t\t},\n\t\t{\n\t\t\tname: \"5 to 25 reports\",\n\t\t\tvalues: fireball_5_25[9],\n\t\t},\n\t\t{\n\t\t\tname: \"2 to 5 reports\",\n\t\t\tvalues: fireball_2_5[9]\n\t\t}\n\t]\n};\n\n// Demo Chart multitype Chart\n// ================================================================================\nexport const typeData = {\n\tlabels: [\"12am-3am\", \"3am-6am\", \"6am-9am\", \"9am-12pm\",\n\t\t\"12pm-3pm\", \"3pm-6pm\", \"6pm-9pm\", \"9pm-12am\"],\n\n\tyMarkers: [\n\t\t{\n\t\t\tlabel: \"Marker\",\n\t\t\tvalue: 43,\n\t\t\t// type: 'dashed'\n\t\t}\n\t],\n\n\tyRegions: [\n\t\t{\n\t\t\tlabel: \"Region\",\n\t\t\tstart: -10,\n\t\t\tend: 50\n\t\t},\n\t],\n\n\tdatasets: [\n\t\t{\n\t\t\tname: \"Some Data\",\n\t\t\tvalues: [18, 40, 30, 35, 8, 52, 17, -4],\n\t\t\taxisPosition: 'right',\n\t\t\tchartType: 'bar'\n\t\t},\n\t\t{\n\t\t\tname: \"Another Set\",\n\t\t\tvalues: [30, 50, -10, 15, 18, 32, 27, 14],\n\t\t\taxisPosition: 'right',\n\t\t\tchartType: 'bar'\n\t\t},\n\t\t{\n\t\t\tname: \"Yet Another\",\n\t\t\tvalues: [15, 20, -3, -15, 58, 12, -17, 37],\n\t\t\tchartType: 'line'\n\t\t}\n\t]\n};\n\nexport const trendsData = {\n\tlabels: [1967, 1968, 1969, 1970, 1971, 1972, 1973, 1974, 1975, 1976,\n\t\t1977, 1978, 1979, 1980, 1981, 1982, 1983, 1984, 1985, 1986,\n\t\t1987, 1988, 1989, 1990, 1991, 1992, 1993, 1994, 1995, 1996,\n\t\t1997, 1998, 1999, 2000, 2001, 2002, 2003, 2004, 2005, 2006,\n\t\t2007, 2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016] ,\n\tdatasets: [\n\t\t{\n\t\t\tvalues: [132.9, 150.0, 149.4, 148.0, 94.4, 97.6, 54.1, 49.2, 22.5, 18.4,\n\t\t\t\t39.3, 131.0, 220.1, 218.9, 198.9, 162.4, 91.0, 60.5, 20.6, 14.8,\n\t\t\t\t33.9, 123.0, 211.1, 191.8, 203.3, 133.0, 76.1, 44.9, 25.1, 11.6,\n\t\t\t\t28.9, 88.3, 136.3, 173.9, 170.4, 163.6, 99.3, 65.3, 45.8, 24.7,\n\t\t\t\t12.6, 4.2, 4.8, 24.9, 80.8, 84.5, 94.0, 113.3, 69.8, 39.8]\n\t\t}\n\t]\n};\n\nexport const moonData = {\n\tnames: [\"Ganymede\", \"Callisto\", \"Io\", \"Europa\"],\n\tmasses: [14819000, 10759000, 8931900, 4800000],\n\tdistances: [1070.412, 1882.709, 421.700, 671.034],\n\tdiameters: [5262.4, 4820.6, 3637.4, 3121.6],\n};\n\n// const jupiterMoons = {\n// \t'Ganymede': {\n// \t\tmass: '14819000 x 10^16 kg',\n// \t\t'semi-major-axis': '1070412 km',\n// \t\t'diameter': '5262.4 km'\n// \t},\n// \t'Callisto': {\n// \t\tmass: '10759000 x 10^16 kg',\n// \t\t'semi-major-axis': '1882709 km',\n// \t\t'diameter': '4820.6 km'\n// \t},\n// \t'Io': {\n// \t\tmass: '8931900 x 10^16 kg',\n// \t\t'semi-major-axis': '421700 km',\n// \t\t'diameter': '3637.4 km'\n// \t},\n// \t'Europa': {\n// \t\tmass: '4800000 x 10^16 kg',\n// \t\t'semi-major-axis': '671034 km',\n// \t\t'diameter': '3121.6 km'\n// \t},\n// };\n\n// ================================================================================\n\nlet today = new Date();\nlet start = clone(today);\naddDays(start, 4);\nlet end = clone(start);\nstart.setFullYear( start.getFullYear() - 2 );\nend.setFullYear( end.getFullYear() - 1 );\n\nexport let dataPoints = {};\n\nlet startTs = timestampSec(start);\nlet endTs = timestampSec(end);\n\nstartTs = timestampToMidnight(startTs);\nendTs = timestampToMidnight(endTs, true);\n\nwhile (startTs < endTs) {\n\tdataPoints[parseInt(startTs)] = Math.floor(getRandomBias(0, 5, 0.2, 1));\n\tstartTs += SEC_IN_DAY;\n}\n\nexport const heatmapData = {\n\tdataPoints: dataPoints,\n\tstart: start,\n\tend: end\n};\n","import { shuffle } from '../../../src/js/utils/helpers';\nimport { HEATMAP_COLORS_YELLOW, HEATMAP_COLORS_BLUE } from '../../../src/js/utils/constants';\nimport { fireballOver25, fireball_2_5, fireball_5_25, lineCompositeData,\n\tbarCompositeData, typeData, trendsData, moonData, heatmapData } from './data';\n\n// ================================================================================\n\nlet c1 = document.querySelector(\"#chart-composite-1\");\nlet c2 = document.querySelector(\"#chart-composite-2\");\n\nlet Chart = frappe.Chart; // eslint-disable-line no-undef\n\nlet lineCompositeChart = new Chart (c1, {\n\ttitle: \"Fireball/Bolide Events - Yearly (reported)\",\n\tdata: lineCompositeData,\n\ttype: 'line',\n\theight: 190,\n\tcolors: ['green'],\n\tisNavigable: 1,\n\tvaluesOverPoints: 1,\n\n\tlineOptions: {\n\t\tdotSize: 8\n\t},\n\t// yAxisMode: 'tick'\n\t// regionFill: 1\n});\n\nlet barCompositeChart = new Chart (c2, {\n\tdata: barCompositeData,\n\ttype: 'bar',\n\theight: 210,\n\tcolors: ['violet', 'light-blue', '#46a9f9'],\n\tvaluesOverPoints: 1,\n\taxisOptions: {\n\t\txAxisMode: 'tick'\n\t},\n\tbarOptions: {\n\t\tstacked: 1\n\t},\n\n});\n\nlineCompositeChart.parent.addEventListener('data-select', (e) => {\n\tlet i = e.index;\n\tbarCompositeChart.updateDatasets([\n\t\tfireballOver25[i], fireball_5_25[i], fireball_2_5[i]\n\t]);\n});\n\n// ================================================================================\n\nlet customColors = ['purple', 'magenta', 'light-blue'];\nlet typeChartArgs = {\n\ttitle: \"My Awesome Chart\",\n\tdata: typeData,\n\ttype: 'axis-mixed',\n\theight: 300,\n\tcolors: customColors,\n\n\tmaxLegendPoints: 6,\n\tmaxSlices: 10,\n\n\ttooltipOptions: {\n\t\tformatTooltipX: d => (d + '').toUpperCase(),\n\t\tformatTooltipY: d => d + ' pts',\n\t}\n};\n\nlet aggrChart = new Chart(\"#chart-aggr\", typeChartArgs);\n\nArray.prototype.slice.call(\n\tdocument.querySelectorAll('.aggr-type-buttons button')\n).map(el => {\n\tel.addEventListener('click', (e) => {\n\t\tlet btn = e.target;\n\t\tlet type = btn.getAttribute('data-type');\n\t\ttypeChartArgs.type = type;\n\t\tif(type !== 'axis-mixed') {\n\t\t\ttypeChartArgs.colors = undefined;\n\t\t} else {\n\t\t\ttypeChartArgs.colors = customColors;\n\t\t}\n\n\t\tlet newChart = new Chart(\"#chart-aggr\", typeChartArgs);\n\t\tif(newChart){\n\t\t\taggrChart = newChart;\n\t\t}\n\t\tArray.prototype.slice.call(\n\t\t\tbtn.parentNode.querySelectorAll('button')).map(el => {\n\t\t\tel.classList.remove('active');\n\t\t});\n\t\tbtn.classList.add('active');\n\t});\n});\n\ndocument.querySelector('.export-aggr').addEventListener('click', () => {\n\taggrChart.export();\n});\n\n// Update values chart\n// ================================================================================\nlet updateDataAllLabels = [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\", \"Sun\", \"Mon\", \"Tue\",\n\t\"Wed\", \"Thu\", \"Fri\", \"Sat\", \"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\",\n\t\"Sat\", \"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\", \"Sun\", \"Mon\"];\n\nlet getRandom = () => Math.floor(Math.random() * 75 - 15);\nlet updateDataAllValues = Array.from({length: 30}, getRandom);\n\n// We're gonna be shuffling this\nlet updateDataAllIndices = updateDataAllLabels.map((d,i) => i);\n\nlet getUpdateData = (source_array, length=10) => {\n\tlet indices = updateDataAllIndices.slice(0, length);\n\treturn indices.map((index) => source_array[index]);\n};\n\nlet updateData = {\n\tlabels: getUpdateData(updateDataAllLabels),\n\tdatasets: [{\n\t\t\"values\": getUpdateData(updateDataAllValues)\n\t}],\n\tyMarkers: [\n\t\t{\n\t\t\tlabel: \"Altitude\",\n\t\t\tvalue: 25,\n\t\t\ttype: 'dashed'\n\t\t}\n\t],\n\tyRegions: [\n\t\t{\n\t\t\tlabel: \"Range\",\n\t\t\tstart: 10,\n\t\t\tend: 45\n\t\t},\n\t],\n};\n\nlet updateChart = new Chart(\"#chart-update\", {\n\tdata: updateData,\n\ttype: 'line',\n\theight: 300,\n\tcolors: ['#ff6c03'],\n\tlineOptions: {\n\t\t// hideLine: 1,\n\t\tregionFill: 1\n\t},\n});\n\nlet chartUpdateButtons = document.querySelector('.chart-update-buttons');\n\nchartUpdateButtons.querySelector('[data-update=\"random\"]').addEventListener(\"click\", () => {\n\tshuffle(updateDataAllIndices);\n\tlet value = getRandom();\n\tlet start = getRandom();\n\tlet end = getRandom();\n\tlet data = {\n\t\tlabels: updateDataAllLabels.slice(0, 10),\n\t\tdatasets: [{values: getUpdateData(updateDataAllValues)}],\n\t\tyMarkers: [\n\t\t\t{\n\t\t\t\tlabel: \"Altitude\",\n\t\t\t\tvalue: value,\n\t\t\t\ttype: 'dashed'\n\t\t\t}\n\t\t],\n\t\tyRegions: [\n\t\t\t{\n\t\t\t\tlabel: \"Range\",\n\t\t\t\tstart: start,\n\t\t\t\tend: end\n\t\t\t},\n\t\t],\n\t};\n\tupdateChart.update(data);\n});\n\nchartUpdateButtons.querySelector('[data-update=\"add\"]').addEventListener(\"click\", () => {\n\tlet index = updateChart.state.datasetLength; // last index to add\n\tif(index >= updateDataAllIndices.length) return;\n\tupdateChart.addDataPoint(\n\t\tupdateDataAllLabels[index], [updateDataAllValues[index]]\n\t);\n});\n\nchartUpdateButtons.querySelector('[data-update=\"remove\"]').addEventListener(\"click\", () => {\n\tupdateChart.removeDataPoint();\n});\n\ndocument.querySelector('.export-update').addEventListener('click', () => {\n\tupdateChart.export();\n});\n\n// Trends Chart\n// ================================================================================\n\nlet plotChartArgs = {\n\ttitle: \"Mean Total Sunspot Count - Yearly\",\n\tdata: trendsData,\n\ttype: 'line',\n\theight: 300,\n\tcolors: ['#238e38'],\n\tlineOptions: {\n\t\thideDots: 1,\n\t\theatline: 1,\n\t},\n\taxisOptions: {\n\t\txAxisMode: 'tick',\n\t\tyAxisMode: 'span',\n\t\txIsSeries: 1\n\t}\n};\n\nlet trendsChart = new Chart(\"#chart-trends\", plotChartArgs);\n\nArray.prototype.slice.call(\n\tdocument.querySelectorAll('.chart-plot-buttons button')\n).map(el => {\n\tel.addEventListener('click', (e) => {\n\t\tlet btn = e.target;\n\t\tlet type = btn.getAttribute('data-type');\n\t\tlet config = {};\n\t\tconfig[type] = 1;\n\n\t\tif(['regionFill', 'heatline'].includes(type)) {\n\t\t\tconfig.hideDots = 1;\n\t\t}\n\n\t\t// plotChartArgs.init = false;\n\t\tplotChartArgs.lineOptions = config;\n\n\t\tnew Chart(\"#chart-trends\", plotChartArgs);\n\n\t\tArray.prototype.slice.call(\n\t\t\tbtn.parentNode.querySelectorAll('button')).map(el => {\n\t\t\tel.classList.remove('active');\n\t\t});\n\t\tbtn.classList.add('active');\n\t});\n});\n\ndocument.querySelector('.export-trends').addEventListener('click', () => {\n\ttrendsChart.export();\n});\n\n\n// Event chart\n// ================================================================================\n\n\n\nlet eventsData = {\n\tlabels: [\"Ganymede\", \"Callisto\", \"Io\", \"Europa\"],\n\tdatasets: [\n\t\t{\n\t\t\t\"values\": moonData.distances,\n\t\t\t\"formatted\": moonData.distances.map(d => d*1000 + \" km\")\n\t\t}\n\t]\n};\n\nlet eventsChart = new Chart(\"#chart-events\", {\n\ttitle: \"Jupiter's Moons: Semi-major Axis (1000 km)\",\n\tdata: eventsData,\n\ttype: 'bar',\n\theight: 330,\n\tcolors: ['grey'],\n\tisNavigable: 1,\n});\n\nlet dataDiv = document.querySelector('.chart-events-data');\n\neventsChart.parent.addEventListener('data-select', (e) => {\n\tlet name = moonData.names[e.index];\n\tdataDiv.querySelector('.moon-name').innerHTML = name;\n\tdataDiv.querySelector('.semi-major-axis').innerHTML = moonData.distances[e.index] * 1000;\n\tdataDiv.querySelector('.mass').innerHTML = moonData.masses[e.index];\n\tdataDiv.querySelector('.diameter').innerHTML = moonData.diameters[e.index];\n\tdataDiv.querySelector('img').src = \"./assets/img/\" + name.toLowerCase() + \".jpg\";\n});\n\n// Heatmap\n// ================================================================================\n\nlet heatmapArgs = {\n\ttitle: \"Monthly Distribution\",\n\tdata: heatmapData,\n\ttype: 'heatmap',\n\tdiscreteDomains: 1,\n\tcountLabel: 'Level',\n\tcolors: HEATMAP_COLORS_BLUE,\n\tlegendScale: [0, 1, 2, 4, 5]\n};\nlet heatmapChart = new Chart(\"#chart-heatmap\", heatmapArgs);\n\nArray.prototype.slice.call(\n\tdocument.querySelectorAll('.heatmap-mode-buttons button')\n).map(el => {\n\tel.addEventListener('click', (e) => {\n\t\tlet btn = e.target;\n\t\tlet mode = btn.getAttribute('data-mode');\n\t\tlet discreteDomains = 0;\n\n\t\tif(mode === 'discrete') {\n\t\t\tdiscreteDomains = 1;\n\t\t}\n\n\t\tlet colors = [];\n\t\tlet colors_mode = document\n\t\t\t.querySelector('.heatmap-color-buttons .active')\n\t\t\t.getAttribute('data-color');\n\t\tif(colors_mode === 'halloween') {\n\t\t\tcolors = HEATMAP_COLORS_YELLOW;\n\t\t} else if (colors_mode === 'blue') {\n\t\t\tcolors = HEATMAP_COLORS_BLUE;\n\t\t}\n\n\t\theatmapArgs.discreteDomains = discreteDomains;\n\t\theatmapArgs.colors = colors;\n\t\tnew Chart(\"#chart-heatmap\", heatmapArgs);\n\n\t\tArray.prototype.slice.call(\n\t\t\tbtn.parentNode.querySelectorAll('button')).map(el => {\n\t\t\tel.classList.remove('active');\n\t\t});\n\t\tbtn.classList.add('active');\n\t});\n});\n\nArray.prototype.slice.call(\n\tdocument.querySelectorAll('.heatmap-color-buttons button')\n).map(el => {\n\tel.addEventListener('click', (e) => {\n\t\tlet btn = e.target;\n\t\tlet colors_mode = btn.getAttribute('data-color');\n\t\tlet colors = [];\n\n\t\tif(colors_mode === 'halloween') {\n\t\t\tcolors = HEATMAP_COLORS_YELLOW;\n\t\t} else if (colors_mode === 'blue') {\n\t\t\tcolors = HEATMAP_COLORS_BLUE;\n\t\t}\n\n\t\tlet discreteDomains = 1;\n\n\t\tlet view_mode = document\n\t\t\t.querySelector('.heatmap-mode-buttons .active')\n\t\t\t.getAttribute('data-mode');\n\t\tif(view_mode === 'continuous') {\n\t\t\tdiscreteDomains = 0;\n\t\t}\n\n\t\theatmapArgs.discreteDomains = discreteDomains;\n\t\theatmapArgs.colors = colors;\n\t\tnew Chart(\"#chart-heatmap\", heatmapArgs);\n\n\t\tArray.prototype.slice.call(\n\t\t\tbtn.parentNode.querySelectorAll('button')).map(el => {\n\t\t\tel.classList.remove('active');\n\t\t});\n\t\tbtn.classList.add('active');\n\t});\n});\n\ndocument.querySelector('.export-heatmap').addEventListener('click', () => {\n\theatmapChart.export();\n});\n"],"names":["HEATMAP_COLORS_BLUE","HEATMAP_COLORS_YELLOW","shuffle","array","i","length","j","Math","floor","random","getRandomBias","min","max","bias","influence","range","biasValue","rnd","mix","NO_OF_MILLIS","SEC_IN_DAY","MONTH_NAMES_SHORT","clone","date","Date","getTime","timestampSec","timestampToMidnight","timestamp","roundAhead","midnightTs","addDays","numberOfDays","setDate","getDate","reportCountList","lineCompositeData","fireball_5_25","fireball_2_5","fireballOver25","barCompositeData","typeData","trendsData","moonData","today","start","end","setFullYear","getFullYear","dataPoints","startTs","endTs","parseInt","heatmapData","c1","document","querySelector","c2","Chart","frappe","lineCompositeChart","barCompositeChart","parent","addEventListener","e","index","updateDatasets","customColors","typeChartArgs","d","toUpperCase","aggrChart","Array","prototype","slice","call","querySelectorAll","map","btn","target","type","getAttribute","colors","undefined","newChart","parentNode","classList","remove","add","export","updateDataAllLabels","getRandom","updateDataAllValues","from","updateDataAllIndices","getUpdateData","source_array","indices","updateData","updateChart","chartUpdateButtons","value","data","values","update","state","datasetLength","addDataPoint","removeDataPoint","plotChartArgs","trendsChart","config","includes","hideDots","lineOptions","eventsData","distances","eventsChart","dataDiv","name","names","innerHTML","masses","diameters","src","toLowerCase","heatmapArgs","heatmapChart","mode","discreteDomains","colors_mode","view_mode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsEA;;AAEA;;AAEA;AACA;;AAEA;;AAEA;;AAEA,AAGO,IAAMA,sBAAsB,CAAC,SAAD,EAAY,SAAZ,EAAuB,SAAvB,EAAkC,SAAlC,EAA6C,SAA7C,CAA5B;AACP,AAAO,IAAMC,wBAAwB,CAAC,SAAD,EAAY,SAAZ,EAAuB,SAAvB,EAAkC,SAAlC,EAA6C,SAA7C,CAA9B;;AAEP;;;;AC7EA;;;;;AAKA;;;;;;AAaA,AAAO,SAASC,OAAT,CAAiBC,KAAjB,EAAwB;;;;;MAKzB,IAAIC,IAAID,MAAME,MAAN,GAAe,CAA5B,EAA+BD,IAAI,CAAnC,EAAsCA,GAAtC,EAA2C;MACtCE,IAAIC,KAAKC,KAAL,CAAWD,KAAKE,MAAL,MAAiBL,IAAI,CAArB,CAAX,CAAR;aACuB,CAACD,MAAMG,CAAN,CAAD,EAAWH,MAAMC,CAAN,CAAX,CAFmB;QAEnCA,CAAN,CAFyC;QAEzBE,CAAN,CAF+B;;;QAKpCH,KAAP;;;;;;;;;;AAUD;;;;;;;AAcA;;AAIA;;;AAcA,AAAO,SAASO,aAAT,CAAuBC,GAAvB,EAA4BC,GAA5B,EAAiCC,IAAjC,EAAuCC,SAAvC,EAAkD;KAClDC,QAAQH,MAAMD,GAApB;KACMK,YAAYD,QAAQF,IAAR,GAAeF,GAAjC;KACIM,MAAMV,KAAKE,MAAL,KAAgBM,KAAhB,GAAwBJ,GAAlC;;OACOJ,KAAKE,MAAL,KAAgBK,SADvB,CAHwD;QAKjDG,OAAO,IAAIC,GAAX,IAAkBF,YAAYE,GAArC,CALwD;;;AChFzD;;AAEA;AACA;AACA;AACA,AAAO,IAAMC,eAAe,IAArB;AACP,AAAO,IAAMC,aAAa,KAAnB;;AAEP;AAEA,AAAO,IAAMC,oBAAoB,CAAC,KAAD,EAAQ,KAAR,EAAe,KAAf,EAAsB,KAAtB,EAA6B,KAA7B,EAAoC,KAApC,EAChC,KADgC,EACzB,KADyB,EAClB,KADkB,EACX,KADW,EACJ,KADI,EACG,KADH,CAA1B;;AAGP;AACA;;;AAIA;;AAgBA,AAAO,SAASC,KAAT,CAAeC,IAAf,EAAqB;QACpB,IAAIC,IAAJ,CAASD,KAAKE,OAAL,EAAT,CAAP;;;AAGD,AAAO,SAASC,YAAT,CAAsBH,IAAtB,EAA4B;QAC3BA,KAAKE,OAAL,KAAeN,YAAtB;;;AAGD,AAAO,SAASQ,mBAAT,CAA6BC,SAA7B,EAA4D;KAApBC,UAAoB,uEAAP,KAAO;;KAC9DC,aAAavB,KAAKC,KAAL,CAAWoB,YAAaA,YAAYR,UAApC,CAAjB;KACGS,UAAH,EAAe;SACPC,aAAaV,UAApB;;QAEMU,UAAP;;;;;AAKD;;AAKA;;AAKA;;AAKA;;AAKA;;;AAKA;;;AAUA,AAAO,SAASC,OAAT,CAAiBR,IAAjB,EAAuBS,YAAvB,EAAqC;MACtCC,OAAL,CAAaV,KAAKW,OAAL,KAAiBF,YAA9B;;;ACnFD,IAAMG,kBAAkB,CAAC,GAAD,EAAM,GAAN,EAAW,GAAX,EAAgB,GAAhB,EAAqB,GAArB,EAA0B,GAA1B,EACvB,IADuB,EACjB,IADiB,EACX,IADW,EACL,IADK,EACC,IADD,CAAxB;;AAGA,AAAO,IAAMC,oBAAoB;SACxB,CAAC,MAAD,EAAS,MAAT,EAAiB,MAAjB,EAAyB,MAAzB,EAAiC,MAAjC,EAAyC,MAAzC,EACP,MADO,EACC,MADD,EACS,MADT,EACiB,MADjB,EACyB,MADzB,CADwB;;WAItB,CACT;SACQ,2BADR;SAEQ;EAHC,CAJsB;;WAWtB,CAAC;UACF,QADE;YAEAD;EAFD;CAXJ;;AAkBP,AAAO,IAAME,gBAAgB,CAC5B,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,EAAgB,CAAhB,EAAmB,CAAnB,EAAsB,CAAtB,EAAyB,CAAzB,EAA4B,CAA5B,EAA+B,CAA/B,EAAkC,CAAlC,CAD4B,EAE5B,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,EAAgB,CAAhB,EAAmB,CAAnB,EAAsB,CAAtB,EAAyB,CAAzB,EAA4B,CAA5B,EAA+B,EAA/B,EAAmC,CAAnC,CAF4B,EAG5B,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,EAAgB,CAAhB,EAAmB,CAAnB,EAAsB,CAAtB,EAAyB,CAAzB,EAA4B,CAA5B,EAA+B,CAA/B,EAAkC,CAAlC,CAH4B,EAI5B,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,EAAgB,CAAhB,EAAmB,CAAnB,EAAsB,CAAtB,EAAyB,CAAzB,EAA4B,CAA5B,EAA+B,CAA/B,EAAkC,CAAlC,CAJ4B,EAK5B,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,EAAgB,CAAhB,EAAmB,CAAnB,EAAsB,CAAtB,EAAyB,EAAzB,EAA6B,EAA7B,EAAiC,EAAjC,EAAqC,EAArC,CAL4B,EAM5B,CAAC,CAAD,EAAI,EAAJ,EAAQ,EAAR,EAAY,CAAZ,EAAe,CAAf,EAAkB,CAAlB,EAAqB,CAArB,EAAwB,CAAxB,EAA2B,EAA3B,EAA+B,EAA/B,EAAmC,EAAnC,EAAuC,EAAvC,CAN4B,EAO5B,CAAC,EAAD,EAAK,EAAL,EAAS,EAAT,EAAa,EAAb,EAAiB,EAAjB,EAAqB,EAArB,EAAyB,EAAzB,EAA6B,EAA7B,EAAiC,EAAjC,EAAqC,EAArC,EAAyC,EAAzC,EAA6C,EAA7C,CAP4B,EAQ5B,CAAC,EAAD,EAAK,EAAL,EAAS,EAAT,EAAa,EAAb,EAAiB,EAAjB,EAAqB,EAArB,EAAyB,EAAzB,EAA6B,EAA7B,EAAiC,EAAjC,EAAqC,EAArC,EAAyC,EAAzC,EAA6C,EAA7C,CAR4B,EAS5B,CAAC,EAAD,EAAK,EAAL,EAAS,EAAT,EAAa,EAAb,EAAiB,EAAjB,EAAqB,EAArB,EAAyB,EAAzB,EAA6B,EAA7B,EAAiC,EAAjC,EAAqC,EAArC,EAAyC,GAAzC,EAA8C,EAA9C,CAT4B,EAU5B,CAAC,EAAD,EAAK,EAAL,EAAS,EAAT,EAAa,EAAb,EAAiB,EAAjB,EAAqB,EAArB,EAAyB,EAAzB,EAA6B,EAA7B,EAAiC,EAAjC,EAAqC,EAArC,EAAyC,EAAzC,EAA6C,EAA7C,CAV4B,EAW5B,CAAC,EAAD,EAAK,EAAL,EAAS,EAAT,EAAa,EAAb,EAAiB,EAAjB,EAAqB,EAArB,EAAyB,EAAzB,EAA6B,EAA7B,EAAiC,EAAjC,EAAqC,EAArC,EAAyC,EAAzC,EAA6C,EAA7C,CAX4B,CAAtB;AAaP,AAAO,IAAMC,eAAe,CAC3B,CAAC,EAAD,EAAK,CAAL,EAAQ,CAAR,EAAW,CAAX,EAAc,CAAd,EAAiB,CAAjB,EAAoB,CAApB,EAAuB,EAAvB,EAA2B,EAA3B,EAA+B,EAA/B,EAAmC,CAAnC,EAAsC,EAAtC,CAD2B,EAE3B,CAAC,EAAD,EAAK,EAAL,EAAS,EAAT,EAAa,CAAb,EAAgB,CAAhB,EAAmB,EAAnB,EAAuB,CAAvB,EAA0B,EAA1B,EAA8B,EAA9B,EAAkC,EAAlC,EAAsC,EAAtC,EAA0C,EAA1C,CAF2B,EAG3B,CAAC,EAAD,EAAK,EAAL,EAAS,EAAT,EAAa,EAAb,EAAiB,EAAjB,EAAqB,EAArB,EAAyB,EAAzB,EAA6B,EAA7B,EAAiC,EAAjC,EAAqC,EAArC,EAAyC,CAAzC,EAA4C,CAA5C,CAH2B,EAI3B,CAAC,CAAD,EAAI,EAAJ,EAAQ,EAAR,EAAY,EAAZ,EAAgB,EAAhB,EAAoB,EAApB,EAAwB,EAAxB,EAA4B,EAA5B,EAAgC,EAAhC,EAAoC,EAApC,EAAwC,EAAxC,EAA4C,EAA5C,CAJ2B,EAK3B,CAAC,EAAD,EAAK,EAAL,EAAS,EAAT,EAAa,EAAb,EAAiB,EAAjB,EAAqB,EAArB,EAAyB,EAAzB,EAA6B,EAA7B,EAAiC,EAAjC,EAAqC,EAArC,EAAyC,EAAzC,EAA6C,EAA7C,CAL2B,EAM3B,CAAC,EAAD,EAAK,EAAL,EAAS,EAAT,EAAa,EAAb,EAAiB,EAAjB,EAAqB,EAArB,EAAyB,EAAzB,EAA6B,EAA7B,EAAiC,EAAjC,EAAqC,EAArC,EAAyC,EAAzC,EAA6C,EAA7C,CAN2B,EAO3B,CAAC,EAAD,EAAK,EAAL,EAAS,EAAT,EAAa,EAAb,EAAiB,EAAjB,EAAqB,EAArB,EAAyB,EAAzB,EAA6B,EAA7B,EAAiC,EAAjC,EAAqC,GAArC,EAA0C,GAA1C,EAA+C,EAA/C,CAP2B,EAQ3B,CAAC,EAAD,EAAK,EAAL,EAAS,EAAT,EAAa,EAAb,EAAiB,EAAjB,EAAqB,EAArB,EAAyB,EAAzB,EAA6B,EAA7B,EAAiC,GAAjC,EAAsC,EAAtC,EAA0C,GAA1C,EAA+C,EAA/C,CAR2B,EAS3B,CAAC,EAAD,EAAK,EAAL,EAAS,EAAT,EAAa,EAAb,EAAiB,EAAjB,EAAqB,EAArB,EAAyB,EAAzB,EAA6B,GAA7B,EAAkC,GAAlC,EAAuC,GAAvC,EAA4C,GAA5C,EAAiD,EAAjD,CAT2B,EAU3B,CAAC,GAAD,EAAM,EAAN,EAAU,EAAV,EAAc,EAAd,EAAkB,EAAlB,EAAsB,EAAtB,EAA0B,EAA1B,EAA8B,GAA9B,EAAmC,GAAnC,EAAwC,GAAxC,EAA6C,GAA7C,EAAkD,GAAlD,CAV2B,EAW3B,CAAC,EAAD,EAAK,GAAL,EAAU,EAAV,EAAc,EAAd,EAAkB,EAAlB,EAAsB,EAAtB,EAA0B,EAA1B,EAA8B,GAA9B,EAAmC,GAAnC,EAAwC,GAAxC,EAA6C,GAA7C,EAAkD,GAAlD,CAX2B,CAArB;AAaP,AAAO,IAAMC,iBAAiB;;AAE7B,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,EAAgB,CAAhB,EAAmB,CAAnB,EAAsB,CAAtB,EAAyB,CAAzB,EAA4B,CAA5B,EAA+B,CAA/B,EAAkC,CAAlC,CAF6B,EAG7B,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,EAAgB,CAAhB,EAAmB,CAAnB,EAAsB,CAAtB,EAAyB,CAAzB,EAA4B,CAA5B,EAA+B,CAA/B,EAAkC,CAAlC,CAH6B,EAI7B,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,EAAgB,CAAhB,EAAmB,CAAnB,EAAsB,CAAtB,EAAyB,CAAzB,EAA4B,CAA5B,EAA+B,CAA/B,EAAkC,CAAlC,CAJ6B,EAK7B,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,EAAgB,CAAhB,EAAmB,CAAnB,EAAsB,CAAtB,EAAyB,CAAzB,EAA4B,CAA5B,EAA+B,CAA/B,EAAkC,CAAlC,CAL6B,EAM7B,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,EAAgB,CAAhB,EAAmB,CAAnB,EAAsB,CAAtB,EAAyB,CAAzB,EAA4B,CAA5B,EAA+B,CAA/B,EAAkC,CAAlC,CAN6B,EAO7B,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,EAAgB,CAAhB,EAAmB,CAAnB,EAAsB,CAAtB,EAAyB,CAAzB,EAA4B,CAA5B,EAA+B,CAA/B,EAAkC,CAAlC,CAP6B,EAQ7B,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,EAAgB,CAAhB,EAAmB,CAAnB,EAAsB,CAAtB,EAAyB,EAAzB,EAA6B,CAA7B,EAAgC,CAAhC,EAAmC,CAAnC,CAR6B,EAS7B,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,EAAgB,CAAhB,EAAmB,CAAnB,EAAsB,CAAtB,EAAyB,EAAzB,EAA6B,CAA7B,EAAgC,EAAhC,EAAoC,CAApC,CAT6B,EAU7B,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,EAAgB,CAAhB,EAAmB,CAAnB,EAAsB,CAAtB,EAAyB,CAAzB,EAA4B,CAA5B,EAA+B,EAA/B,EAAmC,CAAnC,CAV6B,EAW7B,CAAC,CAAD,EAAI,EAAJ,EAAQ,EAAR,EAAY,CAAZ,EAAe,CAAf,EAAkB,CAAlB,EAAqB,CAArB,EAAwB,CAAxB,EAA2B,EAA3B,EAA+B,EAA/B,EAAmC,EAAnC,EAAuC,CAAvC,CAX6B,EAY7B,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,EAAgB,CAAhB,EAAmB,CAAnB,EAAsB,CAAtB,EAAyB,EAAzB,EAA6B,EAA7B,EAAiC,EAAjC,EAAqC,EAArC,CAZ6B,CAAvB;;AAeP,AAAO,IAAMC,mBAAmB;SACvBnB,iBADuB;WAErB,CACT;QACO,iBADP;UAESkB,eAAe,CAAf;EAHA,EAKT;QACO,iBADP;UAESF,cAAc,CAAd;EAPA,EAST;QACO,gBADP;UAESC,aAAa,CAAb;EAXA;CAFJ;;;;AAoBP,AAAO,IAAMG,WAAW;SACf,CAAC,UAAD,EAAa,SAAb,EAAwB,SAAxB,EAAmC,UAAnC,EACP,UADO,EACK,SADL,EACgB,SADhB,EAC2B,UAD3B,CADe;;WAIb,CACT;SACQ,QADR;SAEQ;;EAHC,CAJa;;WAYb,CACT;SACQ,QADR;SAEQ,CAAC,EAFT;OAGM;EAJG,CAZa;;WAoBb,CACT;QACO,WADP;UAES,CAAC,EAAD,EAAK,EAAL,EAAS,EAAT,EAAa,EAAb,EAAiB,CAAjB,EAAoB,EAApB,EAAwB,EAAxB,EAA4B,CAAC,CAA7B,CAFT;gBAGe,OAHf;aAIY;EALH,EAOT;QACO,aADP;UAES,CAAC,EAAD,EAAK,EAAL,EAAS,CAAC,EAAV,EAAc,EAAd,EAAkB,EAAlB,EAAsB,EAAtB,EAA0B,EAA1B,EAA8B,EAA9B,CAFT;gBAGe,OAHf;aAIY;EAXH,EAaT;QACO,aADP;UAES,CAAC,EAAD,EAAK,EAAL,EAAS,CAAC,CAAV,EAAa,CAAC,EAAd,EAAkB,EAAlB,EAAsB,EAAtB,EAA0B,CAAC,EAA3B,EAA+B,EAA/B,CAFT;aAGY;EAhBH;CApBJ;;AAyCP,AAAO,IAAMC,aAAa;SACjB,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmB,IAAnB,EAAyB,IAAzB,EAA+B,IAA/B,EAAqC,IAArC,EAA2C,IAA3C,EAAiD,IAAjD,EAAuD,IAAvD,EACP,IADO,EACD,IADC,EACK,IADL,EACW,IADX,EACiB,IADjB,EACuB,IADvB,EAC6B,IAD7B,EACmC,IADnC,EACyC,IADzC,EAC+C,IAD/C,EAEP,IAFO,EAED,IAFC,EAEK,IAFL,EAEW,IAFX,EAEiB,IAFjB,EAEuB,IAFvB,EAE6B,IAF7B,EAEmC,IAFnC,EAEyC,IAFzC,EAE+C,IAF/C,EAGP,IAHO,EAGD,IAHC,EAGK,IAHL,EAGW,IAHX,EAGiB,IAHjB,EAGuB,IAHvB,EAG6B,IAH7B,EAGmC,IAHnC,EAGyC,IAHzC,EAG+C,IAH/C,EAIP,IAJO,EAID,IAJC,EAIK,IAJL,EAIW,IAJX,EAIiB,IAJjB,EAIuB,IAJvB,EAI6B,IAJ7B,EAImC,IAJnC,EAIyC,IAJzC,EAI+C,IAJ/C,CADiB;WAMf,CACT;UACS,CAAC,KAAD,EAAQ,KAAR,EAAe,KAAf,EAAsB,KAAtB,EAA6B,IAA7B,EAAmC,IAAnC,EAAyC,IAAzC,EAA+C,IAA/C,EAAqD,IAArD,EAA2D,IAA3D,EACP,IADO,EACD,KADC,EACM,KADN,EACa,KADb,EACoB,KADpB,EAC2B,KAD3B,EACkC,IADlC,EACwC,IADxC,EAC8C,IAD9C,EACoD,IADpD,EAEP,IAFO,EAED,KAFC,EAEM,KAFN,EAEa,KAFb,EAEoB,KAFpB,EAE2B,KAF3B,EAEkC,IAFlC,EAEwC,IAFxC,EAE8C,IAF9C,EAEoD,IAFpD,EAGP,IAHO,EAGD,IAHC,EAGK,KAHL,EAGY,KAHZ,EAGmB,KAHnB,EAG0B,KAH1B,EAGiC,IAHjC,EAGuC,IAHvC,EAG6C,IAH7C,EAGmD,IAHnD,EAIP,IAJO,EAID,GAJC,EAII,GAJJ,EAIS,IAJT,EAIe,IAJf,EAIqB,IAJrB,EAI2B,IAJ3B,EAIiC,KAJjC,EAIwC,IAJxC,EAI8C,IAJ9C;EAFA;CANJ;;AAiBP,AAAO,IAAMC,WAAW;QAChB,CAAC,UAAD,EAAa,UAAb,EAAyB,IAAzB,EAA+B,QAA/B,CADgB;SAEf,CAAC,QAAD,EAAW,QAAX,EAAqB,OAArB,EAA8B,OAA9B,CAFe;YAGZ,CAAC,QAAD,EAAW,QAAX,EAAqB,OAArB,EAA8B,OAA9B,CAHY;YAIZ,CAAC,MAAD,EAAS,MAAT,EAAiB,MAAjB,EAAyB,MAAzB;CAJL;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCP,IAAIC,QAAQ,IAAIpB,IAAJ,EAAZ;AACA,IAAIqB,QAAQvB,MAAMsB,KAAN,CAAZ;AACAb,QAAQc,KAAR,EAAe,CAAf;AACA,IAAIC,MAAMxB,MAAMuB,KAAN,CAAV;AACAA,MAAME,WAAN,CAAmBF,MAAMG,WAAN,KAAsB,CAAzC;AACAF,IAAIC,WAAJ,CAAiBD,IAAIE,WAAJ,KAAoB,CAArC;;AAEA,AAAO,IAAIC,aAAa,EAAjB;;AAEP,IAAIC,UAAUxB,aAAamB,KAAb,CAAd;AACA,IAAIM,QAAQzB,aAAaoB,GAAb,CAAZ;;AAEAI,UAAUvB,oBAAoBuB,OAApB,CAAV;AACAC,QAAQxB,oBAAoBwB,KAApB,EAA2B,IAA3B,CAAR;;AAEA,OAAOD,UAAUC,KAAjB,EAAwB;YACZC,SAASF,OAAT,CAAX,IAAgC3C,KAAKC,KAAL,CAAWE,cAAc,CAAd,EAAiB,CAAjB,EAAoB,GAApB,EAAyB,CAAzB,CAAX,CAAhC;YACWU,UAAX;;;AAGD,AAAO,IAAMiC,cAAc;aACdJ,UADc;QAEnBJ,KAFmB;MAGrBC;CAHC;;AChMP;;AAEA,IAAIQ,KAAKC,SAASC,aAAT,CAAuB,oBAAvB,CAAT;AACA,IAAIC,KAAKF,SAASC,aAAT,CAAuB,oBAAvB,CAAT;;AAEA,IAAIE,QAAQC,OAAOD,KAAnB;;AAEA,IAAIE,qBAAqB,IAAIF,KAAJ,CAAWJ,EAAX,EAAe;QAChC,4CADgC;OAEjClB,iBAFiC;OAGjC,MAHiC;SAI/B,GAJ+B;SAK/B,CAAC,OAAD,CAL+B;cAM1B,CAN0B;mBAOrB,CAPqB;;cAS1B;WACH;;;;CAVc,CAAzB;;AAgBA,IAAIyB,oBAAoB,IAAIH,KAAJ,CAAWD,EAAX,EAAe;OAChCjB,gBADgC;OAEhC,KAFgC;SAG9B,GAH8B;SAI9B,CAAC,QAAD,EAAW,YAAX,EAAyB,SAAzB,CAJ8B;mBAKpB,CALoB;cAMzB;aACD;EAP0B;aAS1B;WACF;;;CAVa,CAAxB;;AAeAoB,mBAAmBE,MAAnB,CAA0BC,gBAA1B,CAA2C,aAA3C,EAA0D,UAACC,CAAD,EAAO;KAC5D5D,IAAI4D,EAAEC,KAAV;mBACkBC,cAAlB,CAAiC,CAChC3B,eAAenC,CAAf,CADgC,EACbiC,cAAcjC,CAAd,CADa,EACKkC,aAAalC,CAAb,CADL,CAAjC;CAFD;;;;AASA,IAAI+D,eAAe,CAAC,QAAD,EAAW,SAAX,EAAsB,YAAtB,CAAnB;AACA,IAAIC,gBAAgB;QACZ,kBADY;OAEb3B,QAFa;OAGb,YAHa;SAIX,GAJW;SAKX0B,YALW;;kBAOF,CAPE;YAQR,EARQ;;iBAUH;kBACC;UAAK,CAACE,IAAI,EAAL,EAASC,WAAT,EAAL;GADD;kBAEC;UAAKD,IAAI,MAAT;;;CAZlB;;AAgBA,IAAIE,YAAY,IAAIb,KAAJ,CAAU,aAAV,EAAyBU,aAAzB,CAAhB;;AAEAI,MAAMC,SAAN,CAAgBC,KAAhB,CAAsBC,IAAtB,CACCpB,SAASqB,gBAAT,CAA0B,2BAA1B,CADD,EAEEC,GAFF,CAEM,cAAM;IACRd,gBAAH,CAAoB,OAApB,EAA6B,UAACC,CAAD,EAAO;MAC/Bc,MAAMd,EAAEe,MAAZ;MACIC,OAAOF,IAAIG,YAAJ,CAAiB,WAAjB,CAAX;gBACcD,IAAd,GAAqBA,IAArB;MACGA,SAAS,YAAZ,EAA0B;iBACXE,MAAd,GAAuBC,SAAvB;GADD,MAEO;iBACQD,MAAd,GAAuBf,YAAvB;;;MAGGiB,WAAW,IAAI1B,KAAJ,CAAU,aAAV,EAAyBU,aAAzB,CAAf;MACGgB,QAAH,EAAY;eACCA,QAAZ;;QAEKX,SAAN,CAAgBC,KAAhB,CAAsBC,IAAtB,CACCG,IAAIO,UAAJ,CAAeT,gBAAf,CAAgC,QAAhC,CADD,EAC4CC,GAD5C,CACgD,cAAM;MAClDS,SAAH,CAAaC,MAAb,CAAoB,QAApB;GAFD;MAIID,SAAJ,CAAcE,GAAd,CAAkB,QAAlB;EAlBD;CAHD;;AAyBAjC,SAASC,aAAT,CAAuB,cAAvB,EAAuCO,gBAAvC,CAAwD,OAAxD,EAAiE,YAAM;WAC5D0B,MAAV;CADD;;;;AAMA,IAAIC,sBAAsB,CAAC,KAAD,EAAQ,KAAR,EAAe,KAAf,EAAsB,KAAtB,EAA6B,KAA7B,EAAoC,KAApC,EAA2C,KAA3C,EAAkD,KAAlD,EAAyD,KAAzD,EAAgE,KAAhE,EACzB,KADyB,EAClB,KADkB,EACX,KADW,EACJ,KADI,EACG,KADH,EACU,KADV,EACiB,KADjB,EACwB,KADxB,EAC+B,KAD/B,EACsC,KADtC,EAEzB,KAFyB,EAElB,KAFkB,EAEX,KAFW,EAEJ,KAFI,EAEG,KAFH,EAEU,KAFV,EAEiB,KAFjB,EAEwB,KAFxB,EAE+B,KAF/B,EAEsC,KAFtC,CAA1B;;AAIA,IAAIC,YAAY,SAAZA,SAAY;QAAMpF,KAAKC,KAAL,CAAWD,KAAKE,MAAL,KAAgB,EAAhB,GAAqB,EAAhC,CAAN;CAAhB;AACA,IAAImF,sBAAsBpB,MAAMqB,IAAN,CAAW,EAACxF,QAAQ,EAAT,EAAX,EAAyBsF,SAAzB,CAA1B;;;AAGA,IAAIG,uBAAuBJ,oBAAoBb,GAApB,CAAwB,UAACR,CAAD,EAAGjE,CAAH;QAASA,CAAT;CAAxB,CAA3B;;AAEA,IAAI2F,gBAAgB,SAAhBA,aAAgB,CAACC,YAAD,EAA6B;KAAd3F,MAAc,uEAAP,EAAO;;KAC5C4F,UAAUH,qBAAqBpB,KAArB,CAA2B,CAA3B,EAA8BrE,MAA9B,CAAd;QACO4F,QAAQpB,GAAR,CAAY,UAACZ,KAAD;SAAW+B,aAAa/B,KAAb,CAAX;EAAZ,CAAP;CAFD;;AAKA,IAAIiC,aAAa;SACRH,cAAcL,mBAAd,CADQ;WAEN,CAAC;YACAK,cAAcH,mBAAd;EADD,CAFM;WAKN,CACT;SACQ,UADR;SAEQ,EAFR;QAGO;EAJE,CALM;WAYN,CACT;SACQ,OADR;SAEQ,EAFR;OAGM;EAJG;CAZX;;AAqBA,IAAIO,cAAc,IAAIzC,KAAJ,CAAU,eAAV,EAA2B;OACtCwC,UADsC;OAEtC,MAFsC;SAGpC,GAHoC;SAIpC,CAAC,SAAD,CAJoC;cAK/B;;cAEA;;CAPI,CAAlB;;AAWA,IAAIE,qBAAqB7C,SAASC,aAAT,CAAuB,uBAAvB,CAAzB;;AAEA4C,mBAAmB5C,aAAnB,CAAiC,wBAAjC,EAA2DO,gBAA3D,CAA4E,OAA5E,EAAqF,YAAM;SAClF+B,oBAAR;KACIO,QAAQV,WAAZ;KACI9C,QAAQ8C,WAAZ;KACI7C,MAAM6C,WAAV;KACIW,OAAO;UACFZ,oBAAoBhB,KAApB,CAA0B,CAA1B,EAA6B,EAA7B,CADE;YAEA,CAAC,EAAC6B,QAAQR,cAAcH,mBAAd,CAAT,EAAD,CAFA;YAGA,CACT;UACQ,UADR;UAEQS,KAFR;SAGO;GAJE,CAHA;YAUA,CACT;UACQ,OADR;UAEQxD,KAFR;QAGMC;GAJG;EAVX;aAkBY0D,MAAZ,CAAmBF,IAAnB;CAvBD;;AA0BAF,mBAAmB5C,aAAnB,CAAiC,qBAAjC,EAAwDO,gBAAxD,CAAyE,OAAzE,EAAkF,YAAM;KACnFE,QAAQkC,YAAYM,KAAZ,CAAkBC,aAA9B,CADuF;KAEpFzC,SAAS6B,qBAAqBzF,MAAjC,EAAyC;aAC7BsG,YAAZ,CACCjB,oBAAoBzB,KAApB,CADD,EAC6B,CAAC2B,oBAAoB3B,KAApB,CAAD,CAD7B;CAHD;;AAQAmC,mBAAmB5C,aAAnB,CAAiC,wBAAjC,EAA2DO,gBAA3D,CAA4E,OAA5E,EAAqF,YAAM;aAC9E6C,eAAZ;CADD;;AAIArD,SAASC,aAAT,CAAuB,gBAAvB,EAAyCO,gBAAzC,CAA0D,OAA1D,EAAmE,YAAM;aAC5D0B,MAAZ;CADD;;;;;AAOA,IAAIoB,gBAAgB;QACZ,mCADY;OAEbnE,UAFa;OAGb,MAHa;SAIX,GAJW;SAKX,CAAC,SAAD,CALW;cAMN;YACF,CADE;YAEF;EARQ;cAUN;aACD,MADC;aAED,MAFC;aAGD;;CAbb;;AAiBA,IAAIoE,cAAc,IAAIpD,KAAJ,CAAU,eAAV,EAA2BmD,aAA3B,CAAlB;;AAEArC,MAAMC,SAAN,CAAgBC,KAAhB,CAAsBC,IAAtB,CACCpB,SAASqB,gBAAT,CAA0B,4BAA1B,CADD,EAEEC,GAFF,CAEM,cAAM;IACRd,gBAAH,CAAoB,OAApB,EAA6B,UAACC,CAAD,EAAO;MAC/Bc,MAAMd,EAAEe,MAAZ;MACIC,OAAOF,IAAIG,YAAJ,CAAiB,WAAjB,CAAX;MACI8B,SAAS,EAAb;SACO/B,IAAP,IAAe,CAAf;;MAEG,CAAC,YAAD,EAAe,UAAf,EAA2BgC,QAA3B,CAAoChC,IAApC,CAAH,EAA8C;UACtCiC,QAAP,GAAkB,CAAlB;;;;gBAIaC,WAAd,GAA4BH,MAA5B;;MAEIrD,KAAJ,CAAU,eAAV,EAA2BmD,aAA3B;;QAEMpC,SAAN,CAAgBC,KAAhB,CAAsBC,IAAtB,CACCG,IAAIO,UAAJ,CAAeT,gBAAf,CAAgC,QAAhC,CADD,EAC4CC,GAD5C,CACgD,cAAM;MAClDS,SAAH,CAAaC,MAAb,CAAoB,QAApB;GAFD;MAIID,SAAJ,CAAcE,GAAd,CAAkB,QAAlB;EAnBD;CAHD;;AA0BAjC,SAASC,aAAT,CAAuB,gBAAvB,EAAyCO,gBAAzC,CAA0D,OAA1D,EAAmE,YAAM;aAC5D0B,MAAZ;CADD;;;;;;AAUA,IAAI0B,aAAa;SACR,CAAC,UAAD,EAAa,UAAb,EAAyB,IAAzB,EAA+B,QAA/B,CADQ;WAEN,CACT;YACWxE,SAASyE,SADpB;eAEczE,SAASyE,SAAT,CAAmBvC,GAAnB,CAAuB;UAAKR,IAAE,IAAF,GAAS,KAAd;GAAvB;EAHL;CAFX;;AAUA,IAAIgD,cAAc,IAAI3D,KAAJ,CAAU,eAAV,EAA2B;QACrC,4CADqC;OAEtCyD,UAFsC;OAGtC,KAHsC;SAIpC,GAJoC;SAKpC,CAAC,MAAD,CALoC;cAM/B;CANI,CAAlB;;AASA,IAAIG,UAAU/D,SAASC,aAAT,CAAuB,oBAAvB,CAAd;;AAEA6D,YAAYvD,MAAZ,CAAmBC,gBAAnB,CAAoC,aAApC,EAAmD,UAACC,CAAD,EAAO;KACrDuD,OAAO5E,SAAS6E,KAAT,CAAexD,EAAEC,KAAjB,CAAX;SACQT,aAAR,CAAsB,YAAtB,EAAoCiE,SAApC,GAAgDF,IAAhD;SACQ/D,aAAR,CAAsB,kBAAtB,EAA0CiE,SAA1C,GAAsD9E,SAASyE,SAAT,CAAmBpD,EAAEC,KAArB,IAA8B,IAApF;SACQT,aAAR,CAAsB,OAAtB,EAA+BiE,SAA/B,GAA2C9E,SAAS+E,MAAT,CAAgB1D,EAAEC,KAAlB,CAA3C;SACQT,aAAR,CAAsB,WAAtB,EAAmCiE,SAAnC,GAA+C9E,SAASgF,SAAT,CAAmB3D,EAAEC,KAArB,CAA/C;SACQT,aAAR,CAAsB,KAAtB,EAA6BoE,GAA7B,GAAmC,kBAAkBL,KAAKM,WAAL,EAAlB,GAAuC,MAA1E;CAND;;;;;AAYA,IAAIC,cAAc;QACV,sBADU;OAEXzE,WAFW;OAGX,SAHW;kBAIA,CAJA;aAKL,OALK;SAMTrD,mBANS;cAOJ,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb;CAPd;AASA,IAAI+H,eAAe,IAAIrE,KAAJ,CAAU,gBAAV,EAA4BoE,WAA5B,CAAnB;;AAEAtD,MAAMC,SAAN,CAAgBC,KAAhB,CAAsBC,IAAtB,CACCpB,SAASqB,gBAAT,CAA0B,8BAA1B,CADD,EAEEC,GAFF,CAEM,cAAM;IACRd,gBAAH,CAAoB,OAApB,EAA6B,UAACC,CAAD,EAAO;MAC/Bc,MAAMd,EAAEe,MAAZ;MACIiD,OAAOlD,IAAIG,YAAJ,CAAiB,WAAjB,CAAX;MACIgD,kBAAkB,CAAtB;;MAEGD,SAAS,UAAZ,EAAwB;qBACL,CAAlB;;;MAGG9C,SAAS,EAAb;MACIgD,cAAc3E,SAChBC,aADgB,CACF,gCADE,EAEhByB,YAFgB,CAEH,YAFG,CAAlB;MAGGiD,gBAAgB,WAAnB,EAAgC;YACtBjI,qBAAT;GADD,MAEO,IAAIiI,gBAAgB,MAApB,EAA4B;YACzBlI,mBAAT;;;cAGWiI,eAAZ,GAA8BA,eAA9B;cACY/C,MAAZ,GAAqBA,MAArB;MACIxB,KAAJ,CAAU,gBAAV,EAA4BoE,WAA5B;;QAEMrD,SAAN,CAAgBC,KAAhB,CAAsBC,IAAtB,CACCG,IAAIO,UAAJ,CAAeT,gBAAf,CAAgC,QAAhC,CADD,EAC4CC,GAD5C,CACgD,cAAM;MAClDS,SAAH,CAAaC,MAAb,CAAoB,QAApB;GAFD;MAIID,SAAJ,CAAcE,GAAd,CAAkB,QAAlB;EA3BD;CAHD;;AAkCAhB,MAAMC,SAAN,CAAgBC,KAAhB,CAAsBC,IAAtB,CACCpB,SAASqB,gBAAT,CAA0B,+BAA1B,CADD,EAEEC,GAFF,CAEM,cAAM;IACRd,gBAAH,CAAoB,OAApB,EAA6B,UAACC,CAAD,EAAO;MAC/Bc,MAAMd,EAAEe,MAAZ;MACImD,cAAcpD,IAAIG,YAAJ,CAAiB,YAAjB,CAAlB;MACIC,SAAS,EAAb;;MAEGgD,gBAAgB,WAAnB,EAAgC;YACtBjI,qBAAT;GADD,MAEO,IAAIiI,gBAAgB,MAApB,EAA4B;YACzBlI,mBAAT;;;MAGGiI,kBAAkB,CAAtB;;MAEIE,YAAY5E,SACdC,aADc,CACA,+BADA,EAEdyB,YAFc,CAED,WAFC,CAAhB;MAGGkD,cAAc,YAAjB,EAA+B;qBACZ,CAAlB;;;cAGWF,eAAZ,GAA8BA,eAA9B;cACY/C,MAAZ,GAAqBA,MAArB;MACIxB,KAAJ,CAAU,gBAAV,EAA4BoE,WAA5B;;QAEMrD,SAAN,CAAgBC,KAAhB,CAAsBC,IAAtB,CACCG,IAAIO,UAAJ,CAAeT,gBAAf,CAAgC,QAAhC,CADD,EAC4CC,GAD5C,CACgD,cAAM;MAClDS,SAAH,CAAaC,MAAb,CAAoB,QAApB;GAFD;MAIID,SAAJ,CAAcE,GAAd,CAAkB,QAAlB;EA5BD;CAHD;;AAmCAjC,SAASC,aAAT,CAAuB,iBAAvB,EAA0CO,gBAA1C,CAA2D,OAA3D,EAAoE,YAAM;cAC5D0B,MAAb;CADD;;;;"} \ No newline at end of file diff --git a/docs/index.html b/docs/index.html index eb5e87c..d74f7e0 100644 --- a/docs/index.html +++ b/docs/index.html @@ -27,7 +27,7 @@

                          Frappe Charts

                          -

                          GitHub-inspired simple and modern charts for the web

                          +

                          GitHub-inspired simple and modern SVG charts for the web

                          with zero dependencies.

                          @@ -75,7 +75,7 @@ title: "My Awesome Chart", type: 'axis-mixed', // or 'bar', 'line', 'pie', 'percentage' - height: 250, + height: 300, colors: ['purple', '#ffa3ef', 'red'] }); @@ -206,21 +206,19 @@ 
                            let heatmap = new Chart("#heatmap", {
     type: 'heatmap',
-    height: 115,
-    data: heatmapData,  // object with date/timestamp-value pairs
-
-    discreteDomains: 1  // default: 0
-
-    start: startDate,
-                  // A Date object;
-                  // default: today's date in past year
-                  //          for an annual heatmap
-
+    title: "Monthly Distribution",
+    data: {
+      dataPoints: {'1524064033': 8, /* ... */},
+                        // object with timestamp-value pairs
+      start: startDate
+      end: endDate      // Date objects
+    },
+    countLabel: 'Level',
+    discreteDomains: 0  // default: 1
     colors: ['#ebedf0', '#c0ddf9', '#73b3f3', '#3886e1', '#17459e'],
                   // Set of five incremental colors,
-                  // beginning with a low-saturation color for zero data;
-                  // default: ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127']
-
+                  // preferably with a low-saturation color for zero data;
+                  // def: ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127']
   });
                          diff --git a/rollup.config.js b/rollup.config.js index a60a153..1b14719 100644 --- a/rollup.config.js +++ b/rollup.config.js @@ -18,7 +18,6 @@ import precss from 'precss'; import CleanCSS from 'clean-css'; import autoprefixer from 'autoprefixer'; import fs from 'fs'; -import { HEATMAP_LEFT_MARGIN } from './src/js/utils/constants'; fs.readFile('src/css/charts.scss', (err, css) => { postcss([precss, autoprefixer]) diff --git a/src/css/charts.scss b/src/css/charts.scss index 75de485..d128335 100644 --- a/src/css/charts.scss +++ b/src/css/charts.scss @@ -49,6 +49,10 @@ text-anchor: middle; } } + .legend-dataset-text { + fill: #6c7680; + font-weight: 600; + } } .graph-svg-tip { diff --git a/src/js/charts/AxisChart.js b/src/js/charts/AxisChart.js index bb4a424..c983bcd 100644 --- a/src/js/charts/AxisChart.js +++ b/src/js/charts/AxisChart.js @@ -1,6 +1,6 @@ import BaseChart from './BaseChart'; import { dataPrep, zeroDataPrep, getShortenedLabels } from '../utils/axis-chart-utils'; -import { Y_AXIS_LEFT_MARGIN, Y_AXIS_RIGHT_MARGIN, AXIS_LEGEND_BAR_SIZE } from '../utils/constants'; +import { AXIS_LEGEND_BAR_SIZE } from '../utils/constants'; import { getComponent } from '../objects/ChartComponents'; import { getOffset, fire } from '../utils/dom'; import { calcChartIntervals, getIntervalSize, getValueRange, getZeroIndex, scale, getClosestInArray } from '../utils/intervals'; @@ -21,26 +21,27 @@ export default class AxisChart extends BaseChart { this.setup(); } - configure(args) { - super.configure(args); + setMeasures(options) { + if(this.data.datasets.length <= 1) { + this.config.showLegend = 0; + this.measures.paddings.bottom = 30; + } + } - args.axisOptions = args.axisOptions || {}; - args.tooltipOptions = args.tooltipOptions || {}; + configure(options) { + super.configure(options); - this.config.xAxisMode = args.axisOptions.xAxisMode || 'span'; - this.config.yAxisMode = args.axisOptions.yAxisMode || 'span'; - this.config.xIsSeries = args.axisOptions.xIsSeries || 0; + options.axisOptions = options.axisOptions || {}; + options.tooltipOptions = options.tooltipOptions || {}; - this.config.formatTooltipX = args.tooltipOptions.formatTooltipX; - this.config.formatTooltipY = args.tooltipOptions.formatTooltipY; + this.config.xAxisMode = options.axisOptions.xAxisMode || 'span'; + this.config.yAxisMode = options.axisOptions.yAxisMode || 'span'; + this.config.xIsSeries = options.axisOptions.xIsSeries || 0; - this.config.valuesOverPoints = args.valuesOverPoints; - } + this.config.formatTooltipX = options.tooltipOptions.formatTooltipX; + this.config.formatTooltipY = options.tooltipOptions.formatTooltipY; - setMargins() { - super.setMargins(); - this.leftMargin = Y_AXIS_LEFT_MARGIN; - this.rightMargin = Y_AXIS_RIGHT_MARGIN; + this.config.valuesOverPoints = options.valuesOverPoints; } prepareData(data=this.data) { @@ -364,11 +365,13 @@ export default class AxisChart extends BaseChart { bindTooltip() { // NOTE: could be in tooltip itself, as it is a given functionality for its parent this.container.addEventListener('mousemove', (e) => { + let m = this.measures; let o = getOffset(this.container); - let relX = e.pageX - o.left - this.leftMargin; - let relY = e.pageY - o.top - this.topMargin; + let relX = e.pageX - o.left - m.margins.left - m.paddings.left; + let relY = e.pageY - o.top; - if(relY < this.height + this.topMargin * 2) { + if(relY < this.height + m.titleHeight + m.margins.top + m.paddings.top + && relY > m.titleHeight + m.margins.top + m.paddings.top) { this.mapTooltipXPosition(relX); } else { this.tip.hideTip(); @@ -382,6 +385,7 @@ export default class AxisChart extends BaseChart { let index = getClosestInArray(relX, s.xAxis.positions, true); + console.log(relX, s.xAxis.positions[index], s.xAxis.positions, this.tip.offset.x); this.tip.setValues( s.xAxis.positions[index] + this.tip.offset.x, s.yExtremes[index] + this.tip.offset.y, @@ -401,12 +405,11 @@ export default class AxisChart extends BaseChart { renderLegend() { let s = this.data; - this.legendArea.textContent = ''; - if(s.datasets.length > 1) { + this.legendArea.textContent = ''; s.datasets.map((d, i) => { let barWidth = AXIS_LEGEND_BAR_SIZE; - // let rightEndPoint = this.baseWidth - this.leftMargin - this.rightMargin; + // let rightEndPoint = this.baseWidth - this.measures.margins.left - this.measures.margins.right; // let multiplier = s.datasets.length - i; let rect = legendBar( // rightEndPoint - multiplier * barWidth, // To right align diff --git a/src/js/charts/BaseChart.js b/src/js/charts/BaseChart.js index 61a045e..2a8ab18 100644 --- a/src/js/charts/BaseChart.js +++ b/src/js/charts/BaseChart.js @@ -1,13 +1,11 @@ import SvgTip from '../objects/SvgTip'; import { $, isElementInViewport, getElementContentWidth } from '../utils/dom'; -import { makeSVGContainer, makeSVGDefs, makeSVGGroup, makeText, AXIS_TICK_LENGTH } from '../utils/draw'; -import { BASE_CHART_TOP_MARGIN, BASE_CHART_LEFT_MARGIN, - BASE_CHART_RIGHT_MARGIN, INIT_CHART_UPDATE_TIMEOUT, CHART_POST_ANIMATE_TIMEOUT, DEFAULT_COLORS, - ALL_CHART_TYPES, COMPATIBLE_CHARTS, DATA_COLOR_DIVISIONS} from '../utils/constants'; +import { makeSVGContainer, makeSVGDefs, makeSVGGroup, makeText, yLine } from '../utils/draw'; +import { BASE_MEASURES, getExtraHeight, getExtraWidth, INIT_CHART_UPDATE_TIMEOUT, CHART_POST_ANIMATE_TIMEOUT, + DEFAULT_COLORS} from '../utils/constants'; import { getColor, isValidColor } from '../utils/colors'; import { runSMILAnimation } from '../utils/animation'; import { downloadFile, prepareForExport } from '../utils/export'; -import { Chart } from '../chart'; export default class BaseChart { constructor(parent, options) { @@ -23,7 +21,6 @@ export default class BaseChart { this.rawChartArgs = options; this.title = options.title || ''; - this.argHeight = options.height || 240; this.type = options.type || ''; this.realData = this.prepareData(options.data); @@ -33,10 +30,18 @@ export default class BaseChart { this.config = { showTooltip: 1, // calculate - showLegend: options.showLegend || 1, + showLegend: 1, // calculate isNavigable: options.isNavigable || 0, animate: 1 }; + + this.measures = JSON.parse(JSON.stringify(BASE_MEASURES)); + let m = this.measures; + this.setMeasures(options); + if(!this.title.length) { m.titleHeight = 0; } + if(!this.config.showLegend) m.legendHeight = 0; + this.argHeight = options.height || m.baseHeight; + this.state = {}; this.options = {}; @@ -49,12 +54,12 @@ export default class BaseChart { this.configure(options); } - configure() { - this.setMargins(); + prepareData(data) { + return data; + } - // Bind window events - window.addEventListener('resize', () => this.boundDrawFn); - window.addEventListener('orientationchange', () => this.boundDrawFn); + prepareFirstData(data) { + return data; } validateColors(colors, type) { @@ -71,17 +76,22 @@ export default class BaseChart { return validColors; } - setMargins() { + setMeasures() { + // Override measures, including those for title and legend + // set config for legend and title + } + + configure() { let height = this.argHeight; this.baseHeight = height; - this.height = height - 70; - this.topMargin = BASE_CHART_TOP_MARGIN; + this.height = height - getExtraHeight(this.measures); - // Horizontal margins - this.leftMargin = BASE_CHART_LEFT_MARGIN; - this.rightMargin = BASE_CHART_RIGHT_MARGIN; + // Bind window events + window.addEventListener('resize', () => this.draw(true)); + window.addEventListener('orientationchange', () => this.draw(true)); } + // Has to be called manually setup() { this.makeContainer(); this.updateWidth(); @@ -90,10 +100,6 @@ export default class BaseChart { this.draw(false, true); } - setupComponents() { - this.components = new Map(); - } - makeContainer() { // Chart needs a dedicated parent element this.parent.innerHTML = ''; @@ -140,11 +146,71 @@ export default class BaseChart { this.setupNavigation(init); } + calc() {} // builds state + updateWidth() { this.baseWidth = getElementContentWidth(this.parent); - this.width = this.baseWidth - (this.leftMargin + this.rightMargin); + this.width = this.baseWidth - getExtraWidth(this.measures); } + makeChartArea() { + if(this.svg) { + this.container.removeChild(this.svg); + } + let m = this.measures; + + this.svg = makeSVGContainer( + this.container, + 'frappe-chart chart', + this.baseWidth, + this.baseHeight + ); + this.svgDefs = makeSVGDefs(this.svg); + + if(this.title.length) { + this.titleEL = makeText( + 'title', + m.margins.left, + m.margins.top, + this.title, + { + fontSize: m.titleFontSize, + fill: '#666666', + dy: m.titleFontSize + } + ); + } + + let top = m.margins.top + m.titleHeight + m.paddings.top; + this.drawArea = makeSVGGroup( + this.type + '-chart chart-draw-area', + `translate(${m.margins.left + m.paddings.left}, ${top})` + ); + + if(this.config.showLegend) { + top += this.height + m.paddings.bottom; + this.legendArea = makeSVGGroup( + 'chart-legend', + `translate(${m.margins.left + m.paddings.left}, ${top})` + ); + } + + if(this.title.length) { this.svg.appendChild(this.titleEL); } + this.svg.appendChild(this.drawArea); + if(this.config.showLegend) { this.svg.appendChild(this.legendArea); } + + this.updateTipOffset(m.margins.left + m.paddings.left, m.margins.top + m.paddings.top + m.titleHeight); + } + + updateTipOffset(x, y) { + this.tip.offset = { + x: x, + y: y + }; + } + + setupComponents() { this.components = new Map(); } + update(data) { if(!data) { console.error('No data to update.'); @@ -154,16 +220,6 @@ export default class BaseChart { this.render(); } - prepareData(data=this.data) { - return data; - } - - prepareFirstData(data=this.data) { - return data; - } - - calc() {} // builds state - render(components=this.components, animate=true) { if(this.config.isNavigable) { // Remove all existing overlays @@ -194,68 +250,6 @@ export default class BaseChart { } } - makeChartArea() { - if(this.svg) { - this.container.removeChild(this.svg); - } - - let titleAreaHeight = 0; - let legendAreaHeight = 0; - if(this.title.length) { - titleAreaHeight = 40; - } - if(this.config.showLegend) { - legendAreaHeight = 30; - } - - this.svg = makeSVGContainer( - this.container, - 'frappe-chart chart', - this.baseWidth, - this.baseHeight + titleAreaHeight + legendAreaHeight - ); - this.svgDefs = makeSVGDefs(this.svg); - - // console.log(this.baseHeight, titleAreaHeight, legendAreaHeight); - - if(this.title.length) { - this.titleEL = makeText( - 'title', - this.leftMargin - AXIS_TICK_LENGTH * 6, - this.topMargin, - this.title, - { - fontSize: 12, - fill: '#666666' - } - ); - this.svg.appendChild(this.titleEL); - } - - let top = this.topMargin + titleAreaHeight; - this.drawArea = makeSVGGroup( - this.svg, - this.type + '-chart', - `translate(${this.leftMargin}, ${top})` - ); - - top = this.baseHeight - titleAreaHeight; - this.legendArea = makeSVGGroup( - this.svg, - 'chart-legend', - `translate(${this.leftMargin}, ${top})` - ); - - this.updateTipOffset(this.leftMargin, this.topMargin + titleAreaHeight); - } - - updateTipOffset(x, y) { - this.tip.offset = { - x: x, - y: y - }; - } - renderLegend() {} setupNavigation(init=false) { @@ -302,39 +296,13 @@ export default class BaseChart { updateDataset() {} - getDifferentChart(type) { - const currentType = this.type; - let args = this.rawChartArgs; - if(type === currentType) return; - - if(!ALL_CHART_TYPES.includes(type)) { - console.error(`'${type}' is not a valid chart type.`); - } - - if(!COMPATIBLE_CHARTS[currentType].includes(type)) { - console.error(`'${currentType}' chart cannot be converted to a '${type}' chart.`); - } - - // whether the new chart can use the existing colors - const useColor = DATA_COLOR_DIVISIONS[currentType] === DATA_COLOR_DIVISIONS[type]; - - // Okay, this is anticlimactic - // this function will need to actually be 'changeChartType(type)' - // that will update only the required elements, but for now ... - - args.type = type; - args.colors = useColor ? args.colors : undefined; - - return new Chart(this.parent, args); - } - boundDrawFn() { this.draw(true); } unbindWindowEvents(){ - window.removeEventListener('resize', () => this.boundDrawFn); - window.removeEventListener('orientationchange', () => this.boundDrawFn); + window.removeEventListener('resize', () => this.boundDrawFn.bind(this)); + window.removeEventListener('orientationchange', () => this.boundDrawFn.bind(this)); } export() { diff --git a/src/js/charts/Heatmap.js b/src/js/charts/Heatmap.js index 0e8bc8f..5cae0e8 100644 --- a/src/js/charts/Heatmap.js +++ b/src/js/charts/Heatmap.js @@ -4,7 +4,7 @@ import { makeText, heatSquare } from '../utils/draw'; import { DAY_NAMES_SHORT, addDays, areInSameMonth, getLastDateInMonth, setDayToSunday, getYyyyMmDd, getWeeksBetween, getMonthName, clone, NO_OF_MILLIS, NO_OF_YEAR_MONTHS, NO_OF_DAYS_IN_WEEK } from '../utils/date-utils'; import { calcDistribution, getMaxCheckpoint } from '../utils/intervals'; -import { HEATMAP_TOP_MARGIN, HEATMAP_LEFT_MARGIN, HEATMAP_DISTRIBUTION_SIZE, HEATMAP_SQUARE_SIZE, +import { getExtraHeight, getExtraWidth, HEATMAP_DISTRIBUTION_SIZE, HEATMAP_SQUARE_SIZE, HEATMAP_GUTTER_SIZE } from '../utils/constants'; const COL_WIDTH = HEATMAP_SQUARE_SIZE + HEATMAP_GUTTER_SIZE; @@ -26,26 +26,26 @@ export default class Heatmap extends BaseChart { this.setup(); } - configure(options) { + setMeasures(options) { + let m = this.measures; this.discreteDomains = options.discreteDomains === 0 ? 0 : 1; - super.configure(options); - } - setMargins() { - super.setMargins(); - this.leftMargin = HEATMAP_LEFT_MARGIN; - this.topMargin = HEATMAP_TOP_MARGIN; + m.paddings.top = ROW_HEIGHT * 3; + m.paddings.bottom = 0; + m.legendHeight = ROW_HEIGHT * 2; + m.baseHeight = ROW_HEIGHT * NO_OF_DAYS_IN_WEEK + + getExtraHeight(m); let d = this.data; let spacing = this.discreteDomains ? NO_OF_YEAR_MONTHS : 0; this.independentWidth = (getWeeksBetween(d.start, d.end) - + spacing) * COL_WIDTH + this.rightMargin + this.leftMargin; + + spacing) * COL_WIDTH + m.margins.right + m.margins.left; } updateWidth() { let spacing = this.discreteDomains ? NO_OF_YEAR_MONTHS : 0; this.baseWidth = (this.state.noOfWeeks + spacing) * COL_WIDTH - + this.rightMargin + this.leftMargin; + + getExtraWidth(this.measures); } prepareData(data=this.data) { @@ -246,7 +246,7 @@ export default class Heatmap extends BaseChart { addDays(startOfWeek, 1); } - if(col[NO_OF_DAYS_IN_WEEK - 1].dataValue) { + if(col[NO_OF_DAYS_IN_WEEK - 1].dataValue !== undefined) { addDays(startOfWeek, 1); cols.push(this.getCol(startOfWeek, month, true)); } diff --git a/src/js/charts/MultiAxisChart.js b/src/js/charts/MultiAxisChart.js index 8eb1bc2..69cfb4f 100644 --- a/src/js/charts/MultiAxisChart.js +++ b/src/js/charts/MultiAxisChart.js @@ -14,11 +14,11 @@ export default class MultiAxisChart extends AxisChart { this.type = 'multiaxis'; } - setMargins() { - super.setMargins(); + setMeasures() { + super.setMeasures(); let noOfLeftAxes = this.data.datasets.filter(d => d.axisPosition === 'left').length; - this.leftMargin = (noOfLeftAxes) * Y_AXIS_MARGIN || Y_AXIS_MARGIN; - this.rightMargin = (this.data.datasets.length - noOfLeftAxes) * Y_AXIS_MARGIN || Y_AXIS_MARGIN; + this.measures.margins.left = (noOfLeftAxes) * Y_AXIS_MARGIN || Y_AXIS_MARGIN; + this.measures.margins.right = (this.data.datasets.length - noOfLeftAxes) * Y_AXIS_MARGIN || Y_AXIS_MARGIN; } prepareYAxis() { } diff --git a/src/js/objects/ChartComponents.js b/src/js/objects/ChartComponents.js index 6358c87..c99982a 100644 --- a/src/js/objects/ChartComponents.js +++ b/src/js/objects/ChartComponents.js @@ -38,7 +38,7 @@ class ChartComponent { } setup(parent) { - this.layer = makeSVGGroup(parent, this.layerClass, this.layerTransform); + this.layer = makeSVGGroup(this.layerClass, this.layerTransform, parent); } make() { @@ -243,9 +243,9 @@ let componentConfigs = { data.cols.map((week, weekNo) => { if(weekNo === 1) { this.labels.push( - makeText('domain-name', x, monthNameHeight, getMonthName(index, true), + makeText('domain-name', x, monthNameHeight, getMonthName(index, true).toUpperCase(), { - fontSize: 11 + fontSize: 9 } ) ); diff --git a/src/js/utils/constants.js b/src/js/utils/constants.js index 69bc133..c6c2131 100644 --- a/src/js/utils/constants.js +++ b/src/js/utils/constants.js @@ -16,12 +16,40 @@ export const DATA_COLOR_DIVISIONS = { heatmap: HEATMAP_DISTRIBUTION_SIZE }; -export const BASE_CHART_TOP_MARGIN = 10; -export const BASE_CHART_LEFT_MARGIN = 20; -export const BASE_CHART_RIGHT_MARGIN = 20; +export const BASE_MEASURES = { + margins: { + top: 10, + bottom: 10, + left: 20, + right: 20 + }, + paddings: { + top: 20, + bottom: 40, + left: 30, + right: 10 + }, + + baseHeight: 240, + titleHeight: 20, + legendHeight: 30, + + titleFontSize: 12, +}; + +export function getExtraHeight(m) { + let totalExtraHeight = m.margins.top + m.margins.bottom + + m.paddings.top + m.paddings.bottom + + m.titleHeight + m.legendHeight; + return totalExtraHeight; +} -export const Y_AXIS_LEFT_MARGIN = 60; -export const Y_AXIS_RIGHT_MARGIN = 40; +export function getExtraWidth(m) { + let totalExtraWidth = m.margins.left + m.margins.right + + m.paddings.left + m.paddings.right; + + return totalExtraWidth; +} export const INIT_CHART_UPDATE_TIMEOUT = 700; export const CHART_POST_ANIMATE_TIMEOUT = 400; @@ -44,9 +72,6 @@ export const PERCENTAGE_BAR_DEFAULT_DEPTH = 2; // More colors are difficult to parse visually export const HEATMAP_DISTRIBUTION_SIZE = 5; -export const HEATMAP_LEFT_MARGIN = 50; -export const HEATMAP_TOP_MARGIN = 25; - export const HEATMAP_SQUARE_SIZE = 10; export const HEATMAP_GUTTER_SIZE = 2; diff --git a/src/js/utils/draw.js b/src/js/utils/draw.js index b4afdab..359ee03 100644 --- a/src/js/utils/draw.js +++ b/src/js/utils/draw.js @@ -81,12 +81,13 @@ export function makeSVGDefs(svgContainer) { }); } -export function makeSVGGroup(parent, className, transform='') { - return createSVG('g', { +export function makeSVGGroup(className, transform='', parent=undefined) { + let args = { className: className, - inside: parent, transform: transform - }); + }; + if(parent) args.inside = parent; + return createSVG('g', args); } export function wrapInSVGGroup(elements, className='') {