From 6e14dd45eed18fc2d7910eebef3359ac9ea65fcf Mon Sep 17 00:00:00 2001 From: Prateeksha Singh Date: Thu, 12 Apr 2018 16:39:45 +0530 Subject: [PATCH] [fix] initial width bug --- dist/frappe-charts.esm.js | 9 +++------ dist/frappe-charts.min.cjs.js | 2 +- dist/frappe-charts.min.esm.js | 2 +- dist/frappe-charts.min.iife.js | 2 +- dist/frappe-charts.min.iife.js.map | 2 +- docs/assets/js/frappe-charts.min.js | 2 +- docs/assets/js/frappe-charts.min.js.map | 2 +- src/js/charts/BaseChart.js | 3 ++- src/js/charts/PieChart.js | 6 +----- 9 files changed, 12 insertions(+), 18 deletions(-) diff --git a/dist/frappe-charts.esm.js b/dist/frappe-charts.esm.js index 1da9af9..20b5a3c 100644 --- a/dist/frappe-charts.esm.js +++ b/dist/frappe-charts.esm.js @@ -1281,6 +1281,7 @@ class BaseChart { setup() { this.makeContainer(); + this.updateWidth(); this.makeTooltip(); this.draw(false, true); @@ -1404,7 +1405,7 @@ class BaseChart { ); this.svgDefs = makeSVGDefs(this.svg); - console.log(this.baseHeight, titleAreaHeight, legendAreaHeight); + // console.log(this.baseHeight, titleAreaHeight, legendAreaHeight); if(this.title.length) { this.titleEL = makeText( @@ -2068,6 +2069,7 @@ class PieChart extends AggregationChart { super(parent, args); this.type = 'pie'; this.initTimeout = 0; + this.init = 1; this.setup(); } @@ -2083,11 +2085,6 @@ class PieChart extends AggregationChart { this.clockWise = args.clockWise || false; } - prepareFirstData(data=this.data) { - this.init = 1; - return data; - } - calc() { super.calc(); let s = this.state; diff --git a/dist/frappe-charts.min.cjs.js b/dist/frappe-charts.min.cjs.js index 66ce2b0..995748a 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 $$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 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 makeText(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:FONT_SIZE;return createSVG("text",{className:t,x:e,y:n,dy:a/2+"px","font-size":a+"px",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 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 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 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 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 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 calcDistribution(t,e){for(var n=Math.max.apply(Math,toConsumableArray(t)),i=1/(e-1),a=[],r=0;rn?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"line"===t?(n.type="line",new AxisChart(e,n)):"bar"===t?(n.type="bar",new AxisChart(e,n)):"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{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 .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}',{});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,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}(),ALL_CHART_TYPES=["line","scatter","bar","percentage","heatmap","pie"],COMPATIBLE_CHARTS={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],percentage:["bar","line","scatter","pie"],heatmap:[]},DATA_COLOR_DIVISIONS={bar:"datasets",line:"datasets",pie:"labels",percentage:"labels",heatmap:HEATMAP_DISTRIBUTION_SIZE},BASE_CHART_TOP_MARGIN=10,BASE_CHART_LEFT_MARGIN=20,BASE_CHART_RIGHT_MARGIN=20,Y_AXIS_LEFT_MARGIN=60,Y_AXIS_RIGHT_MARGIN=40,INIT_CHART_UPDATE_TIMEOUT=700,CHART_POST_ANIMATE_TIMEOUT=400,DEFAULT_AXIS_CHART_TYPE="line",AXIS_DATASET_CHART_TYPES=["line","bar"],AXIS_LEGEND_BAR_SIZE=100,BAR_CHART_SPACE_RATIO=.5,MIN_BAR_PERCENT_HEIGHT=.01,LINE_CHART_DOT_SIZE=4,DOT_OVERLAY_SIZE_INCR=4,DEFAULT_CHAR_WIDTH=7,ANGLE_RATIO=Math.PI/180,FULL_ANGLE=360,HEATMAP_DISTRIBUTION_SIZE=5,HEATMAP_SQUARE_SIZE=10,HEATMAP_GUTTER_SIZE=2,HEATMAP_COLORS=["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],DEFAULT_CHART_COLORS=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],DEFAULT_COLORS={bar:DEFAULT_CHART_COLORS,line:DEFAULT_CHART_COLORS,pie:DEFAULT_CHART_COLORS,percentage:DEFAULT_CHART_COLORS,heatmap:HEATMAP_COLORS},AXIS_TICK_LENGTH=6,LABEL_MARGIN=4,FONT_SIZE=10,BASE_LINE_COLOR="#dadada",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)}},PRESET_COLOR_MAP={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},getColor=function(t){return PRESET_COLOR_MAP[t]||t},UNIT_ANIM_DUR=350,PATH_ANIM_DUR=350,MARKER_LINE_ANIM_DUR=UNIT_ANIM_DUR,REPLACE_ALL_NEW_DUR=250,STD_EASING="easein",EASING={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},BaseChart=function(){function t(e,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.draw(!0)}),window.addEventListener("orientationchange",function(){return t.draw(!0)})}},{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.makeTooltip(),this.draw(!1,!0)}},{key:"setupComponents",value:function(){this.components=new Map}},{key:"makeContainer",value:function(){this.parent.innerHTML="",this.container=$.create("div",{inside:this.parent,className:"chart-container"})}},{key:"makeTooltip",value:function(){this.tip=new SvgTip({parent:this.container,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],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=30),this.config.showLegend&&(e=30),this.svg=makeSVGContainer(this.container,"frappe-chart chart",this.baseWidth,this.baseHeight+t+e),this.svgDefs=makeSVGDefs(this.svg),console.log(this.baseHeight,t,e),this.title.length&&(this.titleEL=makeText("title",this.leftMargin-AXIS_TICK_LENGTH,this.topMargin,this.title,11),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+")")}},{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:"unbindWindowEvents",value:function(){var t=this;window.removeEventListener("resize",function(){return t.draw(!0)}),window.removeEventListener("orientationchange",function(){return t.draw(!0)})}}]),t}(),AggregationChart=function(t){function e(t,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])})}},{key:"renderLegend",value:function(){}}]),e}(BaseChart),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.setup(),i}return inherits(e,t),createClass(e,[{key:"makeChartArea",value:function(){this.container.className+=" graph-focus-margin",this.container.style.marginTop="45px",this.svg=$.create("div",{className:"div",inside:this.container}),this.chart=$.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=$.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var t=this,e=this.state;this.grandTotal=e.sliceTotals.reduce(function(t,e){return t+e},0),e.slices=[],e.sliceTotals.map(function(n,i){var a=$.create("div",{className:"progress-bar","data-index":i,inside:t.percentageBar,styles:{background:t.colors[i],width:100*n/t.grandTotal+"%"}});e.slices.push(a)})}},{key:"bindTooltip",value:function(){var t=this,e=this.state;this.container.addEventListener("mousemove",function(n){var i=n.target;if(i.classList.contains("progress-bar")){var a=i.getAttribute("data-index"),r=getOffset(t.container),s=getOffset(i),o=s.left-r.left+i.offsetWidth/2,l=s.top-r.top-6,c=(t.formattedLabels&&t.formattedLabels.length>0?t.formattedLabels[a]:t.state.labels[a])+": ",u=(100*e.sliceTotals[a]/t.grandTotal).toFixed(1);t.tip.setValues(o,l,{name:c,value:u+"%"}),t.tip.showTip()}})}}]),e}(AggregationChart),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.layerClass=i,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return createClass(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=makeSVGGroup(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),componentConfigs={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){},animateElements:function(t){}},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.colWidth,a=n.rowHeight,r=n.squareSize,s=n.xTranslate,o=0;return this.serializedSubDomains=[],t.cols.map(function(t){t.map(function(t,n){if(t.fill){var i={"data-date":t.yyyyMmDd,"data-value":t.dataValue,"data-day":n},l=heatSquare("day",s,o,r,t.fill,i);e.serializedSubDomains.push(l)}o+=a}),o=0,s+=i}),this.serializedSubDomains},animateElements:function(t){}},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}}},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.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:"prepareFirstData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;return this.init=1,t}},{key:"calc",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"calc",this).call(this);var t=this.state;this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y,t.grandTotal=t.sliceTotals.reduce(function(t,e){return t+e},0),this.calcSlices()}},{key:"calcSlices",value:function(){var t=this,e=this.state,n=this.radius,i=this.clockWise,a=e.slicesProperties||[];e.sliceStrings=[],e.slicesProperties=[];var r=180-this.config.startAngle;e.sliceTotals.map(function(s,o){var l=r,c=s/e.grandTotal*FULL_ANGLE,u=i?-c:c,h=r+=u,d=getPositionByAngle(l,n),p=getPositionByAngle(h,n),f=t.init&&a[o],v=void 0,g=void 0;t.init?(v=f?f.startPosition:d,g=f?f.endPosition:d):(v=d,g=p);var y=makeArcPathStr(v,g,t.center,t.radius,t.clockWise);e.sliceStrings.push(y),e.slicesProperties.push({startPosition:d,endPosition:p,value:s,total:e.grandTotal,startAngle:l,endAngle: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),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"],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.discreteDomains=0===n.discreteDomains?0:1,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:"updateWidth",value:function(){this.baseWidth=(this.state.noOfWeeks+99)*COL_WIDTH,this.discreteDomains&&(this.baseWidth+=COL_WIDTH*NO_OF_YEAR_MONTHS)}},{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=this.data.start,t.end=this.data.end,t.firstWeekStart=setDayToSunday(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=e.domainConfigs.map(function(n,i){return["heatDomain",{index:i,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:[]},o=getWeeksBetween(r,e=clone(e)||getLastDateInMonth(i,a)),l=[],c=0;c2&&void 0!==arguments[2]&&arguments[2],i=clone(t),a=[],r=0;r0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return zeroDataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,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){e=0;s--){var o=n.xAxis.positions[s];if(t>o-n.unitWidth/2){var l=o+this.leftMargin,c=n.yExtremes[s]+this.topMargin,u=this.data.datasets.map(function(t,n){return{title:t.name,value:i?i(t.values[s]):t.values[s],color:e.colors[n]}});this.tip.setValues(l,c,{name:r[s],value:""},u,s),this.tip.showTip();break}}}}},{key:"renderLegend",value:function(){var t=this,e=this.data;this.legendArea.textContent="",e.datasets.length>1&&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={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 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 $$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 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 makeText(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:FONT_SIZE;return createSVG("text",{className:t,x:e,y:n,dy:a/2+"px","font-size":a+"px",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 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 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 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 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 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 calcDistribution(t,e){for(var n=Math.max.apply(Math,toConsumableArray(t)),i=1/(e-1),a=[],r=0;rn?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"line"===t?(n.type="line",new AxisChart(e,n)):"bar"===t?(n.type="bar",new AxisChart(e,n)):"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{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 .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}',{});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,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}(),ALL_CHART_TYPES=["line","scatter","bar","percentage","heatmap","pie"],COMPATIBLE_CHARTS={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],percentage:["bar","line","scatter","pie"],heatmap:[]},DATA_COLOR_DIVISIONS={bar:"datasets",line:"datasets",pie:"labels",percentage:"labels",heatmap:HEATMAP_DISTRIBUTION_SIZE},BASE_CHART_TOP_MARGIN=10,BASE_CHART_LEFT_MARGIN=20,BASE_CHART_RIGHT_MARGIN=20,Y_AXIS_LEFT_MARGIN=60,Y_AXIS_RIGHT_MARGIN=40,INIT_CHART_UPDATE_TIMEOUT=700,CHART_POST_ANIMATE_TIMEOUT=400,DEFAULT_AXIS_CHART_TYPE="line",AXIS_DATASET_CHART_TYPES=["line","bar"],AXIS_LEGEND_BAR_SIZE=100,BAR_CHART_SPACE_RATIO=.5,MIN_BAR_PERCENT_HEIGHT=.01,LINE_CHART_DOT_SIZE=4,DOT_OVERLAY_SIZE_INCR=4,DEFAULT_CHAR_WIDTH=7,ANGLE_RATIO=Math.PI/180,FULL_ANGLE=360,HEATMAP_DISTRIBUTION_SIZE=5,HEATMAP_SQUARE_SIZE=10,HEATMAP_GUTTER_SIZE=2,HEATMAP_COLORS=["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],DEFAULT_CHART_COLORS=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],DEFAULT_COLORS={bar:DEFAULT_CHART_COLORS,line:DEFAULT_CHART_COLORS,pie:DEFAULT_CHART_COLORS,percentage:DEFAULT_CHART_COLORS,heatmap:HEATMAP_COLORS},AXIS_TICK_LENGTH=6,LABEL_MARGIN=4,FONT_SIZE=10,BASE_LINE_COLOR="#dadada",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)}},PRESET_COLOR_MAP={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},getColor=function(t){return PRESET_COLOR_MAP[t]||t},UNIT_ANIM_DUR=350,PATH_ANIM_DUR=350,MARKER_LINE_ANIM_DUR=UNIT_ANIM_DUR,REPLACE_ALL_NEW_DUR=250,STD_EASING="easein",EASING={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},BaseChart=function(){function t(e,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.draw(!0)}),window.addEventListener("orientationchange",function(){return t.draw(!0)})}},{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="",this.container=$.create("div",{inside:this.parent,className:"chart-container"})}},{key:"makeTooltip",value:function(){this.tip=new SvgTip({parent:this.container,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],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=30),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-AXIS_TICK_LENGTH,this.topMargin,this.title,11),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+")")}},{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:"unbindWindowEvents",value:function(){var t=this;window.removeEventListener("resize",function(){return t.draw(!0)}),window.removeEventListener("orientationchange",function(){return t.draw(!0)})}}]),t}(),AggregationChart=function(t){function e(t,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])})}},{key:"renderLegend",value:function(){}}]),e}(BaseChart),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.setup(),i}return inherits(e,t),createClass(e,[{key:"makeChartArea",value:function(){this.container.className+=" graph-focus-margin",this.container.style.marginTop="45px",this.svg=$.create("div",{className:"div",inside:this.container}),this.chart=$.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=$.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var t=this,e=this.state;this.grandTotal=e.sliceTotals.reduce(function(t,e){return t+e},0),e.slices=[],e.sliceTotals.map(function(n,i){var a=$.create("div",{className:"progress-bar","data-index":i,inside:t.percentageBar,styles:{background:t.colors[i],width:100*n/t.grandTotal+"%"}});e.slices.push(a)})}},{key:"bindTooltip",value:function(){var t=this,e=this.state;this.container.addEventListener("mousemove",function(n){var i=n.target;if(i.classList.contains("progress-bar")){var a=i.getAttribute("data-index"),r=getOffset(t.container),s=getOffset(i),o=s.left-r.left+i.offsetWidth/2,l=s.top-r.top-6,c=(t.formattedLabels&&t.formattedLabels.length>0?t.formattedLabels[a]:t.state.labels[a])+": ",u=(100*e.sliceTotals[a]/t.grandTotal).toFixed(1);t.tip.setValues(o,l,{name:c,value:u+"%"}),t.tip.showTip()}})}}]),e}(AggregationChart),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.layerClass=i,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return createClass(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=makeSVGGroup(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),componentConfigs={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){},animateElements:function(t){}},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.colWidth,a=n.rowHeight,r=n.squareSize,s=n.xTranslate,o=0;return this.serializedSubDomains=[],t.cols.map(function(t){t.map(function(t,n){if(t.fill){var i={"data-date":t.yyyyMmDd,"data-value":t.dataValue,"data-day":n},l=heatSquare("day",s,o,r,t.fill,i);e.serializedSubDomains.push(l)}o+=a}),o=0,s+=i}),this.serializedSubDomains},animateElements:function(t){}},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}}},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(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"calc",this).call(this);var t=this.state;this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y,t.grandTotal=t.sliceTotals.reduce(function(t,e){return t+e},0),this.calcSlices()}},{key:"calcSlices",value:function(){var t=this,e=this.state,n=this.radius,i=this.clockWise,a=e.slicesProperties||[];e.sliceStrings=[],e.slicesProperties=[];var r=180-this.config.startAngle;e.sliceTotals.map(function(s,o){var l=r,c=s/e.grandTotal*FULL_ANGLE,u=i?-c:c,h=r+=u,d=getPositionByAngle(l,n),p=getPositionByAngle(h,n),f=t.init&&a[o],v=void 0,g=void 0;t.init?(v=f?f.startPosition:d,g=f?f.endPosition:d):(v=d,g=p);var y=makeArcPathStr(v,g,t.center,t.radius,t.clockWise);e.sliceStrings.push(y),e.slicesProperties.push({startPosition:d,endPosition:p,value:s,total:e.grandTotal,startAngle:l,endAngle: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),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"],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.discreteDomains=0===n.discreteDomains?0:1,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:"updateWidth",value:function(){this.baseWidth=(this.state.noOfWeeks+99)*COL_WIDTH,this.discreteDomains&&(this.baseWidth+=COL_WIDTH*NO_OF_YEAR_MONTHS)}},{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=this.data.start,t.end=this.data.end,t.firstWeekStart=setDayToSunday(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=e.domainConfigs.map(function(n,i){return["heatDomain",{index:i,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:[]},o=getWeeksBetween(r,e=clone(e)||getLastDateInMonth(i,a)),l=[],c=0;c2&&void 0!==arguments[2]&&arguments[2],i=clone(t),a=[],r=0;r0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return zeroDataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,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){e=0;s--){var o=n.xAxis.positions[s];if(t>o-n.unitWidth/2){var l=o+this.leftMargin,c=n.yExtremes[s]+this.topMargin,u=this.data.datasets.map(function(t,n){return{title:t.name,value:i?i(t.values[s]):t.values[s],color:e.colors[n]}});this.tip.setValues(l,c,{name:r[s],value:""},u,s),this.tip.showTip();break}}}}},{key:"renderLegend",value:function(){var t=this,e=this.data;this.legendArea.textContent="",e.datasets.length>1&&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={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.esm.js b/dist/frappe-charts.min.esm.js index bd8d162..2f391c0 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 $$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 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 makeText(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:FONT_SIZE;return createSVG("text",{className:t,x:e,y:n,dy:a/2+"px","font-size":a+"px",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 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 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 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 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 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 calcDistribution(t,e){for(var n=Math.max.apply(Math,toConsumableArray(t)),i=1/(e-1),a=[],r=0;rn?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"line"===t?(n.type="line",new AxisChart(e,n)):"bar"===t?(n.type="bar",new AxisChart(e,n)):"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{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 .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}',{});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,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}(),ALL_CHART_TYPES=["line","scatter","bar","percentage","heatmap","pie"],COMPATIBLE_CHARTS={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],percentage:["bar","line","scatter","pie"],heatmap:[]},DATA_COLOR_DIVISIONS={bar:"datasets",line:"datasets",pie:"labels",percentage:"labels",heatmap:HEATMAP_DISTRIBUTION_SIZE},BASE_CHART_TOP_MARGIN=10,BASE_CHART_LEFT_MARGIN=20,BASE_CHART_RIGHT_MARGIN=20,Y_AXIS_LEFT_MARGIN=60,Y_AXIS_RIGHT_MARGIN=40,INIT_CHART_UPDATE_TIMEOUT=700,CHART_POST_ANIMATE_TIMEOUT=400,DEFAULT_AXIS_CHART_TYPE="line",AXIS_DATASET_CHART_TYPES=["line","bar"],AXIS_LEGEND_BAR_SIZE=100,BAR_CHART_SPACE_RATIO=.5,MIN_BAR_PERCENT_HEIGHT=.01,LINE_CHART_DOT_SIZE=4,DOT_OVERLAY_SIZE_INCR=4,DEFAULT_CHAR_WIDTH=7,ANGLE_RATIO=Math.PI/180,FULL_ANGLE=360,HEATMAP_DISTRIBUTION_SIZE=5,HEATMAP_SQUARE_SIZE=10,HEATMAP_GUTTER_SIZE=2,HEATMAP_COLORS=["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],DEFAULT_CHART_COLORS=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],DEFAULT_COLORS={bar:DEFAULT_CHART_COLORS,line:DEFAULT_CHART_COLORS,pie:DEFAULT_CHART_COLORS,percentage:DEFAULT_CHART_COLORS,heatmap:HEATMAP_COLORS},AXIS_TICK_LENGTH=6,LABEL_MARGIN=4,FONT_SIZE=10,BASE_LINE_COLOR="#dadada",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)}},PRESET_COLOR_MAP={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},getColor=function(t){return PRESET_COLOR_MAP[t]||t},UNIT_ANIM_DUR=350,PATH_ANIM_DUR=350,MARKER_LINE_ANIM_DUR=UNIT_ANIM_DUR,REPLACE_ALL_NEW_DUR=250,STD_EASING="easein",EASING={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},BaseChart=function(){function t(e,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.draw(!0)}),window.addEventListener("orientationchange",function(){return t.draw(!0)})}},{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.makeTooltip(),this.draw(!1,!0)}},{key:"setupComponents",value:function(){this.components=new Map}},{key:"makeContainer",value:function(){this.parent.innerHTML="",this.container=$.create("div",{inside:this.parent,className:"chart-container"})}},{key:"makeTooltip",value:function(){this.tip=new SvgTip({parent:this.container,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],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=30),this.config.showLegend&&(e=30),this.svg=makeSVGContainer(this.container,"frappe-chart chart",this.baseWidth,this.baseHeight+t+e),this.svgDefs=makeSVGDefs(this.svg),console.log(this.baseHeight,t,e),this.title.length&&(this.titleEL=makeText("title",this.leftMargin-AXIS_TICK_LENGTH,this.topMargin,this.title,11),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+")")}},{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:"unbindWindowEvents",value:function(){var t=this;window.removeEventListener("resize",function(){return t.draw(!0)}),window.removeEventListener("orientationchange",function(){return t.draw(!0)})}}]),t}(),AggregationChart=function(t){function e(t,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])})}},{key:"renderLegend",value:function(){}}]),e}(BaseChart),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.setup(),i}return inherits(e,t),createClass(e,[{key:"makeChartArea",value:function(){this.container.className+=" graph-focus-margin",this.container.style.marginTop="45px",this.svg=$.create("div",{className:"div",inside:this.container}),this.chart=$.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=$.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var t=this,e=this.state;this.grandTotal=e.sliceTotals.reduce(function(t,e){return t+e},0),e.slices=[],e.sliceTotals.map(function(n,i){var a=$.create("div",{className:"progress-bar","data-index":i,inside:t.percentageBar,styles:{background:t.colors[i],width:100*n/t.grandTotal+"%"}});e.slices.push(a)})}},{key:"bindTooltip",value:function(){var t=this,e=this.state;this.container.addEventListener("mousemove",function(n){var i=n.target;if(i.classList.contains("progress-bar")){var a=i.getAttribute("data-index"),r=getOffset(t.container),s=getOffset(i),o=s.left-r.left+i.offsetWidth/2,l=s.top-r.top-6,c=(t.formattedLabels&&t.formattedLabels.length>0?t.formattedLabels[a]:t.state.labels[a])+": ",u=(100*e.sliceTotals[a]/t.grandTotal).toFixed(1);t.tip.setValues(o,l,{name:c,value:u+"%"}),t.tip.showTip()}})}}]),e}(AggregationChart),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.layerClass=i,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return createClass(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=makeSVGGroup(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),componentConfigs={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){},animateElements:function(t){}},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.colWidth,a=n.rowHeight,r=n.squareSize,s=n.xTranslate,o=0;return this.serializedSubDomains=[],t.cols.map(function(t){t.map(function(t,n){if(t.fill){var i={"data-date":t.yyyyMmDd,"data-value":t.dataValue,"data-day":n},l=heatSquare("day",s,o,r,t.fill,i);e.serializedSubDomains.push(l)}o+=a}),o=0,s+=i}),this.serializedSubDomains},animateElements:function(t){}},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}}},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.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:"prepareFirstData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;return this.init=1,t}},{key:"calc",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"calc",this).call(this);var t=this.state;this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y,t.grandTotal=t.sliceTotals.reduce(function(t,e){return t+e},0),this.calcSlices()}},{key:"calcSlices",value:function(){var t=this,e=this.state,n=this.radius,i=this.clockWise,a=e.slicesProperties||[];e.sliceStrings=[],e.slicesProperties=[];var r=180-this.config.startAngle;e.sliceTotals.map(function(s,o){var l=r,c=s/e.grandTotal*FULL_ANGLE,u=i?-c:c,h=r+=u,d=getPositionByAngle(l,n),p=getPositionByAngle(h,n),f=t.init&&a[o],v=void 0,g=void 0;t.init?(v=f?f.startPosition:d,g=f?f.endPosition:d):(v=d,g=p);var y=makeArcPathStr(v,g,t.center,t.radius,t.clockWise);e.sliceStrings.push(y),e.slicesProperties.push({startPosition:d,endPosition:p,value:s,total:e.grandTotal,startAngle:l,endAngle: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),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"],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.discreteDomains=0===n.discreteDomains?0:1,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:"updateWidth",value:function(){this.baseWidth=(this.state.noOfWeeks+99)*COL_WIDTH,this.discreteDomains&&(this.baseWidth+=COL_WIDTH*NO_OF_YEAR_MONTHS)}},{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=this.data.start,t.end=this.data.end,t.firstWeekStart=setDayToSunday(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=e.domainConfigs.map(function(n,i){return["heatDomain",{index:i,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:[]},o=getWeeksBetween(r,e=clone(e)||getLastDateInMonth(i,a)),l=[],c=0;c2&&void 0!==arguments[2]&&arguments[2],i=clone(t),a=[],r=0;r0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return zeroDataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,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){e=0;s--){var o=n.xAxis.positions[s];if(t>o-n.unitWidth/2){var l=o+this.leftMargin,c=n.yExtremes[s]+this.topMargin,u=this.data.datasets.map(function(t,n){return{title:t.name,value:i?i(t.values[s]):t.values[s],color:e.colors[n]}});this.tip.setValues(l,c,{name:r[s],value:""},u,s),this.tip.showTip();break}}}}},{key:"renderLegend",value:function(){var t=this,e=this.data;this.legendArea.textContent="",e.datasets.length>1&&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={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 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 $$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 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 makeText(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:FONT_SIZE;return createSVG("text",{className:t,x:e,y:n,dy:a/2+"px","font-size":a+"px",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 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 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 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 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 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 calcDistribution(t,e){for(var n=Math.max.apply(Math,toConsumableArray(t)),i=1/(e-1),a=[],r=0;rn?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"line"===t?(n.type="line",new AxisChart(e,n)):"bar"===t?(n.type="bar",new AxisChart(e,n)):"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{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 .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}',{});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,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}(),ALL_CHART_TYPES=["line","scatter","bar","percentage","heatmap","pie"],COMPATIBLE_CHARTS={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],percentage:["bar","line","scatter","pie"],heatmap:[]},DATA_COLOR_DIVISIONS={bar:"datasets",line:"datasets",pie:"labels",percentage:"labels",heatmap:HEATMAP_DISTRIBUTION_SIZE},BASE_CHART_TOP_MARGIN=10,BASE_CHART_LEFT_MARGIN=20,BASE_CHART_RIGHT_MARGIN=20,Y_AXIS_LEFT_MARGIN=60,Y_AXIS_RIGHT_MARGIN=40,INIT_CHART_UPDATE_TIMEOUT=700,CHART_POST_ANIMATE_TIMEOUT=400,DEFAULT_AXIS_CHART_TYPE="line",AXIS_DATASET_CHART_TYPES=["line","bar"],AXIS_LEGEND_BAR_SIZE=100,BAR_CHART_SPACE_RATIO=.5,MIN_BAR_PERCENT_HEIGHT=.01,LINE_CHART_DOT_SIZE=4,DOT_OVERLAY_SIZE_INCR=4,DEFAULT_CHAR_WIDTH=7,ANGLE_RATIO=Math.PI/180,FULL_ANGLE=360,HEATMAP_DISTRIBUTION_SIZE=5,HEATMAP_SQUARE_SIZE=10,HEATMAP_GUTTER_SIZE=2,HEATMAP_COLORS=["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],DEFAULT_CHART_COLORS=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],DEFAULT_COLORS={bar:DEFAULT_CHART_COLORS,line:DEFAULT_CHART_COLORS,pie:DEFAULT_CHART_COLORS,percentage:DEFAULT_CHART_COLORS,heatmap:HEATMAP_COLORS},AXIS_TICK_LENGTH=6,LABEL_MARGIN=4,FONT_SIZE=10,BASE_LINE_COLOR="#dadada",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)}},PRESET_COLOR_MAP={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},getColor=function(t){return PRESET_COLOR_MAP[t]||t},UNIT_ANIM_DUR=350,PATH_ANIM_DUR=350,MARKER_LINE_ANIM_DUR=UNIT_ANIM_DUR,REPLACE_ALL_NEW_DUR=250,STD_EASING="easein",EASING={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},BaseChart=function(){function t(e,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.draw(!0)}),window.addEventListener("orientationchange",function(){return t.draw(!0)})}},{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="",this.container=$.create("div",{inside:this.parent,className:"chart-container"})}},{key:"makeTooltip",value:function(){this.tip=new SvgTip({parent:this.container,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],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=30),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-AXIS_TICK_LENGTH,this.topMargin,this.title,11),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+")")}},{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:"unbindWindowEvents",value:function(){var t=this;window.removeEventListener("resize",function(){return t.draw(!0)}),window.removeEventListener("orientationchange",function(){return t.draw(!0)})}}]),t}(),AggregationChart=function(t){function e(t,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])})}},{key:"renderLegend",value:function(){}}]),e}(BaseChart),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.setup(),i}return inherits(e,t),createClass(e,[{key:"makeChartArea",value:function(){this.container.className+=" graph-focus-margin",this.container.style.marginTop="45px",this.svg=$.create("div",{className:"div",inside:this.container}),this.chart=$.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=$.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var t=this,e=this.state;this.grandTotal=e.sliceTotals.reduce(function(t,e){return t+e},0),e.slices=[],e.sliceTotals.map(function(n,i){var a=$.create("div",{className:"progress-bar","data-index":i,inside:t.percentageBar,styles:{background:t.colors[i],width:100*n/t.grandTotal+"%"}});e.slices.push(a)})}},{key:"bindTooltip",value:function(){var t=this,e=this.state;this.container.addEventListener("mousemove",function(n){var i=n.target;if(i.classList.contains("progress-bar")){var a=i.getAttribute("data-index"),r=getOffset(t.container),s=getOffset(i),o=s.left-r.left+i.offsetWidth/2,l=s.top-r.top-6,c=(t.formattedLabels&&t.formattedLabels.length>0?t.formattedLabels[a]:t.state.labels[a])+": ",u=(100*e.sliceTotals[a]/t.grandTotal).toFixed(1);t.tip.setValues(o,l,{name:c,value:u+"%"}),t.tip.showTip()}})}}]),e}(AggregationChart),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.layerClass=i,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return createClass(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=makeSVGGroup(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),componentConfigs={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){},animateElements:function(t){}},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.colWidth,a=n.rowHeight,r=n.squareSize,s=n.xTranslate,o=0;return this.serializedSubDomains=[],t.cols.map(function(t){t.map(function(t,n){if(t.fill){var i={"data-date":t.yyyyMmDd,"data-value":t.dataValue,"data-day":n},l=heatSquare("day",s,o,r,t.fill,i);e.serializedSubDomains.push(l)}o+=a}),o=0,s+=i}),this.serializedSubDomains},animateElements:function(t){}},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}}},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(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"calc",this).call(this);var t=this.state;this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y,t.grandTotal=t.sliceTotals.reduce(function(t,e){return t+e},0),this.calcSlices()}},{key:"calcSlices",value:function(){var t=this,e=this.state,n=this.radius,i=this.clockWise,a=e.slicesProperties||[];e.sliceStrings=[],e.slicesProperties=[];var r=180-this.config.startAngle;e.sliceTotals.map(function(s,o){var l=r,c=s/e.grandTotal*FULL_ANGLE,u=i?-c:c,h=r+=u,d=getPositionByAngle(l,n),p=getPositionByAngle(h,n),f=t.init&&a[o],v=void 0,g=void 0;t.init?(v=f?f.startPosition:d,g=f?f.endPosition:d):(v=d,g=p);var y=makeArcPathStr(v,g,t.center,t.radius,t.clockWise);e.sliceStrings.push(y),e.slicesProperties.push({startPosition:d,endPosition:p,value:s,total:e.grandTotal,startAngle:l,endAngle: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),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"],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.discreteDomains=0===n.discreteDomains?0:1,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:"updateWidth",value:function(){this.baseWidth=(this.state.noOfWeeks+99)*COL_WIDTH,this.discreteDomains&&(this.baseWidth+=COL_WIDTH*NO_OF_YEAR_MONTHS)}},{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=this.data.start,t.end=this.data.end,t.firstWeekStart=setDayToSunday(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=e.domainConfigs.map(function(n,i){return["heatDomain",{index:i,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:[]},o=getWeeksBetween(r,e=clone(e)||getLastDateInMonth(i,a)),l=[],c=0;c2&&void 0!==arguments[2]&&arguments[2],i=clone(t),a=[],r=0;r0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return zeroDataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,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){e=0;s--){var o=n.xAxis.positions[s];if(t>o-n.unitWidth/2){var l=o+this.leftMargin,c=n.yExtremes[s]+this.topMargin,u=this.data.datasets.map(function(t,n){return{title:t.name,value:i?i(t.values[s]):t.values[s],color:e.colors[n]}});this.tip.setValues(l,c,{name:r[s],value:""},u,s),this.tip.showTip();break}}}}},{key:"renderLegend",value:function(){var t=this,e=this.data;this.legendArea.textContent="",e.datasets.length>1&&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={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 fd7502c..74dde06 100644 --- a/dist/frappe-charts.min.iife.js +++ b/dist/frappe-charts.min.iife.js @@ -1,2 +1,2 @@ -var frappe=function(t){"use strict";function e(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function i(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function n(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function a(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function s(t,e,i){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0);for(var a in i)n[a]=i[a];return t.dispatchEvent(n)}function r(t){return parseFloat(t.toFixed(2))}function o(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=n?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(i);return t=n?a.concat(t):t.concat(a)}function l(t,e){return(t+"").length*e}function u(t,e){return{x:Math.sin(t*zt)*e,y:Math.cos(t*zt)*e}}function c(t,e){var i=void 0,n=void 0;return t<=e?(i=e-t,n=t):(i=t-e,n=e),[i,n]}function h(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=o(t,i):e=o(e,i),[t,e]}function d(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function p(t,e){var i=document.createElementNS("http://www.w3.org/2000/svg",t);for(var n in e){var a=e[n];if("inside"===n)d(a).appendChild(i);else if("around"===n){var s=d(a);s.parentNode.insertBefore(i,s),i.appendChild(s)}else"styles"===n?"object"===(void 0===a?"undefined":xt(a))&&Object.keys(a).map(function(t){i.style[t]=a[t]}):("className"===n&&(n="class"),"innerHTML"===n?i.textContent=a:i.setAttribute(n,a))}return i}function f(t,e){return p("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function v(t,e,i,n){return p("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function g(t,e,i,n){return p("svg",{className:e,inside:t,width:i,height:n})}function y(t){return p("defs",{inside:t})}function m(t,e){return p("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function b(t){return p("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function x(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,s=i.x+t.x,r=i.y+t.y,o=i.x+e.x,l=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+s+" "+r+"\n\t\tA "+n+" "+n+" 0 0 "+(a?1:0)+"\n\t\t"+o+" "+l+" z"}function k(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),a=f(t,n),s=[1,.6,.2];return i&&(s=[.4,.2,0]),v(a,"0%",e,s[0]),v(a,"50%",e,s[1]),v(a,"100%",e,s[2]),n}function w(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r={className:t,x:e,y:i,width:n,height:n,fill:a};return Object.keys(s).map(function(t){r[t]=s[t]}),p("rect",r)}function A(t,e,i){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=p("text",{className:"legend-dataset-text",x:0,y:0,dy:2*It+"px","font-size":1.2*It+"px","text-anchor":"start",fill:Vt,innerHTML:a}),o=p("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(p("rect",s)),o.appendChild(r),o}function P(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:It;return p("text",{className:t,x:e,y:i,dy:a/2+"px","font-size":a+"px",innerHTML:n})}function T(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Yt);var s=p("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),r=p("text",{x:0,y:i>n?i+Rt:i-Rt-It,dy:It+"px","font-size":It+"px","text-anchor":"middle",innerHTML:e+""}),o=p("g",{transform:"translate("+t+", 0)"});return o.appendChild(s),o.appendChild(r),o}function D(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Yt),a.lineType||(a.lineType="");var s=p("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:0,y2:0,styles:{stroke:a.stroke}}),r=p("text",{x: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=Yt),n.className||(n.className="");var a=-1*Ht,s="span"===n.mode?i+Ht:0;return"tick"===n.mode&&"right"===n.pos&&(a=i+Ht,s=i),a+=n.offset,s+=n.offset,D(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function L(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="bottom"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=Yt),n.className||(n.className="");var a=i+Ht,s="span"===n.mode?-1*Ht:i;return"tick"===n.mode&&"top"===n.pos&&(a=-1*Ht,s=0),T(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function C(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=p("text",{className:"chart-label",x:i-l(e,5)-Rt,y:0,dy:It/-2+"px","font-size":It+"px","text-anchor":"start",innerHTML:e+""}),s=D(t,"",0,i,{stroke:n.stroke||Yt,className:n.className||"",lineType:n.lineType});return s.appendChild(a),s}function O(t,e,i,n){var a=t-e,s=p("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:Yt,"stroke-dasharray":i+", "+a},x:0,y:0,width:i,height:a}),r=p("text",{className:"chart-label",x:i-l(n+"",4.5)-Rt,y:0,dy:It/-2+"px","font-size":It+"px","text-anchor":"start",innerHTML:n+""}),o=p("g",{transform:"translate(0, "+e+")"});return o.appendChild(s),o.appendChild(r),o}function N(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",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=Dt(l,2),h=u[0],d=u[1],f=p("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){f.setAttribute("y",0),f.setAttribute("x",0);var v=p("text",{className:"data-point-value",x:i/2,y:0,dy:It/2*-1+"px","font-size":It+"px","text-anchor":"middle",innerHTML:a}),g=p("g",{"data-point-index":s,transform:"translate("+t+", "+d+")"});return g.appendChild(f),g.appendChild(v),g}return f}function E(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=p("circle",{style:"fill: "+n,"data-point-index":s,cx:t,cy:e,r:i});if((a+="")||a.length){r.setAttribute("cy",0),r.setAttribute("cx",0);var o=p("text",{className:"data-point-value",x:0,y:0,dy:It/2*-1-i+"px","font-size":It+"px","text-anchor":"middle",innerHTML:a}),l=p("g",{"data-point-index":s,transform:"translate("+t+", "+e+")"});return l.appendChild(r),l.appendChild(o),l}return r}function S(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},s=e.map(function(e,i){return t[i]+","+e}).join("L"),r=b("M"+s,"line-graph-path",i);if(n.heatline){var o=k(a.svgDefs,i);r.style.stroke="url(#"+o+")"}var l={path:r};if(n.regionFill){var u=k(a.svgDefs,i,!0),c="M"+t[0]+","+a.zeroLine+"L"+s+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=b(c,"region-fill","none","url(#"+u+")")}return l}function _(t){return t>255?255:t<0?0:t}function z(t,e){var i=qt(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),s=_((a>>16)+e),r=_((a>>8&255)+e),o=_((255&a)+e);return(n?"#":"")+(o|r<<8|s<<16).toString(16)}function j(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function W(t,e,i,n){var a="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},n,Qt,"translate",{transform:a}]}function F(t,e,i){return W(t,[i,0],[e,0],Kt)}function H(t,e,i){return W(t,[0,i],[0,e],Kt)}function R(t,e,i,n){var a=e-i,s=t.childNodes[0];return[[s,{height:a,"stroke-dasharray":s.getAttribute("width")+", "+a},Kt,Qt],W(t,[0,n],[0,i],Kt)]}function I(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=Dt(s,2),o=r[0],l=r[1];return l-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width:n,height:o},Xt,Qt],W(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],Kt)]:[[t,{width:n,height:o,x:e,y:l},Xt,Qt]]}function Y(t,e,i){return"circle"!==t.nodeName?[W(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],Kt)]:[[t,{cx:e,cy:i},Xt,Qt]]}function V(t,e,i,n){var a=[],s=i.map(function(t,i){return e[i]+","+t}).join("L"),r=[t.path,{d:"M"+s},Jt,Qt];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},Jt,Qt];a.push(u)}return a}function G(t,e){return[t,{d:e},Xt,Qt]}function B(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 c=s[l]||t.getAttribute(l),h=e[l],d={attributeName:l,from:c,to:h,begin:"0s",dur:i/1e3+"s",values:c+";"+h,keySplines:Zt[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("+h+")"):o.setAttribute(l,h)}return[r,o]}function U(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function q(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=B.apply(void 0,Mt(t)),l=Dt(o,2);s=l[0],r=l[1],i.push(r),n.push([s,a]),a.replaceChild(s,e)});var a=t.cloneNode(!0);return n.map(function(t,n){t[1].replaceChild(i[n],t[0]),e[n][0]=i[n]}),a}function X(t,e,i){if(0!==i.length){var n=q(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},$t)}}function J(t,e,i){var n=Object.keys(ae).filter(function(e){return t.includes(e)}),a=ae[n[0]];return Object.assign(a,{constants:e,getData:i}),new ne(a)}function K(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function $(t){var e=t.getDate(),i=t.getMonth()+1;return[t.getFullYear(),(i>9?"":"0")+i,(e>9?"":"0")+e].join("-")}function Q(t){return new Date(t.getTime())}function Z(t,e){var i=at(t);return Math.ceil(tt(i,e)/re)}function tt(t,e){var i=le*oe;return(K(e)-K(t))/i}function et(t,e){return t.getMonth()===e.getMonth()&&t.getFullYear()===e.getFullYear()}function it(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=ue[t];return e?i.slice(0,3):i}function nt(t,e){return new Date(e,t+1,0)}function at(t){var e=Q(t),i=e.getDay();return 0!==i&&st(e,-1*i),e}function st(t,e){t.setDate(t.getDate()+e)}function rt(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 ot(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 lt(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=rt(t),n=Dt(i,2),a=n[0],s=n[1],r=e?e/Math.pow(10,s):0,o=ot(a=a.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function ut(t){function e(t,e){for(var i=lt(t),n=i[1]-i[0],a=0,s=1;a1&&void 0!==arguments[1]&&arguments[1],n=Math.max.apply(Math,Mt(t)),a=Math.min.apply(Math,Mt(t)),s=[];if(n>=0&&a>=0)rt(n)[1],s=i?lt(n,a):lt(n);else if(n>0&&a<0){var r=Math.abs(a);n>=r?(rt(n)[1],s=e(n,r)):(rt(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);rt(o)[1],s=(s=i?lt(o,l):lt(o)).reverse().map(function(t){return-1*t})}return s}function ct(t){var e=ht(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 ht(t){return t[1]-t[0]}function dt(t){return t[t.length-1]-t[0]}function pt(t,e){return r(e.zeroLine-t*e.scaleMultiplier)}function ft(t,e){for(var i=Math.max.apply(Math,Mt(t)),n=1/(e-1),a=[],s=0;si?n.slice(0,i):o(n,i-n.length,0)}else t.values=a;t.chartType||(St.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=t/e.length/_t;return e.map(function(t,e){return(t+="").length>n&&(i?e%Math.ceil(t.length/n)!=0&&(t=""):t=n-3>0?t.slice(0,n-3)+" ...":t.slice(0,n)+".."),t})}function bt(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new he(e,i)):"bar"===t?(i.type="bar",new he(e,i)):"axis-mixed"===t?(i.type="line",new he(e,i)):de[t]?new de[t](e,i):void console.error("Undefined chart type: "+t)}!function(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===i&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}}('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .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 .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}',{});var xt="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},kt=(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")}),wt=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
            \n\t\t\t\t
            '}),this.hideTip(),this.title=this.container.querySelector(".title"),this.dataPointList=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){t.hideTip()})}},{key:"fill",value:function(){var t=this,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=t.colors[n]||"black",s=e.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:"")});t.dataPointList.appendChild(s)})}},{key:"calcPosition",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,i=this.container.querySelector(".svg-pointer");if(this.left<0)i.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var n="calc(50% + "+(this.left-e)+"px)";i.style.left=n,this.left=e}else i.style.left="50%"}},{key:"setValues",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:-1;this.titleName=i.name,this.titleValue=i.value,this.listValues=n,this.x=t,this.y=e,this.titleValueFirst=i.valueFirst||0,this.index=a,this.refresh()}},{key:"hideTip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"showTip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),t}(),Ct=["line","scatter","bar","percentage","heatmap","pie"],Ot={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],percentage:["bar","line","scatter","pie"],heatmap:[]},Nt={bar:"datasets",line:"datasets",pie:"labels",percentage:"labels",heatmap:jt},Et=700,St=["line","bar"],_t=7,zt=Math.PI/180,jt=5,Wt=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],Ft={bar:Wt,line:Wt,pie:Wt,percentage:Wt,heatmap:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"]},Ht=6,Rt=4,It=10,Yt="#dadada",Vt="#555b51",Gt={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}},Bt={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)}},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"},qt=function(t){return Ut[t]||t},Xt=350,Jt=350,Kt=Xt,$t=250,Qt="easein",Zt={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"},te=function(){function t(e,i){if(kt(this,t),this.parent="string"==typeof e?document.querySelector(e):e,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.rawChartArgs=i,this.title=i.title||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=this.validateColors(i.colors,this.type),this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.initTimeout=Et,this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return wt(t,[{key:"configure",value:function(){var t=this;this.setMargins(),window.addEventListener("resize",function(){return t.draw(!0)}),window.addEventListener("orientationchange",function(){return t.draw(!0)})}},{key:"validateColors",value:function(t,e){var i=[];return(t=(t||[]).concat(Ft[e])).forEach(function(t){var e=qt(t);j(e)?i.push(e):console.warn('"'+t+'" is not a valid color.')}),i}},{key:"setMargins",value:function(){var t=this.argHeight;this.baseHeight=t,this.height=t-70,this.topMargin=10,this.leftMargin=20,this.rightMargin=20}},{key:"setup",value:function(){this.makeContainer(),this.makeTooltip(),this.draw(!1,!0)}},{key:"setupComponents",value:function(){this.components=new Map}},{key:"makeContainer",value:function(){this.parent.innerHTML="",this.container=e.create("div",{inside:this.parent,className:"chart-container"})}},{key:"makeTooltip",value:function(){this.tip=new Lt({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:"updateWidth",value:function(){this.baseWidth=a(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,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var n=[];e.forEach(function(t){n=n.concat(t.update(i))}),n.length>0?(X(this.container,this.svg,n),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},400)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.container.removeChild(this.svg);var t=0,e=0;this.title.length&&(t=30),this.config.showLegend&&(e=30),this.svg=g(this.container,"frappe-chart chart",this.baseWidth,this.baseHeight+t+e),this.svgDefs=y(this.svg),console.log(this.baseHeight,t,e),this.title.length&&(this.titleEL=P("title",this.leftMargin-Ht,this.topMargin,this.title,11),this.svg.appendChild(this.titleEL));var i=this.topMargin+t;this.drawArea=m(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+i+")"),i=this.baseHeight-t,this.legendArea=m(this.svg,"chart-legend","translate("+this.leftMargin+", "+i+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){n(t.container)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"addDataPoint",value:function(){}},{key:"removeDataPoint",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(){}},{key:"updateDataset",value:function(){}},{key:"getDifferentChart",value:function(t){var e=this.type,i=this.rawChartArgs;if(t!==e){Ct.includes(t)||console.error("'"+t+"' is not a valid chart type."),Ot[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var n=Nt[e]===Nt[t];return i.type=t,i.colors=n?i.colors:void 0,new pe(this.parent,i)}}},{key:"unbindWindowEvents",value:function(){var t=this;window.removeEventListener("resize",function(){return t.draw(!0)}),window.removeEventListener("orientationchange",function(){return t.draw(!0)})}}]),t}(),ee=function(t){function e(t,i){return kt(this,e),Tt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i))}return Pt(e,t),wt(e,[{key:"configure",value:function(t){At(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,i=this.config.maxSlices;e.sliceTotals=[];var n=this.data.labels.map(function(e,i){var n=0;return t.data.datasets.map(function(t){n+=t.values[i]}),[n,e]}).filter(function(t){return t[0]>0}),a=n;if(n.length>i){n.sort(function(t,e){return e[0]-t[0]}),a=n.slice(0,i-1);var s=0;n.slice(i-1).map(function(t){s+=t[0]}),a.push([s,"Rest"]),this.colors[i-1]="grey"}e.labels=[],a.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])})}},{key:"renderLegend",value:function(){}}]),e}(te),ie=function(t){function n(t,e){kt(this,n);var i=Tt(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t,e));return i.type="percentage",i.setup(),i}return Pt(n,t),wt(n,[{key:"makeChartArea",value:function(){this.container.className+=" graph-focus-margin",this.container.style.marginTop="45px",this.svg=e.create("div",{className:"div",inside:this.container}),this.chart=e.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=e.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var t=this,i=this.state;this.grandTotal=i.sliceTotals.reduce(function(t,e){return t+e},0),i.slices=[],i.sliceTotals.map(function(n,a){var s=e.create("div",{className:"progress-bar","data-index":a,inside:t.percentageBar,styles:{background:t.colors[a],width:100*n/t.grandTotal+"%"}});i.slices.push(s)})}},{key:"bindTooltip",value:function(){var t=this,e=this.state;this.container.addEventListener("mousemove",function(n){var a=n.target;if(a.classList.contains("progress-bar")){var s=a.getAttribute("data-index"),r=i(t.container),o=i(a),l=o.left-r.left+a.offsetWidth/2,u=o.top-r.top-6,c=(t.formattedLabels&&t.formattedLabels.length>0?t.formattedLabels[s]:t.state.labels[s])+": ",h=(100*e.sliceTotals[s]/t.grandTotal).toFixed(1);t.tip.setValues(l,u,{name:c,value:h+"%"}),t.tip.showTip()}})}}]),n}(ee),ne=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;kt(this,t),this.layerTransform=s,this.constants=r,this.makeElements=l,this.getData=o,this.animateElements=u,this.store=[],this.layerClass=n,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return wt(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=m(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),ae={pieSlices:{layerClass:"pie-slices",makeElements:function(t){return t.sliceStrings.map(function(e,i){var n=b(e,"pie-path","none",t.colors[i]);return n.style.transition="transform .3s;",n})},animateElements:function(t){return this.store.map(function(e,i){return G(e,t.sliceStrings[i])})}},percentageBars:{layerClass:"percentage-bars",makeElements:function(t){},animateElements:function(t){}},yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return M(i,t.labels[n],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,n=this.oldData.positions,a=this.oldData.labels,s=h(n,e),r=Dt(s,2);n=r[0],e=r[1];var o=h(a,i),l=Dt(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return H(t,e[i],n[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return L(i,t.calcLabels[n],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,n=this.oldData.positions,a=this.oldData.calcLabels,s=h(n,e),r=Dt(s,2);n=r[0],e=r[1];var o=h(a,i),l=Dt(o,2);return a=l[0],i=l[1],this.render({positions:n,calcLabels:i}),this.store.map(function(t,i){return F(t,e[i],n[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return C(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=h(this.oldData,t),i=Dt(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 H(t,n[e],s[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return O(t.startPos,t.endPos,e.constants.width,t.label)})},animateElements:function(t){var e=h(this.oldData,t),i=Dt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.endPos}),a=t.map(function(t){return t.label}),s=t.map(function(t){return t.startPos}),r=this.oldData.map(function(t){return t.endPos}),o=this.oldData.map(function(t){return t.startPos});this.render(r.map(function(t,e){return{startPos:o[e],endPos:r[e],label:a[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(R(t,s[e],n[e],r[e]))}),l}},heatDomain:{layerClass:function(){return"heat-domain domain-"+this.constants.index},makeElements:function(t){var e=this,i=this.constants,n=i.colWidth,a=i.rowHeight,s=i.squareSize,r=i.xTranslate,o=0;return this.serializedSubDomains=[],t.cols.map(function(t){t.map(function(t,i){if(t.fill){var n={"data-date":t.yyyyMmDd,"data-value":t.dataValue,"data-day":i},l=w("day",r,o,s,t.fill,n);e.serializedSubDomains.push(l)}o+=a}),o=0,r+=n}),this.serializedSubDomains},animateElements:function(t){}},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 N(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=h(s,e),c=Dt(u,2);s=c[0],e=c[1];var d=h(r,i),p=Dt(d,2);r=p[0],i=p[1];var f=h(o,n),v=Dt(f,2);o=v[0],n=v[1];var g=h(l,a),y=Dt(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(I(a,e[s],i[s],t.barWidth,n[s],{zeroLine:t.zeroLine}))}),m}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=S(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,n){return E(t.xPositions[n],i,t.radius,e.color,e.valuesOverPoints?t.values[n]:"",n)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,n=t.values,a=this.oldData.xPositions,s=this.oldData.yPositions,r=this.oldData.values,o=h(a,e),l=Dt(o,2);a=l[0],e=l[1];var u=h(s,i),c=Dt(u,2);s=c[0],i=c[1];var d=h(r,n),p=Dt(d,2);r=p[0],n=p[1],this.render({xPositions:a,yPositions:s,values:n,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var f=[];return Object.keys(this.paths).length&&(f=f.concat(V(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,n){f=f.concat(Y(t,e[n],i[n]))}),f}}},se=function(t){function e(t,i){kt(this,e);var n=Tt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return n.type="pie",n.initTimeout=0,n.setup(),n}return Pt(e,t),wt(e,[{key:"configure",value:function(t){At(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this),this.hoverRadio=t.hoverRadio||.1,this.config.startAngle=t.startAngle||0,this.clockWise=t.clockWise||!1}},{key:"prepareFirstData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;return this.init=1,t}},{key:"calc",value:function(){At(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"calc",this).call(this);var t=this.state;this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y,t.grandTotal=t.sliceTotals.reduce(function(t,e){return t+e},0),this.calcSlices()}},{key:"calcSlices",value:function(){var t=this,e=this.state,i=this.radius,n=this.clockWise,a=e.slicesProperties||[];e.sliceStrings=[],e.slicesProperties=[];var s=180-this.config.startAngle;e.sliceTotals.map(function(r,o){var l=s,c=r/e.grandTotal*360,h=n?-c:c,d=s+=h,p=u(l,i),f=u(d,i),v=t.init&&a[o],g=void 0,y=void 0;t.init?(g=v?v.startPosition:p,y=v?v.endPosition:p):(g=p,y=f);var m=x(g,y,t.center,t.radius,t.clockWise);e.sliceStrings.push(m),e.slicesProperties.push({startPosition:p,endPosition:f,value:r,total:e.grandTotal,startAngle:l,endAngle:d,angle: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=J.apply(void 0,Mt(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,n=u(t.startAngle+t.angle/2,e);return"translate3d("+n.x*i+"px,"+n.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,e,n,a){if(t){var s=this.colors[e];if(n){U(t,this.calTranslateByAngle(this.state.slicesProperties[e])),t.style.fill=z(s,50);var r=i(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[e]:this.state.labels[e])+": ",c=(100*this.state.sliceTotals[e]/this.state.grandTotal).toFixed(1);this.tip.setValues(o,l,{name:u,value:c+"%"}),this.tip.showTip()}else U(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.fill=s}}},{key:"bindTooltip",value:function(){this.container.addEventListener("mousemove",this.mouseMove),this.container.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,i=this.components.get("pieSlices").store,n=this.curActiveSliceIndex,a=this.curActiveSlice;if(i.includes(e)){var s=i.indexOf(e);this.hoverSlice(a,n,!1),this.curActiveSlice=e,this.curActiveSliceIndex=s,this.hoverSlice(e,s,!0,t)}else this.mouseLeave()}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}}]),e}(ee),re=7,oe=1e3,le=86400,ue=["January","February","March","April","May","June","July","August","September","October","November","December"],ce=function(t){function e(t,i){kt(this,e);var n=Tt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));n.type="heatmap",n.discreteDomains=0===i.discreteDomains?0:1,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 Pt(e,t),wt(e,[{key:"updateWidth",value:function(){this.baseWidth=12*(this.state.noOfWeeks+99),this.discreteDomains&&(this.baseWidth+=144)}},{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*oe);e[$(n)]=t.dataPoints[i]}),t.dataPoints=e}return t}},{key:"calc",value:function(){var t=this.state;t.start=this.data.start,t.end=this.data.end,t.firstWeekStart=at(t.start),t.noOfWeeks=Z(t.start,t.end),t.distribution=ft(Object.values(this.data.dataPoints),jt),t.domainConfigs=this.getDomains()}},{key:"setupComponents",value:function(){var t=this,e=this.state,i=e.domainConfigs.map(function(i,n){return["heatDomain",{index:n,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=at(t),r={index:n,cols:[]},o=Z(s,e=Q(e)||nt(n,a)),l=[],u=0;u2&&void 0!==arguments[2]&&arguments[2],n=Q(t),a=[],s=0;s0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return yt(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return r(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=ut(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/dt(e),n=ht(e)*i,a=this.height-ct(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 pt(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var n=t.values,a=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:n,yPositions:e(n),cumulativeYs:a,cumulativeYPos:e(a)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e){e.yPositions.map(function(e,i){e=0;r--){var o=i.xAxis.positions[r];if(t>o-i.unitWidth/2){var l=o+this.leftMargin,u=i.yExtremes[r]+this.topMargin,c=this.data.datasets.map(function(t,i){return{title:t.name,value:n?n(t.values[r]):t.values[r],color:e.colors[i]}});this.tip.setValues(l,u,{name:s[r],value:""},c,r),this.tip.showTip();break}}}}},{key:"renderLegend",value:function(){var t=this,e=this.data;this.legendArea.textContent="",e.datasets.length>1&&e.datasets.map(function(e,i){var n=A(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=Gt[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];Bt[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex,e=this.state;return{index:t,label:e.xAxis.labels[t],values:e.datasets.map(function(e){return e.values[t]})}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,s(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,i){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;At(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"addDataPoint",this).call(this,t,i,n),this.data.labels.splice(n,0,t),this.data.datasets.map(function(t,e){t.values.splice(n,0,i[e])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;this.data.labels.length<=1||(At(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data))}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}},{key:"updateDatasets",value:function(t){this.data.datasets.map(function(e,i){t[i]&&(e.values=t[i])}),this.update(this.data)}}]),e}(te),de={percentage:ie,heatmap:ce,pie:se},pe=function t(e,i){return kt(this,t),bt(i.type,e,i)};return t.Chart=pe,t.PercentageChart=ie,t.PieChart=se,t.Heatmap=ce,t.AxisChart=he,t}({}); +var frappe=function(t){"use strict";function e(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function i(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function n(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function a(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function s(t,e,i){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0);for(var a in i)n[a]=i[a];return t.dispatchEvent(n)}function r(t){return parseFloat(t.toFixed(2))}function o(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=n?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(i);return t=n?a.concat(t):t.concat(a)}function l(t,e){return(t+"").length*e}function u(t,e){return{x:Math.sin(t*zt)*e,y:Math.cos(t*zt)*e}}function c(t,e){var i=void 0,n=void 0;return t<=e?(i=e-t,n=t):(i=t-e,n=e),[i,n]}function h(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=o(t,i):e=o(e,i),[t,e]}function d(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function p(t,e){var i=document.createElementNS("http://www.w3.org/2000/svg",t);for(var n in e){var a=e[n];if("inside"===n)d(a).appendChild(i);else if("around"===n){var s=d(a);s.parentNode.insertBefore(i,s),i.appendChild(s)}else"styles"===n?"object"===(void 0===a?"undefined":xt(a))&&Object.keys(a).map(function(t){i.style[t]=a[t]}):("className"===n&&(n="class"),"innerHTML"===n?i.textContent=a:i.setAttribute(n,a))}return i}function f(t,e){return p("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function v(t,e,i,n){return p("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function g(t,e,i,n){return p("svg",{className:e,inside:t,width:i,height:n})}function y(t){return p("defs",{inside:t})}function m(t,e){return p("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function b(t){return p("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function x(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,s=i.x+t.x,r=i.y+t.y,o=i.x+e.x,l=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+s+" "+r+"\n\t\tA "+n+" "+n+" 0 0 "+(a?1:0)+"\n\t\t"+o+" "+l+" z"}function k(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),a=f(t,n),s=[1,.6,.2];return i&&(s=[.4,.2,0]),v(a,"0%",e,s[0]),v(a,"50%",e,s[1]),v(a,"100%",e,s[2]),n}function w(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r={className:t,x:e,y:i,width:n,height:n,fill:a};return Object.keys(s).map(function(t){r[t]=s[t]}),p("rect",r)}function A(t,e,i){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=p("text",{className:"legend-dataset-text",x:0,y:0,dy:2*It+"px","font-size":1.2*It+"px","text-anchor":"start",fill:Vt,innerHTML:a}),o=p("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(p("rect",s)),o.appendChild(r),o}function P(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:It;return p("text",{className:t,x:e,y:i,dy:a/2+"px","font-size":a+"px",innerHTML:n})}function T(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Yt);var s=p("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),r=p("text",{x:0,y:i>n?i+Rt:i-Rt-It,dy:It+"px","font-size":It+"px","text-anchor":"middle",innerHTML:e+""}),o=p("g",{transform:"translate("+t+", 0)"});return o.appendChild(s),o.appendChild(r),o}function M(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Yt),a.lineType||(a.lineType="");var s=p("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:0,y2:0,styles:{stroke:a.stroke}}),r=p("text",{x: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=Yt),n.className||(n.className="");var a=-1*Ht,s="span"===n.mode?i+Ht:0;return"tick"===n.mode&&"right"===n.pos&&(a=i+Ht,s=i),a+=n.offset,s+=n.offset,M(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function L(t,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=Yt),n.className||(n.className="");var a=i+Ht,s="span"===n.mode?-1*Ht:i;return"tick"===n.mode&&"top"===n.pos&&(a=-1*Ht,s=0),T(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function C(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=p("text",{className:"chart-label",x:i-l(e,5)-Rt,y:0,dy:It/-2+"px","font-size":It+"px","text-anchor":"start",innerHTML:e+""}),s=M(t,"",0,i,{stroke:n.stroke||Yt,className:n.className||"",lineType:n.lineType});return s.appendChild(a),s}function O(t,e,i,n){var a=t-e,s=p("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:Yt,"stroke-dasharray":i+", "+a},x:0,y:0,width:i,height:a}),r=p("text",{className:"chart-label",x:i-l(n+"",4.5)-Rt,y:0,dy:It/-2+"px","font-size":It+"px","text-anchor":"start",innerHTML:n+""}),o=p("g",{transform:"translate(0, "+e+")"});return o.appendChild(s),o.appendChild(r),o}function N(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",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=Mt(l,2),h=u[0],d=u[1],f=p("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){f.setAttribute("y",0),f.setAttribute("x",0);var v=p("text",{className:"data-point-value",x:i/2,y:0,dy:It/2*-1+"px","font-size":It+"px","text-anchor":"middle",innerHTML:a}),g=p("g",{"data-point-index":s,transform:"translate("+t+", "+d+")"});return g.appendChild(f),g.appendChild(v),g}return f}function E(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=p("circle",{style:"fill: "+n,"data-point-index":s,cx:t,cy:e,r:i});if((a+="")||a.length){r.setAttribute("cy",0),r.setAttribute("cx",0);var o=p("text",{className:"data-point-value",x:0,y:0,dy:It/2*-1-i+"px","font-size":It+"px","text-anchor":"middle",innerHTML:a}),l=p("g",{"data-point-index":s,transform:"translate("+t+", "+e+")"});return l.appendChild(r),l.appendChild(o),l}return r}function S(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},s=e.map(function(e,i){return t[i]+","+e}).join("L"),r=b("M"+s,"line-graph-path",i);if(n.heatline){var o=k(a.svgDefs,i);r.style.stroke="url(#"+o+")"}var l={path:r};if(n.regionFill){var u=k(a.svgDefs,i,!0),c="M"+t[0]+","+a.zeroLine+"L"+s+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=b(c,"region-fill","none","url(#"+u+")")}return l}function _(t){return t>255?255:t<0?0:t}function z(t,e){var i=qt(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),s=_((a>>16)+e),r=_((a>>8&255)+e),o=_((255&a)+e);return(n?"#":"")+(o|r<<8|s<<16).toString(16)}function j(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function W(t,e,i,n){var a="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},n,Qt,"translate",{transform:a}]}function F(t,e,i){return W(t,[i,0],[e,0],Kt)}function H(t,e,i){return W(t,[0,i],[0,e],Kt)}function R(t,e,i,n){var a=e-i,s=t.childNodes[0];return[[s,{height:a,"stroke-dasharray":s.getAttribute("width")+", "+a},Kt,Qt],W(t,[0,n],[0,i],Kt)]}function I(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=Mt(s,2),o=r[0],l=r[1];return l-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width:n,height:o},Xt,Qt],W(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],Kt)]:[[t,{width:n,height:o,x:e,y:l},Xt,Qt]]}function Y(t,e,i){return"circle"!==t.nodeName?[W(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],Kt)]:[[t,{cx:e,cy:i},Xt,Qt]]}function V(t,e,i,n){var a=[],s=i.map(function(t,i){return e[i]+","+t}).join("L"),r=[t.path,{d:"M"+s},Jt,Qt];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},Jt,Qt];a.push(u)}return a}function G(t,e){return[t,{d:e},Xt,Qt]}function B(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 c=s[l]||t.getAttribute(l),h=e[l],d={attributeName:l,from:c,to:h,begin:"0s",dur:i/1e3+"s",values:c+";"+h,keySplines:Zt[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("+h+")"):o.setAttribute(l,h)}return[r,o]}function U(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function q(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=B.apply(void 0,Dt(t)),l=Mt(o,2);s=l[0],r=l[1],i.push(r),n.push([s,a]),a.replaceChild(s,e)});var a=t.cloneNode(!0);return n.map(function(t,n){t[1].replaceChild(i[n],t[0]),e[n][0]=i[n]}),a}function X(t,e,i){if(0!==i.length){var n=q(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},$t)}}function J(t,e,i){var n=Object.keys(ae).filter(function(e){return t.includes(e)}),a=ae[n[0]];return Object.assign(a,{constants:e,getData:i}),new ne(a)}function K(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function $(t){var e=t.getDate(),i=t.getMonth()+1;return[t.getFullYear(),(i>9?"":"0")+i,(e>9?"":"0")+e].join("-")}function Q(t){return new Date(t.getTime())}function Z(t,e){var i=at(t);return Math.ceil(tt(i,e)/re)}function tt(t,e){var i=le*oe;return(K(e)-K(t))/i}function et(t,e){return t.getMonth()===e.getMonth()&&t.getFullYear()===e.getFullYear()}function it(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=ue[t];return e?i.slice(0,3):i}function nt(t,e){return new Date(e,t+1,0)}function at(t){var e=Q(t),i=e.getDay();return 0!==i&&st(e,-1*i),e}function st(t,e){t.setDate(t.getDate()+e)}function rt(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 ot(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 lt(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=rt(t),n=Mt(i,2),a=n[0],s=n[1],r=e?e/Math.pow(10,s):0,o=ot(a=a.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function ut(t){function e(t,e){for(var i=lt(t),n=i[1]-i[0],a=0,s=1;a1&&void 0!==arguments[1]&&arguments[1],n=Math.max.apply(Math,Dt(t)),a=Math.min.apply(Math,Dt(t)),s=[];if(n>=0&&a>=0)rt(n)[1],s=i?lt(n,a):lt(n);else if(n>0&&a<0){var r=Math.abs(a);n>=r?(rt(n)[1],s=e(n,r)):(rt(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);rt(o)[1],s=(s=i?lt(o,l):lt(o)).reverse().map(function(t){return-1*t})}return s}function ct(t){var e=ht(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 ht(t){return t[1]-t[0]}function dt(t){return t[t.length-1]-t[0]}function pt(t,e){return r(e.zeroLine-t*e.scaleMultiplier)}function ft(t,e){for(var i=Math.max.apply(Math,Dt(t)),n=1/(e-1),a=[],s=0;si?n.slice(0,i):o(n,i-n.length,0)}else t.values=a;t.chartType||(St.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=t/e.length/_t;return e.map(function(t,e){return(t+="").length>n&&(i?e%Math.ceil(t.length/n)!=0&&(t=""):t=n-3>0?t.slice(0,n-3)+" ...":t.slice(0,n)+".."),t})}function bt(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new he(e,i)):"bar"===t?(i.type="bar",new he(e,i)):"axis-mixed"===t?(i.type="line",new he(e,i)):de[t]?new de[t](e,i):void console.error("Undefined chart type: "+t)}!function(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===i&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}}('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .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 .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}',{});var xt="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},kt=(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")}),wt=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
              \n\t\t\t\t
              '}),this.hideTip(),this.title=this.container.querySelector(".title"),this.dataPointList=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){t.hideTip()})}},{key:"fill",value:function(){var t=this,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=t.colors[n]||"black",s=e.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:"")});t.dataPointList.appendChild(s)})}},{key:"calcPosition",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,i=this.container.querySelector(".svg-pointer");if(this.left<0)i.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var n="calc(50% + "+(this.left-e)+"px)";i.style.left=n,this.left=e}else i.style.left="50%"}},{key:"setValues",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:-1;this.titleName=i.name,this.titleValue=i.value,this.listValues=n,this.x=t,this.y=e,this.titleValueFirst=i.valueFirst||0,this.index=a,this.refresh()}},{key:"hideTip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"showTip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),t}(),Ct=["line","scatter","bar","percentage","heatmap","pie"],Ot={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],percentage:["bar","line","scatter","pie"],heatmap:[]},Nt={bar:"datasets",line:"datasets",pie:"labels",percentage:"labels",heatmap:jt},Et=700,St=["line","bar"],_t=7,zt=Math.PI/180,jt=5,Wt=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],Ft={bar:Wt,line:Wt,pie:Wt,percentage:Wt,heatmap:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"]},Ht=6,Rt=4,It=10,Yt="#dadada",Vt="#555b51",Gt={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}},Bt={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)}},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"},qt=function(t){return Ut[t]||t},Xt=350,Jt=350,Kt=Xt,$t=250,Qt="easein",Zt={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"},te=function(){function t(e,i){if(kt(this,t),this.parent="string"==typeof e?document.querySelector(e):e,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.rawChartArgs=i,this.title=i.title||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=this.validateColors(i.colors,this.type),this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.initTimeout=Et,this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return wt(t,[{key:"configure",value:function(){var t=this;this.setMargins(),window.addEventListener("resize",function(){return t.draw(!0)}),window.addEventListener("orientationchange",function(){return t.draw(!0)})}},{key:"validateColors",value:function(t,e){var i=[];return(t=(t||[]).concat(Ft[e])).forEach(function(t){var e=qt(t);j(e)?i.push(e):console.warn('"'+t+'" is not a valid color.')}),i}},{key:"setMargins",value:function(){var t=this.argHeight;this.baseHeight=t,this.height=t-70,this.topMargin=10,this.leftMargin=20,this.rightMargin=20}},{key:"setup",value:function(){this.makeContainer(),this.updateWidth(),this.makeTooltip(),this.draw(!1,!0)}},{key:"setupComponents",value:function(){this.components=new Map}},{key:"makeContainer",value:function(){this.parent.innerHTML="",this.container=e.create("div",{inside:this.parent,className:"chart-container"})}},{key:"makeTooltip",value:function(){this.tip=new Lt({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:"updateWidth",value:function(){this.baseWidth=a(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,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var n=[];e.forEach(function(t){n=n.concat(t.update(i))}),n.length>0?(X(this.container,this.svg,n),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},400)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.container.removeChild(this.svg);var t=0,e=0;this.title.length&&(t=30),this.config.showLegend&&(e=30),this.svg=g(this.container,"frappe-chart chart",this.baseWidth,this.baseHeight+t+e),this.svgDefs=y(this.svg),this.title.length&&(this.titleEL=P("title",this.leftMargin-Ht,this.topMargin,this.title,11),this.svg.appendChild(this.titleEL));var i=this.topMargin+t;this.drawArea=m(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+i+")"),i=this.baseHeight-t,this.legendArea=m(this.svg,"chart-legend","translate("+this.leftMargin+", "+i+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){n(t.container)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"addDataPoint",value:function(){}},{key:"removeDataPoint",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(){}},{key:"updateDataset",value:function(){}},{key:"getDifferentChart",value:function(t){var e=this.type,i=this.rawChartArgs;if(t!==e){Ct.includes(t)||console.error("'"+t+"' is not a valid chart type."),Ot[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var n=Nt[e]===Nt[t];return i.type=t,i.colors=n?i.colors:void 0,new pe(this.parent,i)}}},{key:"unbindWindowEvents",value:function(){var t=this;window.removeEventListener("resize",function(){return t.draw(!0)}),window.removeEventListener("orientationchange",function(){return t.draw(!0)})}}]),t}(),ee=function(t){function e(t,i){return kt(this,e),Tt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i))}return Pt(e,t),wt(e,[{key:"configure",value:function(t){At(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,i=this.config.maxSlices;e.sliceTotals=[];var n=this.data.labels.map(function(e,i){var n=0;return t.data.datasets.map(function(t){n+=t.values[i]}),[n,e]}).filter(function(t){return t[0]>0}),a=n;if(n.length>i){n.sort(function(t,e){return e[0]-t[0]}),a=n.slice(0,i-1);var s=0;n.slice(i-1).map(function(t){s+=t[0]}),a.push([s,"Rest"]),this.colors[i-1]="grey"}e.labels=[],a.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])})}},{key:"renderLegend",value:function(){}}]),e}(te),ie=function(t){function n(t,e){kt(this,n);var i=Tt(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t,e));return i.type="percentage",i.setup(),i}return Pt(n,t),wt(n,[{key:"makeChartArea",value:function(){this.container.className+=" graph-focus-margin",this.container.style.marginTop="45px",this.svg=e.create("div",{className:"div",inside:this.container}),this.chart=e.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=e.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var t=this,i=this.state;this.grandTotal=i.sliceTotals.reduce(function(t,e){return t+e},0),i.slices=[],i.sliceTotals.map(function(n,a){var s=e.create("div",{className:"progress-bar","data-index":a,inside:t.percentageBar,styles:{background:t.colors[a],width:100*n/t.grandTotal+"%"}});i.slices.push(s)})}},{key:"bindTooltip",value:function(){var t=this,e=this.state;this.container.addEventListener("mousemove",function(n){var a=n.target;if(a.classList.contains("progress-bar")){var s=a.getAttribute("data-index"),r=i(t.container),o=i(a),l=o.left-r.left+a.offsetWidth/2,u=o.top-r.top-6,c=(t.formattedLabels&&t.formattedLabels.length>0?t.formattedLabels[s]:t.state.labels[s])+": ",h=(100*e.sliceTotals[s]/t.grandTotal).toFixed(1);t.tip.setValues(l,u,{name:c,value:h+"%"}),t.tip.showTip()}})}}]),n}(ee),ne=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;kt(this,t),this.layerTransform=s,this.constants=r,this.makeElements=l,this.getData=o,this.animateElements=u,this.store=[],this.layerClass=n,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return wt(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=m(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),ae={pieSlices:{layerClass:"pie-slices",makeElements:function(t){return t.sliceStrings.map(function(e,i){var n=b(e,"pie-path","none",t.colors[i]);return n.style.transition="transform .3s;",n})},animateElements:function(t){return this.store.map(function(e,i){return G(e,t.sliceStrings[i])})}},percentageBars:{layerClass:"percentage-bars",makeElements:function(t){},animateElements:function(t){}},yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return D(i,t.labels[n],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,n=this.oldData.positions,a=this.oldData.labels,s=h(n,e),r=Mt(s,2);n=r[0],e=r[1];var o=h(a,i),l=Mt(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return H(t,e[i],n[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return L(i,t.calcLabels[n],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,n=this.oldData.positions,a=this.oldData.calcLabels,s=h(n,e),r=Mt(s,2);n=r[0],e=r[1];var o=h(a,i),l=Mt(o,2);return a=l[0],i=l[1],this.render({positions:n,calcLabels:i}),this.store.map(function(t,i){return F(t,e[i],n[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return C(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=h(this.oldData,t),i=Mt(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 H(t,n[e],s[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return O(t.startPos,t.endPos,e.constants.width,t.label)})},animateElements:function(t){var e=h(this.oldData,t),i=Mt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.endPos}),a=t.map(function(t){return t.label}),s=t.map(function(t){return t.startPos}),r=this.oldData.map(function(t){return t.endPos}),o=this.oldData.map(function(t){return t.startPos});this.render(r.map(function(t,e){return{startPos:o[e],endPos:r[e],label:a[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(R(t,s[e],n[e],r[e]))}),l}},heatDomain:{layerClass:function(){return"heat-domain domain-"+this.constants.index},makeElements:function(t){var e=this,i=this.constants,n=i.colWidth,a=i.rowHeight,s=i.squareSize,r=i.xTranslate,o=0;return this.serializedSubDomains=[],t.cols.map(function(t){t.map(function(t,i){if(t.fill){var n={"data-date":t.yyyyMmDd,"data-value":t.dataValue,"data-day":i},l=w("day",r,o,s,t.fill,n);e.serializedSubDomains.push(l)}o+=a}),o=0,r+=n}),this.serializedSubDomains},animateElements:function(t){}},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 N(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=h(s,e),c=Mt(u,2);s=c[0],e=c[1];var d=h(r,i),p=Mt(d,2);r=p[0],i=p[1];var f=h(o,n),v=Mt(f,2);o=v[0],n=v[1];var g=h(l,a),y=Mt(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(I(a,e[s],i[s],t.barWidth,n[s],{zeroLine:t.zeroLine}))}),m}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=S(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,n){return E(t.xPositions[n],i,t.radius,e.color,e.valuesOverPoints?t.values[n]:"",n)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,n=t.values,a=this.oldData.xPositions,s=this.oldData.yPositions,r=this.oldData.values,o=h(a,e),l=Mt(o,2);a=l[0],e=l[1];var u=h(s,i),c=Mt(u,2);s=c[0],i=c[1];var d=h(r,n),p=Mt(d,2);r=p[0],n=p[1],this.render({xPositions:a,yPositions:s,values:n,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var f=[];return Object.keys(this.paths).length&&(f=f.concat(V(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,n){f=f.concat(Y(t,e[n],i[n]))}),f}}},se=function(t){function e(t,i){kt(this,e);var n=Tt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return n.type="pie",n.initTimeout=0,n.init=1,n.setup(),n}return Pt(e,t),wt(e,[{key:"configure",value:function(t){At(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(){At(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"calc",this).call(this);var t=this.state;this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y,t.grandTotal=t.sliceTotals.reduce(function(t,e){return t+e},0),this.calcSlices()}},{key:"calcSlices",value:function(){var t=this,e=this.state,i=this.radius,n=this.clockWise,a=e.slicesProperties||[];e.sliceStrings=[],e.slicesProperties=[];var s=180-this.config.startAngle;e.sliceTotals.map(function(r,o){var l=s,c=r/e.grandTotal*360,h=n?-c:c,d=s+=h,p=u(l,i),f=u(d,i),v=t.init&&a[o],g=void 0,y=void 0;t.init?(g=v?v.startPosition:p,y=v?v.endPosition:p):(g=p,y=f);var m=x(g,y,t.center,t.radius,t.clockWise);e.sliceStrings.push(m),e.slicesProperties.push({startPosition:p,endPosition:f,value:r,total:e.grandTotal,startAngle:l,endAngle:d,angle: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=J.apply(void 0,Dt(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,n=u(t.startAngle+t.angle/2,e);return"translate3d("+n.x*i+"px,"+n.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,e,n,a){if(t){var s=this.colors[e];if(n){U(t,this.calTranslateByAngle(this.state.slicesProperties[e])),t.style.fill=z(s,50);var r=i(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[e]:this.state.labels[e])+": ",c=(100*this.state.sliceTotals[e]/this.state.grandTotal).toFixed(1);this.tip.setValues(o,l,{name:u,value:c+"%"}),this.tip.showTip()}else U(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.fill=s}}},{key:"bindTooltip",value:function(){this.container.addEventListener("mousemove",this.mouseMove),this.container.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,i=this.components.get("pieSlices").store,n=this.curActiveSliceIndex,a=this.curActiveSlice;if(i.includes(e)){var s=i.indexOf(e);this.hoverSlice(a,n,!1),this.curActiveSlice=e,this.curActiveSliceIndex=s,this.hoverSlice(e,s,!0,t)}else this.mouseLeave()}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}}]),e}(ee),re=7,oe=1e3,le=86400,ue=["January","February","March","April","May","June","July","August","September","October","November","December"],ce=function(t){function e(t,i){kt(this,e);var n=Tt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));n.type="heatmap",n.discreteDomains=0===i.discreteDomains?0:1,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 Pt(e,t),wt(e,[{key:"updateWidth",value:function(){this.baseWidth=12*(this.state.noOfWeeks+99),this.discreteDomains&&(this.baseWidth+=144)}},{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*oe);e[$(n)]=t.dataPoints[i]}),t.dataPoints=e}return t}},{key:"calc",value:function(){var t=this.state;t.start=this.data.start,t.end=this.data.end,t.firstWeekStart=at(t.start),t.noOfWeeks=Z(t.start,t.end),t.distribution=ft(Object.values(this.data.dataPoints),jt),t.domainConfigs=this.getDomains()}},{key:"setupComponents",value:function(){var t=this,e=this.state,i=e.domainConfigs.map(function(i,n){return["heatDomain",{index:n,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=at(t),r={index:n,cols:[]},o=Z(s,e=Q(e)||nt(n,a)),l=[],u=0;u2&&void 0!==arguments[2]&&arguments[2],n=Q(t),a=[],s=0;s0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return yt(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return r(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=ut(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/dt(e),n=ht(e)*i,a=this.height-ct(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 pt(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var n=t.values,a=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:n,yPositions:e(n),cumulativeYs:a,cumulativeYPos:e(a)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e){e.yPositions.map(function(e,i){e=0;r--){var o=i.xAxis.positions[r];if(t>o-i.unitWidth/2){var l=o+this.leftMargin,u=i.yExtremes[r]+this.topMargin,c=this.data.datasets.map(function(t,i){return{title:t.name,value:n?n(t.values[r]):t.values[r],color:e.colors[i]}});this.tip.setValues(l,u,{name:s[r],value:""},c,r),this.tip.showTip();break}}}}},{key:"renderLegend",value:function(){var t=this,e=this.data;this.legendArea.textContent="",e.datasets.length>1&&e.datasets.map(function(e,i){var n=A(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=Gt[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];Bt[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex,e=this.state;return{index:t,label:e.xAxis.labels[t],values:e.datasets.map(function(e){return e.values[t]})}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,s(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,i){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;At(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"addDataPoint",this).call(this,t,i,n),this.data.labels.splice(n,0,t),this.data.datasets.map(function(t,e){t.values.splice(n,0,i[e])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;this.data.labels.length<=1||(At(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data))}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}},{key:"updateDatasets",value:function(t){this.data.datasets.map(function(e,i){t[i]&&(e.values=t[i])}),this.update(this.data)}}]),e}(te),de={percentage:ie,heatmap:ce,pie:se},pe=function t(e,i){return kt(this,t),bt(i.type,e,i)};return t.Chart=pe,t.PercentageChart=ie,t.PieChart=se,t.Heatmap=ce,t.AxisChart=he,t}({}); //# sourceMappingURL=frappe-charts.min.iife.js.map diff --git a/dist/frappe-charts.min.iife.js.map b/dist/frappe-charts.min.iife.js.map index 53e55d7..f2a1cc3 100644 --- a/dist/frappe-charts.min.iife.js.map +++ b/dist/frappe-charts.min.iife.js.map @@ -1 +1 @@ -{"version":3,"file":"frappe-charts.min.iife.js","sources":["../src/js/utils/dom.js","../src/js/utils/helpers.js","../src/js/utils/draw-utils.js","../src/js/utils/draw.js","../src/js/utils/colors.js","../src/js/utils/animate.js","../src/js/utils/animation.js","../src/js/objects/ChartComponents.js","../src/js/utils/date-utils.js","../src/js/utils/intervals.js","../src/js/utils/axis-chart-utils.js","../src/js/chart.js","../src/js/objects/SvgTip.js","../src/js/utils/constants.js","../src/js/charts/BaseChart.js","../src/js/charts/AggregationChart.js","../src/js/charts/PercentageChart.js","../src/js/charts/PieChart.js","../src/js/charts/Heatmap.js","../src/js/charts/AxisChart.js"],"sourcesContent":["export function $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function findNodeIndex(node)\n{\n\tvar i = 0;\n\twhile (node.previousSibling) {\n\t\tnode = node.previousSibling;\n\t\ti++;\n\t}\n\treturn i;\n}\n\n$.create = (tag, o) => {\n\tvar element = document.createElement(tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else if (i in element ) {\n\t\t\telement[i] = val;\n\t\t}\n\t\telse {\n\t\t\telement.setAttribute(i, val);\n\t\t}\n\t}\n\n\treturn element;\n};\n\nexport function getOffset(element) {\n\tlet rect = element.getBoundingClientRect();\n\treturn {\n\t\t// https://stackoverflow.com/a/7436602/6495043\n\t\t// rect.top varies with scroll, so we add whatever has been\n\t\t// scrolled to it to get absolute distance from actual page top\n\t\ttop: rect.top + (document.documentElement.scrollTop || document.body.scrollTop),\n\t\tleft: rect.left + (document.documentElement.scrollLeft || document.body.scrollLeft)\n\t};\n}\n\nexport function isElementInViewport(el) {\n\t// Although straightforward: https://stackoverflow.com/a/7557433/6495043\n\tvar rect = el.getBoundingClientRect();\n\n\treturn (\n\t\trect.top >= 0 &&\n rect.left >= 0 &&\n rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */\n rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */\n\t);\n}\n\nexport function getElementContentWidth(element) {\n\tvar styles = window.getComputedStyle(element);\n\tvar padding = parseFloat(styles.paddingLeft) +\n\t\tparseFloat(styles.paddingRight);\n\n\treturn element.clientWidth - padding;\n}\n\nexport function bind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function (event) {\n\t\t\t\telement.addEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function unbind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function(event) {\n\t\t\t\telement.removeEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function fire(target, type, properties) {\n\tvar evt = document.createEvent(\"HTMLEvents\");\n\n\tevt.initEvent(type, true, true );\n\n\tfor (var j in properties) {\n\t\tevt[j] = properties[j];\n\t}\n\n\treturn target.dispatchEvent(evt);\n}\n\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\nexport function getPositionByAngle(angle, radius) {\n\treturn {\n\t\tx:Math.sin(angle * ANGLE_RATIO) * radius,\n\t\ty:Math.cos(angle * ANGLE_RATIO) * radius,\n\t};\n}\n","import { fillArray } from './helpers';\n\nexport function getBarHeightAndYAttr(yTop, zeroLine) {\n\tlet height, y;\n\tif (yTop <= zeroLine) {\n\t\theight = zeroLine - yTop;\n\t\ty = yTop;\n\t} else {\n\t\theight = yTop - zeroLine;\n\t\ty = zeroLine;\n\t}\n\n\treturn [height, y];\n}\n\nexport function equilizeNoOfElements(array1, array2,\n\textraCount = array2.length - array1.length) {\n\n\t// Doesn't work if either has zero elements.\n\tif(extraCount > 0) {\n\t\tarray1 = fillArray(array1, extraCount);\n\t} else {\n\t\tarray2 = fillArray(array2, extraCount);\n\t}\n\treturn [array1, array2];\n}\n","import { getBarHeightAndYAttr } from './draw-utils';\nimport { getStringWidth } from './helpers';\nimport { DOT_OVERLAY_SIZE_INCR } from './constants';\n\nexport const AXIS_TICK_LENGTH = 6;\nconst LABEL_MARGIN = 4;\nexport const FONT_SIZE = 10;\nconst BASE_LINE_COLOR = '#dadada';\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 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 makeText(className, x, y, content, fontSize = FONT_SIZE) {\n\treturn createSVG('text', {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\tdy: (fontSize / 2) + 'px',\n\t\t'font-size': fontSize + 'px',\n\t\tinnerHTML: content\n\t});\n}\n\nfunction makeVertLine(x, label, y1, y2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tlet l = createSVG('line', {\n\t\tclassName: 'line-vertical ' + options.className,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: y1,\n\t\ty2: y2,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: 0,\n\t\ty: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE,\n\t\tdy: FONT_SIZE + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'middle',\n\t\tinnerHTML: label + \"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(${ x }, 0)`\n\t});\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nfunction makeHoriLine(y, label, x1, x2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.lineType) options.lineType = '';\n\tlet className = 'line-horizontal ' + options.className +\n\t\t(options.lineType === \"dashed\" ? \"dashed\": \"\");\n\n\tlet l = createSVG('line', {\n\t\tclassName: className,\n\t\tx1: x1,\n\t\tx2: x2,\n\t\ty1: 0,\n\t\ty2: 0,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / 2 - 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': x1 < x2 ? 'end' : 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(0, ${y})`,\n\t\t'stroke-opacity': 1\n\t});\n\n\tif(text === 0 || text === '0') {\n\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\n\t}\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nexport function yLine(y, label, width, options={}) {\n\tif(!options.pos) options.pos = 'left';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\tlet x1 = -1 * AXIS_TICK_LENGTH;\n\tlet x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;\n\n\tif(options.mode === 'tick' && options.pos === 'right') {\n\t\tx1 = width + AXIS_TICK_LENGTH;\n\t\tx2 = width;\n\t}\n\n\t// let offset = options.pos === 'left' ? -1 * options.offset : options.offset;\n\n\tx1 += options.offset;\n\tx2 += options.offset;\n\n\treturn makeHoriLine(y, label, x1, x2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function xLine(x, label, height, options={}) {\n\tif(!options.pos) options.pos = 'bottom';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\t// Draw X axis line in span/tick mode with optional label\n\t// \ty2(span)\n\t// \t\t\t\t\t\t|\n\t// \t\t\t\t\t\t|\n\t//\t\t\t\tx line\t|\n\t//\t\t\t\t\t\t|\n\t// \t\t\t\t\t \t|\n\t// ---------------------+-- y2(tick)\n\t//\t\t\t\t\t\t|\n\t//\t\t\t\t\t\t\ty1\n\n\tlet y1 = height + AXIS_TICK_LENGTH;\n\tlet y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : height;\n\n\tif(options.mode === 'tick' && options.pos === 'top') {\n\t\t// top axis ticks\n\t\ty1 = -1 * AXIS_TICK_LENGTH;\n\t\ty2 = 0;\n\t}\n\n\treturn makeVertLine(x, label, y1, y2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function yMarker(y, label, width, options={}) {\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = makeHoriLine(y, '', 0, width, {\n\t\tstroke: options.stroke || BASE_LINE_COLOR,\n\t\tclassName: options.className || '',\n\t\tlineType: options.lineType\n\t});\n\n\tline.appendChild(labelSvg);\n\n\treturn line;\n}\n\nexport function yRegion(y1, y2, width, label) {\n\t// return a group\n\tlet height = y1 - y2;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`, // remove class\n\t\tstyles: {\n\t\t\tfill: `rgba(228, 234, 239, 0.49)`,\n\t\t\tstroke: BASE_LINE_COLOR,\n\t\t\t'stroke-dasharray': `${width}, ${height}`\n\t\t},\n\t\t// 'data-point-index': index,\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: width,\n\t\theight: height\n\t});\n\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label+\"\", 4.5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet region = createSVG('g', {\n\t\ttransform: `translate(0, ${y2})`\n\t});\n\n\tregion.appendChild(rect);\n\tregion.appendChild(labelSvg);\n\n\treturn region;\n}\n\nexport function datasetBar(x, yTop, width, color, label='', index=0, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`,\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: width,\n\t\theight: height || meta.minHeight // TODO: correct y for positive min height\n\t});\n\n\tlabel += \"\";\n\n\tif(!label && !label.length) {\n\t\treturn rect;\n\t} else {\n\t\trect.setAttribute('y', 0);\n\t\trect.setAttribute('x', 0);\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: width/2,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\t'data-point-index': index,\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(rect);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function datasetDot(x, y, radius, color, label='', index=0) {\n\tlet dot = createSVG('circle', {\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tcx: x,\n\t\tcy: y,\n\t\tr: radius\n\t});\n\n\tlabel += \"\";\n\n\tif(!label && !label.length) {\n\t\treturn dot;\n\t} else {\n\t\tdot.setAttribute('cy', 0);\n\t\tdot.setAttribute('cx', 0);\n\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1 - radius) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\t'data-point-index': index,\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(dot);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function getPaths(xList, yList, color, options={}, meta={}) {\n\tlet pointsList = yList.map((y, i) => (xList[i] + ',' + y));\n\tlet pointsStr = pointsList.join(\"L\");\n\tlet path = makePath(\"M\"+pointsStr, 'line-graph-path', color);\n\n\t// HeatLine\n\tif(options.heatline) {\n\t\tlet gradient_id = makeGradient(meta.svgDefs, color);\n\t\tpath.style.stroke = `url(#${gradient_id})`;\n\t}\n\n\tlet paths = {\n\t\tpath: path\n\t};\n\n\t// Region\n\tif(options.regionFill) {\n\t\tlet gradient_id_region = makeGradient(meta.svgDefs, color, true);\n\n\t\t// TODO: use zeroLine OR minimum\n\t\tlet pathStr = \"M\" + `${xList[0]},${meta.zeroLine}L` + pointsStr + `L${xList.slice(-1)[0]},${meta.zeroLine}`;\n\t\tpaths.region = makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`);\n\t}\n\n\treturn paths;\n}\n\nexport let makeOverlay = {\n\t'bar': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'dot': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\tlet fill = unit.getAttribute('fill');\n\t\toverlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.setAttribute('fill', fill);\n\t\toverlay.style.opacity = '0.6';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'heat_square': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\tlet fill = unit.getAttribute('fill');\n\t\toverlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.setAttribute('fill', fill);\n\t\toverlay.style.opacity = '0.6';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t}\n};\n\nexport let updateOverlay = {\n\t'bar': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['x', 'y', 'width', 'height'];\n\t\tObject.values(unit.attributes)\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t\t.map(attr => {\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'dot': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t\t.map(attr => {\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'heat_square': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t\t.map(attr => {\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n};\n","const PRESET_COLOR_MAP = {\n\t'light-blue': '#7cd6fd',\n\t'blue': '#5e64ff',\n\t'violet': '#743ee2',\n\t'red': '#ff5858',\n\t'orange': '#ffa00a',\n\t'yellow': '#feef72',\n\t'green': '#28a745',\n\t'light-green': '#98d85b',\n\t'purple': '#b554ff',\n\t'magenta': '#ffa3ef',\n\t'black': '#36114C',\n\t'grey': '#bdd3e6',\n\t'light-grey': '#f0f4f7',\n\t'dark-grey': '#b8c2cc'\n};\n\nfunction limitColor(r){\n\tif (r > 255) return 255;\n\telse if (r < 0) return 0;\n\treturn r;\n}\n\nexport function lightenDarkenColor(color, amt) {\n\tlet col = getColor(color);\n\tlet usePound = false;\n\tif (col[0] == \"#\") {\n\t\tcol = col.slice(1);\n\t\tusePound = true;\n\t}\n\tlet num = parseInt(col,16);\n\tlet r = limitColor((num >> 16) + amt);\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\n\tlet g = limitColor((num & 0x0000FF) + amt);\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\n}\n\nexport function isValidColor(string) {\n\t// https://stackoverflow.com/a/8027444/6495043\n\treturn /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string);\n}\n\nexport const getColor = (color) => {\n\treturn PRESET_COLOR_MAP[color] || color;\n};\n","import { getBarHeightAndYAttr } from './draw-utils';\n\nexport const UNIT_ANIM_DUR = 350;\nexport const PATH_ANIM_DUR = 350;\nexport const MARKER_LINE_ANIM_DUR = UNIT_ANIM_DUR;\nexport const REPLACE_ALL_NEW_DUR = 250;\n\nexport const STD_EASING = 'easein';\n\nexport function translate(unit, oldCoord, newCoord, duration) {\n\tlet old = typeof oldCoord === 'string' ? oldCoord : oldCoord.join(', ');\n\treturn [\n\t\tunit,\n\t\t{transform: newCoord.join(', ')},\n\t\tduration,\n\t\tSTD_EASING,\n\t\t\"translate\",\n\t\t{transform: old}\n\t];\n}\n\nexport function translateVertLine(xLine, newX, oldX) {\n\treturn translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR);\n}\n\nexport function translateHoriLine(yLine, newY, oldY) {\n\treturn translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR);\n}\n\nexport function animateRegion(rectGroup, newY1, newY2, oldY2) {\n\tlet newHeight = newY1 - newY2;\n\tlet rect = rectGroup.childNodes[0];\n\tlet width = rect.getAttribute(\"width\");\n\tlet rectAnim = [\n\t\trect,\n\t\t{ height: newHeight, 'stroke-dasharray': `${width}, ${newHeight}` },\n\t\tMARKER_LINE_ANIM_DUR,\n\t\tSTD_EASING\n\t];\n\n\tlet groupAnim = translate(rectGroup, [0, oldY2], [0, newY2], MARKER_LINE_ANIM_DUR);\n\treturn [rectAnim, groupAnim];\n}\n\nexport function animateBar(bar, x, yTop, width, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\tif(bar.nodeName !== 'rect') {\n\t\tlet rect = bar.childNodes[0];\n\t\tlet rectAnim = [\n\t\t\trect,\n\t\t\t{width: width, height: height},\n\t\t\tUNIT_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\n\t\tlet oldCoordStr = bar.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(bar, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [rectAnim, groupAnim];\n\t} else {\n\t\treturn [[bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animateDot(dot, x, y) {\n\tif(dot.nodeName !== 'circle') {\n\t\tlet oldCoordStr = dot.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(dot, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [groupAnim];\n\t} else {\n\t\treturn [[dot, {cx: x, cy: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animatePath(paths, newXList, newYList, zeroLine) {\n\tlet pathComponents = [];\n\n\tlet pointsStr = newYList.map((y, i) => (newXList[i] + ',' + y));\n\tlet pathStr = pointsStr.join(\"L\");\n\n\tconst animPath = [paths.path, {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\tpathComponents.push(animPath);\n\n\tif(paths.region) {\n\t\tlet regStartPt = `${newXList[0]},${zeroLine}L`;\n\t\tlet regEndPt = `L${newXList.slice(-1)[0]}, ${zeroLine}`;\n\n\t\tconst animRegion = [\n\t\t\tpaths.region,\n\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\tPATH_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\t\tpathComponents.push(animRegion);\n\t}\n\n\treturn pathComponents;\n}\n\nexport function animatePathStr(oldPath, pathStr) {\n\treturn [oldPath, {d: pathStr}, UNIT_ANIM_DUR, STD_EASING];\n}\n\n","// Leveraging SMIL Animations\n\nimport { REPLACE_ALL_NEW_DUR } from './animate';\n\nconst EASING = {\n\tease: \"0.25 0.1 0.25 1\",\n\tlinear: \"0 0 1 1\",\n\t// easein: \"0.42 0 1 1\",\n\teasein: \"0.1 0.8 0.2 1\",\n\teaseout: \"0 0 0.58 1\",\n\teaseinout: \"0.42 0 0.58 1\"\n};\n\nfunction animateSVGElement(element, props, dur, easingType=\"linear\", type=undefined, oldValues={}) {\n\n\tlet animElement = element.cloneNode(true);\n\tlet newElement = element.cloneNode(true);\n\n\tfor(var attributeName in props) {\n\t\tlet animateElement;\n\t\tif(attributeName === 'transform') {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animateTransform\");\n\t\t} else {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animate\");\n\t\t}\n\t\tlet currentValue = oldValues[attributeName] || element.getAttribute(attributeName);\n\t\tlet value = props[attributeName];\n\n\t\tlet animAttr = {\n\t\t\tattributeName: attributeName,\n\t\t\tfrom: currentValue,\n\t\t\tto: value,\n\t\t\tbegin: \"0s\",\n\t\t\tdur: dur/1000 + \"s\",\n\t\t\tvalues: currentValue + \";\" + value,\n\t\t\tkeySplines: EASING[easingType],\n\t\t\tkeyTimes: \"0;1\",\n\t\t\tcalcMode: \"spline\",\n\t\t\tfill: 'freeze'\n\t\t};\n\n\t\tif(type) {\n\t\t\tanimAttr[\"type\"] = type;\n\t\t}\n\n\t\tfor (var i in animAttr) {\n\t\t\tanimateElement.setAttribute(i, animAttr[i]);\n\t\t}\n\n\t\tanimElement.appendChild(animateElement);\n\n\t\tif(type) {\n\t\t\tnewElement.setAttribute(attributeName, `translate(${value})`);\n\t\t} else {\n\t\t\tnewElement.setAttribute(attributeName, value);\n\t\t}\n\t}\n\n\treturn [animElement, newElement];\n}\n\nexport function transform(element, style) { // eslint-disable-line no-unused-vars\n\telement.style.transform = style;\n\telement.style.webkitTransform = style;\n\telement.style.msTransform = style;\n\telement.style.mozTransform = style;\n\telement.style.oTransform = style;\n}\n\nfunction animateSVG(svgContainer, elements) {\n\tlet newElements = [];\n\tlet animElements = [];\n\n\telements.map(element => {\n\t\tlet unit = element[0];\n\t\tlet parent = unit.parentNode;\n\n\t\tlet animElement, newElement;\n\n\t\telement[0] = unit;\n\t\t[animElement, newElement] = animateSVGElement(...element);\n\n\t\tnewElements.push(newElement);\n\t\tanimElements.push([animElement, parent]);\n\n\t\tparent.replaceChild(animElement, unit);\n\t});\n\n\tlet animSvg = svgContainer.cloneNode(true);\n\n\tanimElements.map((animElement, i) => {\n\t\tanimElement[1].replaceChild(newElements[i], animElement[0]);\n\t\telements[i][0] = newElements[i];\n\t});\n\n\treturn animSvg;\n}\n\nexport function runSMILAnimation(parent, svgElement, elementsToAnimate) {\n\tif(elementsToAnimate.length === 0) return;\n\n\tlet animSvgElement = animateSVG(svgElement, elementsToAnimate);\n\tif(svgElement.parentNode == parent) {\n\t\tparent.removeChild(svgElement);\n\t\tparent.appendChild(animSvgElement);\n\n\t}\n\n\t// Replace the new svgElement (data has already been replaced)\n\tsetTimeout(() => {\n\t\tif(animSvgElement.parentNode == parent) {\n\t\t\tparent.removeChild(animSvgElement);\n\t\t\tparent.appendChild(svgElement);\n\t\t}\n\t}, REPLACE_ALL_NEW_DUR);\n}\n","import { makeSVGGroup } from '../utils/draw';\nimport { makePath, xLine, yLine, yMarker, yRegion, datasetBar, datasetDot, getPaths, heatSquare } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { translateHoriLine, translateVertLine, animateRegion, animateBar,\n\tanimateDot, animatePath, animatePathStr } from '../utils/animate';\n\nclass ChartComponent {\n\tconstructor({\n\t\tlayerClass = '',\n\t\tlayerTransform = '',\n\t\tconstants,\n\n\t\tgetData,\n\t\tmakeElements,\n\t\tanimateElements\n\t}) {\n\t\tthis.layerTransform = layerTransform;\n\t\tthis.constants = constants;\n\n\t\tthis.makeElements = makeElements;\n\t\tthis.getData = getData;\n\n\t\tthis.animateElements = animateElements;\n\n\t\tthis.store = [];\n\n\t\tthis.layerClass = layerClass;\n\t\tthis.layerClass = typeof(this.layerClass) === 'function'\n\t\t\t? this.layerClass() : this.layerClass;\n\n\t\tthis.refresh();\n\t}\n\n\trefresh(data) {\n\t\tthis.data = data || this.getData();\n\t}\n\n\tsetup(parent) {\n\t\tthis.layer = makeSVGGroup(parent, this.layerClass, this.layerTransform);\n\t}\n\n\tmake() {\n\t\tthis.render(this.data);\n\t\tthis.oldData = this.data;\n\t}\n\n\trender(data) {\n\t\tthis.store = this.makeElements(data);\n\n\t\tthis.layer.textContent = '';\n\t\tthis.store.forEach(element => {\n\t\t\tthis.layer.appendChild(element);\n\t\t});\n\t}\n\n\tupdate(animate = true) {\n\t\tthis.refresh();\n\t\tlet animateElements = [];\n\t\tif(animate) {\n\t\t\tanimateElements = this.animateElements(this.data);\n\t\t}\n\t\treturn animateElements;\n\t}\n}\n\nlet componentConfigs = {\n\tpieSlices: {\n\t\tlayerClass: 'pie-slices',\n\t\tmakeElements(data) {\n\t\t\treturn data.sliceStrings.map((s, i) =>{\n\t\t\t\tlet slice = makePath(s, 'pie-path', 'none', data.colors[i]);\n\t\t\t\tslice.style.transition = 'transform .3s;';\n\t\t\t\treturn slice;\n\t\t\t});\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\treturn this.store.map((slice, i) =>\n\t\t\t\tanimatePathStr(slice, newData.sliceStrings[i])\n\t\t\t);\n\t\t}\n\t},\n\tpercentageBars: {\n\t\tlayerClass: 'percentage-bars',\n\t\tmakeElements(data) {\n\t\t\t// return 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\t// return this.store.map((slice, i) =>\n\t\t\t// \tanimatePathStr(slice, newData.sliceStrings[i])\n\t\t\t// );\n\t\t}\n\t},\n\tyAxis: {\n\t\tlayerClass: 'y axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\tyLine(position, data.labels[i], this.constants.width,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.labels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tlabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\txAxis: {\n\t\tlayerClass: 'x axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\txLine(position, data.calcLabels[i], this.constants.height,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.calcLabels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.calcLabels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tcalcLabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateVertLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyMarkers: {\n\t\tlayerClass: 'y-markers',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(marker =>\n\t\t\t\tyMarker(marker.position, marker.label, this.constants.width,\n\t\t\t\t\t{pos:'right', mode: 'span', lineType: 'dashed'})\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.position);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.position);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tposition: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t};\n\t\t\t}));\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyRegions: {\n\t\tlayerClass: 'y-regions',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(region =>\n\t\t\t\tyRegion(region.startPos, region.endPos, this.constants.width,\n\t\t\t\t\tregion.label)\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.endPos);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\t\t\tlet newStarts = newData.map(d => d.startPos);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.endPos);\n\t\t\tlet oldStarts = this.oldData.map(d => d.startPos);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tstartPos: oldStarts[i],\n\t\t\t\t\tendPos: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t};\n\t\t\t}));\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((rectGroup, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateRegion(\n\t\t\t\t\trectGroup, newStarts[i], newPos[i], oldPos[i]\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\theatDomain: {\n\t\tlayerClass: function() { return 'heat-domain domain-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet {colWidth, rowHeight, squareSize, xTranslate} = this.constants;\n\t\t\tlet x = xTranslate, y = 0;\n\n\t\t\tthis.serializedSubDomains = [];\n\n\t\t\tdata.cols.map(week => {\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\t// return this.store.map((slice, i) =>\n\t\t\t// \tanimatePathStr(slice, newData.sliceStrings[i])\n\t\t\t// );\n\t\t}\n\t},\n\n\tbarGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-bars dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'bar';\n\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\treturn datasetBar(\n\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\ty,\n\t\t\t\t\tdata.barWidth,\n\t\t\t\t\tc.color,\n\t\t\t\t\tdata.labels[j],\n\t\t\t\t\tj,\n\t\t\t\t\tdata.offsets[j],\n\t\t\t\t\t{\n\t\t\t\t\t\tzeroLine: data.zeroLine,\n\t\t\t\t\t\tbarsWidth: data.barsWidth,\n\t\t\t\t\t\tminHeight: c.minHeight\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t});\n\t\t\treturn this.units;\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newOffsets = newData.offsets;\n\t\t\tlet newLabels = newData.labels;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldOffsets = this.oldData.offsets;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldOffsets, newOffsets] = equilizeNoOfElements(oldOffsets, newOffsets);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\toffsets: oldOffsets,\n\t\t\t\tlabels: newLabels,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tbarsWidth: this.oldData.barsWidth,\n\t\t\t\tbarWidth: this.oldData.barWidth,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((bar, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateBar(\n\t\t\t\t\tbar, newXPos[i], newYPos[i], newData.barWidth, newOffsets[i],\n\t\t\t\t\t{zeroLine: newData.zeroLine}\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tlineGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-line dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'dot';\n\t\t\tthis.paths = {};\n\t\t\tif(!c.hideLine) {\n\t\t\t\tthis.paths = getPaths(\n\t\t\t\t\tdata.xPositions,\n\t\t\t\t\tdata.yPositions,\n\t\t\t\t\tc.color,\n\t\t\t\t\t{\n\t\t\t\t\t\theatline: c.heatline,\n\t\t\t\t\t\tregionFill: c.regionFill\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tsvgDefs: c.svgDefs,\n\t\t\t\t\t\tzeroLine: data.zeroLine\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tthis.units = [];\n\t\t\tif(!c.hideDots) {\n\t\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\t\treturn datasetDot(\n\t\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\t\ty,\n\t\t\t\t\t\tdata.radius,\n\t\t\t\t\t\tc.color,\n\t\t\t\t\t\t(c.valuesOverPoints ? data.values[j] : ''),\n\t\t\t\t\t\tj\n\t\t\t\t\t);\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn Object.values(this.paths).concat(this.units);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newValues = newData.values;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldValues = this.oldData.values;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldValues, newValues] = equilizeNoOfElements(oldValues, newValues);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\tvalues: newValues,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tradius: this.oldData.radius,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tif(Object.keys(this.paths).length) {\n\t\t\t\tanimateElements = animateElements.concat(animatePath(\n\t\t\t\t\tthis.paths, newXPos, newYPos, newData.zeroLine));\n\t\t\t}\n\n\t\t\tif(this.units.length) {\n\t\t\t\tthis.units.map((dot, i) => {\n\t\t\t\t\tanimateElements = animateElements.concat(animateDot(\n\t\t\t\t\t\tdot, newXPos[i], newYPos[i]));\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn animateElements;\n\t\t}\n\t}\n};\n\nexport function getComponent(name, constants, getData) {\n\tlet keys = Object.keys(componentConfigs).filter(k => name.includes(k));\n\tlet config = componentConfigs[keys[0]];\n\tObject.assign(config, {\n\t\tconstants: constants,\n\t\tgetData: getData\n\t});\n\treturn new ChartComponent(config);\n}\n","// Playing around with dates\n\nexport const NO_OF_YEAR_MONTHS = 12;\nexport const NO_OF_DAYS_IN_WEEK = 7;\nexport const 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\", \"June\",\n\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"];\n\nexport const MONTH_NAMES_SHORT = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\", \"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"];\n\n// https://stackoverflow.com/a/11252167/6495043\nfunction treatAsUtc(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\nexport 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 { floatTwo } from './helpers';\n\nfunction normalize(x) {\n\t// Calculates mantissa and exponent of a number\n\t// Returns normalized number and exponent\n\t// https://stackoverflow.com/q/9383593/6495043\n\n\tif(x===0) {\n\t\treturn [0, 0];\n\t}\n\tif(isNaN(x)) {\n\t\treturn {mantissa: -6755399441055744, exponent: 972};\n\t}\n\tvar sig = x > 0 ? 1 : -1;\n\tif(!isFinite(x)) {\n\t\treturn {mantissa: sig * 4503599627370496, exponent: 972};\n\t}\n\n\tx = Math.abs(x);\n\tvar exp = Math.floor(Math.log10(x));\n\tvar man = x/Math.pow(10, exp);\n\n\treturn [sig * man, exp];\n}\n\nfunction getChartRangeIntervals(max, min=0) {\n\tlet upperBound = Math.ceil(max);\n\tlet lowerBound = Math.floor(min);\n\tlet range = upperBound - lowerBound;\n\n\tlet noOfParts = range;\n\tlet partSize = 1;\n\n\t// To avoid too many partitions\n\tif(range > 5) {\n\t\tif(range % 2 !== 0) {\n\t\t\tupperBound++;\n\t\t\t// Recalc range\n\t\t\trange = upperBound - lowerBound;\n\t\t}\n\t\tnoOfParts = range/2;\n\t\tpartSize = 2;\n\t}\n\n\t// Special case: 1 and 2\n\tif(range <= 2) {\n\t\tnoOfParts = 4;\n\t\tpartSize = range/noOfParts;\n\t}\n\n\t// Special case: 0\n\tif(range === 0) {\n\t\tnoOfParts = 5;\n\t\tpartSize = 1;\n\t}\n\n\tlet intervals = [];\n\tfor(var i = 0; i <= noOfParts; i++){\n\t\tintervals.push(lowerBound + partSize * i);\n\t}\n\treturn intervals;\n}\n\nfunction getChartIntervals(maxValue, minValue=0) {\n\tlet [normalMaxValue, exponent] = normalize(maxValue);\n\tlet normalMinValue = minValue ? minValue/Math.pow(10, exponent): 0;\n\n\t// Allow only 7 significant digits\n\tnormalMaxValue = normalMaxValue.toFixed(6);\n\n\tlet intervals = getChartRangeIntervals(normalMaxValue, normalMinValue);\n\tintervals = intervals.map(value => value * Math.pow(10, exponent));\n\treturn intervals;\n}\n\nexport function calcChartIntervals(values, withMinimum=false) {\n\t//*** Where the magic happens ***\n\n\t// Calculates best-fit y intervals from given values\n\t// and returns the interval array\n\n\tlet maxValue = Math.max(...values);\n\tlet minValue = Math.min(...values);\n\n\t// Exponent to be used for pretty print\n\tlet exponent = 0, intervals = []; // eslint-disable-line no-unused-vars\n\n\tfunction getPositiveFirstIntervals(maxValue, absMinValue) {\n\t\tlet intervals = getChartIntervals(maxValue);\n\n\t\tlet intervalSize = intervals[1] - intervals[0];\n\n\t\t// Then unshift the negative values\n\t\tlet value = 0;\n\t\tfor(var i = 1; value < absMinValue; i++) {\n\t\t\tvalue += intervalSize;\n\t\t\tintervals.unshift((-1) * value);\n\t\t}\n\t\treturn intervals;\n\t}\n\n\t// CASE I: Both non-negative\n\n\tif(maxValue >= 0 && minValue >= 0) {\n\t\texponent = normalize(maxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(maxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(maxValue, minValue);\n\t\t}\n\t}\n\n\t// CASE II: Only minValue negative\n\n\telse if(maxValue > 0 && minValue < 0) {\n\t\t// `withMinimum` irrelevant in this case,\n\t\t// We'll be handling both sides of zero separately\n\t\t// (both starting from zero)\n\t\t// Because ceil() and floor() behave differently\n\t\t// in those two regions\n\n\t\tlet absMinValue = Math.abs(minValue);\n\n\t\tif(maxValue >= absMinValue) {\n\t\t\texponent = normalize(maxValue)[1];\n\t\t\tintervals = getPositiveFirstIntervals(maxValue, absMinValue);\n\t\t} else {\n\t\t\t// Mirror: maxValue => absMinValue, then change sign\n\t\t\texponent = normalize(absMinValue)[1];\n\t\t\tlet posIntervals = getPositiveFirstIntervals(absMinValue, maxValue);\n\t\t\tintervals = posIntervals.map(d => d * (-1));\n\t\t}\n\n\t}\n\n\t// CASE III: Both non-positive\n\n\telse if(maxValue <= 0 && minValue <= 0) {\n\t\t// Mirrored Case I:\n\t\t// Work with positives, then reverse the sign and array\n\n\t\tlet pseudoMaxValue = Math.abs(minValue);\n\t\tlet pseudoMinValue = Math.abs(maxValue);\n\n\t\texponent = normalize(pseudoMaxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue, pseudoMinValue);\n\t\t}\n\n\t\tintervals = intervals.reverse().map(d => d * (-1));\n\t}\n\n\treturn intervals;\n}\n\nexport function getZeroIndex(yPts) {\n\tlet zeroIndex;\n\tlet interval = getIntervalSize(yPts);\n\tif(yPts.indexOf(0) >= 0) {\n\t\t// the range has a given zero\n\t\t// zero-line on the chart\n\t\tzeroIndex = yPts.indexOf(0);\n\t} else if(yPts[0] > 0) {\n\t\t// Minimum value is positive\n\t\t// zero-line is off the chart: below\n\t\tlet min = yPts[0];\n\t\tzeroIndex = (-1) * min / interval;\n\t} else {\n\t\t// Maximum value is negative\n\t\t// zero-line is off the chart: above\n\t\tlet max = yPts[yPts.length - 1];\n\t\tzeroIndex = (-1) * max / interval + (yPts.length - 1);\n\t}\n\treturn zeroIndex;\n}\n\nexport function getRealIntervals(max, noOfIntervals, min = 0, asc = 1) {\n\tlet range = max - min;\n\tlet part = range * 1.0 / noOfIntervals;\n\tlet intervals = [];\n\n\tfor(var i = 0; i <= noOfIntervals; i++) {\n\t\tintervals.push(min + part * i);\n\t}\n\n\treturn asc ? intervals : intervals.reverse();\n}\n\nexport function getIntervalSize(orderedArray) {\n\treturn orderedArray[1] - orderedArray[0];\n}\n\nexport function getValueRange(orderedArray) {\n\treturn orderedArray[orderedArray.length-1] - orderedArray[0];\n}\n\nexport function scale(val, yAxis) {\n\treturn floatTwo(yAxis.zeroLine - val * yAxis.scaleMultiplier);\n}\n\nexport function calcDistribution(values, distributionSize) {\n\t// Assume non-negative values,\n\t// implying distribution minimum at zero\n\n\tlet dataMaxValue = Math.max(...values);\n\n\tlet distributionStep = 1 / (distributionSize - 1);\n\tlet distribution = [];\n\n\tfor(var i = 0; i < distributionSize; i++) {\n\t\tlet checkpoint = dataMaxValue * (distributionStep * i);\n\t\tdistribution.push(checkpoint);\n\t}\n\n\treturn distribution;\n}\n\nexport function getMaxCheckpoint(value, distribution) {\n\treturn distribution.filter(d => d < value).length;\n}\n","import { fillArray } from '../utils/helpers';\nimport { DEFAULT_AXIS_CHART_TYPE, AXIS_DATASET_CHART_TYPES, DEFAULT_CHAR_WIDTH } from '../utils/constants';\n\nexport function dataPrep(data, type) {\n\tdata.labels = data.labels || [];\n\n\tlet datasetLength = data.labels.length;\n\n\t// Datasets\n\tlet datasets = data.datasets;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\tif(!datasets) {\n\t\t// default\n\t\tdatasets = [{\n\t\t\tvalues: zeroArray\n\t\t}];\n\t}\n\n\tdatasets.map(d=> {\n\t\t// Set values\n\t\tif(!d.values) {\n\t\t\td.values = zeroArray;\n\t\t} else {\n\t\t\t// Check for non values\n\t\t\tlet vals = d.values;\n\t\t\tvals = vals.map(val => (!isNaN(val) ? val : 0));\n\n\t\t\t// Trim or extend\n\t\t\tif(vals.length > datasetLength) {\n\t\t\t\tvals = vals.slice(0, datasetLength);\n\t\t\t} else {\n\t\t\t\tvals = fillArray(vals, datasetLength - vals.length, 0);\n\t\t\t}\n\t\t}\n\n\t\t// Set labels\n\t\t//\n\n\t\t// Set type\n\t\tif(!d.chartType ) {\n\t\t\tif(!AXIS_DATASET_CHART_TYPES.includes(type)) type === DEFAULT_AXIS_CHART_TYPE;\n\t\t\td.chartType = type;\n\t\t}\n\n\t});\n\n\t// Markers\n\n\t// Regions\n\t// data.yRegions = data.yRegions || [];\n\tif(data.yRegions) {\n\t\tdata.yRegions.map(d => {\n\t\t\tif(d.end < d.start) {\n\t\t\t\t[d.start, d.end] = [d.end, d.start];\n\t\t\t}\n\t\t});\n\t}\n\n\treturn data;\n}\n\nexport function zeroDataPrep(realData) {\n\tlet datasetLength = realData.labels.length;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\n\tlet zeroData = {\n\t\tlabels: realData.labels.slice(0, -1),\n\t\tdatasets: realData.datasets.map(d => {\n\t\t\treturn {\n\t\t\t\tname: '',\n\t\t\t\tvalues: zeroArray.slice(0, -1),\n\t\t\t\tchartType: d.chartType\n\t\t\t};\n\t\t}),\n\t};\n\n\tif(realData.yMarkers) {\n\t\tzeroData.yMarkers = [\n\t\t\t{\n\t\t\t\tvalue: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\tif(realData.yRegions) {\n\t\tzeroData.yRegions = [\n\t\t\t{\n\t\t\t\tstart: 0,\n\t\t\t\tend: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\treturn zeroData;\n}\n\nexport function getShortenedLabels(chartWidth, labels=[], isSeries=true) {\n\tlet allowedSpace = chartWidth / labels.length;\n\tlet allowedLetters = allowedSpace / DEFAULT_CHAR_WIDTH;\n\n\tlet calcLabels = labels.map((label, i) => {\n\t\tlabel += \"\";\n\t\tif(label.length > allowedLetters) {\n\n\t\t\tif(!isSeries) {\n\t\t\t\tif(allowedLetters-3 > 0) {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters-3) + \" ...\";\n\t\t\t\t} else {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters) + '..';\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tlet multiple = Math.ceil(label.length/allowedLetters);\n\t\t\t\tif(i % multiple !== 0) {\n\t\t\t\t\tlabel = \"\";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn label;\n\t});\n\n\treturn calcLabels;\n}","import '../scss/charts.scss';\n\n// import MultiAxisChart from './charts/MultiAxisChart';\nimport PercentageChart from './charts/PercentageChart';\nimport PieChart from './charts/PieChart';\nimport Heatmap from './charts/Heatmap';\nimport AxisChart from './charts/AxisChart';\n\nconst chartTypes = {\n\t// multiaxis: MultiAxisChart,\n\tpercentage: PercentageChart,\n\theatmap: Heatmap,\n\tpie: PieChart\n};\n\nfunction getChartByType(chartType = 'line', parent, options) {\n\tif(chartType === 'line') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'bar') {\n\t\toptions.type = 'bar';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'axis-mixed') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t}\n\n\tif (!chartTypes[chartType]) {\n\t\tconsole.error(\"Undefined chart type: \" + chartType);\n\t\treturn;\n\t}\n\n\treturn new chartTypes[chartType](parent, options);\n}\n\nclass Chart {\n\tconstructor(parent, options) {\n\t\treturn getChartByType(options.type, parent, options);\n\t}\n}\n\nexport { Chart, PercentageChart, PieChart, Heatmap, AxisChart };","import { $ } from '../utils/dom';\n\nexport default class SvgTip {\n\tconstructor({\n\t\tparent = null,\n\t\tcolors = []\n\t}) {\n\t\tthis.parent = parent;\n\t\tthis.colors = colors;\n\t\tthis.titleName = '';\n\t\tthis.titleValue = '';\n\t\tthis.listValues = [];\n\t\tthis.titleValueFirst = 0;\n\n\t\tthis.x = 0;\n\t\tthis.y = 0;\n\n\t\tthis.top = 0;\n\t\tthis.left = 0;\n\n\t\tthis.setup();\n\t}\n\n\tsetup() {\n\t\tthis.makeTooltip();\n\t}\n\n\trefresh() {\n\t\tthis.fill();\n\t\tthis.calcPosition();\n\t\t// this.showTip();\n\t}\n\n\tmakeTooltip() {\n\t\tthis.container = $.create('div', {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'graph-svg-tip comparison',\n\t\t\tinnerHTML: `\n\t\t\t\t
                \n\t\t\t\t
                `\n\t\t});\n\t\tthis.hideTip();\n\n\t\tthis.title = this.container.querySelector('.title');\n\t\tthis.dataPointList = this.container.querySelector('.data-point-list');\n\n\t\tthis.parent.addEventListener('mouseleave', () => {\n\t\t\tthis.hideTip();\n\t\t});\n\t}\n\n\tfill() {\n\t\tlet title;\n\t\tif(this.index) {\n\t\t\tthis.container.setAttribute('data-point-index', this.index);\n\t\t}\n\t\tif(this.titleValueFirst) {\n\t\t\ttitle = `${this.titleValue}${this.titleName}`;\n\t\t} else {\n\t\t\ttitle = `${this.titleName}${this.titleValue}`;\n\t\t}\n\t\tthis.title.innerHTML = title;\n\t\tthis.dataPointList.innerHTML = '';\n\n\t\tthis.listValues.map((set, i) => {\n\t\t\tconst color = this.colors[i] || 'black';\n\n\t\t\tlet li = $.create('li', {\n\t\t\t\tstyles: {\n\t\t\t\t\t'border-top': `3px solid ${color}`\n\t\t\t\t},\n\t\t\t\tinnerHTML: `${ set.value === 0 || set.value ? set.value : '' }\n\t\t\t\t\t${set.title ? set.title : '' }`\n\t\t\t});\n\n\t\t\tthis.dataPointList.appendChild(li);\n\t\t});\n\t}\n\n\tcalcPosition() {\n\t\tlet width = this.container.offsetWidth;\n\n\t\tthis.top = this.y - this.container.offsetHeight;\n\t\tthis.left = this.x - width/2;\n\t\tlet maxLeft = this.parent.offsetWidth - width;\n\n\t\tlet pointer = this.container.querySelector('.svg-pointer');\n\n\t\tif(this.left < 0) {\n\t\t\tpointer.style.left = `calc(50% - ${-1 * this.left}px)`;\n\t\t\tthis.left = 0;\n\t\t} else if(this.left > maxLeft) {\n\t\t\tlet delta = this.left - maxLeft;\n\t\t\tlet pointerOffset = `calc(50% + ${delta}px)`;\n\t\t\tpointer.style.left = pointerOffset;\n\n\t\t\tthis.left = maxLeft;\n\t\t} else {\n\t\t\tpointer.style.left = `50%`;\n\t\t}\n\t}\n\n\tsetValues(x, y, title = {}, listValues = [], index = -1) {\n\t\tthis.titleName = title.name;\n\t\tthis.titleValue = title.value;\n\t\tthis.listValues = listValues;\n\t\tthis.x = x;\n\t\tthis.y = y;\n\t\tthis.titleValueFirst = title.valueFirst || 0;\n\t\tthis.index = index;\n\t\tthis.refresh();\n\t}\n\n\thideTip() {\n\t\tthis.container.style.top = '0px';\n\t\tthis.container.style.left = '0px';\n\t\tthis.container.style.opacity = '0';\n\t}\n\n\tshowTip() {\n\t\tthis.container.style.top = this.top + 'px';\n\t\tthis.container.style.left = this.left + 'px';\n\t\tthis.container.style.opacity = '1';\n\t}\n}\n","export const 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 DEFAULT_CHAR_WIDTH = 7;\n\n// Universal constants\nexport const ANGLE_RATIO = Math.PI / 180;\nexport const FULL_ANGLE = 360;\n\n// Fixed 5-color theme,\n// More colors are difficult to parse visually\nexport const HEATMAP_DISTRIBUTION_SIZE = 5;\n\nexport const HEATMAP_SQUARE_SIZE = 10;\nexport const HEATMAP_GUTTER_SIZE = 2;\n\nconst HEATMAP_COLORS = ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\nconst DEFAULT_CHART_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey'];\n\nexport const DEFAULT_COLORS = {\n\tbar: DEFAULT_CHART_COLORS,\n\tline: DEFAULT_CHART_COLORS,\n\tpie: DEFAULT_CHART_COLORS,\n\tpercentage: DEFAULT_CHART_COLORS,\n\theatmap: HEATMAP_COLORS\n};","import SvgTip from '../objects/SvgTip';\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup, makeText, AXIS_TICK_LENGTH } from '../utils/draw';\nimport { BASE_CHART_TOP_MARGIN, BASE_CHART_LEFT_MARGIN,\n\tBASE_CHART_RIGHT_MARGIN, INIT_CHART_UPDATE_TIMEOUT, CHART_POST_ANIMATE_TIMEOUT, DEFAULT_COLORS,\n\tALL_CHART_TYPES, COMPATIBLE_CHARTS, DATA_COLOR_DIVISIONS} from '../utils/constants';\nimport { getColor, isValidColor } from '../utils/colors';\nimport { runSMILAnimation } from '../utils/animation';\nimport { Chart } from '../chart';\n\nexport default class BaseChart {\n\tconstructor(parent, options) {\n\n\t\tthis.parent = typeof parent === 'string'\n\t\t\t? document.querySelector(parent)\n\t\t\t: parent;\n\n\t\tif (!(this.parent instanceof HTMLElement)) {\n\t\t\tthrow new Error('No `parent` element to render on was provided.');\n\t\t}\n\n\t\tthis.rawChartArgs = options;\n\n\t\tthis.title = options.title || '';\n\t\tthis.argHeight = options.height || 240;\n\t\tthis.type = options.type || '';\n\n\t\tthis.realData = this.prepareData(options.data);\n\t\tthis.data = this.prepareFirstData(this.realData);\n\n\t\tthis.colors = this.validateColors(options.colors, this.type);\n\n\t\tthis.config = {\n\t\t\tshowTooltip: 1, // calculate\n\t\t\tshowLegend: options.showLegend || 1,\n\t\t\tisNavigable: options.isNavigable || 0,\n\t\t\tanimate: 1\n\t\t};\n\t\tthis.state = {};\n\t\tthis.options = {};\n\n\t\tthis.initTimeout = INIT_CHART_UPDATE_TIMEOUT;\n\n\t\tif(this.config.isNavigable) {\n\t\t\tthis.overlays = [];\n\t\t}\n\n\t\tthis.configure(options);\n\t}\n\n\tconfigure() {\n\t\tthis.setMargins();\n\n\t\t// Bind window events\n\t\twindow.addEventListener('resize', () => this.draw(true));\n\t\twindow.addEventListener('orientationchange', () => this.draw(true));\n\t}\n\n\tvalidateColors(colors, type) {\n\t\tconst validColors = [];\n\t\tcolors = (colors || []).concat(DEFAULT_COLORS[type]);\n\t\tcolors.forEach((string) => {\n\t\t\tconst color = getColor(string);\n\t\t\tif(!isValidColor(color)) {\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t} else {\n\t\t\t\tvalidColors.push(color);\n\t\t\t}\n\t\t});\n\t\treturn validColors;\n\t}\n\n\tsetMargins() {\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - 70;\n\t\tthis.topMargin = BASE_CHART_TOP_MARGIN;\n\n\t\t// Horizontal margins\n\t\tthis.leftMargin = BASE_CHART_LEFT_MARGIN;\n\t\tthis.rightMargin = BASE_CHART_RIGHT_MARGIN;\n\t}\n\n\tsetup() {\n\t\tthis.makeContainer();\n\t\tthis.makeTooltip();\n\n\t\tthis.draw(false, true);\n\t}\n\n\tsetupComponents() {\n\t\tthis.components = new Map();\n\t}\n\n\tmakeContainer() {\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\t\tthis.container = $.create('div', {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'chart-container'\n\t\t});\n\t}\n\n\tmakeTooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.container,\n\t\t\tcolors: this.colors\n\t\t});\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {}\n\n\tdraw(onlyWidthChange=false, init=false) {\n\t\tthis.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 = 30;\n\t\t}\n\t\tif(this.config.showLegend) {\n\t\t\tlegendAreaHeight = 30;\n\t\t}\n\t\tthis.svg = makeSVGContainer(\n\t\t\tthis.container,\n\t\t\t'frappe-chart chart',\n\t\t\tthis.baseWidth,\n\t\t\tthis.baseHeight + titleAreaHeight + legendAreaHeight\n\t\t);\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\n\n\t\tconsole.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,\n\t\t\t\tthis.topMargin,\n\t\t\t\tthis.title,\n\t\t\t\t11\n\t\t\t);\n\t\t\tthis.svg.appendChild(this.titleEL);\n\t\t}\n\n\t\tlet top = this.topMargin + titleAreaHeight;\n\t\tthis.drawArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\tthis.type + '-chart',\n\t\t\t`translate(${this.leftMargin}, ${top})`\n\t\t);\n\n\t\ttop = this.baseHeight - titleAreaHeight;\n\t\tthis.legendArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\t'chart-legend',\n\t\t\t`translate(${this.leftMargin}, ${top})`\n\t\t);\n\t}\n\n\trenderLegend() {}\n\n\tsetupNavigation(init=false) {\n\t\tif(!this.config.isNavigable) return;\n\n\t\tif(init) {\n\t\t\tthis.bindOverlay();\n\n\t\t\tthis.keyActions = {\n\t\t\t\t'13': this.onEnterKey.bind(this),\n\t\t\t\t'37': this.onLeftArrow.bind(this),\n\t\t\t\t'38': this.onUpArrow.bind(this),\n\t\t\t\t'39': this.onRightArrow.bind(this),\n\t\t\t\t'40': this.onDownArrow.bind(this),\n\t\t\t};\n\n\t\t\tdocument.addEventListener('keydown', (e) => {\n\t\t\t\tif(isElementInViewport(this.container)) {\n\t\t\t\t\te = e || window.event;\n\t\t\t\t\tif(this.keyActions[e.keyCode]) {\n\t\t\t\t\t\tthis.keyActions[e.keyCode]();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {}\n\tupdateOverlay() {}\n\tbindOverlay() {}\n\tbindUnits() {}\n\n\tonLeftArrow() {}\n\tonRightArrow() {}\n\tonUpArrow() {}\n\tonDownArrow() {}\n\tonEnterKey() {}\n\n\taddDataPoint() {}\n\tremoveDataPoint() {}\n\n\tgetDataPoint() {}\n\tsetCurrentDataPoint() {}\n\n\tupdateDataset() {}\n\n\tgetDifferentChart(type) {\n\t\tconst currentType = this.type;\n\t\tlet args = this.rawChartArgs;\n\t\tif(type === currentType) return;\n\n\t\tif(!ALL_CHART_TYPES.includes(type)) {\n\t\t\tconsole.error(`'${type}' is not a valid chart type.`);\n\t\t}\n\n\t\tif(!COMPATIBLE_CHARTS[currentType].includes(type)) {\n\t\t\tconsole.error(`'${currentType}' chart cannot be converted to a '${type}' chart.`);\n\t\t}\n\n\t\t// whether the new chart can use the existing colors\n\t\tconst useColor = DATA_COLOR_DIVISIONS[currentType] === DATA_COLOR_DIVISIONS[type];\n\n\t\t// Okay, this is anticlimactic\n\t\t// this function will need to actually be 'changeChartType(type)'\n\t\t// that will update only the required elements, but for now ...\n\n\t\targs.type = type;\n\t\targs.colors = useColor ? args.colors : undefined;\n\n\t\treturn new Chart(this.parent, args);\n\t}\n\n\tunbindWindowEvents(){\n\t\twindow.removeEventListener('resize', () => this.draw(true));\n\t\twindow.removeEventListener('orientationchange', () => this.draw(true));\n\t}\n}\n","import BaseChart from './BaseChart';\n\nexport default class AggregationChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\n\t\tthis.config.maxSlices = args.maxSlices || 20;\n\t\tthis.config.maxLegendPoints = args.maxLegendPoints || 20;\n\t}\n\n\tcalc() {\n\t\tlet s = this.state;\n\t\tlet maxSlices = this.config.maxSlices;\n\t\ts.sliceTotals = [];\n\n\t\tlet allTotals = this.data.labels.map((label, i) => {\n\t\t\tlet total = 0;\n\t\t\tthis.data.datasets.map(e => {\n\t\t\t\ttotal += e.values[i];\n\t\t\t});\n\t\t\treturn [total, label];\n\t\t}).filter(d => { return d[0] > 0; }); // keep only positive results\n\n\t\tlet totals = allTotals;\n\t\tif(allTotals.length > maxSlices) {\n\t\t\t// Prune and keep a grey area for rest as per maxSlices\n\t\t\tallTotals.sort((a, b) => { return b[0] - a[0]; });\n\n\t\t\ttotals = allTotals.slice(0, maxSlices-1);\n\t\t\tlet remaining = allTotals.slice(maxSlices-1);\n\n\t\t\tlet sumOfRemaining = 0;\n\t\t\tremaining.map(d => {sumOfRemaining += d[0];});\n\t\t\ttotals.push([sumOfRemaining, 'Rest']);\n\t\t\tthis.colors[maxSlices-1] = 'grey';\n\t\t}\n\n\t\ts.labels = [];\n\t\ttotals.map(d => {\n\t\t\ts.sliceTotals.push(d[0]);\n\t\t\ts.labels.push(d[1]);\n\t\t});\n\t}\n\n\trenderLegend() {\n\t\t// let s = this.state;\n\n\t\t// this.statsWrapper.textContent = '';\n\n\t\t// this.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints);\n\n\t\t// let xValues = s.labels;\n\t\t// this.legendTotals.map((d, i) => {\n\t\t// \tif(d) {\n\t\t// \t\tlet stats = $.create('div', {\n\t\t// \t\t\tclassName: 'stats',\n\t\t// \t\t\tinside: this.statsWrapper\n\t\t// \t\t});\n\t\t// \t\tstats.innerHTML = `\n\t\t// \t\t\t\n\t\t// \t\t\t${xValues[i]}:\n\t\t// \t\t\t${d}\n\t\t// \t\t`;\n\t\t// \t}\n\t\t// });\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class PercentageChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'percentage';\n\n\t\tthis.setup();\n\t}\n\n\tmakeChartArea() {\n\t\tthis.container.className += ' ' + 'graph-focus-margin';\n\t\tthis.container.style.marginTop = '45px';\n\n\t\t// this.statsWrapper.className += ' ' + 'graph-focus-margin';\n\t\t// this.statsWrapper.style.marginBottom = '30px';\n\t\t// this.statsWrapper.style.paddingTop = '0px';\n\n\t\tthis.svg = $.create('div', {\n\t\t\tclassName: 'div',\n\t\t\tinside: this.container\n\t\t});\n\n\t\tthis.chart = $.create('div', {\n\t\t\tclassName: 'progress-chart',\n\t\t\tinside: this.svg\n\t\t});\n\n\t\tthis.percentageBar = $.create('div', {\n\t\t\tclassName: 'progress',\n\t\t\tinside: this.chart\n\t\t});\n\t}\n\n\trender() {\n\t\tlet s = this.state;\n\t\tthis.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);\n\t\ts.slices = [];\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tlet slice = $.create('div', {\n\t\t\t\tclassName: `progress-bar`,\n\t\t\t\t'data-index': i,\n\t\t\t\tinside: this.percentageBar,\n\t\t\t\tstyles: {\n\t\t\t\t\tbackground: this.colors[i],\n\t\t\t\t\twidth: total*100/this.grandTotal + \"%\"\n\t\t\t\t}\n\t\t\t});\n\t\t\ts.slices.push(slice);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tlet s = this.state;\n\n\t\tthis.container.addEventListener('mousemove', (e) => {\n\t\t\tlet slice = e.target;\n\t\t\tif(slice.classList.contains('progress-bar')) {\n\n\t\t\t\tlet i = slice.getAttribute('data-index');\n\t\t\t\tlet gOff = getOffset(this.container), pOff = getOffset(slice);\n\n\t\t\t\tlet x = pOff.left - gOff.left + slice.offsetWidth/2;\n\t\t\t\tlet y = pOff.top - gOff.top - 6;\n\t\t\t\tlet title = (this.formattedLabels && this.formattedLabels.length>0\n\t\t\t\t\t? this.formattedLabels[i] : this.state.labels[i]) + ': ';\n\t\t\t\tlet percent = (s.sliceTotals[i]*100/this.grandTotal).toFixed(1);\n\n\t\t\t\tthis.tip.setValues(x, y, {name: title, value: percent + \"%\"});\n\t\t\t\tthis.tip.showTip();\n\t\t\t}\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset } from '../utils/dom';\nimport { getPositionByAngle } from '../utils/helpers';\nimport { makeArcPathStr } from '../utils/draw';\nimport { lightenDarkenColor } from '../utils/colors';\nimport { transform } from '../utils/animation';\nimport { FULL_ANGLE } from '../utils/constants';\n\nexport default class PieChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'pie';\n\t\tthis.initTimeout = 0;\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\t\tthis.mouseMove = this.mouseMove.bind(this);\n\t\tthis.mouseLeave = this.mouseLeave.bind(this);\n\n\t\tthis.hoverRadio = args.hoverRadio || 0.1;\n\t\tthis.config.startAngle = args.startAngle || 0;\n\n\t\tthis.clockWise = args.clockWise || false;\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\tthis.init = 1;\n\t\treturn data;\n\t}\n\n\tcalc() {\n\t\tsuper.calc();\n\t\tlet s = this.state;\n\n\t\tthis.center = {\n\t\t\tx: this.width / 2,\n\t\t\ty: this.height / 2\n\t\t};\n\t\tthis.radius = (this.height > this.width ? this.center.x : this.center.y);\n\n\t\ts.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);\n\n\t\tthis.calcSlices();\n\t}\n\n\tcalcSlices() {\n\t\tlet s = this.state;\n\t\tconst { radius, clockWise } = this;\n\n\t\tconst prevSlicesProperties = s.slicesProperties || [];\n\t\ts.sliceStrings = [];\n\t\ts.slicesProperties = [];\n\t\tlet curAngle = 180 - this.config.startAngle;\n\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tconst startAngle = curAngle;\n\t\t\tconst originDiffAngle = (total / s.grandTotal) * FULL_ANGLE;\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\n\t\t\tconst startPosition = getPositionByAngle(startAngle, radius);\n\t\t\tconst endPosition = getPositionByAngle(endAngle, radius);\n\n\t\t\tconst prevProperty = this.init && prevSlicesProperties[i];\n\n\t\t\tlet curStart,curEnd;\n\t\t\tif(this.init) {\n\t\t\t\tcurStart = prevProperty ? prevProperty.startPosition : startPosition;\n\t\t\t\tcurEnd = prevProperty ? prevProperty.endPosition : startPosition;\n\t\t\t} else {\n\t\t\t\tcurStart = startPosition;\n\t\t\t\tcurEnd = endPosition;\n\t\t\t}\n\t\t\tconst curPath = makeArcPathStr(curStart, curEnd, this.center, this.radius, this.clockWise);\n\n\t\t\ts.sliceStrings.push(curPath);\n\t\t\ts.slicesProperties.push({\n\t\t\t\tstartPosition,\n\t\t\t\tendPosition,\n\t\t\t\tvalue: total,\n\t\t\t\ttotal: s.grandTotal,\n\t\t\t\tstartAngle,\n\t\t\t\tendAngle,\n\t\t\t\tangle: diffAngle\n\t\t\t});\n\n\t\t});\n\t\tthis.init = 0;\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'pieSlices',\n\t\t\t\t{ },\n\t\t\t\tfunction() {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tsliceStrings: s.sliceStrings,\n\t\t\t\t\t\tcolors: this.colors\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tcalTranslateByAngle(property){\n\t\tconst{radius,hoverRadio} = this;\n\t\tconst position = getPositionByAngle(property.startAngle+(property.angle / 2),radius);\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\n\t}\n\n\thoverSlice(path,i,flag,e){\n\t\tif(!path) return;\n\t\tconst color = this.colors[i];\n\t\tif(flag) {\n\t\t\ttransform(path, this.calTranslateByAngle(this.state.slicesProperties[i]));\n\t\t\tpath.style.fill = lightenDarkenColor(color, 50);\n\t\t\tlet g_off = getOffset(this.svg);\n\t\t\tlet x = e.pageX - g_off.left + 10;\n\t\t\tlet y = e.pageY - g_off.top - 10;\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t\t? this.formatted_labels[i] : this.state.labels[i]) + ': ';\n\t\t\tlet percent = (this.state.sliceTotals[i] * 100 / this.state.grandTotal).toFixed(1);\n\t\t\tthis.tip.setValues(x, y, {name: title, value: percent + \"%\"});\n\t\t\tthis.tip.showTip();\n\t\t} else {\n\t\t\ttransform(path,'translate3d(0,0,0)');\n\t\t\tthis.tip.hideTip();\n\t\t\tpath.style.fill = color;\n\t\t}\n\t}\n\n\tbindTooltip() {\n\t\tthis.container.addEventListener('mousemove', this.mouseMove);\n\t\tthis.container.addEventListener('mouseleave', this.mouseLeave);\n\t}\n\n\tmouseMove(e){\n\t\tconst target = e.target;\n\t\tlet slices = this.components.get('pieSlices').store;\n\t\tlet prevIndex = this.curActiveSliceIndex;\n\t\tlet prevAcitve = this.curActiveSlice;\n\t\tif(slices.includes(target)) {\n\t\t\tlet i = slices.indexOf(target);\n\t\t\tthis.hoverSlice(prevAcitve, prevIndex,false);\n\t\t\tthis.curActiveSlice = target;\n\t\t\tthis.curActiveSliceIndex = i;\n\t\t\tthis.hoverSlice(target, i, true, e);\n\t\t} else {\n\t\t\tthis.mouseLeave();\n\t\t}\n\t}\n\n\tmouseLeave(){\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { makeSVGGroup, makeText } from '../utils/draw';\nimport { getComponent } from '../objects/ChartComponents';\nimport { 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_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;\nconst 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.discreteDomains = options.discreteDomains === 0 ? 0 : 1;\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\tupdateWidth() {\n\t\tthis.baseWidth = (this.state.noOfWeeks + 99) * COL_WIDTH;\n\n\t\tif(this.discreteDomains) {\n\t\t\tthis.baseWidth += (COL_WIDTH * NO_OF_YEAR_MONTHS);\n\t\t}\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 = this.data.start;\n\t\ts.end = this.data.end;\n\n\t\ts.firstWeekStart = setDayToSunday(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\n\t\tlet componentConfigs = s.domainConfigs.map((config, i) => [\n\t\t\t'heatDomain',\n\t\t\t{\n\t\t\t\tindex: i,\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 - 1)\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\t// console.log(s.domainConfigs)\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}\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.draw();\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {\n\t\tArray.prototype.slice.call(\n\t\t\tdocument.querySelectorAll(\".data-group .day\")\n\t\t).map(el => {\n\t\t\tel.addEventListener('mouseenter', (e) => {\n\t\t\t\tlet count = e.target.getAttribute('data-value');\n\t\t\t\tlet dateParts = e.target.getAttribute('data-date').split('-');\n\n\t\t\t\tlet month = getMonthName(parseInt(dateParts[1])-1, true);\n\n\t\t\t\tlet gOff = this.container.getBoundingClientRect(), pOff = e.target.getBoundingClientRect();\n\n\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\tlet x = pOff.left - gOff.left + (width+2)/2;\n\t\t\t\tlet y = pOff.top - gOff.top - (width+2)/2;\n\t\t\t\tlet value = count + ' ' + this.countLabel;\n\t\t\t\tlet name = ' on ' + month + ' ' + dateParts[0] + ', ' + dateParts[2];\n\n\t\t\t\tthis.tip.setValues(x, y, {name: name, value: value, valueFirst: 1}, []);\n\t\t\t\tthis.tip.showTip();\n\t\t\t});\n\t\t});\n\t}\n\n\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);\n\t\tendDate = clone(endDate) || getLastDateInMonth(month, year);\n\n\t\tlet s = this.state;\n\t\tlet domainConfig = {\n\t\t\tindex: month,\n\t\t\tcols: []\n\t\t};\n\n\t\tlet noOfMonthWeeks = getWeeksBetween(startOfWeek, endDate);\n\n\t\tlet cols = [];\n\t\tfor(var i = 0; i < noOfMonthWeeks; i++) {\n\t\t\tconst col = 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(startOfWeek.getDay() === this.startSubDomainIndex) {\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\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\t\t\tif(empty || currentDate.getMonth() !== month) {\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 } 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}\n\n\tcalcXPositions() {\n\t\tlet s = this.state;\n\t\tlet labels = this.data.labels;\n\t\ts.datasetLength = labels.length;\n\n\t\ts.unitWidth = this.width/(s.datasetLength);\n\t\t// Default, as per bar, and mixed. Only line will be a special case\n\t\ts.xOffset = s.unitWidth/2;\n\n\t\t// // For a pure Line Chart\n\t\t// s.unitWidth = this.width/(s.datasetLength - 1);\n\t\t// s.xOffset = 0;\n\n\t\ts.xAxis = {\n\t\t\tlabels: labels,\n\t\t\tpositions: labels.map((d, i) =>\n\t\t\t\tfloatTwo(s.xOffset + i * s.unitWidth)\n\t\t\t)\n\t\t};\n\t}\n\n\tcalcYAxisParameters(dataValues, withMinimum = 'false') {\n\t\tconst yPts = calcChartIntervals(dataValues, withMinimum);\n\t\tconst scaleMultiplier = this.height / getValueRange(yPts);\n\t\tconst intervalHeight = getIntervalSize(yPts) * scaleMultiplier;\n\t\tconst zeroLine = this.height - (getZeroIndex(yPts) * intervalHeight);\n\n\t\tthis.state.yAxis = {\n\t\t\tlabels: yPts,\n\t\t\tpositions: yPts.map(d => zeroLine - d * scaleMultiplier),\n\t\t\tscaleMultiplier: scaleMultiplier,\n\t\t\tzeroLine: zeroLine,\n\t\t};\n\n\t\t// Dependent if above changes\n\t\tthis.calcDatasetPoints();\n\t\tthis.calcYExtremes();\n\t\tthis.calcYRegions();\n\t}\n\n\tcalcDatasetPoints() {\n\t\tlet s = this.state;\n\t\tlet scaleAll = values => values.map(val => scale(val, s.yAxis));\n\n\t\ts.datasets = this.data.datasets.map((d, i) => {\n\t\t\tlet values = d.values;\n\t\t\tlet cumulativeYs = d.cumulativeYs || [];\n\t\t\treturn {\n\t\t\t\tname: d.name,\n\t\t\t\tindex: i,\n\t\t\t\tchartType: d.chartType,\n\n\t\t\t\tvalues: values,\n\t\t\t\tyPositions: scaleAll(values),\n\n\t\t\t\tcumulativeYs: cumulativeYs,\n\t\t\t\tcumulativeYPos: scaleAll(cumulativeYs),\n\t\t\t};\n\t\t});\n\t}\n\n\tcalcYExtremes() {\n\t\tlet s = this.state;\n\t\tif(this.barOptions.stacked) {\n\t\t\ts.yExtremes = s.datasets[s.datasets.length - 1].cumulativeYPos;\n\t\t\treturn;\n\t\t}\n\t\ts.yExtremes = new Array(s.datasetLength).fill(9999);\n\t\ts.datasets.map(d => {\n\t\t\td.yPositions.map((pos, j) => {\n\t\t\t\tif(pos < s.yExtremes[j]) {\n\t\t\t\t\ts.yExtremes[j] = pos;\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n\n\tcalcYRegions() {\n\t\tlet s = this.state;\n\t\tif(this.data.yMarkers) {\n\t\t\tthis.state.yMarkers = this.data.yMarkers.map(d => {\n\t\t\t\td.position = scale(d.value, s.yAxis);\n\t\t\t\t// if(!d.label.includes(':')) {\n\t\t\t\t// \td.label += ': ' + d.value;\n\t\t\t\t// }\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t\tif(this.data.yRegions) {\n\t\t\tthis.state.yRegions = this.data.yRegions.map(d => {\n\t\t\t\td.startPos = scale(d.start, s.yAxis);\n\t\t\t\td.endPos = scale(d.end, s.yAxis);\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t}\n\n\tgetAllYValues() {\n\t\t// TODO: yMarkers, regions, sums, every Y value ever\n\t\tlet key = 'values';\n\n\t\tif(this.barOptions.stacked) {\n\t\t\tkey = 'cumulativeYs';\n\t\t\tlet cumulative = new Array(this.state.datasetLength).fill(0);\n\t\t\tthis.data.datasets.map((d, i) => {\n\t\t\t\tlet values = this.data.datasets[i].values;\n\t\t\t\td[key] = cumulative = cumulative.map((c, i) => c + values[i]);\n\t\t\t});\n\t\t}\n\n\t\tlet allValueLists = this.data.datasets.map(d => d[key]);\n\t\tif(this.data.yMarkers) {\n\t\t\tallValueLists.push(this.data.yMarkers.map(d => d.value));\n\t\t}\n\t\tif(this.data.yRegions) {\n\t\t\tthis.data.yRegions.map(d => {\n\t\t\t\tallValueLists.push([d.end, d.start]);\n\t\t\t});\n\t\t}\n\n\t\treturn [].concat(...allValueLists);\n\t}\n\n\tsetupComponents() {\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'yAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.yAxisMode,\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'xAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.xAxisMode,\n\t\t\t\t\theight: this.height,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\ts.xAxis.calcLabels = getShortenedLabels(this.width,\n\t\t\t\t\t\ts.xAxis.labels, this.config.xIsSeries);\n\n\t\t\t\t\treturn s.xAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'yRegions',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yRegions;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\t\t];\n\n\t\tlet barDatasets = this.state.datasets.filter(d => d.chartType === 'bar');\n\t\tlet lineDatasets = this.state.datasets.filter(d => d.chartType === 'line');\n\n\t\tlet barsConfigs = barDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'barGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tstacked: this.barOptions.stacked,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t\tminHeight: this.height * MIN_BAR_PERCENT_HEIGHT,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\t\t\t\t\tlet stacked = this.barOptions.stacked;\n\n\t\t\t\t\tlet spaceRatio = this.barOptions.spaceRatio || BAR_CHART_SPACE_RATIO;\n\t\t\t\t\tlet barsWidth = s.unitWidth * (1 - spaceRatio);\n\t\t\t\t\tlet barWidth = barsWidth/(stacked ? 1 : barDatasets.length);\n\n\t\t\t\t\tlet xPositions = s.xAxis.positions.map(x => x - barsWidth/2);\n\t\t\t\t\tif(!stacked) {\n\t\t\t\t\t\txPositions = xPositions.map(p => p + barWidth * index);\n\t\t\t\t\t}\n\n\t\t\t\t\tlet labels = new Array(s.datasetLength).fill('');\n\t\t\t\t\tif(this.config.valuesOverPoints) {\n\t\t\t\t\t\tif(stacked && d.index === s.datasets.length - 1) {\n\t\t\t\t\t\t\tlabels = d.cumulativeYs;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tlabels = d.values;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tlet offsets = new Array(s.datasetLength).fill(0);\n\t\t\t\t\tif(stacked) {\n\t\t\t\t\t\toffsets = d.yPositions.map((y, j) => y - d.cumulativeYPos[j]);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: xPositions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\t\t\t\t\t\toffsets: offsets,\n\t\t\t\t\t\t// values: d.values,\n\t\t\t\t\t\tlabels: labels,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tbarsWidth: barsWidth,\n\t\t\t\t\t\tbarWidth: barWidth,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet lineConfigs = lineDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'lineGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tsvgDefs: this.svgDefs,\n\t\t\t\t\theatline: this.lineOptions.heatline,\n\t\t\t\t\tregionFill: this.lineOptions.regionFill,\n\t\t\t\t\thideDots: this.lineOptions.hideDots,\n\t\t\t\t\thideLine: this.lineOptions.hideLine,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: s.xAxis.positions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\n\t\t\t\t\t\tvalues: d.values,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tradius: this.lineOptions.dotSize || LINE_CHART_DOT_SIZE,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet markerConfigs = [\n\t\t\t[\n\t\t\t\t'yMarkers',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yMarkers;\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tcomponentConfigs = componentConfigs.concat(barsConfigs, lineConfigs, markerConfigs);\n\n\t\tlet optionals = ['yMarkers', 'yRegions'];\n\t\tthis.dataUnitComponents = [];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.filter(args => !optionals.includes(args[0]) || this.state[args[0]])\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\tif(args[0].includes('lineGraph') || args[0].includes('barGraph')) {\n\t\t\t\t\tthis.dataUnitComponents.push(component);\n\t\t\t\t}\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tbindTooltip() {\n\t\t// NOTE: could be in tooltip itself, as it is a given functionality for its parent\n\t\tthis.container.addEventListener('mousemove', (e) => {\n\t\t\tlet o = getOffset(this.container);\n\t\t\tlet relX = e.pageX - o.left - this.leftMargin;\n\t\t\tlet relY = e.pageY - o.top - this.topMargin;\n\n\t\t\tif(relY < this.height + this.topMargin * 2) {\n\t\t\t\tthis.mapTooltipXPosition(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.hideTip();\n\t\t\t}\n\t\t});\n\t}\n\n\tmapTooltipXPosition(relX) {\n\t\tlet s = this.state;\n\t\tif(!s.yExtremes) return;\n\n\t\tlet formatY = this.config.formatTooltipY;\n\t\tlet formatX = this.config.formatTooltipX;\n\n\t\tlet titles = s.xAxis.labels;\n\t\tif(formatX && formatX(titles[0])) {\n\t\t\ttitles = titles.map(d=>formatX(d));\n\t\t}\n\n\t\tformatY = formatY && formatY(s.yAxis.labels[0]) ? formatY : 0;\n\n\t\tfor(var i=s.datasetLength - 1; i >= 0 ; i--) {\n\t\t\tlet xVal = s.xAxis.positions[i];\n\t\t\t// let delta = i === 0 ? s.unitWidth : xVal - s.xAxis.positions[i-1];\n\t\t\tif(relX > xVal - s.unitWidth/2) {\n\t\t\t\tlet x = xVal + this.leftMargin;\n\t\t\t\tlet y = s.yExtremes[i] + this.topMargin;\n\n\t\t\t\tlet values = this.data.datasets.map((set, j) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttitle: set.name,\n\t\t\t\t\t\tvalue: formatY ? formatY(set.values[i]) : set.values[i],\n\t\t\t\t\t\tcolor: this.colors[j],\n\t\t\t\t\t};\n\t\t\t\t});\n\n\t\t\t\tthis.tip.setValues(x, y, {name: titles[i], value: ''}, values, i);\n\t\t\t\tthis.tip.showTip();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\trenderLegend() {\n\t\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\tmakeOverlay() {\n\t\tif(this.init) {\n\t\t\tthis.init = 0;\n\t\t\treturn;\n\t\t}\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\n\t\tthis.overlayGuides = this.dataUnitComponents.map(c => {\n\t\t\treturn {\n\t\t\t\ttype: c.unitType,\n\t\t\t\toverlay: undefined,\n\t\t\t\tunits: c.units,\n\t\t\t};\n\t\t});\n\n\t\tif(this.state.currentIndex === undefined) {\n\t\t\tthis.state.currentIndex = this.state.datasetLength - 1;\n\t\t}\n\n\t\t// Render overlays\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\n\t\t\td.overlay = makeOverlay[d.type](currentUnit);\n\t\t\tthis.drawArea.appendChild(d.overlay);\n\t\t});\n\t}\n\n\tupdateOverlayGuides() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\t}\n\n\tbindOverlay() {\n\t\tthis.parent.addEventListener('data-select', () => {\n\t\t\tthis.updateOverlay();\n\t\t});\n\t}\n\n\tbindUnits() {\n\t\tthis.dataUnitComponents.map(c => {\n\t\t\tc.units.map(unit => {\n\t\t\t\tunit.addEventListener('click', () => {\n\t\t\t\t\tlet index = unit.getAttribute('data-point-index');\n\t\t\t\t\tthis.setCurrentDataPoint(index);\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\n\t\t// Note: Doesn't work as tooltip is absolutely positioned\n\t\tthis.tip.container.addEventListener('click', () => {\n\t\t\tlet index = this.tip.container.getAttribute('data-point-index');\n\t\t\tthis.setCurrentDataPoint(index);\n\t\t});\n\t}\n\n\tupdateOverlay() {\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\tupdateOverlay[d.type](currentUnit, d.overlay);\n\t\t});\n\t}\n\n\tonLeftArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex - 1);\n\t}\n\n\tonRightArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex + 1);\n\t}\n\n\tgetDataPoint(index=this.state.currentIndex) {\n\t\tlet s = this.state;\n\t\tlet data_point = {\n\t\t\tindex: index,\n\t\t\tlabel: s.xAxis.labels[index],\n\t\t\tvalues: s.datasets.map(d => d.values[index])\n\t\t};\n\t\treturn data_point;\n\t}\n\n\tsetCurrentDataPoint(index) {\n\t\tlet s = this.state;\n\t\tindex = parseInt(index);\n\t\tif(index < 0) index = 0;\n\t\tif(index >= s.xAxis.labels.length) index = s.xAxis.labels.length - 1;\n\t\tif(index === s.currentIndex) return;\n\t\ts.currentIndex = index;\n\t\tfire(this.parent, \"data-select\", this.getDataPoint());\n\t}\n\n\t// API\n\taddDataPoint(label, datasetValues, index=this.state.datasetLength) {\n\t\tsuper.addDataPoint(label, datasetValues, index);\n\t\tthis.data.labels.splice(index, 0, label);\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\td.values.splice(index, 0, datasetValues[i]);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\tremoveDataPoint(index = this.state.datasetLength-1) {\n\t\tif (this.data.labels.length <= 1) {\n\t\t\treturn;\n\t\t}\n\t\tsuper.removeDataPoint(index);\n\t\tthis.data.labels.splice(index, 1);\n\t\tthis.data.datasets.map(d => {\n\t\t\td.values.splice(index, 1);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\tupdateDataset(datasetValues, index=0) {\n\t\tthis.data.datasets[index].values = datasetValues;\n\t\tthis.update(this.data);\n\t}\n\t// addDataset(dataset, index) {}\n\t// removeDataset(index = 0) {}\n\n\tupdateDatasets(datasets) {\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\tif(datasets[i]) {\n\t\t\t\td.values = datasets[i];\n\t\t\t}\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\t// updateDataPoint(dataPoint, index = 0) {}\n\t// addDataPoint(dataPoint, index = 0) {}\n\t// removeDataPoint(index = 0) {}\n}\n"],"names":["$","expr","con","document","querySelector","getOffset","element","rect","getBoundingClientRect","top","documentElement","scrollTop","body","left","scrollLeft","isElementInViewport","el","bottom","window","innerHeight","clientHeight","right","innerWidth","clientWidth","getElementContentWidth","styles","getComputedStyle","padding","parseFloat","paddingLeft","paddingRight","fire","target","type","properties","evt","createEvent","initEvent","j","dispatchEvent","floatTwo","d","toFixed","fillArray","array","count","start","length","fillerArray","Array","Math","abs","fill","concat","getStringWidth","string","charWidth","getPositionByAngle","angle","radius","sin","ANGLE_RATIO","cos","getBarHeightAndYAttr","yTop","zeroLine","height","y","equilizeNoOfElements","array1","array2","extraCount","createSVG","tag","o","createElementNS","i","val","appendChild","ref","parentNode","insertBefore","keys","map","style","prop","setAttribute","renderVerticalGradient","svgDefElem","gradientId","setGradientStop","gradElem","offset","color","opacity","makeSVGContainer","parent","className","width","makeSVGDefs","svgContainer","makeSVGGroup","makePath","pathStr","makeArcPathStr","startPosition","endPosition","center","clockWise","arcStartX","x","arcStartY","arcEndX","arcEndY","makeGradient","lighter","gradientDef","opacities","heatSquare","size","data","args","key","legendBar","label","text","FONT_SIZE","FONT_FILL","group","makeText","content","fontSize","makeVertLine","y1","y2","options","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","slice","limitColor","r","lightenDarkenColor","amt","col","getColor","usePound","num","parseInt","b","g","toString","isValidColor","test","translate","unit","oldCoord","newCoord","duration","old","transform","STD_EASING","translateVertLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","animateBar","bar","nodeName","UNIT_ANIM_DUR","split","animateDot","cx","cy","animatePath","newXList","newYList","pathComponents","animPath","PATH_ANIM_DUR","push","regStartPt","regEndPt","animRegion","animatePathStr","oldPath","animateSVGElement","props","dur","easingType","undefined","oldValues","animElement","cloneNode","newElement","attributeName","animateElement","currentValue","value","animAttr","EASING","webkitTransform","msTransform","mozTransform","oTransform","animateSVG","elements","newElements","animElements","replaceChild","animSvg","runSMILAnimation","svgElement","elementsToAnimate","animSvgElement","removeChild","REPLACE_ALL_NEW_DUR","getComponent","name","constants","getData","Object","componentConfigs","filter","includes","k","config","assign","ChartComponent","treatAsUtc","date","result","Date","setMinutes","getMinutes","getTimezoneOffset","getYyyyMmDd","dd","getDate","mm","getMonth","getFullYear","clone","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","normalize","isNaN","mantissa","exponent","sig","isFinite","exp","floor","log10","pow","getChartRangeIntervals","max","min","upperBound","lowerBound","range","noOfParts","partSize","intervals","getChartIntervals","maxValue","minValue","normalMaxValue","normalMinValue","calcChartIntervals","values","getPositiveFirstIntervals","absMinValue","intervalSize","unshift","withMinimum","pseudoMaxValue","pseudoMinValue","reverse","getZeroIndex","yPts","interval","getIntervalSize","indexOf","orderedArray","getValueRange","scale","yAxis","scaleMultiplier","calcDistribution","distributionSize","dataMaxValue","distributionStep","distribution","checkpoint","getMaxCheckpoint","dataPrep","labels","datasetLength","datasets","zeroArray","vals","chartType","AXIS_DATASET_CHART_TYPES","yRegions","end","zeroDataPrep","realData","zeroData","yMarkers","getShortenedLabels","chartWidth","isSeries","allowedLetters","DEFAULT_CHAR_WIDTH","getChartByType","AxisChart","chartTypes","error","create","createElement","SvgTip","colors","titleName","titleValue","listValues","titleValueFirst","setup","makeTooltip","calcPosition","container","this","hideTip","title","dataPointList","addEventListener","innerHTML","set","_this2","li","offsetWidth","offsetHeight","maxLeft","pointer","pointerOffset","valueFirst","refresh","ALL_CHART_TYPES","COMPATIBLE_CHARTS","DATA_COLOR_DIVISIONS","HEATMAP_DISTRIBUTION_SIZE","INIT_CHART_UPDATE_TIMEOUT","PI","DEFAULT_CHART_COLORS","DEFAULT_COLORS","makeOverlay","transformValue","overlay","updateOverlay","attributes","attr","specified","nodeValue","PRESET_COLOR_MAP","BaseChart","HTMLElement","Error","rawChartArgs","argHeight","prepareData","prepareFirstData","validateColors","showLegend","isNavigable","state","initTimeout","overlays","configure","setMargins","_this","draw","validColors","forEach","warn","baseHeight","topMargin","leftMargin","rightMargin","makeContainer","components","Map","tip","bindTooltip","onlyWidthChange","init","calc","updateWidth","makeChartArea","setupComponents","c","drawArea","render","update","renderLegend","setupNavigation","baseWidth","animate","svg","make","updateNav","bindUnits","titleAreaHeight","legendAreaHeight","log","titleEL","legendArea","bindOverlay","keyActions","onEnterKey","bind","onLeftArrow","onUpArrow","onRightArrow","onDownArrow","e","_this4","event","keyCode","currentType","useColor","Chart","removeEventListener","_this5","AggregationChart","maxSlices","maxLegendPoints","s","sliceTotals","allTotals","total","totals","sort","a","sumOfRemaining","PercentageChart","marginTop","chart","percentageBar","grandTotal","reduce","slices","classList","contains","gOff","_this3","pOff","formattedLabels","percent","setValues","showTip","layerClass","layerTransform","makeElements","animateElements","store","layer","oldData","textContent","sliceStrings","transition","newData","positions","position","newPos","newLabels","oldPos","oldLabels","calcLabels","marker","startPos","endPos","newStarts","oldStarts","colWidth","rowHeight","squareSize","xTranslate","serializedSubDomains","cols","yyyyMmDd","dataValue","square","unitType","units","yPositions","xPositions","barWidth","offsets","barsWidth","newXPos","newYPos","newOffsets","oldXPos","oldYPos","oldOffsets","hideLine","hideDots","valuesOverPoints","newValues","PieChart","mouseMove","mouseLeave","hoverRadio","startAngle","calcSlices","prevSlicesProperties","slicesProperties","curAngle","originDiffAngle","diffAngle","endAngle","prevProperty","curStart","curEnd","curPath","component","property","flag","calTranslateByAngle","g_off","pageX","pageY","formatted_labels","get","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","Heatmap","discreteDomains","countLabel","validStarts","startSubDomain","startSubDomainIndex","HEATMAP_SQUARE_SIZE","noOfWeeks","COL_WIDTH","setFullYear","dataPoints","points","timestampSec","firstWeekStart","domainConfigs","getDomains","prototype","call","querySelectorAll","dateParts","startMonth","startYear","noOfMonths","startOfMonth","getDomainConfig","startOfWeek","domainConfig","noOfMonthWeeks","getCol","empty","currentDate","getSubDomainConfig","barOptions","lineOptions","axisOptions","tooltipOptions","xAxisMode","yAxisMode","xIsSeries","formatTooltipX","formatTooltipY","calcXPositions","calcYAxisParameters","getAllYValues","unitWidth","xOffset","xAxis","dataValues","intervalHeight","calcDatasetPoints","calcYExtremes","calcYRegions","scaleAll","cumulativeYs","stacked","yExtremes","cumulativeYPos","cumulative","allValueLists","barDatasets","lineDatasets","barsConfigs","spaceRatio","p","lineConfigs","dotSize","markerConfigs","optionals","dataUnitComponents","relX","mapTooltipXPosition","formatY","formatX","titles","xVal","_this6","overlayGuides","currentIndex","currentUnit","_this7","setCurrentDataPoint","_this9","_this10","getDataPoint","datasetValues","splice"],"mappings":"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"} \ No newline at end of file +{"version":3,"file":"frappe-charts.min.iife.js","sources":["../src/js/utils/dom.js","../src/js/utils/helpers.js","../src/js/utils/draw-utils.js","../src/js/utils/draw.js","../src/js/utils/colors.js","../src/js/utils/animate.js","../src/js/utils/animation.js","../src/js/objects/ChartComponents.js","../src/js/utils/date-utils.js","../src/js/utils/intervals.js","../src/js/utils/axis-chart-utils.js","../src/js/chart.js","../src/js/objects/SvgTip.js","../src/js/utils/constants.js","../src/js/charts/BaseChart.js","../src/js/charts/AggregationChart.js","../src/js/charts/PercentageChart.js","../src/js/charts/PieChart.js","../src/js/charts/Heatmap.js","../src/js/charts/AxisChart.js"],"sourcesContent":["export function $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function findNodeIndex(node)\n{\n\tvar i = 0;\n\twhile (node.previousSibling) {\n\t\tnode = node.previousSibling;\n\t\ti++;\n\t}\n\treturn i;\n}\n\n$.create = (tag, o) => {\n\tvar element = document.createElement(tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else if (i in element ) {\n\t\t\telement[i] = val;\n\t\t}\n\t\telse {\n\t\t\telement.setAttribute(i, val);\n\t\t}\n\t}\n\n\treturn element;\n};\n\nexport function getOffset(element) {\n\tlet rect = element.getBoundingClientRect();\n\treturn {\n\t\t// https://stackoverflow.com/a/7436602/6495043\n\t\t// rect.top varies with scroll, so we add whatever has been\n\t\t// scrolled to it to get absolute distance from actual page top\n\t\ttop: rect.top + (document.documentElement.scrollTop || document.body.scrollTop),\n\t\tleft: rect.left + (document.documentElement.scrollLeft || document.body.scrollLeft)\n\t};\n}\n\nexport function isElementInViewport(el) {\n\t// Although straightforward: https://stackoverflow.com/a/7557433/6495043\n\tvar rect = el.getBoundingClientRect();\n\n\treturn (\n\t\trect.top >= 0 &&\n rect.left >= 0 &&\n rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */\n rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */\n\t);\n}\n\nexport function getElementContentWidth(element) {\n\tvar styles = window.getComputedStyle(element);\n\tvar padding = parseFloat(styles.paddingLeft) +\n\t\tparseFloat(styles.paddingRight);\n\n\treturn element.clientWidth - padding;\n}\n\nexport function bind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function (event) {\n\t\t\t\telement.addEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function unbind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function(event) {\n\t\t\t\telement.removeEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function fire(target, type, properties) {\n\tvar evt = document.createEvent(\"HTMLEvents\");\n\n\tevt.initEvent(type, true, true );\n\n\tfor (var j in properties) {\n\t\tevt[j] = properties[j];\n\t}\n\n\treturn target.dispatchEvent(evt);\n}\n\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\nexport function getPositionByAngle(angle, radius) {\n\treturn {\n\t\tx:Math.sin(angle * ANGLE_RATIO) * radius,\n\t\ty:Math.cos(angle * ANGLE_RATIO) * radius,\n\t};\n}\n","import { fillArray } from './helpers';\n\nexport function getBarHeightAndYAttr(yTop, zeroLine) {\n\tlet height, y;\n\tif (yTop <= zeroLine) {\n\t\theight = zeroLine - yTop;\n\t\ty = yTop;\n\t} else {\n\t\theight = yTop - zeroLine;\n\t\ty = zeroLine;\n\t}\n\n\treturn [height, y];\n}\n\nexport function equilizeNoOfElements(array1, array2,\n\textraCount = array2.length - array1.length) {\n\n\t// Doesn't work if either has zero elements.\n\tif(extraCount > 0) {\n\t\tarray1 = fillArray(array1, extraCount);\n\t} else {\n\t\tarray2 = fillArray(array2, extraCount);\n\t}\n\treturn [array1, array2];\n}\n","import { getBarHeightAndYAttr } from './draw-utils';\nimport { getStringWidth } from './helpers';\nimport { DOT_OVERLAY_SIZE_INCR } from './constants';\n\nexport const AXIS_TICK_LENGTH = 6;\nconst LABEL_MARGIN = 4;\nexport const FONT_SIZE = 10;\nconst BASE_LINE_COLOR = '#dadada';\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 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 makeText(className, x, y, content, fontSize = FONT_SIZE) {\n\treturn createSVG('text', {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\tdy: (fontSize / 2) + 'px',\n\t\t'font-size': fontSize + 'px',\n\t\tinnerHTML: content\n\t});\n}\n\nfunction makeVertLine(x, label, y1, y2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tlet l = createSVG('line', {\n\t\tclassName: 'line-vertical ' + options.className,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: y1,\n\t\ty2: y2,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: 0,\n\t\ty: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE,\n\t\tdy: FONT_SIZE + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'middle',\n\t\tinnerHTML: label + \"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(${ x }, 0)`\n\t});\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nfunction makeHoriLine(y, label, x1, x2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.lineType) options.lineType = '';\n\tlet className = 'line-horizontal ' + options.className +\n\t\t(options.lineType === \"dashed\" ? \"dashed\": \"\");\n\n\tlet l = createSVG('line', {\n\t\tclassName: className,\n\t\tx1: x1,\n\t\tx2: x2,\n\t\ty1: 0,\n\t\ty2: 0,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / 2 - 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': x1 < x2 ? 'end' : 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(0, ${y})`,\n\t\t'stroke-opacity': 1\n\t});\n\n\tif(text === 0 || text === '0') {\n\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\n\t}\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nexport function yLine(y, label, width, options={}) {\n\tif(!options.pos) options.pos = 'left';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\tlet x1 = -1 * AXIS_TICK_LENGTH;\n\tlet x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;\n\n\tif(options.mode === 'tick' && options.pos === 'right') {\n\t\tx1 = width + AXIS_TICK_LENGTH;\n\t\tx2 = width;\n\t}\n\n\t// let offset = options.pos === 'left' ? -1 * options.offset : options.offset;\n\n\tx1 += options.offset;\n\tx2 += options.offset;\n\n\treturn makeHoriLine(y, label, x1, x2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function xLine(x, label, height, options={}) {\n\tif(!options.pos) options.pos = 'bottom';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\t// Draw X axis line in span/tick mode with optional label\n\t// \ty2(span)\n\t// \t\t\t\t\t\t|\n\t// \t\t\t\t\t\t|\n\t//\t\t\t\tx line\t|\n\t//\t\t\t\t\t\t|\n\t// \t\t\t\t\t \t|\n\t// ---------------------+-- y2(tick)\n\t//\t\t\t\t\t\t|\n\t//\t\t\t\t\t\t\ty1\n\n\tlet y1 = height + AXIS_TICK_LENGTH;\n\tlet y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : height;\n\n\tif(options.mode === 'tick' && options.pos === 'top') {\n\t\t// top axis ticks\n\t\ty1 = -1 * AXIS_TICK_LENGTH;\n\t\ty2 = 0;\n\t}\n\n\treturn makeVertLine(x, label, y1, y2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function yMarker(y, label, width, options={}) {\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = makeHoriLine(y, '', 0, width, {\n\t\tstroke: options.stroke || BASE_LINE_COLOR,\n\t\tclassName: options.className || '',\n\t\tlineType: options.lineType\n\t});\n\n\tline.appendChild(labelSvg);\n\n\treturn line;\n}\n\nexport function yRegion(y1, y2, width, label) {\n\t// return a group\n\tlet height = y1 - y2;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`, // remove class\n\t\tstyles: {\n\t\t\tfill: `rgba(228, 234, 239, 0.49)`,\n\t\t\tstroke: BASE_LINE_COLOR,\n\t\t\t'stroke-dasharray': `${width}, ${height}`\n\t\t},\n\t\t// 'data-point-index': index,\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: width,\n\t\theight: height\n\t});\n\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label+\"\", 4.5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet region = createSVG('g', {\n\t\ttransform: `translate(0, ${y2})`\n\t});\n\n\tregion.appendChild(rect);\n\tregion.appendChild(labelSvg);\n\n\treturn region;\n}\n\nexport function datasetBar(x, yTop, width, color, label='', index=0, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`,\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: width,\n\t\theight: height || meta.minHeight // TODO: correct y for positive min height\n\t});\n\n\tlabel += \"\";\n\n\tif(!label && !label.length) {\n\t\treturn rect;\n\t} else {\n\t\trect.setAttribute('y', 0);\n\t\trect.setAttribute('x', 0);\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: width/2,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\t'data-point-index': index,\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(rect);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function datasetDot(x, y, radius, color, label='', index=0) {\n\tlet dot = createSVG('circle', {\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tcx: x,\n\t\tcy: y,\n\t\tr: radius\n\t});\n\n\tlabel += \"\";\n\n\tif(!label && !label.length) {\n\t\treturn dot;\n\t} else {\n\t\tdot.setAttribute('cy', 0);\n\t\tdot.setAttribute('cx', 0);\n\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1 - radius) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\t'data-point-index': index,\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(dot);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function getPaths(xList, yList, color, options={}, meta={}) {\n\tlet pointsList = yList.map((y, i) => (xList[i] + ',' + y));\n\tlet pointsStr = pointsList.join(\"L\");\n\tlet path = makePath(\"M\"+pointsStr, 'line-graph-path', color);\n\n\t// HeatLine\n\tif(options.heatline) {\n\t\tlet gradient_id = makeGradient(meta.svgDefs, color);\n\t\tpath.style.stroke = `url(#${gradient_id})`;\n\t}\n\n\tlet paths = {\n\t\tpath: path\n\t};\n\n\t// Region\n\tif(options.regionFill) {\n\t\tlet gradient_id_region = makeGradient(meta.svgDefs, color, true);\n\n\t\t// TODO: use zeroLine OR minimum\n\t\tlet pathStr = \"M\" + `${xList[0]},${meta.zeroLine}L` + pointsStr + `L${xList.slice(-1)[0]},${meta.zeroLine}`;\n\t\tpaths.region = makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`);\n\t}\n\n\treturn paths;\n}\n\nexport let makeOverlay = {\n\t'bar': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'dot': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\tlet fill = unit.getAttribute('fill');\n\t\toverlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.setAttribute('fill', fill);\n\t\toverlay.style.opacity = '0.6';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'heat_square': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\tlet fill = unit.getAttribute('fill');\n\t\toverlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.setAttribute('fill', fill);\n\t\toverlay.style.opacity = '0.6';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t}\n};\n\nexport let updateOverlay = {\n\t'bar': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['x', 'y', 'width', 'height'];\n\t\tObject.values(unit.attributes)\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t\t.map(attr => {\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'dot': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t\t.map(attr => {\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'heat_square': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t\t.map(attr => {\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n};\n","const PRESET_COLOR_MAP = {\n\t'light-blue': '#7cd6fd',\n\t'blue': '#5e64ff',\n\t'violet': '#743ee2',\n\t'red': '#ff5858',\n\t'orange': '#ffa00a',\n\t'yellow': '#feef72',\n\t'green': '#28a745',\n\t'light-green': '#98d85b',\n\t'purple': '#b554ff',\n\t'magenta': '#ffa3ef',\n\t'black': '#36114C',\n\t'grey': '#bdd3e6',\n\t'light-grey': '#f0f4f7',\n\t'dark-grey': '#b8c2cc'\n};\n\nfunction limitColor(r){\n\tif (r > 255) return 255;\n\telse if (r < 0) return 0;\n\treturn r;\n}\n\nexport function lightenDarkenColor(color, amt) {\n\tlet col = getColor(color);\n\tlet usePound = false;\n\tif (col[0] == \"#\") {\n\t\tcol = col.slice(1);\n\t\tusePound = true;\n\t}\n\tlet num = parseInt(col,16);\n\tlet r = limitColor((num >> 16) + amt);\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\n\tlet g = limitColor((num & 0x0000FF) + amt);\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\n}\n\nexport function isValidColor(string) {\n\t// https://stackoverflow.com/a/8027444/6495043\n\treturn /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string);\n}\n\nexport const getColor = (color) => {\n\treturn PRESET_COLOR_MAP[color] || color;\n};\n","import { getBarHeightAndYAttr } from './draw-utils';\n\nexport const UNIT_ANIM_DUR = 350;\nexport const PATH_ANIM_DUR = 350;\nexport const MARKER_LINE_ANIM_DUR = UNIT_ANIM_DUR;\nexport const REPLACE_ALL_NEW_DUR = 250;\n\nexport const STD_EASING = 'easein';\n\nexport function translate(unit, oldCoord, newCoord, duration) {\n\tlet old = typeof oldCoord === 'string' ? oldCoord : oldCoord.join(', ');\n\treturn [\n\t\tunit,\n\t\t{transform: newCoord.join(', ')},\n\t\tduration,\n\t\tSTD_EASING,\n\t\t\"translate\",\n\t\t{transform: old}\n\t];\n}\n\nexport function translateVertLine(xLine, newX, oldX) {\n\treturn translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR);\n}\n\nexport function translateHoriLine(yLine, newY, oldY) {\n\treturn translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR);\n}\n\nexport function animateRegion(rectGroup, newY1, newY2, oldY2) {\n\tlet newHeight = newY1 - newY2;\n\tlet rect = rectGroup.childNodes[0];\n\tlet width = rect.getAttribute(\"width\");\n\tlet rectAnim = [\n\t\trect,\n\t\t{ height: newHeight, 'stroke-dasharray': `${width}, ${newHeight}` },\n\t\tMARKER_LINE_ANIM_DUR,\n\t\tSTD_EASING\n\t];\n\n\tlet groupAnim = translate(rectGroup, [0, oldY2], [0, newY2], MARKER_LINE_ANIM_DUR);\n\treturn [rectAnim, groupAnim];\n}\n\nexport function animateBar(bar, x, yTop, width, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\tif(bar.nodeName !== 'rect') {\n\t\tlet rect = bar.childNodes[0];\n\t\tlet rectAnim = [\n\t\t\trect,\n\t\t\t{width: width, height: height},\n\t\t\tUNIT_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\n\t\tlet oldCoordStr = bar.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(bar, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [rectAnim, groupAnim];\n\t} else {\n\t\treturn [[bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animateDot(dot, x, y) {\n\tif(dot.nodeName !== 'circle') {\n\t\tlet oldCoordStr = dot.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(dot, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [groupAnim];\n\t} else {\n\t\treturn [[dot, {cx: x, cy: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animatePath(paths, newXList, newYList, zeroLine) {\n\tlet pathComponents = [];\n\n\tlet pointsStr = newYList.map((y, i) => (newXList[i] + ',' + y));\n\tlet pathStr = pointsStr.join(\"L\");\n\n\tconst animPath = [paths.path, {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\tpathComponents.push(animPath);\n\n\tif(paths.region) {\n\t\tlet regStartPt = `${newXList[0]},${zeroLine}L`;\n\t\tlet regEndPt = `L${newXList.slice(-1)[0]}, ${zeroLine}`;\n\n\t\tconst animRegion = [\n\t\t\tpaths.region,\n\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\tPATH_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\t\tpathComponents.push(animRegion);\n\t}\n\n\treturn pathComponents;\n}\n\nexport function animatePathStr(oldPath, pathStr) {\n\treturn [oldPath, {d: pathStr}, UNIT_ANIM_DUR, STD_EASING];\n}\n\n","// Leveraging SMIL Animations\n\nimport { REPLACE_ALL_NEW_DUR } from './animate';\n\nconst EASING = {\n\tease: \"0.25 0.1 0.25 1\",\n\tlinear: \"0 0 1 1\",\n\t// easein: \"0.42 0 1 1\",\n\teasein: \"0.1 0.8 0.2 1\",\n\teaseout: \"0 0 0.58 1\",\n\teaseinout: \"0.42 0 0.58 1\"\n};\n\nfunction animateSVGElement(element, props, dur, easingType=\"linear\", type=undefined, oldValues={}) {\n\n\tlet animElement = element.cloneNode(true);\n\tlet newElement = element.cloneNode(true);\n\n\tfor(var attributeName in props) {\n\t\tlet animateElement;\n\t\tif(attributeName === 'transform') {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animateTransform\");\n\t\t} else {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animate\");\n\t\t}\n\t\tlet currentValue = oldValues[attributeName] || element.getAttribute(attributeName);\n\t\tlet value = props[attributeName];\n\n\t\tlet animAttr = {\n\t\t\tattributeName: attributeName,\n\t\t\tfrom: currentValue,\n\t\t\tto: value,\n\t\t\tbegin: \"0s\",\n\t\t\tdur: dur/1000 + \"s\",\n\t\t\tvalues: currentValue + \";\" + value,\n\t\t\tkeySplines: EASING[easingType],\n\t\t\tkeyTimes: \"0;1\",\n\t\t\tcalcMode: \"spline\",\n\t\t\tfill: 'freeze'\n\t\t};\n\n\t\tif(type) {\n\t\t\tanimAttr[\"type\"] = type;\n\t\t}\n\n\t\tfor (var i in animAttr) {\n\t\t\tanimateElement.setAttribute(i, animAttr[i]);\n\t\t}\n\n\t\tanimElement.appendChild(animateElement);\n\n\t\tif(type) {\n\t\t\tnewElement.setAttribute(attributeName, `translate(${value})`);\n\t\t} else {\n\t\t\tnewElement.setAttribute(attributeName, value);\n\t\t}\n\t}\n\n\treturn [animElement, newElement];\n}\n\nexport function transform(element, style) { // eslint-disable-line no-unused-vars\n\telement.style.transform = style;\n\telement.style.webkitTransform = style;\n\telement.style.msTransform = style;\n\telement.style.mozTransform = style;\n\telement.style.oTransform = style;\n}\n\nfunction animateSVG(svgContainer, elements) {\n\tlet newElements = [];\n\tlet animElements = [];\n\n\telements.map(element => {\n\t\tlet unit = element[0];\n\t\tlet parent = unit.parentNode;\n\n\t\tlet animElement, newElement;\n\n\t\telement[0] = unit;\n\t\t[animElement, newElement] = animateSVGElement(...element);\n\n\t\tnewElements.push(newElement);\n\t\tanimElements.push([animElement, parent]);\n\n\t\tparent.replaceChild(animElement, unit);\n\t});\n\n\tlet animSvg = svgContainer.cloneNode(true);\n\n\tanimElements.map((animElement, i) => {\n\t\tanimElement[1].replaceChild(newElements[i], animElement[0]);\n\t\telements[i][0] = newElements[i];\n\t});\n\n\treturn animSvg;\n}\n\nexport function runSMILAnimation(parent, svgElement, elementsToAnimate) {\n\tif(elementsToAnimate.length === 0) return;\n\n\tlet animSvgElement = animateSVG(svgElement, elementsToAnimate);\n\tif(svgElement.parentNode == parent) {\n\t\tparent.removeChild(svgElement);\n\t\tparent.appendChild(animSvgElement);\n\n\t}\n\n\t// Replace the new svgElement (data has already been replaced)\n\tsetTimeout(() => {\n\t\tif(animSvgElement.parentNode == parent) {\n\t\t\tparent.removeChild(animSvgElement);\n\t\t\tparent.appendChild(svgElement);\n\t\t}\n\t}, REPLACE_ALL_NEW_DUR);\n}\n","import { makeSVGGroup } from '../utils/draw';\nimport { makePath, xLine, yLine, yMarker, yRegion, datasetBar, datasetDot, getPaths, heatSquare } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { translateHoriLine, translateVertLine, animateRegion, animateBar,\n\tanimateDot, animatePath, animatePathStr } from '../utils/animate';\n\nclass ChartComponent {\n\tconstructor({\n\t\tlayerClass = '',\n\t\tlayerTransform = '',\n\t\tconstants,\n\n\t\tgetData,\n\t\tmakeElements,\n\t\tanimateElements\n\t}) {\n\t\tthis.layerTransform = layerTransform;\n\t\tthis.constants = constants;\n\n\t\tthis.makeElements = makeElements;\n\t\tthis.getData = getData;\n\n\t\tthis.animateElements = animateElements;\n\n\t\tthis.store = [];\n\n\t\tthis.layerClass = layerClass;\n\t\tthis.layerClass = typeof(this.layerClass) === 'function'\n\t\t\t? this.layerClass() : this.layerClass;\n\n\t\tthis.refresh();\n\t}\n\n\trefresh(data) {\n\t\tthis.data = data || this.getData();\n\t}\n\n\tsetup(parent) {\n\t\tthis.layer = makeSVGGroup(parent, this.layerClass, this.layerTransform);\n\t}\n\n\tmake() {\n\t\tthis.render(this.data);\n\t\tthis.oldData = this.data;\n\t}\n\n\trender(data) {\n\t\tthis.store = this.makeElements(data);\n\n\t\tthis.layer.textContent = '';\n\t\tthis.store.forEach(element => {\n\t\t\tthis.layer.appendChild(element);\n\t\t});\n\t}\n\n\tupdate(animate = true) {\n\t\tthis.refresh();\n\t\tlet animateElements = [];\n\t\tif(animate) {\n\t\t\tanimateElements = this.animateElements(this.data);\n\t\t}\n\t\treturn animateElements;\n\t}\n}\n\nlet componentConfigs = {\n\tpieSlices: {\n\t\tlayerClass: 'pie-slices',\n\t\tmakeElements(data) {\n\t\t\treturn data.sliceStrings.map((s, i) =>{\n\t\t\t\tlet slice = makePath(s, 'pie-path', 'none', data.colors[i]);\n\t\t\t\tslice.style.transition = 'transform .3s;';\n\t\t\t\treturn slice;\n\t\t\t});\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\treturn this.store.map((slice, i) =>\n\t\t\t\tanimatePathStr(slice, newData.sliceStrings[i])\n\t\t\t);\n\t\t}\n\t},\n\tpercentageBars: {\n\t\tlayerClass: 'percentage-bars',\n\t\tmakeElements(data) {\n\t\t\t// return 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\t// return this.store.map((slice, i) =>\n\t\t\t// \tanimatePathStr(slice, newData.sliceStrings[i])\n\t\t\t// );\n\t\t}\n\t},\n\tyAxis: {\n\t\tlayerClass: 'y axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\tyLine(position, data.labels[i], this.constants.width,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.labels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tlabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\txAxis: {\n\t\tlayerClass: 'x axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\txLine(position, data.calcLabels[i], this.constants.height,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.calcLabels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.calcLabels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tcalcLabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateVertLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyMarkers: {\n\t\tlayerClass: 'y-markers',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(marker =>\n\t\t\t\tyMarker(marker.position, marker.label, this.constants.width,\n\t\t\t\t\t{pos:'right', mode: 'span', lineType: 'dashed'})\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.position);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.position);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tposition: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t};\n\t\t\t}));\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyRegions: {\n\t\tlayerClass: 'y-regions',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(region =>\n\t\t\t\tyRegion(region.startPos, region.endPos, this.constants.width,\n\t\t\t\t\tregion.label)\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.endPos);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\t\t\tlet newStarts = newData.map(d => d.startPos);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.endPos);\n\t\t\tlet oldStarts = this.oldData.map(d => d.startPos);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tstartPos: oldStarts[i],\n\t\t\t\t\tendPos: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t};\n\t\t\t}));\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((rectGroup, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateRegion(\n\t\t\t\t\trectGroup, newStarts[i], newPos[i], oldPos[i]\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\theatDomain: {\n\t\tlayerClass: function() { return 'heat-domain domain-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet {colWidth, rowHeight, squareSize, xTranslate} = this.constants;\n\t\t\tlet x = xTranslate, y = 0;\n\n\t\t\tthis.serializedSubDomains = [];\n\n\t\t\tdata.cols.map(week => {\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\t// return this.store.map((slice, i) =>\n\t\t\t// \tanimatePathStr(slice, newData.sliceStrings[i])\n\t\t\t// );\n\t\t}\n\t},\n\n\tbarGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-bars dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'bar';\n\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\treturn datasetBar(\n\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\ty,\n\t\t\t\t\tdata.barWidth,\n\t\t\t\t\tc.color,\n\t\t\t\t\tdata.labels[j],\n\t\t\t\t\tj,\n\t\t\t\t\tdata.offsets[j],\n\t\t\t\t\t{\n\t\t\t\t\t\tzeroLine: data.zeroLine,\n\t\t\t\t\t\tbarsWidth: data.barsWidth,\n\t\t\t\t\t\tminHeight: c.minHeight\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t});\n\t\t\treturn this.units;\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newOffsets = newData.offsets;\n\t\t\tlet newLabels = newData.labels;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldOffsets = this.oldData.offsets;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldOffsets, newOffsets] = equilizeNoOfElements(oldOffsets, newOffsets);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\toffsets: oldOffsets,\n\t\t\t\tlabels: newLabels,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tbarsWidth: this.oldData.barsWidth,\n\t\t\t\tbarWidth: this.oldData.barWidth,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((bar, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateBar(\n\t\t\t\t\tbar, newXPos[i], newYPos[i], newData.barWidth, newOffsets[i],\n\t\t\t\t\t{zeroLine: newData.zeroLine}\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tlineGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-line dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'dot';\n\t\t\tthis.paths = {};\n\t\t\tif(!c.hideLine) {\n\t\t\t\tthis.paths = getPaths(\n\t\t\t\t\tdata.xPositions,\n\t\t\t\t\tdata.yPositions,\n\t\t\t\t\tc.color,\n\t\t\t\t\t{\n\t\t\t\t\t\theatline: c.heatline,\n\t\t\t\t\t\tregionFill: c.regionFill\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tsvgDefs: c.svgDefs,\n\t\t\t\t\t\tzeroLine: data.zeroLine\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tthis.units = [];\n\t\t\tif(!c.hideDots) {\n\t\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\t\treturn datasetDot(\n\t\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\t\ty,\n\t\t\t\t\t\tdata.radius,\n\t\t\t\t\t\tc.color,\n\t\t\t\t\t\t(c.valuesOverPoints ? data.values[j] : ''),\n\t\t\t\t\t\tj\n\t\t\t\t\t);\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn Object.values(this.paths).concat(this.units);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newValues = newData.values;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldValues = this.oldData.values;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldValues, newValues] = equilizeNoOfElements(oldValues, newValues);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\tvalues: newValues,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tradius: this.oldData.radius,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tif(Object.keys(this.paths).length) {\n\t\t\t\tanimateElements = animateElements.concat(animatePath(\n\t\t\t\t\tthis.paths, newXPos, newYPos, newData.zeroLine));\n\t\t\t}\n\n\t\t\tif(this.units.length) {\n\t\t\t\tthis.units.map((dot, i) => {\n\t\t\t\t\tanimateElements = animateElements.concat(animateDot(\n\t\t\t\t\t\tdot, newXPos[i], newYPos[i]));\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn animateElements;\n\t\t}\n\t}\n};\n\nexport function getComponent(name, constants, getData) {\n\tlet keys = Object.keys(componentConfigs).filter(k => name.includes(k));\n\tlet config = componentConfigs[keys[0]];\n\tObject.assign(config, {\n\t\tconstants: constants,\n\t\tgetData: getData\n\t});\n\treturn new ChartComponent(config);\n}\n","// Playing around with dates\n\nexport const NO_OF_YEAR_MONTHS = 12;\nexport const NO_OF_DAYS_IN_WEEK = 7;\nexport const 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\", \"June\",\n\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"];\n\nexport const MONTH_NAMES_SHORT = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\", \"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"];\n\n// https://stackoverflow.com/a/11252167/6495043\nfunction treatAsUtc(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\nexport 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 { floatTwo } from './helpers';\n\nfunction normalize(x) {\n\t// Calculates mantissa and exponent of a number\n\t// Returns normalized number and exponent\n\t// https://stackoverflow.com/q/9383593/6495043\n\n\tif(x===0) {\n\t\treturn [0, 0];\n\t}\n\tif(isNaN(x)) {\n\t\treturn {mantissa: -6755399441055744, exponent: 972};\n\t}\n\tvar sig = x > 0 ? 1 : -1;\n\tif(!isFinite(x)) {\n\t\treturn {mantissa: sig * 4503599627370496, exponent: 972};\n\t}\n\n\tx = Math.abs(x);\n\tvar exp = Math.floor(Math.log10(x));\n\tvar man = x/Math.pow(10, exp);\n\n\treturn [sig * man, exp];\n}\n\nfunction getChartRangeIntervals(max, min=0) {\n\tlet upperBound = Math.ceil(max);\n\tlet lowerBound = Math.floor(min);\n\tlet range = upperBound - lowerBound;\n\n\tlet noOfParts = range;\n\tlet partSize = 1;\n\n\t// To avoid too many partitions\n\tif(range > 5) {\n\t\tif(range % 2 !== 0) {\n\t\t\tupperBound++;\n\t\t\t// Recalc range\n\t\t\trange = upperBound - lowerBound;\n\t\t}\n\t\tnoOfParts = range/2;\n\t\tpartSize = 2;\n\t}\n\n\t// Special case: 1 and 2\n\tif(range <= 2) {\n\t\tnoOfParts = 4;\n\t\tpartSize = range/noOfParts;\n\t}\n\n\t// Special case: 0\n\tif(range === 0) {\n\t\tnoOfParts = 5;\n\t\tpartSize = 1;\n\t}\n\n\tlet intervals = [];\n\tfor(var i = 0; i <= noOfParts; i++){\n\t\tintervals.push(lowerBound + partSize * i);\n\t}\n\treturn intervals;\n}\n\nfunction getChartIntervals(maxValue, minValue=0) {\n\tlet [normalMaxValue, exponent] = normalize(maxValue);\n\tlet normalMinValue = minValue ? minValue/Math.pow(10, exponent): 0;\n\n\t// Allow only 7 significant digits\n\tnormalMaxValue = normalMaxValue.toFixed(6);\n\n\tlet intervals = getChartRangeIntervals(normalMaxValue, normalMinValue);\n\tintervals = intervals.map(value => value * Math.pow(10, exponent));\n\treturn intervals;\n}\n\nexport function calcChartIntervals(values, withMinimum=false) {\n\t//*** Where the magic happens ***\n\n\t// Calculates best-fit y intervals from given values\n\t// and returns the interval array\n\n\tlet maxValue = Math.max(...values);\n\tlet minValue = Math.min(...values);\n\n\t// Exponent to be used for pretty print\n\tlet exponent = 0, intervals = []; // eslint-disable-line no-unused-vars\n\n\tfunction getPositiveFirstIntervals(maxValue, absMinValue) {\n\t\tlet intervals = getChartIntervals(maxValue);\n\n\t\tlet intervalSize = intervals[1] - intervals[0];\n\n\t\t// Then unshift the negative values\n\t\tlet value = 0;\n\t\tfor(var i = 1; value < absMinValue; i++) {\n\t\t\tvalue += intervalSize;\n\t\t\tintervals.unshift((-1) * value);\n\t\t}\n\t\treturn intervals;\n\t}\n\n\t// CASE I: Both non-negative\n\n\tif(maxValue >= 0 && minValue >= 0) {\n\t\texponent = normalize(maxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(maxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(maxValue, minValue);\n\t\t}\n\t}\n\n\t// CASE II: Only minValue negative\n\n\telse if(maxValue > 0 && minValue < 0) {\n\t\t// `withMinimum` irrelevant in this case,\n\t\t// We'll be handling both sides of zero separately\n\t\t// (both starting from zero)\n\t\t// Because ceil() and floor() behave differently\n\t\t// in those two regions\n\n\t\tlet absMinValue = Math.abs(minValue);\n\n\t\tif(maxValue >= absMinValue) {\n\t\t\texponent = normalize(maxValue)[1];\n\t\t\tintervals = getPositiveFirstIntervals(maxValue, absMinValue);\n\t\t} else {\n\t\t\t// Mirror: maxValue => absMinValue, then change sign\n\t\t\texponent = normalize(absMinValue)[1];\n\t\t\tlet posIntervals = getPositiveFirstIntervals(absMinValue, maxValue);\n\t\t\tintervals = posIntervals.map(d => d * (-1));\n\t\t}\n\n\t}\n\n\t// CASE III: Both non-positive\n\n\telse if(maxValue <= 0 && minValue <= 0) {\n\t\t// Mirrored Case I:\n\t\t// Work with positives, then reverse the sign and array\n\n\t\tlet pseudoMaxValue = Math.abs(minValue);\n\t\tlet pseudoMinValue = Math.abs(maxValue);\n\n\t\texponent = normalize(pseudoMaxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue, pseudoMinValue);\n\t\t}\n\n\t\tintervals = intervals.reverse().map(d => d * (-1));\n\t}\n\n\treturn intervals;\n}\n\nexport function getZeroIndex(yPts) {\n\tlet zeroIndex;\n\tlet interval = getIntervalSize(yPts);\n\tif(yPts.indexOf(0) >= 0) {\n\t\t// the range has a given zero\n\t\t// zero-line on the chart\n\t\tzeroIndex = yPts.indexOf(0);\n\t} else if(yPts[0] > 0) {\n\t\t// Minimum value is positive\n\t\t// zero-line is off the chart: below\n\t\tlet min = yPts[0];\n\t\tzeroIndex = (-1) * min / interval;\n\t} else {\n\t\t// Maximum value is negative\n\t\t// zero-line is off the chart: above\n\t\tlet max = yPts[yPts.length - 1];\n\t\tzeroIndex = (-1) * max / interval + (yPts.length - 1);\n\t}\n\treturn zeroIndex;\n}\n\nexport function getRealIntervals(max, noOfIntervals, min = 0, asc = 1) {\n\tlet range = max - min;\n\tlet part = range * 1.0 / noOfIntervals;\n\tlet intervals = [];\n\n\tfor(var i = 0; i <= noOfIntervals; i++) {\n\t\tintervals.push(min + part * i);\n\t}\n\n\treturn asc ? intervals : intervals.reverse();\n}\n\nexport function getIntervalSize(orderedArray) {\n\treturn orderedArray[1] - orderedArray[0];\n}\n\nexport function getValueRange(orderedArray) {\n\treturn orderedArray[orderedArray.length-1] - orderedArray[0];\n}\n\nexport function scale(val, yAxis) {\n\treturn floatTwo(yAxis.zeroLine - val * yAxis.scaleMultiplier);\n}\n\nexport function calcDistribution(values, distributionSize) {\n\t// Assume non-negative values,\n\t// implying distribution minimum at zero\n\n\tlet dataMaxValue = Math.max(...values);\n\n\tlet distributionStep = 1 / (distributionSize - 1);\n\tlet distribution = [];\n\n\tfor(var i = 0; i < distributionSize; i++) {\n\t\tlet checkpoint = dataMaxValue * (distributionStep * i);\n\t\tdistribution.push(checkpoint);\n\t}\n\n\treturn distribution;\n}\n\nexport function getMaxCheckpoint(value, distribution) {\n\treturn distribution.filter(d => d < value).length;\n}\n","import { fillArray } from '../utils/helpers';\nimport { DEFAULT_AXIS_CHART_TYPE, AXIS_DATASET_CHART_TYPES, DEFAULT_CHAR_WIDTH } from '../utils/constants';\n\nexport function dataPrep(data, type) {\n\tdata.labels = data.labels || [];\n\n\tlet datasetLength = data.labels.length;\n\n\t// Datasets\n\tlet datasets = data.datasets;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\tif(!datasets) {\n\t\t// default\n\t\tdatasets = [{\n\t\t\tvalues: zeroArray\n\t\t}];\n\t}\n\n\tdatasets.map(d=> {\n\t\t// Set values\n\t\tif(!d.values) {\n\t\t\td.values = zeroArray;\n\t\t} else {\n\t\t\t// Check for non values\n\t\t\tlet vals = d.values;\n\t\t\tvals = vals.map(val => (!isNaN(val) ? val : 0));\n\n\t\t\t// Trim or extend\n\t\t\tif(vals.length > datasetLength) {\n\t\t\t\tvals = vals.slice(0, datasetLength);\n\t\t\t} else {\n\t\t\t\tvals = fillArray(vals, datasetLength - vals.length, 0);\n\t\t\t}\n\t\t}\n\n\t\t// Set labels\n\t\t//\n\n\t\t// Set type\n\t\tif(!d.chartType ) {\n\t\t\tif(!AXIS_DATASET_CHART_TYPES.includes(type)) type === DEFAULT_AXIS_CHART_TYPE;\n\t\t\td.chartType = type;\n\t\t}\n\n\t});\n\n\t// Markers\n\n\t// Regions\n\t// data.yRegions = data.yRegions || [];\n\tif(data.yRegions) {\n\t\tdata.yRegions.map(d => {\n\t\t\tif(d.end < d.start) {\n\t\t\t\t[d.start, d.end] = [d.end, d.start];\n\t\t\t}\n\t\t});\n\t}\n\n\treturn data;\n}\n\nexport function zeroDataPrep(realData) {\n\tlet datasetLength = realData.labels.length;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\n\tlet zeroData = {\n\t\tlabels: realData.labels.slice(0, -1),\n\t\tdatasets: realData.datasets.map(d => {\n\t\t\treturn {\n\t\t\t\tname: '',\n\t\t\t\tvalues: zeroArray.slice(0, -1),\n\t\t\t\tchartType: d.chartType\n\t\t\t};\n\t\t}),\n\t};\n\n\tif(realData.yMarkers) {\n\t\tzeroData.yMarkers = [\n\t\t\t{\n\t\t\t\tvalue: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\tif(realData.yRegions) {\n\t\tzeroData.yRegions = [\n\t\t\t{\n\t\t\t\tstart: 0,\n\t\t\t\tend: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\treturn zeroData;\n}\n\nexport function getShortenedLabels(chartWidth, labels=[], isSeries=true) {\n\tlet allowedSpace = chartWidth / labels.length;\n\tlet allowedLetters = allowedSpace / DEFAULT_CHAR_WIDTH;\n\n\tlet calcLabels = labels.map((label, i) => {\n\t\tlabel += \"\";\n\t\tif(label.length > allowedLetters) {\n\n\t\t\tif(!isSeries) {\n\t\t\t\tif(allowedLetters-3 > 0) {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters-3) + \" ...\";\n\t\t\t\t} else {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters) + '..';\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tlet multiple = Math.ceil(label.length/allowedLetters);\n\t\t\t\tif(i % multiple !== 0) {\n\t\t\t\t\tlabel = \"\";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn label;\n\t});\n\n\treturn calcLabels;\n}","import '../scss/charts.scss';\n\n// import MultiAxisChart from './charts/MultiAxisChart';\nimport PercentageChart from './charts/PercentageChart';\nimport PieChart from './charts/PieChart';\nimport Heatmap from './charts/Heatmap';\nimport AxisChart from './charts/AxisChart';\n\nconst chartTypes = {\n\t// multiaxis: MultiAxisChart,\n\tpercentage: PercentageChart,\n\theatmap: Heatmap,\n\tpie: PieChart\n};\n\nfunction getChartByType(chartType = 'line', parent, options) {\n\tif(chartType === 'line') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'bar') {\n\t\toptions.type = 'bar';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'axis-mixed') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t}\n\n\tif (!chartTypes[chartType]) {\n\t\tconsole.error(\"Undefined chart type: \" + chartType);\n\t\treturn;\n\t}\n\n\treturn new chartTypes[chartType](parent, options);\n}\n\nclass Chart {\n\tconstructor(parent, options) {\n\t\treturn getChartByType(options.type, parent, options);\n\t}\n}\n\nexport { Chart, PercentageChart, PieChart, Heatmap, AxisChart };","import { $ } from '../utils/dom';\n\nexport default class SvgTip {\n\tconstructor({\n\t\tparent = null,\n\t\tcolors = []\n\t}) {\n\t\tthis.parent = parent;\n\t\tthis.colors = colors;\n\t\tthis.titleName = '';\n\t\tthis.titleValue = '';\n\t\tthis.listValues = [];\n\t\tthis.titleValueFirst = 0;\n\n\t\tthis.x = 0;\n\t\tthis.y = 0;\n\n\t\tthis.top = 0;\n\t\tthis.left = 0;\n\n\t\tthis.setup();\n\t}\n\n\tsetup() {\n\t\tthis.makeTooltip();\n\t}\n\n\trefresh() {\n\t\tthis.fill();\n\t\tthis.calcPosition();\n\t\t// this.showTip();\n\t}\n\n\tmakeTooltip() {\n\t\tthis.container = $.create('div', {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'graph-svg-tip comparison',\n\t\t\tinnerHTML: `\n\t\t\t\t
                  \n\t\t\t\t
                  `\n\t\t});\n\t\tthis.hideTip();\n\n\t\tthis.title = this.container.querySelector('.title');\n\t\tthis.dataPointList = this.container.querySelector('.data-point-list');\n\n\t\tthis.parent.addEventListener('mouseleave', () => {\n\t\t\tthis.hideTip();\n\t\t});\n\t}\n\n\tfill() {\n\t\tlet title;\n\t\tif(this.index) {\n\t\t\tthis.container.setAttribute('data-point-index', this.index);\n\t\t}\n\t\tif(this.titleValueFirst) {\n\t\t\ttitle = `${this.titleValue}${this.titleName}`;\n\t\t} else {\n\t\t\ttitle = `${this.titleName}${this.titleValue}`;\n\t\t}\n\t\tthis.title.innerHTML = title;\n\t\tthis.dataPointList.innerHTML = '';\n\n\t\tthis.listValues.map((set, i) => {\n\t\t\tconst color = this.colors[i] || 'black';\n\n\t\t\tlet li = $.create('li', {\n\t\t\t\tstyles: {\n\t\t\t\t\t'border-top': `3px solid ${color}`\n\t\t\t\t},\n\t\t\t\tinnerHTML: `${ set.value === 0 || set.value ? set.value : '' }\n\t\t\t\t\t${set.title ? set.title : '' }`\n\t\t\t});\n\n\t\t\tthis.dataPointList.appendChild(li);\n\t\t});\n\t}\n\n\tcalcPosition() {\n\t\tlet width = this.container.offsetWidth;\n\n\t\tthis.top = this.y - this.container.offsetHeight;\n\t\tthis.left = this.x - width/2;\n\t\tlet maxLeft = this.parent.offsetWidth - width;\n\n\t\tlet pointer = this.container.querySelector('.svg-pointer');\n\n\t\tif(this.left < 0) {\n\t\t\tpointer.style.left = `calc(50% - ${-1 * this.left}px)`;\n\t\t\tthis.left = 0;\n\t\t} else if(this.left > maxLeft) {\n\t\t\tlet delta = this.left - maxLeft;\n\t\t\tlet pointerOffset = `calc(50% + ${delta}px)`;\n\t\t\tpointer.style.left = pointerOffset;\n\n\t\t\tthis.left = maxLeft;\n\t\t} else {\n\t\t\tpointer.style.left = `50%`;\n\t\t}\n\t}\n\n\tsetValues(x, y, title = {}, listValues = [], index = -1) {\n\t\tthis.titleName = title.name;\n\t\tthis.titleValue = title.value;\n\t\tthis.listValues = listValues;\n\t\tthis.x = x;\n\t\tthis.y = y;\n\t\tthis.titleValueFirst = title.valueFirst || 0;\n\t\tthis.index = index;\n\t\tthis.refresh();\n\t}\n\n\thideTip() {\n\t\tthis.container.style.top = '0px';\n\t\tthis.container.style.left = '0px';\n\t\tthis.container.style.opacity = '0';\n\t}\n\n\tshowTip() {\n\t\tthis.container.style.top = this.top + 'px';\n\t\tthis.container.style.left = this.left + 'px';\n\t\tthis.container.style.opacity = '1';\n\t}\n}\n","export const 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 DEFAULT_CHAR_WIDTH = 7;\n\n// Universal constants\nexport const ANGLE_RATIO = Math.PI / 180;\nexport const FULL_ANGLE = 360;\n\n// Fixed 5-color theme,\n// More colors are difficult to parse visually\nexport const HEATMAP_DISTRIBUTION_SIZE = 5;\n\nexport const HEATMAP_SQUARE_SIZE = 10;\nexport const HEATMAP_GUTTER_SIZE = 2;\n\nconst HEATMAP_COLORS = ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\nconst DEFAULT_CHART_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey'];\n\nexport const DEFAULT_COLORS = {\n\tbar: DEFAULT_CHART_COLORS,\n\tline: DEFAULT_CHART_COLORS,\n\tpie: DEFAULT_CHART_COLORS,\n\tpercentage: DEFAULT_CHART_COLORS,\n\theatmap: HEATMAP_COLORS\n};","import SvgTip from '../objects/SvgTip';\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup, makeText, AXIS_TICK_LENGTH } from '../utils/draw';\nimport { BASE_CHART_TOP_MARGIN, BASE_CHART_LEFT_MARGIN,\n\tBASE_CHART_RIGHT_MARGIN, INIT_CHART_UPDATE_TIMEOUT, CHART_POST_ANIMATE_TIMEOUT, DEFAULT_COLORS,\n\tALL_CHART_TYPES, COMPATIBLE_CHARTS, DATA_COLOR_DIVISIONS} from '../utils/constants';\nimport { getColor, isValidColor } from '../utils/colors';\nimport { runSMILAnimation } from '../utils/animation';\nimport { Chart } from '../chart';\n\nexport default class BaseChart {\n\tconstructor(parent, options) {\n\n\t\tthis.parent = typeof parent === 'string'\n\t\t\t? document.querySelector(parent)\n\t\t\t: parent;\n\n\t\tif (!(this.parent instanceof HTMLElement)) {\n\t\t\tthrow new Error('No `parent` element to render on was provided.');\n\t\t}\n\n\t\tthis.rawChartArgs = options;\n\n\t\tthis.title = options.title || '';\n\t\tthis.argHeight = options.height || 240;\n\t\tthis.type = options.type || '';\n\n\t\tthis.realData = this.prepareData(options.data);\n\t\tthis.data = this.prepareFirstData(this.realData);\n\n\t\tthis.colors = this.validateColors(options.colors, this.type);\n\n\t\tthis.config = {\n\t\t\tshowTooltip: 1, // calculate\n\t\t\tshowLegend: options.showLegend || 1,\n\t\t\tisNavigable: options.isNavigable || 0,\n\t\t\tanimate: 1\n\t\t};\n\t\tthis.state = {};\n\t\tthis.options = {};\n\n\t\tthis.initTimeout = INIT_CHART_UPDATE_TIMEOUT;\n\n\t\tif(this.config.isNavigable) {\n\t\t\tthis.overlays = [];\n\t\t}\n\n\t\tthis.configure(options);\n\t}\n\n\tconfigure() {\n\t\tthis.setMargins();\n\n\t\t// Bind window events\n\t\twindow.addEventListener('resize', () => this.draw(true));\n\t\twindow.addEventListener('orientationchange', () => this.draw(true));\n\t}\n\n\tvalidateColors(colors, type) {\n\t\tconst validColors = [];\n\t\tcolors = (colors || []).concat(DEFAULT_COLORS[type]);\n\t\tcolors.forEach((string) => {\n\t\t\tconst color = getColor(string);\n\t\t\tif(!isValidColor(color)) {\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t} else {\n\t\t\t\tvalidColors.push(color);\n\t\t\t}\n\t\t});\n\t\treturn validColors;\n\t}\n\n\tsetMargins() {\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - 70;\n\t\tthis.topMargin = BASE_CHART_TOP_MARGIN;\n\n\t\t// Horizontal margins\n\t\tthis.leftMargin = BASE_CHART_LEFT_MARGIN;\n\t\tthis.rightMargin = BASE_CHART_RIGHT_MARGIN;\n\t}\n\n\tsetup() {\n\t\tthis.makeContainer();\n\t\tthis.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\t\tthis.container = $.create('div', {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'chart-container'\n\t\t});\n\t}\n\n\tmakeTooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.container,\n\t\t\tcolors: this.colors\n\t\t});\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {}\n\n\tdraw(onlyWidthChange=false, init=false) {\n\t\tthis.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 = 30;\n\t\t}\n\t\tif(this.config.showLegend) {\n\t\t\tlegendAreaHeight = 30;\n\t\t}\n\t\tthis.svg = makeSVGContainer(\n\t\t\tthis.container,\n\t\t\t'frappe-chart chart',\n\t\t\tthis.baseWidth,\n\t\t\tthis.baseHeight + titleAreaHeight + legendAreaHeight\n\t\t);\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\n\n\t\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,\n\t\t\t\tthis.topMargin,\n\t\t\t\tthis.title,\n\t\t\t\t11\n\t\t\t);\n\t\t\tthis.svg.appendChild(this.titleEL);\n\t\t}\n\n\t\tlet top = this.topMargin + titleAreaHeight;\n\t\tthis.drawArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\tthis.type + '-chart',\n\t\t\t`translate(${this.leftMargin}, ${top})`\n\t\t);\n\n\t\ttop = this.baseHeight - titleAreaHeight;\n\t\tthis.legendArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\t'chart-legend',\n\t\t\t`translate(${this.leftMargin}, ${top})`\n\t\t);\n\t}\n\n\trenderLegend() {}\n\n\tsetupNavigation(init=false) {\n\t\tif(!this.config.isNavigable) return;\n\n\t\tif(init) {\n\t\t\tthis.bindOverlay();\n\n\t\t\tthis.keyActions = {\n\t\t\t\t'13': this.onEnterKey.bind(this),\n\t\t\t\t'37': this.onLeftArrow.bind(this),\n\t\t\t\t'38': this.onUpArrow.bind(this),\n\t\t\t\t'39': this.onRightArrow.bind(this),\n\t\t\t\t'40': this.onDownArrow.bind(this),\n\t\t\t};\n\n\t\t\tdocument.addEventListener('keydown', (e) => {\n\t\t\t\tif(isElementInViewport(this.container)) {\n\t\t\t\t\te = e || window.event;\n\t\t\t\t\tif(this.keyActions[e.keyCode]) {\n\t\t\t\t\t\tthis.keyActions[e.keyCode]();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {}\n\tupdateOverlay() {}\n\tbindOverlay() {}\n\tbindUnits() {}\n\n\tonLeftArrow() {}\n\tonRightArrow() {}\n\tonUpArrow() {}\n\tonDownArrow() {}\n\tonEnterKey() {}\n\n\taddDataPoint() {}\n\tremoveDataPoint() {}\n\n\tgetDataPoint() {}\n\tsetCurrentDataPoint() {}\n\n\tupdateDataset() {}\n\n\tgetDifferentChart(type) {\n\t\tconst currentType = this.type;\n\t\tlet args = this.rawChartArgs;\n\t\tif(type === currentType) return;\n\n\t\tif(!ALL_CHART_TYPES.includes(type)) {\n\t\t\tconsole.error(`'${type}' is not a valid chart type.`);\n\t\t}\n\n\t\tif(!COMPATIBLE_CHARTS[currentType].includes(type)) {\n\t\t\tconsole.error(`'${currentType}' chart cannot be converted to a '${type}' chart.`);\n\t\t}\n\n\t\t// whether the new chart can use the existing colors\n\t\tconst useColor = DATA_COLOR_DIVISIONS[currentType] === DATA_COLOR_DIVISIONS[type];\n\n\t\t// Okay, this is anticlimactic\n\t\t// this function will need to actually be 'changeChartType(type)'\n\t\t// that will update only the required elements, but for now ...\n\n\t\targs.type = type;\n\t\targs.colors = useColor ? args.colors : undefined;\n\n\t\treturn new Chart(this.parent, args);\n\t}\n\n\tunbindWindowEvents(){\n\t\twindow.removeEventListener('resize', () => this.draw(true));\n\t\twindow.removeEventListener('orientationchange', () => this.draw(true));\n\t}\n}\n","import BaseChart from './BaseChart';\n\nexport default class AggregationChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\n\t\tthis.config.maxSlices = args.maxSlices || 20;\n\t\tthis.config.maxLegendPoints = args.maxLegendPoints || 20;\n\t}\n\n\tcalc() {\n\t\tlet s = this.state;\n\t\tlet maxSlices = this.config.maxSlices;\n\t\ts.sliceTotals = [];\n\n\t\tlet allTotals = this.data.labels.map((label, i) => {\n\t\t\tlet total = 0;\n\t\t\tthis.data.datasets.map(e => {\n\t\t\t\ttotal += e.values[i];\n\t\t\t});\n\t\t\treturn [total, label];\n\t\t}).filter(d => { return d[0] > 0; }); // keep only positive results\n\n\t\tlet totals = allTotals;\n\t\tif(allTotals.length > maxSlices) {\n\t\t\t// Prune and keep a grey area for rest as per maxSlices\n\t\t\tallTotals.sort((a, b) => { return b[0] - a[0]; });\n\n\t\t\ttotals = allTotals.slice(0, maxSlices-1);\n\t\t\tlet remaining = allTotals.slice(maxSlices-1);\n\n\t\t\tlet sumOfRemaining = 0;\n\t\t\tremaining.map(d => {sumOfRemaining += d[0];});\n\t\t\ttotals.push([sumOfRemaining, 'Rest']);\n\t\t\tthis.colors[maxSlices-1] = 'grey';\n\t\t}\n\n\t\ts.labels = [];\n\t\ttotals.map(d => {\n\t\t\ts.sliceTotals.push(d[0]);\n\t\t\ts.labels.push(d[1]);\n\t\t});\n\t}\n\n\trenderLegend() {\n\t\t// let s = this.state;\n\n\t\t// this.statsWrapper.textContent = '';\n\n\t\t// this.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints);\n\n\t\t// let xValues = s.labels;\n\t\t// this.legendTotals.map((d, i) => {\n\t\t// \tif(d) {\n\t\t// \t\tlet stats = $.create('div', {\n\t\t// \t\t\tclassName: 'stats',\n\t\t// \t\t\tinside: this.statsWrapper\n\t\t// \t\t});\n\t\t// \t\tstats.innerHTML = `\n\t\t// \t\t\t\n\t\t// \t\t\t${xValues[i]}:\n\t\t// \t\t\t${d}\n\t\t// \t\t`;\n\t\t// \t}\n\t\t// });\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class PercentageChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'percentage';\n\n\t\tthis.setup();\n\t}\n\n\tmakeChartArea() {\n\t\tthis.container.className += ' ' + 'graph-focus-margin';\n\t\tthis.container.style.marginTop = '45px';\n\n\t\t// this.statsWrapper.className += ' ' + 'graph-focus-margin';\n\t\t// this.statsWrapper.style.marginBottom = '30px';\n\t\t// this.statsWrapper.style.paddingTop = '0px';\n\n\t\tthis.svg = $.create('div', {\n\t\t\tclassName: 'div',\n\t\t\tinside: this.container\n\t\t});\n\n\t\tthis.chart = $.create('div', {\n\t\t\tclassName: 'progress-chart',\n\t\t\tinside: this.svg\n\t\t});\n\n\t\tthis.percentageBar = $.create('div', {\n\t\t\tclassName: 'progress',\n\t\t\tinside: this.chart\n\t\t});\n\t}\n\n\trender() {\n\t\tlet s = this.state;\n\t\tthis.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);\n\t\ts.slices = [];\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tlet slice = $.create('div', {\n\t\t\t\tclassName: `progress-bar`,\n\t\t\t\t'data-index': i,\n\t\t\t\tinside: this.percentageBar,\n\t\t\t\tstyles: {\n\t\t\t\t\tbackground: this.colors[i],\n\t\t\t\t\twidth: total*100/this.grandTotal + \"%\"\n\t\t\t\t}\n\t\t\t});\n\t\t\ts.slices.push(slice);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tlet s = this.state;\n\n\t\tthis.container.addEventListener('mousemove', (e) => {\n\t\t\tlet slice = e.target;\n\t\t\tif(slice.classList.contains('progress-bar')) {\n\n\t\t\t\tlet i = slice.getAttribute('data-index');\n\t\t\t\tlet gOff = getOffset(this.container), pOff = getOffset(slice);\n\n\t\t\t\tlet x = pOff.left - gOff.left + slice.offsetWidth/2;\n\t\t\t\tlet y = pOff.top - gOff.top - 6;\n\t\t\t\tlet title = (this.formattedLabels && this.formattedLabels.length>0\n\t\t\t\t\t? this.formattedLabels[i] : this.state.labels[i]) + ': ';\n\t\t\t\tlet percent = (s.sliceTotals[i]*100/this.grandTotal).toFixed(1);\n\n\t\t\t\tthis.tip.setValues(x, y, {name: title, value: percent + \"%\"});\n\t\t\t\tthis.tip.showTip();\n\t\t\t}\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset } from '../utils/dom';\nimport { getPositionByAngle } from '../utils/helpers';\nimport { makeArcPathStr } from '../utils/draw';\nimport { lightenDarkenColor } from '../utils/colors';\nimport { transform } from '../utils/animation';\nimport { FULL_ANGLE } from '../utils/constants';\n\nexport default class PieChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'pie';\n\t\tthis.initTimeout = 0;\n\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\n\t\tthis.center = {\n\t\t\tx: this.width / 2,\n\t\t\ty: this.height / 2\n\t\t};\n\t\tthis.radius = (this.height > this.width ? this.center.x : this.center.y);\n\n\t\ts.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);\n\n\t\tthis.calcSlices();\n\t}\n\n\tcalcSlices() {\n\t\tlet s = this.state;\n\t\tconst { radius, clockWise } = this;\n\n\t\tconst prevSlicesProperties = s.slicesProperties || [];\n\t\ts.sliceStrings = [];\n\t\ts.slicesProperties = [];\n\t\tlet curAngle = 180 - this.config.startAngle;\n\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tconst startAngle = curAngle;\n\t\t\tconst originDiffAngle = (total / s.grandTotal) * FULL_ANGLE;\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\n\t\t\tconst startPosition = getPositionByAngle(startAngle, radius);\n\t\t\tconst endPosition = getPositionByAngle(endAngle, radius);\n\n\t\t\tconst prevProperty = this.init && prevSlicesProperties[i];\n\n\t\t\tlet curStart,curEnd;\n\t\t\tif(this.init) {\n\t\t\t\tcurStart = prevProperty ? prevProperty.startPosition : startPosition;\n\t\t\t\tcurEnd = prevProperty ? prevProperty.endPosition : startPosition;\n\t\t\t} else {\n\t\t\t\tcurStart = startPosition;\n\t\t\t\tcurEnd = endPosition;\n\t\t\t}\n\t\t\tconst curPath = makeArcPathStr(curStart, curEnd, this.center, this.radius, this.clockWise);\n\n\t\t\ts.sliceStrings.push(curPath);\n\t\t\ts.slicesProperties.push({\n\t\t\t\tstartPosition,\n\t\t\t\tendPosition,\n\t\t\t\tvalue: total,\n\t\t\t\ttotal: s.grandTotal,\n\t\t\t\tstartAngle,\n\t\t\t\tendAngle,\n\t\t\t\tangle: diffAngle\n\t\t\t});\n\n\t\t});\n\t\tthis.init = 0;\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'pieSlices',\n\t\t\t\t{ },\n\t\t\t\tfunction() {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tsliceStrings: s.sliceStrings,\n\t\t\t\t\t\tcolors: this.colors\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tcalTranslateByAngle(property){\n\t\tconst{radius,hoverRadio} = this;\n\t\tconst position = getPositionByAngle(property.startAngle+(property.angle / 2),radius);\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\n\t}\n\n\thoverSlice(path,i,flag,e){\n\t\tif(!path) return;\n\t\tconst color = this.colors[i];\n\t\tif(flag) {\n\t\t\ttransform(path, this.calTranslateByAngle(this.state.slicesProperties[i]));\n\t\t\tpath.style.fill = lightenDarkenColor(color, 50);\n\t\t\tlet g_off = getOffset(this.svg);\n\t\t\tlet x = e.pageX - g_off.left + 10;\n\t\t\tlet y = e.pageY - g_off.top - 10;\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t\t? this.formatted_labels[i] : this.state.labels[i]) + ': ';\n\t\t\tlet percent = (this.state.sliceTotals[i] * 100 / this.state.grandTotal).toFixed(1);\n\t\t\tthis.tip.setValues(x, y, {name: title, value: percent + \"%\"});\n\t\t\tthis.tip.showTip();\n\t\t} else {\n\t\t\ttransform(path,'translate3d(0,0,0)');\n\t\t\tthis.tip.hideTip();\n\t\t\tpath.style.fill = color;\n\t\t}\n\t}\n\n\tbindTooltip() {\n\t\tthis.container.addEventListener('mousemove', this.mouseMove);\n\t\tthis.container.addEventListener('mouseleave', this.mouseLeave);\n\t}\n\n\tmouseMove(e){\n\t\tconst target = e.target;\n\t\tlet slices = this.components.get('pieSlices').store;\n\t\tlet prevIndex = this.curActiveSliceIndex;\n\t\tlet prevAcitve = this.curActiveSlice;\n\t\tif(slices.includes(target)) {\n\t\t\tlet i = slices.indexOf(target);\n\t\t\tthis.hoverSlice(prevAcitve, prevIndex,false);\n\t\t\tthis.curActiveSlice = target;\n\t\t\tthis.curActiveSliceIndex = i;\n\t\t\tthis.hoverSlice(target, i, true, e);\n\t\t} else {\n\t\t\tthis.mouseLeave();\n\t\t}\n\t}\n\n\tmouseLeave(){\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { makeSVGGroup, makeText } from '../utils/draw';\nimport { getComponent } from '../objects/ChartComponents';\nimport { 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_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;\nconst 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.discreteDomains = options.discreteDomains === 0 ? 0 : 1;\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\tupdateWidth() {\n\t\tthis.baseWidth = (this.state.noOfWeeks + 99) * COL_WIDTH;\n\n\t\tif(this.discreteDomains) {\n\t\t\tthis.baseWidth += (COL_WIDTH * NO_OF_YEAR_MONTHS);\n\t\t}\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 = this.data.start;\n\t\ts.end = this.data.end;\n\n\t\ts.firstWeekStart = setDayToSunday(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\n\t\tlet componentConfigs = s.domainConfigs.map((config, i) => [\n\t\t\t'heatDomain',\n\t\t\t{\n\t\t\t\tindex: i,\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 - 1)\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\t// console.log(s.domainConfigs)\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}\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.draw();\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {\n\t\tArray.prototype.slice.call(\n\t\t\tdocument.querySelectorAll(\".data-group .day\")\n\t\t).map(el => {\n\t\t\tel.addEventListener('mouseenter', (e) => {\n\t\t\t\tlet count = e.target.getAttribute('data-value');\n\t\t\t\tlet dateParts = e.target.getAttribute('data-date').split('-');\n\n\t\t\t\tlet month = getMonthName(parseInt(dateParts[1])-1, true);\n\n\t\t\t\tlet gOff = this.container.getBoundingClientRect(), pOff = e.target.getBoundingClientRect();\n\n\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\tlet x = pOff.left - gOff.left + (width+2)/2;\n\t\t\t\tlet y = pOff.top - gOff.top - (width+2)/2;\n\t\t\t\tlet value = count + ' ' + this.countLabel;\n\t\t\t\tlet name = ' on ' + month + ' ' + dateParts[0] + ', ' + dateParts[2];\n\n\t\t\t\tthis.tip.setValues(x, y, {name: name, value: value, valueFirst: 1}, []);\n\t\t\t\tthis.tip.showTip();\n\t\t\t});\n\t\t});\n\t}\n\n\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);\n\t\tendDate = clone(endDate) || getLastDateInMonth(month, year);\n\n\t\tlet s = this.state;\n\t\tlet domainConfig = {\n\t\t\tindex: month,\n\t\t\tcols: []\n\t\t};\n\n\t\tlet noOfMonthWeeks = getWeeksBetween(startOfWeek, endDate);\n\n\t\tlet cols = [];\n\t\tfor(var i = 0; i < noOfMonthWeeks; i++) {\n\t\t\tconst col = 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(startOfWeek.getDay() === this.startSubDomainIndex) {\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\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\t\t\tif(empty || currentDate.getMonth() !== month) {\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 } 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}\n\n\tcalcXPositions() {\n\t\tlet s = this.state;\n\t\tlet labels = this.data.labels;\n\t\ts.datasetLength = labels.length;\n\n\t\ts.unitWidth = this.width/(s.datasetLength);\n\t\t// Default, as per bar, and mixed. Only line will be a special case\n\t\ts.xOffset = s.unitWidth/2;\n\n\t\t// // For a pure Line Chart\n\t\t// s.unitWidth = this.width/(s.datasetLength - 1);\n\t\t// s.xOffset = 0;\n\n\t\ts.xAxis = {\n\t\t\tlabels: labels,\n\t\t\tpositions: labels.map((d, i) =>\n\t\t\t\tfloatTwo(s.xOffset + i * s.unitWidth)\n\t\t\t)\n\t\t};\n\t}\n\n\tcalcYAxisParameters(dataValues, withMinimum = 'false') {\n\t\tconst yPts = calcChartIntervals(dataValues, withMinimum);\n\t\tconst scaleMultiplier = this.height / getValueRange(yPts);\n\t\tconst intervalHeight = getIntervalSize(yPts) * scaleMultiplier;\n\t\tconst zeroLine = this.height - (getZeroIndex(yPts) * intervalHeight);\n\n\t\tthis.state.yAxis = {\n\t\t\tlabels: yPts,\n\t\t\tpositions: yPts.map(d => zeroLine - d * scaleMultiplier),\n\t\t\tscaleMultiplier: scaleMultiplier,\n\t\t\tzeroLine: zeroLine,\n\t\t};\n\n\t\t// Dependent if above changes\n\t\tthis.calcDatasetPoints();\n\t\tthis.calcYExtremes();\n\t\tthis.calcYRegions();\n\t}\n\n\tcalcDatasetPoints() {\n\t\tlet s = this.state;\n\t\tlet scaleAll = values => values.map(val => scale(val, s.yAxis));\n\n\t\ts.datasets = this.data.datasets.map((d, i) => {\n\t\t\tlet values = d.values;\n\t\t\tlet cumulativeYs = d.cumulativeYs || [];\n\t\t\treturn {\n\t\t\t\tname: d.name,\n\t\t\t\tindex: i,\n\t\t\t\tchartType: d.chartType,\n\n\t\t\t\tvalues: values,\n\t\t\t\tyPositions: scaleAll(values),\n\n\t\t\t\tcumulativeYs: cumulativeYs,\n\t\t\t\tcumulativeYPos: scaleAll(cumulativeYs),\n\t\t\t};\n\t\t});\n\t}\n\n\tcalcYExtremes() {\n\t\tlet s = this.state;\n\t\tif(this.barOptions.stacked) {\n\t\t\ts.yExtremes = s.datasets[s.datasets.length - 1].cumulativeYPos;\n\t\t\treturn;\n\t\t}\n\t\ts.yExtremes = new Array(s.datasetLength).fill(9999);\n\t\ts.datasets.map(d => {\n\t\t\td.yPositions.map((pos, j) => {\n\t\t\t\tif(pos < s.yExtremes[j]) {\n\t\t\t\t\ts.yExtremes[j] = pos;\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n\n\tcalcYRegions() {\n\t\tlet s = this.state;\n\t\tif(this.data.yMarkers) {\n\t\t\tthis.state.yMarkers = this.data.yMarkers.map(d => {\n\t\t\t\td.position = scale(d.value, s.yAxis);\n\t\t\t\t// if(!d.label.includes(':')) {\n\t\t\t\t// \td.label += ': ' + d.value;\n\t\t\t\t// }\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t\tif(this.data.yRegions) {\n\t\t\tthis.state.yRegions = this.data.yRegions.map(d => {\n\t\t\t\td.startPos = scale(d.start, s.yAxis);\n\t\t\t\td.endPos = scale(d.end, s.yAxis);\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t}\n\n\tgetAllYValues() {\n\t\t// TODO: yMarkers, regions, sums, every Y value ever\n\t\tlet key = 'values';\n\n\t\tif(this.barOptions.stacked) {\n\t\t\tkey = 'cumulativeYs';\n\t\t\tlet cumulative = new Array(this.state.datasetLength).fill(0);\n\t\t\tthis.data.datasets.map((d, i) => {\n\t\t\t\tlet values = this.data.datasets[i].values;\n\t\t\t\td[key] = cumulative = cumulative.map((c, i) => c + values[i]);\n\t\t\t});\n\t\t}\n\n\t\tlet allValueLists = this.data.datasets.map(d => d[key]);\n\t\tif(this.data.yMarkers) {\n\t\t\tallValueLists.push(this.data.yMarkers.map(d => d.value));\n\t\t}\n\t\tif(this.data.yRegions) {\n\t\t\tthis.data.yRegions.map(d => {\n\t\t\t\tallValueLists.push([d.end, d.start]);\n\t\t\t});\n\t\t}\n\n\t\treturn [].concat(...allValueLists);\n\t}\n\n\tsetupComponents() {\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'yAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.yAxisMode,\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'xAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.xAxisMode,\n\t\t\t\t\theight: this.height,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\ts.xAxis.calcLabels = getShortenedLabels(this.width,\n\t\t\t\t\t\ts.xAxis.labels, this.config.xIsSeries);\n\n\t\t\t\t\treturn s.xAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'yRegions',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yRegions;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\t\t];\n\n\t\tlet barDatasets = this.state.datasets.filter(d => d.chartType === 'bar');\n\t\tlet lineDatasets = this.state.datasets.filter(d => d.chartType === 'line');\n\n\t\tlet barsConfigs = barDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'barGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tstacked: this.barOptions.stacked,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t\tminHeight: this.height * MIN_BAR_PERCENT_HEIGHT,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\t\t\t\t\tlet stacked = this.barOptions.stacked;\n\n\t\t\t\t\tlet spaceRatio = this.barOptions.spaceRatio || BAR_CHART_SPACE_RATIO;\n\t\t\t\t\tlet barsWidth = s.unitWidth * (1 - spaceRatio);\n\t\t\t\t\tlet barWidth = barsWidth/(stacked ? 1 : barDatasets.length);\n\n\t\t\t\t\tlet xPositions = s.xAxis.positions.map(x => x - barsWidth/2);\n\t\t\t\t\tif(!stacked) {\n\t\t\t\t\t\txPositions = xPositions.map(p => p + barWidth * index);\n\t\t\t\t\t}\n\n\t\t\t\t\tlet labels = new Array(s.datasetLength).fill('');\n\t\t\t\t\tif(this.config.valuesOverPoints) {\n\t\t\t\t\t\tif(stacked && d.index === s.datasets.length - 1) {\n\t\t\t\t\t\t\tlabels = d.cumulativeYs;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tlabels = d.values;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tlet offsets = new Array(s.datasetLength).fill(0);\n\t\t\t\t\tif(stacked) {\n\t\t\t\t\t\toffsets = d.yPositions.map((y, j) => y - d.cumulativeYPos[j]);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: xPositions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\t\t\t\t\t\toffsets: offsets,\n\t\t\t\t\t\t// values: d.values,\n\t\t\t\t\t\tlabels: labels,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tbarsWidth: barsWidth,\n\t\t\t\t\t\tbarWidth: barWidth,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet lineConfigs = lineDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'lineGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tsvgDefs: this.svgDefs,\n\t\t\t\t\theatline: this.lineOptions.heatline,\n\t\t\t\t\tregionFill: this.lineOptions.regionFill,\n\t\t\t\t\thideDots: this.lineOptions.hideDots,\n\t\t\t\t\thideLine: this.lineOptions.hideLine,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: s.xAxis.positions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\n\t\t\t\t\t\tvalues: d.values,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tradius: this.lineOptions.dotSize || LINE_CHART_DOT_SIZE,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet markerConfigs = [\n\t\t\t[\n\t\t\t\t'yMarkers',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yMarkers;\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tcomponentConfigs = componentConfigs.concat(barsConfigs, lineConfigs, markerConfigs);\n\n\t\tlet optionals = ['yMarkers', 'yRegions'];\n\t\tthis.dataUnitComponents = [];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.filter(args => !optionals.includes(args[0]) || this.state[args[0]])\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\tif(args[0].includes('lineGraph') || args[0].includes('barGraph')) {\n\t\t\t\t\tthis.dataUnitComponents.push(component);\n\t\t\t\t}\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tbindTooltip() {\n\t\t// NOTE: could be in tooltip itself, as it is a given functionality for its parent\n\t\tthis.container.addEventListener('mousemove', (e) => {\n\t\t\tlet o = getOffset(this.container);\n\t\t\tlet relX = e.pageX - o.left - this.leftMargin;\n\t\t\tlet relY = e.pageY - o.top - this.topMargin;\n\n\t\t\tif(relY < this.height + this.topMargin * 2) {\n\t\t\t\tthis.mapTooltipXPosition(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.hideTip();\n\t\t\t}\n\t\t});\n\t}\n\n\tmapTooltipXPosition(relX) {\n\t\tlet s = this.state;\n\t\tif(!s.yExtremes) return;\n\n\t\tlet formatY = this.config.formatTooltipY;\n\t\tlet formatX = this.config.formatTooltipX;\n\n\t\tlet titles = s.xAxis.labels;\n\t\tif(formatX && formatX(titles[0])) {\n\t\t\ttitles = titles.map(d=>formatX(d));\n\t\t}\n\n\t\tformatY = formatY && formatY(s.yAxis.labels[0]) ? formatY : 0;\n\n\t\tfor(var i=s.datasetLength - 1; i >= 0 ; i--) {\n\t\t\tlet xVal = s.xAxis.positions[i];\n\t\t\t// let delta = i === 0 ? s.unitWidth : xVal - s.xAxis.positions[i-1];\n\t\t\tif(relX > xVal - s.unitWidth/2) {\n\t\t\t\tlet x = xVal + this.leftMargin;\n\t\t\t\tlet y = s.yExtremes[i] + this.topMargin;\n\n\t\t\t\tlet values = this.data.datasets.map((set, j) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttitle: set.name,\n\t\t\t\t\t\tvalue: formatY ? formatY(set.values[i]) : set.values[i],\n\t\t\t\t\t\tcolor: this.colors[j],\n\t\t\t\t\t};\n\t\t\t\t});\n\n\t\t\t\tthis.tip.setValues(x, y, {name: titles[i], value: ''}, values, i);\n\t\t\t\tthis.tip.showTip();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\trenderLegend() {\n\t\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\tmakeOverlay() {\n\t\tif(this.init) {\n\t\t\tthis.init = 0;\n\t\t\treturn;\n\t\t}\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\n\t\tthis.overlayGuides = this.dataUnitComponents.map(c => {\n\t\t\treturn {\n\t\t\t\ttype: c.unitType,\n\t\t\t\toverlay: undefined,\n\t\t\t\tunits: c.units,\n\t\t\t};\n\t\t});\n\n\t\tif(this.state.currentIndex === undefined) {\n\t\t\tthis.state.currentIndex = this.state.datasetLength - 1;\n\t\t}\n\n\t\t// Render overlays\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\n\t\t\td.overlay = makeOverlay[d.type](currentUnit);\n\t\t\tthis.drawArea.appendChild(d.overlay);\n\t\t});\n\t}\n\n\tupdateOverlayGuides() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\t}\n\n\tbindOverlay() {\n\t\tthis.parent.addEventListener('data-select', () => {\n\t\t\tthis.updateOverlay();\n\t\t});\n\t}\n\n\tbindUnits() {\n\t\tthis.dataUnitComponents.map(c => {\n\t\t\tc.units.map(unit => {\n\t\t\t\tunit.addEventListener('click', () => {\n\t\t\t\t\tlet index = unit.getAttribute('data-point-index');\n\t\t\t\t\tthis.setCurrentDataPoint(index);\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\n\t\t// Note: Doesn't work as tooltip is absolutely positioned\n\t\tthis.tip.container.addEventListener('click', () => {\n\t\t\tlet index = this.tip.container.getAttribute('data-point-index');\n\t\t\tthis.setCurrentDataPoint(index);\n\t\t});\n\t}\n\n\tupdateOverlay() {\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\tupdateOverlay[d.type](currentUnit, d.overlay);\n\t\t});\n\t}\n\n\tonLeftArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex - 1);\n\t}\n\n\tonRightArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex + 1);\n\t}\n\n\tgetDataPoint(index=this.state.currentIndex) {\n\t\tlet s = this.state;\n\t\tlet data_point = {\n\t\t\tindex: index,\n\t\t\tlabel: s.xAxis.labels[index],\n\t\t\tvalues: s.datasets.map(d => d.values[index])\n\t\t};\n\t\treturn data_point;\n\t}\n\n\tsetCurrentDataPoint(index) {\n\t\tlet s = this.state;\n\t\tindex = parseInt(index);\n\t\tif(index < 0) index = 0;\n\t\tif(index >= s.xAxis.labels.length) index = s.xAxis.labels.length - 1;\n\t\tif(index === s.currentIndex) return;\n\t\ts.currentIndex = index;\n\t\tfire(this.parent, \"data-select\", this.getDataPoint());\n\t}\n\n\t// API\n\taddDataPoint(label, datasetValues, index=this.state.datasetLength) {\n\t\tsuper.addDataPoint(label, datasetValues, index);\n\t\tthis.data.labels.splice(index, 0, label);\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\td.values.splice(index, 0, datasetValues[i]);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\tremoveDataPoint(index = this.state.datasetLength-1) {\n\t\tif (this.data.labels.length <= 1) {\n\t\t\treturn;\n\t\t}\n\t\tsuper.removeDataPoint(index);\n\t\tthis.data.labels.splice(index, 1);\n\t\tthis.data.datasets.map(d => {\n\t\t\td.values.splice(index, 1);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\tupdateDataset(datasetValues, index=0) {\n\t\tthis.data.datasets[index].values = datasetValues;\n\t\tthis.update(this.data);\n\t}\n\t// addDataset(dataset, index) {}\n\t// removeDataset(index = 0) {}\n\n\tupdateDatasets(datasets) {\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\tif(datasets[i]) {\n\t\t\t\td.values = datasets[i];\n\t\t\t}\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\t// updateDataPoint(dataPoint, index = 0) {}\n\t// addDataPoint(dataPoint, index = 0) {}\n\t// removeDataPoint(index = 0) {}\n}\n"],"names":["$","expr","con","document","querySelector","getOffset","element","rect","getBoundingClientRect","top","documentElement","scrollTop","body","left","scrollLeft","isElementInViewport","el","bottom","window","innerHeight","clientHeight","right","innerWidth","clientWidth","getElementContentWidth","styles","getComputedStyle","padding","parseFloat","paddingLeft","paddingRight","fire","target","type","properties","evt","createEvent","initEvent","j","dispatchEvent","floatTwo","d","toFixed","fillArray","array","count","start","length","fillerArray","Array","Math","abs","fill","concat","getStringWidth","string","charWidth","getPositionByAngle","angle","radius","sin","ANGLE_RATIO","cos","getBarHeightAndYAttr","yTop","zeroLine","height","y","equilizeNoOfElements","array1","array2","extraCount","createSVG","tag","o","createElementNS","i","val","appendChild","ref","parentNode","insertBefore","keys","map","style","prop","setAttribute","renderVerticalGradient","svgDefElem","gradientId","setGradientStop","gradElem","offset","color","opacity","makeSVGContainer","parent","className","width","makeSVGDefs","svgContainer","makeSVGGroup","makePath","pathStr","makeArcPathStr","startPosition","endPosition","center","clockWise","arcStartX","x","arcStartY","arcEndX","arcEndY","makeGradient","lighter","gradientDef","opacities","heatSquare","size","data","args","key","legendBar","label","text","FONT_SIZE","FONT_FILL","group","makeText","content","fontSize","makeVertLine","y1","y2","options","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","slice","limitColor","r","lightenDarkenColor","amt","col","getColor","usePound","num","parseInt","b","g","toString","isValidColor","test","translate","unit","oldCoord","newCoord","duration","old","transform","STD_EASING","translateVertLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","animateBar","bar","nodeName","UNIT_ANIM_DUR","split","animateDot","cx","cy","animatePath","newXList","newYList","pathComponents","animPath","PATH_ANIM_DUR","push","regStartPt","regEndPt","animRegion","animatePathStr","oldPath","animateSVGElement","props","dur","easingType","undefined","oldValues","animElement","cloneNode","newElement","attributeName","animateElement","currentValue","value","animAttr","EASING","webkitTransform","msTransform","mozTransform","oTransform","animateSVG","elements","newElements","animElements","replaceChild","animSvg","runSMILAnimation","svgElement","elementsToAnimate","animSvgElement","removeChild","REPLACE_ALL_NEW_DUR","getComponent","name","constants","getData","Object","componentConfigs","filter","includes","k","config","assign","ChartComponent","treatAsUtc","date","result","Date","setMinutes","getMinutes","getTimezoneOffset","getYyyyMmDd","dd","getDate","mm","getMonth","getFullYear","clone","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","normalize","isNaN","mantissa","exponent","sig","isFinite","exp","floor","log10","pow","getChartRangeIntervals","max","min","upperBound","lowerBound","range","noOfParts","partSize","intervals","getChartIntervals","maxValue","minValue","normalMaxValue","normalMinValue","calcChartIntervals","values","getPositiveFirstIntervals","absMinValue","intervalSize","unshift","withMinimum","pseudoMaxValue","pseudoMinValue","reverse","getZeroIndex","yPts","interval","getIntervalSize","indexOf","orderedArray","getValueRange","scale","yAxis","scaleMultiplier","calcDistribution","distributionSize","dataMaxValue","distributionStep","distribution","checkpoint","getMaxCheckpoint","dataPrep","labels","datasetLength","datasets","zeroArray","vals","chartType","AXIS_DATASET_CHART_TYPES","yRegions","end","zeroDataPrep","realData","zeroData","yMarkers","getShortenedLabels","chartWidth","isSeries","allowedLetters","DEFAULT_CHAR_WIDTH","getChartByType","AxisChart","chartTypes","error","create","createElement","SvgTip","colors","titleName","titleValue","listValues","titleValueFirst","setup","makeTooltip","calcPosition","container","this","hideTip","title","dataPointList","addEventListener","innerHTML","set","_this2","li","offsetWidth","offsetHeight","maxLeft","pointer","pointerOffset","valueFirst","refresh","ALL_CHART_TYPES","COMPATIBLE_CHARTS","DATA_COLOR_DIVISIONS","HEATMAP_DISTRIBUTION_SIZE","INIT_CHART_UPDATE_TIMEOUT","PI","DEFAULT_CHART_COLORS","DEFAULT_COLORS","makeOverlay","transformValue","overlay","updateOverlay","attributes","attr","specified","nodeValue","PRESET_COLOR_MAP","BaseChart","HTMLElement","Error","rawChartArgs","argHeight","prepareData","prepareFirstData","validateColors","showLegend","isNavigable","state","initTimeout","overlays","configure","setMargins","_this","draw","validColors","forEach","warn","baseHeight","topMargin","leftMargin","rightMargin","makeContainer","updateWidth","components","Map","tip","bindTooltip","onlyWidthChange","init","calc","makeChartArea","setupComponents","c","drawArea","render","update","renderLegend","setupNavigation","baseWidth","animate","svg","make","updateNav","bindUnits","titleAreaHeight","legendAreaHeight","titleEL","legendArea","bindOverlay","keyActions","onEnterKey","bind","onLeftArrow","onUpArrow","onRightArrow","onDownArrow","e","_this4","event","keyCode","currentType","useColor","Chart","removeEventListener","_this5","AggregationChart","maxSlices","maxLegendPoints","s","sliceTotals","allTotals","total","totals","sort","a","sumOfRemaining","PercentageChart","marginTop","chart","percentageBar","grandTotal","reduce","slices","classList","contains","gOff","_this3","pOff","formattedLabels","percent","setValues","showTip","layerClass","layerTransform","makeElements","animateElements","store","layer","oldData","textContent","sliceStrings","transition","newData","positions","position","newPos","newLabels","oldPos","oldLabels","calcLabels","marker","startPos","endPos","newStarts","oldStarts","colWidth","rowHeight","squareSize","xTranslate","serializedSubDomains","cols","yyyyMmDd","dataValue","square","unitType","units","yPositions","xPositions","barWidth","offsets","barsWidth","newXPos","newYPos","newOffsets","oldXPos","oldYPos","oldOffsets","hideLine","hideDots","valuesOverPoints","newValues","PieChart","mouseMove","mouseLeave","hoverRadio","startAngle","calcSlices","prevSlicesProperties","slicesProperties","curAngle","originDiffAngle","diffAngle","endAngle","prevProperty","curStart","curEnd","curPath","component","property","flag","calTranslateByAngle","g_off","pageX","pageY","formatted_labels","get","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","Heatmap","discreteDomains","countLabel","validStarts","startSubDomain","startSubDomainIndex","HEATMAP_SQUARE_SIZE","noOfWeeks","COL_WIDTH","setFullYear","dataPoints","points","timestampSec","firstWeekStart","domainConfigs","getDomains","prototype","call","querySelectorAll","dateParts","startMonth","startYear","noOfMonths","startOfMonth","getDomainConfig","startOfWeek","domainConfig","noOfMonthWeeks","getCol","empty","currentDate","getSubDomainConfig","barOptions","lineOptions","axisOptions","tooltipOptions","xAxisMode","yAxisMode","xIsSeries","formatTooltipX","formatTooltipY","calcXPositions","calcYAxisParameters","getAllYValues","unitWidth","xOffset","xAxis","dataValues","intervalHeight","calcDatasetPoints","calcYExtremes","calcYRegions","scaleAll","cumulativeYs","stacked","yExtremes","cumulativeYPos","cumulative","allValueLists","barDatasets","lineDatasets","barsConfigs","spaceRatio","p","lineConfigs","dotSize","markerConfigs","optionals","dataUnitComponents","relX","mapTooltipXPosition","formatY","formatX","titles","xVal","_this6","overlayGuides","currentIndex","currentUnit","_this7","setCurrentDataPoint","_this9","_this10","getDataPoint","datasetValues","splice"],"mappings":"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"} \ No newline at end of file diff --git a/docs/assets/js/frappe-charts.min.js b/docs/assets/js/frappe-charts.min.js index a79dde2..d8e122d 100644 --- a/docs/assets/js/frappe-charts.min.js +++ b/docs/assets/js/frappe-charts.min.js @@ -1,2 +1,2 @@ -var frappe=function(t){"use strict";function e(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function i(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function n(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function a(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function s(t,e,i){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0);for(var a in i)n[a]=i[a];return t.dispatchEvent(n)}function r(t){return parseFloat(t.toFixed(2))}function o(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=n?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(i);return t=n?a.concat(t):t.concat(a)}function l(t,e){return(t+"").length*e}function u(t,e){return{x:Math.sin(t*zt)*e,y:Math.cos(t*zt)*e}}function c(t,e){var i=void 0,n=void 0;return t<=e?(i=e-t,n=t):(i=t-e,n=e),[i,n]}function h(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=o(t,i):e=o(e,i),[t,e]}function d(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function p(t,e){var i=document.createElementNS("http://www.w3.org/2000/svg",t);for(var n in e){var a=e[n];if("inside"===n)d(a).appendChild(i);else if("around"===n){var s=d(a);s.parentNode.insertBefore(i,s),i.appendChild(s)}else"styles"===n?"object"===(void 0===a?"undefined":xt(a))&&Object.keys(a).map(function(t){i.style[t]=a[t]}):("className"===n&&(n="class"),"innerHTML"===n?i.textContent=a:i.setAttribute(n,a))}return i}function f(t,e){return p("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function v(t,e,i,n){return p("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function g(t,e,i,n){return p("svg",{className:e,inside:t,width:i,height:n})}function y(t){return p("defs",{inside:t})}function m(t,e){return p("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function b(t){return p("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function x(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,s=i.x+t.x,r=i.y+t.y,o=i.x+e.x,l=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+s+" "+r+"\n\t\tA "+n+" "+n+" 0 0 "+(a?1:0)+"\n\t\t"+o+" "+l+" z"}function k(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),a=f(t,n),s=[1,.6,.2];return i&&(s=[.4,.2,0]),v(a,"0%",e,s[0]),v(a,"50%",e,s[1]),v(a,"100%",e,s[2]),n}function w(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r={className:t,x:e,y:i,width:n,height:n,fill:a};return Object.keys(s).map(function(t){r[t]=s[t]}),p("rect",r)}function A(t,e,i){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=p("text",{className:"legend-dataset-text",x:0,y:0,dy:2*It+"px","font-size":1.2*It+"px","text-anchor":"start",fill:Vt,innerHTML:a}),o=p("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(p("rect",s)),o.appendChild(r),o}function P(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:It;return p("text",{className:t,x:e,y:i,dy:a/2+"px","font-size":a+"px",innerHTML:n})}function T(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Yt);var s=p("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),r=p("text",{x:0,y:i>n?i+Rt:i-Rt-It,dy:It+"px","font-size":It+"px","text-anchor":"middle",innerHTML:e+""}),o=p("g",{transform:"translate("+t+", 0)"});return o.appendChild(s),o.appendChild(r),o}function D(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Yt),a.lineType||(a.lineType="");var s=p("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:0,y2:0,styles:{stroke:a.stroke}}),r=p("text",{x: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=Yt),n.className||(n.className="");var a=-1*Ht,s="span"===n.mode?i+Ht:0;return"tick"===n.mode&&"right"===n.pos&&(a=i+Ht,s=i),a+=n.offset,s+=n.offset,D(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function L(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="bottom"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=Yt),n.className||(n.className="");var a=i+Ht,s="span"===n.mode?-1*Ht:i;return"tick"===n.mode&&"top"===n.pos&&(a=-1*Ht,s=0),T(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function C(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=p("text",{className:"chart-label",x:i-l(e,5)-Rt,y:0,dy:It/-2+"px","font-size":It+"px","text-anchor":"start",innerHTML:e+""}),s=D(t,"",0,i,{stroke:n.stroke||Yt,className:n.className||"",lineType:n.lineType});return s.appendChild(a),s}function O(t,e,i,n){var a=t-e,s=p("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:Yt,"stroke-dasharray":i+", "+a},x:0,y:0,width:i,height:a}),r=p("text",{className:"chart-label",x:i-l(n+"",4.5)-Rt,y:0,dy:It/-2+"px","font-size":It+"px","text-anchor":"start",innerHTML:n+""}),o=p("g",{transform:"translate(0, "+e+")"});return o.appendChild(s),o.appendChild(r),o}function N(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",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=Dt(l,2),h=u[0],d=u[1],f=p("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){f.setAttribute("y",0),f.setAttribute("x",0);var v=p("text",{className:"data-point-value",x:i/2,y:0,dy:It/2*-1+"px","font-size":It+"px","text-anchor":"middle",innerHTML:a}),g=p("g",{"data-point-index":s,transform:"translate("+t+", "+d+")"});return g.appendChild(f),g.appendChild(v),g}return f}function E(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=p("circle",{style:"fill: "+n,"data-point-index":s,cx:t,cy:e,r:i});if((a+="")||a.length){r.setAttribute("cy",0),r.setAttribute("cx",0);var o=p("text",{className:"data-point-value",x:0,y:0,dy:It/2*-1-i+"px","font-size":It+"px","text-anchor":"middle",innerHTML:a}),l=p("g",{"data-point-index":s,transform:"translate("+t+", "+e+")"});return l.appendChild(r),l.appendChild(o),l}return r}function S(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},s=e.map(function(e,i){return t[i]+","+e}).join("L"),r=b("M"+s,"line-graph-path",i);if(n.heatline){var o=k(a.svgDefs,i);r.style.stroke="url(#"+o+")"}var l={path:r};if(n.regionFill){var u=k(a.svgDefs,i,!0),c="M"+t[0]+","+a.zeroLine+"L"+s+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=b(c,"region-fill","none","url(#"+u+")")}return l}function _(t){return t>255?255:t<0?0:t}function z(t,e){var i=qt(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),s=_((a>>16)+e),r=_((a>>8&255)+e),o=_((255&a)+e);return(n?"#":"")+(o|r<<8|s<<16).toString(16)}function j(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function W(t,e,i,n){var a="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},n,Qt,"translate",{transform:a}]}function F(t,e,i){return W(t,[i,0],[e,0],Kt)}function H(t,e,i){return W(t,[0,i],[0,e],Kt)}function R(t,e,i,n){var a=e-i,s=t.childNodes[0];return[[s,{height:a,"stroke-dasharray":s.getAttribute("width")+", "+a},Kt,Qt],W(t,[0,n],[0,i],Kt)]}function I(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=Dt(s,2),o=r[0],l=r[1];return l-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width:n,height:o},Xt,Qt],W(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],Kt)]:[[t,{width:n,height:o,x:e,y:l},Xt,Qt]]}function Y(t,e,i){return"circle"!==t.nodeName?[W(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],Kt)]:[[t,{cx:e,cy:i},Xt,Qt]]}function V(t,e,i,n){var a=[],s=i.map(function(t,i){return e[i]+","+t}).join("L"),r=[t.path,{d:"M"+s},Jt,Qt];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},Jt,Qt];a.push(u)}return a}function G(t,e){return[t,{d:e},Xt,Qt]}function B(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 c=s[l]||t.getAttribute(l),h=e[l],d={attributeName:l,from:c,to:h,begin:"0s",dur:i/1e3+"s",values:c+";"+h,keySplines:Zt[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("+h+")"):o.setAttribute(l,h)}return[r,o]}function U(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function q(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=B.apply(void 0,Mt(t)),l=Dt(o,2);s=l[0],r=l[1],i.push(r),n.push([s,a]),a.replaceChild(s,e)});var a=t.cloneNode(!0);return n.map(function(t,n){t[1].replaceChild(i[n],t[0]),e[n][0]=i[n]}),a}function X(t,e,i){if(0!==i.length){var n=q(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},$t)}}function J(t,e,i){var n=Object.keys(ae).filter(function(e){return t.includes(e)}),a=ae[n[0]];return Object.assign(a,{constants:e,getData:i}),new ne(a)}function K(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function $(t){var e=t.getDate(),i=t.getMonth()+1;return[t.getFullYear(),(i>9?"":"0")+i,(e>9?"":"0")+e].join("-")}function Q(t){return new Date(t.getTime())}function Z(t,e){var i=at(t);return Math.ceil(tt(i,e)/re)}function tt(t,e){var i=le*oe;return(K(e)-K(t))/i}function et(t,e){return t.getMonth()===e.getMonth()&&t.getFullYear()===e.getFullYear()}function it(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=ue[t];return e?i.slice(0,3):i}function nt(t,e){return new Date(e,t+1,0)}function at(t){var e=Q(t),i=e.getDay();return 0!==i&&st(e,-1*i),e}function st(t,e){t.setDate(t.getDate()+e)}function rt(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 ot(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 lt(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=rt(t),n=Dt(i,2),a=n[0],s=n[1],r=e?e/Math.pow(10,s):0,o=ot(a=a.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function ut(t){function e(t,e){for(var i=lt(t),n=i[1]-i[0],a=0,s=1;a1&&void 0!==arguments[1]&&arguments[1],n=Math.max.apply(Math,Mt(t)),a=Math.min.apply(Math,Mt(t)),s=[];if(n>=0&&a>=0)rt(n)[1],s=i?lt(n,a):lt(n);else if(n>0&&a<0){var r=Math.abs(a);n>=r?(rt(n)[1],s=e(n,r)):(rt(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);rt(o)[1],s=(s=i?lt(o,l):lt(o)).reverse().map(function(t){return-1*t})}return s}function ct(t){var e=ht(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 ht(t){return t[1]-t[0]}function dt(t){return t[t.length-1]-t[0]}function pt(t,e){return r(e.zeroLine-t*e.scaleMultiplier)}function ft(t,e){for(var i=Math.max.apply(Math,Mt(t)),n=1/(e-1),a=[],s=0;si?n.slice(0,i):o(n,i-n.length,0)}else t.values=a;t.chartType||(St.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=t/e.length/_t;return e.map(function(t,e){return(t+="").length>n&&(i?e%Math.ceil(t.length/n)!=0&&(t=""):t=n-3>0?t.slice(0,n-3)+" ...":t.slice(0,n)+".."),t})}function bt(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new he(e,i)):"bar"===t?(i.type="bar",new he(e,i)):"axis-mixed"===t?(i.type="line",new he(e,i)):de[t]?new de[t](e,i):void console.error("Undefined chart type: "+t)}!function(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===i&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}}('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .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 .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}',{});var xt="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},kt=(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")}),wt=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
                    \n\t\t\t\t
                    '}),this.hideTip(),this.title=this.container.querySelector(".title"),this.dataPointList=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){t.hideTip()})}},{key:"fill",value:function(){var t=this,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=t.colors[n]||"black",s=e.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:"")});t.dataPointList.appendChild(s)})}},{key:"calcPosition",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,i=this.container.querySelector(".svg-pointer");if(this.left<0)i.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var n="calc(50% + "+(this.left-e)+"px)";i.style.left=n,this.left=e}else i.style.left="50%"}},{key:"setValues",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:-1;this.titleName=i.name,this.titleValue=i.value,this.listValues=n,this.x=t,this.y=e,this.titleValueFirst=i.valueFirst||0,this.index=a,this.refresh()}},{key:"hideTip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"showTip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),t}(),Ct=["line","scatter","bar","percentage","heatmap","pie"],Ot={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],percentage:["bar","line","scatter","pie"],heatmap:[]},Nt={bar:"datasets",line:"datasets",pie:"labels",percentage:"labels",heatmap:jt},Et=700,St=["line","bar"],_t=7,zt=Math.PI/180,jt=5,Wt=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],Ft={bar:Wt,line:Wt,pie:Wt,percentage:Wt,heatmap:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"]},Ht=6,Rt=4,It=10,Yt="#dadada",Vt="#555b51",Gt={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}},Bt={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)}},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"},qt=function(t){return Ut[t]||t},Xt=350,Jt=350,Kt=Xt,$t=250,Qt="easein",Zt={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"},te=function(){function t(e,i){if(kt(this,t),this.parent="string"==typeof e?document.querySelector(e):e,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.rawChartArgs=i,this.title=i.title||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=this.validateColors(i.colors,this.type),this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.initTimeout=Et,this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return wt(t,[{key:"configure",value:function(){var t=this;this.setMargins(),window.addEventListener("resize",function(){return t.draw(!0)}),window.addEventListener("orientationchange",function(){return t.draw(!0)})}},{key:"validateColors",value:function(t,e){var i=[];return(t=(t||[]).concat(Ft[e])).forEach(function(t){var e=qt(t);j(e)?i.push(e):console.warn('"'+t+'" is not a valid color.')}),i}},{key:"setMargins",value:function(){var t=this.argHeight;this.baseHeight=t,this.height=t-70,this.topMargin=10,this.leftMargin=20,this.rightMargin=20}},{key:"setup",value:function(){this.makeContainer(),this.makeTooltip(),this.draw(!1,!0)}},{key:"setupComponents",value:function(){this.components=new Map}},{key:"makeContainer",value:function(){this.parent.innerHTML="",this.container=e.create("div",{inside:this.parent,className:"chart-container"})}},{key:"makeTooltip",value:function(){this.tip=new Lt({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:"updateWidth",value:function(){this.baseWidth=a(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,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var n=[];e.forEach(function(t){n=n.concat(t.update(i))}),n.length>0?(X(this.container,this.svg,n),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},400)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.container.removeChild(this.svg);var t=0,e=0;this.title.length&&(t=30),this.config.showLegend&&(e=30),this.svg=g(this.container,"frappe-chart chart",this.baseWidth,this.baseHeight+t+e),this.svgDefs=y(this.svg),console.log(this.baseHeight,t,e),this.title.length&&(this.titleEL=P("title",this.leftMargin-Ht,this.topMargin,this.title,11),this.svg.appendChild(this.titleEL));var i=this.topMargin+t;this.drawArea=m(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+i+")"),i=this.baseHeight-t,this.legendArea=m(this.svg,"chart-legend","translate("+this.leftMargin+", "+i+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){n(t.container)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"addDataPoint",value:function(){}},{key:"removeDataPoint",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(){}},{key:"updateDataset",value:function(){}},{key:"getDifferentChart",value:function(t){var e=this.type,i=this.rawChartArgs;if(t!==e){Ct.includes(t)||console.error("'"+t+"' is not a valid chart type."),Ot[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var n=Nt[e]===Nt[t];return i.type=t,i.colors=n?i.colors:void 0,new pe(this.parent,i)}}},{key:"unbindWindowEvents",value:function(){var t=this;window.removeEventListener("resize",function(){return t.draw(!0)}),window.removeEventListener("orientationchange",function(){return t.draw(!0)})}}]),t}(),ee=function(t){function e(t,i){return kt(this,e),Tt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i))}return Pt(e,t),wt(e,[{key:"configure",value:function(t){At(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,i=this.config.maxSlices;e.sliceTotals=[];var n=this.data.labels.map(function(e,i){var n=0;return t.data.datasets.map(function(t){n+=t.values[i]}),[n,e]}).filter(function(t){return t[0]>0}),a=n;if(n.length>i){n.sort(function(t,e){return e[0]-t[0]}),a=n.slice(0,i-1);var s=0;n.slice(i-1).map(function(t){s+=t[0]}),a.push([s,"Rest"]),this.colors[i-1]="grey"}e.labels=[],a.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])})}},{key:"renderLegend",value:function(){}}]),e}(te),ie=function(t){function n(t,e){kt(this,n);var i=Tt(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t,e));return i.type="percentage",i.setup(),i}return Pt(n,t),wt(n,[{key:"makeChartArea",value:function(){this.container.className+=" graph-focus-margin",this.container.style.marginTop="45px",this.svg=e.create("div",{className:"div",inside:this.container}),this.chart=e.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=e.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var t=this,i=this.state;this.grandTotal=i.sliceTotals.reduce(function(t,e){return t+e},0),i.slices=[],i.sliceTotals.map(function(n,a){var s=e.create("div",{className:"progress-bar","data-index":a,inside:t.percentageBar,styles:{background:t.colors[a],width:100*n/t.grandTotal+"%"}});i.slices.push(s)})}},{key:"bindTooltip",value:function(){var t=this,e=this.state;this.container.addEventListener("mousemove",function(n){var a=n.target;if(a.classList.contains("progress-bar")){var s=a.getAttribute("data-index"),r=i(t.container),o=i(a),l=o.left-r.left+a.offsetWidth/2,u=o.top-r.top-6,c=(t.formattedLabels&&t.formattedLabels.length>0?t.formattedLabels[s]:t.state.labels[s])+": ",h=(100*e.sliceTotals[s]/t.grandTotal).toFixed(1);t.tip.setValues(l,u,{name:c,value:h+"%"}),t.tip.showTip()}})}}]),n}(ee),ne=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;kt(this,t),this.layerTransform=s,this.constants=r,this.makeElements=l,this.getData=o,this.animateElements=u,this.store=[],this.layerClass=n,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return wt(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=m(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),ae={pieSlices:{layerClass:"pie-slices",makeElements:function(t){return t.sliceStrings.map(function(e,i){var n=b(e,"pie-path","none",t.colors[i]);return n.style.transition="transform .3s;",n})},animateElements:function(t){return this.store.map(function(e,i){return G(e,t.sliceStrings[i])})}},percentageBars:{layerClass:"percentage-bars",makeElements:function(t){},animateElements:function(t){}},yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return M(i,t.labels[n],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,n=this.oldData.positions,a=this.oldData.labels,s=h(n,e),r=Dt(s,2);n=r[0],e=r[1];var o=h(a,i),l=Dt(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return H(t,e[i],n[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return L(i,t.calcLabels[n],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,n=this.oldData.positions,a=this.oldData.calcLabels,s=h(n,e),r=Dt(s,2);n=r[0],e=r[1];var o=h(a,i),l=Dt(o,2);return a=l[0],i=l[1],this.render({positions:n,calcLabels:i}),this.store.map(function(t,i){return F(t,e[i],n[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return C(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=h(this.oldData,t),i=Dt(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 H(t,n[e],s[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return O(t.startPos,t.endPos,e.constants.width,t.label)})},animateElements:function(t){var e=h(this.oldData,t),i=Dt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.endPos}),a=t.map(function(t){return t.label}),s=t.map(function(t){return t.startPos}),r=this.oldData.map(function(t){return t.endPos}),o=this.oldData.map(function(t){return t.startPos});this.render(r.map(function(t,e){return{startPos:o[e],endPos:r[e],label:a[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(R(t,s[e],n[e],r[e]))}),l}},heatDomain:{layerClass:function(){return"heat-domain domain-"+this.constants.index},makeElements:function(t){var e=this,i=this.constants,n=i.colWidth,a=i.rowHeight,s=i.squareSize,r=i.xTranslate,o=0;return this.serializedSubDomains=[],t.cols.map(function(t){t.map(function(t,i){if(t.fill){var n={"data-date":t.yyyyMmDd,"data-value":t.dataValue,"data-day":i},l=w("day",r,o,s,t.fill,n);e.serializedSubDomains.push(l)}o+=a}),o=0,r+=n}),this.serializedSubDomains},animateElements:function(t){}},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 N(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=h(s,e),c=Dt(u,2);s=c[0],e=c[1];var d=h(r,i),p=Dt(d,2);r=p[0],i=p[1];var f=h(o,n),v=Dt(f,2);o=v[0],n=v[1];var g=h(l,a),y=Dt(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(I(a,e[s],i[s],t.barWidth,n[s],{zeroLine:t.zeroLine}))}),m}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=S(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,n){return E(t.xPositions[n],i,t.radius,e.color,e.valuesOverPoints?t.values[n]:"",n)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,n=t.values,a=this.oldData.xPositions,s=this.oldData.yPositions,r=this.oldData.values,o=h(a,e),l=Dt(o,2);a=l[0],e=l[1];var u=h(s,i),c=Dt(u,2);s=c[0],i=c[1];var d=h(r,n),p=Dt(d,2);r=p[0],n=p[1],this.render({xPositions:a,yPositions:s,values:n,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var f=[];return Object.keys(this.paths).length&&(f=f.concat(V(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,n){f=f.concat(Y(t,e[n],i[n]))}),f}}},se=function(t){function e(t,i){kt(this,e);var n=Tt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return n.type="pie",n.initTimeout=0,n.setup(),n}return Pt(e,t),wt(e,[{key:"configure",value:function(t){At(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this),this.hoverRadio=t.hoverRadio||.1,this.config.startAngle=t.startAngle||0,this.clockWise=t.clockWise||!1}},{key:"prepareFirstData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;return this.init=1,t}},{key:"calc",value:function(){At(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"calc",this).call(this);var t=this.state;this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y,t.grandTotal=t.sliceTotals.reduce(function(t,e){return t+e},0),this.calcSlices()}},{key:"calcSlices",value:function(){var t=this,e=this.state,i=this.radius,n=this.clockWise,a=e.slicesProperties||[];e.sliceStrings=[],e.slicesProperties=[];var s=180-this.config.startAngle;e.sliceTotals.map(function(r,o){var l=s,c=r/e.grandTotal*360,h=n?-c:c,d=s+=h,p=u(l,i),f=u(d,i),v=t.init&&a[o],g=void 0,y=void 0;t.init?(g=v?v.startPosition:p,y=v?v.endPosition:p):(g=p,y=f);var m=x(g,y,t.center,t.radius,t.clockWise);e.sliceStrings.push(m),e.slicesProperties.push({startPosition:p,endPosition:f,value:r,total:e.grandTotal,startAngle:l,endAngle:d,angle: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=J.apply(void 0,Mt(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,n=u(t.startAngle+t.angle/2,e);return"translate3d("+n.x*i+"px,"+n.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,e,n,a){if(t){var s=this.colors[e];if(n){U(t,this.calTranslateByAngle(this.state.slicesProperties[e])),t.style.fill=z(s,50);var r=i(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[e]:this.state.labels[e])+": ",c=(100*this.state.sliceTotals[e]/this.state.grandTotal).toFixed(1);this.tip.setValues(o,l,{name:u,value:c+"%"}),this.tip.showTip()}else U(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.fill=s}}},{key:"bindTooltip",value:function(){this.container.addEventListener("mousemove",this.mouseMove),this.container.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,i=this.components.get("pieSlices").store,n=this.curActiveSliceIndex,a=this.curActiveSlice;if(i.includes(e)){var s=i.indexOf(e);this.hoverSlice(a,n,!1),this.curActiveSlice=e,this.curActiveSliceIndex=s,this.hoverSlice(e,s,!0,t)}else this.mouseLeave()}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}}]),e}(ee),re=7,oe=1e3,le=86400,ue=["January","February","March","April","May","June","July","August","September","October","November","December"],ce=function(t){function e(t,i){kt(this,e);var n=Tt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));n.type="heatmap",n.discreteDomains=0===i.discreteDomains?0:1,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 Pt(e,t),wt(e,[{key:"updateWidth",value:function(){this.baseWidth=12*(this.state.noOfWeeks+99),this.discreteDomains&&(this.baseWidth+=144)}},{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*oe);e[$(n)]=t.dataPoints[i]}),t.dataPoints=e}return t}},{key:"calc",value:function(){var t=this.state;t.start=this.data.start,t.end=this.data.end,t.firstWeekStart=at(t.start),t.noOfWeeks=Z(t.start,t.end),t.distribution=ft(Object.values(this.data.dataPoints),jt),t.domainConfigs=this.getDomains()}},{key:"setupComponents",value:function(){var t=this,e=this.state,i=e.domainConfigs.map(function(i,n){return["heatDomain",{index:n,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=at(t),r={index:n,cols:[]},o=Z(s,e=Q(e)||nt(n,a)),l=[],u=0;u2&&void 0!==arguments[2]&&arguments[2],n=Q(t),a=[],s=0;s0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return yt(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return r(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=ut(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/dt(e),n=ht(e)*i,a=this.height-ct(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 pt(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var n=t.values,a=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:n,yPositions:e(n),cumulativeYs:a,cumulativeYPos:e(a)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e){e.yPositions.map(function(e,i){e=0;r--){var o=i.xAxis.positions[r];if(t>o-i.unitWidth/2){var l=o+this.leftMargin,u=i.yExtremes[r]+this.topMargin,c=this.data.datasets.map(function(t,i){return{title:t.name,value:n?n(t.values[r]):t.values[r],color:e.colors[i]}});this.tip.setValues(l,u,{name:s[r],value:""},c,r),this.tip.showTip();break}}}}},{key:"renderLegend",value:function(){var t=this,e=this.data;this.legendArea.textContent="",e.datasets.length>1&&e.datasets.map(function(e,i){var n=A(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=Gt[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];Bt[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex,e=this.state;return{index:t,label:e.xAxis.labels[t],values:e.datasets.map(function(e){return e.values[t]})}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,s(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,i){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;At(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"addDataPoint",this).call(this,t,i,n),this.data.labels.splice(n,0,t),this.data.datasets.map(function(t,e){t.values.splice(n,0,i[e])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;this.data.labels.length<=1||(At(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data))}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}},{key:"updateDatasets",value:function(t){this.data.datasets.map(function(e,i){t[i]&&(e.values=t[i])}),this.update(this.data)}}]),e}(te),de={percentage:ie,heatmap:ce,pie:se},pe=function t(e,i){return kt(this,t),bt(i.type,e,i)};return t.Chart=pe,t.PercentageChart=ie,t.PieChart=se,t.Heatmap=ce,t.AxisChart=he,t}({}); +var frappe=function(t){"use strict";function e(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function i(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function n(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function a(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function s(t,e,i){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0);for(var a in i)n[a]=i[a];return t.dispatchEvent(n)}function r(t){return parseFloat(t.toFixed(2))}function o(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=n?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(i);return t=n?a.concat(t):t.concat(a)}function l(t,e){return(t+"").length*e}function u(t,e){return{x:Math.sin(t*zt)*e,y:Math.cos(t*zt)*e}}function c(t,e){var i=void 0,n=void 0;return t<=e?(i=e-t,n=t):(i=t-e,n=e),[i,n]}function h(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=o(t,i):e=o(e,i),[t,e]}function d(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function p(t,e){var i=document.createElementNS("http://www.w3.org/2000/svg",t);for(var n in e){var a=e[n];if("inside"===n)d(a).appendChild(i);else if("around"===n){var s=d(a);s.parentNode.insertBefore(i,s),i.appendChild(s)}else"styles"===n?"object"===(void 0===a?"undefined":xt(a))&&Object.keys(a).map(function(t){i.style[t]=a[t]}):("className"===n&&(n="class"),"innerHTML"===n?i.textContent=a:i.setAttribute(n,a))}return i}function f(t,e){return p("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function v(t,e,i,n){return p("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function g(t,e,i,n){return p("svg",{className:e,inside:t,width:i,height:n})}function y(t){return p("defs",{inside:t})}function m(t,e){return p("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function b(t){return p("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function x(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,s=i.x+t.x,r=i.y+t.y,o=i.x+e.x,l=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+s+" "+r+"\n\t\tA "+n+" "+n+" 0 0 "+(a?1:0)+"\n\t\t"+o+" "+l+" z"}function k(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),a=f(t,n),s=[1,.6,.2];return i&&(s=[.4,.2,0]),v(a,"0%",e,s[0]),v(a,"50%",e,s[1]),v(a,"100%",e,s[2]),n}function w(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r={className:t,x:e,y:i,width:n,height:n,fill:a};return Object.keys(s).map(function(t){r[t]=s[t]}),p("rect",r)}function A(t,e,i){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=p("text",{className:"legend-dataset-text",x:0,y:0,dy:2*It+"px","font-size":1.2*It+"px","text-anchor":"start",fill:Vt,innerHTML:a}),o=p("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(p("rect",s)),o.appendChild(r),o}function P(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:It;return p("text",{className:t,x:e,y:i,dy:a/2+"px","font-size":a+"px",innerHTML:n})}function T(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Yt);var s=p("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),r=p("text",{x:0,y:i>n?i+Rt:i-Rt-It,dy:It+"px","font-size":It+"px","text-anchor":"middle",innerHTML:e+""}),o=p("g",{transform:"translate("+t+", 0)"});return o.appendChild(s),o.appendChild(r),o}function M(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Yt),a.lineType||(a.lineType="");var s=p("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:0,y2:0,styles:{stroke:a.stroke}}),r=p("text",{x: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=Yt),n.className||(n.className="");var a=-1*Ht,s="span"===n.mode?i+Ht:0;return"tick"===n.mode&&"right"===n.pos&&(a=i+Ht,s=i),a+=n.offset,s+=n.offset,M(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function L(t,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=Yt),n.className||(n.className="");var a=i+Ht,s="span"===n.mode?-1*Ht:i;return"tick"===n.mode&&"top"===n.pos&&(a=-1*Ht,s=0),T(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function C(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=p("text",{className:"chart-label",x:i-l(e,5)-Rt,y:0,dy:It/-2+"px","font-size":It+"px","text-anchor":"start",innerHTML:e+""}),s=M(t,"",0,i,{stroke:n.stroke||Yt,className:n.className||"",lineType:n.lineType});return s.appendChild(a),s}function O(t,e,i,n){var a=t-e,s=p("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:Yt,"stroke-dasharray":i+", "+a},x:0,y:0,width:i,height:a}),r=p("text",{className:"chart-label",x:i-l(n+"",4.5)-Rt,y:0,dy:It/-2+"px","font-size":It+"px","text-anchor":"start",innerHTML:n+""}),o=p("g",{transform:"translate(0, "+e+")"});return o.appendChild(s),o.appendChild(r),o}function N(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",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=Mt(l,2),h=u[0],d=u[1],f=p("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){f.setAttribute("y",0),f.setAttribute("x",0);var v=p("text",{className:"data-point-value",x:i/2,y:0,dy:It/2*-1+"px","font-size":It+"px","text-anchor":"middle",innerHTML:a}),g=p("g",{"data-point-index":s,transform:"translate("+t+", "+d+")"});return g.appendChild(f),g.appendChild(v),g}return f}function E(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=p("circle",{style:"fill: "+n,"data-point-index":s,cx:t,cy:e,r:i});if((a+="")||a.length){r.setAttribute("cy",0),r.setAttribute("cx",0);var o=p("text",{className:"data-point-value",x:0,y:0,dy:It/2*-1-i+"px","font-size":It+"px","text-anchor":"middle",innerHTML:a}),l=p("g",{"data-point-index":s,transform:"translate("+t+", "+e+")"});return l.appendChild(r),l.appendChild(o),l}return r}function S(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},s=e.map(function(e,i){return t[i]+","+e}).join("L"),r=b("M"+s,"line-graph-path",i);if(n.heatline){var o=k(a.svgDefs,i);r.style.stroke="url(#"+o+")"}var l={path:r};if(n.regionFill){var u=k(a.svgDefs,i,!0),c="M"+t[0]+","+a.zeroLine+"L"+s+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=b(c,"region-fill","none","url(#"+u+")")}return l}function _(t){return t>255?255:t<0?0:t}function z(t,e){var i=qt(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),s=_((a>>16)+e),r=_((a>>8&255)+e),o=_((255&a)+e);return(n?"#":"")+(o|r<<8|s<<16).toString(16)}function j(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function W(t,e,i,n){var a="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},n,Qt,"translate",{transform:a}]}function F(t,e,i){return W(t,[i,0],[e,0],Kt)}function H(t,e,i){return W(t,[0,i],[0,e],Kt)}function R(t,e,i,n){var a=e-i,s=t.childNodes[0];return[[s,{height:a,"stroke-dasharray":s.getAttribute("width")+", "+a},Kt,Qt],W(t,[0,n],[0,i],Kt)]}function I(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=Mt(s,2),o=r[0],l=r[1];return l-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width:n,height:o},Xt,Qt],W(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],Kt)]:[[t,{width:n,height:o,x:e,y:l},Xt,Qt]]}function Y(t,e,i){return"circle"!==t.nodeName?[W(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],Kt)]:[[t,{cx:e,cy:i},Xt,Qt]]}function V(t,e,i,n){var a=[],s=i.map(function(t,i){return e[i]+","+t}).join("L"),r=[t.path,{d:"M"+s},Jt,Qt];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},Jt,Qt];a.push(u)}return a}function G(t,e){return[t,{d:e},Xt,Qt]}function B(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 c=s[l]||t.getAttribute(l),h=e[l],d={attributeName:l,from:c,to:h,begin:"0s",dur:i/1e3+"s",values:c+";"+h,keySplines:Zt[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("+h+")"):o.setAttribute(l,h)}return[r,o]}function U(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function q(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=B.apply(void 0,Dt(t)),l=Mt(o,2);s=l[0],r=l[1],i.push(r),n.push([s,a]),a.replaceChild(s,e)});var a=t.cloneNode(!0);return n.map(function(t,n){t[1].replaceChild(i[n],t[0]),e[n][0]=i[n]}),a}function X(t,e,i){if(0!==i.length){var n=q(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},$t)}}function J(t,e,i){var n=Object.keys(ae).filter(function(e){return t.includes(e)}),a=ae[n[0]];return Object.assign(a,{constants:e,getData:i}),new ne(a)}function K(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function $(t){var e=t.getDate(),i=t.getMonth()+1;return[t.getFullYear(),(i>9?"":"0")+i,(e>9?"":"0")+e].join("-")}function Q(t){return new Date(t.getTime())}function Z(t,e){var i=at(t);return Math.ceil(tt(i,e)/re)}function tt(t,e){var i=le*oe;return(K(e)-K(t))/i}function et(t,e){return t.getMonth()===e.getMonth()&&t.getFullYear()===e.getFullYear()}function it(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=ue[t];return e?i.slice(0,3):i}function nt(t,e){return new Date(e,t+1,0)}function at(t){var e=Q(t),i=e.getDay();return 0!==i&&st(e,-1*i),e}function st(t,e){t.setDate(t.getDate()+e)}function rt(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 ot(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 lt(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=rt(t),n=Mt(i,2),a=n[0],s=n[1],r=e?e/Math.pow(10,s):0,o=ot(a=a.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function ut(t){function e(t,e){for(var i=lt(t),n=i[1]-i[0],a=0,s=1;a1&&void 0!==arguments[1]&&arguments[1],n=Math.max.apply(Math,Dt(t)),a=Math.min.apply(Math,Dt(t)),s=[];if(n>=0&&a>=0)rt(n)[1],s=i?lt(n,a):lt(n);else if(n>0&&a<0){var r=Math.abs(a);n>=r?(rt(n)[1],s=e(n,r)):(rt(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);rt(o)[1],s=(s=i?lt(o,l):lt(o)).reverse().map(function(t){return-1*t})}return s}function ct(t){var e=ht(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 ht(t){return t[1]-t[0]}function dt(t){return t[t.length-1]-t[0]}function pt(t,e){return r(e.zeroLine-t*e.scaleMultiplier)}function ft(t,e){for(var i=Math.max.apply(Math,Dt(t)),n=1/(e-1),a=[],s=0;si?n.slice(0,i):o(n,i-n.length,0)}else t.values=a;t.chartType||(St.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=t/e.length/_t;return e.map(function(t,e){return(t+="").length>n&&(i?e%Math.ceil(t.length/n)!=0&&(t=""):t=n-3>0?t.slice(0,n-3)+" ...":t.slice(0,n)+".."),t})}function bt(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new he(e,i)):"bar"===t?(i.type="bar",new he(e,i)):"axis-mixed"===t?(i.type="line",new he(e,i)):de[t]?new de[t](e,i):void console.error("Undefined chart type: "+t)}!function(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===i&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}}('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .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 .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}',{});var xt="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},kt=(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")}),wt=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
                      \n\t\t\t\t
                      '}),this.hideTip(),this.title=this.container.querySelector(".title"),this.dataPointList=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){t.hideTip()})}},{key:"fill",value:function(){var t=this,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=t.colors[n]||"black",s=e.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:"")});t.dataPointList.appendChild(s)})}},{key:"calcPosition",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,i=this.container.querySelector(".svg-pointer");if(this.left<0)i.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var n="calc(50% + "+(this.left-e)+"px)";i.style.left=n,this.left=e}else i.style.left="50%"}},{key:"setValues",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:-1;this.titleName=i.name,this.titleValue=i.value,this.listValues=n,this.x=t,this.y=e,this.titleValueFirst=i.valueFirst||0,this.index=a,this.refresh()}},{key:"hideTip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"showTip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),t}(),Ct=["line","scatter","bar","percentage","heatmap","pie"],Ot={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],percentage:["bar","line","scatter","pie"],heatmap:[]},Nt={bar:"datasets",line:"datasets",pie:"labels",percentage:"labels",heatmap:jt},Et=700,St=["line","bar"],_t=7,zt=Math.PI/180,jt=5,Wt=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],Ft={bar:Wt,line:Wt,pie:Wt,percentage:Wt,heatmap:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"]},Ht=6,Rt=4,It=10,Yt="#dadada",Vt="#555b51",Gt={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}},Bt={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)}},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"},qt=function(t){return Ut[t]||t},Xt=350,Jt=350,Kt=Xt,$t=250,Qt="easein",Zt={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"},te=function(){function t(e,i){if(kt(this,t),this.parent="string"==typeof e?document.querySelector(e):e,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.rawChartArgs=i,this.title=i.title||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=this.validateColors(i.colors,this.type),this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.initTimeout=Et,this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return wt(t,[{key:"configure",value:function(){var t=this;this.setMargins(),window.addEventListener("resize",function(){return t.draw(!0)}),window.addEventListener("orientationchange",function(){return t.draw(!0)})}},{key:"validateColors",value:function(t,e){var i=[];return(t=(t||[]).concat(Ft[e])).forEach(function(t){var e=qt(t);j(e)?i.push(e):console.warn('"'+t+'" is not a valid color.')}),i}},{key:"setMargins",value:function(){var t=this.argHeight;this.baseHeight=t,this.height=t-70,this.topMargin=10,this.leftMargin=20,this.rightMargin=20}},{key:"setup",value:function(){this.makeContainer(),this.updateWidth(),this.makeTooltip(),this.draw(!1,!0)}},{key:"setupComponents",value:function(){this.components=new Map}},{key:"makeContainer",value:function(){this.parent.innerHTML="",this.container=e.create("div",{inside:this.parent,className:"chart-container"})}},{key:"makeTooltip",value:function(){this.tip=new Lt({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:"updateWidth",value:function(){this.baseWidth=a(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,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var n=[];e.forEach(function(t){n=n.concat(t.update(i))}),n.length>0?(X(this.container,this.svg,n),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},400)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.container.removeChild(this.svg);var t=0,e=0;this.title.length&&(t=30),this.config.showLegend&&(e=30),this.svg=g(this.container,"frappe-chart chart",this.baseWidth,this.baseHeight+t+e),this.svgDefs=y(this.svg),this.title.length&&(this.titleEL=P("title",this.leftMargin-Ht,this.topMargin,this.title,11),this.svg.appendChild(this.titleEL));var i=this.topMargin+t;this.drawArea=m(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+i+")"),i=this.baseHeight-t,this.legendArea=m(this.svg,"chart-legend","translate("+this.leftMargin+", "+i+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){n(t.container)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"addDataPoint",value:function(){}},{key:"removeDataPoint",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(){}},{key:"updateDataset",value:function(){}},{key:"getDifferentChart",value:function(t){var e=this.type,i=this.rawChartArgs;if(t!==e){Ct.includes(t)||console.error("'"+t+"' is not a valid chart type."),Ot[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var n=Nt[e]===Nt[t];return i.type=t,i.colors=n?i.colors:void 0,new pe(this.parent,i)}}},{key:"unbindWindowEvents",value:function(){var t=this;window.removeEventListener("resize",function(){return t.draw(!0)}),window.removeEventListener("orientationchange",function(){return t.draw(!0)})}}]),t}(),ee=function(t){function e(t,i){return kt(this,e),Tt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i))}return Pt(e,t),wt(e,[{key:"configure",value:function(t){At(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,i=this.config.maxSlices;e.sliceTotals=[];var n=this.data.labels.map(function(e,i){var n=0;return t.data.datasets.map(function(t){n+=t.values[i]}),[n,e]}).filter(function(t){return t[0]>0}),a=n;if(n.length>i){n.sort(function(t,e){return e[0]-t[0]}),a=n.slice(0,i-1);var s=0;n.slice(i-1).map(function(t){s+=t[0]}),a.push([s,"Rest"]),this.colors[i-1]="grey"}e.labels=[],a.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])})}},{key:"renderLegend",value:function(){}}]),e}(te),ie=function(t){function n(t,e){kt(this,n);var i=Tt(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t,e));return i.type="percentage",i.setup(),i}return Pt(n,t),wt(n,[{key:"makeChartArea",value:function(){this.container.className+=" graph-focus-margin",this.container.style.marginTop="45px",this.svg=e.create("div",{className:"div",inside:this.container}),this.chart=e.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=e.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var t=this,i=this.state;this.grandTotal=i.sliceTotals.reduce(function(t,e){return t+e},0),i.slices=[],i.sliceTotals.map(function(n,a){var s=e.create("div",{className:"progress-bar","data-index":a,inside:t.percentageBar,styles:{background:t.colors[a],width:100*n/t.grandTotal+"%"}});i.slices.push(s)})}},{key:"bindTooltip",value:function(){var t=this,e=this.state;this.container.addEventListener("mousemove",function(n){var a=n.target;if(a.classList.contains("progress-bar")){var s=a.getAttribute("data-index"),r=i(t.container),o=i(a),l=o.left-r.left+a.offsetWidth/2,u=o.top-r.top-6,c=(t.formattedLabels&&t.formattedLabels.length>0?t.formattedLabels[s]:t.state.labels[s])+": ",h=(100*e.sliceTotals[s]/t.grandTotal).toFixed(1);t.tip.setValues(l,u,{name:c,value:h+"%"}),t.tip.showTip()}})}}]),n}(ee),ne=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;kt(this,t),this.layerTransform=s,this.constants=r,this.makeElements=l,this.getData=o,this.animateElements=u,this.store=[],this.layerClass=n,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return wt(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=m(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),ae={pieSlices:{layerClass:"pie-slices",makeElements:function(t){return t.sliceStrings.map(function(e,i){var n=b(e,"pie-path","none",t.colors[i]);return n.style.transition="transform .3s;",n})},animateElements:function(t){return this.store.map(function(e,i){return G(e,t.sliceStrings[i])})}},percentageBars:{layerClass:"percentage-bars",makeElements:function(t){},animateElements:function(t){}},yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return D(i,t.labels[n],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,n=this.oldData.positions,a=this.oldData.labels,s=h(n,e),r=Mt(s,2);n=r[0],e=r[1];var o=h(a,i),l=Mt(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return H(t,e[i],n[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return L(i,t.calcLabels[n],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,n=this.oldData.positions,a=this.oldData.calcLabels,s=h(n,e),r=Mt(s,2);n=r[0],e=r[1];var o=h(a,i),l=Mt(o,2);return a=l[0],i=l[1],this.render({positions:n,calcLabels:i}),this.store.map(function(t,i){return F(t,e[i],n[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return C(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=h(this.oldData,t),i=Mt(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 H(t,n[e],s[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return O(t.startPos,t.endPos,e.constants.width,t.label)})},animateElements:function(t){var e=h(this.oldData,t),i=Mt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.endPos}),a=t.map(function(t){return t.label}),s=t.map(function(t){return t.startPos}),r=this.oldData.map(function(t){return t.endPos}),o=this.oldData.map(function(t){return t.startPos});this.render(r.map(function(t,e){return{startPos:o[e],endPos:r[e],label:a[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(R(t,s[e],n[e],r[e]))}),l}},heatDomain:{layerClass:function(){return"heat-domain domain-"+this.constants.index},makeElements:function(t){var e=this,i=this.constants,n=i.colWidth,a=i.rowHeight,s=i.squareSize,r=i.xTranslate,o=0;return this.serializedSubDomains=[],t.cols.map(function(t){t.map(function(t,i){if(t.fill){var n={"data-date":t.yyyyMmDd,"data-value":t.dataValue,"data-day":i},l=w("day",r,o,s,t.fill,n);e.serializedSubDomains.push(l)}o+=a}),o=0,r+=n}),this.serializedSubDomains},animateElements:function(t){}},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 N(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=h(s,e),c=Mt(u,2);s=c[0],e=c[1];var d=h(r,i),p=Mt(d,2);r=p[0],i=p[1];var f=h(o,n),v=Mt(f,2);o=v[0],n=v[1];var g=h(l,a),y=Mt(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(I(a,e[s],i[s],t.barWidth,n[s],{zeroLine:t.zeroLine}))}),m}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=S(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,n){return E(t.xPositions[n],i,t.radius,e.color,e.valuesOverPoints?t.values[n]:"",n)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,n=t.values,a=this.oldData.xPositions,s=this.oldData.yPositions,r=this.oldData.values,o=h(a,e),l=Mt(o,2);a=l[0],e=l[1];var u=h(s,i),c=Mt(u,2);s=c[0],i=c[1];var d=h(r,n),p=Mt(d,2);r=p[0],n=p[1],this.render({xPositions:a,yPositions:s,values:n,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var f=[];return Object.keys(this.paths).length&&(f=f.concat(V(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,n){f=f.concat(Y(t,e[n],i[n]))}),f}}},se=function(t){function e(t,i){kt(this,e);var n=Tt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return n.type="pie",n.initTimeout=0,n.init=1,n.setup(),n}return Pt(e,t),wt(e,[{key:"configure",value:function(t){At(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(){At(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"calc",this).call(this);var t=this.state;this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y,t.grandTotal=t.sliceTotals.reduce(function(t,e){return t+e},0),this.calcSlices()}},{key:"calcSlices",value:function(){var t=this,e=this.state,i=this.radius,n=this.clockWise,a=e.slicesProperties||[];e.sliceStrings=[],e.slicesProperties=[];var s=180-this.config.startAngle;e.sliceTotals.map(function(r,o){var l=s,c=r/e.grandTotal*360,h=n?-c:c,d=s+=h,p=u(l,i),f=u(d,i),v=t.init&&a[o],g=void 0,y=void 0;t.init?(g=v?v.startPosition:p,y=v?v.endPosition:p):(g=p,y=f);var m=x(g,y,t.center,t.radius,t.clockWise);e.sliceStrings.push(m),e.slicesProperties.push({startPosition:p,endPosition:f,value:r,total:e.grandTotal,startAngle:l,endAngle:d,angle: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=J.apply(void 0,Dt(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,n=u(t.startAngle+t.angle/2,e);return"translate3d("+n.x*i+"px,"+n.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,e,n,a){if(t){var s=this.colors[e];if(n){U(t,this.calTranslateByAngle(this.state.slicesProperties[e])),t.style.fill=z(s,50);var r=i(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[e]:this.state.labels[e])+": ",c=(100*this.state.sliceTotals[e]/this.state.grandTotal).toFixed(1);this.tip.setValues(o,l,{name:u,value:c+"%"}),this.tip.showTip()}else U(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.fill=s}}},{key:"bindTooltip",value:function(){this.container.addEventListener("mousemove",this.mouseMove),this.container.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,i=this.components.get("pieSlices").store,n=this.curActiveSliceIndex,a=this.curActiveSlice;if(i.includes(e)){var s=i.indexOf(e);this.hoverSlice(a,n,!1),this.curActiveSlice=e,this.curActiveSliceIndex=s,this.hoverSlice(e,s,!0,t)}else this.mouseLeave()}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}}]),e}(ee),re=7,oe=1e3,le=86400,ue=["January","February","March","April","May","June","July","August","September","October","November","December"],ce=function(t){function e(t,i){kt(this,e);var n=Tt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));n.type="heatmap",n.discreteDomains=0===i.discreteDomains?0:1,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 Pt(e,t),wt(e,[{key:"updateWidth",value:function(){this.baseWidth=12*(this.state.noOfWeeks+99),this.discreteDomains&&(this.baseWidth+=144)}},{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*oe);e[$(n)]=t.dataPoints[i]}),t.dataPoints=e}return t}},{key:"calc",value:function(){var t=this.state;t.start=this.data.start,t.end=this.data.end,t.firstWeekStart=at(t.start),t.noOfWeeks=Z(t.start,t.end),t.distribution=ft(Object.values(this.data.dataPoints),jt),t.domainConfigs=this.getDomains()}},{key:"setupComponents",value:function(){var t=this,e=this.state,i=e.domainConfigs.map(function(i,n){return["heatDomain",{index:n,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=at(t),r={index:n,cols:[]},o=Z(s,e=Q(e)||nt(n,a)),l=[],u=0;u2&&void 0!==arguments[2]&&arguments[2],n=Q(t),a=[],s=0;s0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return yt(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return r(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=ut(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/dt(e),n=ht(e)*i,a=this.height-ct(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 pt(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var n=t.values,a=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:n,yPositions:e(n),cumulativeYs:a,cumulativeYPos:e(a)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e){e.yPositions.map(function(e,i){e=0;r--){var o=i.xAxis.positions[r];if(t>o-i.unitWidth/2){var l=o+this.leftMargin,u=i.yExtremes[r]+this.topMargin,c=this.data.datasets.map(function(t,i){return{title:t.name,value:n?n(t.values[r]):t.values[r],color:e.colors[i]}});this.tip.setValues(l,u,{name:s[r],value:""},c,r),this.tip.showTip();break}}}}},{key:"renderLegend",value:function(){var t=this,e=this.data;this.legendArea.textContent="",e.datasets.length>1&&e.datasets.map(function(e,i){var n=A(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=Gt[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];Bt[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex,e=this.state;return{index:t,label:e.xAxis.labels[t],values:e.datasets.map(function(e){return e.values[t]})}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,s(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,i){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;At(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"addDataPoint",this).call(this,t,i,n),this.data.labels.splice(n,0,t),this.data.datasets.map(function(t,e){t.values.splice(n,0,i[e])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;this.data.labels.length<=1||(At(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data))}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}},{key:"updateDatasets",value:function(t){this.data.datasets.map(function(e,i){t[i]&&(e.values=t[i])}),this.update(this.data)}}]),e}(te),de={percentage:ie,heatmap:ce,pie:se},pe=function t(e,i){return kt(this,t),bt(i.type,e,i)};return t.Chart=pe,t.PercentageChart=ie,t.PieChart=se,t.Heatmap=ce,t.AxisChart=he,t}({}); //# sourceMappingURL=frappe-charts.min.js.map diff --git a/docs/assets/js/frappe-charts.min.js.map b/docs/assets/js/frappe-charts.min.js.map index f2f400f..ef26cd2 100644 --- a/docs/assets/js/frappe-charts.min.js.map +++ b/docs/assets/js/frappe-charts.min.js.map @@ -1 +1 @@ -{"version":3,"file":"frappe-charts.min.js","sources":["../../../src/js/utils/dom.js","../../../src/js/utils/helpers.js","../../../src/js/utils/draw-utils.js","../../../src/js/utils/draw.js","../../../src/js/utils/colors.js","../../../src/js/utils/animate.js","../../../src/js/utils/animation.js","../../../src/js/objects/ChartComponents.js","../../../src/js/utils/date-utils.js","../../../src/js/utils/intervals.js","../../../src/js/utils/axis-chart-utils.js","../../../src/js/chart.js","../../../src/js/objects/SvgTip.js","../../../src/js/utils/constants.js","../../../src/js/charts/BaseChart.js","../../../src/js/charts/AggregationChart.js","../../../src/js/charts/PercentageChart.js","../../../src/js/charts/PieChart.js","../../../src/js/charts/Heatmap.js","../../../src/js/charts/AxisChart.js"],"sourcesContent":["export function $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function findNodeIndex(node)\n{\n\tvar i = 0;\n\twhile (node.previousSibling) {\n\t\tnode = node.previousSibling;\n\t\ti++;\n\t}\n\treturn i;\n}\n\n$.create = (tag, o) => {\n\tvar element = document.createElement(tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else if (i in element ) {\n\t\t\telement[i] = val;\n\t\t}\n\t\telse {\n\t\t\telement.setAttribute(i, val);\n\t\t}\n\t}\n\n\treturn element;\n};\n\nexport function getOffset(element) {\n\tlet rect = element.getBoundingClientRect();\n\treturn {\n\t\t// https://stackoverflow.com/a/7436602/6495043\n\t\t// rect.top varies with scroll, so we add whatever has been\n\t\t// scrolled to it to get absolute distance from actual page top\n\t\ttop: rect.top + (document.documentElement.scrollTop || document.body.scrollTop),\n\t\tleft: rect.left + (document.documentElement.scrollLeft || document.body.scrollLeft)\n\t};\n}\n\nexport function isElementInViewport(el) {\n\t// Although straightforward: https://stackoverflow.com/a/7557433/6495043\n\tvar rect = el.getBoundingClientRect();\n\n\treturn (\n\t\trect.top >= 0 &&\n rect.left >= 0 &&\n rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */\n rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */\n\t);\n}\n\nexport function getElementContentWidth(element) {\n\tvar styles = window.getComputedStyle(element);\n\tvar padding = parseFloat(styles.paddingLeft) +\n\t\tparseFloat(styles.paddingRight);\n\n\treturn element.clientWidth - padding;\n}\n\nexport function bind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function (event) {\n\t\t\t\telement.addEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function unbind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function(event) {\n\t\t\t\telement.removeEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function fire(target, type, properties) {\n\tvar evt = document.createEvent(\"HTMLEvents\");\n\n\tevt.initEvent(type, true, true );\n\n\tfor (var j in properties) {\n\t\tevt[j] = properties[j];\n\t}\n\n\treturn target.dispatchEvent(evt);\n}\n\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\nexport function getPositionByAngle(angle, radius) {\n\treturn {\n\t\tx:Math.sin(angle * ANGLE_RATIO) * radius,\n\t\ty:Math.cos(angle * ANGLE_RATIO) * radius,\n\t};\n}\n","import { fillArray } from './helpers';\n\nexport function getBarHeightAndYAttr(yTop, zeroLine) {\n\tlet height, y;\n\tif (yTop <= zeroLine) {\n\t\theight = zeroLine - yTop;\n\t\ty = yTop;\n\t} else {\n\t\theight = yTop - zeroLine;\n\t\ty = zeroLine;\n\t}\n\n\treturn [height, y];\n}\n\nexport function equilizeNoOfElements(array1, array2,\n\textraCount = array2.length - array1.length) {\n\n\t// Doesn't work if either has zero elements.\n\tif(extraCount > 0) {\n\t\tarray1 = fillArray(array1, extraCount);\n\t} else {\n\t\tarray2 = fillArray(array2, extraCount);\n\t}\n\treturn [array1, array2];\n}\n","import { getBarHeightAndYAttr } from './draw-utils';\nimport { getStringWidth } from './helpers';\nimport { DOT_OVERLAY_SIZE_INCR } from './constants';\n\nexport const AXIS_TICK_LENGTH = 6;\nconst LABEL_MARGIN = 4;\nexport const FONT_SIZE = 10;\nconst BASE_LINE_COLOR = '#dadada';\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 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 makeText(className, x, y, content, fontSize = FONT_SIZE) {\n\treturn createSVG('text', {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\tdy: (fontSize / 2) + 'px',\n\t\t'font-size': fontSize + 'px',\n\t\tinnerHTML: content\n\t});\n}\n\nfunction makeVertLine(x, label, y1, y2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tlet l = createSVG('line', {\n\t\tclassName: 'line-vertical ' + options.className,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: y1,\n\t\ty2: y2,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: 0,\n\t\ty: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE,\n\t\tdy: FONT_SIZE + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'middle',\n\t\tinnerHTML: label + \"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(${ x }, 0)`\n\t});\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nfunction makeHoriLine(y, label, x1, x2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.lineType) options.lineType = '';\n\tlet className = 'line-horizontal ' + options.className +\n\t\t(options.lineType === \"dashed\" ? \"dashed\": \"\");\n\n\tlet l = createSVG('line', {\n\t\tclassName: className,\n\t\tx1: x1,\n\t\tx2: x2,\n\t\ty1: 0,\n\t\ty2: 0,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / 2 - 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': x1 < x2 ? 'end' : 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(0, ${y})`,\n\t\t'stroke-opacity': 1\n\t});\n\n\tif(text === 0 || text === '0') {\n\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\n\t}\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nexport function yLine(y, label, width, options={}) {\n\tif(!options.pos) options.pos = 'left';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\tlet x1 = -1 * AXIS_TICK_LENGTH;\n\tlet x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;\n\n\tif(options.mode === 'tick' && options.pos === 'right') {\n\t\tx1 = width + AXIS_TICK_LENGTH;\n\t\tx2 = width;\n\t}\n\n\t// let offset = options.pos === 'left' ? -1 * options.offset : options.offset;\n\n\tx1 += options.offset;\n\tx2 += options.offset;\n\n\treturn makeHoriLine(y, label, x1, x2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function xLine(x, label, height, options={}) {\n\tif(!options.pos) options.pos = 'bottom';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\t// Draw X axis line in span/tick mode with optional label\n\t// \ty2(span)\n\t// \t\t\t\t\t\t|\n\t// \t\t\t\t\t\t|\n\t//\t\t\t\tx line\t|\n\t//\t\t\t\t\t\t|\n\t// \t\t\t\t\t \t|\n\t// ---------------------+-- y2(tick)\n\t//\t\t\t\t\t\t|\n\t//\t\t\t\t\t\t\ty1\n\n\tlet y1 = height + AXIS_TICK_LENGTH;\n\tlet y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : height;\n\n\tif(options.mode === 'tick' && options.pos === 'top') {\n\t\t// top axis ticks\n\t\ty1 = -1 * AXIS_TICK_LENGTH;\n\t\ty2 = 0;\n\t}\n\n\treturn makeVertLine(x, label, y1, y2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function yMarker(y, label, width, options={}) {\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = makeHoriLine(y, '', 0, width, {\n\t\tstroke: options.stroke || BASE_LINE_COLOR,\n\t\tclassName: options.className || '',\n\t\tlineType: options.lineType\n\t});\n\n\tline.appendChild(labelSvg);\n\n\treturn line;\n}\n\nexport function yRegion(y1, y2, width, label) {\n\t// return a group\n\tlet height = y1 - y2;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`, // remove class\n\t\tstyles: {\n\t\t\tfill: `rgba(228, 234, 239, 0.49)`,\n\t\t\tstroke: BASE_LINE_COLOR,\n\t\t\t'stroke-dasharray': `${width}, ${height}`\n\t\t},\n\t\t// 'data-point-index': index,\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: width,\n\t\theight: height\n\t});\n\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label+\"\", 4.5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet region = createSVG('g', {\n\t\ttransform: `translate(0, ${y2})`\n\t});\n\n\tregion.appendChild(rect);\n\tregion.appendChild(labelSvg);\n\n\treturn region;\n}\n\nexport function datasetBar(x, yTop, width, color, label='', index=0, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`,\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: width,\n\t\theight: height || meta.minHeight // TODO: correct y for positive min height\n\t});\n\n\tlabel += \"\";\n\n\tif(!label && !label.length) {\n\t\treturn rect;\n\t} else {\n\t\trect.setAttribute('y', 0);\n\t\trect.setAttribute('x', 0);\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: width/2,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\t'data-point-index': index,\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(rect);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function datasetDot(x, y, radius, color, label='', index=0) {\n\tlet dot = createSVG('circle', {\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tcx: x,\n\t\tcy: y,\n\t\tr: radius\n\t});\n\n\tlabel += \"\";\n\n\tif(!label && !label.length) {\n\t\treturn dot;\n\t} else {\n\t\tdot.setAttribute('cy', 0);\n\t\tdot.setAttribute('cx', 0);\n\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1 - radius) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\t'data-point-index': index,\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(dot);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function getPaths(xList, yList, color, options={}, meta={}) {\n\tlet pointsList = yList.map((y, i) => (xList[i] + ',' + y));\n\tlet pointsStr = pointsList.join(\"L\");\n\tlet path = makePath(\"M\"+pointsStr, 'line-graph-path', color);\n\n\t// HeatLine\n\tif(options.heatline) {\n\t\tlet gradient_id = makeGradient(meta.svgDefs, color);\n\t\tpath.style.stroke = `url(#${gradient_id})`;\n\t}\n\n\tlet paths = {\n\t\tpath: path\n\t};\n\n\t// Region\n\tif(options.regionFill) {\n\t\tlet gradient_id_region = makeGradient(meta.svgDefs, color, true);\n\n\t\t// TODO: use zeroLine OR minimum\n\t\tlet pathStr = \"M\" + `${xList[0]},${meta.zeroLine}L` + pointsStr + `L${xList.slice(-1)[0]},${meta.zeroLine}`;\n\t\tpaths.region = makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`);\n\t}\n\n\treturn paths;\n}\n\nexport let makeOverlay = {\n\t'bar': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'dot': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\tlet fill = unit.getAttribute('fill');\n\t\toverlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.setAttribute('fill', fill);\n\t\toverlay.style.opacity = '0.6';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'heat_square': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\tlet fill = unit.getAttribute('fill');\n\t\toverlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.setAttribute('fill', fill);\n\t\toverlay.style.opacity = '0.6';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t}\n};\n\nexport let updateOverlay = {\n\t'bar': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['x', 'y', 'width', 'height'];\n\t\tObject.values(unit.attributes)\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t\t.map(attr => {\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'dot': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t\t.map(attr => {\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'heat_square': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t\t.map(attr => {\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n};\n","const PRESET_COLOR_MAP = {\n\t'light-blue': '#7cd6fd',\n\t'blue': '#5e64ff',\n\t'violet': '#743ee2',\n\t'red': '#ff5858',\n\t'orange': '#ffa00a',\n\t'yellow': '#feef72',\n\t'green': '#28a745',\n\t'light-green': '#98d85b',\n\t'purple': '#b554ff',\n\t'magenta': '#ffa3ef',\n\t'black': '#36114C',\n\t'grey': '#bdd3e6',\n\t'light-grey': '#f0f4f7',\n\t'dark-grey': '#b8c2cc'\n};\n\nfunction limitColor(r){\n\tif (r > 255) return 255;\n\telse if (r < 0) return 0;\n\treturn r;\n}\n\nexport function lightenDarkenColor(color, amt) {\n\tlet col = getColor(color);\n\tlet usePound = false;\n\tif (col[0] == \"#\") {\n\t\tcol = col.slice(1);\n\t\tusePound = true;\n\t}\n\tlet num = parseInt(col,16);\n\tlet r = limitColor((num >> 16) + amt);\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\n\tlet g = limitColor((num & 0x0000FF) + amt);\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\n}\n\nexport function isValidColor(string) {\n\t// https://stackoverflow.com/a/8027444/6495043\n\treturn /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string);\n}\n\nexport const getColor = (color) => {\n\treturn PRESET_COLOR_MAP[color] || color;\n};\n","import { getBarHeightAndYAttr } from './draw-utils';\n\nexport const UNIT_ANIM_DUR = 350;\nexport const PATH_ANIM_DUR = 350;\nexport const MARKER_LINE_ANIM_DUR = UNIT_ANIM_DUR;\nexport const REPLACE_ALL_NEW_DUR = 250;\n\nexport const STD_EASING = 'easein';\n\nexport function translate(unit, oldCoord, newCoord, duration) {\n\tlet old = typeof oldCoord === 'string' ? oldCoord : oldCoord.join(', ');\n\treturn [\n\t\tunit,\n\t\t{transform: newCoord.join(', ')},\n\t\tduration,\n\t\tSTD_EASING,\n\t\t\"translate\",\n\t\t{transform: old}\n\t];\n}\n\nexport function translateVertLine(xLine, newX, oldX) {\n\treturn translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR);\n}\n\nexport function translateHoriLine(yLine, newY, oldY) {\n\treturn translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR);\n}\n\nexport function animateRegion(rectGroup, newY1, newY2, oldY2) {\n\tlet newHeight = newY1 - newY2;\n\tlet rect = rectGroup.childNodes[0];\n\tlet width = rect.getAttribute(\"width\");\n\tlet rectAnim = [\n\t\trect,\n\t\t{ height: newHeight, 'stroke-dasharray': `${width}, ${newHeight}` },\n\t\tMARKER_LINE_ANIM_DUR,\n\t\tSTD_EASING\n\t];\n\n\tlet groupAnim = translate(rectGroup, [0, oldY2], [0, newY2], MARKER_LINE_ANIM_DUR);\n\treturn [rectAnim, groupAnim];\n}\n\nexport function animateBar(bar, x, yTop, width, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\tif(bar.nodeName !== 'rect') {\n\t\tlet rect = bar.childNodes[0];\n\t\tlet rectAnim = [\n\t\t\trect,\n\t\t\t{width: width, height: height},\n\t\t\tUNIT_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\n\t\tlet oldCoordStr = bar.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(bar, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [rectAnim, groupAnim];\n\t} else {\n\t\treturn [[bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animateDot(dot, x, y) {\n\tif(dot.nodeName !== 'circle') {\n\t\tlet oldCoordStr = dot.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(dot, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [groupAnim];\n\t} else {\n\t\treturn [[dot, {cx: x, cy: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animatePath(paths, newXList, newYList, zeroLine) {\n\tlet pathComponents = [];\n\n\tlet pointsStr = newYList.map((y, i) => (newXList[i] + ',' + y));\n\tlet pathStr = pointsStr.join(\"L\");\n\n\tconst animPath = [paths.path, {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\tpathComponents.push(animPath);\n\n\tif(paths.region) {\n\t\tlet regStartPt = `${newXList[0]},${zeroLine}L`;\n\t\tlet regEndPt = `L${newXList.slice(-1)[0]}, ${zeroLine}`;\n\n\t\tconst animRegion = [\n\t\t\tpaths.region,\n\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\tPATH_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\t\tpathComponents.push(animRegion);\n\t}\n\n\treturn pathComponents;\n}\n\nexport function animatePathStr(oldPath, pathStr) {\n\treturn [oldPath, {d: pathStr}, UNIT_ANIM_DUR, STD_EASING];\n}\n\n","// Leveraging SMIL Animations\n\nimport { REPLACE_ALL_NEW_DUR } from './animate';\n\nconst EASING = {\n\tease: \"0.25 0.1 0.25 1\",\n\tlinear: \"0 0 1 1\",\n\t// easein: \"0.42 0 1 1\",\n\teasein: \"0.1 0.8 0.2 1\",\n\teaseout: \"0 0 0.58 1\",\n\teaseinout: \"0.42 0 0.58 1\"\n};\n\nfunction animateSVGElement(element, props, dur, easingType=\"linear\", type=undefined, oldValues={}) {\n\n\tlet animElement = element.cloneNode(true);\n\tlet newElement = element.cloneNode(true);\n\n\tfor(var attributeName in props) {\n\t\tlet animateElement;\n\t\tif(attributeName === 'transform') {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animateTransform\");\n\t\t} else {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animate\");\n\t\t}\n\t\tlet currentValue = oldValues[attributeName] || element.getAttribute(attributeName);\n\t\tlet value = props[attributeName];\n\n\t\tlet animAttr = {\n\t\t\tattributeName: attributeName,\n\t\t\tfrom: currentValue,\n\t\t\tto: value,\n\t\t\tbegin: \"0s\",\n\t\t\tdur: dur/1000 + \"s\",\n\t\t\tvalues: currentValue + \";\" + value,\n\t\t\tkeySplines: EASING[easingType],\n\t\t\tkeyTimes: \"0;1\",\n\t\t\tcalcMode: \"spline\",\n\t\t\tfill: 'freeze'\n\t\t};\n\n\t\tif(type) {\n\t\t\tanimAttr[\"type\"] = type;\n\t\t}\n\n\t\tfor (var i in animAttr) {\n\t\t\tanimateElement.setAttribute(i, animAttr[i]);\n\t\t}\n\n\t\tanimElement.appendChild(animateElement);\n\n\t\tif(type) {\n\t\t\tnewElement.setAttribute(attributeName, `translate(${value})`);\n\t\t} else {\n\t\t\tnewElement.setAttribute(attributeName, value);\n\t\t}\n\t}\n\n\treturn [animElement, newElement];\n}\n\nexport function transform(element, style) { // eslint-disable-line no-unused-vars\n\telement.style.transform = style;\n\telement.style.webkitTransform = style;\n\telement.style.msTransform = style;\n\telement.style.mozTransform = style;\n\telement.style.oTransform = style;\n}\n\nfunction animateSVG(svgContainer, elements) {\n\tlet newElements = [];\n\tlet animElements = [];\n\n\telements.map(element => {\n\t\tlet unit = element[0];\n\t\tlet parent = unit.parentNode;\n\n\t\tlet animElement, newElement;\n\n\t\telement[0] = unit;\n\t\t[animElement, newElement] = animateSVGElement(...element);\n\n\t\tnewElements.push(newElement);\n\t\tanimElements.push([animElement, parent]);\n\n\t\tparent.replaceChild(animElement, unit);\n\t});\n\n\tlet animSvg = svgContainer.cloneNode(true);\n\n\tanimElements.map((animElement, i) => {\n\t\tanimElement[1].replaceChild(newElements[i], animElement[0]);\n\t\telements[i][0] = newElements[i];\n\t});\n\n\treturn animSvg;\n}\n\nexport function runSMILAnimation(parent, svgElement, elementsToAnimate) {\n\tif(elementsToAnimate.length === 0) return;\n\n\tlet animSvgElement = animateSVG(svgElement, elementsToAnimate);\n\tif(svgElement.parentNode == parent) {\n\t\tparent.removeChild(svgElement);\n\t\tparent.appendChild(animSvgElement);\n\n\t}\n\n\t// Replace the new svgElement (data has already been replaced)\n\tsetTimeout(() => {\n\t\tif(animSvgElement.parentNode == parent) {\n\t\t\tparent.removeChild(animSvgElement);\n\t\t\tparent.appendChild(svgElement);\n\t\t}\n\t}, REPLACE_ALL_NEW_DUR);\n}\n","import { makeSVGGroup } from '../utils/draw';\nimport { makePath, xLine, yLine, yMarker, yRegion, datasetBar, datasetDot, getPaths, heatSquare } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { translateHoriLine, translateVertLine, animateRegion, animateBar,\n\tanimateDot, animatePath, animatePathStr } from '../utils/animate';\n\nclass ChartComponent {\n\tconstructor({\n\t\tlayerClass = '',\n\t\tlayerTransform = '',\n\t\tconstants,\n\n\t\tgetData,\n\t\tmakeElements,\n\t\tanimateElements\n\t}) {\n\t\tthis.layerTransform = layerTransform;\n\t\tthis.constants = constants;\n\n\t\tthis.makeElements = makeElements;\n\t\tthis.getData = getData;\n\n\t\tthis.animateElements = animateElements;\n\n\t\tthis.store = [];\n\n\t\tthis.layerClass = layerClass;\n\t\tthis.layerClass = typeof(this.layerClass) === 'function'\n\t\t\t? this.layerClass() : this.layerClass;\n\n\t\tthis.refresh();\n\t}\n\n\trefresh(data) {\n\t\tthis.data = data || this.getData();\n\t}\n\n\tsetup(parent) {\n\t\tthis.layer = makeSVGGroup(parent, this.layerClass, this.layerTransform);\n\t}\n\n\tmake() {\n\t\tthis.render(this.data);\n\t\tthis.oldData = this.data;\n\t}\n\n\trender(data) {\n\t\tthis.store = this.makeElements(data);\n\n\t\tthis.layer.textContent = '';\n\t\tthis.store.forEach(element => {\n\t\t\tthis.layer.appendChild(element);\n\t\t});\n\t}\n\n\tupdate(animate = true) {\n\t\tthis.refresh();\n\t\tlet animateElements = [];\n\t\tif(animate) {\n\t\t\tanimateElements = this.animateElements(this.data);\n\t\t}\n\t\treturn animateElements;\n\t}\n}\n\nlet componentConfigs = {\n\tpieSlices: {\n\t\tlayerClass: 'pie-slices',\n\t\tmakeElements(data) {\n\t\t\treturn data.sliceStrings.map((s, i) =>{\n\t\t\t\tlet slice = makePath(s, 'pie-path', 'none', data.colors[i]);\n\t\t\t\tslice.style.transition = 'transform .3s;';\n\t\t\t\treturn slice;\n\t\t\t});\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\treturn this.store.map((slice, i) =>\n\t\t\t\tanimatePathStr(slice, newData.sliceStrings[i])\n\t\t\t);\n\t\t}\n\t},\n\tpercentageBars: {\n\t\tlayerClass: 'percentage-bars',\n\t\tmakeElements(data) {\n\t\t\t// return 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\t// return this.store.map((slice, i) =>\n\t\t\t// \tanimatePathStr(slice, newData.sliceStrings[i])\n\t\t\t// );\n\t\t}\n\t},\n\tyAxis: {\n\t\tlayerClass: 'y axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\tyLine(position, data.labels[i], this.constants.width,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.labels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tlabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\txAxis: {\n\t\tlayerClass: 'x axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\txLine(position, data.calcLabels[i], this.constants.height,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.calcLabels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.calcLabels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tcalcLabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateVertLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyMarkers: {\n\t\tlayerClass: 'y-markers',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(marker =>\n\t\t\t\tyMarker(marker.position, marker.label, this.constants.width,\n\t\t\t\t\t{pos:'right', mode: 'span', lineType: 'dashed'})\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.position);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.position);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tposition: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t};\n\t\t\t}));\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyRegions: {\n\t\tlayerClass: 'y-regions',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(region =>\n\t\t\t\tyRegion(region.startPos, region.endPos, this.constants.width,\n\t\t\t\t\tregion.label)\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.endPos);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\t\t\tlet newStarts = newData.map(d => d.startPos);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.endPos);\n\t\t\tlet oldStarts = this.oldData.map(d => d.startPos);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tstartPos: oldStarts[i],\n\t\t\t\t\tendPos: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t};\n\t\t\t}));\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((rectGroup, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateRegion(\n\t\t\t\t\trectGroup, newStarts[i], newPos[i], oldPos[i]\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\theatDomain: {\n\t\tlayerClass: function() { return 'heat-domain domain-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet {colWidth, rowHeight, squareSize, xTranslate} = this.constants;\n\t\t\tlet x = xTranslate, y = 0;\n\n\t\t\tthis.serializedSubDomains = [];\n\n\t\t\tdata.cols.map(week => {\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\t// return this.store.map((slice, i) =>\n\t\t\t// \tanimatePathStr(slice, newData.sliceStrings[i])\n\t\t\t// );\n\t\t}\n\t},\n\n\tbarGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-bars dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'bar';\n\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\treturn datasetBar(\n\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\ty,\n\t\t\t\t\tdata.barWidth,\n\t\t\t\t\tc.color,\n\t\t\t\t\tdata.labels[j],\n\t\t\t\t\tj,\n\t\t\t\t\tdata.offsets[j],\n\t\t\t\t\t{\n\t\t\t\t\t\tzeroLine: data.zeroLine,\n\t\t\t\t\t\tbarsWidth: data.barsWidth,\n\t\t\t\t\t\tminHeight: c.minHeight\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t});\n\t\t\treturn this.units;\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newOffsets = newData.offsets;\n\t\t\tlet newLabels = newData.labels;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldOffsets = this.oldData.offsets;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldOffsets, newOffsets] = equilizeNoOfElements(oldOffsets, newOffsets);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\toffsets: oldOffsets,\n\t\t\t\tlabels: newLabels,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tbarsWidth: this.oldData.barsWidth,\n\t\t\t\tbarWidth: this.oldData.barWidth,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((bar, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateBar(\n\t\t\t\t\tbar, newXPos[i], newYPos[i], newData.barWidth, newOffsets[i],\n\t\t\t\t\t{zeroLine: newData.zeroLine}\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tlineGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-line dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'dot';\n\t\t\tthis.paths = {};\n\t\t\tif(!c.hideLine) {\n\t\t\t\tthis.paths = getPaths(\n\t\t\t\t\tdata.xPositions,\n\t\t\t\t\tdata.yPositions,\n\t\t\t\t\tc.color,\n\t\t\t\t\t{\n\t\t\t\t\t\theatline: c.heatline,\n\t\t\t\t\t\tregionFill: c.regionFill\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tsvgDefs: c.svgDefs,\n\t\t\t\t\t\tzeroLine: data.zeroLine\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tthis.units = [];\n\t\t\tif(!c.hideDots) {\n\t\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\t\treturn datasetDot(\n\t\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\t\ty,\n\t\t\t\t\t\tdata.radius,\n\t\t\t\t\t\tc.color,\n\t\t\t\t\t\t(c.valuesOverPoints ? data.values[j] : ''),\n\t\t\t\t\t\tj\n\t\t\t\t\t);\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn Object.values(this.paths).concat(this.units);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newValues = newData.values;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldValues = this.oldData.values;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldValues, newValues] = equilizeNoOfElements(oldValues, newValues);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\tvalues: newValues,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tradius: this.oldData.radius,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tif(Object.keys(this.paths).length) {\n\t\t\t\tanimateElements = animateElements.concat(animatePath(\n\t\t\t\t\tthis.paths, newXPos, newYPos, newData.zeroLine));\n\t\t\t}\n\n\t\t\tif(this.units.length) {\n\t\t\t\tthis.units.map((dot, i) => {\n\t\t\t\t\tanimateElements = animateElements.concat(animateDot(\n\t\t\t\t\t\tdot, newXPos[i], newYPos[i]));\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn animateElements;\n\t\t}\n\t}\n};\n\nexport function getComponent(name, constants, getData) {\n\tlet keys = Object.keys(componentConfigs).filter(k => name.includes(k));\n\tlet config = componentConfigs[keys[0]];\n\tObject.assign(config, {\n\t\tconstants: constants,\n\t\tgetData: getData\n\t});\n\treturn new ChartComponent(config);\n}\n","// Playing around with dates\n\nexport const NO_OF_YEAR_MONTHS = 12;\nexport const NO_OF_DAYS_IN_WEEK = 7;\nexport const 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\", \"June\",\n\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"];\n\nexport const MONTH_NAMES_SHORT = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\", \"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"];\n\n// https://stackoverflow.com/a/11252167/6495043\nfunction treatAsUtc(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\nexport 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 { floatTwo } from './helpers';\n\nfunction normalize(x) {\n\t// Calculates mantissa and exponent of a number\n\t// Returns normalized number and exponent\n\t// https://stackoverflow.com/q/9383593/6495043\n\n\tif(x===0) {\n\t\treturn [0, 0];\n\t}\n\tif(isNaN(x)) {\n\t\treturn {mantissa: -6755399441055744, exponent: 972};\n\t}\n\tvar sig = x > 0 ? 1 : -1;\n\tif(!isFinite(x)) {\n\t\treturn {mantissa: sig * 4503599627370496, exponent: 972};\n\t}\n\n\tx = Math.abs(x);\n\tvar exp = Math.floor(Math.log10(x));\n\tvar man = x/Math.pow(10, exp);\n\n\treturn [sig * man, exp];\n}\n\nfunction getChartRangeIntervals(max, min=0) {\n\tlet upperBound = Math.ceil(max);\n\tlet lowerBound = Math.floor(min);\n\tlet range = upperBound - lowerBound;\n\n\tlet noOfParts = range;\n\tlet partSize = 1;\n\n\t// To avoid too many partitions\n\tif(range > 5) {\n\t\tif(range % 2 !== 0) {\n\t\t\tupperBound++;\n\t\t\t// Recalc range\n\t\t\trange = upperBound - lowerBound;\n\t\t}\n\t\tnoOfParts = range/2;\n\t\tpartSize = 2;\n\t}\n\n\t// Special case: 1 and 2\n\tif(range <= 2) {\n\t\tnoOfParts = 4;\n\t\tpartSize = range/noOfParts;\n\t}\n\n\t// Special case: 0\n\tif(range === 0) {\n\t\tnoOfParts = 5;\n\t\tpartSize = 1;\n\t}\n\n\tlet intervals = [];\n\tfor(var i = 0; i <= noOfParts; i++){\n\t\tintervals.push(lowerBound + partSize * i);\n\t}\n\treturn intervals;\n}\n\nfunction getChartIntervals(maxValue, minValue=0) {\n\tlet [normalMaxValue, exponent] = normalize(maxValue);\n\tlet normalMinValue = minValue ? minValue/Math.pow(10, exponent): 0;\n\n\t// Allow only 7 significant digits\n\tnormalMaxValue = normalMaxValue.toFixed(6);\n\n\tlet intervals = getChartRangeIntervals(normalMaxValue, normalMinValue);\n\tintervals = intervals.map(value => value * Math.pow(10, exponent));\n\treturn intervals;\n}\n\nexport function calcChartIntervals(values, withMinimum=false) {\n\t//*** Where the magic happens ***\n\n\t// Calculates best-fit y intervals from given values\n\t// and returns the interval array\n\n\tlet maxValue = Math.max(...values);\n\tlet minValue = Math.min(...values);\n\n\t// Exponent to be used for pretty print\n\tlet exponent = 0, intervals = []; // eslint-disable-line no-unused-vars\n\n\tfunction getPositiveFirstIntervals(maxValue, absMinValue) {\n\t\tlet intervals = getChartIntervals(maxValue);\n\n\t\tlet intervalSize = intervals[1] - intervals[0];\n\n\t\t// Then unshift the negative values\n\t\tlet value = 0;\n\t\tfor(var i = 1; value < absMinValue; i++) {\n\t\t\tvalue += intervalSize;\n\t\t\tintervals.unshift((-1) * value);\n\t\t}\n\t\treturn intervals;\n\t}\n\n\t// CASE I: Both non-negative\n\n\tif(maxValue >= 0 && minValue >= 0) {\n\t\texponent = normalize(maxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(maxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(maxValue, minValue);\n\t\t}\n\t}\n\n\t// CASE II: Only minValue negative\n\n\telse if(maxValue > 0 && minValue < 0) {\n\t\t// `withMinimum` irrelevant in this case,\n\t\t// We'll be handling both sides of zero separately\n\t\t// (both starting from zero)\n\t\t// Because ceil() and floor() behave differently\n\t\t// in those two regions\n\n\t\tlet absMinValue = Math.abs(minValue);\n\n\t\tif(maxValue >= absMinValue) {\n\t\t\texponent = normalize(maxValue)[1];\n\t\t\tintervals = getPositiveFirstIntervals(maxValue, absMinValue);\n\t\t} else {\n\t\t\t// Mirror: maxValue => absMinValue, then change sign\n\t\t\texponent = normalize(absMinValue)[1];\n\t\t\tlet posIntervals = getPositiveFirstIntervals(absMinValue, maxValue);\n\t\t\tintervals = posIntervals.map(d => d * (-1));\n\t\t}\n\n\t}\n\n\t// CASE III: Both non-positive\n\n\telse if(maxValue <= 0 && minValue <= 0) {\n\t\t// Mirrored Case I:\n\t\t// Work with positives, then reverse the sign and array\n\n\t\tlet pseudoMaxValue = Math.abs(minValue);\n\t\tlet pseudoMinValue = Math.abs(maxValue);\n\n\t\texponent = normalize(pseudoMaxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue, pseudoMinValue);\n\t\t}\n\n\t\tintervals = intervals.reverse().map(d => d * (-1));\n\t}\n\n\treturn intervals;\n}\n\nexport function getZeroIndex(yPts) {\n\tlet zeroIndex;\n\tlet interval = getIntervalSize(yPts);\n\tif(yPts.indexOf(0) >= 0) {\n\t\t// the range has a given zero\n\t\t// zero-line on the chart\n\t\tzeroIndex = yPts.indexOf(0);\n\t} else if(yPts[0] > 0) {\n\t\t// Minimum value is positive\n\t\t// zero-line is off the chart: below\n\t\tlet min = yPts[0];\n\t\tzeroIndex = (-1) * min / interval;\n\t} else {\n\t\t// Maximum value is negative\n\t\t// zero-line is off the chart: above\n\t\tlet max = yPts[yPts.length - 1];\n\t\tzeroIndex = (-1) * max / interval + (yPts.length - 1);\n\t}\n\treturn zeroIndex;\n}\n\nexport function getRealIntervals(max, noOfIntervals, min = 0, asc = 1) {\n\tlet range = max - min;\n\tlet part = range * 1.0 / noOfIntervals;\n\tlet intervals = [];\n\n\tfor(var i = 0; i <= noOfIntervals; i++) {\n\t\tintervals.push(min + part * i);\n\t}\n\n\treturn asc ? intervals : intervals.reverse();\n}\n\nexport function getIntervalSize(orderedArray) {\n\treturn orderedArray[1] - orderedArray[0];\n}\n\nexport function getValueRange(orderedArray) {\n\treturn orderedArray[orderedArray.length-1] - orderedArray[0];\n}\n\nexport function scale(val, yAxis) {\n\treturn floatTwo(yAxis.zeroLine - val * yAxis.scaleMultiplier);\n}\n\nexport function calcDistribution(values, distributionSize) {\n\t// Assume non-negative values,\n\t// implying distribution minimum at zero\n\n\tlet dataMaxValue = Math.max(...values);\n\n\tlet distributionStep = 1 / (distributionSize - 1);\n\tlet distribution = [];\n\n\tfor(var i = 0; i < distributionSize; i++) {\n\t\tlet checkpoint = dataMaxValue * (distributionStep * i);\n\t\tdistribution.push(checkpoint);\n\t}\n\n\treturn distribution;\n}\n\nexport function getMaxCheckpoint(value, distribution) {\n\treturn distribution.filter(d => d < value).length;\n}\n","import { fillArray } from '../utils/helpers';\nimport { DEFAULT_AXIS_CHART_TYPE, AXIS_DATASET_CHART_TYPES, DEFAULT_CHAR_WIDTH } from '../utils/constants';\n\nexport function dataPrep(data, type) {\n\tdata.labels = data.labels || [];\n\n\tlet datasetLength = data.labels.length;\n\n\t// Datasets\n\tlet datasets = data.datasets;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\tif(!datasets) {\n\t\t// default\n\t\tdatasets = [{\n\t\t\tvalues: zeroArray\n\t\t}];\n\t}\n\n\tdatasets.map(d=> {\n\t\t// Set values\n\t\tif(!d.values) {\n\t\t\td.values = zeroArray;\n\t\t} else {\n\t\t\t// Check for non values\n\t\t\tlet vals = d.values;\n\t\t\tvals = vals.map(val => (!isNaN(val) ? val : 0));\n\n\t\t\t// Trim or extend\n\t\t\tif(vals.length > datasetLength) {\n\t\t\t\tvals = vals.slice(0, datasetLength);\n\t\t\t} else {\n\t\t\t\tvals = fillArray(vals, datasetLength - vals.length, 0);\n\t\t\t}\n\t\t}\n\n\t\t// Set labels\n\t\t//\n\n\t\t// Set type\n\t\tif(!d.chartType ) {\n\t\t\tif(!AXIS_DATASET_CHART_TYPES.includes(type)) type === DEFAULT_AXIS_CHART_TYPE;\n\t\t\td.chartType = type;\n\t\t}\n\n\t});\n\n\t// Markers\n\n\t// Regions\n\t// data.yRegions = data.yRegions || [];\n\tif(data.yRegions) {\n\t\tdata.yRegions.map(d => {\n\t\t\tif(d.end < d.start) {\n\t\t\t\t[d.start, d.end] = [d.end, d.start];\n\t\t\t}\n\t\t});\n\t}\n\n\treturn data;\n}\n\nexport function zeroDataPrep(realData) {\n\tlet datasetLength = realData.labels.length;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\n\tlet zeroData = {\n\t\tlabels: realData.labels.slice(0, -1),\n\t\tdatasets: realData.datasets.map(d => {\n\t\t\treturn {\n\t\t\t\tname: '',\n\t\t\t\tvalues: zeroArray.slice(0, -1),\n\t\t\t\tchartType: d.chartType\n\t\t\t};\n\t\t}),\n\t};\n\n\tif(realData.yMarkers) {\n\t\tzeroData.yMarkers = [\n\t\t\t{\n\t\t\t\tvalue: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\tif(realData.yRegions) {\n\t\tzeroData.yRegions = [\n\t\t\t{\n\t\t\t\tstart: 0,\n\t\t\t\tend: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\treturn zeroData;\n}\n\nexport function getShortenedLabels(chartWidth, labels=[], isSeries=true) {\n\tlet allowedSpace = chartWidth / labels.length;\n\tlet allowedLetters = allowedSpace / DEFAULT_CHAR_WIDTH;\n\n\tlet calcLabels = labels.map((label, i) => {\n\t\tlabel += \"\";\n\t\tif(label.length > allowedLetters) {\n\n\t\t\tif(!isSeries) {\n\t\t\t\tif(allowedLetters-3 > 0) {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters-3) + \" ...\";\n\t\t\t\t} else {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters) + '..';\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tlet multiple = Math.ceil(label.length/allowedLetters);\n\t\t\t\tif(i % multiple !== 0) {\n\t\t\t\t\tlabel = \"\";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn label;\n\t});\n\n\treturn calcLabels;\n}","import '../scss/charts.scss';\n\n// import MultiAxisChart from './charts/MultiAxisChart';\nimport PercentageChart from './charts/PercentageChart';\nimport PieChart from './charts/PieChart';\nimport Heatmap from './charts/Heatmap';\nimport AxisChart from './charts/AxisChart';\n\nconst chartTypes = {\n\t// multiaxis: MultiAxisChart,\n\tpercentage: PercentageChart,\n\theatmap: Heatmap,\n\tpie: PieChart\n};\n\nfunction getChartByType(chartType = 'line', parent, options) {\n\tif(chartType === 'line') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'bar') {\n\t\toptions.type = 'bar';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'axis-mixed') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t}\n\n\tif (!chartTypes[chartType]) {\n\t\tconsole.error(\"Undefined chart type: \" + chartType);\n\t\treturn;\n\t}\n\n\treturn new chartTypes[chartType](parent, options);\n}\n\nclass Chart {\n\tconstructor(parent, options) {\n\t\treturn getChartByType(options.type, parent, options);\n\t}\n}\n\nexport { Chart, PercentageChart, PieChart, Heatmap, AxisChart };","import { $ } from '../utils/dom';\n\nexport default class SvgTip {\n\tconstructor({\n\t\tparent = null,\n\t\tcolors = []\n\t}) {\n\t\tthis.parent = parent;\n\t\tthis.colors = colors;\n\t\tthis.titleName = '';\n\t\tthis.titleValue = '';\n\t\tthis.listValues = [];\n\t\tthis.titleValueFirst = 0;\n\n\t\tthis.x = 0;\n\t\tthis.y = 0;\n\n\t\tthis.top = 0;\n\t\tthis.left = 0;\n\n\t\tthis.setup();\n\t}\n\n\tsetup() {\n\t\tthis.makeTooltip();\n\t}\n\n\trefresh() {\n\t\tthis.fill();\n\t\tthis.calcPosition();\n\t\t// this.showTip();\n\t}\n\n\tmakeTooltip() {\n\t\tthis.container = $.create('div', {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'graph-svg-tip comparison',\n\t\t\tinnerHTML: `\n\t\t\t\t
                        \n\t\t\t\t
                        `\n\t\t});\n\t\tthis.hideTip();\n\n\t\tthis.title = this.container.querySelector('.title');\n\t\tthis.dataPointList = this.container.querySelector('.data-point-list');\n\n\t\tthis.parent.addEventListener('mouseleave', () => {\n\t\t\tthis.hideTip();\n\t\t});\n\t}\n\n\tfill() {\n\t\tlet title;\n\t\tif(this.index) {\n\t\t\tthis.container.setAttribute('data-point-index', this.index);\n\t\t}\n\t\tif(this.titleValueFirst) {\n\t\t\ttitle = `${this.titleValue}${this.titleName}`;\n\t\t} else {\n\t\t\ttitle = `${this.titleName}${this.titleValue}`;\n\t\t}\n\t\tthis.title.innerHTML = title;\n\t\tthis.dataPointList.innerHTML = '';\n\n\t\tthis.listValues.map((set, i) => {\n\t\t\tconst color = this.colors[i] || 'black';\n\n\t\t\tlet li = $.create('li', {\n\t\t\t\tstyles: {\n\t\t\t\t\t'border-top': `3px solid ${color}`\n\t\t\t\t},\n\t\t\t\tinnerHTML: `${ set.value === 0 || set.value ? set.value : '' }\n\t\t\t\t\t${set.title ? set.title : '' }`\n\t\t\t});\n\n\t\t\tthis.dataPointList.appendChild(li);\n\t\t});\n\t}\n\n\tcalcPosition() {\n\t\tlet width = this.container.offsetWidth;\n\n\t\tthis.top = this.y - this.container.offsetHeight;\n\t\tthis.left = this.x - width/2;\n\t\tlet maxLeft = this.parent.offsetWidth - width;\n\n\t\tlet pointer = this.container.querySelector('.svg-pointer');\n\n\t\tif(this.left < 0) {\n\t\t\tpointer.style.left = `calc(50% - ${-1 * this.left}px)`;\n\t\t\tthis.left = 0;\n\t\t} else if(this.left > maxLeft) {\n\t\t\tlet delta = this.left - maxLeft;\n\t\t\tlet pointerOffset = `calc(50% + ${delta}px)`;\n\t\t\tpointer.style.left = pointerOffset;\n\n\t\t\tthis.left = maxLeft;\n\t\t} else {\n\t\t\tpointer.style.left = `50%`;\n\t\t}\n\t}\n\n\tsetValues(x, y, title = {}, listValues = [], index = -1) {\n\t\tthis.titleName = title.name;\n\t\tthis.titleValue = title.value;\n\t\tthis.listValues = listValues;\n\t\tthis.x = x;\n\t\tthis.y = y;\n\t\tthis.titleValueFirst = title.valueFirst || 0;\n\t\tthis.index = index;\n\t\tthis.refresh();\n\t}\n\n\thideTip() {\n\t\tthis.container.style.top = '0px';\n\t\tthis.container.style.left = '0px';\n\t\tthis.container.style.opacity = '0';\n\t}\n\n\tshowTip() {\n\t\tthis.container.style.top = this.top + 'px';\n\t\tthis.container.style.left = this.left + 'px';\n\t\tthis.container.style.opacity = '1';\n\t}\n}\n","export const 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 DEFAULT_CHAR_WIDTH = 7;\n\n// Universal constants\nexport const ANGLE_RATIO = Math.PI / 180;\nexport const FULL_ANGLE = 360;\n\n// Fixed 5-color theme,\n// More colors are difficult to parse visually\nexport const HEATMAP_DISTRIBUTION_SIZE = 5;\n\nexport const HEATMAP_SQUARE_SIZE = 10;\nexport const HEATMAP_GUTTER_SIZE = 2;\n\nconst HEATMAP_COLORS = ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\nconst DEFAULT_CHART_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey'];\n\nexport const DEFAULT_COLORS = {\n\tbar: DEFAULT_CHART_COLORS,\n\tline: DEFAULT_CHART_COLORS,\n\tpie: DEFAULT_CHART_COLORS,\n\tpercentage: DEFAULT_CHART_COLORS,\n\theatmap: HEATMAP_COLORS\n};","import SvgTip from '../objects/SvgTip';\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup, makeText, AXIS_TICK_LENGTH } from '../utils/draw';\nimport { BASE_CHART_TOP_MARGIN, BASE_CHART_LEFT_MARGIN,\n\tBASE_CHART_RIGHT_MARGIN, INIT_CHART_UPDATE_TIMEOUT, CHART_POST_ANIMATE_TIMEOUT, DEFAULT_COLORS,\n\tALL_CHART_TYPES, COMPATIBLE_CHARTS, DATA_COLOR_DIVISIONS} from '../utils/constants';\nimport { getColor, isValidColor } from '../utils/colors';\nimport { runSMILAnimation } from '../utils/animation';\nimport { Chart } from '../chart';\n\nexport default class BaseChart {\n\tconstructor(parent, options) {\n\n\t\tthis.parent = typeof parent === 'string'\n\t\t\t? document.querySelector(parent)\n\t\t\t: parent;\n\n\t\tif (!(this.parent instanceof HTMLElement)) {\n\t\t\tthrow new Error('No `parent` element to render on was provided.');\n\t\t}\n\n\t\tthis.rawChartArgs = options;\n\n\t\tthis.title = options.title || '';\n\t\tthis.argHeight = options.height || 240;\n\t\tthis.type = options.type || '';\n\n\t\tthis.realData = this.prepareData(options.data);\n\t\tthis.data = this.prepareFirstData(this.realData);\n\n\t\tthis.colors = this.validateColors(options.colors, this.type);\n\n\t\tthis.config = {\n\t\t\tshowTooltip: 1, // calculate\n\t\t\tshowLegend: options.showLegend || 1,\n\t\t\tisNavigable: options.isNavigable || 0,\n\t\t\tanimate: 1\n\t\t};\n\t\tthis.state = {};\n\t\tthis.options = {};\n\n\t\tthis.initTimeout = INIT_CHART_UPDATE_TIMEOUT;\n\n\t\tif(this.config.isNavigable) {\n\t\t\tthis.overlays = [];\n\t\t}\n\n\t\tthis.configure(options);\n\t}\n\n\tconfigure() {\n\t\tthis.setMargins();\n\n\t\t// Bind window events\n\t\twindow.addEventListener('resize', () => this.draw(true));\n\t\twindow.addEventListener('orientationchange', () => this.draw(true));\n\t}\n\n\tvalidateColors(colors, type) {\n\t\tconst validColors = [];\n\t\tcolors = (colors || []).concat(DEFAULT_COLORS[type]);\n\t\tcolors.forEach((string) => {\n\t\t\tconst color = getColor(string);\n\t\t\tif(!isValidColor(color)) {\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t} else {\n\t\t\t\tvalidColors.push(color);\n\t\t\t}\n\t\t});\n\t\treturn validColors;\n\t}\n\n\tsetMargins() {\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - 70;\n\t\tthis.topMargin = BASE_CHART_TOP_MARGIN;\n\n\t\t// Horizontal margins\n\t\tthis.leftMargin = BASE_CHART_LEFT_MARGIN;\n\t\tthis.rightMargin = BASE_CHART_RIGHT_MARGIN;\n\t}\n\n\tsetup() {\n\t\tthis.makeContainer();\n\t\tthis.makeTooltip();\n\n\t\tthis.draw(false, true);\n\t}\n\n\tsetupComponents() {\n\t\tthis.components = new Map();\n\t}\n\n\tmakeContainer() {\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\t\tthis.container = $.create('div', {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'chart-container'\n\t\t});\n\t}\n\n\tmakeTooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.container,\n\t\t\tcolors: this.colors\n\t\t});\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {}\n\n\tdraw(onlyWidthChange=false, init=false) {\n\t\tthis.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 = 30;\n\t\t}\n\t\tif(this.config.showLegend) {\n\t\t\tlegendAreaHeight = 30;\n\t\t}\n\t\tthis.svg = makeSVGContainer(\n\t\t\tthis.container,\n\t\t\t'frappe-chart chart',\n\t\t\tthis.baseWidth,\n\t\t\tthis.baseHeight + titleAreaHeight + legendAreaHeight\n\t\t);\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\n\n\t\tconsole.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,\n\t\t\t\tthis.topMargin,\n\t\t\t\tthis.title,\n\t\t\t\t11\n\t\t\t);\n\t\t\tthis.svg.appendChild(this.titleEL);\n\t\t}\n\n\t\tlet top = this.topMargin + titleAreaHeight;\n\t\tthis.drawArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\tthis.type + '-chart',\n\t\t\t`translate(${this.leftMargin}, ${top})`\n\t\t);\n\n\t\ttop = this.baseHeight - titleAreaHeight;\n\t\tthis.legendArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\t'chart-legend',\n\t\t\t`translate(${this.leftMargin}, ${top})`\n\t\t);\n\t}\n\n\trenderLegend() {}\n\n\tsetupNavigation(init=false) {\n\t\tif(!this.config.isNavigable) return;\n\n\t\tif(init) {\n\t\t\tthis.bindOverlay();\n\n\t\t\tthis.keyActions = {\n\t\t\t\t'13': this.onEnterKey.bind(this),\n\t\t\t\t'37': this.onLeftArrow.bind(this),\n\t\t\t\t'38': this.onUpArrow.bind(this),\n\t\t\t\t'39': this.onRightArrow.bind(this),\n\t\t\t\t'40': this.onDownArrow.bind(this),\n\t\t\t};\n\n\t\t\tdocument.addEventListener('keydown', (e) => {\n\t\t\t\tif(isElementInViewport(this.container)) {\n\t\t\t\t\te = e || window.event;\n\t\t\t\t\tif(this.keyActions[e.keyCode]) {\n\t\t\t\t\t\tthis.keyActions[e.keyCode]();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {}\n\tupdateOverlay() {}\n\tbindOverlay() {}\n\tbindUnits() {}\n\n\tonLeftArrow() {}\n\tonRightArrow() {}\n\tonUpArrow() {}\n\tonDownArrow() {}\n\tonEnterKey() {}\n\n\taddDataPoint() {}\n\tremoveDataPoint() {}\n\n\tgetDataPoint() {}\n\tsetCurrentDataPoint() {}\n\n\tupdateDataset() {}\n\n\tgetDifferentChart(type) {\n\t\tconst currentType = this.type;\n\t\tlet args = this.rawChartArgs;\n\t\tif(type === currentType) return;\n\n\t\tif(!ALL_CHART_TYPES.includes(type)) {\n\t\t\tconsole.error(`'${type}' is not a valid chart type.`);\n\t\t}\n\n\t\tif(!COMPATIBLE_CHARTS[currentType].includes(type)) {\n\t\t\tconsole.error(`'${currentType}' chart cannot be converted to a '${type}' chart.`);\n\t\t}\n\n\t\t// whether the new chart can use the existing colors\n\t\tconst useColor = DATA_COLOR_DIVISIONS[currentType] === DATA_COLOR_DIVISIONS[type];\n\n\t\t// Okay, this is anticlimactic\n\t\t// this function will need to actually be 'changeChartType(type)'\n\t\t// that will update only the required elements, but for now ...\n\n\t\targs.type = type;\n\t\targs.colors = useColor ? args.colors : undefined;\n\n\t\treturn new Chart(this.parent, args);\n\t}\n\n\tunbindWindowEvents(){\n\t\twindow.removeEventListener('resize', () => this.draw(true));\n\t\twindow.removeEventListener('orientationchange', () => this.draw(true));\n\t}\n}\n","import BaseChart from './BaseChart';\n\nexport default class AggregationChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\n\t\tthis.config.maxSlices = args.maxSlices || 20;\n\t\tthis.config.maxLegendPoints = args.maxLegendPoints || 20;\n\t}\n\n\tcalc() {\n\t\tlet s = this.state;\n\t\tlet maxSlices = this.config.maxSlices;\n\t\ts.sliceTotals = [];\n\n\t\tlet allTotals = this.data.labels.map((label, i) => {\n\t\t\tlet total = 0;\n\t\t\tthis.data.datasets.map(e => {\n\t\t\t\ttotal += e.values[i];\n\t\t\t});\n\t\t\treturn [total, label];\n\t\t}).filter(d => { return d[0] > 0; }); // keep only positive results\n\n\t\tlet totals = allTotals;\n\t\tif(allTotals.length > maxSlices) {\n\t\t\t// Prune and keep a grey area for rest as per maxSlices\n\t\t\tallTotals.sort((a, b) => { return b[0] - a[0]; });\n\n\t\t\ttotals = allTotals.slice(0, maxSlices-1);\n\t\t\tlet remaining = allTotals.slice(maxSlices-1);\n\n\t\t\tlet sumOfRemaining = 0;\n\t\t\tremaining.map(d => {sumOfRemaining += d[0];});\n\t\t\ttotals.push([sumOfRemaining, 'Rest']);\n\t\t\tthis.colors[maxSlices-1] = 'grey';\n\t\t}\n\n\t\ts.labels = [];\n\t\ttotals.map(d => {\n\t\t\ts.sliceTotals.push(d[0]);\n\t\t\ts.labels.push(d[1]);\n\t\t});\n\t}\n\n\trenderLegend() {\n\t\t// let s = this.state;\n\n\t\t// this.statsWrapper.textContent = '';\n\n\t\t// this.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints);\n\n\t\t// let xValues = s.labels;\n\t\t// this.legendTotals.map((d, i) => {\n\t\t// \tif(d) {\n\t\t// \t\tlet stats = $.create('div', {\n\t\t// \t\t\tclassName: 'stats',\n\t\t// \t\t\tinside: this.statsWrapper\n\t\t// \t\t});\n\t\t// \t\tstats.innerHTML = `\n\t\t// \t\t\t\n\t\t// \t\t\t${xValues[i]}:\n\t\t// \t\t\t${d}\n\t\t// \t\t`;\n\t\t// \t}\n\t\t// });\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class PercentageChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'percentage';\n\n\t\tthis.setup();\n\t}\n\n\tmakeChartArea() {\n\t\tthis.container.className += ' ' + 'graph-focus-margin';\n\t\tthis.container.style.marginTop = '45px';\n\n\t\t// this.statsWrapper.className += ' ' + 'graph-focus-margin';\n\t\t// this.statsWrapper.style.marginBottom = '30px';\n\t\t// this.statsWrapper.style.paddingTop = '0px';\n\n\t\tthis.svg = $.create('div', {\n\t\t\tclassName: 'div',\n\t\t\tinside: this.container\n\t\t});\n\n\t\tthis.chart = $.create('div', {\n\t\t\tclassName: 'progress-chart',\n\t\t\tinside: this.svg\n\t\t});\n\n\t\tthis.percentageBar = $.create('div', {\n\t\t\tclassName: 'progress',\n\t\t\tinside: this.chart\n\t\t});\n\t}\n\n\trender() {\n\t\tlet s = this.state;\n\t\tthis.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);\n\t\ts.slices = [];\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tlet slice = $.create('div', {\n\t\t\t\tclassName: `progress-bar`,\n\t\t\t\t'data-index': i,\n\t\t\t\tinside: this.percentageBar,\n\t\t\t\tstyles: {\n\t\t\t\t\tbackground: this.colors[i],\n\t\t\t\t\twidth: total*100/this.grandTotal + \"%\"\n\t\t\t\t}\n\t\t\t});\n\t\t\ts.slices.push(slice);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tlet s = this.state;\n\n\t\tthis.container.addEventListener('mousemove', (e) => {\n\t\t\tlet slice = e.target;\n\t\t\tif(slice.classList.contains('progress-bar')) {\n\n\t\t\t\tlet i = slice.getAttribute('data-index');\n\t\t\t\tlet gOff = getOffset(this.container), pOff = getOffset(slice);\n\n\t\t\t\tlet x = pOff.left - gOff.left + slice.offsetWidth/2;\n\t\t\t\tlet y = pOff.top - gOff.top - 6;\n\t\t\t\tlet title = (this.formattedLabels && this.formattedLabels.length>0\n\t\t\t\t\t? this.formattedLabels[i] : this.state.labels[i]) + ': ';\n\t\t\t\tlet percent = (s.sliceTotals[i]*100/this.grandTotal).toFixed(1);\n\n\t\t\t\tthis.tip.setValues(x, y, {name: title, value: percent + \"%\"});\n\t\t\t\tthis.tip.showTip();\n\t\t\t}\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset } from '../utils/dom';\nimport { getPositionByAngle } from '../utils/helpers';\nimport { makeArcPathStr } from '../utils/draw';\nimport { lightenDarkenColor } from '../utils/colors';\nimport { transform } from '../utils/animation';\nimport { FULL_ANGLE } from '../utils/constants';\n\nexport default class PieChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'pie';\n\t\tthis.initTimeout = 0;\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\t\tthis.mouseMove = this.mouseMove.bind(this);\n\t\tthis.mouseLeave = this.mouseLeave.bind(this);\n\n\t\tthis.hoverRadio = args.hoverRadio || 0.1;\n\t\tthis.config.startAngle = args.startAngle || 0;\n\n\t\tthis.clockWise = args.clockWise || false;\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\tthis.init = 1;\n\t\treturn data;\n\t}\n\n\tcalc() {\n\t\tsuper.calc();\n\t\tlet s = this.state;\n\n\t\tthis.center = {\n\t\t\tx: this.width / 2,\n\t\t\ty: this.height / 2\n\t\t};\n\t\tthis.radius = (this.height > this.width ? this.center.x : this.center.y);\n\n\t\ts.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);\n\n\t\tthis.calcSlices();\n\t}\n\n\tcalcSlices() {\n\t\tlet s = this.state;\n\t\tconst { radius, clockWise } = this;\n\n\t\tconst prevSlicesProperties = s.slicesProperties || [];\n\t\ts.sliceStrings = [];\n\t\ts.slicesProperties = [];\n\t\tlet curAngle = 180 - this.config.startAngle;\n\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tconst startAngle = curAngle;\n\t\t\tconst originDiffAngle = (total / s.grandTotal) * FULL_ANGLE;\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\n\t\t\tconst startPosition = getPositionByAngle(startAngle, radius);\n\t\t\tconst endPosition = getPositionByAngle(endAngle, radius);\n\n\t\t\tconst prevProperty = this.init && prevSlicesProperties[i];\n\n\t\t\tlet curStart,curEnd;\n\t\t\tif(this.init) {\n\t\t\t\tcurStart = prevProperty ? prevProperty.startPosition : startPosition;\n\t\t\t\tcurEnd = prevProperty ? prevProperty.endPosition : startPosition;\n\t\t\t} else {\n\t\t\t\tcurStart = startPosition;\n\t\t\t\tcurEnd = endPosition;\n\t\t\t}\n\t\t\tconst curPath = makeArcPathStr(curStart, curEnd, this.center, this.radius, this.clockWise);\n\n\t\t\ts.sliceStrings.push(curPath);\n\t\t\ts.slicesProperties.push({\n\t\t\t\tstartPosition,\n\t\t\t\tendPosition,\n\t\t\t\tvalue: total,\n\t\t\t\ttotal: s.grandTotal,\n\t\t\t\tstartAngle,\n\t\t\t\tendAngle,\n\t\t\t\tangle: diffAngle\n\t\t\t});\n\n\t\t});\n\t\tthis.init = 0;\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'pieSlices',\n\t\t\t\t{ },\n\t\t\t\tfunction() {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tsliceStrings: s.sliceStrings,\n\t\t\t\t\t\tcolors: this.colors\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tcalTranslateByAngle(property){\n\t\tconst{radius,hoverRadio} = this;\n\t\tconst position = getPositionByAngle(property.startAngle+(property.angle / 2),radius);\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\n\t}\n\n\thoverSlice(path,i,flag,e){\n\t\tif(!path) return;\n\t\tconst color = this.colors[i];\n\t\tif(flag) {\n\t\t\ttransform(path, this.calTranslateByAngle(this.state.slicesProperties[i]));\n\t\t\tpath.style.fill = lightenDarkenColor(color, 50);\n\t\t\tlet g_off = getOffset(this.svg);\n\t\t\tlet x = e.pageX - g_off.left + 10;\n\t\t\tlet y = e.pageY - g_off.top - 10;\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t\t? this.formatted_labels[i] : this.state.labels[i]) + ': ';\n\t\t\tlet percent = (this.state.sliceTotals[i] * 100 / this.state.grandTotal).toFixed(1);\n\t\t\tthis.tip.setValues(x, y, {name: title, value: percent + \"%\"});\n\t\t\tthis.tip.showTip();\n\t\t} else {\n\t\t\ttransform(path,'translate3d(0,0,0)');\n\t\t\tthis.tip.hideTip();\n\t\t\tpath.style.fill = color;\n\t\t}\n\t}\n\n\tbindTooltip() {\n\t\tthis.container.addEventListener('mousemove', this.mouseMove);\n\t\tthis.container.addEventListener('mouseleave', this.mouseLeave);\n\t}\n\n\tmouseMove(e){\n\t\tconst target = e.target;\n\t\tlet slices = this.components.get('pieSlices').store;\n\t\tlet prevIndex = this.curActiveSliceIndex;\n\t\tlet prevAcitve = this.curActiveSlice;\n\t\tif(slices.includes(target)) {\n\t\t\tlet i = slices.indexOf(target);\n\t\t\tthis.hoverSlice(prevAcitve, prevIndex,false);\n\t\t\tthis.curActiveSlice = target;\n\t\t\tthis.curActiveSliceIndex = i;\n\t\t\tthis.hoverSlice(target, i, true, e);\n\t\t} else {\n\t\t\tthis.mouseLeave();\n\t\t}\n\t}\n\n\tmouseLeave(){\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { makeSVGGroup, makeText } from '../utils/draw';\nimport { getComponent } from '../objects/ChartComponents';\nimport { 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_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;\nconst 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.discreteDomains = options.discreteDomains === 0 ? 0 : 1;\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\tupdateWidth() {\n\t\tthis.baseWidth = (this.state.noOfWeeks + 99) * COL_WIDTH;\n\n\t\tif(this.discreteDomains) {\n\t\t\tthis.baseWidth += (COL_WIDTH * NO_OF_YEAR_MONTHS);\n\t\t}\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 = this.data.start;\n\t\ts.end = this.data.end;\n\n\t\ts.firstWeekStart = setDayToSunday(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\n\t\tlet componentConfigs = s.domainConfigs.map((config, i) => [\n\t\t\t'heatDomain',\n\t\t\t{\n\t\t\t\tindex: i,\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 - 1)\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\t// console.log(s.domainConfigs)\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}\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.draw();\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {\n\t\tArray.prototype.slice.call(\n\t\t\tdocument.querySelectorAll(\".data-group .day\")\n\t\t).map(el => {\n\t\t\tel.addEventListener('mouseenter', (e) => {\n\t\t\t\tlet count = e.target.getAttribute('data-value');\n\t\t\t\tlet dateParts = e.target.getAttribute('data-date').split('-');\n\n\t\t\t\tlet month = getMonthName(parseInt(dateParts[1])-1, true);\n\n\t\t\t\tlet gOff = this.container.getBoundingClientRect(), pOff = e.target.getBoundingClientRect();\n\n\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\tlet x = pOff.left - gOff.left + (width+2)/2;\n\t\t\t\tlet y = pOff.top - gOff.top - (width+2)/2;\n\t\t\t\tlet value = count + ' ' + this.countLabel;\n\t\t\t\tlet name = ' on ' + month + ' ' + dateParts[0] + ', ' + dateParts[2];\n\n\t\t\t\tthis.tip.setValues(x, y, {name: name, value: value, valueFirst: 1}, []);\n\t\t\t\tthis.tip.showTip();\n\t\t\t});\n\t\t});\n\t}\n\n\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);\n\t\tendDate = clone(endDate) || getLastDateInMonth(month, year);\n\n\t\tlet s = this.state;\n\t\tlet domainConfig = {\n\t\t\tindex: month,\n\t\t\tcols: []\n\t\t};\n\n\t\tlet noOfMonthWeeks = getWeeksBetween(startOfWeek, endDate);\n\n\t\tlet cols = [];\n\t\tfor(var i = 0; i < noOfMonthWeeks; i++) {\n\t\t\tconst col = 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(startOfWeek.getDay() === this.startSubDomainIndex) {\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\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\t\t\tif(empty || currentDate.getMonth() !== month) {\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 } 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}\n\n\tcalcXPositions() {\n\t\tlet s = this.state;\n\t\tlet labels = this.data.labels;\n\t\ts.datasetLength = labels.length;\n\n\t\ts.unitWidth = this.width/(s.datasetLength);\n\t\t// Default, as per bar, and mixed. Only line will be a special case\n\t\ts.xOffset = s.unitWidth/2;\n\n\t\t// // For a pure Line Chart\n\t\t// s.unitWidth = this.width/(s.datasetLength - 1);\n\t\t// s.xOffset = 0;\n\n\t\ts.xAxis = {\n\t\t\tlabels: labels,\n\t\t\tpositions: labels.map((d, i) =>\n\t\t\t\tfloatTwo(s.xOffset + i * s.unitWidth)\n\t\t\t)\n\t\t};\n\t}\n\n\tcalcYAxisParameters(dataValues, withMinimum = 'false') {\n\t\tconst yPts = calcChartIntervals(dataValues, withMinimum);\n\t\tconst scaleMultiplier = this.height / getValueRange(yPts);\n\t\tconst intervalHeight = getIntervalSize(yPts) * scaleMultiplier;\n\t\tconst zeroLine = this.height - (getZeroIndex(yPts) * intervalHeight);\n\n\t\tthis.state.yAxis = {\n\t\t\tlabels: yPts,\n\t\t\tpositions: yPts.map(d => zeroLine - d * scaleMultiplier),\n\t\t\tscaleMultiplier: scaleMultiplier,\n\t\t\tzeroLine: zeroLine,\n\t\t};\n\n\t\t// Dependent if above changes\n\t\tthis.calcDatasetPoints();\n\t\tthis.calcYExtremes();\n\t\tthis.calcYRegions();\n\t}\n\n\tcalcDatasetPoints() {\n\t\tlet s = this.state;\n\t\tlet scaleAll = values => values.map(val => scale(val, s.yAxis));\n\n\t\ts.datasets = this.data.datasets.map((d, i) => {\n\t\t\tlet values = d.values;\n\t\t\tlet cumulativeYs = d.cumulativeYs || [];\n\t\t\treturn {\n\t\t\t\tname: d.name,\n\t\t\t\tindex: i,\n\t\t\t\tchartType: d.chartType,\n\n\t\t\t\tvalues: values,\n\t\t\t\tyPositions: scaleAll(values),\n\n\t\t\t\tcumulativeYs: cumulativeYs,\n\t\t\t\tcumulativeYPos: scaleAll(cumulativeYs),\n\t\t\t};\n\t\t});\n\t}\n\n\tcalcYExtremes() {\n\t\tlet s = this.state;\n\t\tif(this.barOptions.stacked) {\n\t\t\ts.yExtremes = s.datasets[s.datasets.length - 1].cumulativeYPos;\n\t\t\treturn;\n\t\t}\n\t\ts.yExtremes = new Array(s.datasetLength).fill(9999);\n\t\ts.datasets.map(d => {\n\t\t\td.yPositions.map((pos, j) => {\n\t\t\t\tif(pos < s.yExtremes[j]) {\n\t\t\t\t\ts.yExtremes[j] = pos;\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n\n\tcalcYRegions() {\n\t\tlet s = this.state;\n\t\tif(this.data.yMarkers) {\n\t\t\tthis.state.yMarkers = this.data.yMarkers.map(d => {\n\t\t\t\td.position = scale(d.value, s.yAxis);\n\t\t\t\t// if(!d.label.includes(':')) {\n\t\t\t\t// \td.label += ': ' + d.value;\n\t\t\t\t// }\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t\tif(this.data.yRegions) {\n\t\t\tthis.state.yRegions = this.data.yRegions.map(d => {\n\t\t\t\td.startPos = scale(d.start, s.yAxis);\n\t\t\t\td.endPos = scale(d.end, s.yAxis);\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t}\n\n\tgetAllYValues() {\n\t\t// TODO: yMarkers, regions, sums, every Y value ever\n\t\tlet key = 'values';\n\n\t\tif(this.barOptions.stacked) {\n\t\t\tkey = 'cumulativeYs';\n\t\t\tlet cumulative = new Array(this.state.datasetLength).fill(0);\n\t\t\tthis.data.datasets.map((d, i) => {\n\t\t\t\tlet values = this.data.datasets[i].values;\n\t\t\t\td[key] = cumulative = cumulative.map((c, i) => c + values[i]);\n\t\t\t});\n\t\t}\n\n\t\tlet allValueLists = this.data.datasets.map(d => d[key]);\n\t\tif(this.data.yMarkers) {\n\t\t\tallValueLists.push(this.data.yMarkers.map(d => d.value));\n\t\t}\n\t\tif(this.data.yRegions) {\n\t\t\tthis.data.yRegions.map(d => {\n\t\t\t\tallValueLists.push([d.end, d.start]);\n\t\t\t});\n\t\t}\n\n\t\treturn [].concat(...allValueLists);\n\t}\n\n\tsetupComponents() {\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'yAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.yAxisMode,\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'xAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.xAxisMode,\n\t\t\t\t\theight: this.height,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\ts.xAxis.calcLabels = getShortenedLabels(this.width,\n\t\t\t\t\t\ts.xAxis.labels, this.config.xIsSeries);\n\n\t\t\t\t\treturn s.xAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'yRegions',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yRegions;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\t\t];\n\n\t\tlet barDatasets = this.state.datasets.filter(d => d.chartType === 'bar');\n\t\tlet lineDatasets = this.state.datasets.filter(d => d.chartType === 'line');\n\n\t\tlet barsConfigs = barDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'barGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tstacked: this.barOptions.stacked,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t\tminHeight: this.height * MIN_BAR_PERCENT_HEIGHT,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\t\t\t\t\tlet stacked = this.barOptions.stacked;\n\n\t\t\t\t\tlet spaceRatio = this.barOptions.spaceRatio || BAR_CHART_SPACE_RATIO;\n\t\t\t\t\tlet barsWidth = s.unitWidth * (1 - spaceRatio);\n\t\t\t\t\tlet barWidth = barsWidth/(stacked ? 1 : barDatasets.length);\n\n\t\t\t\t\tlet xPositions = s.xAxis.positions.map(x => x - barsWidth/2);\n\t\t\t\t\tif(!stacked) {\n\t\t\t\t\t\txPositions = xPositions.map(p => p + barWidth * index);\n\t\t\t\t\t}\n\n\t\t\t\t\tlet labels = new Array(s.datasetLength).fill('');\n\t\t\t\t\tif(this.config.valuesOverPoints) {\n\t\t\t\t\t\tif(stacked && d.index === s.datasets.length - 1) {\n\t\t\t\t\t\t\tlabels = d.cumulativeYs;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tlabels = d.values;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tlet offsets = new Array(s.datasetLength).fill(0);\n\t\t\t\t\tif(stacked) {\n\t\t\t\t\t\toffsets = d.yPositions.map((y, j) => y - d.cumulativeYPos[j]);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: xPositions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\t\t\t\t\t\toffsets: offsets,\n\t\t\t\t\t\t// values: d.values,\n\t\t\t\t\t\tlabels: labels,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tbarsWidth: barsWidth,\n\t\t\t\t\t\tbarWidth: barWidth,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet lineConfigs = lineDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'lineGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tsvgDefs: this.svgDefs,\n\t\t\t\t\theatline: this.lineOptions.heatline,\n\t\t\t\t\tregionFill: this.lineOptions.regionFill,\n\t\t\t\t\thideDots: this.lineOptions.hideDots,\n\t\t\t\t\thideLine: this.lineOptions.hideLine,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: s.xAxis.positions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\n\t\t\t\t\t\tvalues: d.values,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tradius: this.lineOptions.dotSize || LINE_CHART_DOT_SIZE,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet markerConfigs = [\n\t\t\t[\n\t\t\t\t'yMarkers',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yMarkers;\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tcomponentConfigs = componentConfigs.concat(barsConfigs, lineConfigs, markerConfigs);\n\n\t\tlet optionals = ['yMarkers', 'yRegions'];\n\t\tthis.dataUnitComponents = [];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.filter(args => !optionals.includes(args[0]) || this.state[args[0]])\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\tif(args[0].includes('lineGraph') || args[0].includes('barGraph')) {\n\t\t\t\t\tthis.dataUnitComponents.push(component);\n\t\t\t\t}\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tbindTooltip() {\n\t\t// NOTE: could be in tooltip itself, as it is a given functionality for its parent\n\t\tthis.container.addEventListener('mousemove', (e) => {\n\t\t\tlet o = getOffset(this.container);\n\t\t\tlet relX = e.pageX - o.left - this.leftMargin;\n\t\t\tlet relY = e.pageY - o.top - this.topMargin;\n\n\t\t\tif(relY < this.height + this.topMargin * 2) {\n\t\t\t\tthis.mapTooltipXPosition(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.hideTip();\n\t\t\t}\n\t\t});\n\t}\n\n\tmapTooltipXPosition(relX) {\n\t\tlet s = this.state;\n\t\tif(!s.yExtremes) return;\n\n\t\tlet formatY = this.config.formatTooltipY;\n\t\tlet formatX = this.config.formatTooltipX;\n\n\t\tlet titles = s.xAxis.labels;\n\t\tif(formatX && formatX(titles[0])) {\n\t\t\ttitles = titles.map(d=>formatX(d));\n\t\t}\n\n\t\tformatY = formatY && formatY(s.yAxis.labels[0]) ? formatY : 0;\n\n\t\tfor(var i=s.datasetLength - 1; i >= 0 ; i--) {\n\t\t\tlet xVal = s.xAxis.positions[i];\n\t\t\t// let delta = i === 0 ? s.unitWidth : xVal - s.xAxis.positions[i-1];\n\t\t\tif(relX > xVal - s.unitWidth/2) {\n\t\t\t\tlet x = xVal + this.leftMargin;\n\t\t\t\tlet y = s.yExtremes[i] + this.topMargin;\n\n\t\t\t\tlet values = this.data.datasets.map((set, j) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttitle: set.name,\n\t\t\t\t\t\tvalue: formatY ? formatY(set.values[i]) : set.values[i],\n\t\t\t\t\t\tcolor: this.colors[j],\n\t\t\t\t\t};\n\t\t\t\t});\n\n\t\t\t\tthis.tip.setValues(x, y, {name: titles[i], value: ''}, values, i);\n\t\t\t\tthis.tip.showTip();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\trenderLegend() {\n\t\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\tmakeOverlay() {\n\t\tif(this.init) {\n\t\t\tthis.init = 0;\n\t\t\treturn;\n\t\t}\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\n\t\tthis.overlayGuides = this.dataUnitComponents.map(c => {\n\t\t\treturn {\n\t\t\t\ttype: c.unitType,\n\t\t\t\toverlay: undefined,\n\t\t\t\tunits: c.units,\n\t\t\t};\n\t\t});\n\n\t\tif(this.state.currentIndex === undefined) {\n\t\t\tthis.state.currentIndex = this.state.datasetLength - 1;\n\t\t}\n\n\t\t// Render overlays\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\n\t\t\td.overlay = makeOverlay[d.type](currentUnit);\n\t\t\tthis.drawArea.appendChild(d.overlay);\n\t\t});\n\t}\n\n\tupdateOverlayGuides() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\t}\n\n\tbindOverlay() {\n\t\tthis.parent.addEventListener('data-select', () => {\n\t\t\tthis.updateOverlay();\n\t\t});\n\t}\n\n\tbindUnits() {\n\t\tthis.dataUnitComponents.map(c => {\n\t\t\tc.units.map(unit => {\n\t\t\t\tunit.addEventListener('click', () => {\n\t\t\t\t\tlet index = unit.getAttribute('data-point-index');\n\t\t\t\t\tthis.setCurrentDataPoint(index);\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\n\t\t// Note: Doesn't work as tooltip is absolutely positioned\n\t\tthis.tip.container.addEventListener('click', () => {\n\t\t\tlet index = this.tip.container.getAttribute('data-point-index');\n\t\t\tthis.setCurrentDataPoint(index);\n\t\t});\n\t}\n\n\tupdateOverlay() {\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\tupdateOverlay[d.type](currentUnit, d.overlay);\n\t\t});\n\t}\n\n\tonLeftArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex - 1);\n\t}\n\n\tonRightArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex + 1);\n\t}\n\n\tgetDataPoint(index=this.state.currentIndex) {\n\t\tlet s = this.state;\n\t\tlet data_point = {\n\t\t\tindex: index,\n\t\t\tlabel: s.xAxis.labels[index],\n\t\t\tvalues: s.datasets.map(d => d.values[index])\n\t\t};\n\t\treturn data_point;\n\t}\n\n\tsetCurrentDataPoint(index) {\n\t\tlet s = this.state;\n\t\tindex = parseInt(index);\n\t\tif(index < 0) index = 0;\n\t\tif(index >= s.xAxis.labels.length) index = s.xAxis.labels.length - 1;\n\t\tif(index === s.currentIndex) return;\n\t\ts.currentIndex = index;\n\t\tfire(this.parent, \"data-select\", this.getDataPoint());\n\t}\n\n\t// API\n\taddDataPoint(label, datasetValues, index=this.state.datasetLength) {\n\t\tsuper.addDataPoint(label, datasetValues, index);\n\t\tthis.data.labels.splice(index, 0, label);\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\td.values.splice(index, 0, datasetValues[i]);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\tremoveDataPoint(index = this.state.datasetLength-1) {\n\t\tif (this.data.labels.length <= 1) {\n\t\t\treturn;\n\t\t}\n\t\tsuper.removeDataPoint(index);\n\t\tthis.data.labels.splice(index, 1);\n\t\tthis.data.datasets.map(d => {\n\t\t\td.values.splice(index, 1);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\tupdateDataset(datasetValues, index=0) {\n\t\tthis.data.datasets[index].values = datasetValues;\n\t\tthis.update(this.data);\n\t}\n\t// addDataset(dataset, index) {}\n\t// removeDataset(index = 0) {}\n\n\tupdateDatasets(datasets) {\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\tif(datasets[i]) {\n\t\t\t\td.values = datasets[i];\n\t\t\t}\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\t// updateDataPoint(dataPoint, index = 0) {}\n\t// addDataPoint(dataPoint, index = 0) {}\n\t// removeDataPoint(index = 0) {}\n}\n"],"names":["$","expr","con","document","querySelector","getOffset","element","rect","getBoundingClientRect","top","documentElement","scrollTop","body","left","scrollLeft","isElementInViewport","el","bottom","window","innerHeight","clientHeight","right","innerWidth","clientWidth","getElementContentWidth","styles","getComputedStyle","padding","parseFloat","paddingLeft","paddingRight","fire","target","type","properties","evt","createEvent","initEvent","j","dispatchEvent","floatTwo","d","toFixed","fillArray","array","count","start","length","fillerArray","Array","Math","abs","fill","concat","getStringWidth","string","charWidth","getPositionByAngle","angle","radius","sin","ANGLE_RATIO","cos","getBarHeightAndYAttr","yTop","zeroLine","height","y","equilizeNoOfElements","array1","array2","extraCount","createSVG","tag","o","createElementNS","i","val","appendChild","ref","parentNode","insertBefore","keys","map","style","prop","setAttribute","renderVerticalGradient","svgDefElem","gradientId","setGradientStop","gradElem","offset","color","opacity","makeSVGContainer","parent","className","width","makeSVGDefs","svgContainer","makeSVGGroup","makePath","pathStr","makeArcPathStr","startPosition","endPosition","center","clockWise","arcStartX","x","arcStartY","arcEndX","arcEndY","makeGradient","lighter","gradientDef","opacities","heatSquare","size","data","args","key","legendBar","label","text","FONT_SIZE","FONT_FILL","group","makeText","content","fontSize","makeVertLine","y1","y2","options","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","slice","limitColor","r","lightenDarkenColor","amt","col","getColor","usePound","num","parseInt","b","g","toString","isValidColor","test","translate","unit","oldCoord","newCoord","duration","old","transform","STD_EASING","translateVertLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","animateBar","bar","nodeName","UNIT_ANIM_DUR","split","animateDot","cx","cy","animatePath","newXList","newYList","pathComponents","animPath","PATH_ANIM_DUR","push","regStartPt","regEndPt","animRegion","animatePathStr","oldPath","animateSVGElement","props","dur","easingType","undefined","oldValues","animElement","cloneNode","newElement","attributeName","animateElement","currentValue","value","animAttr","EASING","webkitTransform","msTransform","mozTransform","oTransform","animateSVG","elements","newElements","animElements","replaceChild","animSvg","runSMILAnimation","svgElement","elementsToAnimate","animSvgElement","removeChild","REPLACE_ALL_NEW_DUR","getComponent","name","constants","getData","Object","componentConfigs","filter","includes","k","config","assign","ChartComponent","treatAsUtc","date","result","Date","setMinutes","getMinutes","getTimezoneOffset","getYyyyMmDd","dd","getDate","mm","getMonth","getFullYear","clone","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","normalize","isNaN","mantissa","exponent","sig","isFinite","exp","floor","log10","pow","getChartRangeIntervals","max","min","upperBound","lowerBound","range","noOfParts","partSize","intervals","getChartIntervals","maxValue","minValue","normalMaxValue","normalMinValue","calcChartIntervals","values","getPositiveFirstIntervals","absMinValue","intervalSize","unshift","withMinimum","pseudoMaxValue","pseudoMinValue","reverse","getZeroIndex","yPts","interval","getIntervalSize","indexOf","orderedArray","getValueRange","scale","yAxis","scaleMultiplier","calcDistribution","distributionSize","dataMaxValue","distributionStep","distribution","checkpoint","getMaxCheckpoint","dataPrep","labels","datasetLength","datasets","zeroArray","vals","chartType","AXIS_DATASET_CHART_TYPES","yRegions","end","zeroDataPrep","realData","zeroData","yMarkers","getShortenedLabels","chartWidth","isSeries","allowedLetters","DEFAULT_CHAR_WIDTH","getChartByType","AxisChart","chartTypes","error","create","createElement","SvgTip","colors","titleName","titleValue","listValues","titleValueFirst","setup","makeTooltip","calcPosition","container","this","hideTip","title","dataPointList","addEventListener","innerHTML","set","_this2","li","offsetWidth","offsetHeight","maxLeft","pointer","pointerOffset","valueFirst","refresh","ALL_CHART_TYPES","COMPATIBLE_CHARTS","DATA_COLOR_DIVISIONS","HEATMAP_DISTRIBUTION_SIZE","INIT_CHART_UPDATE_TIMEOUT","PI","DEFAULT_CHART_COLORS","DEFAULT_COLORS","makeOverlay","transformValue","overlay","updateOverlay","attributes","attr","specified","nodeValue","PRESET_COLOR_MAP","BaseChart","HTMLElement","Error","rawChartArgs","argHeight","prepareData","prepareFirstData","validateColors","showLegend","isNavigable","state","initTimeout","overlays","configure","setMargins","_this","draw","validColors","forEach","warn","baseHeight","topMargin","leftMargin","rightMargin","makeContainer","components","Map","tip","bindTooltip","onlyWidthChange","init","calc","updateWidth","makeChartArea","setupComponents","c","drawArea","render","update","renderLegend","setupNavigation","baseWidth","animate","svg","make","updateNav","bindUnits","titleAreaHeight","legendAreaHeight","log","titleEL","legendArea","bindOverlay","keyActions","onEnterKey","bind","onLeftArrow","onUpArrow","onRightArrow","onDownArrow","e","_this4","event","keyCode","currentType","useColor","Chart","removeEventListener","_this5","AggregationChart","maxSlices","maxLegendPoints","s","sliceTotals","allTotals","total","totals","sort","a","sumOfRemaining","PercentageChart","marginTop","chart","percentageBar","grandTotal","reduce","slices","classList","contains","gOff","_this3","pOff","formattedLabels","percent","setValues","showTip","layerClass","layerTransform","makeElements","animateElements","store","layer","oldData","textContent","sliceStrings","transition","newData","positions","position","newPos","newLabels","oldPos","oldLabels","calcLabels","marker","startPos","endPos","newStarts","oldStarts","colWidth","rowHeight","squareSize","xTranslate","serializedSubDomains","cols","yyyyMmDd","dataValue","square","unitType","units","yPositions","xPositions","barWidth","offsets","barsWidth","newXPos","newYPos","newOffsets","oldXPos","oldYPos","oldOffsets","hideLine","hideDots","valuesOverPoints","newValues","PieChart","mouseMove","mouseLeave","hoverRadio","startAngle","calcSlices","prevSlicesProperties","slicesProperties","curAngle","originDiffAngle","diffAngle","endAngle","prevProperty","curStart","curEnd","curPath","component","property","flag","calTranslateByAngle","g_off","pageX","pageY","formatted_labels","get","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","Heatmap","discreteDomains","countLabel","validStarts","startSubDomain","startSubDomainIndex","HEATMAP_SQUARE_SIZE","noOfWeeks","COL_WIDTH","setFullYear","dataPoints","points","timestampSec","firstWeekStart","domainConfigs","getDomains","prototype","call","querySelectorAll","dateParts","startMonth","startYear","noOfMonths","startOfMonth","getDomainConfig","startOfWeek","domainConfig","noOfMonthWeeks","getCol","empty","currentDate","getSubDomainConfig","barOptions","lineOptions","axisOptions","tooltipOptions","xAxisMode","yAxisMode","xIsSeries","formatTooltipX","formatTooltipY","calcXPositions","calcYAxisParameters","getAllYValues","unitWidth","xOffset","xAxis","dataValues","intervalHeight","calcDatasetPoints","calcYExtremes","calcYRegions","scaleAll","cumulativeYs","stacked","yExtremes","cumulativeYPos","cumulative","allValueLists","barDatasets","lineDatasets","barsConfigs","spaceRatio","p","lineConfigs","dotSize","markerConfigs","optionals","dataUnitComponents","relX","mapTooltipXPosition","formatY","formatX","titles","xVal","_this6","overlayGuides","currentIndex","currentUnit","_this7","setCurrentDataPoint","_this9","_this10","getDataPoint","datasetValues","splice"],"mappings":"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"} \ No newline at end of file +{"version":3,"file":"frappe-charts.min.js","sources":["../../../src/js/utils/dom.js","../../../src/js/utils/helpers.js","../../../src/js/utils/draw-utils.js","../../../src/js/utils/draw.js","../../../src/js/utils/colors.js","../../../src/js/utils/animate.js","../../../src/js/utils/animation.js","../../../src/js/objects/ChartComponents.js","../../../src/js/utils/date-utils.js","../../../src/js/utils/intervals.js","../../../src/js/utils/axis-chart-utils.js","../../../src/js/chart.js","../../../src/js/objects/SvgTip.js","../../../src/js/utils/constants.js","../../../src/js/charts/BaseChart.js","../../../src/js/charts/AggregationChart.js","../../../src/js/charts/PercentageChart.js","../../../src/js/charts/PieChart.js","../../../src/js/charts/Heatmap.js","../../../src/js/charts/AxisChart.js"],"sourcesContent":["export function $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function findNodeIndex(node)\n{\n\tvar i = 0;\n\twhile (node.previousSibling) {\n\t\tnode = node.previousSibling;\n\t\ti++;\n\t}\n\treturn i;\n}\n\n$.create = (tag, o) => {\n\tvar element = document.createElement(tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else if (i in element ) {\n\t\t\telement[i] = val;\n\t\t}\n\t\telse {\n\t\t\telement.setAttribute(i, val);\n\t\t}\n\t}\n\n\treturn element;\n};\n\nexport function getOffset(element) {\n\tlet rect = element.getBoundingClientRect();\n\treturn {\n\t\t// https://stackoverflow.com/a/7436602/6495043\n\t\t// rect.top varies with scroll, so we add whatever has been\n\t\t// scrolled to it to get absolute distance from actual page top\n\t\ttop: rect.top + (document.documentElement.scrollTop || document.body.scrollTop),\n\t\tleft: rect.left + (document.documentElement.scrollLeft || document.body.scrollLeft)\n\t};\n}\n\nexport function isElementInViewport(el) {\n\t// Although straightforward: https://stackoverflow.com/a/7557433/6495043\n\tvar rect = el.getBoundingClientRect();\n\n\treturn (\n\t\trect.top >= 0 &&\n rect.left >= 0 &&\n rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */\n rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */\n\t);\n}\n\nexport function getElementContentWidth(element) {\n\tvar styles = window.getComputedStyle(element);\n\tvar padding = parseFloat(styles.paddingLeft) +\n\t\tparseFloat(styles.paddingRight);\n\n\treturn element.clientWidth - padding;\n}\n\nexport function bind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function (event) {\n\t\t\t\telement.addEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function unbind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function(event) {\n\t\t\t\telement.removeEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function fire(target, type, properties) {\n\tvar evt = document.createEvent(\"HTMLEvents\");\n\n\tevt.initEvent(type, true, true );\n\n\tfor (var j in properties) {\n\t\tevt[j] = properties[j];\n\t}\n\n\treturn target.dispatchEvent(evt);\n}\n\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\nexport function getPositionByAngle(angle, radius) {\n\treturn {\n\t\tx:Math.sin(angle * ANGLE_RATIO) * radius,\n\t\ty:Math.cos(angle * ANGLE_RATIO) * radius,\n\t};\n}\n","import { fillArray } from './helpers';\n\nexport function getBarHeightAndYAttr(yTop, zeroLine) {\n\tlet height, y;\n\tif (yTop <= zeroLine) {\n\t\theight = zeroLine - yTop;\n\t\ty = yTop;\n\t} else {\n\t\theight = yTop - zeroLine;\n\t\ty = zeroLine;\n\t}\n\n\treturn [height, y];\n}\n\nexport function equilizeNoOfElements(array1, array2,\n\textraCount = array2.length - array1.length) {\n\n\t// Doesn't work if either has zero elements.\n\tif(extraCount > 0) {\n\t\tarray1 = fillArray(array1, extraCount);\n\t} else {\n\t\tarray2 = fillArray(array2, extraCount);\n\t}\n\treturn [array1, array2];\n}\n","import { getBarHeightAndYAttr } from './draw-utils';\nimport { getStringWidth } from './helpers';\nimport { DOT_OVERLAY_SIZE_INCR } from './constants';\n\nexport const AXIS_TICK_LENGTH = 6;\nconst LABEL_MARGIN = 4;\nexport const FONT_SIZE = 10;\nconst BASE_LINE_COLOR = '#dadada';\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 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 makeText(className, x, y, content, fontSize = FONT_SIZE) {\n\treturn createSVG('text', {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\tdy: (fontSize / 2) + 'px',\n\t\t'font-size': fontSize + 'px',\n\t\tinnerHTML: content\n\t});\n}\n\nfunction makeVertLine(x, label, y1, y2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tlet l = createSVG('line', {\n\t\tclassName: 'line-vertical ' + options.className,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: y1,\n\t\ty2: y2,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: 0,\n\t\ty: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE,\n\t\tdy: FONT_SIZE + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'middle',\n\t\tinnerHTML: label + \"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(${ x }, 0)`\n\t});\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nfunction makeHoriLine(y, label, x1, x2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.lineType) options.lineType = '';\n\tlet className = 'line-horizontal ' + options.className +\n\t\t(options.lineType === \"dashed\" ? \"dashed\": \"\");\n\n\tlet l = createSVG('line', {\n\t\tclassName: className,\n\t\tx1: x1,\n\t\tx2: x2,\n\t\ty1: 0,\n\t\ty2: 0,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / 2 - 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': x1 < x2 ? 'end' : 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(0, ${y})`,\n\t\t'stroke-opacity': 1\n\t});\n\n\tif(text === 0 || text === '0') {\n\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\n\t}\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nexport function yLine(y, label, width, options={}) {\n\tif(!options.pos) options.pos = 'left';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\tlet x1 = -1 * AXIS_TICK_LENGTH;\n\tlet x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;\n\n\tif(options.mode === 'tick' && options.pos === 'right') {\n\t\tx1 = width + AXIS_TICK_LENGTH;\n\t\tx2 = width;\n\t}\n\n\t// let offset = options.pos === 'left' ? -1 * options.offset : options.offset;\n\n\tx1 += options.offset;\n\tx2 += options.offset;\n\n\treturn makeHoriLine(y, label, x1, x2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function xLine(x, label, height, options={}) {\n\tif(!options.pos) options.pos = 'bottom';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\t// Draw X axis line in span/tick mode with optional label\n\t// \ty2(span)\n\t// \t\t\t\t\t\t|\n\t// \t\t\t\t\t\t|\n\t//\t\t\t\tx line\t|\n\t//\t\t\t\t\t\t|\n\t// \t\t\t\t\t \t|\n\t// ---------------------+-- y2(tick)\n\t//\t\t\t\t\t\t|\n\t//\t\t\t\t\t\t\ty1\n\n\tlet y1 = height + AXIS_TICK_LENGTH;\n\tlet y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : height;\n\n\tif(options.mode === 'tick' && options.pos === 'top') {\n\t\t// top axis ticks\n\t\ty1 = -1 * AXIS_TICK_LENGTH;\n\t\ty2 = 0;\n\t}\n\n\treturn makeVertLine(x, label, y1, y2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function yMarker(y, label, width, options={}) {\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = makeHoriLine(y, '', 0, width, {\n\t\tstroke: options.stroke || BASE_LINE_COLOR,\n\t\tclassName: options.className || '',\n\t\tlineType: options.lineType\n\t});\n\n\tline.appendChild(labelSvg);\n\n\treturn line;\n}\n\nexport function yRegion(y1, y2, width, label) {\n\t// return a group\n\tlet height = y1 - y2;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`, // remove class\n\t\tstyles: {\n\t\t\tfill: `rgba(228, 234, 239, 0.49)`,\n\t\t\tstroke: BASE_LINE_COLOR,\n\t\t\t'stroke-dasharray': `${width}, ${height}`\n\t\t},\n\t\t// 'data-point-index': index,\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: width,\n\t\theight: height\n\t});\n\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label+\"\", 4.5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet region = createSVG('g', {\n\t\ttransform: `translate(0, ${y2})`\n\t});\n\n\tregion.appendChild(rect);\n\tregion.appendChild(labelSvg);\n\n\treturn region;\n}\n\nexport function datasetBar(x, yTop, width, color, label='', index=0, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`,\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: width,\n\t\theight: height || meta.minHeight // TODO: correct y for positive min height\n\t});\n\n\tlabel += \"\";\n\n\tif(!label && !label.length) {\n\t\treturn rect;\n\t} else {\n\t\trect.setAttribute('y', 0);\n\t\trect.setAttribute('x', 0);\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: width/2,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\t'data-point-index': index,\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(rect);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function datasetDot(x, y, radius, color, label='', index=0) {\n\tlet dot = createSVG('circle', {\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tcx: x,\n\t\tcy: y,\n\t\tr: radius\n\t});\n\n\tlabel += \"\";\n\n\tif(!label && !label.length) {\n\t\treturn dot;\n\t} else {\n\t\tdot.setAttribute('cy', 0);\n\t\tdot.setAttribute('cx', 0);\n\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1 - radius) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\t'data-point-index': index,\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(dot);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function getPaths(xList, yList, color, options={}, meta={}) {\n\tlet pointsList = yList.map((y, i) => (xList[i] + ',' + y));\n\tlet pointsStr = pointsList.join(\"L\");\n\tlet path = makePath(\"M\"+pointsStr, 'line-graph-path', color);\n\n\t// HeatLine\n\tif(options.heatline) {\n\t\tlet gradient_id = makeGradient(meta.svgDefs, color);\n\t\tpath.style.stroke = `url(#${gradient_id})`;\n\t}\n\n\tlet paths = {\n\t\tpath: path\n\t};\n\n\t// Region\n\tif(options.regionFill) {\n\t\tlet gradient_id_region = makeGradient(meta.svgDefs, color, true);\n\n\t\t// TODO: use zeroLine OR minimum\n\t\tlet pathStr = \"M\" + `${xList[0]},${meta.zeroLine}L` + pointsStr + `L${xList.slice(-1)[0]},${meta.zeroLine}`;\n\t\tpaths.region = makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`);\n\t}\n\n\treturn paths;\n}\n\nexport let makeOverlay = {\n\t'bar': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'dot': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\tlet fill = unit.getAttribute('fill');\n\t\toverlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.setAttribute('fill', fill);\n\t\toverlay.style.opacity = '0.6';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'heat_square': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\tlet fill = unit.getAttribute('fill');\n\t\toverlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.setAttribute('fill', fill);\n\t\toverlay.style.opacity = '0.6';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t}\n};\n\nexport let updateOverlay = {\n\t'bar': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['x', 'y', 'width', 'height'];\n\t\tObject.values(unit.attributes)\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t\t.map(attr => {\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'dot': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t\t.map(attr => {\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'heat_square': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t\t.map(attr => {\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n};\n","const PRESET_COLOR_MAP = {\n\t'light-blue': '#7cd6fd',\n\t'blue': '#5e64ff',\n\t'violet': '#743ee2',\n\t'red': '#ff5858',\n\t'orange': '#ffa00a',\n\t'yellow': '#feef72',\n\t'green': '#28a745',\n\t'light-green': '#98d85b',\n\t'purple': '#b554ff',\n\t'magenta': '#ffa3ef',\n\t'black': '#36114C',\n\t'grey': '#bdd3e6',\n\t'light-grey': '#f0f4f7',\n\t'dark-grey': '#b8c2cc'\n};\n\nfunction limitColor(r){\n\tif (r > 255) return 255;\n\telse if (r < 0) return 0;\n\treturn r;\n}\n\nexport function lightenDarkenColor(color, amt) {\n\tlet col = getColor(color);\n\tlet usePound = false;\n\tif (col[0] == \"#\") {\n\t\tcol = col.slice(1);\n\t\tusePound = true;\n\t}\n\tlet num = parseInt(col,16);\n\tlet r = limitColor((num >> 16) + amt);\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\n\tlet g = limitColor((num & 0x0000FF) + amt);\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\n}\n\nexport function isValidColor(string) {\n\t// https://stackoverflow.com/a/8027444/6495043\n\treturn /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string);\n}\n\nexport const getColor = (color) => {\n\treturn PRESET_COLOR_MAP[color] || color;\n};\n","import { getBarHeightAndYAttr } from './draw-utils';\n\nexport const UNIT_ANIM_DUR = 350;\nexport const PATH_ANIM_DUR = 350;\nexport const MARKER_LINE_ANIM_DUR = UNIT_ANIM_DUR;\nexport const REPLACE_ALL_NEW_DUR = 250;\n\nexport const STD_EASING = 'easein';\n\nexport function translate(unit, oldCoord, newCoord, duration) {\n\tlet old = typeof oldCoord === 'string' ? oldCoord : oldCoord.join(', ');\n\treturn [\n\t\tunit,\n\t\t{transform: newCoord.join(', ')},\n\t\tduration,\n\t\tSTD_EASING,\n\t\t\"translate\",\n\t\t{transform: old}\n\t];\n}\n\nexport function translateVertLine(xLine, newX, oldX) {\n\treturn translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR);\n}\n\nexport function translateHoriLine(yLine, newY, oldY) {\n\treturn translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR);\n}\n\nexport function animateRegion(rectGroup, newY1, newY2, oldY2) {\n\tlet newHeight = newY1 - newY2;\n\tlet rect = rectGroup.childNodes[0];\n\tlet width = rect.getAttribute(\"width\");\n\tlet rectAnim = [\n\t\trect,\n\t\t{ height: newHeight, 'stroke-dasharray': `${width}, ${newHeight}` },\n\t\tMARKER_LINE_ANIM_DUR,\n\t\tSTD_EASING\n\t];\n\n\tlet groupAnim = translate(rectGroup, [0, oldY2], [0, newY2], MARKER_LINE_ANIM_DUR);\n\treturn [rectAnim, groupAnim];\n}\n\nexport function animateBar(bar, x, yTop, width, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\tif(bar.nodeName !== 'rect') {\n\t\tlet rect = bar.childNodes[0];\n\t\tlet rectAnim = [\n\t\t\trect,\n\t\t\t{width: width, height: height},\n\t\t\tUNIT_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\n\t\tlet oldCoordStr = bar.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(bar, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [rectAnim, groupAnim];\n\t} else {\n\t\treturn [[bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animateDot(dot, x, y) {\n\tif(dot.nodeName !== 'circle') {\n\t\tlet oldCoordStr = dot.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(dot, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [groupAnim];\n\t} else {\n\t\treturn [[dot, {cx: x, cy: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animatePath(paths, newXList, newYList, zeroLine) {\n\tlet pathComponents = [];\n\n\tlet pointsStr = newYList.map((y, i) => (newXList[i] + ',' + y));\n\tlet pathStr = pointsStr.join(\"L\");\n\n\tconst animPath = [paths.path, {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\tpathComponents.push(animPath);\n\n\tif(paths.region) {\n\t\tlet regStartPt = `${newXList[0]},${zeroLine}L`;\n\t\tlet regEndPt = `L${newXList.slice(-1)[0]}, ${zeroLine}`;\n\n\t\tconst animRegion = [\n\t\t\tpaths.region,\n\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\tPATH_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\t\tpathComponents.push(animRegion);\n\t}\n\n\treturn pathComponents;\n}\n\nexport function animatePathStr(oldPath, pathStr) {\n\treturn [oldPath, {d: pathStr}, UNIT_ANIM_DUR, STD_EASING];\n}\n\n","// Leveraging SMIL Animations\n\nimport { REPLACE_ALL_NEW_DUR } from './animate';\n\nconst EASING = {\n\tease: \"0.25 0.1 0.25 1\",\n\tlinear: \"0 0 1 1\",\n\t// easein: \"0.42 0 1 1\",\n\teasein: \"0.1 0.8 0.2 1\",\n\teaseout: \"0 0 0.58 1\",\n\teaseinout: \"0.42 0 0.58 1\"\n};\n\nfunction animateSVGElement(element, props, dur, easingType=\"linear\", type=undefined, oldValues={}) {\n\n\tlet animElement = element.cloneNode(true);\n\tlet newElement = element.cloneNode(true);\n\n\tfor(var attributeName in props) {\n\t\tlet animateElement;\n\t\tif(attributeName === 'transform') {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animateTransform\");\n\t\t} else {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animate\");\n\t\t}\n\t\tlet currentValue = oldValues[attributeName] || element.getAttribute(attributeName);\n\t\tlet value = props[attributeName];\n\n\t\tlet animAttr = {\n\t\t\tattributeName: attributeName,\n\t\t\tfrom: currentValue,\n\t\t\tto: value,\n\t\t\tbegin: \"0s\",\n\t\t\tdur: dur/1000 + \"s\",\n\t\t\tvalues: currentValue + \";\" + value,\n\t\t\tkeySplines: EASING[easingType],\n\t\t\tkeyTimes: \"0;1\",\n\t\t\tcalcMode: \"spline\",\n\t\t\tfill: 'freeze'\n\t\t};\n\n\t\tif(type) {\n\t\t\tanimAttr[\"type\"] = type;\n\t\t}\n\n\t\tfor (var i in animAttr) {\n\t\t\tanimateElement.setAttribute(i, animAttr[i]);\n\t\t}\n\n\t\tanimElement.appendChild(animateElement);\n\n\t\tif(type) {\n\t\t\tnewElement.setAttribute(attributeName, `translate(${value})`);\n\t\t} else {\n\t\t\tnewElement.setAttribute(attributeName, value);\n\t\t}\n\t}\n\n\treturn [animElement, newElement];\n}\n\nexport function transform(element, style) { // eslint-disable-line no-unused-vars\n\telement.style.transform = style;\n\telement.style.webkitTransform = style;\n\telement.style.msTransform = style;\n\telement.style.mozTransform = style;\n\telement.style.oTransform = style;\n}\n\nfunction animateSVG(svgContainer, elements) {\n\tlet newElements = [];\n\tlet animElements = [];\n\n\telements.map(element => {\n\t\tlet unit = element[0];\n\t\tlet parent = unit.parentNode;\n\n\t\tlet animElement, newElement;\n\n\t\telement[0] = unit;\n\t\t[animElement, newElement] = animateSVGElement(...element);\n\n\t\tnewElements.push(newElement);\n\t\tanimElements.push([animElement, parent]);\n\n\t\tparent.replaceChild(animElement, unit);\n\t});\n\n\tlet animSvg = svgContainer.cloneNode(true);\n\n\tanimElements.map((animElement, i) => {\n\t\tanimElement[1].replaceChild(newElements[i], animElement[0]);\n\t\telements[i][0] = newElements[i];\n\t});\n\n\treturn animSvg;\n}\n\nexport function runSMILAnimation(parent, svgElement, elementsToAnimate) {\n\tif(elementsToAnimate.length === 0) return;\n\n\tlet animSvgElement = animateSVG(svgElement, elementsToAnimate);\n\tif(svgElement.parentNode == parent) {\n\t\tparent.removeChild(svgElement);\n\t\tparent.appendChild(animSvgElement);\n\n\t}\n\n\t// Replace the new svgElement (data has already been replaced)\n\tsetTimeout(() => {\n\t\tif(animSvgElement.parentNode == parent) {\n\t\t\tparent.removeChild(animSvgElement);\n\t\t\tparent.appendChild(svgElement);\n\t\t}\n\t}, REPLACE_ALL_NEW_DUR);\n}\n","import { makeSVGGroup } from '../utils/draw';\nimport { makePath, xLine, yLine, yMarker, yRegion, datasetBar, datasetDot, getPaths, heatSquare } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { translateHoriLine, translateVertLine, animateRegion, animateBar,\n\tanimateDot, animatePath, animatePathStr } from '../utils/animate';\n\nclass ChartComponent {\n\tconstructor({\n\t\tlayerClass = '',\n\t\tlayerTransform = '',\n\t\tconstants,\n\n\t\tgetData,\n\t\tmakeElements,\n\t\tanimateElements\n\t}) {\n\t\tthis.layerTransform = layerTransform;\n\t\tthis.constants = constants;\n\n\t\tthis.makeElements = makeElements;\n\t\tthis.getData = getData;\n\n\t\tthis.animateElements = animateElements;\n\n\t\tthis.store = [];\n\n\t\tthis.layerClass = layerClass;\n\t\tthis.layerClass = typeof(this.layerClass) === 'function'\n\t\t\t? this.layerClass() : this.layerClass;\n\n\t\tthis.refresh();\n\t}\n\n\trefresh(data) {\n\t\tthis.data = data || this.getData();\n\t}\n\n\tsetup(parent) {\n\t\tthis.layer = makeSVGGroup(parent, this.layerClass, this.layerTransform);\n\t}\n\n\tmake() {\n\t\tthis.render(this.data);\n\t\tthis.oldData = this.data;\n\t}\n\n\trender(data) {\n\t\tthis.store = this.makeElements(data);\n\n\t\tthis.layer.textContent = '';\n\t\tthis.store.forEach(element => {\n\t\t\tthis.layer.appendChild(element);\n\t\t});\n\t}\n\n\tupdate(animate = true) {\n\t\tthis.refresh();\n\t\tlet animateElements = [];\n\t\tif(animate) {\n\t\t\tanimateElements = this.animateElements(this.data);\n\t\t}\n\t\treturn animateElements;\n\t}\n}\n\nlet componentConfigs = {\n\tpieSlices: {\n\t\tlayerClass: 'pie-slices',\n\t\tmakeElements(data) {\n\t\t\treturn data.sliceStrings.map((s, i) =>{\n\t\t\t\tlet slice = makePath(s, 'pie-path', 'none', data.colors[i]);\n\t\t\t\tslice.style.transition = 'transform .3s;';\n\t\t\t\treturn slice;\n\t\t\t});\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\treturn this.store.map((slice, i) =>\n\t\t\t\tanimatePathStr(slice, newData.sliceStrings[i])\n\t\t\t);\n\t\t}\n\t},\n\tpercentageBars: {\n\t\tlayerClass: 'percentage-bars',\n\t\tmakeElements(data) {\n\t\t\t// return 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\t// return this.store.map((slice, i) =>\n\t\t\t// \tanimatePathStr(slice, newData.sliceStrings[i])\n\t\t\t// );\n\t\t}\n\t},\n\tyAxis: {\n\t\tlayerClass: 'y axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\tyLine(position, data.labels[i], this.constants.width,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.labels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tlabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\txAxis: {\n\t\tlayerClass: 'x axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\txLine(position, data.calcLabels[i], this.constants.height,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.calcLabels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.calcLabels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tcalcLabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateVertLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyMarkers: {\n\t\tlayerClass: 'y-markers',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(marker =>\n\t\t\t\tyMarker(marker.position, marker.label, this.constants.width,\n\t\t\t\t\t{pos:'right', mode: 'span', lineType: 'dashed'})\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.position);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.position);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tposition: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t};\n\t\t\t}));\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyRegions: {\n\t\tlayerClass: 'y-regions',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(region =>\n\t\t\t\tyRegion(region.startPos, region.endPos, this.constants.width,\n\t\t\t\t\tregion.label)\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.endPos);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\t\t\tlet newStarts = newData.map(d => d.startPos);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.endPos);\n\t\t\tlet oldStarts = this.oldData.map(d => d.startPos);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tstartPos: oldStarts[i],\n\t\t\t\t\tendPos: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t};\n\t\t\t}));\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((rectGroup, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateRegion(\n\t\t\t\t\trectGroup, newStarts[i], newPos[i], oldPos[i]\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\theatDomain: {\n\t\tlayerClass: function() { return 'heat-domain domain-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet {colWidth, rowHeight, squareSize, xTranslate} = this.constants;\n\t\t\tlet x = xTranslate, y = 0;\n\n\t\t\tthis.serializedSubDomains = [];\n\n\t\t\tdata.cols.map(week => {\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\t// return this.store.map((slice, i) =>\n\t\t\t// \tanimatePathStr(slice, newData.sliceStrings[i])\n\t\t\t// );\n\t\t}\n\t},\n\n\tbarGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-bars dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'bar';\n\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\treturn datasetBar(\n\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\ty,\n\t\t\t\t\tdata.barWidth,\n\t\t\t\t\tc.color,\n\t\t\t\t\tdata.labels[j],\n\t\t\t\t\tj,\n\t\t\t\t\tdata.offsets[j],\n\t\t\t\t\t{\n\t\t\t\t\t\tzeroLine: data.zeroLine,\n\t\t\t\t\t\tbarsWidth: data.barsWidth,\n\t\t\t\t\t\tminHeight: c.minHeight\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t});\n\t\t\treturn this.units;\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newOffsets = newData.offsets;\n\t\t\tlet newLabels = newData.labels;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldOffsets = this.oldData.offsets;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldOffsets, newOffsets] = equilizeNoOfElements(oldOffsets, newOffsets);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\toffsets: oldOffsets,\n\t\t\t\tlabels: newLabels,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tbarsWidth: this.oldData.barsWidth,\n\t\t\t\tbarWidth: this.oldData.barWidth,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((bar, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateBar(\n\t\t\t\t\tbar, newXPos[i], newYPos[i], newData.barWidth, newOffsets[i],\n\t\t\t\t\t{zeroLine: newData.zeroLine}\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tlineGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-line dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'dot';\n\t\t\tthis.paths = {};\n\t\t\tif(!c.hideLine) {\n\t\t\t\tthis.paths = getPaths(\n\t\t\t\t\tdata.xPositions,\n\t\t\t\t\tdata.yPositions,\n\t\t\t\t\tc.color,\n\t\t\t\t\t{\n\t\t\t\t\t\theatline: c.heatline,\n\t\t\t\t\t\tregionFill: c.regionFill\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tsvgDefs: c.svgDefs,\n\t\t\t\t\t\tzeroLine: data.zeroLine\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tthis.units = [];\n\t\t\tif(!c.hideDots) {\n\t\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\t\treturn datasetDot(\n\t\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\t\ty,\n\t\t\t\t\t\tdata.radius,\n\t\t\t\t\t\tc.color,\n\t\t\t\t\t\t(c.valuesOverPoints ? data.values[j] : ''),\n\t\t\t\t\t\tj\n\t\t\t\t\t);\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn Object.values(this.paths).concat(this.units);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newValues = newData.values;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldValues = this.oldData.values;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldValues, newValues] = equilizeNoOfElements(oldValues, newValues);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\tvalues: newValues,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tradius: this.oldData.radius,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tif(Object.keys(this.paths).length) {\n\t\t\t\tanimateElements = animateElements.concat(animatePath(\n\t\t\t\t\tthis.paths, newXPos, newYPos, newData.zeroLine));\n\t\t\t}\n\n\t\t\tif(this.units.length) {\n\t\t\t\tthis.units.map((dot, i) => {\n\t\t\t\t\tanimateElements = animateElements.concat(animateDot(\n\t\t\t\t\t\tdot, newXPos[i], newYPos[i]));\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn animateElements;\n\t\t}\n\t}\n};\n\nexport function getComponent(name, constants, getData) {\n\tlet keys = Object.keys(componentConfigs).filter(k => name.includes(k));\n\tlet config = componentConfigs[keys[0]];\n\tObject.assign(config, {\n\t\tconstants: constants,\n\t\tgetData: getData\n\t});\n\treturn new ChartComponent(config);\n}\n","// Playing around with dates\n\nexport const NO_OF_YEAR_MONTHS = 12;\nexport const NO_OF_DAYS_IN_WEEK = 7;\nexport const 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\", \"June\",\n\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"];\n\nexport const MONTH_NAMES_SHORT = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\", \"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"];\n\n// https://stackoverflow.com/a/11252167/6495043\nfunction treatAsUtc(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\nexport 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 { floatTwo } from './helpers';\n\nfunction normalize(x) {\n\t// Calculates mantissa and exponent of a number\n\t// Returns normalized number and exponent\n\t// https://stackoverflow.com/q/9383593/6495043\n\n\tif(x===0) {\n\t\treturn [0, 0];\n\t}\n\tif(isNaN(x)) {\n\t\treturn {mantissa: -6755399441055744, exponent: 972};\n\t}\n\tvar sig = x > 0 ? 1 : -1;\n\tif(!isFinite(x)) {\n\t\treturn {mantissa: sig * 4503599627370496, exponent: 972};\n\t}\n\n\tx = Math.abs(x);\n\tvar exp = Math.floor(Math.log10(x));\n\tvar man = x/Math.pow(10, exp);\n\n\treturn [sig * man, exp];\n}\n\nfunction getChartRangeIntervals(max, min=0) {\n\tlet upperBound = Math.ceil(max);\n\tlet lowerBound = Math.floor(min);\n\tlet range = upperBound - lowerBound;\n\n\tlet noOfParts = range;\n\tlet partSize = 1;\n\n\t// To avoid too many partitions\n\tif(range > 5) {\n\t\tif(range % 2 !== 0) {\n\t\t\tupperBound++;\n\t\t\t// Recalc range\n\t\t\trange = upperBound - lowerBound;\n\t\t}\n\t\tnoOfParts = range/2;\n\t\tpartSize = 2;\n\t}\n\n\t// Special case: 1 and 2\n\tif(range <= 2) {\n\t\tnoOfParts = 4;\n\t\tpartSize = range/noOfParts;\n\t}\n\n\t// Special case: 0\n\tif(range === 0) {\n\t\tnoOfParts = 5;\n\t\tpartSize = 1;\n\t}\n\n\tlet intervals = [];\n\tfor(var i = 0; i <= noOfParts; i++){\n\t\tintervals.push(lowerBound + partSize * i);\n\t}\n\treturn intervals;\n}\n\nfunction getChartIntervals(maxValue, minValue=0) {\n\tlet [normalMaxValue, exponent] = normalize(maxValue);\n\tlet normalMinValue = minValue ? minValue/Math.pow(10, exponent): 0;\n\n\t// Allow only 7 significant digits\n\tnormalMaxValue = normalMaxValue.toFixed(6);\n\n\tlet intervals = getChartRangeIntervals(normalMaxValue, normalMinValue);\n\tintervals = intervals.map(value => value * Math.pow(10, exponent));\n\treturn intervals;\n}\n\nexport function calcChartIntervals(values, withMinimum=false) {\n\t//*** Where the magic happens ***\n\n\t// Calculates best-fit y intervals from given values\n\t// and returns the interval array\n\n\tlet maxValue = Math.max(...values);\n\tlet minValue = Math.min(...values);\n\n\t// Exponent to be used for pretty print\n\tlet exponent = 0, intervals = []; // eslint-disable-line no-unused-vars\n\n\tfunction getPositiveFirstIntervals(maxValue, absMinValue) {\n\t\tlet intervals = getChartIntervals(maxValue);\n\n\t\tlet intervalSize = intervals[1] - intervals[0];\n\n\t\t// Then unshift the negative values\n\t\tlet value = 0;\n\t\tfor(var i = 1; value < absMinValue; i++) {\n\t\t\tvalue += intervalSize;\n\t\t\tintervals.unshift((-1) * value);\n\t\t}\n\t\treturn intervals;\n\t}\n\n\t// CASE I: Both non-negative\n\n\tif(maxValue >= 0 && minValue >= 0) {\n\t\texponent = normalize(maxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(maxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(maxValue, minValue);\n\t\t}\n\t}\n\n\t// CASE II: Only minValue negative\n\n\telse if(maxValue > 0 && minValue < 0) {\n\t\t// `withMinimum` irrelevant in this case,\n\t\t// We'll be handling both sides of zero separately\n\t\t// (both starting from zero)\n\t\t// Because ceil() and floor() behave differently\n\t\t// in those two regions\n\n\t\tlet absMinValue = Math.abs(minValue);\n\n\t\tif(maxValue >= absMinValue) {\n\t\t\texponent = normalize(maxValue)[1];\n\t\t\tintervals = getPositiveFirstIntervals(maxValue, absMinValue);\n\t\t} else {\n\t\t\t// Mirror: maxValue => absMinValue, then change sign\n\t\t\texponent = normalize(absMinValue)[1];\n\t\t\tlet posIntervals = getPositiveFirstIntervals(absMinValue, maxValue);\n\t\t\tintervals = posIntervals.map(d => d * (-1));\n\t\t}\n\n\t}\n\n\t// CASE III: Both non-positive\n\n\telse if(maxValue <= 0 && minValue <= 0) {\n\t\t// Mirrored Case I:\n\t\t// Work with positives, then reverse the sign and array\n\n\t\tlet pseudoMaxValue = Math.abs(minValue);\n\t\tlet pseudoMinValue = Math.abs(maxValue);\n\n\t\texponent = normalize(pseudoMaxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue, pseudoMinValue);\n\t\t}\n\n\t\tintervals = intervals.reverse().map(d => d * (-1));\n\t}\n\n\treturn intervals;\n}\n\nexport function getZeroIndex(yPts) {\n\tlet zeroIndex;\n\tlet interval = getIntervalSize(yPts);\n\tif(yPts.indexOf(0) >= 0) {\n\t\t// the range has a given zero\n\t\t// zero-line on the chart\n\t\tzeroIndex = yPts.indexOf(0);\n\t} else if(yPts[0] > 0) {\n\t\t// Minimum value is positive\n\t\t// zero-line is off the chart: below\n\t\tlet min = yPts[0];\n\t\tzeroIndex = (-1) * min / interval;\n\t} else {\n\t\t// Maximum value is negative\n\t\t// zero-line is off the chart: above\n\t\tlet max = yPts[yPts.length - 1];\n\t\tzeroIndex = (-1) * max / interval + (yPts.length - 1);\n\t}\n\treturn zeroIndex;\n}\n\nexport function getRealIntervals(max, noOfIntervals, min = 0, asc = 1) {\n\tlet range = max - min;\n\tlet part = range * 1.0 / noOfIntervals;\n\tlet intervals = [];\n\n\tfor(var i = 0; i <= noOfIntervals; i++) {\n\t\tintervals.push(min + part * i);\n\t}\n\n\treturn asc ? intervals : intervals.reverse();\n}\n\nexport function getIntervalSize(orderedArray) {\n\treturn orderedArray[1] - orderedArray[0];\n}\n\nexport function getValueRange(orderedArray) {\n\treturn orderedArray[orderedArray.length-1] - orderedArray[0];\n}\n\nexport function scale(val, yAxis) {\n\treturn floatTwo(yAxis.zeroLine - val * yAxis.scaleMultiplier);\n}\n\nexport function calcDistribution(values, distributionSize) {\n\t// Assume non-negative values,\n\t// implying distribution minimum at zero\n\n\tlet dataMaxValue = Math.max(...values);\n\n\tlet distributionStep = 1 / (distributionSize - 1);\n\tlet distribution = [];\n\n\tfor(var i = 0; i < distributionSize; i++) {\n\t\tlet checkpoint = dataMaxValue * (distributionStep * i);\n\t\tdistribution.push(checkpoint);\n\t}\n\n\treturn distribution;\n}\n\nexport function getMaxCheckpoint(value, distribution) {\n\treturn distribution.filter(d => d < value).length;\n}\n","import { fillArray } from '../utils/helpers';\nimport { DEFAULT_AXIS_CHART_TYPE, AXIS_DATASET_CHART_TYPES, DEFAULT_CHAR_WIDTH } from '../utils/constants';\n\nexport function dataPrep(data, type) {\n\tdata.labels = data.labels || [];\n\n\tlet datasetLength = data.labels.length;\n\n\t// Datasets\n\tlet datasets = data.datasets;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\tif(!datasets) {\n\t\t// default\n\t\tdatasets = [{\n\t\t\tvalues: zeroArray\n\t\t}];\n\t}\n\n\tdatasets.map(d=> {\n\t\t// Set values\n\t\tif(!d.values) {\n\t\t\td.values = zeroArray;\n\t\t} else {\n\t\t\t// Check for non values\n\t\t\tlet vals = d.values;\n\t\t\tvals = vals.map(val => (!isNaN(val) ? val : 0));\n\n\t\t\t// Trim or extend\n\t\t\tif(vals.length > datasetLength) {\n\t\t\t\tvals = vals.slice(0, datasetLength);\n\t\t\t} else {\n\t\t\t\tvals = fillArray(vals, datasetLength - vals.length, 0);\n\t\t\t}\n\t\t}\n\n\t\t// Set labels\n\t\t//\n\n\t\t// Set type\n\t\tif(!d.chartType ) {\n\t\t\tif(!AXIS_DATASET_CHART_TYPES.includes(type)) type === DEFAULT_AXIS_CHART_TYPE;\n\t\t\td.chartType = type;\n\t\t}\n\n\t});\n\n\t// Markers\n\n\t// Regions\n\t// data.yRegions = data.yRegions || [];\n\tif(data.yRegions) {\n\t\tdata.yRegions.map(d => {\n\t\t\tif(d.end < d.start) {\n\t\t\t\t[d.start, d.end] = [d.end, d.start];\n\t\t\t}\n\t\t});\n\t}\n\n\treturn data;\n}\n\nexport function zeroDataPrep(realData) {\n\tlet datasetLength = realData.labels.length;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\n\tlet zeroData = {\n\t\tlabels: realData.labels.slice(0, -1),\n\t\tdatasets: realData.datasets.map(d => {\n\t\t\treturn {\n\t\t\t\tname: '',\n\t\t\t\tvalues: zeroArray.slice(0, -1),\n\t\t\t\tchartType: d.chartType\n\t\t\t};\n\t\t}),\n\t};\n\n\tif(realData.yMarkers) {\n\t\tzeroData.yMarkers = [\n\t\t\t{\n\t\t\t\tvalue: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\tif(realData.yRegions) {\n\t\tzeroData.yRegions = [\n\t\t\t{\n\t\t\t\tstart: 0,\n\t\t\t\tend: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\treturn zeroData;\n}\n\nexport function getShortenedLabels(chartWidth, labels=[], isSeries=true) {\n\tlet allowedSpace = chartWidth / labels.length;\n\tlet allowedLetters = allowedSpace / DEFAULT_CHAR_WIDTH;\n\n\tlet calcLabels = labels.map((label, i) => {\n\t\tlabel += \"\";\n\t\tif(label.length > allowedLetters) {\n\n\t\t\tif(!isSeries) {\n\t\t\t\tif(allowedLetters-3 > 0) {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters-3) + \" ...\";\n\t\t\t\t} else {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters) + '..';\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tlet multiple = Math.ceil(label.length/allowedLetters);\n\t\t\t\tif(i % multiple !== 0) {\n\t\t\t\t\tlabel = \"\";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn label;\n\t});\n\n\treturn calcLabels;\n}","import '../scss/charts.scss';\n\n// import MultiAxisChart from './charts/MultiAxisChart';\nimport PercentageChart from './charts/PercentageChart';\nimport PieChart from './charts/PieChart';\nimport Heatmap from './charts/Heatmap';\nimport AxisChart from './charts/AxisChart';\n\nconst chartTypes = {\n\t// multiaxis: MultiAxisChart,\n\tpercentage: PercentageChart,\n\theatmap: Heatmap,\n\tpie: PieChart\n};\n\nfunction getChartByType(chartType = 'line', parent, options) {\n\tif(chartType === 'line') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'bar') {\n\t\toptions.type = 'bar';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'axis-mixed') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t}\n\n\tif (!chartTypes[chartType]) {\n\t\tconsole.error(\"Undefined chart type: \" + chartType);\n\t\treturn;\n\t}\n\n\treturn new chartTypes[chartType](parent, options);\n}\n\nclass Chart {\n\tconstructor(parent, options) {\n\t\treturn getChartByType(options.type, parent, options);\n\t}\n}\n\nexport { Chart, PercentageChart, PieChart, Heatmap, AxisChart };","import { $ } from '../utils/dom';\n\nexport default class SvgTip {\n\tconstructor({\n\t\tparent = null,\n\t\tcolors = []\n\t}) {\n\t\tthis.parent = parent;\n\t\tthis.colors = colors;\n\t\tthis.titleName = '';\n\t\tthis.titleValue = '';\n\t\tthis.listValues = [];\n\t\tthis.titleValueFirst = 0;\n\n\t\tthis.x = 0;\n\t\tthis.y = 0;\n\n\t\tthis.top = 0;\n\t\tthis.left = 0;\n\n\t\tthis.setup();\n\t}\n\n\tsetup() {\n\t\tthis.makeTooltip();\n\t}\n\n\trefresh() {\n\t\tthis.fill();\n\t\tthis.calcPosition();\n\t\t// this.showTip();\n\t}\n\n\tmakeTooltip() {\n\t\tthis.container = $.create('div', {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'graph-svg-tip comparison',\n\t\t\tinnerHTML: `\n\t\t\t\t
                          \n\t\t\t\t
                          `\n\t\t});\n\t\tthis.hideTip();\n\n\t\tthis.title = this.container.querySelector('.title');\n\t\tthis.dataPointList = this.container.querySelector('.data-point-list');\n\n\t\tthis.parent.addEventListener('mouseleave', () => {\n\t\t\tthis.hideTip();\n\t\t});\n\t}\n\n\tfill() {\n\t\tlet title;\n\t\tif(this.index) {\n\t\t\tthis.container.setAttribute('data-point-index', this.index);\n\t\t}\n\t\tif(this.titleValueFirst) {\n\t\t\ttitle = `${this.titleValue}${this.titleName}`;\n\t\t} else {\n\t\t\ttitle = `${this.titleName}${this.titleValue}`;\n\t\t}\n\t\tthis.title.innerHTML = title;\n\t\tthis.dataPointList.innerHTML = '';\n\n\t\tthis.listValues.map((set, i) => {\n\t\t\tconst color = this.colors[i] || 'black';\n\n\t\t\tlet li = $.create('li', {\n\t\t\t\tstyles: {\n\t\t\t\t\t'border-top': `3px solid ${color}`\n\t\t\t\t},\n\t\t\t\tinnerHTML: `${ set.value === 0 || set.value ? set.value : '' }\n\t\t\t\t\t${set.title ? set.title : '' }`\n\t\t\t});\n\n\t\t\tthis.dataPointList.appendChild(li);\n\t\t});\n\t}\n\n\tcalcPosition() {\n\t\tlet width = this.container.offsetWidth;\n\n\t\tthis.top = this.y - this.container.offsetHeight;\n\t\tthis.left = this.x - width/2;\n\t\tlet maxLeft = this.parent.offsetWidth - width;\n\n\t\tlet pointer = this.container.querySelector('.svg-pointer');\n\n\t\tif(this.left < 0) {\n\t\t\tpointer.style.left = `calc(50% - ${-1 * this.left}px)`;\n\t\t\tthis.left = 0;\n\t\t} else if(this.left > maxLeft) {\n\t\t\tlet delta = this.left - maxLeft;\n\t\t\tlet pointerOffset = `calc(50% + ${delta}px)`;\n\t\t\tpointer.style.left = pointerOffset;\n\n\t\t\tthis.left = maxLeft;\n\t\t} else {\n\t\t\tpointer.style.left = `50%`;\n\t\t}\n\t}\n\n\tsetValues(x, y, title = {}, listValues = [], index = -1) {\n\t\tthis.titleName = title.name;\n\t\tthis.titleValue = title.value;\n\t\tthis.listValues = listValues;\n\t\tthis.x = x;\n\t\tthis.y = y;\n\t\tthis.titleValueFirst = title.valueFirst || 0;\n\t\tthis.index = index;\n\t\tthis.refresh();\n\t}\n\n\thideTip() {\n\t\tthis.container.style.top = '0px';\n\t\tthis.container.style.left = '0px';\n\t\tthis.container.style.opacity = '0';\n\t}\n\n\tshowTip() {\n\t\tthis.container.style.top = this.top + 'px';\n\t\tthis.container.style.left = this.left + 'px';\n\t\tthis.container.style.opacity = '1';\n\t}\n}\n","export const 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 DEFAULT_CHAR_WIDTH = 7;\n\n// Universal constants\nexport const ANGLE_RATIO = Math.PI / 180;\nexport const FULL_ANGLE = 360;\n\n// Fixed 5-color theme,\n// More colors are difficult to parse visually\nexport const HEATMAP_DISTRIBUTION_SIZE = 5;\n\nexport const HEATMAP_SQUARE_SIZE = 10;\nexport const HEATMAP_GUTTER_SIZE = 2;\n\nconst HEATMAP_COLORS = ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\nconst DEFAULT_CHART_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey'];\n\nexport const DEFAULT_COLORS = {\n\tbar: DEFAULT_CHART_COLORS,\n\tline: DEFAULT_CHART_COLORS,\n\tpie: DEFAULT_CHART_COLORS,\n\tpercentage: DEFAULT_CHART_COLORS,\n\theatmap: HEATMAP_COLORS\n};","import SvgTip from '../objects/SvgTip';\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup, makeText, AXIS_TICK_LENGTH } from '../utils/draw';\nimport { BASE_CHART_TOP_MARGIN, BASE_CHART_LEFT_MARGIN,\n\tBASE_CHART_RIGHT_MARGIN, INIT_CHART_UPDATE_TIMEOUT, CHART_POST_ANIMATE_TIMEOUT, DEFAULT_COLORS,\n\tALL_CHART_TYPES, COMPATIBLE_CHARTS, DATA_COLOR_DIVISIONS} from '../utils/constants';\nimport { getColor, isValidColor } from '../utils/colors';\nimport { runSMILAnimation } from '../utils/animation';\nimport { Chart } from '../chart';\n\nexport default class BaseChart {\n\tconstructor(parent, options) {\n\n\t\tthis.parent = typeof parent === 'string'\n\t\t\t? document.querySelector(parent)\n\t\t\t: parent;\n\n\t\tif (!(this.parent instanceof HTMLElement)) {\n\t\t\tthrow new Error('No `parent` element to render on was provided.');\n\t\t}\n\n\t\tthis.rawChartArgs = options;\n\n\t\tthis.title = options.title || '';\n\t\tthis.argHeight = options.height || 240;\n\t\tthis.type = options.type || '';\n\n\t\tthis.realData = this.prepareData(options.data);\n\t\tthis.data = this.prepareFirstData(this.realData);\n\n\t\tthis.colors = this.validateColors(options.colors, this.type);\n\n\t\tthis.config = {\n\t\t\tshowTooltip: 1, // calculate\n\t\t\tshowLegend: options.showLegend || 1,\n\t\t\tisNavigable: options.isNavigable || 0,\n\t\t\tanimate: 1\n\t\t};\n\t\tthis.state = {};\n\t\tthis.options = {};\n\n\t\tthis.initTimeout = INIT_CHART_UPDATE_TIMEOUT;\n\n\t\tif(this.config.isNavigable) {\n\t\t\tthis.overlays = [];\n\t\t}\n\n\t\tthis.configure(options);\n\t}\n\n\tconfigure() {\n\t\tthis.setMargins();\n\n\t\t// Bind window events\n\t\twindow.addEventListener('resize', () => this.draw(true));\n\t\twindow.addEventListener('orientationchange', () => this.draw(true));\n\t}\n\n\tvalidateColors(colors, type) {\n\t\tconst validColors = [];\n\t\tcolors = (colors || []).concat(DEFAULT_COLORS[type]);\n\t\tcolors.forEach((string) => {\n\t\t\tconst color = getColor(string);\n\t\t\tif(!isValidColor(color)) {\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t} else {\n\t\t\t\tvalidColors.push(color);\n\t\t\t}\n\t\t});\n\t\treturn validColors;\n\t}\n\n\tsetMargins() {\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - 70;\n\t\tthis.topMargin = BASE_CHART_TOP_MARGIN;\n\n\t\t// Horizontal margins\n\t\tthis.leftMargin = BASE_CHART_LEFT_MARGIN;\n\t\tthis.rightMargin = BASE_CHART_RIGHT_MARGIN;\n\t}\n\n\tsetup() {\n\t\tthis.makeContainer();\n\t\tthis.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\t\tthis.container = $.create('div', {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'chart-container'\n\t\t});\n\t}\n\n\tmakeTooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.container,\n\t\t\tcolors: this.colors\n\t\t});\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {}\n\n\tdraw(onlyWidthChange=false, init=false) {\n\t\tthis.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 = 30;\n\t\t}\n\t\tif(this.config.showLegend) {\n\t\t\tlegendAreaHeight = 30;\n\t\t}\n\t\tthis.svg = makeSVGContainer(\n\t\t\tthis.container,\n\t\t\t'frappe-chart chart',\n\t\t\tthis.baseWidth,\n\t\t\tthis.baseHeight + titleAreaHeight + legendAreaHeight\n\t\t);\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\n\n\t\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,\n\t\t\t\tthis.topMargin,\n\t\t\t\tthis.title,\n\t\t\t\t11\n\t\t\t);\n\t\t\tthis.svg.appendChild(this.titleEL);\n\t\t}\n\n\t\tlet top = this.topMargin + titleAreaHeight;\n\t\tthis.drawArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\tthis.type + '-chart',\n\t\t\t`translate(${this.leftMargin}, ${top})`\n\t\t);\n\n\t\ttop = this.baseHeight - titleAreaHeight;\n\t\tthis.legendArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\t'chart-legend',\n\t\t\t`translate(${this.leftMargin}, ${top})`\n\t\t);\n\t}\n\n\trenderLegend() {}\n\n\tsetupNavigation(init=false) {\n\t\tif(!this.config.isNavigable) return;\n\n\t\tif(init) {\n\t\t\tthis.bindOverlay();\n\n\t\t\tthis.keyActions = {\n\t\t\t\t'13': this.onEnterKey.bind(this),\n\t\t\t\t'37': this.onLeftArrow.bind(this),\n\t\t\t\t'38': this.onUpArrow.bind(this),\n\t\t\t\t'39': this.onRightArrow.bind(this),\n\t\t\t\t'40': this.onDownArrow.bind(this),\n\t\t\t};\n\n\t\t\tdocument.addEventListener('keydown', (e) => {\n\t\t\t\tif(isElementInViewport(this.container)) {\n\t\t\t\t\te = e || window.event;\n\t\t\t\t\tif(this.keyActions[e.keyCode]) {\n\t\t\t\t\t\tthis.keyActions[e.keyCode]();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {}\n\tupdateOverlay() {}\n\tbindOverlay() {}\n\tbindUnits() {}\n\n\tonLeftArrow() {}\n\tonRightArrow() {}\n\tonUpArrow() {}\n\tonDownArrow() {}\n\tonEnterKey() {}\n\n\taddDataPoint() {}\n\tremoveDataPoint() {}\n\n\tgetDataPoint() {}\n\tsetCurrentDataPoint() {}\n\n\tupdateDataset() {}\n\n\tgetDifferentChart(type) {\n\t\tconst currentType = this.type;\n\t\tlet args = this.rawChartArgs;\n\t\tif(type === currentType) return;\n\n\t\tif(!ALL_CHART_TYPES.includes(type)) {\n\t\t\tconsole.error(`'${type}' is not a valid chart type.`);\n\t\t}\n\n\t\tif(!COMPATIBLE_CHARTS[currentType].includes(type)) {\n\t\t\tconsole.error(`'${currentType}' chart cannot be converted to a '${type}' chart.`);\n\t\t}\n\n\t\t// whether the new chart can use the existing colors\n\t\tconst useColor = DATA_COLOR_DIVISIONS[currentType] === DATA_COLOR_DIVISIONS[type];\n\n\t\t// Okay, this is anticlimactic\n\t\t// this function will need to actually be 'changeChartType(type)'\n\t\t// that will update only the required elements, but for now ...\n\n\t\targs.type = type;\n\t\targs.colors = useColor ? args.colors : undefined;\n\n\t\treturn new Chart(this.parent, args);\n\t}\n\n\tunbindWindowEvents(){\n\t\twindow.removeEventListener('resize', () => this.draw(true));\n\t\twindow.removeEventListener('orientationchange', () => this.draw(true));\n\t}\n}\n","import BaseChart from './BaseChart';\n\nexport default class AggregationChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\n\t\tthis.config.maxSlices = args.maxSlices || 20;\n\t\tthis.config.maxLegendPoints = args.maxLegendPoints || 20;\n\t}\n\n\tcalc() {\n\t\tlet s = this.state;\n\t\tlet maxSlices = this.config.maxSlices;\n\t\ts.sliceTotals = [];\n\n\t\tlet allTotals = this.data.labels.map((label, i) => {\n\t\t\tlet total = 0;\n\t\t\tthis.data.datasets.map(e => {\n\t\t\t\ttotal += e.values[i];\n\t\t\t});\n\t\t\treturn [total, label];\n\t\t}).filter(d => { return d[0] > 0; }); // keep only positive results\n\n\t\tlet totals = allTotals;\n\t\tif(allTotals.length > maxSlices) {\n\t\t\t// Prune and keep a grey area for rest as per maxSlices\n\t\t\tallTotals.sort((a, b) => { return b[0] - a[0]; });\n\n\t\t\ttotals = allTotals.slice(0, maxSlices-1);\n\t\t\tlet remaining = allTotals.slice(maxSlices-1);\n\n\t\t\tlet sumOfRemaining = 0;\n\t\t\tremaining.map(d => {sumOfRemaining += d[0];});\n\t\t\ttotals.push([sumOfRemaining, 'Rest']);\n\t\t\tthis.colors[maxSlices-1] = 'grey';\n\t\t}\n\n\t\ts.labels = [];\n\t\ttotals.map(d => {\n\t\t\ts.sliceTotals.push(d[0]);\n\t\t\ts.labels.push(d[1]);\n\t\t});\n\t}\n\n\trenderLegend() {\n\t\t// let s = this.state;\n\n\t\t// this.statsWrapper.textContent = '';\n\n\t\t// this.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints);\n\n\t\t// let xValues = s.labels;\n\t\t// this.legendTotals.map((d, i) => {\n\t\t// \tif(d) {\n\t\t// \t\tlet stats = $.create('div', {\n\t\t// \t\t\tclassName: 'stats',\n\t\t// \t\t\tinside: this.statsWrapper\n\t\t// \t\t});\n\t\t// \t\tstats.innerHTML = `\n\t\t// \t\t\t\n\t\t// \t\t\t${xValues[i]}:\n\t\t// \t\t\t${d}\n\t\t// \t\t`;\n\t\t// \t}\n\t\t// });\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class PercentageChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'percentage';\n\n\t\tthis.setup();\n\t}\n\n\tmakeChartArea() {\n\t\tthis.container.className += ' ' + 'graph-focus-margin';\n\t\tthis.container.style.marginTop = '45px';\n\n\t\t// this.statsWrapper.className += ' ' + 'graph-focus-margin';\n\t\t// this.statsWrapper.style.marginBottom = '30px';\n\t\t// this.statsWrapper.style.paddingTop = '0px';\n\n\t\tthis.svg = $.create('div', {\n\t\t\tclassName: 'div',\n\t\t\tinside: this.container\n\t\t});\n\n\t\tthis.chart = $.create('div', {\n\t\t\tclassName: 'progress-chart',\n\t\t\tinside: this.svg\n\t\t});\n\n\t\tthis.percentageBar = $.create('div', {\n\t\t\tclassName: 'progress',\n\t\t\tinside: this.chart\n\t\t});\n\t}\n\n\trender() {\n\t\tlet s = this.state;\n\t\tthis.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);\n\t\ts.slices = [];\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tlet slice = $.create('div', {\n\t\t\t\tclassName: `progress-bar`,\n\t\t\t\t'data-index': i,\n\t\t\t\tinside: this.percentageBar,\n\t\t\t\tstyles: {\n\t\t\t\t\tbackground: this.colors[i],\n\t\t\t\t\twidth: total*100/this.grandTotal + \"%\"\n\t\t\t\t}\n\t\t\t});\n\t\t\ts.slices.push(slice);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tlet s = this.state;\n\n\t\tthis.container.addEventListener('mousemove', (e) => {\n\t\t\tlet slice = e.target;\n\t\t\tif(slice.classList.contains('progress-bar')) {\n\n\t\t\t\tlet i = slice.getAttribute('data-index');\n\t\t\t\tlet gOff = getOffset(this.container), pOff = getOffset(slice);\n\n\t\t\t\tlet x = pOff.left - gOff.left + slice.offsetWidth/2;\n\t\t\t\tlet y = pOff.top - gOff.top - 6;\n\t\t\t\tlet title = (this.formattedLabels && this.formattedLabels.length>0\n\t\t\t\t\t? this.formattedLabels[i] : this.state.labels[i]) + ': ';\n\t\t\t\tlet percent = (s.sliceTotals[i]*100/this.grandTotal).toFixed(1);\n\n\t\t\t\tthis.tip.setValues(x, y, {name: title, value: percent + \"%\"});\n\t\t\t\tthis.tip.showTip();\n\t\t\t}\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset } from '../utils/dom';\nimport { getPositionByAngle } from '../utils/helpers';\nimport { makeArcPathStr } from '../utils/draw';\nimport { lightenDarkenColor } from '../utils/colors';\nimport { transform } from '../utils/animation';\nimport { FULL_ANGLE } from '../utils/constants';\n\nexport default class PieChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'pie';\n\t\tthis.initTimeout = 0;\n\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\n\t\tthis.center = {\n\t\t\tx: this.width / 2,\n\t\t\ty: this.height / 2\n\t\t};\n\t\tthis.radius = (this.height > this.width ? this.center.x : this.center.y);\n\n\t\ts.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);\n\n\t\tthis.calcSlices();\n\t}\n\n\tcalcSlices() {\n\t\tlet s = this.state;\n\t\tconst { radius, clockWise } = this;\n\n\t\tconst prevSlicesProperties = s.slicesProperties || [];\n\t\ts.sliceStrings = [];\n\t\ts.slicesProperties = [];\n\t\tlet curAngle = 180 - this.config.startAngle;\n\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tconst startAngle = curAngle;\n\t\t\tconst originDiffAngle = (total / s.grandTotal) * FULL_ANGLE;\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\n\t\t\tconst startPosition = getPositionByAngle(startAngle, radius);\n\t\t\tconst endPosition = getPositionByAngle(endAngle, radius);\n\n\t\t\tconst prevProperty = this.init && prevSlicesProperties[i];\n\n\t\t\tlet curStart,curEnd;\n\t\t\tif(this.init) {\n\t\t\t\tcurStart = prevProperty ? prevProperty.startPosition : startPosition;\n\t\t\t\tcurEnd = prevProperty ? prevProperty.endPosition : startPosition;\n\t\t\t} else {\n\t\t\t\tcurStart = startPosition;\n\t\t\t\tcurEnd = endPosition;\n\t\t\t}\n\t\t\tconst curPath = makeArcPathStr(curStart, curEnd, this.center, this.radius, this.clockWise);\n\n\t\t\ts.sliceStrings.push(curPath);\n\t\t\ts.slicesProperties.push({\n\t\t\t\tstartPosition,\n\t\t\t\tendPosition,\n\t\t\t\tvalue: total,\n\t\t\t\ttotal: s.grandTotal,\n\t\t\t\tstartAngle,\n\t\t\t\tendAngle,\n\t\t\t\tangle: diffAngle\n\t\t\t});\n\n\t\t});\n\t\tthis.init = 0;\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'pieSlices',\n\t\t\t\t{ },\n\t\t\t\tfunction() {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tsliceStrings: s.sliceStrings,\n\t\t\t\t\t\tcolors: this.colors\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tcalTranslateByAngle(property){\n\t\tconst{radius,hoverRadio} = this;\n\t\tconst position = getPositionByAngle(property.startAngle+(property.angle / 2),radius);\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\n\t}\n\n\thoverSlice(path,i,flag,e){\n\t\tif(!path) return;\n\t\tconst color = this.colors[i];\n\t\tif(flag) {\n\t\t\ttransform(path, this.calTranslateByAngle(this.state.slicesProperties[i]));\n\t\t\tpath.style.fill = lightenDarkenColor(color, 50);\n\t\t\tlet g_off = getOffset(this.svg);\n\t\t\tlet x = e.pageX - g_off.left + 10;\n\t\t\tlet y = e.pageY - g_off.top - 10;\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t\t? this.formatted_labels[i] : this.state.labels[i]) + ': ';\n\t\t\tlet percent = (this.state.sliceTotals[i] * 100 / this.state.grandTotal).toFixed(1);\n\t\t\tthis.tip.setValues(x, y, {name: title, value: percent + \"%\"});\n\t\t\tthis.tip.showTip();\n\t\t} else {\n\t\t\ttransform(path,'translate3d(0,0,0)');\n\t\t\tthis.tip.hideTip();\n\t\t\tpath.style.fill = color;\n\t\t}\n\t}\n\n\tbindTooltip() {\n\t\tthis.container.addEventListener('mousemove', this.mouseMove);\n\t\tthis.container.addEventListener('mouseleave', this.mouseLeave);\n\t}\n\n\tmouseMove(e){\n\t\tconst target = e.target;\n\t\tlet slices = this.components.get('pieSlices').store;\n\t\tlet prevIndex = this.curActiveSliceIndex;\n\t\tlet prevAcitve = this.curActiveSlice;\n\t\tif(slices.includes(target)) {\n\t\t\tlet i = slices.indexOf(target);\n\t\t\tthis.hoverSlice(prevAcitve, prevIndex,false);\n\t\t\tthis.curActiveSlice = target;\n\t\t\tthis.curActiveSliceIndex = i;\n\t\t\tthis.hoverSlice(target, i, true, e);\n\t\t} else {\n\t\t\tthis.mouseLeave();\n\t\t}\n\t}\n\n\tmouseLeave(){\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { makeSVGGroup, makeText } from '../utils/draw';\nimport { getComponent } from '../objects/ChartComponents';\nimport { 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_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;\nconst 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.discreteDomains = options.discreteDomains === 0 ? 0 : 1;\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\tupdateWidth() {\n\t\tthis.baseWidth = (this.state.noOfWeeks + 99) * COL_WIDTH;\n\n\t\tif(this.discreteDomains) {\n\t\t\tthis.baseWidth += (COL_WIDTH * NO_OF_YEAR_MONTHS);\n\t\t}\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 = this.data.start;\n\t\ts.end = this.data.end;\n\n\t\ts.firstWeekStart = setDayToSunday(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\n\t\tlet componentConfigs = s.domainConfigs.map((config, i) => [\n\t\t\t'heatDomain',\n\t\t\t{\n\t\t\t\tindex: i,\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 - 1)\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\t// console.log(s.domainConfigs)\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}\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.draw();\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {\n\t\tArray.prototype.slice.call(\n\t\t\tdocument.querySelectorAll(\".data-group .day\")\n\t\t).map(el => {\n\t\t\tel.addEventListener('mouseenter', (e) => {\n\t\t\t\tlet count = e.target.getAttribute('data-value');\n\t\t\t\tlet dateParts = e.target.getAttribute('data-date').split('-');\n\n\t\t\t\tlet month = getMonthName(parseInt(dateParts[1])-1, true);\n\n\t\t\t\tlet gOff = this.container.getBoundingClientRect(), pOff = e.target.getBoundingClientRect();\n\n\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\tlet x = pOff.left - gOff.left + (width+2)/2;\n\t\t\t\tlet y = pOff.top - gOff.top - (width+2)/2;\n\t\t\t\tlet value = count + ' ' + this.countLabel;\n\t\t\t\tlet name = ' on ' + month + ' ' + dateParts[0] + ', ' + dateParts[2];\n\n\t\t\t\tthis.tip.setValues(x, y, {name: name, value: value, valueFirst: 1}, []);\n\t\t\t\tthis.tip.showTip();\n\t\t\t});\n\t\t});\n\t}\n\n\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);\n\t\tendDate = clone(endDate) || getLastDateInMonth(month, year);\n\n\t\tlet s = this.state;\n\t\tlet domainConfig = {\n\t\t\tindex: month,\n\t\t\tcols: []\n\t\t};\n\n\t\tlet noOfMonthWeeks = getWeeksBetween(startOfWeek, endDate);\n\n\t\tlet cols = [];\n\t\tfor(var i = 0; i < noOfMonthWeeks; i++) {\n\t\t\tconst col = 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(startOfWeek.getDay() === this.startSubDomainIndex) {\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\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\t\t\tif(empty || currentDate.getMonth() !== month) {\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 } 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}\n\n\tcalcXPositions() {\n\t\tlet s = this.state;\n\t\tlet labels = this.data.labels;\n\t\ts.datasetLength = labels.length;\n\n\t\ts.unitWidth = this.width/(s.datasetLength);\n\t\t// Default, as per bar, and mixed. Only line will be a special case\n\t\ts.xOffset = s.unitWidth/2;\n\n\t\t// // For a pure Line Chart\n\t\t// s.unitWidth = this.width/(s.datasetLength - 1);\n\t\t// s.xOffset = 0;\n\n\t\ts.xAxis = {\n\t\t\tlabels: labels,\n\t\t\tpositions: labels.map((d, i) =>\n\t\t\t\tfloatTwo(s.xOffset + i * s.unitWidth)\n\t\t\t)\n\t\t};\n\t}\n\n\tcalcYAxisParameters(dataValues, withMinimum = 'false') {\n\t\tconst yPts = calcChartIntervals(dataValues, withMinimum);\n\t\tconst scaleMultiplier = this.height / getValueRange(yPts);\n\t\tconst intervalHeight = getIntervalSize(yPts) * scaleMultiplier;\n\t\tconst zeroLine = this.height - (getZeroIndex(yPts) * intervalHeight);\n\n\t\tthis.state.yAxis = {\n\t\t\tlabels: yPts,\n\t\t\tpositions: yPts.map(d => zeroLine - d * scaleMultiplier),\n\t\t\tscaleMultiplier: scaleMultiplier,\n\t\t\tzeroLine: zeroLine,\n\t\t};\n\n\t\t// Dependent if above changes\n\t\tthis.calcDatasetPoints();\n\t\tthis.calcYExtremes();\n\t\tthis.calcYRegions();\n\t}\n\n\tcalcDatasetPoints() {\n\t\tlet s = this.state;\n\t\tlet scaleAll = values => values.map(val => scale(val, s.yAxis));\n\n\t\ts.datasets = this.data.datasets.map((d, i) => {\n\t\t\tlet values = d.values;\n\t\t\tlet cumulativeYs = d.cumulativeYs || [];\n\t\t\treturn {\n\t\t\t\tname: d.name,\n\t\t\t\tindex: i,\n\t\t\t\tchartType: d.chartType,\n\n\t\t\t\tvalues: values,\n\t\t\t\tyPositions: scaleAll(values),\n\n\t\t\t\tcumulativeYs: cumulativeYs,\n\t\t\t\tcumulativeYPos: scaleAll(cumulativeYs),\n\t\t\t};\n\t\t});\n\t}\n\n\tcalcYExtremes() {\n\t\tlet s = this.state;\n\t\tif(this.barOptions.stacked) {\n\t\t\ts.yExtremes = s.datasets[s.datasets.length - 1].cumulativeYPos;\n\t\t\treturn;\n\t\t}\n\t\ts.yExtremes = new Array(s.datasetLength).fill(9999);\n\t\ts.datasets.map(d => {\n\t\t\td.yPositions.map((pos, j) => {\n\t\t\t\tif(pos < s.yExtremes[j]) {\n\t\t\t\t\ts.yExtremes[j] = pos;\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n\n\tcalcYRegions() {\n\t\tlet s = this.state;\n\t\tif(this.data.yMarkers) {\n\t\t\tthis.state.yMarkers = this.data.yMarkers.map(d => {\n\t\t\t\td.position = scale(d.value, s.yAxis);\n\t\t\t\t// if(!d.label.includes(':')) {\n\t\t\t\t// \td.label += ': ' + d.value;\n\t\t\t\t// }\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t\tif(this.data.yRegions) {\n\t\t\tthis.state.yRegions = this.data.yRegions.map(d => {\n\t\t\t\td.startPos = scale(d.start, s.yAxis);\n\t\t\t\td.endPos = scale(d.end, s.yAxis);\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t}\n\n\tgetAllYValues() {\n\t\t// TODO: yMarkers, regions, sums, every Y value ever\n\t\tlet key = 'values';\n\n\t\tif(this.barOptions.stacked) {\n\t\t\tkey = 'cumulativeYs';\n\t\t\tlet cumulative = new Array(this.state.datasetLength).fill(0);\n\t\t\tthis.data.datasets.map((d, i) => {\n\t\t\t\tlet values = this.data.datasets[i].values;\n\t\t\t\td[key] = cumulative = cumulative.map((c, i) => c + values[i]);\n\t\t\t});\n\t\t}\n\n\t\tlet allValueLists = this.data.datasets.map(d => d[key]);\n\t\tif(this.data.yMarkers) {\n\t\t\tallValueLists.push(this.data.yMarkers.map(d => d.value));\n\t\t}\n\t\tif(this.data.yRegions) {\n\t\t\tthis.data.yRegions.map(d => {\n\t\t\t\tallValueLists.push([d.end, d.start]);\n\t\t\t});\n\t\t}\n\n\t\treturn [].concat(...allValueLists);\n\t}\n\n\tsetupComponents() {\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'yAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.yAxisMode,\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'xAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.xAxisMode,\n\t\t\t\t\theight: this.height,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\ts.xAxis.calcLabels = getShortenedLabels(this.width,\n\t\t\t\t\t\ts.xAxis.labels, this.config.xIsSeries);\n\n\t\t\t\t\treturn s.xAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'yRegions',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yRegions;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\t\t];\n\n\t\tlet barDatasets = this.state.datasets.filter(d => d.chartType === 'bar');\n\t\tlet lineDatasets = this.state.datasets.filter(d => d.chartType === 'line');\n\n\t\tlet barsConfigs = barDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'barGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tstacked: this.barOptions.stacked,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t\tminHeight: this.height * MIN_BAR_PERCENT_HEIGHT,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\t\t\t\t\tlet stacked = this.barOptions.stacked;\n\n\t\t\t\t\tlet spaceRatio = this.barOptions.spaceRatio || BAR_CHART_SPACE_RATIO;\n\t\t\t\t\tlet barsWidth = s.unitWidth * (1 - spaceRatio);\n\t\t\t\t\tlet barWidth = barsWidth/(stacked ? 1 : barDatasets.length);\n\n\t\t\t\t\tlet xPositions = s.xAxis.positions.map(x => x - barsWidth/2);\n\t\t\t\t\tif(!stacked) {\n\t\t\t\t\t\txPositions = xPositions.map(p => p + barWidth * index);\n\t\t\t\t\t}\n\n\t\t\t\t\tlet labels = new Array(s.datasetLength).fill('');\n\t\t\t\t\tif(this.config.valuesOverPoints) {\n\t\t\t\t\t\tif(stacked && d.index === s.datasets.length - 1) {\n\t\t\t\t\t\t\tlabels = d.cumulativeYs;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tlabels = d.values;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tlet offsets = new Array(s.datasetLength).fill(0);\n\t\t\t\t\tif(stacked) {\n\t\t\t\t\t\toffsets = d.yPositions.map((y, j) => y - d.cumulativeYPos[j]);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: xPositions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\t\t\t\t\t\toffsets: offsets,\n\t\t\t\t\t\t// values: d.values,\n\t\t\t\t\t\tlabels: labels,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tbarsWidth: barsWidth,\n\t\t\t\t\t\tbarWidth: barWidth,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet lineConfigs = lineDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'lineGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tsvgDefs: this.svgDefs,\n\t\t\t\t\theatline: this.lineOptions.heatline,\n\t\t\t\t\tregionFill: this.lineOptions.regionFill,\n\t\t\t\t\thideDots: this.lineOptions.hideDots,\n\t\t\t\t\thideLine: this.lineOptions.hideLine,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: s.xAxis.positions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\n\t\t\t\t\t\tvalues: d.values,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tradius: this.lineOptions.dotSize || LINE_CHART_DOT_SIZE,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet markerConfigs = [\n\t\t\t[\n\t\t\t\t'yMarkers',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yMarkers;\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tcomponentConfigs = componentConfigs.concat(barsConfigs, lineConfigs, markerConfigs);\n\n\t\tlet optionals = ['yMarkers', 'yRegions'];\n\t\tthis.dataUnitComponents = [];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.filter(args => !optionals.includes(args[0]) || this.state[args[0]])\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\tif(args[0].includes('lineGraph') || args[0].includes('barGraph')) {\n\t\t\t\t\tthis.dataUnitComponents.push(component);\n\t\t\t\t}\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tbindTooltip() {\n\t\t// NOTE: could be in tooltip itself, as it is a given functionality for its parent\n\t\tthis.container.addEventListener('mousemove', (e) => {\n\t\t\tlet o = getOffset(this.container);\n\t\t\tlet relX = e.pageX - o.left - this.leftMargin;\n\t\t\tlet relY = e.pageY - o.top - this.topMargin;\n\n\t\t\tif(relY < this.height + this.topMargin * 2) {\n\t\t\t\tthis.mapTooltipXPosition(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.hideTip();\n\t\t\t}\n\t\t});\n\t}\n\n\tmapTooltipXPosition(relX) {\n\t\tlet s = this.state;\n\t\tif(!s.yExtremes) return;\n\n\t\tlet formatY = this.config.formatTooltipY;\n\t\tlet formatX = this.config.formatTooltipX;\n\n\t\tlet titles = s.xAxis.labels;\n\t\tif(formatX && formatX(titles[0])) {\n\t\t\ttitles = titles.map(d=>formatX(d));\n\t\t}\n\n\t\tformatY = formatY && formatY(s.yAxis.labels[0]) ? formatY : 0;\n\n\t\tfor(var i=s.datasetLength - 1; i >= 0 ; i--) {\n\t\t\tlet xVal = s.xAxis.positions[i];\n\t\t\t// let delta = i === 0 ? s.unitWidth : xVal - s.xAxis.positions[i-1];\n\t\t\tif(relX > xVal - s.unitWidth/2) {\n\t\t\t\tlet x = xVal + this.leftMargin;\n\t\t\t\tlet y = s.yExtremes[i] + this.topMargin;\n\n\t\t\t\tlet values = this.data.datasets.map((set, j) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttitle: set.name,\n\t\t\t\t\t\tvalue: formatY ? formatY(set.values[i]) : set.values[i],\n\t\t\t\t\t\tcolor: this.colors[j],\n\t\t\t\t\t};\n\t\t\t\t});\n\n\t\t\t\tthis.tip.setValues(x, y, {name: titles[i], value: ''}, values, i);\n\t\t\t\tthis.tip.showTip();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\trenderLegend() {\n\t\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\tmakeOverlay() {\n\t\tif(this.init) {\n\t\t\tthis.init = 0;\n\t\t\treturn;\n\t\t}\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\n\t\tthis.overlayGuides = this.dataUnitComponents.map(c => {\n\t\t\treturn {\n\t\t\t\ttype: c.unitType,\n\t\t\t\toverlay: undefined,\n\t\t\t\tunits: c.units,\n\t\t\t};\n\t\t});\n\n\t\tif(this.state.currentIndex === undefined) {\n\t\t\tthis.state.currentIndex = this.state.datasetLength - 1;\n\t\t}\n\n\t\t// Render overlays\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\n\t\t\td.overlay = makeOverlay[d.type](currentUnit);\n\t\t\tthis.drawArea.appendChild(d.overlay);\n\t\t});\n\t}\n\n\tupdateOverlayGuides() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\t}\n\n\tbindOverlay() {\n\t\tthis.parent.addEventListener('data-select', () => {\n\t\t\tthis.updateOverlay();\n\t\t});\n\t}\n\n\tbindUnits() {\n\t\tthis.dataUnitComponents.map(c => {\n\t\t\tc.units.map(unit => {\n\t\t\t\tunit.addEventListener('click', () => {\n\t\t\t\t\tlet index = unit.getAttribute('data-point-index');\n\t\t\t\t\tthis.setCurrentDataPoint(index);\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\n\t\t// Note: Doesn't work as tooltip is absolutely positioned\n\t\tthis.tip.container.addEventListener('click', () => {\n\t\t\tlet index = this.tip.container.getAttribute('data-point-index');\n\t\t\tthis.setCurrentDataPoint(index);\n\t\t});\n\t}\n\n\tupdateOverlay() {\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\tupdateOverlay[d.type](currentUnit, d.overlay);\n\t\t});\n\t}\n\n\tonLeftArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex - 1);\n\t}\n\n\tonRightArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex + 1);\n\t}\n\n\tgetDataPoint(index=this.state.currentIndex) {\n\t\tlet s = this.state;\n\t\tlet data_point = {\n\t\t\tindex: index,\n\t\t\tlabel: s.xAxis.labels[index],\n\t\t\tvalues: s.datasets.map(d => d.values[index])\n\t\t};\n\t\treturn data_point;\n\t}\n\n\tsetCurrentDataPoint(index) {\n\t\tlet s = this.state;\n\t\tindex = parseInt(index);\n\t\tif(index < 0) index = 0;\n\t\tif(index >= s.xAxis.labels.length) index = s.xAxis.labels.length - 1;\n\t\tif(index === s.currentIndex) return;\n\t\ts.currentIndex = index;\n\t\tfire(this.parent, \"data-select\", this.getDataPoint());\n\t}\n\n\t// API\n\taddDataPoint(label, datasetValues, index=this.state.datasetLength) {\n\t\tsuper.addDataPoint(label, datasetValues, index);\n\t\tthis.data.labels.splice(index, 0, label);\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\td.values.splice(index, 0, datasetValues[i]);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\tremoveDataPoint(index = this.state.datasetLength-1) {\n\t\tif (this.data.labels.length <= 1) {\n\t\t\treturn;\n\t\t}\n\t\tsuper.removeDataPoint(index);\n\t\tthis.data.labels.splice(index, 1);\n\t\tthis.data.datasets.map(d => {\n\t\t\td.values.splice(index, 1);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\tupdateDataset(datasetValues, index=0) {\n\t\tthis.data.datasets[index].values = datasetValues;\n\t\tthis.update(this.data);\n\t}\n\t// addDataset(dataset, index) {}\n\t// removeDataset(index = 0) {}\n\n\tupdateDatasets(datasets) {\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\tif(datasets[i]) {\n\t\t\t\td.values = datasets[i];\n\t\t\t}\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\t// updateDataPoint(dataPoint, index = 0) {}\n\t// addDataPoint(dataPoint, index = 0) {}\n\t// removeDataPoint(index = 0) {}\n}\n"],"names":["$","expr","con","document","querySelector","getOffset","element","rect","getBoundingClientRect","top","documentElement","scrollTop","body","left","scrollLeft","isElementInViewport","el","bottom","window","innerHeight","clientHeight","right","innerWidth","clientWidth","getElementContentWidth","styles","getComputedStyle","padding","parseFloat","paddingLeft","paddingRight","fire","target","type","properties","evt","createEvent","initEvent","j","dispatchEvent","floatTwo","d","toFixed","fillArray","array","count","start","length","fillerArray","Array","Math","abs","fill","concat","getStringWidth","string","charWidth","getPositionByAngle","angle","radius","sin","ANGLE_RATIO","cos","getBarHeightAndYAttr","yTop","zeroLine","height","y","equilizeNoOfElements","array1","array2","extraCount","createSVG","tag","o","createElementNS","i","val","appendChild","ref","parentNode","insertBefore","keys","map","style","prop","setAttribute","renderVerticalGradient","svgDefElem","gradientId","setGradientStop","gradElem","offset","color","opacity","makeSVGContainer","parent","className","width","makeSVGDefs","svgContainer","makeSVGGroup","makePath","pathStr","makeArcPathStr","startPosition","endPosition","center","clockWise","arcStartX","x","arcStartY","arcEndX","arcEndY","makeGradient","lighter","gradientDef","opacities","heatSquare","size","data","args","key","legendBar","label","text","FONT_SIZE","FONT_FILL","group","makeText","content","fontSize","makeVertLine","y1","y2","options","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","slice","limitColor","r","lightenDarkenColor","amt","col","getColor","usePound","num","parseInt","b","g","toString","isValidColor","test","translate","unit","oldCoord","newCoord","duration","old","transform","STD_EASING","translateVertLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","animateBar","bar","nodeName","UNIT_ANIM_DUR","split","animateDot","cx","cy","animatePath","newXList","newYList","pathComponents","animPath","PATH_ANIM_DUR","push","regStartPt","regEndPt","animRegion","animatePathStr","oldPath","animateSVGElement","props","dur","easingType","undefined","oldValues","animElement","cloneNode","newElement","attributeName","animateElement","currentValue","value","animAttr","EASING","webkitTransform","msTransform","mozTransform","oTransform","animateSVG","elements","newElements","animElements","replaceChild","animSvg","runSMILAnimation","svgElement","elementsToAnimate","animSvgElement","removeChild","REPLACE_ALL_NEW_DUR","getComponent","name","constants","getData","Object","componentConfigs","filter","includes","k","config","assign","ChartComponent","treatAsUtc","date","result","Date","setMinutes","getMinutes","getTimezoneOffset","getYyyyMmDd","dd","getDate","mm","getMonth","getFullYear","clone","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","normalize","isNaN","mantissa","exponent","sig","isFinite","exp","floor","log10","pow","getChartRangeIntervals","max","min","upperBound","lowerBound","range","noOfParts","partSize","intervals","getChartIntervals","maxValue","minValue","normalMaxValue","normalMinValue","calcChartIntervals","values","getPositiveFirstIntervals","absMinValue","intervalSize","unshift","withMinimum","pseudoMaxValue","pseudoMinValue","reverse","getZeroIndex","yPts","interval","getIntervalSize","indexOf","orderedArray","getValueRange","scale","yAxis","scaleMultiplier","calcDistribution","distributionSize","dataMaxValue","distributionStep","distribution","checkpoint","getMaxCheckpoint","dataPrep","labels","datasetLength","datasets","zeroArray","vals","chartType","AXIS_DATASET_CHART_TYPES","yRegions","end","zeroDataPrep","realData","zeroData","yMarkers","getShortenedLabels","chartWidth","isSeries","allowedLetters","DEFAULT_CHAR_WIDTH","getChartByType","AxisChart","chartTypes","error","create","createElement","SvgTip","colors","titleName","titleValue","listValues","titleValueFirst","setup","makeTooltip","calcPosition","container","this","hideTip","title","dataPointList","addEventListener","innerHTML","set","_this2","li","offsetWidth","offsetHeight","maxLeft","pointer","pointerOffset","valueFirst","refresh","ALL_CHART_TYPES","COMPATIBLE_CHARTS","DATA_COLOR_DIVISIONS","HEATMAP_DISTRIBUTION_SIZE","INIT_CHART_UPDATE_TIMEOUT","PI","DEFAULT_CHART_COLORS","DEFAULT_COLORS","makeOverlay","transformValue","overlay","updateOverlay","attributes","attr","specified","nodeValue","PRESET_COLOR_MAP","BaseChart","HTMLElement","Error","rawChartArgs","argHeight","prepareData","prepareFirstData","validateColors","showLegend","isNavigable","state","initTimeout","overlays","configure","setMargins","_this","draw","validColors","forEach","warn","baseHeight","topMargin","leftMargin","rightMargin","makeContainer","updateWidth","components","Map","tip","bindTooltip","onlyWidthChange","init","calc","makeChartArea","setupComponents","c","drawArea","render","update","renderLegend","setupNavigation","baseWidth","animate","svg","make","updateNav","bindUnits","titleAreaHeight","legendAreaHeight","titleEL","legendArea","bindOverlay","keyActions","onEnterKey","bind","onLeftArrow","onUpArrow","onRightArrow","onDownArrow","e","_this4","event","keyCode","currentType","useColor","Chart","removeEventListener","_this5","AggregationChart","maxSlices","maxLegendPoints","s","sliceTotals","allTotals","total","totals","sort","a","sumOfRemaining","PercentageChart","marginTop","chart","percentageBar","grandTotal","reduce","slices","classList","contains","gOff","_this3","pOff","formattedLabels","percent","setValues","showTip","layerClass","layerTransform","makeElements","animateElements","store","layer","oldData","textContent","sliceStrings","transition","newData","positions","position","newPos","newLabels","oldPos","oldLabels","calcLabels","marker","startPos","endPos","newStarts","oldStarts","colWidth","rowHeight","squareSize","xTranslate","serializedSubDomains","cols","yyyyMmDd","dataValue","square","unitType","units","yPositions","xPositions","barWidth","offsets","barsWidth","newXPos","newYPos","newOffsets","oldXPos","oldYPos","oldOffsets","hideLine","hideDots","valuesOverPoints","newValues","PieChart","mouseMove","mouseLeave","hoverRadio","startAngle","calcSlices","prevSlicesProperties","slicesProperties","curAngle","originDiffAngle","diffAngle","endAngle","prevProperty","curStart","curEnd","curPath","component","property","flag","calTranslateByAngle","g_off","pageX","pageY","formatted_labels","get","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","Heatmap","discreteDomains","countLabel","validStarts","startSubDomain","startSubDomainIndex","HEATMAP_SQUARE_SIZE","noOfWeeks","COL_WIDTH","setFullYear","dataPoints","points","timestampSec","firstWeekStart","domainConfigs","getDomains","prototype","call","querySelectorAll","dateParts","startMonth","startYear","noOfMonths","startOfMonth","getDomainConfig","startOfWeek","domainConfig","noOfMonthWeeks","getCol","empty","currentDate","getSubDomainConfig","barOptions","lineOptions","axisOptions","tooltipOptions","xAxisMode","yAxisMode","xIsSeries","formatTooltipX","formatTooltipY","calcXPositions","calcYAxisParameters","getAllYValues","unitWidth","xOffset","xAxis","dataValues","intervalHeight","calcDatasetPoints","calcYExtremes","calcYRegions","scaleAll","cumulativeYs","stacked","yExtremes","cumulativeYPos","cumulative","allValueLists","barDatasets","lineDatasets","barsConfigs","spaceRatio","p","lineConfigs","dotSize","markerConfigs","optionals","dataUnitComponents","relX","mapTooltipXPosition","formatY","formatX","titles","xVal","_this6","overlayGuides","currentIndex","currentUnit","_this7","setCurrentDataPoint","_this9","_this10","getDataPoint","datasetValues","splice"],"mappings":"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"} \ No newline at end of file diff --git a/src/js/charts/BaseChart.js b/src/js/charts/BaseChart.js index 0ff9673..f3bbd3c 100644 --- a/src/js/charts/BaseChart.js +++ b/src/js/charts/BaseChart.js @@ -83,6 +83,7 @@ export default class BaseChart { setup() { this.makeContainer(); + this.updateWidth(); this.makeTooltip(); this.draw(false, true); @@ -206,7 +207,7 @@ export default class BaseChart { ); this.svgDefs = makeSVGDefs(this.svg); - console.log(this.baseHeight, titleAreaHeight, legendAreaHeight); + // console.log(this.baseHeight, titleAreaHeight, legendAreaHeight); if(this.title.length) { this.titleEL = makeText( diff --git a/src/js/charts/PieChart.js b/src/js/charts/PieChart.js index 8a5f067..44ee6f4 100644 --- a/src/js/charts/PieChart.js +++ b/src/js/charts/PieChart.js @@ -12,6 +12,7 @@ export default class PieChart extends AggregationChart { super(parent, args); this.type = 'pie'; this.initTimeout = 0; + this.init = 1; this.setup(); } @@ -27,11 +28,6 @@ export default class PieChart extends AggregationChart { this.clockWise = args.clockWise || false; } - prepareFirstData(data=this.data) { - this.init = 1; - return data; - } - calc() { super.calc(); let s = this.state;