diff --git a/.github/ISSUE_TEMPLATE.md b/.github/ISSUE_TEMPLATE.md
index 2fd5b9d..f2cca5e 100644
--- a/.github/ISSUE_TEMPLATE.md
+++ b/.github/ISSUE_TEMPLATE.md
@@ -1,10 +1,10 @@
-#### Expected Behviour
+#### Expected Behaviour
 
 #### Actual Behaviour
 
 #### Steps to Reproduce:
-* 
+*
 
 NOTE: Add a GIF/Screenshot if required.
 
-Frappé Charts version: 
+Frappé Charts version:
diff --git a/dist/frappe-charts.min.js b/dist/frappe-charts.min.js
index 84bd7a7..8be7322 100644
--- a/dist/frappe-charts.min.js
+++ b/dist/frappe-charts.min.js
@@ -1,2 +1,2 @@
-var Chart=function(){"use strict";function t(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function e(t){return parseFloat(t.toFixed(2))}function i(t,e){if(t.length!==e.length)return!1;var i=!0;return t.map(function(t,a){e[a]!==t&&(i=!1)}),i}function a(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1];return x[t]?new x[t](e):new g(e)}!function(t,e){if("undefined"==typeof document)return e;t=t||"";var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css",i.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}('.chart-container{font-family:Roboto,Geneva,Tahoma,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{font-size:11px;fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .data-points circle{stroke:#fff;stroke-width:2}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .tick.x-axis-label{display:block}.chart-container .tick .specific-value{text-anchor:start}.chart-container .tick .y-value-text{text-anchor:end}.chart-container .tick .x-value-text{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.graph-svg-tip ol,.graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.graph-svg-tip .svg-pointer{position:absolute;bottom:-10px;left:50%;width:5px;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.indicator,.indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.indicator-right:after,.indicator:before{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.indicator:before{margin:0 4px 0 0}.indicator-right:after{margin:0 0 0 4px}.background.grey,.indicator-right.grey:after,.indicator.grey:before{background:#bdd3e6}.background.light-grey,.indicator-right.light-grey:after,.indicator.light-grey:before{background:#f0f4f7}.background.blue,.indicator-right.blue:after,.indicator.blue:before{background:#5e64ff}.background.red,.indicator-right.red:after,.indicator.red:before{background:#ff5858}.background.green,.indicator-right.green:after,.indicator.green:before{background:#28a745}.background.light-green,.indicator-right.light-green:after,.indicator.light-green:before{background:#98d85b}.background.orange,.indicator-right.orange:after,.indicator.orange:before{background:#ffa00a}.background.violet,.indicator-right.violet:after,.indicator.violet:before{background:#743ee2}.background.dark-grey,.indicator-right.dark-grey:after,.indicator.dark-grey:before{background:#b8c2cc}.background.black,.indicator-right.black:after,.indicator.black:before{background:#36414c}.background.yellow,.indicator-right.yellow:after,.indicator.yellow:before{background:#feef72}.background.light-blue,.indicator-right.light-blue:after,.indicator.light-blue:before{background:#7cd6fd}.background.purple,.indicator-right.purple:after,.indicator.purple:before{background:#b554ff}.background.magenta,.indicator-right.magenta:after,.indicator.magenta:before{background:#ffa3ef}.stroke.grey{stroke:#bdd3e6}.stroke.light-grey{stroke:#f0f4f7}.stroke.blue{stroke:#5e64ff}.stroke.red{stroke:#ff5858}.stroke.light-green{stroke:#98d85b}.stroke.green{stroke:#28a745}.stroke.orange{stroke:#ffa00a}.stroke.violet{stroke:#743ee2}.stroke.dark-grey{stroke:#b8c2cc}.stroke.black{stroke:#36414c}.stroke.yellow{stroke:#feef72}.stroke.light-blue{stroke:#7cd6fd}.stroke.purple{stroke:#b554ff}.stroke.magenta{stroke:#ffa3ef}.fill.grey{fill:#bdd3e6}.fill.light-grey{fill:#f0f4f7}.fill.blue{fill:#5e64ff}.fill.red{fill:#ff5858}.fill.light-green{fill:#98d85b}.fill.green{fill:#28a745}.fill.orange{fill:#ffa00a}.fill.violet{fill:#743ee2}.fill.dark-grey{fill:#b8c2cc}.fill.black{fill:#36414c}.fill.yellow{fill:#feef72}.fill.light-blue{fill:#7cd6fd}.fill.purple{fill:#b554ff}.fill.magenta{fill:#ffa3ef}.border-top.grey{border-top:3px solid #bdd3e6}.border-top.light-grey{border-top:3px solid #f0f4f7}.border-top.blue{border-top:3px solid #5e64ff}.border-top.red{border-top:3px solid #ff5858}.border-top.light-green{border-top:3px solid #98d85b}.border-top.green{border-top:3px solid #28a745}.border-top.orange{border-top:3px solid #ffa00a}.border-top.violet{border-top:3px solid #743ee2}.border-top.dark-grey{border-top:3px solid #b8c2cc}.border-top.black{border-top:3px solid #36414c}.border-top.yellow{border-top:3px solid #feef72}.border-top.light-blue{border-top:3px solid #7cd6fd}.border-top.purple{border-top:3px solid #b554ff}.border-top.magenta{border-top:3px solid #ffa3ef}.stop-color.grey{stop-color:#bdd3e6}.stop-color.light-grey{stop-color:#f0f4f7}.stop-color.blue{stop-color:#5e64ff}.stop-color.red{stop-color:#ff5858}.stop-color.light-green{stop-color:#98d85b}.stop-color.green{stop-color:#28a745}.stop-color.orange{stop-color:#ffa00a}.stop-color.violet{stop-color:#743ee2}.stop-color.dark-grey{stop-color:#b8c2cc}.stop-color.black{stop-color:#36414c}.stop-color.yellow{stop-color:#feef72}.stop-color.light-blue{stop-color:#7cd6fd}.stop-color.purple{stop-color:#b554ff}.stop-color.magenta{stop-color:#ffa3ef}',void 0);var s="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},n=(function(){function t(t){this.value=t}function e(e){function i(s,n){try{var r=e[s](n),o=r.value;o instanceof t?Promise.resolve(o.value).then(function(t){i("next",t)},function(t){i("throw",t)}):a(r.done?"return":"normal",r.value)}catch(t){a("throw",t)}}function a(t,e){switch(t){case"return":s.resolve({value:e,done:!0});break;case"throw":s.reject(e);break;default:s.resolve({value:e,done:!1})}(s=s.next)?i(s.key,s.arg):n=null}var s,n;this._invoke=function(t,e){return new Promise(function(a,r){var o={key:t,arg:e,resolve:a,reject:r,next:null};n?n=n.next=o:(s=n=o,i(t,e))})},"function"!=typeof e.return&&(this.return=void 0)}"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)}}(),function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}),r=function(){function t(t,e){for(var i=0;i<e.length;i++){var a=e[i];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}return function(e,i,a){return i&&t(e.prototype,i),a&&t(e,a),e}}(),o=function t(e,i,a){null===e&&(e=Function.prototype);var s=Object.getOwnPropertyDescriptor(e,i);if(void 0===s){var n=Object.getPrototypeOf(e);return null===n?void 0:t(n,i,a)}if("value"in s)return s.value;var r=s.get;if(void 0!==r)return r.call(a)},l=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)},h=function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e},_=function(){function t(t,e){var i=[],a=!0,s=!1,n=void 0;try{for(var r,o=t[Symbol.iterator]();!(a=(r=o.next()).done)&&(i.push(r.value),!e||i.length!==e);a=!0);}catch(t){s=!0,n=t}finally{try{!a&&o.return&&o.return()}finally{if(s)throw n}}return i}return function(e,i){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return t(e,i);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),u=function(t){if(Array.isArray(t)){for(var e=0,i=Array(t.length);e<t.length;e++)i[e]=t[e];return i}return Array.from(t)};t.findNodeIndex=function(t){for(var e=0;t.previousSibling;)t=t.previousSibling,e++;return e},t.create=function(e,i){var a=document.createElement(e);for(var n in i){var r=i[n];if("inside"===n)t(r).appendChild(a);else if("around"===n){var o=t(r);o.parentNode.insertBefore(a,o),a.appendChild(o)}else"styles"===n?"object"===(void 0===r?"undefined":s(r))&&Object.keys(r).map(function(t){a.style[t]=r[t]}):n in a?a[n]=r:a.setAttribute(n,r)}return a},t.createSVG=function(e,i){var a=document.createElementNS("http://www.w3.org/2000/svg",e);for(var s in i){var n=i[s];if("inside"===s)t(n).appendChild(a);else if("around"===s){var r=t(n);r.parentNode.insertBefore(a,r),a.appendChild(r)}else"className"===s&&(s="class"),"innerHTML"===s?a.textContent=n:a.setAttribute(s,n)}return a},t.runSVGAnimation=function(e,i){var a=[],s=[];i.map(function(e){var i=e[0],n=i.unit.parentNode,r=void 0,o=void 0;e[0]=i.unit;var l=t.animateSVG.apply(t,u(e)),h=_(l,2);r=h[0],o=h[1],a.push(o),s.push([r,n]),n.replaceChild(r,i.unit),i.array?i.array[i.index]=o:i.object[i.key]=o});var n=e.cloneNode(!0);return s.map(function(t,e){t[1].replaceChild(a[e],t[0]),i[e][0]=a[e]}),n},t.animateSVG=function(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",s=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,n=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r={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"},o=t.cloneNode(!0),l=t.cloneNode(!0);for(var h in e){var _=void 0;_="transform"===h?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var u=n[h]||t.getAttribute(h),c=e[h],p={attributeName:h,from:u,to:c,begin:"0s",dur:i/1e3+"s",values:u+";"+c,keySplines:r[a],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};s&&(p.type=s);for(var d in p)_.setAttribute(d,p[d]);o.appendChild(_),s?l.setAttribute(h,"translate("+c+")"):l.setAttribute(h,c)}return[o,l]},t.offset=function(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}},t.isElementInViewport=function(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)},t.bind=function(t,e){if(t)for(var i in e){var a=e[i];i.split(/\s+/).forEach(function(e){t.addEventListener(e,a)})}},t.unbind=function(t,e){if(t)for(var i in e){var a=e[i];i.split(/\s+/).forEach(function(e){t.removeEventListener(e,a)})}},t.fire=function(t,e,i){var a=document.createEvent("HTMLEvents");a.initEvent(e,!0,!0);for(var s in i)a[s]=i[s];return t.dispatchEvent(a)};var c=function(){function e(t){var i=t.parent,a=void 0===i?null:i;n(this,e),this.parent=a,this.title_name="",this.title_value="",this.list_values=[],this.title_value_first=0,this.x=0,this.y=0,this.top=0,this.left=0,this.setup()}return r(e,[{key:"setup",value:function(){this.make_tooltip()}},{key:"refresh",value:function(){this.fill(),this.calc_position()}},{key:"make_tooltip",value:function(){var e=this;this.container=t.create("div",{inside:this.parent,className:"graph-svg-tip comparison",innerHTML:'<span class="title"></span>\n\t\t\t\t<ul class="data-point-list"></ul>\n\t\t\t\t<div class="svg-pointer"></div>'}),this.hide_tip(),this.title=this.container.querySelector(".title"),this.data_point_list=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){e.hide_tip()})}},{key:"fill",value:function(){var e=this,i=void 0;i=this.title_value_first?"<strong>"+this.title_value+"</strong>"+this.title_name:this.title_name+"<strong>"+this.title_value+"</strong>",this.title.innerHTML=i,this.data_point_list.innerHTML="",this.list_values.map(function(i){var a=t.create("li",{className:"border-top "+(i.color||"black"),innerHTML:'<strong style="display: block;">'+(i.value?i.value:"")+"</strong>\n\t\t\t\t\t"+(i.title?i.title:"")});e.data_point_list.appendChild(a)})}},{key:"calc_position",value:function(){this.top=this.y-this.container.offsetHeight,this.left=this.x-this.container.offsetWidth/2;var t=this.parent.offsetWidth-this.container.offsetWidth,e=this.container.querySelector(".svg-pointer");if(this.left<0)e.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>t){var i=this.left-t;e.style.left="calc(50% + "+i+"px)",this.left=t}else e.style.left="50%"}},{key:"set_values",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",s=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],n=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.title_name=i,this.title_value=a,this.list_values=s,this.x=t,this.y=e,this.title_value_first=n,this.refresh()}},{key:"hide_tip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"show_tip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),e}(),p=function(){function e(t){var i=t.height,a=void 0===i?240:i,s=t.title,r=void 0===s?"":s,o=t.subtitle,l=void 0===o?"":o,h=t.format_lambdas,_=void 0===h?{}:h,u=t.summary,c=void 0===u?[]:u,p=t.is_navigable,d=void 0===p?0:p,f=t.has_legend,g=void 0===f?0:f,v=(t.type,t.parent),y=t.data;n(this,e),this.raw_chart_args=arguments[0],this.parent=document.querySelector(v),this.title=r,this.subtitle=l,this.data=y,this.format_lambdas=_,this.specific_values=y.specific_values||[],this.summary=c,this.is_navigable=d,this.is_navigable&&(this.current_index=0),this.has_legend=g,this.chart_types=["line","scatter","bar","percentage","heatmap"],this.set_margins(a)}return r(e,[{key:"get_different_chart",value:function(t){if(this.chart_types.includes(t)||console.error("'"+t+"' is not a valid chart type."),t!==this.type){return{bar:["line","scatter","percentage"],line:["scatter","bar","percentage"],scatter:["line","bar","percentage"],percentage:["bar","line","scatter"],heatmap:[]}[this.type].includes(t)||console.error("'"+this.type+"' chart cannot be converted to a '"+t+"' chart."),new b({parent:this.raw_chart_args.parent,title:this.title,data:this.raw_chart_args.data,type:t,height:this.raw_chart_args.height})}}},{key:"set_margins",value:function(t){this.base_height=t,this.height=t-40,this.translate_x=60,this.translate_y=10}},{key:"setup",value:function(){this.parent?(this.bind_window_events(),this.refresh(!0)):console.error("No parent element to render on was provided.")}},{key:"bind_window_events",value:function(){var t=this;window.addEventListener("resize",function(){return t.refresh()}),window.addEventListener("orientationchange",function(){return t.refresh()})}},{key:"refresh",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.setup_base_values(),this.set_width(),this.setup_container(),this.setup_components(),this.setup_values(),this.setup_utils(),this.make_graph_components(t),this.make_tooltip(),this.summary.length>0?this.show_custom_summary():this.show_summary(),this.is_navigable&&this.setup_navigation(t)}},{key:"set_width",value:function(){var t=this,e=0;this.specific_values.map(function(i){t.get_strwidth(i.title)>e&&(e=t.get_strwidth(i.title)-40)}),this.base_width=this.parent.offsetWidth-e,this.width=this.base_width-2*this.translate_x}},{key:"setup_base_values",value:function(){}},{key:"setup_container",value:function(){this.container=t.create("div",{className:"chart-container",innerHTML:'<h6 class="title">'+this.title+'</h6>\n\t\t\t\t<h6 class="sub-title uppercase">'+this.subtitle+'</h6>\n\t\t\t\t<div class="frappe-chart graphics"></div>\n\t\t\t\t<div class="graph-stats-container"></div>'}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chart_wrapper=this.container.querySelector(".frappe-chart"),this.stats_wrapper=this.container.querySelector(".graph-stats-container"),this.make_chart_area(),this.make_draw_area()}},{key:"make_chart_area",value:function(){return this.svg=t.createSVG("svg",{className:"chart",inside:this.chart_wrapper,width:this.base_width,height:this.base_height}),this.svg_defs=t.createSVG("defs",{inside:this.svg}),this.svg}},{key:"make_draw_area",value:function(){this.draw_area=t.createSVG("g",{className:this.type+"-chart",inside:this.svg,transform:"translate("+this.translate_x+", "+this.translate_y+")"})}},{key:"setup_components",value:function(){}},{key:"make_tooltip",value:function(){this.tip=new c({parent:this.chart_wrapper}),this.bind_tooltip()}},{key:"show_summary",value:function(){}},{key:"show_custom_summary",value:function(){var e=this;this.summary.map(function(i){var a=t.create("div",{className:"stats",innerHTML:'<span class="indicator '+i.color+'">'+i.title+": "+i.value+"</span>"});e.stats_wrapper.appendChild(a)})}},{key:"setup_navigation",value:function(){var e=this,i=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.make_overlay(),i&&(this.bind_overlay(),document.addEventListener("keydown",function(i){t.isElementInViewport(e.chart_wrapper)&&("37"==(i=i||window.event).keyCode?e.on_left_arrow():"39"==i.keyCode?e.on_right_arrow():"38"==i.keyCode?e.on_up_arrow():"40"==i.keyCode?e.on_down_arrow():"13"==i.keyCode&&e.on_enter_key())}))}},{key:"make_overlay",value:function(){}},{key:"bind_overlay",value:function(){}},{key:"bind_units",value:function(){}},{key:"on_left_arrow",value:function(){}},{key:"on_right_arrow",value:function(){}},{key:"on_up_arrow",value:function(){}},{key:"on_down_arrow",value:function(){}},{key:"on_enter_key",value:function(){}},{key:"get_data_point",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.current_index,e={index:t},i=this.y[0];return["svg_units","y_tops","values"].map(function(a){var s=a.slice(0,a.length-1);e[s]=i[a][t]}),e.label=this.x[t],e}},{key:"update_current_data_point",value:function(e){(e=parseInt(e))<0&&(e=0),e>=this.x.length&&(e=this.x.length-1),e!==this.current_index&&(this.current_index=e,t.fire(this.parent,"data-select",this.get_data_point()))}},{key:"get_strwidth",value:function(t){return 8*(t+"").length}},{key:"setup_utils",value:function(){}}]),e}(),d=function(a){function s(t){n(this,s);var e=h(this,(s.__proto__||Object.getPrototypeOf(s)).call(this,t));return e.x=e.data.labels,e.y=e.data.datasets,e.is_series=t.is_series,e.get_y_label=e.format_lambdas.y_label,e.get_y_tooltip=e.format_lambdas.y_tooltip,e.get_x_tooltip=e.format_lambdas.x_tooltip,e.colors=["green","blue","violet","red","orange","yellow","light-blue","light-green","purple","magenta"],e.zero_line=e.height,e}return l(s,p),r(s,[{key:"setup_values",value:function(){this.data.datasets.map(function(t){t.values=t.values.map(function(t){return isNaN(t)?0:t})}),this.setup_x(),this.setup_y()}},{key:"setup_x",value:function(){var t=this;this.set_avg_unit_width_and_x_offset(),this.x_axis_positions&&(this.x_old_axis_positions=this.x_axis_positions.slice()),this.x_axis_positions=this.x.map(function(i,a){return e(t.x_offset+a*t.avg_unit_width)}),this.x_old_axis_positions||(this.x_old_axis_positions=this.x_axis_positions.slice())}},{key:"setup_y",value:function(){this.y_axis_values&&(this.y_old_axis_values=this.y_axis_values.slice());var t=this.get_all_y_values();this.y_sums&&this.y_sums.length>0&&(t=t.concat(this.y_sums)),this.y_axis_values=this.get_y_axis_points(t),this.y_old_axis_values||(this.y_old_axis_values=this.y_axis_values.slice());var e=this.y_axis_values,i=e[e.length-1]-e[0];this.multiplier&&(this.old_multiplier=this.multiplier),this.multiplier=this.height/i,this.old_multiplier||(this.old_multiplier=this.multiplier);var a=e.indexOf(0),s=(e[1]-e[0])*this.multiplier;this.zero_line&&(this.old_zero_line=this.zero_line),this.zero_line=this.height-a*s,this.old_zero_line||(this.old_zero_line=this.zero_line)}},{key:"setup_components",value:function(){o(s.prototype.__proto__||Object.getPrototypeOf(s.prototype),"setup_components",this).call(this),this.setup_marker_components(),this.setup_aggregation_components(),this.setup_graph_components()}},{key:"setup_marker_components",value:function(){this.y_axis_group=t.createSVG("g",{className:"y axis",inside:this.draw_area}),this.x_axis_group=t.createSVG("g",{className:"x axis",inside:this.draw_area}),this.specific_y_group=t.createSVG("g",{className:"specific axis",inside:this.draw_area})}},{key:"setup_aggregation_components",value:function(){this.sum_group=t.createSVG("g",{className:"data-points",inside:this.draw_area}),this.average_group=t.createSVG("g",{className:"chart-area",inside:this.draw_area})}},{key:"setup_graph_components",value:function(){var e=this;this.svg_units_groups=[],this.y.map(function(i,a){e.svg_units_groups[a]=t.createSVG("g",{className:"data-points data-points-"+a,inside:e.draw_area})})}},{key:"make_graph_components",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.make_y_axis(),this.make_x_axis(),this.draw_graph(t),this.make_y_specifics()}},{key:"make_x_axis",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=void 0,a=void 0,s=void 0,n="";if("span"===this.x_axis_mode?(i=-7,a=this.height+15,s=this.height+25):"tick"===this.x_axis_mode&&(i=this.height,a=6,s=9,n="x-axis-label"),this.x_axis_group.setAttribute("transform","translate(0,"+i+")"),e)this.make_anim_x_axis(a,s,n);else{var r=1.5*this.avg_unit_width,o=r/8;this.x_axis_group.textContent="",this.x.map(function(e,i){var l=t.get_strwidth(e)+2;if(l>r)if(t.is_series){for(var h=1;l/h*2>r;)h++;if(i%h!=0)return}else e=e.slice(0,o-3)+" ...";t.x_axis_group.appendChild(t.make_x_line(a,s,e,"x-value-text",n,t.x_axis_positions[i]))})}}},{key:"make_y_axis",value:function(){var t=this;if(arguments.length>0&&void 0!==arguments[0]&&arguments[0])return this.make_anim_y_axis(),void this.make_anim_y_specifics();var e=this.get_y_axis_line_props(),i=_(e,4),a=i[0],s=i[1],n=i[2],r=i[3];this.y_axis_group.textContent="",this.y_axis_values.map(function(e,i){t.y_axis_group.appendChild(t.make_y_line(r,a,s,e,"y-value-text",n,t.zero_line-e*t.multiplier,0===e&&0!==i))})}},{key:"get_y_axis_line_props",value:function(){if(arguments.length>0&&void 0!==arguments[0]&&arguments[0])return[this.width,this.width+5,"specific-value",0];var t=void 0,e="",i=0;return"span"===this.y_axis_mode?(t=this.width+6,i=-6):"tick"===this.y_axis_mode&&(t=-6,e="y-axis-label"),[t,-9,e,i]}},{key:"draw_graph",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];!this.raw_chart_args.hasOwnProperty("init")||this.raw_chart_args.init?e?this.draw_new_graph_and_animate():this.y.map(function(e,i){e.svg_units=[],t.make_path&&t.make_path(e,i,t.x_axis_positions,e.y_tops,e.color||t.colors[i]),t.make_new_units(e,i)}):this.y.map(function(e,i){e.svg_units=[],t.make_path&&t.make_path(e,i,t.x_axis_positions,e.y_tops,e.color||t.colors[i]),t.make_new_units(e,i),t.calc_y_dependencies()})}},{key:"draw_new_graph_and_animate",value:function(){var t=this,e=[];this.y.map(function(i,a){i.y_tops=new Array(i.values.length).fill(t.zero_line),e.push({values:i.values}),i.svg_units=[],t.make_path&&t.make_path(i,a,t.x_axis_positions,i.y_tops,i.color||t.colors[a]),t.make_new_units(i,a)}),setTimeout(function(){t.update_values(e)},350)}},{key:"setup_navigation",value:function(t){var e=this;t?setTimeout(function(){o(s.prototype.__proto__||Object.getPrototypeOf(s.prototype),"setup_navigation",e).call(e,t)},500):o(s.prototype.__proto__||Object.getPrototypeOf(s.prototype),"setup_navigation",this).call(this,t)}},{key:"make_new_units",value:function(t,e){this.make_new_units_for_dataset(this.x_axis_positions,t.y_tops,t.color||this.colors[e],e,this.y.length)}},{key:"make_new_units_for_dataset",value:function(t,e,i,a,s,n,r,o){var l=this;n||(n=this.svg_units_groups[a]),r||(r=this.y[a].svg_units),o||(o=this.unit_args),n.textContent="",r.length=0,e.map(function(e,h){var _=l.draw[o.type](t[h],e,o.args,i,h,a,s);n.appendChild(_),r.push(_)}),this.is_navigable&&this.bind_units(r)}},{key:"make_y_specifics",value:function(){var t=this;this.specific_y_group.textContent="",this.specific_values.map(function(e){t.specific_y_group.appendChild(t.make_y_line(0,t.width,t.width+5,e.title.toUpperCase(),"specific-value","specific-value",t.zero_line-e.value*t.multiplier,!1,e.line_type))})}},{key:"bind_tooltip",value:function(){var e=this;this.chart_wrapper.addEventListener("mousemove",function(i){var a=t.offset(e.chart_wrapper),s=i.pageX-a.left-e.translate_x;i.pageY-a.top-e.translate_y<e.height+2*e.translate_y?e.map_tooltip_x_position_and_show(s):e.tip.hide_tip()})}},{key:"map_tooltip_x_position_and_show",value:function(t){var e=this;if(this.y_min_tops)for(var i=this.x_axis_positions.length-1;i>=0;i--){var a=this.x_axis_positions[i];if(t>a-this.avg_unit_width/2){var s=a+this.translate_x,n=this.y_min_tops[i]+this.translate_y,r=this.x.formatted&&this.x.formatted.length>0?this.x.formatted[i]:this.x[i],o=this.y.map(function(t,a){return{title:t.title,value:t.formatted?t.formatted[i]:t.values[i],color:t.color||e.colors[a]}});this.tip.set_values(s,n,r,"",o),this.tip.show_tip();break}}}},{key:"show_sums",value:function(){var t=this;this.updating=!0,this.y_sums=new Array(this.x_axis_positions.length).fill(0),this.y.map(function(e){e.values.map(function(e,i){t.y_sums[i]+=e})}),this.update_values(),this.sum_units=[],this.make_new_units_for_dataset(this.x_axis_positions,this.y_sums.map(function(i){return e(t.zero_line-i*t.multiplier)}),"light-grey",0,1,this.sum_group,this.sum_units),this.updating=!1}},{key:"hide_sums",value:function(){this.updating||(this.y_sums=[],this.sum_group.textContent="",this.sum_units=[],this.update_values())}},{key:"show_averages",value:function(){var t=this;this.old_specific_values=this.specific_values.slice(),this.y.map(function(e,i){var a=0;e.values.map(function(t){a+=t});var s=a/e.values.length;t.specific_values.push({title:"AVG "+(i+1),line_type:"dashed",value:s,auto:1})}),this.update_values()}},{key:"hide_averages",value:function(){var t=this;this.old_specific_values=this.specific_values.slice();var e=[];this.specific_values.map(function(t,i){t.auto&&e.unshift(i)}),e.map(function(e){t.specific_values.splice(e,1)}),this.update_values()}},{key:"update_values",value:function(t,e){var a=this;e||(e=this.x),this.elements_to_animate=[],this.updating=!0,this.old_x_values=this.x.slice(),this.old_y_axis_tops=this.y.map(function(t){return t.y_tops.slice()}),this.old_y_values=this.y.map(function(t){return t.values}),this.no_of_extra_pts=e.length-this.x.length,t&&this.y.map(function(e,i){e.values=t[i].values}),e&&(this.x=e),this.setup_x(),this.setup_y(),i(this.x_old_axis_positions,this.x_axis_positions)||(this.make_x_axis(!0),setTimeout(function(){a.updating||a.make_x_axis()},350)),(!i(this.y_old_axis_values,this.y_axis_values)||this.old_specific_values&&!i(this.old_specific_values,this.specific_values))&&(this.make_y_axis(!0),setTimeout(function(){a.updating||(a.make_y_axis(),a.make_y_specifics())},350)),this.calc_y_dependencies(),this.animate_graphs(),this.run_animation(),this.updating=!1}},{key:"add_data_point",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.x.length,a=this.y.map(function(t){return{values:t.values}});a.map(function(e,a){e.values.splice(i,0,t[a])});var s=this.x.slice();s.splice(i,0,e),this.update_values(a,s)}},{key:"remove_data_point",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.x.length-1;if(!(this.x.length<3)){var e=this.y.map(function(t){return{values:t.values}});e.map(function(e){e.values.splice(t,1)});var i=this.x.slice();i.splice(t,1),this.update_values(e,i)}}},{key:"run_animation",value:function(){var e=this,i=t.runSVGAnimation(this.svg,this.elements_to_animate);this.svg.parentNode==this.chart_wrapper&&(this.chart_wrapper.removeChild(this.svg),this.chart_wrapper.appendChild(i)),setTimeout(function(){i.parentNode==e.chart_wrapper&&(e.chart_wrapper.removeChild(i),e.chart_wrapper.appendChild(e.svg))},250)}},{key:"animate_graphs",value:function(){var t=this;this.y.map(function(e,i){var a=t.calc_old_and_new_postions(e,i),s=_(a,4),n=s[0],r=s[1],o=s[2],l=s[3];t.no_of_extra_pts>=0&&(t.make_path&&t.make_path(e,i,n,r,e.color||t.colors[i]),t.make_new_units_for_dataset(n,r,e.color||t.colors[i],i,t.y.length)),e.path&&t.animate_path(e,i,n,r,o,l),t.animate_units(e,i,n,r,o,l)}),setTimeout(function(){t.y.map(function(e,i){t.make_path&&t.make_path(e,i,t.x_axis_positions,e.y_tops,e.color||t.colors[i]),t.make_new_units(e,i)})},400)}},{key:"animate_path",value:function(t,e,i,a,s,n){var r=n.map(function(t,e){return s[e]+","+t}).join("L"),o=[{unit:t.path,object:t,key:"path"},{d:"M"+r},350,"easein"];if(this.elements_to_animate.push(o),t.region_path){var l="0,"+this.zero_line+"L",h="L"+this.width+","+this.zero_line,_=[{unit:t.region_path,object:t,key:"region_path"},{d:"M"+l+r+h},350,"easein"];this.elements_to_animate.push(_)}}},{key:"animate_units",value:function(t,e,i,a,s,n){var r=this,o=this.unit_args.type;t.svg_units.map(function(i,a){void 0!==s[a]&&void 0!==n[a]&&r.elements_to_animate.push(r.animate[o]({unit:i,array:t.svg_units,index:a},s[a],n[a],e))})}},{key:"calc_old_and_new_postions",value:function(t,e){var i=this.x_old_axis_positions.slice(),a=this.x_axis_positions.slice(),s=this.old_y_axis_tops[e].slice(),n=t.y_tops.slice(),r=i[i.length-1],o=s[s.length-1],l=a[a.length-1],h=n[n.length-1];if(this.no_of_extra_pts>=0){var _=new Array(Math.abs(this.no_of_extra_pts)).fill(r),u=new Array(Math.abs(this.no_of_extra_pts)).fill(o);i=i.concat(_),s=s.concat(u)}else{var c=new Array(Math.abs(this.no_of_extra_pts)).fill(l),p=new Array(Math.abs(this.no_of_extra_pts)).fill(h);a=a.concat(c),n=n.concat(p)}return[i,s,a,n]}},{key:"make_anim_x_axis",value:function(t,e,i){var a=this,s=this.x_old_axis_positions,n=this.x_axis_positions,r=this.old_x_values,o=this.x,l=s[s.length-1];this.x_axis_group.textContent="",this.make_new_axis_anim_lines(s,n,r,o,l,function(s,n,r){"string"==typeof r&&(r=parseInt(r.substring(0,r.length-1)));var o=a.make_x_line(t,e,s,"x-value-text",i,n);a.x_axis_group.appendChild(o),a.elements_to_animate&&a.elements_to_animate.push([{unit:o,array:[0],index:0},{transform:r+", 0"},350,"easein","translate",{transform:n+", 0"}])})}},{key:"make_anim_y_axis",value:function(){var t=this,e=this.y_old_axis_values.map(function(e){return t.zero_line-e*t.multiplier}),i=this.y_axis_values.map(function(e){return t.zero_line-e*t.multiplier}),a=this.y_old_axis_values,s=this.y_axis_values,n=e[e.length-1];this.y_axis_group.textContent="",this.make_new_axis_anim_lines(e,i,a,s,n,this.add_and_animate_y_line.bind(this),this.y_axis_group)}},{key:"make_anim_y_specifics",value:function(){var t=this;this.specific_y_group.textContent="",this.specific_values.map(function(e){t.add_and_animate_y_line(e.title,t.old_zero_line-e.value*t.old_multiplier,t.zero_line-e.value*t.multiplier,0,t.specific_y_group,e.line_type,!0)})}},{key:"make_new_axis_anim_lines",value:function(t,e,i,a,s,n,r){var o=void 0,l=void 0,h=a.length-i.length;if(h>0)o=e.slice(0,t.length),l=a.slice(0,i.length);else{var _=new Array(Math.abs(h)).fill("");l=a.concat(_);var u=new Array(Math.abs(h)).fill(s+"F");o=e.concat(u)}if(l.map(function(e,i){n(e,t[i],o[i],i,r)}),h>0){var c=a.slice(i.length),p=e.slice(t.length);c.map(function(t,e){n(t,s,p[e],e,r)})}}},{key:"make_x_line",value:function(e,i,a,s,n,r){var o=t.createSVG("line",{x1:0,x2:0,y1:0,y2:e}),l=t.createSVG("text",{className:s,x:0,y:i,dy:".71em",innerHTML:a}),h=t.createSVG("g",{className:"tick "+n,transform:"translate("+r+", 0)"});return h.appendChild(o),h.appendChild(l),h}},{key:"make_y_line",value:function(e,i,a,s,n,r,o){var l=arguments.length>7&&void 0!==arguments[7]&&arguments[7],h=arguments.length>8&&void 0!==arguments[8]?arguments[8]:"",_=t.createSVG("line",{className:"dashed"===h?"dashed":"",x1:e,x2:i,y1:0,y2:0}),u=t.createSVG("text",{className:n,x:a,y:0,dy:".32em",innerHTML:s+""}),c=t.createSVG("g",{className:"tick "+r,transform:"translate(0, "+o+")","stroke-opacity":1});return l&&(_.style.stroke="rgba(27, 31, 35, 0.6)"),c.appendChild(_),c.appendChild(u),c}},{key:"add_and_animate_y_line",value:function(t,e,i,a,s,n){var r=arguments.length>6&&void 0!==arguments[6]&&arguments[6],o=!1;"string"==typeof i&&(i=parseInt(i.substring(0,i.length-1)),o=!0);var l={transform:"0, "+i},h={transform:"0, "+e};o&&(l["stroke-opacity"]=0);var u=this.get_y_axis_line_props(r),c=_(u,4),p=c[0],d=c[1],f=c[2],g=c[3],v=r?"specific-value":"y-value-text";t=r?(t+"").toUpperCase():t;var y=this.make_y_line(g,p,d,t,v,f,e,0===t&&0!==a,n);s.appendChild(y),this.elements_to_animate&&this.elements_to_animate.push([{unit:y,array:[0],index:0},l,350,"easein","translate",h])}},{key:"get_y_axis_points",value:function(t){var e=this,i=void 0,a=void 0,s=void 0,n=void 0,r=parseInt(Math.max.apply(Math,u(t))),o=parseInt(Math.min.apply(Math,u(t)));o>=0&&(o=0);var l=function(t,i){var a=void 0,s=void 0,n=void 0,r=void 0,o=void 0;if((t+"").length<=1)a=10,n=5;else{var l=e.calc_upper_bound_and_no_of_parts(t),h=_(l,2);a=h[0],n=h[1]}return o=a/n,r=e.calc_no_of_parts(i,o),s=r*o,[a,s,n,r,o]},h=-1*o;if(h<=r){var c=l(r,h),p=_(c,5);i=p[1],a=p[2],s=p[3],n=p[4],0===h&&(i=0,s=0)}else{var d=l(h,r),f=_(d,5);i=f[0],s=f[2],a=f[3],n=f[4]}a%2!=0&&s>0&&a++,s%2!=0&&(s++,i+=n);var g=a+s;return g>5&&(g/=2,n*=2,a/=2),r<(a-1)*n&&g--,this.get_intervals(-1*i,n,g)}},{key:"get_intervals",value:function(t,e,i){for(var a=[],s=0;s<=i;s++)a.push(t),t+=e;return a}},{key:"calc_upper_bound_and_no_of_parts",value:function(t){var e=Math.pow(10,(t+"").length-1),i=this.calc_no_of_parts(t,e);return[e*i,i]}},{key:"calc_no_of_parts",value:function(t,e){var i=Math.ceil(t/e);return i%2!=0&&i++,i}},{key:"get_optimal_no_of_parts",value:function(t){return t<5?t:t/2}},{key:"set_avg_unit_width_and_x_offset",value:function(){this.avg_unit_width=this.width/(this.x.length-1),this.x_offset=0}},{key:"get_all_y_values",value:function(){var t=[];return this.y.map(function(e){t=t.concat(e.values)}),t.concat(this.specific_values.map(function(t){return t.value}))}},{key:"calc_y_dependencies",value:function(){var t=this;this.y_min_tops=new Array(this.x_axis_positions.length).fill(9999),this.y.map(function(i){i.y_tops=i.values.map(function(i){return e(t.zero_line-i*t.multiplier)}),i.y_tops.map(function(e,i){e<t.y_min_tops[i]&&(t.y_min_tops[i]=e)})})}},{key:"get_bar_height_and_y_attr",value:function(t){var e=void 0,i=void 0;return t<=this.zero_line?(i=t,0===(e=this.zero_line-t)&&(i-=e=.01*this.height)):(e=t-this.zero_line,i=this.zero_line,0===e&&(e=.01*this.height)),[e,i]}},{key:"setup_utils",value:function(){var e=this;this.draw={bar:function(i,a,s,n,r,o,l){var h=e.avg_unit_width-s.space_width,u=h/l,c=i-h/2+u*o,p=e.get_bar_height_and_y_attr(a),d=_(p,2),f=d[0],g=d[1];return t.createSVG("rect",{className:"bar mini fill "+n,"data-point-index":r,x:c,y:g,width:u,height:f})},dot:function(e,i,a,s,n){return t.createSVG("circle",{className:"fill "+s,"data-point-index":n,cx:e,cy:i,r:a.radius})}},this.animate={bar:function(t,i,a,s){var n=i-e.avg_unit_width/4,r=e.avg_unit_width/2/e.y.length,o=e.get_bar_height_and_y_attr(a),l=_(o,2);return i=n+r*s,[t,{width:r,height:l[0],x:i,y:l[1]},350,"easein"]},dot:function(t,e,i){return[t,{cx:e,cy:i},350,"easein"]}}}}]),s}(),f=function(t){function e(t){n(this,e);var i=h(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return i.type="bar",i.x_axis_mode=t.x_axis_mode||"tick",i.y_axis_mode=t.y_axis_mode||"span",i.setup(),i}return l(e,d),r(e,[{key:"setup_values",value:function(){o(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setup_values",this).call(this),this.x_offset=this.avg_unit_width,this.unit_args={type:"bar",args:{space_width:this.avg_unit_width/2}}}},{key:"make_overlay",value:function(){var t=this.x.length-1,e=this.y[0].svg_units[t];this.update_current_data_point(t),this.overlay&&this.overlay.parentNode.removeChild(this.overlay),this.overlay=e.cloneNode(),this.overlay.style.fill="#000000",this.overlay.style.opacity="0.4",this.draw_area.appendChild(this.overlay)}},{key:"bind_overlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(e){t.update_overlay(e.svg_unit)})}},{key:"bind_units",value:function(t){var e=this;t.map(function(t){t.addEventListener("click",function(){var i=t.getAttribute("data-point-index");e.update_current_data_point(i)})})}},{key:"update_overlay",value:function(t){var e=this,i=[];Object.keys(t.attributes).map(function(e){i.push(t.attributes[e])}),i.filter(function(t){return t.specified}).map(function(t){e.overlay.setAttribute(t.name,t.nodeValue)})}},{key:"on_left_arrow",value:function(){this.update_current_data_point(this.current_index-1)}},{key:"on_right_arrow",value:function(){this.update_current_data_point(this.current_index+1)}},{key:"set_avg_unit_width_and_x_offset",value:function(){this.avg_unit_width=this.width/(this.x.length+1),this.x_offset=this.avg_unit_width}}]),e}(),g=function(e){function i(t){n(this,i);var e=h(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t));return e.x_axis_mode=t.x_axis_mode||"span",e.y_axis_mode=t.y_axis_mode||"span",t.hasOwnProperty("show_dots")?e.show_dots=t.show_dots:e.show_dots=1,e.region_fill=t.region_fill,Object.getPrototypeOf(e)!==i.prototype?h(e):(e.dot_radius=t.dot_radius||4,e.heatline=t.heatline,e.type="line",e.setup(),e)}return l(i,d),r(i,[{key:"setup_graph_components",value:function(){this.setup_path_groups(),o(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"setup_graph_components",this).call(this)}},{key:"setup_path_groups",value:function(){var e=this;this.paths_groups=[],this.y.map(function(i,a){e.paths_groups[a]=t.createSVG("g",{className:"path-group path-group-"+a,inside:e.draw_area})})}},{key:"setup_values",value:function(){o(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"setup_values",this).call(this),this.unit_args={type:"dot",args:{radius:this.dot_radius}}}},{key:"make_new_units_for_dataset",value:function(t,e,a,s,n,r,l,h){this.show_dots&&o(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"make_new_units_for_dataset",this).call(this,t,e,a,s,n,r,l,h)}},{key:"make_paths",value:function(){var t=this;this.y.map(function(e,i){t.make_path(e,i,t.x_axis_positions,e.y_tops,e.color||t.colors[i])})}},{key:"make_path",value:function(e,i,a,s,n){var r=s.map(function(t,e){return a[e]+","+t}).join("L");if(this.paths_groups[i].textContent="",e.path=t.createSVG("path",{inside:this.paths_groups[i],className:"stroke "+n,d:"M"+r}),this.heatline){var o=this.make_gradient(n);e.path.style.stroke="url(#"+o+")"}this.region_fill&&this.fill_region_for_dataset(e,i,n,r)}},{key:"fill_region_for_dataset",value:function(e,i,a,s){var n=this.make_gradient(a,!0);e.region_path=t.createSVG("path",{inside:this.paths_groups[i],className:"region-fill",d:"M0,"+this.zero_line+"L"+s+"L"+this.width+","+this.zero_line}),e.region_path.style.stroke="none",e.region_path.style.fill="url(#"+n+")"}},{key:"make_gradient",value:function(e){var i=arguments.length>1&&void 0!==arguments[1]&&arguments[1],a="path-fill-gradient-"+e,s=t.createSVG("linearGradient",{inside:this.svg_defs,id:a,x1:0,x2:0,y1:0,y2:1}),n=function(e,i,a,s){t.createSVG("stop",{className:"stop-color "+a,inside:e,offset:i,"stop-opacity":s})},r=[1,.6,.2];return i&&(r=[.4,.2,0]),n(s,"0%",e,r[0]),n(s,"50%",e,r[1]),n(s,"100%",e,r[2]),a}}]),i}(),v=function(t){function e(t){n(this,e);var i=h(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return i.type="scatter",t.dot_radius?i.dot_radius=t.dot_radius:i.dot_radius=8,i.setup(),i}return l(e,g),r(e,[{key:"setup_graph_components",value:function(){this.setup_path_groups(),o(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setup_graph_components",this).call(this)}},{key:"setup_path_groups",value:function(){}},{key:"setup_values",value:function(){o(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setup_values",this).call(this),this.unit_args={type:"dot",args:{radius:this.dot_radius}}}},{key:"make_paths",value:function(){}},{key:"make_path",value:function(){}}]),e}(),y=function(e){function i(t){n(this,i);var e=h(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t));return e.type="percentage",e.get_y_label=e.format_lambdas.y_label,e.get_x_tooltip=e.format_lambdas.x_tooltip,e.get_y_tooltip=e.format_lambdas.y_tooltip,e.max_slices=10,e.max_legend_points=6,e.colors=t.colors,(!e.colors||e.colors.length<e.data.labels.length)&&(e.colors=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta"]),e.setup(),e}return l(i,p),r(i,[{key:"make_chart_area",value:function(){this.chart_wrapper.className+=" graph-focus-margin",this.chart_wrapper.style.marginTop="45px",this.stats_wrapper.className+=" graph-focus-margin",this.stats_wrapper.style.marginBottom="30px",this.stats_wrapper.style.paddingTop="0px"}},{key:"make_draw_area",value:function(){this.chart_div=t.create("div",{className:"div",inside:this.chart_wrapper}),this.chart=t.create("div",{className:"progress-chart",inside:this.chart_div})}},{key:"setup_components",value:function(){this.percentage_bar=t.create("div",{className:"progress",inside:this.chart})}},{key:"setup_values",value:function(){var t=this;this.slice_totals=[];var e=this.data.labels.map(function(e,i){var a=0;return t.data.datasets.map(function(t){a+=t.values[i]}),[a,e]}).filter(function(t){return t[0]>0}),i=e;if(e.length>this.max_slices){e.sort(function(t,e){return e[0]-t[0]}),i=e.slice(0,this.max_slices-1);var a=0;e.slice(this.max_slices-1).map(function(t){a+=t[0]}),i.push([a,"Rest"]),this.colors[this.max_slices-1]="grey"}this.labels=[],i.map(function(e){t.slice_totals.push(e[0]),t.labels.push(e[1])}),this.legend_totals=this.slice_totals.slice(0,this.max_legend_points)}},{key:"setup_utils",value:function(){}},{key:"make_graph_components",value:function(){var e=this;this.grand_total=this.slice_totals.reduce(function(t,e){return t+e},0),this.slices=[],this.slice_totals.map(function(i,a){var s=t.create("div",{className:"progress-bar background "+e.colors[a],inside:e.percentage_bar,styles:{width:100*i/e.grand_total+"%"}});e.slices.push(s)})}},{key:"bind_tooltip",value:function(){var e=this;this.slices.map(function(i,a){i.addEventListener("mouseenter",function(){var s=t.offset(e.chart_wrapper),n=t.offset(i),r=n.left-s.left+i.offsetWidth/2,o=n.top-s.top-6,l=(e.formatted_labels&&e.formatted_labels.length>0?e.formatted_labels[a]:e.labels[a])+": ",h=(100*e.slice_totals[a]/e.grand_total).toFixed(1);e.tip.set_values(r,o,l,h+"%"),e.tip.show_tip()})})}},{key:"show_summary",value:function(){var e=this,i=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:this.labels;this.legend_totals.map(function(a,s){a&&(t.create("div",{className:"stats",inside:e.stats_wrapper}).innerHTML='<span class="indicator '+e.colors[s]+'">\n\t\t\t\t\t<span class="text-muted">'+i[s]+":</span>\n\t\t\t\t\t"+a+"\n\t\t\t\t</span>")})}}]),i}(),m=function(e){function i(t){var e=t.start,a=void 0===e?"":e,s=t.domain,r=void 0===s?"":s,o=t.subdomain,l=void 0===o?"":o,_=t.data,u=void 0===_?{}:_,c=t.discrete_domains,p=void 0===c?0:c,d=t.count_label,f=void 0===d?"":d;n(this,i);var g=h(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,arguments[0]));g.type="heatmap",g.domain=r,g.subdomain=l,g.data=u,g.discrete_domains=p,g.count_label=f;var v=new Date;return g.start=a||g.add_days(v,365),g.legend_colors=["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],g.translate_x=0,g.setup(),g}return l(i,p),r(i,[{key:"setup_base_values",value:function(){this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.first_week_start=new Date(this.start.toDateString()),this.last_week_start=new Date(this.today.toDateString()),7!==this.first_week_start.getDay()&&this.add_days(this.first_week_start,-1*this.first_week_start.getDay()),7!==this.last_week_start.getDay()&&this.add_days(this.last_week_start,-1*this.last_week_start.getDay()),this.no_of_cols=this.get_weeks_between(this.first_week_start+"",this.last_week_start+"")+1}},{key:"set_width",value:function(){this.base_width=12*this.no_of_cols,this.discrete_domains&&(this.base_width+=144)}},{key:"setup_components",value:function(){this.domain_label_group=t.createSVG("g",{className:"domain-label-group chart-label",inside:this.draw_area}),this.data_groups=t.createSVG("g",{className:"data-groups",inside:this.draw_area,transform:"translate(0, 20)"})}},{key:"setup_values",value:function(){this.domain_label_group.textContent="",this.data_groups.textContent="",this.distribution=this.get_distribution(this.data,this.legend_colors),this.month_names=["January","February","March","April","May","June","July","August","September","October","November","December"],this.render_all_weeks_and_store_x_values(this.no_of_cols)}},{key:"render_all_weeks_and_store_x_values",value:function(t){var e=new Date(this.first_week_start);this.week_col=0,this.current_month=e.getMonth(),this.months=[this.current_month+""],this.month_weeks={},this.month_start_points=[],this.month_weeks[this.current_month]=0,this.month_start_points.push(13);for(var i=0;i<t;i++){var a=void 0,s=0,n=new Date(e),r=this.get_week_squares_group(n,this.week_col),o=_(r,2);a=o[0],s=o[1],this.data_groups.appendChild(a),this.week_col+=1+parseInt(this.discrete_domains&&s),this.month_weeks[this.current_month]++,s&&(this.current_month=(this.current_month+1)%12,this.months.push(this.current_month+""),this.month_weeks[this.current_month]=1),this.add_days(e,7)}this.render_month_labels()}},{key:"get_week_squares_group",value:function(e,i){for(var a=0,s=0,n=t.createSVG("g",{className:"data-group",inside:this.data_groups}),r=0,o=0;o<7;o+=1,r+=12){var l=0,h=0,_=e.getTime()/1e3,u=Math.floor(_-_%86400).toFixed(1);this.data[u]&&(l=this.data[u],h=this.get_max_checkpoint(l,this.distribution)),this.data[Math.round(u)]&&(l=this.data[Math.round(u)],h=this.get_max_checkpoint(l,this.distribution)),t.createSVG("rect",{className:"day",inside:n,x:13+12*(i+s),y:r,width:10,height:10,fill:this.legend_colors[h],"data-date":this.get_dd_mm_yyyy(e),"data-value":l,"data-day":e.getDay()});var c=new Date(e);this.add_days(c,1),c.getMonth()-e.getMonth()&&(a=1,this.discrete_domains&&(s=1),this.month_start_points.push(13+12*(i+s))),e=c}return[n,a]}},{key:"render_month_labels",value:function(){var e=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(i,a){var s=e.month_names[e.months[a]].substring(0,3);t.createSVG("text",{className:"y-value-text",inside:e.domain_label_group,x:i+12,y:10,dy:".32em",innerHTML:s})})}},{key:"make_graph_components",value:function(){Array.prototype.slice.call(this.container.querySelectorAll(".graph-stats-container, .sub-title, .title")).map(function(t){t.style.display="None"}),this.chart_wrapper.style.marginTop="0px",this.chart_wrapper.style.paddingTop="0px"}},{key:"bind_tooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),a=e.target.getAttribute("data-date").split("-"),s=t.month_names[parseInt(a[1])-1].substring(0,3),n=t.chart_wrapper.getBoundingClientRect(),r=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=r.left-n.left+(o+2)/2,h=r.top-n.top-(o+2)/2,_=i+" "+t.count_label,u=" on "+s+" "+a[0]+", "+a[2];t.tip.set_values(l,h,u,_,[],1),t.tip.show_tip()})})}},{key:"update",value:function(t){this.data=t,this.setup_values(),this.bind_tooltip()}},{key:"get_distribution",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=arguments[1],i=Object.keys(t).map(function(e){return t[e]}),a=Math.max.apply(Math,u(i)),s=1/(e.length-1),n=[];return e.map(function(t,e){var i=a*(s*e);n.push(i)}),n}},{key:"get_max_checkpoint",value:function(t,e){return e.filter(function(i,a){return 1===a?e[0]<t:i<=t}).length-1}},{key:"treat_as_utc",value:function(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}},{key:"get_dd_mm_yyyy",value:function(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}},{key:"get_weeks_between",value:function(t,e){return Math.ceil(this.get_days_between(t,e)/7)}},{key:"get_days_between",value:function(t,e){return(this.treat_as_utc(e)-this.treat_as_utc(t))/864e5}},{key:"add_days",value:function(t,e){t.setDate(t.getDate()+e)}},{key:"get_month_name",value:function(){}}]),i}(),x={line:g,bar:f,scatter:v,percentage:y,heatmap:m},b=function t(e){return n(this,t),a(e.type,arguments[0])};return b}();
+var Chart=function(){"use strict";function t(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function e(t){return parseFloat(t.toFixed(2))}function i(t,e){if(t.length!==e.length)return!1;var i=!0;return t.map(function(t,a){e[a]!==t&&(i=!1)}),i}function a(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1];return x[t]?new x[t](e):new g(e)}!function(t,e){if("undefined"==typeof document)return e;t=t||"";var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css",i.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}('.chart-container{font-family:Roboto,Geneva,Tahoma,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{font-size:11px;fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .data-points circle{stroke:#fff;stroke-width:2}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .tick.x-axis-label{display:block}.chart-container .tick .specific-value{text-anchor:start}.chart-container .tick .y-value-text{text-anchor:end}.chart-container .tick .x-value-text{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.graph-svg-tip ol,.graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.graph-svg-tip .svg-pointer{position:absolute;bottom:-10px;left:50%;width:5px;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.indicator,.indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.indicator-right:after,.indicator:before{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.indicator:before{margin:0 4px 0 0}.indicator-right:after{margin:0 0 0 4px}.background.grey,.indicator-right.grey:after,.indicator.grey:before{background:#bdd3e6}.background.light-grey,.indicator-right.light-grey:after,.indicator.light-grey:before{background:#f0f4f7}.background.blue,.indicator-right.blue:after,.indicator.blue:before{background:#5e64ff}.background.red,.indicator-right.red:after,.indicator.red:before{background:#ff5858}.background.green,.indicator-right.green:after,.indicator.green:before{background:#28a745}.background.light-green,.indicator-right.light-green:after,.indicator.light-green:before{background:#98d85b}.background.orange,.indicator-right.orange:after,.indicator.orange:before{background:#ffa00a}.background.violet,.indicator-right.violet:after,.indicator.violet:before{background:#743ee2}.background.dark-grey,.indicator-right.dark-grey:after,.indicator.dark-grey:before{background:#b8c2cc}.background.black,.indicator-right.black:after,.indicator.black:before{background:#36414c}.background.yellow,.indicator-right.yellow:after,.indicator.yellow:before{background:#feef72}.background.light-blue,.indicator-right.light-blue:after,.indicator.light-blue:before{background:#7cd6fd}.background.purple,.indicator-right.purple:after,.indicator.purple:before{background:#b554ff}.background.magenta,.indicator-right.magenta:after,.indicator.magenta:before{background:#ffa3ef}.stroke.grey{stroke:#bdd3e6}.stroke.light-grey{stroke:#f0f4f7}.stroke.blue{stroke:#5e64ff}.stroke.red{stroke:#ff5858}.stroke.light-green{stroke:#98d85b}.stroke.green{stroke:#28a745}.stroke.orange{stroke:#ffa00a}.stroke.violet{stroke:#743ee2}.stroke.dark-grey{stroke:#b8c2cc}.stroke.black{stroke:#36414c}.stroke.yellow{stroke:#feef72}.stroke.light-blue{stroke:#7cd6fd}.stroke.purple{stroke:#b554ff}.stroke.magenta{stroke:#ffa3ef}.fill.grey{fill:#bdd3e6}.fill.light-grey{fill:#f0f4f7}.fill.blue{fill:#5e64ff}.fill.red{fill:#ff5858}.fill.light-green{fill:#98d85b}.fill.green{fill:#28a745}.fill.orange{fill:#ffa00a}.fill.violet{fill:#743ee2}.fill.dark-grey{fill:#b8c2cc}.fill.black{fill:#36414c}.fill.yellow{fill:#feef72}.fill.light-blue{fill:#7cd6fd}.fill.purple{fill:#b554ff}.fill.magenta{fill:#ffa3ef}.border-top.grey{border-top:3px solid #bdd3e6}.border-top.light-grey{border-top:3px solid #f0f4f7}.border-top.blue{border-top:3px solid #5e64ff}.border-top.red{border-top:3px solid #ff5858}.border-top.light-green{border-top:3px solid #98d85b}.border-top.green{border-top:3px solid #28a745}.border-top.orange{border-top:3px solid #ffa00a}.border-top.violet{border-top:3px solid #743ee2}.border-top.dark-grey{border-top:3px solid #b8c2cc}.border-top.black{border-top:3px solid #36414c}.border-top.yellow{border-top:3px solid #feef72}.border-top.light-blue{border-top:3px solid #7cd6fd}.border-top.purple{border-top:3px solid #b554ff}.border-top.magenta{border-top:3px solid #ffa3ef}.stop-color.grey{stop-color:#bdd3e6}.stop-color.light-grey{stop-color:#f0f4f7}.stop-color.blue{stop-color:#5e64ff}.stop-color.red{stop-color:#ff5858}.stop-color.light-green{stop-color:#98d85b}.stop-color.green{stop-color:#28a745}.stop-color.orange{stop-color:#ffa00a}.stop-color.violet{stop-color:#743ee2}.stop-color.dark-grey{stop-color:#b8c2cc}.stop-color.black{stop-color:#36414c}.stop-color.yellow{stop-color:#feef72}.stop-color.light-blue{stop-color:#7cd6fd}.stop-color.purple{stop-color:#b554ff}.stop-color.magenta{stop-color:#ffa3ef}',void 0);var s="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},n=(function(){function t(t){this.value=t}function e(e){function i(s,n){try{var r=e[s](n),o=r.value;o instanceof t?Promise.resolve(o.value).then(function(t){i("next",t)},function(t){i("throw",t)}):a(r.done?"return":"normal",r.value)}catch(t){a("throw",t)}}function a(t,e){switch(t){case"return":s.resolve({value:e,done:!0});break;case"throw":s.reject(e);break;default:s.resolve({value:e,done:!1})}(s=s.next)?i(s.key,s.arg):n=null}var s,n;this._invoke=function(t,e){return new Promise(function(a,r){var o={key:t,arg:e,resolve:a,reject:r,next:null};n?n=n.next=o:(s=n=o,i(t,e))})},"function"!=typeof e.return&&(this.return=void 0)}"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)}}(),function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}),r=function(){function t(t,e){for(var i=0;i<e.length;i++){var a=e[i];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}return function(e,i,a){return i&&t(e.prototype,i),a&&t(e,a),e}}(),o=function t(e,i,a){null===e&&(e=Function.prototype);var s=Object.getOwnPropertyDescriptor(e,i);if(void 0===s){var n=Object.getPrototypeOf(e);return null===n?void 0:t(n,i,a)}if("value"in s)return s.value;var r=s.get;if(void 0!==r)return r.call(a)},l=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)},h=function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e},_=function(){function t(t,e){var i=[],a=!0,s=!1,n=void 0;try{for(var r,o=t[Symbol.iterator]();!(a=(r=o.next()).done)&&(i.push(r.value),!e||i.length!==e);a=!0);}catch(t){s=!0,n=t}finally{try{!a&&o.return&&o.return()}finally{if(s)throw n}}return i}return function(e,i){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return t(e,i);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),u=function(t){if(Array.isArray(t)){for(var e=0,i=Array(t.length);e<t.length;e++)i[e]=t[e];return i}return Array.from(t)};t.findNodeIndex=function(t){for(var e=0;t.previousSibling;)t=t.previousSibling,e++;return e},t.create=function(e,i){var a=document.createElement(e);for(var n in i){var r=i[n];if("inside"===n)t(r).appendChild(a);else if("around"===n){var o=t(r);o.parentNode.insertBefore(a,o),a.appendChild(o)}else"styles"===n?"object"===(void 0===r?"undefined":s(r))&&Object.keys(r).map(function(t){a.style[t]=r[t]}):n in a?a[n]=r:a.setAttribute(n,r)}return a},t.createSVG=function(e,i){var a=document.createElementNS("http://www.w3.org/2000/svg",e);for(var s in i){var n=i[s];if("inside"===s)t(n).appendChild(a);else if("around"===s){var r=t(n);r.parentNode.insertBefore(a,r),a.appendChild(r)}else"className"===s&&(s="class"),"innerHTML"===s?a.textContent=n:a.setAttribute(s,n)}return a},t.runSVGAnimation=function(e,i){var a=[],s=[];i.map(function(e){var i=e[0],n=i.unit.parentNode,r=void 0,o=void 0;e[0]=i.unit;var l=t.animateSVG.apply(t,u(e)),h=_(l,2);r=h[0],o=h[1],a.push(o),s.push([r,n]),n.replaceChild(r,i.unit),i.array?i.array[i.index]=o:i.object[i.key]=o});var n=e.cloneNode(!0);return s.map(function(t,e){t[1].replaceChild(a[e],t[0]),i[e][0]=a[e]}),n},t.animateSVG=function(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",s=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,n=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r={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"},o=t.cloneNode(!0),l=t.cloneNode(!0);for(var h in e){var _=void 0;_="transform"===h?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var u=n[h]||t.getAttribute(h),c=e[h],p={attributeName:h,from:u,to:c,begin:"0s",dur:i/1e3+"s",values:u+";"+c,keySplines:r[a],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};s&&(p.type=s);for(var d in p)_.setAttribute(d,p[d]);o.appendChild(_),s?l.setAttribute(h,"translate("+c+")"):l.setAttribute(h,c)}return[o,l]},t.offset=function(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}},t.isElementInViewport=function(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)},t.bind=function(t,e){if(t)for(var i in e){var a=e[i];i.split(/\s+/).forEach(function(e){t.addEventListener(e,a)})}},t.unbind=function(t,e){if(t)for(var i in e){var a=e[i];i.split(/\s+/).forEach(function(e){t.removeEventListener(e,a)})}},t.fire=function(t,e,i){var a=document.createEvent("HTMLEvents");a.initEvent(e,!0,!0);for(var s in i)a[s]=i[s];return t.dispatchEvent(a)};var c=function(){function e(t){var i=t.parent,a=void 0===i?null:i;n(this,e),this.parent=a,this.title_name="",this.title_value="",this.list_values=[],this.title_value_first=0,this.x=0,this.y=0,this.top=0,this.left=0,this.setup()}return r(e,[{key:"setup",value:function(){this.make_tooltip()}},{key:"refresh",value:function(){this.fill(),this.calc_position()}},{key:"make_tooltip",value:function(){var e=this;this.container=t.create("div",{inside:this.parent,className:"graph-svg-tip comparison",innerHTML:'<span class="title"></span>\n\t\t\t\t<ul class="data-point-list"></ul>\n\t\t\t\t<div class="svg-pointer"></div>'}),this.hide_tip(),this.title=this.container.querySelector(".title"),this.data_point_list=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){e.hide_tip()})}},{key:"fill",value:function(){var e=this,i=void 0;i=this.title_value_first?"<strong>"+this.title_value+"</strong>"+this.title_name:this.title_name+"<strong>"+this.title_value+"</strong>",this.title.innerHTML=i,this.data_point_list.innerHTML="",this.list_values.map(function(i){var a=t.create("li",{className:"border-top "+(i.color||"black"),innerHTML:'<strong style="display: block;">'+(i.value?i.value:"")+"</strong>\n\t\t\t\t\t"+(i.title?i.title:"")});e.data_point_list.appendChild(a)})}},{key:"calc_position",value:function(){this.top=this.y-this.container.offsetHeight,this.left=this.x-this.container.offsetWidth/2;var t=this.parent.offsetWidth-this.container.offsetWidth,e=this.container.querySelector(".svg-pointer");if(this.left<0)e.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>t){var i=this.left-t;e.style.left="calc(50% + "+i+"px)",this.left=t}else e.style.left="50%"}},{key:"set_values",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",s=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],n=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.title_name=i,this.title_value=a,this.list_values=s,this.x=t,this.y=e,this.title_value_first=n,this.refresh()}},{key:"hide_tip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"show_tip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),e}(),p=function(){function e(t){var i=t.height,a=void 0===i?240:i,s=t.title,r=void 0===s?"":s,o=t.subtitle,l=void 0===o?"":o,h=t.format_lambdas,_=void 0===h?{}:h,u=t.summary,c=void 0===u?[]:u,p=t.is_navigable,d=void 0===p?0:p,f=t.has_legend,g=void 0===f?0:f,v=(t.type,t.parent),y=t.data;n(this,e),this.raw_chart_args=arguments[0],this.parent=document.querySelector(v),this.title=r,this.subtitle=l,this.data=y,this.format_lambdas=_,this.specific_values=y.specific_values||[],this.summary=c,this.is_navigable=d,this.is_navigable&&(this.current_index=0),this.has_legend=g,this.chart_types=["line","scatter","bar","percentage","heatmap"],this.set_margins(a)}return r(e,[{key:"get_different_chart",value:function(t){if(this.chart_types.includes(t)||console.error("'"+t+"' is not a valid chart type."),t!==this.type){return{bar:["line","scatter","percentage"],line:["scatter","bar","percentage"],scatter:["line","bar","percentage"],percentage:["bar","line","scatter"],heatmap:[]}[this.type].includes(t)||console.error("'"+this.type+"' chart cannot be converted to a '"+t+"' chart."),new b({parent:this.raw_chart_args.parent,title:this.title,data:this.raw_chart_args.data,type:t,height:this.raw_chart_args.height})}}},{key:"set_margins",value:function(t){this.base_height=t,this.height=t-40,this.translate_x=60,this.translate_y=10}},{key:"setup",value:function(){this.parent?(this.bind_window_events(),this.refresh(!0)):console.error("No parent element to render on was provided.")}},{key:"bind_window_events",value:function(){var t=this;window.addEventListener("resize",function(){return t.refresh()}),window.addEventListener("orientationchange",function(){return t.refresh()})}},{key:"refresh",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.setup_base_values(),this.set_width(),this.setup_container(),this.setup_components(),this.setup_values(),this.setup_utils(),this.make_graph_components(t),this.make_tooltip(),this.summary.length>0?this.show_custom_summary():this.show_summary(),this.is_navigable&&this.setup_navigation(t)}},{key:"set_width",value:function(){var t=this,e=0;this.specific_values.map(function(i){t.get_strwidth(i.title)>e&&(e=t.get_strwidth(i.title)-40)}),this.base_width=this.parent.offsetWidth-e,this.width=this.base_width-2*this.translate_x}},{key:"setup_base_values",value:function(){}},{key:"setup_container",value:function(){this.container=t.create("div",{className:"chart-container",innerHTML:'<h6 class="title">'+this.title+'</h6>\n\t\t\t\t<h6 class="sub-title uppercase">'+this.subtitle+'</h6>\n\t\t\t\t<div class="frappe-chart graphics"></div>\n\t\t\t\t<div class="graph-stats-container"></div>'}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chart_wrapper=this.container.querySelector(".frappe-chart"),this.stats_wrapper=this.container.querySelector(".graph-stats-container"),this.make_chart_area(),this.make_draw_area()}},{key:"make_chart_area",value:function(){return this.svg=t.createSVG("svg",{className:"chart",inside:this.chart_wrapper,width:this.base_width,height:this.base_height}),this.svg_defs=t.createSVG("defs",{inside:this.svg}),this.svg}},{key:"make_draw_area",value:function(){this.draw_area=t.createSVG("g",{className:this.type+"-chart",inside:this.svg,transform:"translate("+this.translate_x+", "+this.translate_y+")"})}},{key:"setup_components",value:function(){}},{key:"make_tooltip",value:function(){this.tip=new c({parent:this.chart_wrapper}),this.bind_tooltip()}},{key:"show_summary",value:function(){}},{key:"show_custom_summary",value:function(){var e=this;this.summary.map(function(i){var a=t.create("div",{className:"stats",innerHTML:'<span class="indicator '+i.color+'">'+i.title+": "+i.value+"</span>"});e.stats_wrapper.appendChild(a)})}},{key:"setup_navigation",value:function(){var e=this,i=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.make_overlay(),i&&(this.bind_overlay(),document.addEventListener("keydown",function(i){t.isElementInViewport(e.chart_wrapper)&&("37"==(i=i||window.event).keyCode?e.on_left_arrow():"39"==i.keyCode?e.on_right_arrow():"38"==i.keyCode?e.on_up_arrow():"40"==i.keyCode?e.on_down_arrow():"13"==i.keyCode&&e.on_enter_key())}))}},{key:"make_overlay",value:function(){}},{key:"bind_overlay",value:function(){}},{key:"bind_units",value:function(){}},{key:"on_left_arrow",value:function(){}},{key:"on_right_arrow",value:function(){}},{key:"on_up_arrow",value:function(){}},{key:"on_down_arrow",value:function(){}},{key:"on_enter_key",value:function(){}},{key:"get_data_point",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.current_index,e={index:t},i=this.y[0];return["svg_units","y_tops","values"].map(function(a){var s=a.slice(0,a.length-1);e[s]=i[a][t]}),e.label=this.x[t],e}},{key:"update_current_data_point",value:function(e){(e=parseInt(e))<0&&(e=0),e>=this.x.length&&(e=this.x.length-1),e!==this.current_index&&(this.current_index=e,t.fire(this.parent,"data-select",this.get_data_point()))}},{key:"get_strwidth",value:function(t){return 8*(t+"").length}},{key:"setup_utils",value:function(){}}]),e}(),d=function(a){function s(t){n(this,s);var e=h(this,(s.__proto__||Object.getPrototypeOf(s)).call(this,t));return e.x=e.data.labels,e.y=e.data.datasets,e.is_series=t.is_series,e.get_y_label=e.format_lambdas.y_label,e.get_y_tooltip=e.format_lambdas.y_tooltip,e.get_x_tooltip=e.format_lambdas.x_tooltip,e.colors=["green","blue","violet","red","orange","yellow","light-blue","light-green","purple","magenta"],e.zero_line=e.height,e}return l(s,p),r(s,[{key:"setup_values",value:function(){this.data.datasets.map(function(t){t.values=t.values.map(function(t){return isNaN(t)?0:t})}),this.setup_x(),this.setup_y()}},{key:"setup_x",value:function(){var t=this;this.set_avg_unit_width_and_x_offset(),this.x_axis_positions&&(this.x_old_axis_positions=this.x_axis_positions.slice()),this.x_axis_positions=this.x.map(function(i,a){return e(t.x_offset+a*t.avg_unit_width)}),this.x_old_axis_positions||(this.x_old_axis_positions=this.x_axis_positions.slice())}},{key:"setup_y",value:function(){this.y_axis_values&&(this.y_old_axis_values=this.y_axis_values.slice());var t=this.get_all_y_values();this.y_sums&&this.y_sums.length>0&&(t=t.concat(this.y_sums)),this.y_axis_values=this.get_y_axis_points(t),this.y_old_axis_values||(this.y_old_axis_values=this.y_axis_values.slice());var e=this.y_axis_values,i=e[e.length-1]-e[0];this.multiplier&&(this.old_multiplier=this.multiplier),this.multiplier=this.height/i,this.old_multiplier||(this.old_multiplier=this.multiplier);var a=e.indexOf(0),s=(e[1]-e[0])*this.multiplier;this.zero_line&&(this.old_zero_line=this.zero_line),this.zero_line=this.height-a*s,this.old_zero_line||(this.old_zero_line=this.zero_line)}},{key:"setup_components",value:function(){o(s.prototype.__proto__||Object.getPrototypeOf(s.prototype),"setup_components",this).call(this),this.setup_marker_components(),this.setup_aggregation_components(),this.setup_graph_components()}},{key:"setup_marker_components",value:function(){this.y_axis_group=t.createSVG("g",{className:"y axis",inside:this.draw_area}),this.x_axis_group=t.createSVG("g",{className:"x axis",inside:this.draw_area}),this.specific_y_group=t.createSVG("g",{className:"specific axis",inside:this.draw_area})}},{key:"setup_aggregation_components",value:function(){this.sum_group=t.createSVG("g",{className:"data-points",inside:this.draw_area}),this.average_group=t.createSVG("g",{className:"chart-area",inside:this.draw_area})}},{key:"setup_graph_components",value:function(){var e=this;this.svg_units_groups=[],this.y.map(function(i,a){e.svg_units_groups[a]=t.createSVG("g",{className:"data-points data-points-"+a,inside:e.draw_area})})}},{key:"make_graph_components",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.make_y_axis(),this.make_x_axis(),this.draw_graph(t),this.make_y_specifics()}},{key:"make_x_axis",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=void 0,a=void 0,s=void 0,n="";if("span"===this.x_axis_mode?(i=-7,a=this.height+15,s=this.height+25):"tick"===this.x_axis_mode&&(i=this.height,a=6,s=9,n="x-axis-label"),this.x_axis_group.setAttribute("transform","translate(0,"+i+")"),e)this.make_anim_x_axis(a,s,n);else{var r=1.5*this.avg_unit_width,o=r/8;this.x_axis_group.textContent="",this.x.map(function(e,i){var l=t.get_strwidth(e)+2;if(l>r)if(t.is_series){for(var h=1;l/h*2>r;)h++;if(i%h!=0)return}else e=e.slice(0,o-3)+" ...";t.x_axis_group.appendChild(t.make_x_line(a,s,e,"x-value-text",n,t.x_axis_positions[i]))})}}},{key:"make_y_axis",value:function(){var t=this;if(arguments.length>0&&void 0!==arguments[0]&&arguments[0])return this.make_anim_y_axis(),void this.make_anim_y_specifics();var e=this.get_y_axis_line_props(),i=_(e,4),a=i[0],s=i[1],n=i[2],r=i[3];this.y_axis_group.textContent="",this.y_axis_values.map(function(e,i){t.y_axis_group.appendChild(t.make_y_line(r,a,s,e,"y-value-text",n,t.zero_line-e*t.multiplier,0===e&&0!==i))})}},{key:"get_y_axis_line_props",value:function(){if(arguments.length>0&&void 0!==arguments[0]&&arguments[0])return[this.width,this.width+5,"specific-value",0];var t=void 0,e="",i=0;return"span"===this.y_axis_mode?(t=this.width+6,i=-6):"tick"===this.y_axis_mode&&(t=-6,e="y-axis-label"),[t,-9,e,i]}},{key:"draw_graph",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];!this.raw_chart_args.hasOwnProperty("init")||this.raw_chart_args.init?e?this.draw_new_graph_and_animate():this.y.map(function(e,i){e.svg_units=[],t.make_path&&t.make_path(e,i,t.x_axis_positions,e.y_tops,e.color||t.colors[i]),t.make_new_units(e,i)}):this.y.map(function(e,i){e.svg_units=[],t.make_path&&t.make_path(e,i,t.x_axis_positions,e.y_tops,e.color||t.colors[i]),t.make_new_units(e,i),t.calc_y_dependencies()})}},{key:"draw_new_graph_and_animate",value:function(){var t=this,e=[];this.y.map(function(i,a){i.y_tops=new Array(i.values.length).fill(t.zero_line),e.push({values:i.values}),i.svg_units=[],t.make_path&&t.make_path(i,a,t.x_axis_positions,i.y_tops,i.color||t.colors[a]),t.make_new_units(i,a)}),setTimeout(function(){t.update_values(e)},350)}},{key:"setup_navigation",value:function(t){var e=this;t?setTimeout(function(){o(s.prototype.__proto__||Object.getPrototypeOf(s.prototype),"setup_navigation",e).call(e,t)},500):o(s.prototype.__proto__||Object.getPrototypeOf(s.prototype),"setup_navigation",this).call(this,t)}},{key:"make_new_units",value:function(t,e){this.make_new_units_for_dataset(this.x_axis_positions,t.y_tops,t.color||this.colors[e],e,this.y.length)}},{key:"make_new_units_for_dataset",value:function(t,e,i,a,s,n,r,o){var l=this;n||(n=this.svg_units_groups[a]),r||(r=this.y[a].svg_units),o||(o=this.unit_args),n.textContent="",r.length=0,e.map(function(e,h){var _=l.draw[o.type](t[h],e,o.args,i,h,a,s);n.appendChild(_),r.push(_)}),this.is_navigable&&this.bind_units(r)}},{key:"make_y_specifics",value:function(){var t=this;this.specific_y_group.textContent="",this.specific_values.map(function(e){t.specific_y_group.appendChild(t.make_y_line(0,t.width,t.width+5,e.title.toUpperCase(),"specific-value","specific-value",t.zero_line-e.value*t.multiplier,!1,e.line_type))})}},{key:"bind_tooltip",value:function(){var e=this;this.chart_wrapper.addEventListener("mousemove",function(i){var a=t.offset(e.chart_wrapper),s=i.pageX-a.left-e.translate_x;i.pageY-a.top-e.translate_y<e.height+2*e.translate_y?e.map_tooltip_x_position_and_show(s):e.tip.hide_tip()})}},{key:"map_tooltip_x_position_and_show",value:function(t){var e=this;if(this.y_min_tops)for(var i=this.x_axis_positions.length-1;i>=0;i--){var a=this.x_axis_positions[i];if(t>a-this.avg_unit_width/2){var s=a+this.translate_x,n=this.y_min_tops[i]+this.translate_y,r=this.x.formatted&&this.x.formatted.length>0?this.x.formatted[i]:this.x[i],o=this.y.map(function(t,a){return{title:t.title,value:t.formatted?t.formatted[i]:t.values[i],color:t.color||e.colors[a]}});this.tip.set_values(s,n,r,"",o),this.tip.show_tip();break}}}},{key:"show_sums",value:function(){var t=this;this.updating=!0,this.y_sums=new Array(this.x_axis_positions.length).fill(0),this.y.map(function(e){e.values.map(function(e,i){t.y_sums[i]+=e})}),this.update_values(),this.sum_units=[],this.make_new_units_for_dataset(this.x_axis_positions,this.y_sums.map(function(i){return e(t.zero_line-i*t.multiplier)}),"light-grey",0,1,this.sum_group,this.sum_units),this.updating=!1}},{key:"hide_sums",value:function(){this.updating||(this.y_sums=[],this.sum_group.textContent="",this.sum_units=[],this.update_values())}},{key:"show_averages",value:function(){var t=this;this.old_specific_values=this.specific_values.slice(),this.y.map(function(e,i){var a=0;e.values.map(function(t){a+=t});var s=a/e.values.length;t.specific_values.push({title:"AVG "+(i+1),line_type:"dashed",value:s,auto:1})}),this.update_values()}},{key:"hide_averages",value:function(){var t=this;this.old_specific_values=this.specific_values.slice();var e=[];this.specific_values.map(function(t,i){t.auto&&e.unshift(i)}),e.map(function(e){t.specific_values.splice(e,1)}),this.update_values()}},{key:"update_values",value:function(t,e){var a=this;e||(e=this.x),this.elements_to_animate=[],this.updating=!0,this.old_x_values=this.x.slice(),this.old_y_axis_tops=this.y.map(function(t){return t.y_tops.slice()}),this.old_y_values=this.y.map(function(t){return t.values}),this.no_of_extra_pts=e.length-this.x.length,t&&this.y.map(function(e,i){e.values=t[i].values}),e&&(this.x=e),this.setup_x(),this.setup_y(),i(this.x_old_axis_positions,this.x_axis_positions)||(this.make_x_axis(!0),setTimeout(function(){a.updating||a.make_x_axis()},350)),(!i(this.y_old_axis_values,this.y_axis_values)||this.old_specific_values&&!i(this.old_specific_values,this.specific_values))&&(this.make_y_axis(!0),setTimeout(function(){a.updating||(a.make_y_axis(),a.make_y_specifics())},350)),this.calc_y_dependencies(),this.animate_graphs(),this.run_animation(),this.updating=!1}},{key:"add_data_point",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.x.length,a=this.y.map(function(t){return{values:t.values}});a.map(function(e,a){e.values.splice(i,0,t[a])});var s=this.x.slice();s.splice(i,0,e),this.update_values(a,s)}},{key:"remove_data_point",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.x.length-1;if(!(this.x.length<3)){var e=this.y.map(function(t){return{values:t.values}});e.map(function(e){e.values.splice(t,1)});var i=this.x.slice();i.splice(t,1),this.update_values(e,i)}}},{key:"run_animation",value:function(){var e=this,i=t.runSVGAnimation(this.svg,this.elements_to_animate);this.svg.parentNode==this.chart_wrapper&&(this.chart_wrapper.removeChild(this.svg),this.chart_wrapper.appendChild(i)),setTimeout(function(){i.parentNode==e.chart_wrapper&&(e.chart_wrapper.removeChild(i),e.chart_wrapper.appendChild(e.svg))},250)}},{key:"animate_graphs",value:function(){var t=this;this.y.map(function(e,i){var a=t.calc_old_and_new_postions(e,i),s=_(a,4),n=s[0],r=s[1],o=s[2],l=s[3];t.no_of_extra_pts>=0&&(t.make_path&&t.make_path(e,i,n,r,e.color||t.colors[i]),t.make_new_units_for_dataset(n,r,e.color||t.colors[i],i,t.y.length)),e.path&&t.animate_path(e,i,n,r,o,l),t.animate_units(e,i,n,r,o,l)}),setTimeout(function(){t.y.map(function(e,i){t.make_path&&t.make_path(e,i,t.x_axis_positions,e.y_tops,e.color||t.colors[i]),t.make_new_units(e,i)})},400)}},{key:"animate_path",value:function(t,e,i,a,s,n){var r=n.map(function(t,e){return s[e]+","+t}).join("L"),o=[{unit:t.path,object:t,key:"path"},{d:"M"+r},350,"easein"];if(this.elements_to_animate.push(o),t.region_path){var l="0,"+this.zero_line+"L",h="L"+this.width+","+this.zero_line,_=[{unit:t.region_path,object:t,key:"region_path"},{d:"M"+l+r+h},350,"easein"];this.elements_to_animate.push(_)}}},{key:"animate_units",value:function(t,e,i,a,s,n){var r=this,o=this.unit_args.type;t.svg_units.map(function(i,a){void 0!==s[a]&&void 0!==n[a]&&r.elements_to_animate.push(r.animate[o]({unit:i,array:t.svg_units,index:a},s[a],n[a],e))})}},{key:"calc_old_and_new_postions",value:function(t,e){var i=this.x_old_axis_positions.slice(),a=this.x_axis_positions.slice(),s=this.old_y_axis_tops[e].slice(),n=t.y_tops.slice(),r=i[i.length-1],o=s[s.length-1],l=a[a.length-1],h=n[n.length-1];if(this.no_of_extra_pts>=0){var _=new Array(Math.abs(this.no_of_extra_pts)).fill(r),u=new Array(Math.abs(this.no_of_extra_pts)).fill(o);i=i.concat(_),s=s.concat(u)}else{var c=new Array(Math.abs(this.no_of_extra_pts)).fill(l),p=new Array(Math.abs(this.no_of_extra_pts)).fill(h);a=a.concat(c),n=n.concat(p)}return[i,s,a,n]}},{key:"make_anim_x_axis",value:function(t,e,i){var a=this,s=this.x_old_axis_positions,n=this.x_axis_positions,r=this.old_x_values,o=this.x,l=s[s.length-1];this.x_axis_group.textContent="",this.make_new_axis_anim_lines(s,n,r,o,l,function(s,n,r){"string"==typeof r&&(r=parseInt(r.substring(0,r.length-1)));var o=a.make_x_line(t,e,s,"x-value-text",i,n);a.x_axis_group.appendChild(o),a.elements_to_animate&&a.elements_to_animate.push([{unit:o,array:[0],index:0},{transform:r+", 0"},350,"easein","translate",{transform:n+", 0"}])})}},{key:"make_anim_y_axis",value:function(){var t=this,e=this.y_old_axis_values.map(function(e){return t.zero_line-e*t.multiplier}),i=this.y_axis_values.map(function(e){return t.zero_line-e*t.multiplier}),a=this.y_old_axis_values,s=this.y_axis_values,n=e[e.length-1];this.y_axis_group.textContent="",this.make_new_axis_anim_lines(e,i,a,s,n,this.add_and_animate_y_line.bind(this),this.y_axis_group)}},{key:"make_anim_y_specifics",value:function(){var t=this;this.specific_y_group.textContent="",this.specific_values.map(function(e){t.add_and_animate_y_line(e.title,t.old_zero_line-e.value*t.old_multiplier,t.zero_line-e.value*t.multiplier,0,t.specific_y_group,e.line_type,!0)})}},{key:"make_new_axis_anim_lines",value:function(t,e,i,a,s,n,r){var o=void 0,l=void 0,h=a.length-i.length;if(h>0)o=e.slice(0,t.length),l=a.slice(0,i.length);else{var _=new Array(Math.abs(h)).fill("");l=a.concat(_);var u=new Array(Math.abs(h)).fill(s+"F");o=e.concat(u)}if(l.map(function(e,i){n(e,t[i],o[i],i,r)}),h>0){var c=a.slice(i.length),p=e.slice(t.length);c.map(function(t,e){n(t,s,p[e],e,r)})}}},{key:"make_x_line",value:function(e,i,a,s,n,r){var o=t.createSVG("line",{x1:0,x2:0,y1:0,y2:e}),l=t.createSVG("text",{className:s,x:0,y:i,dy:".71em",innerHTML:a}),h=t.createSVG("g",{className:"tick "+n,transform:"translate("+r+", 0)"});return h.appendChild(o),h.appendChild(l),h}},{key:"make_y_line",value:function(e,i,a,s,n,r,o){var l=arguments.length>7&&void 0!==arguments[7]&&arguments[7],h=arguments.length>8&&void 0!==arguments[8]?arguments[8]:"",_=t.createSVG("line",{className:"dashed"===h?"dashed":"",x1:e,x2:i,y1:0,y2:0}),u=t.createSVG("text",{className:n,x:a,y:0,dy:".32em",innerHTML:s+""}),c=t.createSVG("g",{className:"tick "+r,transform:"translate(0, "+o+")","stroke-opacity":1});return l&&(_.style.stroke="rgba(27, 31, 35, 0.6)"),c.appendChild(_),c.appendChild(u),c}},{key:"add_and_animate_y_line",value:function(t,e,i,a,s,n){var r=arguments.length>6&&void 0!==arguments[6]&&arguments[6],o=!1;"string"==typeof i&&(i=parseInt(i.substring(0,i.length-1)),o=!0);var l={transform:"0, "+i},h={transform:"0, "+e};o&&(l["stroke-opacity"]=0);var u=this.get_y_axis_line_props(r),c=_(u,4),p=c[0],d=c[1],f=c[2],g=c[3],v=r?"specific-value":"y-value-text";t=r?(t+"").toUpperCase():t;var y=this.make_y_line(g,p,d,t,v,f,e,0===t&&0!==a,n);s.appendChild(y),this.elements_to_animate&&this.elements_to_animate.push([{unit:y,array:[0],index:0},l,350,"easein","translate",h])}},{key:"get_y_axis_points",value:function(t){var e=this,i=void 0,a=void 0,s=void 0,n=void 0,r=parseInt(Math.max.apply(Math,u(t))),o=parseInt(Math.min.apply(Math,u(t)));o>=0&&(o=0);var l=function(t,i){var a=void 0,s=void 0,n=void 0,r=void 0,o=void 0;if((t+"").length<=1)a=10,n=5;else{var l=e.calc_upper_bound_and_no_of_parts(t),h=_(l,2);a=h[0],n=h[1]}return o=a/n,r=e.calc_no_of_parts(i,o),s=r*o,[a,s,n,r,o]},h=-1*o;if(h<=r){var c=l(r,h),p=_(c,5);i=p[1],a=p[2],s=p[3],n=p[4],0===h&&(i=0,s=0)}else{var d=l(h,r),f=_(d,5);i=f[0],s=f[2],a=f[3],n=f[4]}a%2!=0&&s>0&&a++,s%2!=0&&(s++,i+=n);var g=a+s;return g>5&&(g/=2,n*=2,a/=2),r<(a-1)*n&&g--,this.get_intervals(-1*i,n,g)}},{key:"get_intervals",value:function(t,e,i){for(var a=[],s=0;s<=i;s++)a.push(t),t+=e;return a}},{key:"calc_upper_bound_and_no_of_parts",value:function(t){var e=Math.pow(10,(t+"").length-1),i=this.calc_no_of_parts(t,e);return[e*i,i]}},{key:"calc_no_of_parts",value:function(t,e){var i=Math.ceil(t/e);return i%2!=0&&i++,i}},{key:"get_optimal_no_of_parts",value:function(t){return t<5?t:t/2}},{key:"set_avg_unit_width_and_x_offset",value:function(){this.avg_unit_width=this.width/(this.x.length-1),this.x_offset=0}},{key:"get_all_y_values",value:function(){var t=[];return this.y.map(function(e){t=t.concat(e.values)}),t.concat(this.specific_values.map(function(t){return t.value}))}},{key:"calc_y_dependencies",value:function(){var t=this;this.y_min_tops=new Array(this.x_axis_positions.length).fill(9999),this.y.map(function(i){i.y_tops=i.values.map(function(i){return e(t.zero_line-i*t.multiplier)}),i.y_tops.map(function(e,i){e<t.y_min_tops[i]&&(t.y_min_tops[i]=e)})})}},{key:"get_bar_height_and_y_attr",value:function(t){var e=void 0,i=void 0;return t<=this.zero_line?(i=t,0===(e=this.zero_line-t)&&(i-=e=.01*this.height)):(e=t-this.zero_line,i=this.zero_line,0===e&&(e=.01*this.height)),[e,i]}},{key:"setup_utils",value:function(){var e=this;this.draw={bar:function(i,a,s,n,r,o,l){var h=e.avg_unit_width-s.space_width,u=h/l,c=i-h/2+u*o,p=e.get_bar_height_and_y_attr(a),d=_(p,2),f=d[0],g=d[1];return t.createSVG("rect",{className:"bar mini fill "+n,"data-point-index":r,x:c,y:g,width:u,height:f})},dot:function(e,i,a,s,n){return t.createSVG("circle",{className:"fill "+s,"data-point-index":n,cx:e,cy:i,r:a.radius})}},this.animate={bar:function(t,i,a,s){var n=i-e.avg_unit_width/4,r=e.avg_unit_width/2/e.y.length,o=e.get_bar_height_and_y_attr(a),l=_(o,2);return i=n+r*s,[t,{width:r,height:l[0],x:i,y:l[1]},350,"easein"]},dot:function(t,e,i){return[t,{cx:e,cy:i},350,"easein"]}}}}]),s}(),f=function(t){function e(t){n(this,e);var i=h(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return i.type="bar",i.x_axis_mode=t.x_axis_mode||"tick",i.y_axis_mode=t.y_axis_mode||"span",i.setup(),i}return l(e,d),r(e,[{key:"setup_values",value:function(){o(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setup_values",this).call(this),this.x_offset=this.avg_unit_width,this.unit_args={type:"bar",args:{space_width:this.avg_unit_width/2}}}},{key:"make_overlay",value:function(){var t=this.x.length-1,e=this.y[0].svg_units[t];this.update_current_data_point(t),this.overlay&&this.overlay.parentNode.removeChild(this.overlay),this.overlay=e.cloneNode(),this.overlay.style.fill="#000000",this.overlay.style.opacity="0.4",this.draw_area.appendChild(this.overlay)}},{key:"bind_overlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(e){t.update_overlay(e.svg_unit)})}},{key:"bind_units",value:function(t){var e=this;t.map(function(t){t.addEventListener("click",function(){var i=t.getAttribute("data-point-index");e.update_current_data_point(i)})})}},{key:"update_overlay",value:function(t){var e=this,i=[];Object.keys(t.attributes).map(function(e){i.push(t.attributes[e])}),i.filter(function(t){return t.specified}).map(function(t){e.overlay.setAttribute(t.name,t.nodeValue)})}},{key:"on_left_arrow",value:function(){this.update_current_data_point(this.current_index-1)}},{key:"on_right_arrow",value:function(){this.update_current_data_point(this.current_index+1)}},{key:"set_avg_unit_width_and_x_offset",value:function(){this.avg_unit_width=this.width/(this.x.length+1),this.x_offset=this.avg_unit_width}}]),e}(),g=function(e){function i(t){n(this,i);var e=h(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t));return e.x_axis_mode=t.x_axis_mode||"span",e.y_axis_mode=t.y_axis_mode||"span",t.hasOwnProperty("show_dots")?e.show_dots=t.show_dots:e.show_dots=1,e.region_fill=t.region_fill,Object.getPrototypeOf(e)!==i.prototype?h(e):(e.dot_radius=t.dot_radius||4,e.heatline=t.heatline,e.type="line",e.setup(),e)}return l(i,d),r(i,[{key:"setup_graph_components",value:function(){this.setup_path_groups(),o(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"setup_graph_components",this).call(this)}},{key:"setup_path_groups",value:function(){var e=this;this.paths_groups=[],this.y.map(function(i,a){e.paths_groups[a]=t.createSVG("g",{className:"path-group path-group-"+a,inside:e.draw_area})})}},{key:"setup_values",value:function(){o(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"setup_values",this).call(this),this.unit_args={type:"dot",args:{radius:this.dot_radius}}}},{key:"make_new_units_for_dataset",value:function(t,e,a,s,n,r,l,h){this.show_dots&&o(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"make_new_units_for_dataset",this).call(this,t,e,a,s,n,r,l,h)}},{key:"make_paths",value:function(){var t=this;this.y.map(function(e,i){t.make_path(e,i,t.x_axis_positions,e.y_tops,e.color||t.colors[i])})}},{key:"make_path",value:function(e,i,a,s,n){var r=s.map(function(t,e){return a[e]+","+t}).join("L");if(this.paths_groups[i].textContent="",e.path=t.createSVG("path",{inside:this.paths_groups[i],className:"stroke "+n,d:"M"+r}),this.heatline){var o=this.make_gradient(n);e.path.style.stroke="url(#"+o+")"}this.region_fill&&this.fill_region_for_dataset(e,i,n,r)}},{key:"fill_region_for_dataset",value:function(e,i,a,s){var n=this.make_gradient(a,!0);e.region_path=t.createSVG("path",{inside:this.paths_groups[i],className:"region-fill",d:"M0,"+this.zero_line+"L"+s+"L"+this.width+","+this.zero_line}),e.region_path.style.stroke="none",e.region_path.style.fill="url(#"+n+")"}},{key:"make_gradient",value:function(e){var i=arguments.length>1&&void 0!==arguments[1]&&arguments[1],a="path-fill-gradient-"+e,s=t.createSVG("linearGradient",{inside:this.svg_defs,id:a,x1:0,x2:0,y1:0,y2:1}),n=function(e,i,a,s){t.createSVG("stop",{className:"stop-color "+a,inside:e,offset:i,"stop-opacity":s})},r=[1,.6,.2];return i&&(r=[.4,.2,0]),n(s,"0%",e,r[0]),n(s,"50%",e,r[1]),n(s,"100%",e,r[2]),a}}]),i}(),v=function(t){function e(t){n(this,e);var i=h(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return i.type="scatter",t.dot_radius?i.dot_radius=t.dot_radius:i.dot_radius=8,i.setup(),i}return l(e,g),r(e,[{key:"setup_graph_components",value:function(){this.setup_path_groups(),o(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setup_graph_components",this).call(this)}},{key:"setup_path_groups",value:function(){}},{key:"setup_values",value:function(){o(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setup_values",this).call(this),this.unit_args={type:"dot",args:{radius:this.dot_radius}}}},{key:"make_paths",value:function(){}},{key:"make_path",value:function(){}}]),e}(),y=function(e){function i(t){n(this,i);var e=h(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t));return e.type="percentage",e.get_y_label=e.format_lambdas.y_label,e.get_x_tooltip=e.format_lambdas.x_tooltip,e.get_y_tooltip=e.format_lambdas.y_tooltip,e.max_slices=10,e.max_legend_points=6,e.colors=t.colors,(!e.colors||e.colors.length<e.data.labels.length)&&(e.colors=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta"]),e.setup(),e}return l(i,p),r(i,[{key:"make_chart_area",value:function(){this.chart_wrapper.className+=" graph-focus-margin",this.chart_wrapper.style.marginTop="45px",this.stats_wrapper.className+=" graph-focus-margin",this.stats_wrapper.style.marginBottom="30px",this.stats_wrapper.style.paddingTop="0px"}},{key:"make_draw_area",value:function(){this.chart_div=t.create("div",{className:"div",inside:this.chart_wrapper}),this.chart=t.create("div",{className:"progress-chart",inside:this.chart_div})}},{key:"setup_components",value:function(){this.percentage_bar=t.create("div",{className:"progress",inside:this.chart})}},{key:"setup_values",value:function(){var t=this;this.slice_totals=[];var e=this.data.labels.map(function(e,i){var a=0;return t.data.datasets.map(function(t){a+=t.values[i]}),[a,e]}).filter(function(t){return t[0]>0}),i=e;if(e.length>this.max_slices){e.sort(function(t,e){return e[0]-t[0]}),i=e.slice(0,this.max_slices-1);var a=0;e.slice(this.max_slices-1).map(function(t){a+=t[0]}),i.push([a,"Rest"]),this.colors[this.max_slices-1]="grey"}this.labels=[],i.map(function(e){t.slice_totals.push(e[0]),t.labels.push(e[1])}),this.legend_totals=this.slice_totals.slice(0,this.max_legend_points)}},{key:"setup_utils",value:function(){}},{key:"make_graph_components",value:function(){var e=this;this.grand_total=this.slice_totals.reduce(function(t,e){return t+e},0),this.slices=[],this.slice_totals.map(function(i,a){var s=t.create("div",{className:"progress-bar background "+e.colors[a],inside:e.percentage_bar,styles:{width:100*i/e.grand_total+"%"}});e.slices.push(s)})}},{key:"bind_tooltip",value:function(){var e=this;this.slices.map(function(i,a){i.addEventListener("mouseenter",function(){var s=t.offset(e.chart_wrapper),n=t.offset(i),r=n.left-s.left+i.offsetWidth/2,o=n.top-s.top-6,l=(e.formatted_labels&&e.formatted_labels.length>0?e.formatted_labels[a]:e.labels[a])+": ",h=(100*e.slice_totals[a]/e.grand_total).toFixed(1);e.tip.set_values(r,o,l,h+"%"),e.tip.show_tip()})})}},{key:"show_summary",value:function(){var e=this,i=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:this.labels;this.legend_totals.map(function(a,s){a&&(t.create("div",{className:"stats",inside:e.stats_wrapper}).innerHTML='<span class="indicator '+e.colors[s]+'">\n\t\t\t\t\t<span class="text-muted">'+i[s]+":</span>\n\t\t\t\t\t"+a+"\n\t\t\t\t</span>")})}}]),i}(),m=function(e){function i(t){var e=t.start,a=void 0===e?"":e,s=t.domain,r=void 0===s?"":s,o=t.subdomain,l=void 0===o?"":o,_=t.data,u=void 0===_?{}:_,c=t.discrete_domains,p=void 0===c?0:c,d=t.count_label,f=void 0===d?"":d;n(this,i);var g=h(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,arguments[0]));g.type="heatmap",g.domain=r,g.subdomain=l,g.data=u,g.discrete_domains=p,g.count_label=f;var v=new Date;return g.start=a||g.add_days(v,365),g.legend_colors=["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],g.translate_x=0,g.setup(),g}return l(i,p),r(i,[{key:"setup_base_values",value:function(){this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.first_week_start=new Date(this.start.toDateString()),this.last_week_start=new Date(this.today.toDateString()),7!==this.first_week_start.getDay()&&this.add_days(this.first_week_start,-1*this.first_week_start.getDay()),7!==this.last_week_start.getDay()&&this.add_days(this.last_week_start,-1*this.last_week_start.getDay()),this.no_of_cols=this.get_weeks_between(this.first_week_start+"",this.last_week_start+"")+1}},{key:"set_width",value:function(){this.base_width=12*(this.no_of_cols+3),this.discrete_domains&&(this.base_width+=144)}},{key:"setup_components",value:function(){this.domain_label_group=t.createSVG("g",{className:"domain-label-group chart-label",inside:this.draw_area}),this.data_groups=t.createSVG("g",{className:"data-groups",inside:this.draw_area,transform:"translate(0, 20)"})}},{key:"setup_values",value:function(){this.domain_label_group.textContent="",this.data_groups.textContent="",this.distribution=this.get_distribution(this.data,this.legend_colors),this.month_names=["January","February","March","April","May","June","July","August","September","October","November","December"],this.render_all_weeks_and_store_x_values(this.no_of_cols)}},{key:"render_all_weeks_and_store_x_values",value:function(t){var e=new Date(this.first_week_start);this.week_col=0,this.current_month=e.getMonth(),this.months=[this.current_month+""],this.month_weeks={},this.month_start_points=[],this.month_weeks[this.current_month]=0,this.month_start_points.push(13);for(var i=0;i<t;i++){var a=void 0,s=0,n=new Date(e),r=this.get_week_squares_group(n,this.week_col),o=_(r,2);a=o[0],s=o[1],this.data_groups.appendChild(a),this.week_col+=1+parseInt(this.discrete_domains&&s),this.month_weeks[this.current_month]++,s&&(this.current_month=(this.current_month+1)%12,this.months.push(this.current_month+""),this.month_weeks[this.current_month]=1),this.add_days(e,7)}this.render_month_labels()}},{key:"get_week_squares_group",value:function(e,i){for(var a=0,s=0,n=t.createSVG("g",{className:"data-group",inside:this.data_groups}),r=0,o=0;o<7;o+=1,r+=12){var l=0,h=0,_=e.getTime()/1e3,u=Math.floor(_-_%86400).toFixed(1);this.data[u]&&(l=this.data[u],h=this.get_max_checkpoint(l,this.distribution)),this.data[Math.round(u)]&&(l=this.data[Math.round(u)],h=this.get_max_checkpoint(l,this.distribution)),t.createSVG("rect",{className:"day",inside:n,x:13+12*(i+s),y:r,width:10,height:10,fill:this.legend_colors[h],"data-date":this.get_dd_mm_yyyy(e),"data-value":l,"data-day":e.getDay()});var c=new Date(e);this.add_days(c,1),c.getMonth()-e.getMonth()&&(a=1,this.discrete_domains&&(s=1),this.month_start_points.push(13+12*(i+s))),e=c}return[n,a]}},{key:"render_month_labels",value:function(){var e=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(i,a){var s=e.month_names[e.months[a]].substring(0,3);t.createSVG("text",{className:"y-value-text",inside:e.domain_label_group,x:i+12,y:10,dy:".32em",innerHTML:s})})}},{key:"make_graph_components",value:function(){Array.prototype.slice.call(this.container.querySelectorAll(".graph-stats-container, .sub-title, .title")).map(function(t){t.style.display="None"}),this.chart_wrapper.style.marginTop="0px",this.chart_wrapper.style.paddingTop="0px"}},{key:"bind_tooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),a=e.target.getAttribute("data-date").split("-"),s=t.month_names[parseInt(a[1])-1].substring(0,3),n=t.chart_wrapper.getBoundingClientRect(),r=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=r.left-n.left+(o+2)/2,h=r.top-n.top-(o+2)/2,_=i+" "+t.count_label,u=" on "+s+" "+a[0]+", "+a[2];t.tip.set_values(l,h,u,_,[],1),t.tip.show_tip()})})}},{key:"update",value:function(t){this.data=t,this.setup_values(),this.bind_tooltip()}},{key:"get_distribution",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=arguments[1],i=Object.keys(t).map(function(e){return t[e]}),a=Math.max.apply(Math,u(i)),s=1/(e.length-1),n=[];return e.map(function(t,e){var i=a*(s*e);n.push(i)}),n}},{key:"get_max_checkpoint",value:function(t,e){return e.filter(function(i,a){return 1===a?e[0]<t:i<=t}).length-1}},{key:"treat_as_utc",value:function(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}},{key:"get_dd_mm_yyyy",value:function(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}},{key:"get_weeks_between",value:function(t,e){return Math.ceil(this.get_days_between(t,e)/7)}},{key:"get_days_between",value:function(t,e){return(this.treat_as_utc(e)-this.treat_as_utc(t))/864e5}},{key:"add_days",value:function(t,e){t.setDate(t.getDate()+e)}},{key:"get_month_name",value:function(){}}]),i}(),x={line:g,bar:f,scatter:v,percentage:y,heatmap:m},b=function t(e){return n(this,t),a(e.type,arguments[0])};return b}();
 //# sourceMappingURL=frappe-charts.min.js.map
diff --git a/dist/frappe-charts.min.js.map b/dist/frappe-charts.min.js.map
index 86d6606..14acc16 100644
--- a/dist/frappe-charts.min.js.map
+++ b/dist/frappe-charts.min.js.map
@@ -1 +1 @@
-{"version":3,"file":"frappe-charts.min.js","sources":["../src/scripts/helpers/dom.js","../src/scripts/helpers/utils.js","../src/scripts/charts.js","../src/scripts/objects/SvgTip.js","../src/scripts/charts/BaseChart.js","../src/scripts/charts/AxisChart.js","../src/scripts/charts/BarChart.js","../src/scripts/charts/LineChart.js","../src/scripts/charts/ScatterChart.js","../src/scripts/charts/PercentageChart.js","../src/scripts/charts/Heatmap.js"],"sourcesContent":["export default function $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\n$.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\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\n$.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\t\t}\n\t\telse {\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\n$.runSVGAnimation = (svg_container, elements) => {\n\t// let parent = elements[0][0]['unit'].parentNode;\n\n\tlet new_elements = [];\n\tlet anim_elements = [];\n\n\telements.map(element => {\n\t\tlet obj = element[0];\n\t\tlet parent = obj.unit.parentNode;\n\t\t// let index = let findNodeIndex(obj.unit);\n\n\t\tlet anim_element, new_element;\n\n\t\telement[0] = obj.unit;\n\n\t\t[anim_element, new_element] = $.animateSVG(...element);\n\n\t\tnew_elements.push(new_element);\n\t\tanim_elements.push([anim_element, parent]);\n\n\t\tparent.replaceChild(anim_element, obj.unit);\n\n\t\tif(obj.array) {\n\t\t\tobj.array[obj.index] = new_element;\n\t\t} else {\n\t\t\tobj.object[obj.key] = new_element;\n\t\t}\n\t});\n\n\tlet anim_svg = svg_container.cloneNode(true);\n\n\tanim_elements.map((anim_element, i) => {\n\t\tanim_element[1].replaceChild(new_elements[i], anim_element[0]);\n\t\telements[i][0] = new_elements[i];\n\t});\n\n\treturn anim_svg;\n};\n\n$.animateSVG = (element, props, dur, easing_type=\"linear\", type=undefined, old_values={}) => {\n\tlet easing = {\n\t\tease: \"0.25 0.1 0.25 1\",\n\t\tlinear: \"0 0 1 1\",\n\t\t// easein: \"0.42 0 1 1\",\n\t\teasein: \"0.1 0.8 0.2 1\",\n\t\teaseout: \"0 0 0.58 1\",\n\t\teaseinout: \"0.42 0 0.58 1\"\n\t};\n\n\tlet anim_element = element.cloneNode(true);\n\tlet new_element = element.cloneNode(true);\n\n\tfor(var attributeName in props) {\n\t\tlet animate_element;\n\t\tif(attributeName === 'transform') {\n\t\t\tanimate_element = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animateTransform\");\n\t\t} else {\n\t\t\tanimate_element = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animate\");\n\t\t}\n\t\tlet current_value = old_values[attributeName] || element.getAttribute(attributeName);\n\t\tlet value = props[attributeName];\n\n\t\tlet anim_attr = {\n\t\t\tattributeName: attributeName,\n\t\t\tfrom: current_value,\n\t\t\tto: value,\n\t\t\tbegin: \"0s\",\n\t\t\tdur: dur/1000 + \"s\",\n\t\t\tvalues: current_value + \";\" + value,\n\t\t\tkeySplines: easing[easing_type],\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\tanim_attr[\"type\"] = type;\n\t\t}\n\n\t\tfor (var i in anim_attr) {\n\t\t\tanimate_element.setAttribute(i, anim_attr[i]);\n\t\t}\n\n\t\tanim_element.appendChild(animate_element);\n\n\t\tif(type) {\n\t\t\tnew_element.setAttribute(attributeName, `translate(${value})`);\n\t\t} else {\n\t\t\tnew_element.setAttribute(attributeName, value);\n\t\t}\n\t}\n\n\treturn [anim_element, new_element];\n};\n\n$.offset = (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\n$.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\n$.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\n$.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\n$.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","export function float_2(d) {\n\treturn parseFloat(d.toFixed(2));\n}\n\nexport function arrays_equal(arr1, arr2) {\n\tif(arr1.length !== arr2.length) return false;\n\tlet are_equal = true;\n\tarr1.map((d, i) => {\n\t\tif(arr2[i] !== d) are_equal = false;\n\t});\n\treturn are_equal;\n}\n\nexport function shuffle(array) {\n\t// https://stackoverflow.com/a/2450976/6495043\n\t// Awesomeness: https://bost.ocks.org/mike/shuffle/\n\n\tvar currentIndex = array.length, temporaryValue, randomIndex;\n\n\t// While there remain elements to shuffle...\n\twhile (0 !== currentIndex) {\n\n\t\t// Pick a remaining element...\n\t\trandomIndex = Math.floor(Math.random() * currentIndex);\n\t\tcurrentIndex -= 1;\n\n\t\t// And swap it with the current element.\n\t\ttemporaryValue = array[currentIndex];\n\t\tarray[currentIndex] = array[randomIndex];\n\t\tarray[randomIndex] = temporaryValue;\n\t}\n\n\treturn array;\n}\n","import '../styles/charts.less';\n\nimport BarChart from './charts/BarChart';\nimport LineChart from './charts/LineChart';\nimport ScatterChart from './charts/ScatterChart';\nimport PercentageChart from './charts/PercentageChart';\nimport Heatmap from './charts/Heatmap';\n\n// if (ENV !== 'production') {\n// \t// Enable LiveReload\n// \tdocument.write(\n// \t\t'<script src=\"http://' + (location.host || 'localhost').split(':')[0] +\n// \t\t':35729/livereload.js?snipver=1\"></' + 'script>'\n// \t);\n// }\n\nconst chartTypes = {\n\tline: LineChart,\n\tbar: BarChart,\n\tscatter: ScatterChart,\n\tpercentage: PercentageChart,\n\theatmap: Heatmap\n};\n\nfunction getChartByType(chartType = 'line', options) {\n\tif (!chartTypes[chartType]) {\n\t\treturn new LineChart(options);\n\t}\n\n\treturn new chartTypes[chartType](options);\n}\n\nexport default class Chart {\n\tconstructor(args) {\n\t\treturn getChartByType(args.type, arguments[0]);\n\t}\n}\n","import $ from '../helpers/dom';\n\nexport default class SvgTip {\n\tconstructor({\n\t\tparent = null\n\t}) {\n\t\tthis.parent = parent;\n\t\tthis.title_name = '';\n\t\tthis.title_value = '';\n\t\tthis.list_values = [];\n\t\tthis.title_value_first = 0;\n\n\t\tthis.x = 0;\n\t\tthis.y = 0;\n\n\t\tthis.top = 0;\n\t\tthis.left = 0;\n\n\t\tthis.setup();\n\t}\n\n\tsetup() {\n\t\tthis.make_tooltip();\n\t}\n\n\trefresh() {\n\t\tthis.fill();\n\t\tthis.calc_position();\n\t\t// this.show_tip();\n\t}\n\n\tmake_tooltip() {\n\t\tthis.container = $.create('div', {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'graph-svg-tip comparison',\n\t\t\tinnerHTML: `<span class=\"title\"></span>\n\t\t\t\t<ul class=\"data-point-list\"></ul>\n\t\t\t\t<div class=\"svg-pointer\"></div>`\n\t\t});\n\t\tthis.hide_tip();\n\n\t\tthis.title = this.container.querySelector('.title');\n\t\tthis.data_point_list = this.container.querySelector('.data-point-list');\n\n\t\tthis.parent.addEventListener('mouseleave', () => {\n\t\t\tthis.hide_tip();\n\t\t});\n\t}\n\n\tfill() {\n\t\tlet title;\n\t\tif(this.title_value_first) {\n\t\t\ttitle = `<strong>${this.title_value}</strong>${this.title_name}`;\n\t\t} else {\n\t\t\ttitle = `${this.title_name}<strong>${this.title_value}</strong>`;\n\t\t}\n\t\tthis.title.innerHTML = title;\n\t\tthis.data_point_list.innerHTML = '';\n\n\t\tthis.list_values.map((set) => {\n\t\t\tlet li = $.create('li', {\n\t\t\t\tclassName: `border-top ${set.color || 'black'}`,\n\t\t\t\tinnerHTML: `<strong style=\"display: block;\">${set.value ? set.value : '' }</strong>\n\t\t\t\t\t${set.title ? set.title : '' }`\n\t\t\t});\n\n\t\t\tthis.data_point_list.appendChild(li);\n\t\t});\n\t}\n\n\tcalc_position() {\n\t\tthis.top = this.y - this.container.offsetHeight;\n\t\tthis.left = this.x - this.container.offsetWidth/2;\n\t\tlet max_left = this.parent.offsetWidth - this.container.offsetWidth;\n\n\t\tlet pointer = this.container.querySelector('.svg-pointer');\n\n\t\tif(this.left < 0) {\n\t\t\tpointer.style.left = `calc(50% - ${-1 * this.left}px)`;\n\t\t\tthis.left = 0;\n\t\t} else if(this.left > max_left) {\n\t\t\tlet delta = this.left - max_left;\n\t\t\tpointer.style.left = `calc(50% + ${delta}px)`;\n\t\t\tthis.left = max_left;\n\t\t} else {\n\t\t\tpointer.style.left = `50%`;\n\t\t}\n\t}\n\n\tset_values(x, y, title_name = '', title_value = '', list_values = [], title_value_first = 0) {\n\t\tthis.title_name = title_name;\n\t\tthis.title_value = title_value;\n\t\tthis.list_values = list_values;\n\t\tthis.x = x;\n\t\tthis.y = y;\n\t\tthis.title_value_first = title_value_first;\n\t\tthis.refresh();\n\t}\n\n\thide_tip() {\n\t\tthis.container.style.top = '0px';\n\t\tthis.container.style.left = '0px';\n\t\tthis.container.style.opacity = '0';\n\t}\n\n\tshow_tip() {\n\t\tthis.container.style.top = this.top + 'px';\n\t\tthis.container.style.left = this.left + 'px';\n\t\tthis.container.style.opacity = '1';\n\t}\n}\n","import SvgTip from '../objects/SvgTip';\nimport $ from '../helpers/dom';\nimport Chart from '../charts';\n\nexport default class BaseChart {\n\tconstructor({\n\t\theight = 240,\n\n\t\ttitle = '', subtitle = '',\n\n\t\tformat_lambdas = {},\n\n\t\tsummary = [],\n\n\t\tis_navigable = 0,\n\t\thas_legend = 0,\n\n\t\ttype = '', // eslint-disable-line no-unused-vars\n\n\t\tparent,\n\t\tdata\n\t}) {\n\t\tthis.raw_chart_args = arguments[0];\n\n\t\tthis.parent = document.querySelector(parent);\n\t\tthis.title = title;\n\t\tthis.subtitle = subtitle;\n\n\t\tthis.data = data;\n\t\tthis.format_lambdas = format_lambdas;\n\n\t\tthis.specific_values = data.specific_values || [];\n\t\tthis.summary = summary;\n\n\t\tthis.is_navigable = is_navigable;\n\t\tif(this.is_navigable) {\n\t\t\tthis.current_index = 0;\n\t\t}\n\t\tthis.has_legend = has_legend;\n\n\t\tthis.chart_types = ['line', 'scatter', 'bar', 'percentage', 'heatmap'];\n\n\t\tthis.set_margins(height);\n\t}\n\n\tget_different_chart(type) {\n\t\tif(!this.chart_types.includes(type)) {\n\t\t\tconsole.error(`'${type}' is not a valid chart type.`);\n\t\t}\n\t\tif(type === this.type) return;\n\n\t\t// Only across compatible types\n\t\tlet compatible_types = {\n\t\t\tbar: ['line', 'scatter', 'percentage'],\n\t\t\tline: ['scatter', 'bar', 'percentage'],\n\t\t\tscatter: ['line', 'bar', 'percentage'],\n\t\t\tpercentage: ['bar', 'line', 'scatter'],\n\t\t\theatmap: []\n\t\t};\n\n\t\tif(!compatible_types[this.type].includes(type)) {\n\t\t\tconsole.error(`'${this.type}' chart cannot be converted to a '${type}' chart.`);\n\t\t}\n\n\t\t// Okay, this is anticlimactic\n\t\t// this function will need to actually be 'change_chart_type(type)'\n\t\t// that will update only the required elements, but for now ...\n\t\treturn new Chart({\n\t\t\tparent: this.raw_chart_args.parent,\n\t\t\ttitle: this.title,\n\t\t\tdata: this.raw_chart_args.data,\n\t\t\ttype: type,\n\t\t\theight: this.raw_chart_args.height\n\t\t});\n\t}\n\n\tset_margins(height) {\n\t\tthis.base_height = height;\n\t\tthis.height = height - 40;\n\t\tthis.translate_x = 60;\n\t\tthis.translate_y = 10;\n\t}\n\n\tsetup() {\n\t\tif(!this.parent) {\n\t\t\tconsole.error(\"No parent element to render on was provided.\");\n\t\t\treturn;\n\t\t}\n\t\tthis.bind_window_events();\n\t\tthis.refresh(true);\n\t}\n\n\tbind_window_events() {\n\t\twindow.addEventListener('resize', () => this.refresh());\n\t\twindow.addEventListener('orientationchange', () => this.refresh());\n\t}\n\n\trefresh(init=false) {\n\t\tthis.setup_base_values();\n\t\tthis.set_width();\n\n\t\tthis.setup_container();\n\t\tthis.setup_components();\n\n\t\tthis.setup_values();\n\t\tthis.setup_utils();\n\n\t\tthis.make_graph_components(init);\n\t\tthis.make_tooltip();\n\n\t\tif(this.summary.length > 0) {\n\t\t\tthis.show_custom_summary();\n\t\t} else {\n\t\t\tthis.show_summary();\n\t\t}\n\n\t\tif(this.is_navigable) {\n\t\t\tthis.setup_navigation(init);\n\t\t}\n\t}\n\n\tset_width() {\n\t\tlet special_values_width = 0;\n\t\tthis.specific_values.map(val => {\n\t\t\tif(this.get_strwidth(val.title) > special_values_width) {\n\t\t\t\tspecial_values_width = this.get_strwidth(val.title) - 40;\n\t\t\t}\n\t\t});\n\t\tthis.base_width = this.parent.offsetWidth - special_values_width;\n\t\tthis.width = this.base_width - this.translate_x * 2;\n\t}\n\n\tsetup_base_values() {}\n\n\tsetup_container() {\n\t\tthis.container = $.create('div', {\n\t\t\tclassName: 'chart-container',\n\t\t\tinnerHTML: `<h6 class=\"title\">${this.title}</h6>\n\t\t\t\t<h6 class=\"sub-title uppercase\">${this.subtitle}</h6>\n\t\t\t\t<div class=\"frappe-chart graphics\"></div>\n\t\t\t\t<div class=\"graph-stats-container\"></div>`\n\t\t});\n\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\t\tthis.parent.appendChild(this.container);\n\n\t\tthis.chart_wrapper = this.container.querySelector('.frappe-chart');\n\t\tthis.stats_wrapper = this.container.querySelector('.graph-stats-container');\n\n\t\tthis.make_chart_area();\n\t\tthis.make_draw_area();\n\t}\n\n\tmake_chart_area() {\n\t\tthis.svg = $.createSVG('svg', {\n\t\t\tclassName: 'chart',\n\t\t\tinside: this.chart_wrapper,\n\t\t\twidth: this.base_width,\n\t\t\theight: this.base_height\n\t\t});\n\n\t\tthis.svg_defs = $.createSVG('defs', {\n\t\t\tinside: this.svg,\n\t\t});\n\n\t\treturn this.svg;\n\t}\n\n\tmake_draw_area() {\n\t\tthis.draw_area = $.createSVG(\"g\", {\n\t\t\tclassName: this.type + '-chart',\n\t\t\tinside: this.svg,\n\t\t\ttransform: `translate(${this.translate_x}, ${this.translate_y})`\n\t\t});\n\t}\n\n\tsetup_components() { }\n\n\tmake_tooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.chart_wrapper,\n\t\t});\n\t\tthis.bind_tooltip();\n\t}\n\n\n\tshow_summary() {}\n\tshow_custom_summary() {\n\t\tthis.summary.map(d => {\n\t\t\tlet stats = $.create('div', {\n\t\t\t\tclassName: 'stats',\n\t\t\t\tinnerHTML: `<span class=\"indicator ${d.color}\">${d.title}: ${d.value}</span>`\n\t\t\t});\n\t\t\tthis.stats_wrapper.appendChild(stats);\n\t\t});\n\t}\n\n\tsetup_navigation(init=false) {\n\t\tthis.make_overlay();\n\n\t\tif(init) {\n\t\t\tthis.bind_overlay();\n\n\t\t\tdocument.addEventListener('keydown', (e) => {\n\t\t\t\tif($.isElementInViewport(this.chart_wrapper)) {\n\t\t\t\t\te = e || window.event;\n\n\t\t\t\t\tif (e.keyCode == '37') {\n\t\t\t\t\t\tthis.on_left_arrow();\n\t\t\t\t\t} else if (e.keyCode == '39') {\n\t\t\t\t\t\tthis.on_right_arrow();\n\t\t\t\t\t} else if (e.keyCode == '38') {\n\t\t\t\t\t\tthis.on_up_arrow();\n\t\t\t\t\t} else if (e.keyCode == '40') {\n\t\t\t\t\t\tthis.on_down_arrow();\n\t\t\t\t\t} else if (e.keyCode == '13') {\n\t\t\t\t\t\tthis.on_enter_key();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tmake_overlay() {}\n\tbind_overlay() {}\n\tbind_units() {}\n\n\ton_left_arrow() {}\n\ton_right_arrow() {}\n\ton_up_arrow() {}\n\ton_down_arrow() {}\n\ton_enter_key() {}\n\n\tget_data_point(index=this.current_index) {\n\t\t// check for length\n\t\tlet data_point = {\n\t\t\tindex: index\n\t\t};\n\t\tlet y = this.y[0];\n\t\t['svg_units', 'y_tops', 'values'].map(key => {\n\t\t\tlet data_key = key.slice(0, key.length-1);\n\t\t\tdata_point[data_key] = y[key][index];\n\t\t});\n\t\tdata_point.label = this.x[index];\n\t\treturn data_point;\n\t}\n\n\tupdate_current_data_point(index) {\n\t\tindex = parseInt(index);\n\t\tif(index < 0) index = 0;\n\t\tif(index >= this.x.length) index = this.x.length - 1;\n\t\tif(index === this.current_index) return;\n\t\tthis.current_index = index;\n\t\t$.fire(this.parent, \"data-select\", this.get_data_point());\n\t}\n\n\t// Helpers\n\tget_strwidth(string) {\n\t\treturn (string+\"\").length * 8;\n\t}\n\n\t// Objects\n\tsetup_utils() { }\n}\n","import $ from '../helpers/dom';\nimport { float_2, arrays_equal } from '../helpers/utils';\nimport BaseChart from './BaseChart';\n\nexport default class AxisChart extends BaseChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\n\t\tthis.x = this.data.labels;\n\t\tthis.y = this.data.datasets;\n\n\t\tthis.is_series = args.is_series;\n\n\t\tthis.get_y_label = this.format_lambdas.y_label;\n\t\tthis.get_y_tooltip = this.format_lambdas.y_tooltip;\n\t\tthis.get_x_tooltip = this.format_lambdas.x_tooltip;\n\n\t\tthis.colors = ['green', 'blue', 'violet', 'red', 'orange',\n\t\t\t'yellow', 'light-blue', 'light-green', 'purple', 'magenta'];\n\n\t\tthis.zero_line = this.height;\n\t}\n\n\tsetup_values() {\n\t\tthis.data.datasets.map(d => {\n\t\t\td.values = d.values.map(val => (!isNaN(val) ? val : 0));\n\t\t});\n\t\tthis.setup_x();\n\t\tthis.setup_y();\n\t}\n\n\tsetup_x() {\n\t\tthis.set_avg_unit_width_and_x_offset();\n\n\t\tif(this.x_axis_positions) {\n\t\t\tthis.x_old_axis_positions =  this.x_axis_positions.slice();\n\t\t}\n\t\tthis.x_axis_positions = this.x.map((d, i) =>\n\t\t\tfloat_2(this.x_offset + i * this.avg_unit_width));\n\n\t\tif(!this.x_old_axis_positions) {\n\t\t\tthis.x_old_axis_positions = this.x_axis_positions.slice();\n\t\t}\n\t}\n\n\tsetup_y() {\n\t\tif(this.y_axis_values) {\n\t\t\tthis.y_old_axis_values =  this.y_axis_values.slice();\n\t\t}\n\n\t\tlet values = this.get_all_y_values();\n\n\t\tif(this.y_sums && this.y_sums.length > 0) {\n\t\t\tvalues = values.concat(this.y_sums);\n\t\t}\n\n\t\tthis.y_axis_values = this.get_y_axis_points(values);\n\n\t\tif(!this.y_old_axis_values) {\n\t\t\tthis.y_old_axis_values = this.y_axis_values.slice();\n\t\t}\n\n\t\tconst y_pts = this.y_axis_values;\n\t\tconst value_range = y_pts[y_pts.length-1] - y_pts[0];\n\n\t\tif(this.multiplier) this.old_multiplier = this.multiplier;\n\t\tthis.multiplier = this.height / value_range;\n\t\tif(!this.old_multiplier) this.old_multiplier = this.multiplier;\n\n\t\tconst zero_index = y_pts.indexOf(0);\n\t\tconst interval = y_pts[1] - y_pts[0];\n\t\tconst interval_height = interval * this.multiplier;\n\n\t\tif(this.zero_line) this.old_zero_line = this.zero_line;\n\t\tthis.zero_line = this.height - (zero_index * interval_height);\n\t\tif(!this.old_zero_line) this.old_zero_line = this.zero_line;\n\t}\n\n\tsetup_components() {\n\t\tsuper.setup_components();\n\t\tthis.setup_marker_components();\n\t\tthis.setup_aggregation_components();\n\t\tthis.setup_graph_components();\n\t}\n\n\tsetup_marker_components() {\n\t\tthis.y_axis_group = $.createSVG('g', {className: 'y axis', inside: this.draw_area});\n\t\tthis.x_axis_group = $.createSVG('g', {className: 'x axis', inside: this.draw_area});\n\t\tthis.specific_y_group = $.createSVG('g', {className: 'specific axis', inside: this.draw_area});\n\t}\n\n\tsetup_aggregation_components() {\n\t\tthis.sum_group = $.createSVG('g', {className: 'data-points', inside: this.draw_area});\n\t\tthis.average_group = $.createSVG('g', {className: 'chart-area', inside: this.draw_area});\n\t}\n\n\tsetup_graph_components() {\n\t\tthis.svg_units_groups = [];\n\t\tthis.y.map((d, i) => {\n\t\t\tthis.svg_units_groups[i] = $.createSVG('g', {\n\t\t\t\tclassName: 'data-points data-points-' + i,\n\t\t\t\tinside: this.draw_area\n\t\t\t});\n\t\t});\n\t}\n\n\tmake_graph_components(init=false) {\n\t\tthis.make_y_axis();\n\t\tthis.make_x_axis();\n\t\tthis.draw_graph(init);\n\t\tthis.make_y_specifics();\n\t}\n\n\t// make VERTICAL lines for x values\n\tmake_x_axis(animate=false) {\n\t\tlet start_at, height, text_start_at, axis_line_class = '';\n\t\tif(this.x_axis_mode === 'span') {\t\t// long spanning lines\n\t\t\tstart_at = -7;\n\t\t\theight = this.height + 15;\n\t\t\ttext_start_at = this.height + 25;\n\t\t} else if(this.x_axis_mode === 'tick'){\t// short label lines\n\t\t\tstart_at = this.height;\n\t\t\theight = 6;\n\t\t\ttext_start_at = 9;\n\t\t\taxis_line_class = 'x-axis-label';\n\t\t}\n\n\t\tthis.x_axis_group.setAttribute('transform', `translate(0,${start_at})`);\n\n\t\tif(animate) {\n\t\t\tthis.make_anim_x_axis(height, text_start_at, axis_line_class);\n\t\t\treturn;\n\t\t}\n\n\t\tlet allowed_space = this.avg_unit_width * 1.5;\n\t\tlet allowed_letters = allowed_space / 8;\n\n\t\tthis.x_axis_group.textContent = '';\n\t\tthis.x.map((point, i) => {\n\t\t\tlet space_taken = this.get_strwidth(point) + 2;\n\t\t\tif(space_taken > allowed_space) {\n\t\t\t\tif(this.is_series) {\n\t\t\t\t\t// Skip some axis lines if X axis is a series\n\t\t\t\t\tlet skips = 1;\n\t\t\t\t\twhile((space_taken/skips)*2 > allowed_space) {\n\t\t\t\t\t\tskips++;\n\t\t\t\t\t}\n\t\t\t\t\tif(i % skips !== 0) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tpoint = point.slice(0, allowed_letters-3) + \" ...\";\n\t\t\t\t}\n\t\t\t}\n\t\t\tthis.x_axis_group.appendChild(\n\t\t\t\tthis.make_x_line(\n\t\t\t\t\theight,\n\t\t\t\t\ttext_start_at,\n\t\t\t\t\tpoint,\n\t\t\t\t\t'x-value-text',\n\t\t\t\t\taxis_line_class,\n\t\t\t\t\tthis.x_axis_positions[i]\n\t\t\t\t)\n\t\t\t);\n\t\t});\n\t}\n\n\t// make HORIZONTAL lines for y values\n\tmake_y_axis(animate=false) {\n\t\tif(animate) {\n\t\t\tthis.make_anim_y_axis();\n\t\t\tthis.make_anim_y_specifics();\n\t\t\treturn;\n\t\t}\n\n\t\tlet [width, text_end_at, axis_line_class, start_at] = this.get_y_axis_line_props();\n\n\t\tthis.y_axis_group.textContent = '';\n\t\tthis.y_axis_values.map((value, i) => {\n\t\t\tthis.y_axis_group.appendChild(\n\t\t\t\tthis.make_y_line(\n\t\t\t\t\tstart_at,\n\t\t\t\t\twidth,\n\t\t\t\t\ttext_end_at,\n\t\t\t\t\tvalue,\n\t\t\t\t\t'y-value-text',\n\t\t\t\t\taxis_line_class,\n\t\t\t\t\tthis.zero_line - value * this.multiplier,\n\t\t\t\t\t(value === 0 && i !== 0) // Non-first Zero line\n\t\t\t\t)\n\t\t\t);\n\t\t});\n\t}\n\n\tget_y_axis_line_props(specific=false) {\n\t\tif(specific) {\n\t\t\treturn[this.width, this.width + 5, 'specific-value', 0];\n\t\t}\n\t\tlet width, text_end_at = -9, axis_line_class = '', start_at = 0;\n\t\tif(this.y_axis_mode === 'span') {\t\t// long spanning lines\n\t\t\twidth = this.width + 6;\n\t\t\tstart_at = -6;\n\t\t} else if(this.y_axis_mode === 'tick'){\t// short label lines\n\t\t\twidth = -6;\n\t\t\taxis_line_class = 'y-axis-label';\n\t\t}\n\n\t\treturn [width, text_end_at, axis_line_class, start_at];\n\t}\n\n\tdraw_graph(init=false) {\n\t\tif(this.raw_chart_args.hasOwnProperty(\"init\") && !this.raw_chart_args.init) {\n\t\t\tthis.y.map((d, i) => {\n\t\t\t\td.svg_units = [];\n\t\t\t\tthis.make_path && this.make_path(d, i, this.x_axis_positions, d.y_tops, d.color || this.colors[i]);\n\t\t\t\tthis.make_new_units(d, i);\n\t\t\t\tthis.calc_y_dependencies();\n\t\t\t});\n\t\t\treturn;\n\t\t}\n\t\tif(init) {\n\t\t\tthis.draw_new_graph_and_animate();\n\t\t\treturn;\n\t\t}\n\t\tthis.y.map((d, i) => {\n\t\t\td.svg_units = [];\n\t\t\tthis.make_path && this.make_path(d, i, this.x_axis_positions, d.y_tops, d.color || this.colors[i]);\n\t\t\tthis.make_new_units(d, i);\n\t\t});\n\t}\n\n\tdraw_new_graph_and_animate() {\n\t\tlet data = [];\n\t\tthis.y.map((d, i) => {\n\t\t\t// Anim: Don't draw initial values, store them and update later\n\t\t\td.y_tops = new Array(d.values.length).fill(this.zero_line); // no value\n\t\t\tdata.push({values: d.values});\n\t\t\td.svg_units = [];\n\n\t\t\tthis.make_path && this.make_path(d, i, this.x_axis_positions, d.y_tops, d.color || this.colors[i]);\n\t\t\tthis.make_new_units(d, i);\n\t\t});\n\n\t\tsetTimeout(() => {\n\t\t\tthis.update_values(data);\n\t\t}, 350);\n\t}\n\n\tsetup_navigation(init) {\n\t\tif(init) {\n\t\t\t// Hack: defer nav till initial update_values\n\t\t\tsetTimeout(() => {\n\t\t\t\tsuper.setup_navigation(init);\n\t\t\t}, 500);\n\t\t} else {\n\t\t\tsuper.setup_navigation(init);\n\t\t}\n\t}\n\n\tmake_new_units(d, i) {\n\t\tthis.make_new_units_for_dataset(\n\t\t\tthis.x_axis_positions,\n\t\t\td.y_tops,\n\t\t\td.color || this.colors[i],\n\t\t\ti,\n\t\t\tthis.y.length\n\t\t);\n\t}\n\n\tmake_new_units_for_dataset(x_values, y_values, color, dataset_index,\n\t\tno_of_datasets, units_group, units_array, unit) {\n\n\t\tif(!units_group) units_group = this.svg_units_groups[dataset_index];\n\t\tif(!units_array) units_array = this.y[dataset_index].svg_units;\n\t\tif(!unit) unit = this.unit_args;\n\n\t\tunits_group.textContent = '';\n\t\tunits_array.length = 0;\n\n\t\ty_values.map((y, i) => {\n\t\t\tlet data_unit = this.draw[unit.type](\n\t\t\t\tx_values[i],\n\t\t\t\ty,\n\t\t\t\tunit.args,\n\t\t\t\tcolor,\n\t\t\t\ti,\n\t\t\t\tdataset_index,\n\t\t\t\tno_of_datasets\n\t\t\t);\n\t\t\tunits_group.appendChild(data_unit);\n\t\t\tunits_array.push(data_unit);\n\t\t});\n\n\t\tif(this.is_navigable) {\n\t\t\tthis.bind_units(units_array);\n\t\t}\n\t}\n\n\tmake_y_specifics() {\n\t\tthis.specific_y_group.textContent = '';\n\t\tthis.specific_values.map(d => {\n\t\t\tthis.specific_y_group.appendChild(\n\t\t\t\tthis.make_y_line(\n\t\t\t\t\t0,\n\t\t\t\t\tthis.width,\n\t\t\t\t\tthis.width + 5,\n\t\t\t\t\td.title.toUpperCase(),\n\t\t\t\t\t'specific-value',\n\t\t\t\t\t'specific-value',\n\t\t\t\t\tthis.zero_line - d.value * this.multiplier,\n\t\t\t\t\tfalse,\n\t\t\t\t\td.line_type\n\t\t\t\t)\n\t\t\t);\n\t\t});\n\t}\n\n\tbind_tooltip() {\n\t\t// TODO: could be in tooltip itself, as it is a given functionality for its parent\n\t\tthis.chart_wrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet offset = $.offset(this.chart_wrapper);\n\t\t\tlet relX = e.pageX - offset.left - this.translate_x;\n\t\t\tlet relY = e.pageY - offset.top - this.translate_y;\n\n\t\t\tif(relY < this.height + this.translate_y * 2) {\n\t\t\t\tthis.map_tooltip_x_position_and_show(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.hide_tip();\n\t\t\t}\n\t\t});\n\t}\n\n\tmap_tooltip_x_position_and_show(relX) {\n\t\tif(!this.y_min_tops) return;\n\t\tfor(var i=this.x_axis_positions.length - 1; i >= 0 ; i--) {\n\t\t\tlet x_val = this.x_axis_positions[i];\n\t\t\t// let delta = i === 0 ? this.avg_unit_width : x_val - this.x_axis_positions[i-1];\n\t\t\tif(relX > x_val - this.avg_unit_width/2) {\n\t\t\t\tlet x = x_val + this.translate_x;\n\t\t\t\tlet y = this.y_min_tops[i] + this.translate_y;\n\n\t\t\t\tlet title = this.x.formatted && this.x.formatted.length>0\n\t\t\t\t\t? this.x.formatted[i] : this.x[i];\n\t\t\t\tlet values = this.y.map((set, j) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttitle: set.title,\n\t\t\t\t\t\tvalue: set.formatted ? set.formatted[i] : set.values[i],\n\t\t\t\t\t\tcolor: set.color || this.colors[j],\n\t\t\t\t\t};\n\t\t\t\t});\n\n\t\t\t\t// TODO: upside-down tooltips for negative values?\n\t\t\t\tthis.tip.set_values(x, y, title, '', values);\n\t\t\t\tthis.tip.show_tip();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\t// API\n\tshow_sums() {\n\t\tthis.updating = true;\n\n\t\tthis.y_sums = new Array(this.x_axis_positions.length).fill(0);\n\t\tthis.y.map(d => {\n\t\t\td.values.map( (value, i) => {\n\t\t\t\tthis.y_sums[i] += value;\n\t\t\t});\n\t\t});\n\n\t\t// Remake y axis, animate\n\t\tthis.update_values();\n\n\t\t// Then make sum units, don't animate\n\t\tthis.sum_units = [];\n\n\t\tthis.make_new_units_for_dataset(\n\t\t\tthis.x_axis_positions,\n\t\t\tthis.y_sums.map( val => float_2(this.zero_line - val * this.multiplier)),\n\t\t\t'light-grey',\n\t\t\t0,\n\t\t\t1,\n\t\t\tthis.sum_group,\n\t\t\tthis.sum_units\n\t\t);\n\n\t\t// this.make_path && this.make_path(d, i, old_x, old_y, d.color || this.colors[i]);\n\n\t\tthis.updating = false;\n\t}\n\n\thide_sums() {\n\t\tif(this.updating) return;\n\t\tthis.y_sums = [];\n\t\tthis.sum_group.textContent = '';\n\t\tthis.sum_units = [];\n\t\tthis.update_values();\n\t}\n\n\tshow_averages() {\n\t\tthis.old_specific_values = this.specific_values.slice();\n\t\tthis.y.map((d, i) => {\n\t\t\tlet sum = 0;\n\t\t\td.values.map(e => {sum+=e;});\n\t\t\tlet average = sum/d.values.length;\n\n\t\t\tthis.specific_values.push({\n\t\t\t\ttitle: \"AVG\" + \" \" + (i+1),\n\t\t\t\tline_type: \"dashed\",\n\t\t\t\tvalue: average,\n\t\t\t\tauto: 1\n\t\t\t});\n\t\t});\n\n\t\tthis.update_values();\n\t}\n\n\thide_averages() {\n\t\tthis.old_specific_values = this.specific_values.slice();\n\n\t\tlet indices_to_remove = [];\n\t\tthis.specific_values.map((d, i) => {\n\t\t\tif(d.auto) indices_to_remove.unshift(i);\n\t\t});\n\n\t\tindices_to_remove.map(index => {\n\t\t\tthis.specific_values.splice(index, 1);\n\t\t});\n\n\t\tthis.update_values();\n\t}\n\n\tupdate_values(new_y, new_x) {\n\t\tif(!new_x) {\n\t\t\tnew_x = this.x;\n\t\t}\n\t\tthis.elements_to_animate = [];\n\t\tthis.updating = true;\n\n\t\tthis.old_x_values = this.x.slice();\n\t\tthis.old_y_axis_tops = this.y.map(d => d.y_tops.slice());\n\n\t\tthis.old_y_values = this.y.map(d => d.values);\n\n\t\tthis.no_of_extra_pts = new_x.length - this.x.length;\n\n\t\t// Just update values prop, setup_x/y() will do the rest\n\t\tif(new_y) this.y.map((d, i) => {d.values = new_y[i].values;});\n\t\tif(new_x) this.x = new_x;\n\n\t\tthis.setup_x();\n\t\tthis.setup_y();\n\n\t\t// Animate only if positions have changed\n\t\tif(!arrays_equal(this.x_old_axis_positions, this.x_axis_positions)) {\n\t\t\tthis.make_x_axis(true);\n\t\t\tsetTimeout(() => {\n\t\t\t\tif(!this.updating) this.make_x_axis();\n\t\t\t}, 350);\n\t\t}\n\n\t\tif(!arrays_equal(this.y_old_axis_values, this.y_axis_values) ||\n\t\t\t(this.old_specific_values &&\n\t\t\t!arrays_equal(this.old_specific_values, this.specific_values))) {\n\n\t\t\tthis.make_y_axis(true);\n\t\t\tsetTimeout(() => {\n\t\t\t\tif(!this.updating) {\n\t\t\t\t\tthis.make_y_axis();\n\t\t\t\t\tthis.make_y_specifics();\n\t\t\t\t}\n\t\t\t}, 350);\n\t\t}\n\n\t\t// Change in data, so calculate dependencies\n\t\tthis.calc_y_dependencies();\n\n\t\tthis.animate_graphs();\n\n\t\t// Trigger animation with the animatable elements in this.elements_to_animate\n\t\tthis.run_animation();\n\n\t\tthis.updating = false;\n\t}\n\n\tadd_data_point(y_point, x_point, index=this.x.length) {\n\t\tlet new_y = this.y.map(data_set => { return {values:data_set.values}; });\n\t\tnew_y.map((d, i) => { d.values.splice(index, 0, y_point[i]); });\n\t\tlet new_x = this.x.slice();\n\t\tnew_x.splice(index, 0, x_point);\n\n\t\tthis.update_values(new_y, new_x);\n\t}\n\n\tremove_data_point(index = this.x.length-1) {\n\t\tif(this.x.length < 3) return;\n\n\t\tlet new_y = this.y.map(data_set => { return {values:data_set.values}; });\n\t\tnew_y.map((d) => { d.values.splice(index, 1); });\n\t\tlet new_x = this.x.slice();\n\t\tnew_x.splice(index, 1);\n\n\t\tthis.update_values(new_y, new_x);\n\t}\n\n\trun_animation() {\n\t\tlet anim_svg = $.runSVGAnimation(this.svg, this.elements_to_animate);\n\n\t\tif(this.svg.parentNode == this.chart_wrapper) {\n\t\t\tthis.chart_wrapper.removeChild(this.svg);\n\t\t\tthis.chart_wrapper.appendChild(anim_svg);\n\n\t\t}\n\n\t\t// Replace the new svg (data has long been replaced)\n\t\tsetTimeout(() => {\n\t\t\tif(anim_svg.parentNode == this.chart_wrapper) {\n\t\t\t\tthis.chart_wrapper.removeChild(anim_svg);\n\t\t\t\tthis.chart_wrapper.appendChild(this.svg);\n\t\t\t}\n\t\t}, 250);\n\t}\n\n\tanimate_graphs() {\n\t\tthis.y.map((d, i) => {\n\t\t\t// Pre-prep, equilize no of positions between old and new\n\t\t\tlet [old_x, old_y, new_x, new_y] = this.calc_old_and_new_postions(d, i);\n\t\t\tif(this.no_of_extra_pts >= 0) {\n\t\t\t\tthis.make_path && this.make_path(d, i, old_x, old_y, d.color || this.colors[i]);\n\t\t\t\tthis.make_new_units_for_dataset(old_x, old_y, d.color || this.colors[i], i, this.y.length);\n\t\t\t}\n\t\t\td.path && this.animate_path(d, i, old_x, old_y, new_x, new_y);\n\t\t\tthis.animate_units(d, i, old_x, old_y, new_x, new_y);\n\t\t});\n\n\t\t// TODO: replace with real units\n\t\tsetTimeout(() => {\n\t\t\tthis.y.map((d, i) => {\n\t\t\t\tthis.make_path && this.make_path(d, i, this.x_axis_positions, d.y_tops, d.color || this.colors[i]);\n\t\t\t\tthis.make_new_units(d, i);\n\t\t\t});\n\t\t}, 400);\n\t}\n\n\tanimate_path(d, i, old_x, old_y, new_x, new_y) {\n\t\t// Animate path\n\t\tconst new_points_list = new_y.map((y, i) => (new_x[i] + ',' + y));\n\t\tconst new_path_str = new_points_list.join(\"L\");\n\n\t\tconst path_args = [{unit: d.path, object: d, key: 'path'}, {d:\"M\"+new_path_str}, 350, \"easein\"];\n\t\tthis.elements_to_animate.push(path_args);\n\n\t\t// Animate region\n\t\tif(d.region_path) {\n\t\t\tlet reg_start_pt = `0,${this.zero_line}L`;\n\t\t\tlet reg_end_pt = `L${this.width},${this.zero_line}`;\n\n\t\t\tconst region_args = [\n\t\t\t\t{unit: d.region_path, object: d, key: 'region_path'},\n\t\t\t\t{d:\"M\" + reg_start_pt + new_path_str + reg_end_pt},\n\t\t\t\t350,\n\t\t\t\t\"easein\"\n\t\t\t];\n\t\t\tthis.elements_to_animate.push(region_args);\n\t\t}\n\t}\n\n\tanimate_units(d, index, old_x, old_y, new_x, new_y) {\n\t\tlet type = this.unit_args.type;\n\n\t\td.svg_units.map((unit, i) => {\n\t\t\tif(new_x[i] === undefined || new_y[i] === undefined) return;\n\t\t\tthis.elements_to_animate.push(this.animate[type](\n\t\t\t\t{unit:unit, array:d.svg_units, index: i}, // unit, with info to replace where it came from in the data\n\t\t\t\tnew_x[i],\n\t\t\t\tnew_y[i],\n\t\t\t\tindex\n\t\t\t));\n\t\t});\n\t}\n\n\tcalc_old_and_new_postions(d, i) {\n\t\tlet old_x = this.x_old_axis_positions.slice();\n\t\tlet new_x = this.x_axis_positions.slice();\n\n\t\tlet old_y = this.old_y_axis_tops[i].slice();\n\t\tlet new_y = d.y_tops.slice();\n\n\t\tconst last_old_x_pos = old_x[old_x.length - 1];\n\t\tconst last_old_y_pos = old_y[old_y.length - 1];\n\n\t\tconst last_new_x_pos = new_x[new_x.length - 1];\n\t\tconst last_new_y_pos = new_y[new_y.length - 1];\n\n\t\tif(this.no_of_extra_pts >= 0) {\n\t\t\t// First substitute current path with a squiggled one (looking the same but\n\t\t\t// having more points at end),\n\t\t\t// then animate to stretch it later to new points\n\t\t\t// (new points already have more points)\n\n\t\t\t// Hence, the extra end points will correspond to current(old) positions\n\t\t\tlet filler_x = new Array(Math.abs(this.no_of_extra_pts)).fill(last_old_x_pos);\n\t\t\tlet filler_y = new Array(Math.abs(this.no_of_extra_pts)).fill(last_old_y_pos);\n\n\t\t\told_x = old_x.concat(filler_x);\n\t\t\told_y = old_y.concat(filler_y);\n\n\t\t} else {\n\t\t\t// Just modify the new points to have extra points\n\t\t\t// with the same position at end\n\t\t\tlet filler_x = new Array(Math.abs(this.no_of_extra_pts)).fill(last_new_x_pos);\n\t\t\tlet filler_y = new Array(Math.abs(this.no_of_extra_pts)).fill(last_new_y_pos);\n\n\t\t\tnew_x = new_x.concat(filler_x);\n\t\t\tnew_y = new_y.concat(filler_y);\n\t\t}\n\n\t\treturn [old_x, old_y, new_x, new_y];\n\t}\n\n\tmake_anim_x_axis(height, text_start_at, axis_line_class) {\n\t\t// Animate X AXIS to account for more or less axis lines\n\n\t\tconst old_pos = this.x_old_axis_positions;\n\t\tconst new_pos = this.x_axis_positions;\n\n\t\tconst old_vals = this.old_x_values;\n\t\tconst new_vals = this.x;\n\n\t\tconst last_line_pos = old_pos[old_pos.length - 1];\n\n\t\tlet add_and_animate_line = (value, old_pos, new_pos) => {\n\t\t\tif(typeof new_pos === 'string') {\n\t\t\t\tnew_pos = parseInt(new_pos.substring(0, new_pos.length-1));\n\t\t\t}\n\t\t\tconst x_line = this.make_x_line(\n\t\t\t\theight,\n\t\t\t\ttext_start_at,\n\t\t\t\tvalue, // new value\n\t\t\t\t'x-value-text',\n\t\t\t\taxis_line_class,\n\t\t\t\told_pos // old position\n\t\t\t);\n\t\t\tthis.x_axis_group.appendChild(x_line);\n\n\t\t\tthis.elements_to_animate && this.elements_to_animate.push([\n\t\t\t\t{unit: x_line, array: [0], index: 0},\n\t\t\t\t{transform: `${ new_pos }, 0`},\n\t\t\t\t350,\n\t\t\t\t\"easein\",\n\t\t\t\t\"translate\",\n\t\t\t\t{transform: `${ old_pos }, 0`}\n\t\t\t]);\n\t\t};\n\n\t\tthis.x_axis_group.textContent = '';\n\n\t\tthis.make_new_axis_anim_lines(\n\t\t\told_pos,\n\t\t\tnew_pos,\n\t\t\told_vals,\n\t\t\tnew_vals,\n\t\t\tlast_line_pos,\n\t\t\tadd_and_animate_line\n\t\t);\n\t}\n\n\tmake_anim_y_axis() {\n\t\t// Animate Y AXIS to account for more or less axis lines\n\n\t\tconst old_pos = this.y_old_axis_values.map(value =>\n\t\t\tthis.zero_line - value * this.multiplier);\n\t\tconst new_pos = this.y_axis_values.map(value =>\n\t\t\tthis.zero_line - value * this.multiplier);\n\n\t\tconst old_vals = this.y_old_axis_values;\n\t\tconst new_vals = this.y_axis_values;\n\n\t\tconst last_line_pos = old_pos[old_pos.length - 1];\n\n\t\tthis.y_axis_group.textContent = '';\n\n\t\tthis.make_new_axis_anim_lines(\n\t\t\told_pos,\n\t\t\tnew_pos,\n\t\t\told_vals,\n\t\t\tnew_vals,\n\t\t\tlast_line_pos,\n\t\t\tthis.add_and_animate_y_line.bind(this),\n\t\t\tthis.y_axis_group\n\t\t);\n\t}\n\n\tmake_anim_y_specifics() {\n\t\tthis.specific_y_group.textContent = '';\n\t\tthis.specific_values.map((d) => {\n\t\t\tthis.add_and_animate_y_line(\n\t\t\t\td.title,\n\t\t\t\tthis.old_zero_line - d.value * this.old_multiplier,\n\t\t\t\tthis.zero_line - d.value * this.multiplier,\n\t\t\t\t0,\n\t\t\t\tthis.specific_y_group,\n\t\t\t\td.line_type,\n\t\t\t\ttrue\n\t\t\t);\n\t\t});\n\t}\n\n\tmake_new_axis_anim_lines(old_pos, new_pos, old_vals, new_vals, last_line_pos, add_and_animate_line, group) {\n\t\tlet superimposed_positions, superimposed_values;\n\t\tlet no_of_extras = new_vals.length - old_vals.length;\n\t\tif(no_of_extras > 0) {\n\t\t\t// More axis are needed\n\t\t\t// First make only the superimposed (same position) ones\n\t\t\t// Add in the extras at the end later\n\t\t\tsuperimposed_positions = new_pos.slice(0, old_pos.length);\n\t\t\tsuperimposed_values = new_vals.slice(0, old_vals.length);\n\t\t} else {\n\t\t\t// Axis have to be reduced\n\t\t\t// Fake it by moving all current extra axis to the last position\n\t\t\t// You'll need filler positions and values in the new arrays\n\t\t\tconst filler_vals = new Array(Math.abs(no_of_extras)).fill(\"\");\n\t\t\tsuperimposed_values = new_vals.concat(filler_vals);\n\n\t\t\tconst filler_pos = new Array(Math.abs(no_of_extras)).fill(last_line_pos + \"F\");\n\t\t\tsuperimposed_positions = new_pos.concat(filler_pos);\n\t\t}\n\n\t\tsuperimposed_values.map((value, i) => {\n\t\t\tadd_and_animate_line(value, old_pos[i], superimposed_positions[i], i, group);\n\t\t});\n\n\t\tif(no_of_extras > 0) {\n\t\t\t// Add in extra axis in the end\n\t\t\t// and then animate to new positions\n\t\t\tconst extra_values = new_vals.slice(old_vals.length);\n\t\t\tconst extra_positions = new_pos.slice(old_pos.length);\n\n\t\t\textra_values.map((value, i) => {\n\t\t\t\tadd_and_animate_line(value, last_line_pos, extra_positions[i], i, group);\n\t\t\t});\n\t\t}\n\t}\n\n\tmake_x_line(height, text_start_at, point, label_class, axis_line_class, x_pos) {\n\t\tlet line = $.createSVG('line', {\n\t\t\tx1: 0,\n\t\t\tx2: 0,\n\t\t\ty1: 0,\n\t\t\ty2: height\n\t\t});\n\n\t\tlet text = $.createSVG('text', {\n\t\t\tclassName: label_class,\n\t\t\tx: 0,\n\t\t\ty: text_start_at,\n\t\t\tdy: '.71em',\n\t\t\tinnerHTML: point\n\t\t});\n\n\t\tlet x_level = $.createSVG('g', {\n\t\t\tclassName: `tick ${axis_line_class}`,\n\t\t\ttransform: `translate(${ x_pos }, 0)`\n\t\t});\n\n\t\tx_level.appendChild(line);\n\t\tx_level.appendChild(text);\n\n\t\treturn x_level;\n\t}\n\n\tmake_y_line(start_at, width, text_end_at, point, label_class, axis_line_class, y_pos, darker=false, line_type=\"\") {\n\t\tlet line = $.createSVG('line', {\n\t\t\tclassName: line_type === \"dashed\" ? \"dashed\": \"\",\n\t\t\tx1: start_at,\n\t\t\tx2: width,\n\t\t\ty1: 0,\n\t\t\ty2: 0\n\t\t});\n\n\t\tlet text = $.createSVG('text', {\n\t\t\tclassName: label_class,\n\t\t\tx: text_end_at,\n\t\t\ty: 0,\n\t\t\tdy: '.32em',\n\t\t\tinnerHTML: point+\"\"\n\t\t});\n\n\t\tlet y_level = $.createSVG('g', {\n\t\t\tclassName: `tick ${axis_line_class}`,\n\t\t\ttransform: `translate(0, ${y_pos})`,\n\t\t\t'stroke-opacity': 1\n\t\t});\n\n\t\tif(darker) {\n\t\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\n\t\t}\n\n\t\ty_level.appendChild(line);\n\t\ty_level.appendChild(text);\n\n\t\treturn y_level;\n\t}\n\n\tadd_and_animate_y_line(value, old_pos, new_pos, i, group, type, specific=false) {\n\t\tlet filler = false;\n\t\tif(typeof new_pos === 'string') {\n\t\t\tnew_pos = parseInt(new_pos.substring(0, new_pos.length-1));\n\t\t\tfiller = true;\n\t\t}\n\t\tlet new_props = {transform: `0, ${ new_pos }`};\n\t\tlet old_props = {transform: `0, ${ old_pos }`};\n\n\t\tif(filler) {\n\t\t\tnew_props['stroke-opacity'] = 0;\n\t\t\t// old_props['stroke-opacity'] = 1;\n\t\t}\n\n\t\tlet [width, text_end_at, axis_line_class, start_at] = this.get_y_axis_line_props(specific);\n\t\tlet axis_label_class = !specific ? 'y-value-text' : 'specific-value';\n\t\tvalue = !specific ? value : (value+\"\").toUpperCase();\n\t\tconst y_line = this.make_y_line(\n\t\t\tstart_at,\n\t\t\twidth,\n\t\t\ttext_end_at,\n\t\t\tvalue,\n\t\t\taxis_label_class,\n\t\t\taxis_line_class,\n\t\t\told_pos,  // old position\n\t\t\t(value === 0 && i !== 0), // Non-first Zero line\n\t\t\ttype\n\t\t);\n\n\t\tgroup.appendChild(y_line);\n\n\t\tthis.elements_to_animate && this.elements_to_animate.push([\n\t\t\t{unit: y_line, array: [0], index: 0},\n\t\t\tnew_props,\n\t\t\t350,\n\t\t\t\"easein\",\n\t\t\t\"translate\",\n\t\t\told_props\n\t\t]);\n\t}\n\n\tget_y_axis_points(array) {\n\t\t//*** Where the magic happens ***\n\n\t\t// Calculates best-fit y intervals from given values\n\t\t// and returns the interval array\n\n\t\t// TODO: Fractions\n\n\t\tlet max_bound, min_bound, pos_no_of_parts, neg_no_of_parts, part_size; // eslint-disable-line no-unused-vars\n\n\t\t// Critical values\n\t\tlet max_val = parseInt(Math.max(...array));\n\t\tlet min_val = parseInt(Math.min(...array));\n\t\tif(min_val >= 0) {\n\t\t\tmin_val = 0;\n\t\t}\n\n\t\tlet get_params = (value1, value2) => {\n\t\t\tlet bound1, bound2, no_of_parts_1, no_of_parts_2, interval_size;\n\t\t\tif((value1+\"\").length <= 1) {\n\t\t\t\t[bound1, no_of_parts_1] = [10, 5];\n\t\t\t} else {\n\t\t\t\t[bound1, no_of_parts_1] = this.calc_upper_bound_and_no_of_parts(value1);\n\t\t\t}\n\n\t\t\tinterval_size = bound1 / no_of_parts_1;\n\t\t\tno_of_parts_2 = this.calc_no_of_parts(value2, interval_size);\n\t\t\tbound2 = no_of_parts_2 * interval_size;\n\n\t\t\treturn [bound1, bound2, no_of_parts_1, no_of_parts_2, interval_size];\n\t\t};\n\n\t\tconst abs_min_val = min_val * -1;\n\t\tif(abs_min_val <= max_val) {\n\t\t\t// Get the positive region intervals\n\t\t\t// then calc negative ones accordingly\n\t\t\t[max_bound, min_bound, pos_no_of_parts, neg_no_of_parts, part_size]\n\t\t\t\t= get_params(max_val, abs_min_val);\n\t\t\tif(abs_min_val === 0) {\n\t\t\t\tmin_bound = 0; neg_no_of_parts = 0;\n\t\t\t}\n\t\t} else {\n\t\t\t// Get the negative region here first\n\t\t\t[min_bound, max_bound, neg_no_of_parts, pos_no_of_parts, part_size]\n\t\t\t\t= get_params(abs_min_val, max_val);\n\t\t}\n\n\t\t// Make both region parts even\n\t\tif(pos_no_of_parts % 2 !== 0 && neg_no_of_parts > 0) pos_no_of_parts++;\n\t\tif(neg_no_of_parts % 2 !== 0) {\n\t\t\t// every increase in no_of_parts entails an increase in corresponding bound\n\t\t\t// except here, it happens implicitly after every calc_no_of_parts() call\n\t\t\tneg_no_of_parts++;\n\t\t\tmin_bound += part_size;\n\t\t}\n\n\t\tlet no_of_parts = pos_no_of_parts + neg_no_of_parts;\n\t\tif(no_of_parts > 5) {\n\t\t\tno_of_parts /= 2;\n\t\t\tpart_size *= 2;\n\n\t\t\tpos_no_of_parts /=2;\n\t\t}\n\n\t\tif (max_val < (pos_no_of_parts - 1) * part_size) {\n\t\t\tno_of_parts--;\n\t\t}\n\n\t\treturn this.get_intervals(\n\t\t\t(-1) * min_bound,\n\t\t\tpart_size,\n\t\t\tno_of_parts\n\t\t);\n\t}\n\n\tget_intervals(start, interval_size, count) {\n\t\tlet intervals = [];\n\t\tfor(var i = 0; i <= count; i++){\n\t\t\tintervals.push(start);\n\t\t\tstart += interval_size;\n\t\t}\n\t\treturn intervals;\n\t}\n\n\tcalc_upper_bound_and_no_of_parts(max_val) {\n\t\t// Given a positive value, calculates a nice-number upper bound\n\t\t// and a consequent optimal number of parts\n\n\t\tconst part_size = Math.pow(10, ((max_val+\"\").length - 1));\n\t\tconst no_of_parts = this.calc_no_of_parts(max_val, part_size);\n\n\t\t// Use it to get a nice even upper bound\n\t\tconst upper_bound = part_size * no_of_parts;\n\n\t\treturn [upper_bound, no_of_parts];\n\t}\n\n\tcalc_no_of_parts(value, divisor) {\n\t\t// value should be a positive number, divisor should be greater than 0\n\t\t// returns an even no of parts\n\t\tlet no_of_parts = Math.ceil(value / divisor);\n\t\tif(no_of_parts % 2 !== 0) no_of_parts++; // Make it an even number\n\n\t\treturn no_of_parts;\n\t}\n\n\tget_optimal_no_of_parts(no_of_parts) {\n\t\t// aka Divide by 2 if too large\n\t\treturn (no_of_parts < 5) ? no_of_parts : no_of_parts / 2;\n\t}\n\n\tset_avg_unit_width_and_x_offset() {\n\t\t// Set the ... you get it\n\t\tthis.avg_unit_width = this.width/(this.x.length - 1);\n\t\tthis.x_offset = 0;\n\t}\n\n\tget_all_y_values() {\n\t\tlet all_values = [];\n\n\t\t// Add in all the y values in the datasets\n\t\tthis.y.map(d => {\n\t\t\tall_values = all_values.concat(d.values);\n\t\t});\n\n\t\t// Add in all the specific values\n\t\treturn all_values.concat(this.specific_values.map(d => d.value));\n\t}\n\n\tcalc_y_dependencies() {\n\t\tthis.y_min_tops = new Array(this.x_axis_positions.length).fill(9999);\n\t\tthis.y.map(d => {\n\t\t\td.y_tops = d.values.map( val => float_2(this.zero_line - val * this.multiplier));\n\t\t\td.y_tops.map( (y_top, i) => {\n\t\t\t\tif(y_top < this.y_min_tops[i]) {\n\t\t\t\t\tthis.y_min_tops[i] = y_top;\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t\t// this.chart_wrapper.removeChild(this.tip.container);\n\t\t// this.make_tooltip();\n\t}\n\n\tget_bar_height_and_y_attr(y_top) {\n\t\tlet height, y;\n\t\tif (y_top <= this.zero_line) {\n\t\t\theight = this.zero_line - y_top;\n\t\t\ty = y_top;\n\n\t\t\t// In case of invisible bars\n\t\t\tif(height === 0) {\n\t\t\t\theight = this.height * 0.01;\n\t\t\t\ty -= height;\n\t\t\t}\n\t\t} else {\n\t\t\theight = y_top - this.zero_line;\n\t\t\ty = this.zero_line;\n\n\t\t\t// In case of invisible bars\n\t\t\tif(height === 0) {\n\t\t\t\theight = this.height * 0.01;\n\t\t\t}\n\t\t}\n\n\t\treturn [height, y];\n\t}\n\n\tsetup_utils() {\n\t\tthis.draw = {\n\t\t\t'bar': (x, y_top, args, color, index, dataset_index, no_of_datasets) => {\n\t\t\t\tlet total_width = this.avg_unit_width - args.space_width;\n\t\t\t\tlet start_x = x - total_width/2;\n\n\t\t\t\tlet width = total_width / no_of_datasets;\n\t\t\t\tlet current_x = start_x + width * dataset_index;\n\n\t\t\t\tlet [height, y] = this.get_bar_height_and_y_attr(y_top);\n\n\t\t\t\treturn $.createSVG('rect', {\n\t\t\t\t\tclassName: `bar mini fill ${color}`,\n\t\t\t\t\t'data-point-index': index,\n\t\t\t\t\tx: current_x,\n\t\t\t\t\ty: y,\n\t\t\t\t\twidth: width,\n\t\t\t\t\theight: height\n\t\t\t\t});\n\n\t\t\t},\n\t\t\t'dot': (x, y, args, color, index) => {\n\t\t\t\treturn $.createSVG('circle', {\n\t\t\t\t\tclassName: `fill ${color}`,\n\t\t\t\t\t'data-point-index': index,\n\t\t\t\t\tcx: x,\n\t\t\t\t\tcy: y,\n\t\t\t\t\tr: args.radius\n\t\t\t\t});\n\t\t\t}\n\t\t};\n\n\t\tthis.animate = {\n\t\t\t'bar': (bar_obj, x, y_top, index) => {\n\t\t\t\tlet start = x - this.avg_unit_width/4;\n\t\t\t\tlet width = (this.avg_unit_width/2)/this.y.length;\n\t\t\t\tlet [height, y] = this.get_bar_height_and_y_attr(y_top);\n\n\t\t\t\tx = start + (width * index);\n\n\t\t\t\treturn [bar_obj, {width: width, height: height, x: x, y: y}, 350, \"easein\"];\n\t\t\t\t// bar.animate({height: args.new_height, y: y_top}, 350, mina.easein);\n\t\t\t},\n\t\t\t'dot': (dot_obj, x, y_top) => {\n\t\t\t\treturn [dot_obj, {cx: x, cy: y_top}, 350, \"easein\"];\n\t\t\t\t// dot.animate({cy: y_top}, 350, mina.easein);\n\t\t\t}\n\t\t};\n\t}\n}\n","import AxisChart from './AxisChart';\n\nexport default class BarChart extends AxisChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\n\t\tthis.type = 'bar';\n\t\tthis.x_axis_mode = args.x_axis_mode || 'tick';\n\t\tthis.y_axis_mode = args.y_axis_mode || 'span';\n\t\tthis.setup();\n\t}\n\n\tsetup_values() {\n\t\tsuper.setup_values();\n\t\tthis.x_offset = this.avg_unit_width;\n\t\tthis.unit_args = {\n\t\t\ttype: 'bar',\n\t\t\targs: {\n\t\t\t\tspace_width: this.avg_unit_width/2,\n\t\t\t}\n\t\t};\n\t}\n\n\tmake_overlay() {\n\t\t// Just make one out of the first element\n\t\tlet index = this.x.length - 1;\n\t\tlet unit = this.y[0].svg_units[index];\n\t\tthis.update_current_data_point(index);\n\n\t\tif(this.overlay) {\n\t\t\tthis.overlay.parentNode.removeChild(this.overlay);\n\t\t}\n\n\t\tthis.overlay = unit.cloneNode();\n\t\tthis.overlay.style.fill = '#000000';\n\t\tthis.overlay.style.opacity = '0.4';\n\t\tthis.draw_area.appendChild(this.overlay);\n\t}\n\n\tbind_overlay() {\n\t\t// on event, update overlay\n\t\tthis.parent.addEventListener('data-select', (e) => {\n\t\t\tthis.update_overlay(e.svg_unit);\n\t\t});\n\t}\n\n\tbind_units(units_array) {\n\t\tunits_array.map(unit => {\n\t\t\tunit.addEventListener('click', () => {\n\t\t\t\tlet index = unit.getAttribute('data-point-index');\n\t\t\t\tthis.update_current_data_point(index);\n\t\t\t});\n\t\t});\n\t}\n\n\tupdate_overlay(unit) {\n\t\tlet attributes = [];\n\t\tObject.keys(unit.attributes).map(index => {\n\t\t\tattributes.push(unit.attributes[index]);\n\t\t});\n\n\t\tattributes.filter(attr => attr.specified).map(attr => {\n\t\t\tthis.overlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\t}\n\n\ton_left_arrow() {\n\t\tthis.update_current_data_point(this.current_index - 1);\n\t}\n\n\ton_right_arrow() {\n\t\tthis.update_current_data_point(this.current_index + 1);\n\t}\n\n\tset_avg_unit_width_and_x_offset() {\n\t\tthis.avg_unit_width = this.width/(this.x.length + 1);\n\t\tthis.x_offset = this.avg_unit_width;\n\t}\n}\n","import AxisChart from './AxisChart';\nimport $ from '../helpers/dom';\n\nexport default class LineChart extends AxisChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\n\t\tthis.x_axis_mode = args.x_axis_mode || 'span';\n\t\tthis.y_axis_mode = args.y_axis_mode || 'span';\n\n\t\tif(args.hasOwnProperty('show_dots')) {\n\t\t\tthis.show_dots = args.show_dots;\n\t\t} else {\n\t\t\tthis.show_dots = 1;\n\t\t}\n\t\tthis.region_fill = args.region_fill;\n\n\t\tif(Object.getPrototypeOf(this) !== LineChart.prototype) {\n\t\t\treturn;\n\t\t}\n\t\tthis.dot_radius = args.dot_radius || 4;\n\t\tthis.heatline = args.heatline;\n\t\tthis.type = 'line';\n\n\t\tthis.setup();\n\t}\n\n\tsetup_graph_components() {\n\t\tthis.setup_path_groups();\n\t\tsuper.setup_graph_components();\n\t}\n\n\tsetup_path_groups() {\n\t\tthis.paths_groups = [];\n\t\tthis.y.map((d, i) => {\n\t\t\tthis.paths_groups[i] = $.createSVG('g', {\n\t\t\t\tclassName: 'path-group path-group-' + i,\n\t\t\t\tinside: this.draw_area\n\t\t\t});\n\t\t});\n\t}\n\n\tsetup_values() {\n\t\tsuper.setup_values();\n\t\tthis.unit_args = {\n\t\t\ttype: 'dot',\n\t\t\targs: { radius: this.dot_radius }\n\t\t};\n\t}\n\n\tmake_new_units_for_dataset(x_values, y_values, color, dataset_index,\n\t\tno_of_datasets, units_group, units_array, unit) {\n\t\tif(this.show_dots) {\n\t\t\tsuper.make_new_units_for_dataset(x_values, y_values, color, dataset_index,\n\t\t\t\tno_of_datasets, units_group, units_array, unit);\n\t\t}\n\t}\n\n\tmake_paths() {\n\t\tthis.y.map((d, i) => {\n\t\t\tthis.make_path(d, i, this.x_axis_positions, d.y_tops, d.color || this.colors[i]);\n\t\t});\n\t}\n\n\tmake_path(d, i, x_positions, y_positions, color) {\n\t\tlet points_list = y_positions.map((y, i) => (x_positions[i] + ',' + y));\n\t\tlet points_str = points_list.join(\"L\");\n\n\t\tthis.paths_groups[i].textContent = '';\n\n\t\td.path = $.createSVG('path', {\n\t\t\tinside: this.paths_groups[i],\n\t\t\tclassName: `stroke ${color}`,\n\t\t\td: \"M\"+points_str\n\t\t});\n\n\t\tif(this.heatline) {\n\t\t\tlet gradient_id = this.make_gradient(color);\n\t\t\td.path.style.stroke = `url(#${gradient_id})`;\n\t\t}\n\n\t\tif(this.region_fill) {\n\t\t\tthis.fill_region_for_dataset(d, i, color, points_str);\n\t\t}\n\t}\n\n\tfill_region_for_dataset(d, i, color, points_str) {\n\t\tlet gradient_id = this.make_gradient(color, true);\n\n\t\td.region_path = $.createSVG('path', {\n\t\t\tinside: this.paths_groups[i],\n\t\t\tclassName: `region-fill`,\n\t\t\td: \"M\" + `0,${this.zero_line}L` + points_str + `L${this.width},${this.zero_line}`,\n\t\t});\n\n\t\td.region_path.style.stroke = \"none\";\n\t\td.region_path.style.fill = `url(#${gradient_id})`;\n\t}\n\n\tmake_gradient(color, lighter = false) {\n\t\tlet gradient_id ='path-fill-gradient' + '-' + color;\n\n\t\tlet gradient_def = $.createSVG('linearGradient', {\n\t\t\tinside: this.svg_defs,\n\t\t\tid: gradient_id,\n\t\t\tx1: 0,\n\t\t\tx2: 0,\n\t\t\ty1: 0,\n\t\t\ty2: 1\n\t\t});\n\n\t\tlet set_gradient_stop = (grad_elem, offset, color, opacity) => {\n\t\t\t$.createSVG('stop', {\n\t\t\t\t'className': 'stop-color ' + color,\n\t\t\t\t'inside': grad_elem,\n\t\t\t\t'offset': offset,\n\t\t\t\t'stop-opacity': opacity\n\t\t\t});\n\t\t};\n\n\t\tlet opacities = [1, 0.6, 0.2];\n\n\t\tif(lighter) {\n\t\t\topacities = [0.4, 0.2, 0];\n\t\t}\n\n\t\tset_gradient_stop(gradient_def, \"0%\", color, opacities[0]);\n\t\tset_gradient_stop(gradient_def, \"50%\", color, opacities[1]);\n\t\tset_gradient_stop(gradient_def, \"100%\", color, opacities[2]);\n\n\t\treturn gradient_id;\n\t}\n}\n","import LineChart from './LineChart';\n\nexport default class ScatterChart extends LineChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\n\t\tthis.type = 'scatter';\n\n\t\tif(!args.dot_radius) {\n\t\t\tthis.dot_radius = 8;\n\t\t} else {\n\t\t\tthis.dot_radius = args.dot_radius;\n\t\t}\n\n\t\tthis.setup();\n\t}\n\n\tsetup_graph_components() {\n\t\tthis.setup_path_groups();\n\t\tsuper.setup_graph_components();\n\t}\n\n\tsetup_path_groups() {}\n\n\tsetup_values() {\n\t\tsuper.setup_values();\n\t\tthis.unit_args = {\n\t\t\ttype: 'dot',\n\t\t\targs: { radius: this.dot_radius }\n\t\t};\n\t}\n\n\tmake_paths() {}\n\tmake_path() {}\n}\n","import BaseChart from './BaseChart';\nimport $ from '../helpers/dom';\n\nexport default class PercentageChart extends BaseChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\t\tthis.type = 'percentage';\n\n\t\tthis.get_y_label = this.format_lambdas.y_label;\n\t\tthis.get_x_tooltip = this.format_lambdas.x_tooltip;\n\t\tthis.get_y_tooltip = this.format_lambdas.y_tooltip;\n\n\t\tthis.max_slices = 10;\n\t\tthis.max_legend_points = 6;\n\n\t\tthis.colors = args.colors;\n\n\t\tif(!this.colors || this.colors.length < this.data.labels.length) {\n\t\t\tthis.colors = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t\t\t\t'yellow', 'green', 'light-green', 'purple', 'magenta'];\n\t\t}\n\n\t\tthis.setup();\n\t}\n\n\tmake_chart_area() {\n\t\tthis.chart_wrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.chart_wrapper.style.marginTop = '45px';\n\n\t\tthis.stats_wrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.stats_wrapper.style.marginBottom = '30px';\n\t\tthis.stats_wrapper.style.paddingTop = '0px';\n\t}\n\n\tmake_draw_area() {\n\t\tthis.chart_div = $.create('div', {\n\t\t\tclassName: 'div',\n\t\t\tinside: this.chart_wrapper\n\t\t});\n\n\t\tthis.chart = $.create('div', {\n\t\t\tclassName: 'progress-chart',\n\t\t\tinside: this.chart_div\n\t\t});\n\t}\n\n\tsetup_components() {\n\t\tthis.percentage_bar = $.create('div', {\n\t\t\tclassName: 'progress',\n\t\t\tinside: this.chart\n\t\t});\n\t}\n\n\tsetup_values() {\n\t\tthis.slice_totals = [];\n\t\tlet all_totals = this.data.labels.map((d, i) => {\n\t\t\tlet total = 0;\n\t\t\tthis.data.datasets.map(e => {\n\t\t\t\ttotal += e.values[i];\n\t\t\t});\n\t\t\treturn [total, d];\n\t\t}).filter(d => { return d[0] > 0; }); // keep only positive results\n\n\t\tlet totals = all_totals;\n\n\t\tif(all_totals.length > this.max_slices) {\n\t\t\tall_totals.sort((a, b) => { return b[0] - a[0]; });\n\n\t\t\ttotals = all_totals.slice(0, this.max_slices-1);\n\t\t\tlet others = all_totals.slice(this.max_slices-1);\n\n\t\t\tlet sum_of_others = 0;\n\t\t\tothers.map(d => {sum_of_others += d[0];});\n\n\t\t\ttotals.push([sum_of_others, 'Rest']);\n\n\t\t\tthis.colors[this.max_slices-1] = 'grey';\n\t\t}\n\n\t\tthis.labels = [];\n\t\ttotals.map(d => {\n\t\t\tthis.slice_totals.push(d[0]);\n\t\t\tthis.labels.push(d[1]);\n\t\t});\n\n\t\tthis.legend_totals = this.slice_totals.slice(0, this.max_legend_points);\n\t}\n\n\tsetup_utils() { }\n\n\tmake_graph_components() {\n\t\tthis.grand_total = this.slice_totals.reduce((a, b) => a + b, 0);\n\t\tthis.slices = [];\n\t\tthis.slice_totals.map((total, i) => {\n\t\t\tlet slice = $.create('div', {\n\t\t\t\tclassName: `progress-bar background ${this.colors[i]}`,\n\t\t\t\tinside: this.percentage_bar,\n\t\t\t\tstyles: {\n\t\t\t\t\twidth: total*100/this.grand_total + \"%\"\n\t\t\t\t}\n\t\t\t});\n\t\t\tthis.slices.push(slice);\n\t\t});\n\t}\n\n\tbind_tooltip() {\n\t\tthis.slices.map((slice, i) => {\n\t\t\tslice.addEventListener('mouseenter', () => {\n\t\t\t\tlet g_off = $.offset(this.chart_wrapper), p_off = $.offset(slice);\n\n\t\t\t\tlet x = p_off.left - g_off.left + slice.offsetWidth/2;\n\t\t\t\tlet y = p_off.top - g_off.top - 6;\n\t\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length>0\n\t\t\t\t\t? this.formatted_labels[i] : this.labels[i]) + ': ';\n\t\t\t\tlet percent = (this.slice_totals[i]*100/this.grand_total).toFixed(1);\n\n\t\t\t\tthis.tip.set_values(x, y, title, percent + \"%\");\n\t\t\t\tthis.tip.show_tip();\n\t\t\t});\n\t\t});\n\t}\n\n\tshow_summary() {\n\t\tlet x_values = this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t? this.formatted_labels : this.labels;\n\t\tthis.legend_totals.map((d, i) => {\n\t\t\tif(d) {\n\t\t\t\tlet stats = $.create('div', {\n\t\t\t\t\tclassName: 'stats',\n\t\t\t\t\tinside: this.stats_wrapper\n\t\t\t\t});\n\t\t\t\tstats.innerHTML = `<span class=\"indicator ${this.colors[i]}\">\n\t\t\t\t\t<span class=\"text-muted\">${x_values[i]}:</span>\n\t\t\t\t\t${d}\n\t\t\t\t</span>`;\n\t\t\t}\n\t\t});\n\t}\n}\n","import BaseChart from './BaseChart';\nimport $ from '../helpers/dom';\n\nexport default class Heatmap extends BaseChart {\n\tconstructor({\n\t\tstart = '',\n\t\tdomain = '',\n\t\tsubdomain = '',\n\t\tdata = {},\n\t\tdiscrete_domains = 0,\n\t\tcount_label = ''\n\t}) {\n\t\tsuper(arguments[0]);\n\n\t\tthis.type = 'heatmap';\n\n\t\tthis.domain = domain;\n\t\tthis.subdomain = subdomain;\n\t\tthis.data = data;\n\t\tthis.discrete_domains = discrete_domains;\n\t\tthis.count_label = count_label;\n\n\t\tlet today = new Date();\n\t\tthis.start = start || this.add_days(today, 365);\n\n\t\tthis.legend_colors = ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\n\n\t\tthis.translate_x = 0;\n\t\tthis.setup();\n\t}\n\n\tsetup_base_values() {\n\t\tthis.today = new Date();\n\n\t\tif(!this.start) {\n\t\t\tthis.start = new Date();\n\t\t\tthis.start.setFullYear( this.start.getFullYear() - 1 );\n\t\t}\n\t\tthis.first_week_start = new Date(this.start.toDateString());\n\t\tthis.last_week_start = new Date(this.today.toDateString());\n\t\tif(this.first_week_start.getDay() !== 7) {\n\t\t\tthis.add_days(this.first_week_start, (-1) * this.first_week_start.getDay());\n\t\t}\n\t\tif(this.last_week_start.getDay() !== 7) {\n\t\t\tthis.add_days(this.last_week_start, (-1) * this.last_week_start.getDay());\n\t\t}\n\t\tthis.no_of_cols = this.get_weeks_between(this.first_week_start + '', this.last_week_start + '') + 1;\n\t}\n\n\tset_width() {\n\t\tthis.base_width = (this.no_of_cols) * 12;\n\n\t\tif(this.discrete_domains) {\n\t\t\tthis.base_width += (12 * 12);\n\t\t}\n\t}\n\n\tsetup_components() {\n\t\tthis.domain_label_group = $.createSVG(\"g\", {\n\t\t\tclassName: \"domain-label-group chart-label\",\n\t\t\tinside: this.draw_area\n\t\t});\n\t\tthis.data_groups = $.createSVG(\"g\", {\n\t\t\tclassName: \"data-groups\",\n\t\t\tinside: this.draw_area,\n\t\t\ttransform: `translate(0, 20)`\n\t\t});\n\t}\n\n\tsetup_values() {\n\t\tthis.domain_label_group.textContent = '';\n\t\tthis.data_groups.textContent = '';\n\t\tthis.distribution = this.get_distribution(this.data, this.legend_colors);\n\t\tthis.month_names = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n\t\t\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"\n\t\t];\n\n\t\tthis.render_all_weeks_and_store_x_values(this.no_of_cols);\n\t}\n\n\trender_all_weeks_and_store_x_values(no_of_weeks) {\n\t\tlet current_week_sunday = new Date(this.first_week_start);\n\t\tthis.week_col = 0;\n\t\tthis.current_month = current_week_sunday.getMonth();\n\n\t\tthis.months = [this.current_month + ''];\n\t\tthis.month_weeks = {}, this.month_start_points = [];\n\t\tthis.month_weeks[this.current_month] = 0;\n\t\tthis.month_start_points.push(13);\n\n\t\tfor(var i = 0; i < no_of_weeks; i++) {\n\t\t\tlet data_group, month_change = 0;\n\t\t\tlet day = new Date(current_week_sunday);\n\n\t\t\t[data_group, month_change] = this.get_week_squares_group(day, this.week_col);\n\t\t\tthis.data_groups.appendChild(data_group);\n\t\t\tthis.week_col += 1 + parseInt(this.discrete_domains && month_change);\n\t\t\tthis.month_weeks[this.current_month]++;\n\t\t\tif(month_change) {\n\t\t\t\tthis.current_month = (this.current_month + 1) % 12;\n\t\t\t\tthis.months.push(this.current_month + '');\n\t\t\t\tthis.month_weeks[this.current_month] = 1;\n\t\t\t}\n\t\t\tthis.add_days(current_week_sunday, 7);\n\t\t}\n\t\tthis.render_month_labels();\n\t}\n\n\tget_week_squares_group(current_date, index) {\n\t\tconst no_of_weekdays = 7;\n\t\tconst square_side = 10;\n\t\tconst cell_padding = 2;\n\t\tconst step = 1;\n\n\t\tlet month_change = 0;\n\t\tlet week_col_change = 0;\n\n\t\tlet data_group = $.createSVG(\"g\", {\n\t\t\tclassName: \"data-group\",\n\t\t\tinside: this.data_groups\n\t\t});\n\n\t\tfor(var y = 0, i = 0; i < no_of_weekdays; i += step, y += (square_side + cell_padding)) {\n\t\t\tlet data_value = 0;\n\t\t\tlet color_index = 0;\n\n\t\t\tlet current_timestamp = current_date.getTime()/1000;\n\t\t\tlet timestamp = Math.floor(current_timestamp - (current_timestamp % 86400)).toFixed(1);\n\n\t\t\tif(this.data[timestamp]) {\n\t\t\t\tdata_value = this.data[timestamp];\n\t\t\t\tcolor_index = this.get_max_checkpoint(data_value, this.distribution);\n\t\t\t}\n\n\t\t\tif(this.data[Math.round(timestamp)]) {\n\t\t\t\tdata_value = this.data[Math.round(timestamp)];\n\t\t\t\tcolor_index = this.get_max_checkpoint(data_value, this.distribution);\n\t\t\t}\n\n\t\t\tlet x = 13 + (index + week_col_change) * 12;\n\n\t\t\t$.createSVG(\"rect\", {\n\t\t\t\tclassName: 'day',\n\t\t\t\tinside: data_group,\n\t\t\t\tx: x,\n\t\t\t\ty: y,\n\t\t\t\twidth: square_side,\n\t\t\t\theight: square_side,\n\t\t\t\tfill:  this.legend_colors[color_index],\n\t\t\t\t'data-date': this.get_dd_mm_yyyy(current_date),\n\t\t\t\t'data-value': data_value,\n\t\t\t\t'data-day': current_date.getDay()\n\t\t\t});\n\n\t\t\tlet next_date = new Date(current_date);\n\t\t\tthis.add_days(next_date, 1);\n\t\t\tif(next_date.getMonth() - current_date.getMonth()) {\n\t\t\t\tmonth_change = 1;\n\t\t\t\tif(this.discrete_domains) {\n\t\t\t\t\tweek_col_change = 1;\n\t\t\t\t}\n\n\t\t\t\tthis.month_start_points.push(13 + (index + week_col_change) * 12);\n\t\t\t}\n\t\t\tcurrent_date = next_date;\n\t\t}\n\n\t\treturn [data_group, month_change];\n\t}\n\n\trender_month_labels() {\n\t\t// this.first_month_label = 1;\n\t\t// if (this.first_week_start.getDate() > 8) {\n\t\t// \tthis.first_month_label = 0;\n\t\t// }\n\t\t// this.last_month_label = 1;\n\n\t\t// let first_month = this.months.shift();\n\t\t// let first_month_start = this.month_start_points.shift();\n\t\t// render first month if\n\n\t\t// let last_month = this.months.pop();\n\t\t// let last_month_start = this.month_start_points.pop();\n\t\t// render last month if\n\n\t\tthis.months.shift();\n\t\tthis.month_start_points.shift();\n\t\tthis.months.pop();\n\t\tthis.month_start_points.pop();\n\n\t\tthis.month_start_points.map((start, i) => {\n\t\t\tlet month_name =  this.month_names[this.months[i]].substring(0, 3);\n\n\t\t\t$.createSVG('text', {\n\t\t\t\tclassName: 'y-value-text',\n\t\t\t\tinside: this.domain_label_group,\n\t\t\t\tx: start + 12,\n\t\t\t\ty: 10,\n\t\t\t\tdy: '.32em',\n\t\t\t\tinnerHTML: month_name\n\t\t\t});\n\n\t\t});\n\t}\n\n\tmake_graph_components() {\n\t\tArray.prototype.slice.call(\n\t\t\tthis.container.querySelectorAll('.graph-stats-container, .sub-title, .title')\n\t\t).map(d => {\n\t\t\td.style.display = 'None';\n\t\t});\n\t\tthis.chart_wrapper.style.marginTop = '0px';\n\t\tthis.chart_wrapper.style.paddingTop = '0px';\n\t}\n\n\tbind_tooltip() {\n\t\tArray.prototype.slice.call(\n\t\t\tdocument.querySelectorAll(\".data-group .day\")\n\t\t).map(el => {\n\t\t\tel.addEventListener('mouseenter', (e) => {\n\t\t\t\tlet count = e.target.getAttribute('data-value');\n\t\t\t\tlet date_parts = e.target.getAttribute('data-date').split('-');\n\n\t\t\t\tlet month = this.month_names[parseInt(date_parts[1])-1].substring(0, 3);\n\n\t\t\t\tlet g_off = this.chart_wrapper.getBoundingClientRect(), p_off = e.target.getBoundingClientRect();\n\n\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\tlet x = p_off.left - g_off.left + (width+2)/2;\n\t\t\t\tlet y = p_off.top - g_off.top - (width+2)/2;\n\t\t\t\tlet value = count + ' ' + this.count_label;\n\t\t\t\tlet name = ' on ' + month + ' ' + date_parts[0] + ', ' + date_parts[2];\n\n\t\t\t\tthis.tip.set_values(x, y, name, value, [], 1);\n\t\t\t\tthis.tip.show_tip();\n\t\t\t});\n\t\t});\n\t}\n\n\tupdate(data) {\n\t\tthis.data = data;\n\t\tthis.setup_values();\n\t\tthis.bind_tooltip();\n\t}\n\n\tget_distribution(data={}, mapper_array) {\n\t\tlet data_values = Object.keys(data).map(key => data[key]);\n\t\tlet data_max_value = Math.max(...data_values);\n\n\t\tlet distribution_step = 1 / (mapper_array.length - 1);\n\t\tlet distribution = [];\n\n\t\tmapper_array.map((color, i) => {\n\t\t\tlet checkpoint = data_max_value * (distribution_step * i);\n\t\t\tdistribution.push(checkpoint);\n\t\t});\n\n\t\treturn distribution;\n\t}\n\n\tget_max_checkpoint(value, distribution) {\n\t\treturn distribution.filter((d, i) => {\n\t\t\tif(i === 1) {\n\t\t\t\treturn distribution[0] < value;\n\t\t\t}\n\t\t\treturn d <= value;\n\t\t}).length - 1;\n\t}\n\n\t// TODO: date utils, move these out\n\n\t// https://stackoverflow.com/a/11252167/6495043\n\ttreat_as_utc(date_str) {\n\t\tlet result = new Date(date_str);\n\t\tresult.setMinutes(result.getMinutes() - result.getTimezoneOffset());\n\t\treturn result;\n\t}\n\n\tget_dd_mm_yyyy(date) {\n\t\tlet dd = date.getDate();\n\t\tlet mm = date.getMonth() + 1; // getMonth() is zero-based\n\t\treturn [\n\t\t\t(dd>9 ? '' : '0') + dd,\n\t\t\t(mm>9 ? '' : '0') + mm,\n\t\t\tdate.getFullYear()\n\t\t].join('-');\n\t}\n\n\tget_weeks_between(start_date_str, end_date_str) {\n\t\treturn Math.ceil(this.get_days_between(start_date_str, end_date_str) / 7);\n\t}\n\n\tget_days_between(start_date_str, end_date_str) {\n\t\tlet milliseconds_per_day = 24 * 60 * 60 * 1000;\n\t\treturn (this.treat_as_utc(end_date_str) - this.treat_as_utc(start_date_str)) / milliseconds_per_day;\n\t}\n\n\t// mutates\n\tadd_days(date, number_of_days) {\n\t\tdate.setDate(date.getDate() + number_of_days);\n\t}\n\n\tget_month_name() {}\n}\n"],"names":["expr","con","document","querySelector","float_2","d","parseFloat","toFixed","arrays_equal","arr1","arr2","length","are_equal","map","i","getChartByType","chartType","options","chartTypes","LineChart","$","findNodeIndex","node","previousSibling","create","tag","o","element","createElement","val","appendChild","ref","parentNode","insertBefore","keys","style","prop","setAttribute","createSVG","createElementNS","runSVGAnimation","svg_container","elements","new_elements","anim_elements","obj","parent","unit","anim_element","new_element","animateSVG","push","replaceChild","array","index","object","key","anim_svg","cloneNode","props","dur","easing_type","type","undefined","old_values","easing","attributeName","animate_element","current_value","getAttribute","value","anim_attr","offset","rect","getBoundingClientRect","top","documentElement","scrollTop","body","left","scrollLeft","isElementInViewport","el","bottom","window","innerHeight","clientHeight","right","innerWidth","clientWidth","bind","event","callback","split","forEach","addEventListener","unbind","removeEventListener","fire","target","properties","evt","createEvent","initEvent","j","dispatchEvent","SvgTip","title_name","title_value","list_values","title_value_first","x","y","setup","make_tooltip","fill","calc_position","container","this","hide_tip","title","data_point_list","innerHTML","set","li","color","offsetHeight","offsetWidth","max_left","pointer","delta","refresh","opacity","BaseChart","height","subtitle","format_lambdas","summary","is_navigable","has_legend","data","raw_chart_args","arguments","specific_values","current_index","chart_types","set_margins","includes","error","Chart","base_height","translate_x","translate_y","bind_window_events","_this","init","setup_base_values","set_width","setup_container","setup_components","setup_values","setup_utils","make_graph_components","show_custom_summary","show_summary","setup_navigation","special_values_width","_this2","get_strwidth","base_width","width","chart_wrapper","stats_wrapper","make_chart_area","make_draw_area","svg","svg_defs","draw_area","tip","bind_tooltip","stats","make_overlay","bind_overlay","e","_this4","keyCode","on_left_arrow","on_right_arrow","on_up_arrow","on_down_arrow","on_enter_key","data_point","data_key","slice","label","parseInt","get_data_point","string","AxisChart","args","labels","datasets","is_series","get_y_label","y_label","get_y_tooltip","y_tooltip","get_x_tooltip","x_tooltip","colors","zero_line","values","isNaN","setup_x","setup_y","set_avg_unit_width_and_x_offset","x_axis_positions","x_old_axis_positions","x_offset","avg_unit_width","y_axis_values","y_old_axis_values","get_all_y_values","y_sums","concat","get_y_axis_points","y_pts","value_range","multiplier","old_multiplier","zero_index","indexOf","interval_height","old_zero_line","setup_marker_components","setup_aggregation_components","setup_graph_components","y_axis_group","className","inside","x_axis_group","specific_y_group","sum_group","average_group","svg_units_groups","_this3","make_y_axis","make_x_axis","draw_graph","make_y_specifics","animate","start_at","text_start_at","axis_line_class","x_axis_mode","make_anim_x_axis","allowed_space","allowed_letters","textContent","point","space_taken","skips","make_x_line","make_anim_y_axis","make_anim_y_specifics","get_y_axis_line_props","text_end_at","_this5","make_y_line","y_axis_mode","hasOwnProperty","draw_new_graph_and_animate","svg_units","make_path","_this6","y_tops","make_new_units","calc_y_dependencies","Array","_this7","update_values","make_new_units_for_dataset","x_values","y_values","dataset_index","no_of_datasets","units_group","units_array","unit_args","data_unit","_this9","draw","bind_units","_this10","toUpperCase","line_type","_this11","relX","pageX","pageY","map_tooltip_x_position_and_show","y_min_tops","x_val","formatted","_this12","set_values","show_tip","updating","sum_units","_this13","old_specific_values","sum","average","indices_to_remove","auto","unshift","splice","new_y","new_x","elements_to_animate","old_x_values","old_y_axis_tops","old_y_values","no_of_extra_pts","_this16","animate_graphs","run_animation","y_point","x_point","data_set","removeChild","_this17","_this18","calc_old_and_new_postions","old_x","old_y","path","animate_path","animate_units","new_path_str","join","path_args","region_path","reg_start_pt","reg_end_pt","region_args","_this19","last_old_x_pos","last_old_y_pos","last_new_x_pos","last_new_y_pos","filler_x","Math","abs","filler_y","old_pos","new_pos","old_vals","new_vals","last_line_pos","make_new_axis_anim_lines","substring","x_line","_this20","transform","_this21","add_and_animate_y_line","_this22","add_and_animate_line","group","superimposed_positions","superimposed_values","no_of_extras","filler_vals","filler_pos","extra_values","extra_positions","label_class","x_pos","line","text","x_level","y_pos","darker","y_level","stroke","specific","filler","new_props","old_props","axis_label_class","y_line","min_bound","pos_no_of_parts","neg_no_of_parts","part_size","max_val","max","min_val","min","get_params","value1","value2","bound1","bound2","no_of_parts_1","no_of_parts_2","interval_size","_this23","calc_upper_bound_and_no_of_parts","calc_no_of_parts","abs_min_val","no_of_parts","get_intervals","start","count","intervals","pow","divisor","ceil","all_values","_this24","y_top","total_width","_this25","space_width","current_x","get_bar_height_and_y_attr","radius","bar_obj","dot_obj","cx","cy","BarChart","update_current_data_point","overlay","update_overlay","svg_unit","attributes","filter","attr","specified","name","nodeValue","show_dots","region_fill","Object","getPrototypeOf","prototype","dot_radius","heatline","setup_path_groups","paths_groups","x_positions","y_positions","points_str","gradient_id","make_gradient","fill_region_for_dataset","lighter","gradient_def","set_gradient_stop","grad_elem","opacities","ScatterChart","PercentageChart","max_slices","max_legend_points","marginTop","marginBottom","paddingTop","chart_div","chart","percentage_bar","slice_totals","all_totals","total","totals","sort","a","b","sum_of_others","legend_totals","grand_total","reduce","slices","g_off","p_off","formatted_labels","percent","Heatmap","domain","subdomain","discrete_domains","count_label","today","Date","add_days","legend_colors","setFullYear","getFullYear","first_week_start","toDateString","last_week_start","getDay","no_of_cols","get_weeks_between","domain_label_group","data_groups","distribution","get_distribution","month_names","render_all_weeks_and_store_x_values","no_of_weeks","current_week_sunday","week_col","current_month","getMonth","months","month_weeks","month_start_points","data_group","month_change","day","get_week_squares_group","render_month_labels","current_date","week_col_change","square_side","data_value","color_index","current_timestamp","getTime","timestamp","floor","get_max_checkpoint","round","get_dd_mm_yyyy","next_date","shift","pop","month_name","call","querySelectorAll","display","date_parts","month","mapper_array","data_values","data_max_value","distribution_step","checkpoint","date_str","result","setMinutes","getMinutes","getTimezoneOffset","date","dd","getDate","mm","start_date_str","end_date_str","get_days_between","treat_as_utc","number_of_days","setDate"],"mappings":"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"}
\ No newline at end of file
+{"version":3,"file":"frappe-charts.min.js","sources":["../src/scripts/helpers/dom.js","../src/scripts/helpers/utils.js","../src/scripts/charts.js","../src/scripts/objects/SvgTip.js","../src/scripts/charts/BaseChart.js","../src/scripts/charts/AxisChart.js","../src/scripts/charts/BarChart.js","../src/scripts/charts/LineChart.js","../src/scripts/charts/ScatterChart.js","../src/scripts/charts/PercentageChart.js","../src/scripts/charts/Heatmap.js"],"sourcesContent":["export default function $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\n$.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\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\n$.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\t\t}\n\t\telse {\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\n$.runSVGAnimation = (svg_container, elements) => {\n\t// let parent = elements[0][0]['unit'].parentNode;\n\n\tlet new_elements = [];\n\tlet anim_elements = [];\n\n\telements.map(element => {\n\t\tlet obj = element[0];\n\t\tlet parent = obj.unit.parentNode;\n\t\t// let index = let findNodeIndex(obj.unit);\n\n\t\tlet anim_element, new_element;\n\n\t\telement[0] = obj.unit;\n\n\t\t[anim_element, new_element] = $.animateSVG(...element);\n\n\t\tnew_elements.push(new_element);\n\t\tanim_elements.push([anim_element, parent]);\n\n\t\tparent.replaceChild(anim_element, obj.unit);\n\n\t\tif(obj.array) {\n\t\t\tobj.array[obj.index] = new_element;\n\t\t} else {\n\t\t\tobj.object[obj.key] = new_element;\n\t\t}\n\t});\n\n\tlet anim_svg = svg_container.cloneNode(true);\n\n\tanim_elements.map((anim_element, i) => {\n\t\tanim_element[1].replaceChild(new_elements[i], anim_element[0]);\n\t\telements[i][0] = new_elements[i];\n\t});\n\n\treturn anim_svg;\n};\n\n$.animateSVG = (element, props, dur, easing_type=\"linear\", type=undefined, old_values={}) => {\n\tlet easing = {\n\t\tease: \"0.25 0.1 0.25 1\",\n\t\tlinear: \"0 0 1 1\",\n\t\t// easein: \"0.42 0 1 1\",\n\t\teasein: \"0.1 0.8 0.2 1\",\n\t\teaseout: \"0 0 0.58 1\",\n\t\teaseinout: \"0.42 0 0.58 1\"\n\t};\n\n\tlet anim_element = element.cloneNode(true);\n\tlet new_element = element.cloneNode(true);\n\n\tfor(var attributeName in props) {\n\t\tlet animate_element;\n\t\tif(attributeName === 'transform') {\n\t\t\tanimate_element = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animateTransform\");\n\t\t} else {\n\t\t\tanimate_element = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animate\");\n\t\t}\n\t\tlet current_value = old_values[attributeName] || element.getAttribute(attributeName);\n\t\tlet value = props[attributeName];\n\n\t\tlet anim_attr = {\n\t\t\tattributeName: attributeName,\n\t\t\tfrom: current_value,\n\t\t\tto: value,\n\t\t\tbegin: \"0s\",\n\t\t\tdur: dur/1000 + \"s\",\n\t\t\tvalues: current_value + \";\" + value,\n\t\t\tkeySplines: easing[easing_type],\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\tanim_attr[\"type\"] = type;\n\t\t}\n\n\t\tfor (var i in anim_attr) {\n\t\t\tanimate_element.setAttribute(i, anim_attr[i]);\n\t\t}\n\n\t\tanim_element.appendChild(animate_element);\n\n\t\tif(type) {\n\t\t\tnew_element.setAttribute(attributeName, `translate(${value})`);\n\t\t} else {\n\t\t\tnew_element.setAttribute(attributeName, value);\n\t\t}\n\t}\n\n\treturn [anim_element, new_element];\n};\n\n$.offset = (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\n$.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\n$.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\n$.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\n$.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","export function float_2(d) {\n\treturn parseFloat(d.toFixed(2));\n}\n\nexport function arrays_equal(arr1, arr2) {\n\tif(arr1.length !== arr2.length) return false;\n\tlet are_equal = true;\n\tarr1.map((d, i) => {\n\t\tif(arr2[i] !== d) are_equal = false;\n\t});\n\treturn are_equal;\n}\n\nexport function shuffle(array) {\n\t// https://stackoverflow.com/a/2450976/6495043\n\t// Awesomeness: https://bost.ocks.org/mike/shuffle/\n\n\tvar currentIndex = array.length, temporaryValue, randomIndex;\n\n\t// While there remain elements to shuffle...\n\twhile (0 !== currentIndex) {\n\n\t\t// Pick a remaining element...\n\t\trandomIndex = Math.floor(Math.random() * currentIndex);\n\t\tcurrentIndex -= 1;\n\n\t\t// And swap it with the current element.\n\t\ttemporaryValue = array[currentIndex];\n\t\tarray[currentIndex] = array[randomIndex];\n\t\tarray[randomIndex] = temporaryValue;\n\t}\n\n\treturn array;\n}\n","import '../styles/charts.less';\n\nimport BarChart from './charts/BarChart';\nimport LineChart from './charts/LineChart';\nimport ScatterChart from './charts/ScatterChart';\nimport PercentageChart from './charts/PercentageChart';\nimport Heatmap from './charts/Heatmap';\n\n// if (ENV !== 'production') {\n// \t// Enable LiveReload\n// \tdocument.write(\n// \t\t'<script src=\"http://' + (location.host || 'localhost').split(':')[0] +\n// \t\t':35729/livereload.js?snipver=1\"></' + 'script>'\n// \t);\n// }\n\nconst chartTypes = {\n\tline: LineChart,\n\tbar: BarChart,\n\tscatter: ScatterChart,\n\tpercentage: PercentageChart,\n\theatmap: Heatmap\n};\n\nfunction getChartByType(chartType = 'line', options) {\n\tif (!chartTypes[chartType]) {\n\t\treturn new LineChart(options);\n\t}\n\n\treturn new chartTypes[chartType](options);\n}\n\nexport default class Chart {\n\tconstructor(args) {\n\t\treturn getChartByType(args.type, arguments[0]);\n\t}\n}\n","import $ from '../helpers/dom';\n\nexport default class SvgTip {\n\tconstructor({\n\t\tparent = null\n\t}) {\n\t\tthis.parent = parent;\n\t\tthis.title_name = '';\n\t\tthis.title_value = '';\n\t\tthis.list_values = [];\n\t\tthis.title_value_first = 0;\n\n\t\tthis.x = 0;\n\t\tthis.y = 0;\n\n\t\tthis.top = 0;\n\t\tthis.left = 0;\n\n\t\tthis.setup();\n\t}\n\n\tsetup() {\n\t\tthis.make_tooltip();\n\t}\n\n\trefresh() {\n\t\tthis.fill();\n\t\tthis.calc_position();\n\t\t// this.show_tip();\n\t}\n\n\tmake_tooltip() {\n\t\tthis.container = $.create('div', {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'graph-svg-tip comparison',\n\t\t\tinnerHTML: `<span class=\"title\"></span>\n\t\t\t\t<ul class=\"data-point-list\"></ul>\n\t\t\t\t<div class=\"svg-pointer\"></div>`\n\t\t});\n\t\tthis.hide_tip();\n\n\t\tthis.title = this.container.querySelector('.title');\n\t\tthis.data_point_list = this.container.querySelector('.data-point-list');\n\n\t\tthis.parent.addEventListener('mouseleave', () => {\n\t\t\tthis.hide_tip();\n\t\t});\n\t}\n\n\tfill() {\n\t\tlet title;\n\t\tif(this.title_value_first) {\n\t\t\ttitle = `<strong>${this.title_value}</strong>${this.title_name}`;\n\t\t} else {\n\t\t\ttitle = `${this.title_name}<strong>${this.title_value}</strong>`;\n\t\t}\n\t\tthis.title.innerHTML = title;\n\t\tthis.data_point_list.innerHTML = '';\n\n\t\tthis.list_values.map((set) => {\n\t\t\tlet li = $.create('li', {\n\t\t\t\tclassName: `border-top ${set.color || 'black'}`,\n\t\t\t\tinnerHTML: `<strong style=\"display: block;\">${set.value ? set.value : '' }</strong>\n\t\t\t\t\t${set.title ? set.title : '' }`\n\t\t\t});\n\n\t\t\tthis.data_point_list.appendChild(li);\n\t\t});\n\t}\n\n\tcalc_position() {\n\t\tthis.top = this.y - this.container.offsetHeight;\n\t\tthis.left = this.x - this.container.offsetWidth/2;\n\t\tlet max_left = this.parent.offsetWidth - this.container.offsetWidth;\n\n\t\tlet pointer = this.container.querySelector('.svg-pointer');\n\n\t\tif(this.left < 0) {\n\t\t\tpointer.style.left = `calc(50% - ${-1 * this.left}px)`;\n\t\t\tthis.left = 0;\n\t\t} else if(this.left > max_left) {\n\t\t\tlet delta = this.left - max_left;\n\t\t\tpointer.style.left = `calc(50% + ${delta}px)`;\n\t\t\tthis.left = max_left;\n\t\t} else {\n\t\t\tpointer.style.left = `50%`;\n\t\t}\n\t}\n\n\tset_values(x, y, title_name = '', title_value = '', list_values = [], title_value_first = 0) {\n\t\tthis.title_name = title_name;\n\t\tthis.title_value = title_value;\n\t\tthis.list_values = list_values;\n\t\tthis.x = x;\n\t\tthis.y = y;\n\t\tthis.title_value_first = title_value_first;\n\t\tthis.refresh();\n\t}\n\n\thide_tip() {\n\t\tthis.container.style.top = '0px';\n\t\tthis.container.style.left = '0px';\n\t\tthis.container.style.opacity = '0';\n\t}\n\n\tshow_tip() {\n\t\tthis.container.style.top = this.top + 'px';\n\t\tthis.container.style.left = this.left + 'px';\n\t\tthis.container.style.opacity = '1';\n\t}\n}\n","import SvgTip from '../objects/SvgTip';\nimport $ from '../helpers/dom';\nimport Chart from '../charts';\n\nexport default class BaseChart {\n\tconstructor({\n\t\theight = 240,\n\n\t\ttitle = '', subtitle = '',\n\n\t\tformat_lambdas = {},\n\n\t\tsummary = [],\n\n\t\tis_navigable = 0,\n\t\thas_legend = 0,\n\n\t\ttype = '', // eslint-disable-line no-unused-vars\n\n\t\tparent,\n\t\tdata\n\t}) {\n\t\tthis.raw_chart_args = arguments[0];\n\n\t\tthis.parent = document.querySelector(parent);\n\t\tthis.title = title;\n\t\tthis.subtitle = subtitle;\n\n\t\tthis.data = data;\n\t\tthis.format_lambdas = format_lambdas;\n\n\t\tthis.specific_values = data.specific_values || [];\n\t\tthis.summary = summary;\n\n\t\tthis.is_navigable = is_navigable;\n\t\tif(this.is_navigable) {\n\t\t\tthis.current_index = 0;\n\t\t}\n\t\tthis.has_legend = has_legend;\n\n\t\tthis.chart_types = ['line', 'scatter', 'bar', 'percentage', 'heatmap'];\n\n\t\tthis.set_margins(height);\n\t}\n\n\tget_different_chart(type) {\n\t\tif(!this.chart_types.includes(type)) {\n\t\t\tconsole.error(`'${type}' is not a valid chart type.`);\n\t\t}\n\t\tif(type === this.type) return;\n\n\t\t// Only across compatible types\n\t\tlet compatible_types = {\n\t\t\tbar: ['line', 'scatter', 'percentage'],\n\t\t\tline: ['scatter', 'bar', 'percentage'],\n\t\t\tscatter: ['line', 'bar', 'percentage'],\n\t\t\tpercentage: ['bar', 'line', 'scatter'],\n\t\t\theatmap: []\n\t\t};\n\n\t\tif(!compatible_types[this.type].includes(type)) {\n\t\t\tconsole.error(`'${this.type}' chart cannot be converted to a '${type}' chart.`);\n\t\t}\n\n\t\t// Okay, this is anticlimactic\n\t\t// this function will need to actually be 'change_chart_type(type)'\n\t\t// that will update only the required elements, but for now ...\n\t\treturn new Chart({\n\t\t\tparent: this.raw_chart_args.parent,\n\t\t\ttitle: this.title,\n\t\t\tdata: this.raw_chart_args.data,\n\t\t\ttype: type,\n\t\t\theight: this.raw_chart_args.height\n\t\t});\n\t}\n\n\tset_margins(height) {\n\t\tthis.base_height = height;\n\t\tthis.height = height - 40;\n\t\tthis.translate_x = 60;\n\t\tthis.translate_y = 10;\n\t}\n\n\tsetup() {\n\t\tif(!this.parent) {\n\t\t\tconsole.error(\"No parent element to render on was provided.\");\n\t\t\treturn;\n\t\t}\n\t\tthis.bind_window_events();\n\t\tthis.refresh(true);\n\t}\n\n\tbind_window_events() {\n\t\twindow.addEventListener('resize', () => this.refresh());\n\t\twindow.addEventListener('orientationchange', () => this.refresh());\n\t}\n\n\trefresh(init=false) {\n\t\tthis.setup_base_values();\n\t\tthis.set_width();\n\n\t\tthis.setup_container();\n\t\tthis.setup_components();\n\n\t\tthis.setup_values();\n\t\tthis.setup_utils();\n\n\t\tthis.make_graph_components(init);\n\t\tthis.make_tooltip();\n\n\t\tif(this.summary.length > 0) {\n\t\t\tthis.show_custom_summary();\n\t\t} else {\n\t\t\tthis.show_summary();\n\t\t}\n\n\t\tif(this.is_navigable) {\n\t\t\tthis.setup_navigation(init);\n\t\t}\n\t}\n\n\tset_width() {\n\t\tlet special_values_width = 0;\n\t\tthis.specific_values.map(val => {\n\t\t\tif(this.get_strwidth(val.title) > special_values_width) {\n\t\t\t\tspecial_values_width = this.get_strwidth(val.title) - 40;\n\t\t\t}\n\t\t});\n\t\tthis.base_width = this.parent.offsetWidth - special_values_width;\n\t\tthis.width = this.base_width - this.translate_x * 2;\n\t}\n\n\tsetup_base_values() {}\n\n\tsetup_container() {\n\t\tthis.container = $.create('div', {\n\t\t\tclassName: 'chart-container',\n\t\t\tinnerHTML: `<h6 class=\"title\">${this.title}</h6>\n\t\t\t\t<h6 class=\"sub-title uppercase\">${this.subtitle}</h6>\n\t\t\t\t<div class=\"frappe-chart graphics\"></div>\n\t\t\t\t<div class=\"graph-stats-container\"></div>`\n\t\t});\n\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\t\tthis.parent.appendChild(this.container);\n\n\t\tthis.chart_wrapper = this.container.querySelector('.frappe-chart');\n\t\tthis.stats_wrapper = this.container.querySelector('.graph-stats-container');\n\n\t\tthis.make_chart_area();\n\t\tthis.make_draw_area();\n\t}\n\n\tmake_chart_area() {\n\t\tthis.svg = $.createSVG('svg', {\n\t\t\tclassName: 'chart',\n\t\t\tinside: this.chart_wrapper,\n\t\t\twidth: this.base_width,\n\t\t\theight: this.base_height\n\t\t});\n\n\t\tthis.svg_defs = $.createSVG('defs', {\n\t\t\tinside: this.svg,\n\t\t});\n\n\t\treturn this.svg;\n\t}\n\n\tmake_draw_area() {\n\t\tthis.draw_area = $.createSVG(\"g\", {\n\t\t\tclassName: this.type + '-chart',\n\t\t\tinside: this.svg,\n\t\t\ttransform: `translate(${this.translate_x}, ${this.translate_y})`\n\t\t});\n\t}\n\n\tsetup_components() { }\n\n\tmake_tooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.chart_wrapper,\n\t\t});\n\t\tthis.bind_tooltip();\n\t}\n\n\n\tshow_summary() {}\n\tshow_custom_summary() {\n\t\tthis.summary.map(d => {\n\t\t\tlet stats = $.create('div', {\n\t\t\t\tclassName: 'stats',\n\t\t\t\tinnerHTML: `<span class=\"indicator ${d.color}\">${d.title}: ${d.value}</span>`\n\t\t\t});\n\t\t\tthis.stats_wrapper.appendChild(stats);\n\t\t});\n\t}\n\n\tsetup_navigation(init=false) {\n\t\tthis.make_overlay();\n\n\t\tif(init) {\n\t\t\tthis.bind_overlay();\n\n\t\t\tdocument.addEventListener('keydown', (e) => {\n\t\t\t\tif($.isElementInViewport(this.chart_wrapper)) {\n\t\t\t\t\te = e || window.event;\n\n\t\t\t\t\tif (e.keyCode == '37') {\n\t\t\t\t\t\tthis.on_left_arrow();\n\t\t\t\t\t} else if (e.keyCode == '39') {\n\t\t\t\t\t\tthis.on_right_arrow();\n\t\t\t\t\t} else if (e.keyCode == '38') {\n\t\t\t\t\t\tthis.on_up_arrow();\n\t\t\t\t\t} else if (e.keyCode == '40') {\n\t\t\t\t\t\tthis.on_down_arrow();\n\t\t\t\t\t} else if (e.keyCode == '13') {\n\t\t\t\t\t\tthis.on_enter_key();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tmake_overlay() {}\n\tbind_overlay() {}\n\tbind_units() {}\n\n\ton_left_arrow() {}\n\ton_right_arrow() {}\n\ton_up_arrow() {}\n\ton_down_arrow() {}\n\ton_enter_key() {}\n\n\tget_data_point(index=this.current_index) {\n\t\t// check for length\n\t\tlet data_point = {\n\t\t\tindex: index\n\t\t};\n\t\tlet y = this.y[0];\n\t\t['svg_units', 'y_tops', 'values'].map(key => {\n\t\t\tlet data_key = key.slice(0, key.length-1);\n\t\t\tdata_point[data_key] = y[key][index];\n\t\t});\n\t\tdata_point.label = this.x[index];\n\t\treturn data_point;\n\t}\n\n\tupdate_current_data_point(index) {\n\t\tindex = parseInt(index);\n\t\tif(index < 0) index = 0;\n\t\tif(index >= this.x.length) index = this.x.length - 1;\n\t\tif(index === this.current_index) return;\n\t\tthis.current_index = index;\n\t\t$.fire(this.parent, \"data-select\", this.get_data_point());\n\t}\n\n\t// Helpers\n\tget_strwidth(string) {\n\t\treturn (string+\"\").length * 8;\n\t}\n\n\t// Objects\n\tsetup_utils() { }\n}\n","import $ from '../helpers/dom';\nimport { float_2, arrays_equal } from '../helpers/utils';\nimport BaseChart from './BaseChart';\n\nexport default class AxisChart extends BaseChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\n\t\tthis.x = this.data.labels;\n\t\tthis.y = this.data.datasets;\n\n\t\tthis.is_series = args.is_series;\n\n\t\tthis.get_y_label = this.format_lambdas.y_label;\n\t\tthis.get_y_tooltip = this.format_lambdas.y_tooltip;\n\t\tthis.get_x_tooltip = this.format_lambdas.x_tooltip;\n\n\t\tthis.colors = ['green', 'blue', 'violet', 'red', 'orange',\n\t\t\t'yellow', 'light-blue', 'light-green', 'purple', 'magenta'];\n\n\t\tthis.zero_line = this.height;\n\t}\n\n\tsetup_values() {\n\t\tthis.data.datasets.map(d => {\n\t\t\td.values = d.values.map(val => (!isNaN(val) ? val : 0));\n\t\t});\n\t\tthis.setup_x();\n\t\tthis.setup_y();\n\t}\n\n\tsetup_x() {\n\t\tthis.set_avg_unit_width_and_x_offset();\n\n\t\tif(this.x_axis_positions) {\n\t\t\tthis.x_old_axis_positions =  this.x_axis_positions.slice();\n\t\t}\n\t\tthis.x_axis_positions = this.x.map((d, i) =>\n\t\t\tfloat_2(this.x_offset + i * this.avg_unit_width));\n\n\t\tif(!this.x_old_axis_positions) {\n\t\t\tthis.x_old_axis_positions = this.x_axis_positions.slice();\n\t\t}\n\t}\n\n\tsetup_y() {\n\t\tif(this.y_axis_values) {\n\t\t\tthis.y_old_axis_values =  this.y_axis_values.slice();\n\t\t}\n\n\t\tlet values = this.get_all_y_values();\n\n\t\tif(this.y_sums && this.y_sums.length > 0) {\n\t\t\tvalues = values.concat(this.y_sums);\n\t\t}\n\n\t\tthis.y_axis_values = this.get_y_axis_points(values);\n\n\t\tif(!this.y_old_axis_values) {\n\t\t\tthis.y_old_axis_values = this.y_axis_values.slice();\n\t\t}\n\n\t\tconst y_pts = this.y_axis_values;\n\t\tconst value_range = y_pts[y_pts.length-1] - y_pts[0];\n\n\t\tif(this.multiplier) this.old_multiplier = this.multiplier;\n\t\tthis.multiplier = this.height / value_range;\n\t\tif(!this.old_multiplier) this.old_multiplier = this.multiplier;\n\n\t\tconst zero_index = y_pts.indexOf(0);\n\t\tconst interval = y_pts[1] - y_pts[0];\n\t\tconst interval_height = interval * this.multiplier;\n\n\t\tif(this.zero_line) this.old_zero_line = this.zero_line;\n\t\tthis.zero_line = this.height - (zero_index * interval_height);\n\t\tif(!this.old_zero_line) this.old_zero_line = this.zero_line;\n\t}\n\n\tsetup_components() {\n\t\tsuper.setup_components();\n\t\tthis.setup_marker_components();\n\t\tthis.setup_aggregation_components();\n\t\tthis.setup_graph_components();\n\t}\n\n\tsetup_marker_components() {\n\t\tthis.y_axis_group = $.createSVG('g', {className: 'y axis', inside: this.draw_area});\n\t\tthis.x_axis_group = $.createSVG('g', {className: 'x axis', inside: this.draw_area});\n\t\tthis.specific_y_group = $.createSVG('g', {className: 'specific axis', inside: this.draw_area});\n\t}\n\n\tsetup_aggregation_components() {\n\t\tthis.sum_group = $.createSVG('g', {className: 'data-points', inside: this.draw_area});\n\t\tthis.average_group = $.createSVG('g', {className: 'chart-area', inside: this.draw_area});\n\t}\n\n\tsetup_graph_components() {\n\t\tthis.svg_units_groups = [];\n\t\tthis.y.map((d, i) => {\n\t\t\tthis.svg_units_groups[i] = $.createSVG('g', {\n\t\t\t\tclassName: 'data-points data-points-' + i,\n\t\t\t\tinside: this.draw_area\n\t\t\t});\n\t\t});\n\t}\n\n\tmake_graph_components(init=false) {\n\t\tthis.make_y_axis();\n\t\tthis.make_x_axis();\n\t\tthis.draw_graph(init);\n\t\tthis.make_y_specifics();\n\t}\n\n\t// make VERTICAL lines for x values\n\tmake_x_axis(animate=false) {\n\t\tlet start_at, height, text_start_at, axis_line_class = '';\n\t\tif(this.x_axis_mode === 'span') {\t\t// long spanning lines\n\t\t\tstart_at = -7;\n\t\t\theight = this.height + 15;\n\t\t\ttext_start_at = this.height + 25;\n\t\t} else if(this.x_axis_mode === 'tick'){\t// short label lines\n\t\t\tstart_at = this.height;\n\t\t\theight = 6;\n\t\t\ttext_start_at = 9;\n\t\t\taxis_line_class = 'x-axis-label';\n\t\t}\n\n\t\tthis.x_axis_group.setAttribute('transform', `translate(0,${start_at})`);\n\n\t\tif(animate) {\n\t\t\tthis.make_anim_x_axis(height, text_start_at, axis_line_class);\n\t\t\treturn;\n\t\t}\n\n\t\tlet allowed_space = this.avg_unit_width * 1.5;\n\t\tlet allowed_letters = allowed_space / 8;\n\n\t\tthis.x_axis_group.textContent = '';\n\t\tthis.x.map((point, i) => {\n\t\t\tlet space_taken = this.get_strwidth(point) + 2;\n\t\t\tif(space_taken > allowed_space) {\n\t\t\t\tif(this.is_series) {\n\t\t\t\t\t// Skip some axis lines if X axis is a series\n\t\t\t\t\tlet skips = 1;\n\t\t\t\t\twhile((space_taken/skips)*2 > allowed_space) {\n\t\t\t\t\t\tskips++;\n\t\t\t\t\t}\n\t\t\t\t\tif(i % skips !== 0) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tpoint = point.slice(0, allowed_letters-3) + \" ...\";\n\t\t\t\t}\n\t\t\t}\n\t\t\tthis.x_axis_group.appendChild(\n\t\t\t\tthis.make_x_line(\n\t\t\t\t\theight,\n\t\t\t\t\ttext_start_at,\n\t\t\t\t\tpoint,\n\t\t\t\t\t'x-value-text',\n\t\t\t\t\taxis_line_class,\n\t\t\t\t\tthis.x_axis_positions[i]\n\t\t\t\t)\n\t\t\t);\n\t\t});\n\t}\n\n\t// make HORIZONTAL lines for y values\n\tmake_y_axis(animate=false) {\n\t\tif(animate) {\n\t\t\tthis.make_anim_y_axis();\n\t\t\tthis.make_anim_y_specifics();\n\t\t\treturn;\n\t\t}\n\n\t\tlet [width, text_end_at, axis_line_class, start_at] = this.get_y_axis_line_props();\n\n\t\tthis.y_axis_group.textContent = '';\n\t\tthis.y_axis_values.map((value, i) => {\n\t\t\tthis.y_axis_group.appendChild(\n\t\t\t\tthis.make_y_line(\n\t\t\t\t\tstart_at,\n\t\t\t\t\twidth,\n\t\t\t\t\ttext_end_at,\n\t\t\t\t\tvalue,\n\t\t\t\t\t'y-value-text',\n\t\t\t\t\taxis_line_class,\n\t\t\t\t\tthis.zero_line - value * this.multiplier,\n\t\t\t\t\t(value === 0 && i !== 0) // Non-first Zero line\n\t\t\t\t)\n\t\t\t);\n\t\t});\n\t}\n\n\tget_y_axis_line_props(specific=false) {\n\t\tif(specific) {\n\t\t\treturn[this.width, this.width + 5, 'specific-value', 0];\n\t\t}\n\t\tlet width, text_end_at = -9, axis_line_class = '', start_at = 0;\n\t\tif(this.y_axis_mode === 'span') {\t\t// long spanning lines\n\t\t\twidth = this.width + 6;\n\t\t\tstart_at = -6;\n\t\t} else if(this.y_axis_mode === 'tick'){\t// short label lines\n\t\t\twidth = -6;\n\t\t\taxis_line_class = 'y-axis-label';\n\t\t}\n\n\t\treturn [width, text_end_at, axis_line_class, start_at];\n\t}\n\n\tdraw_graph(init=false) {\n\t\tif(this.raw_chart_args.hasOwnProperty(\"init\") && !this.raw_chart_args.init) {\n\t\t\tthis.y.map((d, i) => {\n\t\t\t\td.svg_units = [];\n\t\t\t\tthis.make_path && this.make_path(d, i, this.x_axis_positions, d.y_tops, d.color || this.colors[i]);\n\t\t\t\tthis.make_new_units(d, i);\n\t\t\t\tthis.calc_y_dependencies();\n\t\t\t});\n\t\t\treturn;\n\t\t}\n\t\tif(init) {\n\t\t\tthis.draw_new_graph_and_animate();\n\t\t\treturn;\n\t\t}\n\t\tthis.y.map((d, i) => {\n\t\t\td.svg_units = [];\n\t\t\tthis.make_path && this.make_path(d, i, this.x_axis_positions, d.y_tops, d.color || this.colors[i]);\n\t\t\tthis.make_new_units(d, i);\n\t\t});\n\t}\n\n\tdraw_new_graph_and_animate() {\n\t\tlet data = [];\n\t\tthis.y.map((d, i) => {\n\t\t\t// Anim: Don't draw initial values, store them and update later\n\t\t\td.y_tops = new Array(d.values.length).fill(this.zero_line); // no value\n\t\t\tdata.push({values: d.values});\n\t\t\td.svg_units = [];\n\n\t\t\tthis.make_path && this.make_path(d, i, this.x_axis_positions, d.y_tops, d.color || this.colors[i]);\n\t\t\tthis.make_new_units(d, i);\n\t\t});\n\n\t\tsetTimeout(() => {\n\t\t\tthis.update_values(data);\n\t\t}, 350);\n\t}\n\n\tsetup_navigation(init) {\n\t\tif(init) {\n\t\t\t// Hack: defer nav till initial update_values\n\t\t\tsetTimeout(() => {\n\t\t\t\tsuper.setup_navigation(init);\n\t\t\t}, 500);\n\t\t} else {\n\t\t\tsuper.setup_navigation(init);\n\t\t}\n\t}\n\n\tmake_new_units(d, i) {\n\t\tthis.make_new_units_for_dataset(\n\t\t\tthis.x_axis_positions,\n\t\t\td.y_tops,\n\t\t\td.color || this.colors[i],\n\t\t\ti,\n\t\t\tthis.y.length\n\t\t);\n\t}\n\n\tmake_new_units_for_dataset(x_values, y_values, color, dataset_index,\n\t\tno_of_datasets, units_group, units_array, unit) {\n\n\t\tif(!units_group) units_group = this.svg_units_groups[dataset_index];\n\t\tif(!units_array) units_array = this.y[dataset_index].svg_units;\n\t\tif(!unit) unit = this.unit_args;\n\n\t\tunits_group.textContent = '';\n\t\tunits_array.length = 0;\n\n\t\ty_values.map((y, i) => {\n\t\t\tlet data_unit = this.draw[unit.type](\n\t\t\t\tx_values[i],\n\t\t\t\ty,\n\t\t\t\tunit.args,\n\t\t\t\tcolor,\n\t\t\t\ti,\n\t\t\t\tdataset_index,\n\t\t\t\tno_of_datasets\n\t\t\t);\n\t\t\tunits_group.appendChild(data_unit);\n\t\t\tunits_array.push(data_unit);\n\t\t});\n\n\t\tif(this.is_navigable) {\n\t\t\tthis.bind_units(units_array);\n\t\t}\n\t}\n\n\tmake_y_specifics() {\n\t\tthis.specific_y_group.textContent = '';\n\t\tthis.specific_values.map(d => {\n\t\t\tthis.specific_y_group.appendChild(\n\t\t\t\tthis.make_y_line(\n\t\t\t\t\t0,\n\t\t\t\t\tthis.width,\n\t\t\t\t\tthis.width + 5,\n\t\t\t\t\td.title.toUpperCase(),\n\t\t\t\t\t'specific-value',\n\t\t\t\t\t'specific-value',\n\t\t\t\t\tthis.zero_line - d.value * this.multiplier,\n\t\t\t\t\tfalse,\n\t\t\t\t\td.line_type\n\t\t\t\t)\n\t\t\t);\n\t\t});\n\t}\n\n\tbind_tooltip() {\n\t\t// TODO: could be in tooltip itself, as it is a given functionality for its parent\n\t\tthis.chart_wrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet offset = $.offset(this.chart_wrapper);\n\t\t\tlet relX = e.pageX - offset.left - this.translate_x;\n\t\t\tlet relY = e.pageY - offset.top - this.translate_y;\n\n\t\t\tif(relY < this.height + this.translate_y * 2) {\n\t\t\t\tthis.map_tooltip_x_position_and_show(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.hide_tip();\n\t\t\t}\n\t\t});\n\t}\n\n\tmap_tooltip_x_position_and_show(relX) {\n\t\tif(!this.y_min_tops) return;\n\t\tfor(var i=this.x_axis_positions.length - 1; i >= 0 ; i--) {\n\t\t\tlet x_val = this.x_axis_positions[i];\n\t\t\t// let delta = i === 0 ? this.avg_unit_width : x_val - this.x_axis_positions[i-1];\n\t\t\tif(relX > x_val - this.avg_unit_width/2) {\n\t\t\t\tlet x = x_val + this.translate_x;\n\t\t\t\tlet y = this.y_min_tops[i] + this.translate_y;\n\n\t\t\t\tlet title = this.x.formatted && this.x.formatted.length>0\n\t\t\t\t\t? this.x.formatted[i] : this.x[i];\n\t\t\t\tlet values = this.y.map((set, j) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttitle: set.title,\n\t\t\t\t\t\tvalue: set.formatted ? set.formatted[i] : set.values[i],\n\t\t\t\t\t\tcolor: set.color || this.colors[j],\n\t\t\t\t\t};\n\t\t\t\t});\n\n\t\t\t\t// TODO: upside-down tooltips for negative values?\n\t\t\t\tthis.tip.set_values(x, y, title, '', values);\n\t\t\t\tthis.tip.show_tip();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\t// API\n\tshow_sums() {\n\t\tthis.updating = true;\n\n\t\tthis.y_sums = new Array(this.x_axis_positions.length).fill(0);\n\t\tthis.y.map(d => {\n\t\t\td.values.map( (value, i) => {\n\t\t\t\tthis.y_sums[i] += value;\n\t\t\t});\n\t\t});\n\n\t\t// Remake y axis, animate\n\t\tthis.update_values();\n\n\t\t// Then make sum units, don't animate\n\t\tthis.sum_units = [];\n\n\t\tthis.make_new_units_for_dataset(\n\t\t\tthis.x_axis_positions,\n\t\t\tthis.y_sums.map( val => float_2(this.zero_line - val * this.multiplier)),\n\t\t\t'light-grey',\n\t\t\t0,\n\t\t\t1,\n\t\t\tthis.sum_group,\n\t\t\tthis.sum_units\n\t\t);\n\n\t\t// this.make_path && this.make_path(d, i, old_x, old_y, d.color || this.colors[i]);\n\n\t\tthis.updating = false;\n\t}\n\n\thide_sums() {\n\t\tif(this.updating) return;\n\t\tthis.y_sums = [];\n\t\tthis.sum_group.textContent = '';\n\t\tthis.sum_units = [];\n\t\tthis.update_values();\n\t}\n\n\tshow_averages() {\n\t\tthis.old_specific_values = this.specific_values.slice();\n\t\tthis.y.map((d, i) => {\n\t\t\tlet sum = 0;\n\t\t\td.values.map(e => {sum+=e;});\n\t\t\tlet average = sum/d.values.length;\n\n\t\t\tthis.specific_values.push({\n\t\t\t\ttitle: \"AVG\" + \" \" + (i+1),\n\t\t\t\tline_type: \"dashed\",\n\t\t\t\tvalue: average,\n\t\t\t\tauto: 1\n\t\t\t});\n\t\t});\n\n\t\tthis.update_values();\n\t}\n\n\thide_averages() {\n\t\tthis.old_specific_values = this.specific_values.slice();\n\n\t\tlet indices_to_remove = [];\n\t\tthis.specific_values.map((d, i) => {\n\t\t\tif(d.auto) indices_to_remove.unshift(i);\n\t\t});\n\n\t\tindices_to_remove.map(index => {\n\t\t\tthis.specific_values.splice(index, 1);\n\t\t});\n\n\t\tthis.update_values();\n\t}\n\n\tupdate_values(new_y, new_x) {\n\t\tif(!new_x) {\n\t\t\tnew_x = this.x;\n\t\t}\n\t\tthis.elements_to_animate = [];\n\t\tthis.updating = true;\n\n\t\tthis.old_x_values = this.x.slice();\n\t\tthis.old_y_axis_tops = this.y.map(d => d.y_tops.slice());\n\n\t\tthis.old_y_values = this.y.map(d => d.values);\n\n\t\tthis.no_of_extra_pts = new_x.length - this.x.length;\n\n\t\t// Just update values prop, setup_x/y() will do the rest\n\t\tif(new_y) this.y.map((d, i) => {d.values = new_y[i].values;});\n\t\tif(new_x) this.x = new_x;\n\n\t\tthis.setup_x();\n\t\tthis.setup_y();\n\n\t\t// Animate only if positions have changed\n\t\tif(!arrays_equal(this.x_old_axis_positions, this.x_axis_positions)) {\n\t\t\tthis.make_x_axis(true);\n\t\t\tsetTimeout(() => {\n\t\t\t\tif(!this.updating) this.make_x_axis();\n\t\t\t}, 350);\n\t\t}\n\n\t\tif(!arrays_equal(this.y_old_axis_values, this.y_axis_values) ||\n\t\t\t(this.old_specific_values &&\n\t\t\t!arrays_equal(this.old_specific_values, this.specific_values))) {\n\n\t\t\tthis.make_y_axis(true);\n\t\t\tsetTimeout(() => {\n\t\t\t\tif(!this.updating) {\n\t\t\t\t\tthis.make_y_axis();\n\t\t\t\t\tthis.make_y_specifics();\n\t\t\t\t}\n\t\t\t}, 350);\n\t\t}\n\n\t\t// Change in data, so calculate dependencies\n\t\tthis.calc_y_dependencies();\n\n\t\tthis.animate_graphs();\n\n\t\t// Trigger animation with the animatable elements in this.elements_to_animate\n\t\tthis.run_animation();\n\n\t\tthis.updating = false;\n\t}\n\n\tadd_data_point(y_point, x_point, index=this.x.length) {\n\t\tlet new_y = this.y.map(data_set => { return {values:data_set.values}; });\n\t\tnew_y.map((d, i) => { d.values.splice(index, 0, y_point[i]); });\n\t\tlet new_x = this.x.slice();\n\t\tnew_x.splice(index, 0, x_point);\n\n\t\tthis.update_values(new_y, new_x);\n\t}\n\n\tremove_data_point(index = this.x.length-1) {\n\t\tif(this.x.length < 3) return;\n\n\t\tlet new_y = this.y.map(data_set => { return {values:data_set.values}; });\n\t\tnew_y.map((d) => { d.values.splice(index, 1); });\n\t\tlet new_x = this.x.slice();\n\t\tnew_x.splice(index, 1);\n\n\t\tthis.update_values(new_y, new_x);\n\t}\n\n\trun_animation() {\n\t\tlet anim_svg = $.runSVGAnimation(this.svg, this.elements_to_animate);\n\n\t\tif(this.svg.parentNode == this.chart_wrapper) {\n\t\t\tthis.chart_wrapper.removeChild(this.svg);\n\t\t\tthis.chart_wrapper.appendChild(anim_svg);\n\n\t\t}\n\n\t\t// Replace the new svg (data has long been replaced)\n\t\tsetTimeout(() => {\n\t\t\tif(anim_svg.parentNode == this.chart_wrapper) {\n\t\t\t\tthis.chart_wrapper.removeChild(anim_svg);\n\t\t\t\tthis.chart_wrapper.appendChild(this.svg);\n\t\t\t}\n\t\t}, 250);\n\t}\n\n\tanimate_graphs() {\n\t\tthis.y.map((d, i) => {\n\t\t\t// Pre-prep, equilize no of positions between old and new\n\t\t\tlet [old_x, old_y, new_x, new_y] = this.calc_old_and_new_postions(d, i);\n\t\t\tif(this.no_of_extra_pts >= 0) {\n\t\t\t\tthis.make_path && this.make_path(d, i, old_x, old_y, d.color || this.colors[i]);\n\t\t\t\tthis.make_new_units_for_dataset(old_x, old_y, d.color || this.colors[i], i, this.y.length);\n\t\t\t}\n\t\t\td.path && this.animate_path(d, i, old_x, old_y, new_x, new_y);\n\t\t\tthis.animate_units(d, i, old_x, old_y, new_x, new_y);\n\t\t});\n\n\t\t// TODO: replace with real units\n\t\tsetTimeout(() => {\n\t\t\tthis.y.map((d, i) => {\n\t\t\t\tthis.make_path && this.make_path(d, i, this.x_axis_positions, d.y_tops, d.color || this.colors[i]);\n\t\t\t\tthis.make_new_units(d, i);\n\t\t\t});\n\t\t}, 400);\n\t}\n\n\tanimate_path(d, i, old_x, old_y, new_x, new_y) {\n\t\t// Animate path\n\t\tconst new_points_list = new_y.map((y, i) => (new_x[i] + ',' + y));\n\t\tconst new_path_str = new_points_list.join(\"L\");\n\n\t\tconst path_args = [{unit: d.path, object: d, key: 'path'}, {d:\"M\"+new_path_str}, 350, \"easein\"];\n\t\tthis.elements_to_animate.push(path_args);\n\n\t\t// Animate region\n\t\tif(d.region_path) {\n\t\t\tlet reg_start_pt = `0,${this.zero_line}L`;\n\t\t\tlet reg_end_pt = `L${this.width},${this.zero_line}`;\n\n\t\t\tconst region_args = [\n\t\t\t\t{unit: d.region_path, object: d, key: 'region_path'},\n\t\t\t\t{d:\"M\" + reg_start_pt + new_path_str + reg_end_pt},\n\t\t\t\t350,\n\t\t\t\t\"easein\"\n\t\t\t];\n\t\t\tthis.elements_to_animate.push(region_args);\n\t\t}\n\t}\n\n\tanimate_units(d, index, old_x, old_y, new_x, new_y) {\n\t\tlet type = this.unit_args.type;\n\n\t\td.svg_units.map((unit, i) => {\n\t\t\tif(new_x[i] === undefined || new_y[i] === undefined) return;\n\t\t\tthis.elements_to_animate.push(this.animate[type](\n\t\t\t\t{unit:unit, array:d.svg_units, index: i}, // unit, with info to replace where it came from in the data\n\t\t\t\tnew_x[i],\n\t\t\t\tnew_y[i],\n\t\t\t\tindex\n\t\t\t));\n\t\t});\n\t}\n\n\tcalc_old_and_new_postions(d, i) {\n\t\tlet old_x = this.x_old_axis_positions.slice();\n\t\tlet new_x = this.x_axis_positions.slice();\n\n\t\tlet old_y = this.old_y_axis_tops[i].slice();\n\t\tlet new_y = d.y_tops.slice();\n\n\t\tconst last_old_x_pos = old_x[old_x.length - 1];\n\t\tconst last_old_y_pos = old_y[old_y.length - 1];\n\n\t\tconst last_new_x_pos = new_x[new_x.length - 1];\n\t\tconst last_new_y_pos = new_y[new_y.length - 1];\n\n\t\tif(this.no_of_extra_pts >= 0) {\n\t\t\t// First substitute current path with a squiggled one (looking the same but\n\t\t\t// having more points at end),\n\t\t\t// then animate to stretch it later to new points\n\t\t\t// (new points already have more points)\n\n\t\t\t// Hence, the extra end points will correspond to current(old) positions\n\t\t\tlet filler_x = new Array(Math.abs(this.no_of_extra_pts)).fill(last_old_x_pos);\n\t\t\tlet filler_y = new Array(Math.abs(this.no_of_extra_pts)).fill(last_old_y_pos);\n\n\t\t\told_x = old_x.concat(filler_x);\n\t\t\told_y = old_y.concat(filler_y);\n\n\t\t} else {\n\t\t\t// Just modify the new points to have extra points\n\t\t\t// with the same position at end\n\t\t\tlet filler_x = new Array(Math.abs(this.no_of_extra_pts)).fill(last_new_x_pos);\n\t\t\tlet filler_y = new Array(Math.abs(this.no_of_extra_pts)).fill(last_new_y_pos);\n\n\t\t\tnew_x = new_x.concat(filler_x);\n\t\t\tnew_y = new_y.concat(filler_y);\n\t\t}\n\n\t\treturn [old_x, old_y, new_x, new_y];\n\t}\n\n\tmake_anim_x_axis(height, text_start_at, axis_line_class) {\n\t\t// Animate X AXIS to account for more or less axis lines\n\n\t\tconst old_pos = this.x_old_axis_positions;\n\t\tconst new_pos = this.x_axis_positions;\n\n\t\tconst old_vals = this.old_x_values;\n\t\tconst new_vals = this.x;\n\n\t\tconst last_line_pos = old_pos[old_pos.length - 1];\n\n\t\tlet add_and_animate_line = (value, old_pos, new_pos) => {\n\t\t\tif(typeof new_pos === 'string') {\n\t\t\t\tnew_pos = parseInt(new_pos.substring(0, new_pos.length-1));\n\t\t\t}\n\t\t\tconst x_line = this.make_x_line(\n\t\t\t\theight,\n\t\t\t\ttext_start_at,\n\t\t\t\tvalue, // new value\n\t\t\t\t'x-value-text',\n\t\t\t\taxis_line_class,\n\t\t\t\told_pos // old position\n\t\t\t);\n\t\t\tthis.x_axis_group.appendChild(x_line);\n\n\t\t\tthis.elements_to_animate && this.elements_to_animate.push([\n\t\t\t\t{unit: x_line, array: [0], index: 0},\n\t\t\t\t{transform: `${ new_pos }, 0`},\n\t\t\t\t350,\n\t\t\t\t\"easein\",\n\t\t\t\t\"translate\",\n\t\t\t\t{transform: `${ old_pos }, 0`}\n\t\t\t]);\n\t\t};\n\n\t\tthis.x_axis_group.textContent = '';\n\n\t\tthis.make_new_axis_anim_lines(\n\t\t\told_pos,\n\t\t\tnew_pos,\n\t\t\told_vals,\n\t\t\tnew_vals,\n\t\t\tlast_line_pos,\n\t\t\tadd_and_animate_line\n\t\t);\n\t}\n\n\tmake_anim_y_axis() {\n\t\t// Animate Y AXIS to account for more or less axis lines\n\n\t\tconst old_pos = this.y_old_axis_values.map(value =>\n\t\t\tthis.zero_line - value * this.multiplier);\n\t\tconst new_pos = this.y_axis_values.map(value =>\n\t\t\tthis.zero_line - value * this.multiplier);\n\n\t\tconst old_vals = this.y_old_axis_values;\n\t\tconst new_vals = this.y_axis_values;\n\n\t\tconst last_line_pos = old_pos[old_pos.length - 1];\n\n\t\tthis.y_axis_group.textContent = '';\n\n\t\tthis.make_new_axis_anim_lines(\n\t\t\told_pos,\n\t\t\tnew_pos,\n\t\t\told_vals,\n\t\t\tnew_vals,\n\t\t\tlast_line_pos,\n\t\t\tthis.add_and_animate_y_line.bind(this),\n\t\t\tthis.y_axis_group\n\t\t);\n\t}\n\n\tmake_anim_y_specifics() {\n\t\tthis.specific_y_group.textContent = '';\n\t\tthis.specific_values.map((d) => {\n\t\t\tthis.add_and_animate_y_line(\n\t\t\t\td.title,\n\t\t\t\tthis.old_zero_line - d.value * this.old_multiplier,\n\t\t\t\tthis.zero_line - d.value * this.multiplier,\n\t\t\t\t0,\n\t\t\t\tthis.specific_y_group,\n\t\t\t\td.line_type,\n\t\t\t\ttrue\n\t\t\t);\n\t\t});\n\t}\n\n\tmake_new_axis_anim_lines(old_pos, new_pos, old_vals, new_vals, last_line_pos, add_and_animate_line, group) {\n\t\tlet superimposed_positions, superimposed_values;\n\t\tlet no_of_extras = new_vals.length - old_vals.length;\n\t\tif(no_of_extras > 0) {\n\t\t\t// More axis are needed\n\t\t\t// First make only the superimposed (same position) ones\n\t\t\t// Add in the extras at the end later\n\t\t\tsuperimposed_positions = new_pos.slice(0, old_pos.length);\n\t\t\tsuperimposed_values = new_vals.slice(0, old_vals.length);\n\t\t} else {\n\t\t\t// Axis have to be reduced\n\t\t\t// Fake it by moving all current extra axis to the last position\n\t\t\t// You'll need filler positions and values in the new arrays\n\t\t\tconst filler_vals = new Array(Math.abs(no_of_extras)).fill(\"\");\n\t\t\tsuperimposed_values = new_vals.concat(filler_vals);\n\n\t\t\tconst filler_pos = new Array(Math.abs(no_of_extras)).fill(last_line_pos + \"F\");\n\t\t\tsuperimposed_positions = new_pos.concat(filler_pos);\n\t\t}\n\n\t\tsuperimposed_values.map((value, i) => {\n\t\t\tadd_and_animate_line(value, old_pos[i], superimposed_positions[i], i, group);\n\t\t});\n\n\t\tif(no_of_extras > 0) {\n\t\t\t// Add in extra axis in the end\n\t\t\t// and then animate to new positions\n\t\t\tconst extra_values = new_vals.slice(old_vals.length);\n\t\t\tconst extra_positions = new_pos.slice(old_pos.length);\n\n\t\t\textra_values.map((value, i) => {\n\t\t\t\tadd_and_animate_line(value, last_line_pos, extra_positions[i], i, group);\n\t\t\t});\n\t\t}\n\t}\n\n\tmake_x_line(height, text_start_at, point, label_class, axis_line_class, x_pos) {\n\t\tlet line = $.createSVG('line', {\n\t\t\tx1: 0,\n\t\t\tx2: 0,\n\t\t\ty1: 0,\n\t\t\ty2: height\n\t\t});\n\n\t\tlet text = $.createSVG('text', {\n\t\t\tclassName: label_class,\n\t\t\tx: 0,\n\t\t\ty: text_start_at,\n\t\t\tdy: '.71em',\n\t\t\tinnerHTML: point\n\t\t});\n\n\t\tlet x_level = $.createSVG('g', {\n\t\t\tclassName: `tick ${axis_line_class}`,\n\t\t\ttransform: `translate(${ x_pos }, 0)`\n\t\t});\n\n\t\tx_level.appendChild(line);\n\t\tx_level.appendChild(text);\n\n\t\treturn x_level;\n\t}\n\n\tmake_y_line(start_at, width, text_end_at, point, label_class, axis_line_class, y_pos, darker=false, line_type=\"\") {\n\t\tlet line = $.createSVG('line', {\n\t\t\tclassName: line_type === \"dashed\" ? \"dashed\": \"\",\n\t\t\tx1: start_at,\n\t\t\tx2: width,\n\t\t\ty1: 0,\n\t\t\ty2: 0\n\t\t});\n\n\t\tlet text = $.createSVG('text', {\n\t\t\tclassName: label_class,\n\t\t\tx: text_end_at,\n\t\t\ty: 0,\n\t\t\tdy: '.32em',\n\t\t\tinnerHTML: point+\"\"\n\t\t});\n\n\t\tlet y_level = $.createSVG('g', {\n\t\t\tclassName: `tick ${axis_line_class}`,\n\t\t\ttransform: `translate(0, ${y_pos})`,\n\t\t\t'stroke-opacity': 1\n\t\t});\n\n\t\tif(darker) {\n\t\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\n\t\t}\n\n\t\ty_level.appendChild(line);\n\t\ty_level.appendChild(text);\n\n\t\treturn y_level;\n\t}\n\n\tadd_and_animate_y_line(value, old_pos, new_pos, i, group, type, specific=false) {\n\t\tlet filler = false;\n\t\tif(typeof new_pos === 'string') {\n\t\t\tnew_pos = parseInt(new_pos.substring(0, new_pos.length-1));\n\t\t\tfiller = true;\n\t\t}\n\t\tlet new_props = {transform: `0, ${ new_pos }`};\n\t\tlet old_props = {transform: `0, ${ old_pos }`};\n\n\t\tif(filler) {\n\t\t\tnew_props['stroke-opacity'] = 0;\n\t\t\t// old_props['stroke-opacity'] = 1;\n\t\t}\n\n\t\tlet [width, text_end_at, axis_line_class, start_at] = this.get_y_axis_line_props(specific);\n\t\tlet axis_label_class = !specific ? 'y-value-text' : 'specific-value';\n\t\tvalue = !specific ? value : (value+\"\").toUpperCase();\n\t\tconst y_line = this.make_y_line(\n\t\t\tstart_at,\n\t\t\twidth,\n\t\t\ttext_end_at,\n\t\t\tvalue,\n\t\t\taxis_label_class,\n\t\t\taxis_line_class,\n\t\t\told_pos,  // old position\n\t\t\t(value === 0 && i !== 0), // Non-first Zero line\n\t\t\ttype\n\t\t);\n\n\t\tgroup.appendChild(y_line);\n\n\t\tthis.elements_to_animate && this.elements_to_animate.push([\n\t\t\t{unit: y_line, array: [0], index: 0},\n\t\t\tnew_props,\n\t\t\t350,\n\t\t\t\"easein\",\n\t\t\t\"translate\",\n\t\t\told_props\n\t\t]);\n\t}\n\n\tget_y_axis_points(array) {\n\t\t//*** Where the magic happens ***\n\n\t\t// Calculates best-fit y intervals from given values\n\t\t// and returns the interval array\n\n\t\t// TODO: Fractions\n\n\t\tlet max_bound, min_bound, pos_no_of_parts, neg_no_of_parts, part_size; // eslint-disable-line no-unused-vars\n\n\t\t// Critical values\n\t\tlet max_val = parseInt(Math.max(...array));\n\t\tlet min_val = parseInt(Math.min(...array));\n\t\tif(min_val >= 0) {\n\t\t\tmin_val = 0;\n\t\t}\n\n\t\tlet get_params = (value1, value2) => {\n\t\t\tlet bound1, bound2, no_of_parts_1, no_of_parts_2, interval_size;\n\t\t\tif((value1+\"\").length <= 1) {\n\t\t\t\t[bound1, no_of_parts_1] = [10, 5];\n\t\t\t} else {\n\t\t\t\t[bound1, no_of_parts_1] = this.calc_upper_bound_and_no_of_parts(value1);\n\t\t\t}\n\n\t\t\tinterval_size = bound1 / no_of_parts_1;\n\t\t\tno_of_parts_2 = this.calc_no_of_parts(value2, interval_size);\n\t\t\tbound2 = no_of_parts_2 * interval_size;\n\n\t\t\treturn [bound1, bound2, no_of_parts_1, no_of_parts_2, interval_size];\n\t\t};\n\n\t\tconst abs_min_val = min_val * -1;\n\t\tif(abs_min_val <= max_val) {\n\t\t\t// Get the positive region intervals\n\t\t\t// then calc negative ones accordingly\n\t\t\t[max_bound, min_bound, pos_no_of_parts, neg_no_of_parts, part_size]\n\t\t\t\t= get_params(max_val, abs_min_val);\n\t\t\tif(abs_min_val === 0) {\n\t\t\t\tmin_bound = 0; neg_no_of_parts = 0;\n\t\t\t}\n\t\t} else {\n\t\t\t// Get the negative region here first\n\t\t\t[min_bound, max_bound, neg_no_of_parts, pos_no_of_parts, part_size]\n\t\t\t\t= get_params(abs_min_val, max_val);\n\t\t}\n\n\t\t// Make both region parts even\n\t\tif(pos_no_of_parts % 2 !== 0 && neg_no_of_parts > 0) pos_no_of_parts++;\n\t\tif(neg_no_of_parts % 2 !== 0) {\n\t\t\t// every increase in no_of_parts entails an increase in corresponding bound\n\t\t\t// except here, it happens implicitly after every calc_no_of_parts() call\n\t\t\tneg_no_of_parts++;\n\t\t\tmin_bound += part_size;\n\t\t}\n\n\t\tlet no_of_parts = pos_no_of_parts + neg_no_of_parts;\n\t\tif(no_of_parts > 5) {\n\t\t\tno_of_parts /= 2;\n\t\t\tpart_size *= 2;\n\n\t\t\tpos_no_of_parts /=2;\n\t\t}\n\n\t\tif (max_val < (pos_no_of_parts - 1) * part_size) {\n\t\t\tno_of_parts--;\n\t\t}\n\n\t\treturn this.get_intervals(\n\t\t\t(-1) * min_bound,\n\t\t\tpart_size,\n\t\t\tno_of_parts\n\t\t);\n\t}\n\n\tget_intervals(start, interval_size, count) {\n\t\tlet intervals = [];\n\t\tfor(var i = 0; i <= count; i++){\n\t\t\tintervals.push(start);\n\t\t\tstart += interval_size;\n\t\t}\n\t\treturn intervals;\n\t}\n\n\tcalc_upper_bound_and_no_of_parts(max_val) {\n\t\t// Given a positive value, calculates a nice-number upper bound\n\t\t// and a consequent optimal number of parts\n\n\t\tconst part_size = Math.pow(10, ((max_val+\"\").length - 1));\n\t\tconst no_of_parts = this.calc_no_of_parts(max_val, part_size);\n\n\t\t// Use it to get a nice even upper bound\n\t\tconst upper_bound = part_size * no_of_parts;\n\n\t\treturn [upper_bound, no_of_parts];\n\t}\n\n\tcalc_no_of_parts(value, divisor) {\n\t\t// value should be a positive number, divisor should be greater than 0\n\t\t// returns an even no of parts\n\t\tlet no_of_parts = Math.ceil(value / divisor);\n\t\tif(no_of_parts % 2 !== 0) no_of_parts++; // Make it an even number\n\n\t\treturn no_of_parts;\n\t}\n\n\tget_optimal_no_of_parts(no_of_parts) {\n\t\t// aka Divide by 2 if too large\n\t\treturn (no_of_parts < 5) ? no_of_parts : no_of_parts / 2;\n\t}\n\n\tset_avg_unit_width_and_x_offset() {\n\t\t// Set the ... you get it\n\t\tthis.avg_unit_width = this.width/(this.x.length - 1);\n\t\tthis.x_offset = 0;\n\t}\n\n\tget_all_y_values() {\n\t\tlet all_values = [];\n\n\t\t// Add in all the y values in the datasets\n\t\tthis.y.map(d => {\n\t\t\tall_values = all_values.concat(d.values);\n\t\t});\n\n\t\t// Add in all the specific values\n\t\treturn all_values.concat(this.specific_values.map(d => d.value));\n\t}\n\n\tcalc_y_dependencies() {\n\t\tthis.y_min_tops = new Array(this.x_axis_positions.length).fill(9999);\n\t\tthis.y.map(d => {\n\t\t\td.y_tops = d.values.map( val => float_2(this.zero_line - val * this.multiplier));\n\t\t\td.y_tops.map( (y_top, i) => {\n\t\t\t\tif(y_top < this.y_min_tops[i]) {\n\t\t\t\t\tthis.y_min_tops[i] = y_top;\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t\t// this.chart_wrapper.removeChild(this.tip.container);\n\t\t// this.make_tooltip();\n\t}\n\n\tget_bar_height_and_y_attr(y_top) {\n\t\tlet height, y;\n\t\tif (y_top <= this.zero_line) {\n\t\t\theight = this.zero_line - y_top;\n\t\t\ty = y_top;\n\n\t\t\t// In case of invisible bars\n\t\t\tif(height === 0) {\n\t\t\t\theight = this.height * 0.01;\n\t\t\t\ty -= height;\n\t\t\t}\n\t\t} else {\n\t\t\theight = y_top - this.zero_line;\n\t\t\ty = this.zero_line;\n\n\t\t\t// In case of invisible bars\n\t\t\tif(height === 0) {\n\t\t\t\theight = this.height * 0.01;\n\t\t\t}\n\t\t}\n\n\t\treturn [height, y];\n\t}\n\n\tsetup_utils() {\n\t\tthis.draw = {\n\t\t\t'bar': (x, y_top, args, color, index, dataset_index, no_of_datasets) => {\n\t\t\t\tlet total_width = this.avg_unit_width - args.space_width;\n\t\t\t\tlet start_x = x - total_width/2;\n\n\t\t\t\tlet width = total_width / no_of_datasets;\n\t\t\t\tlet current_x = start_x + width * dataset_index;\n\n\t\t\t\tlet [height, y] = this.get_bar_height_and_y_attr(y_top);\n\n\t\t\t\treturn $.createSVG('rect', {\n\t\t\t\t\tclassName: `bar mini fill ${color}`,\n\t\t\t\t\t'data-point-index': index,\n\t\t\t\t\tx: current_x,\n\t\t\t\t\ty: y,\n\t\t\t\t\twidth: width,\n\t\t\t\t\theight: height\n\t\t\t\t});\n\n\t\t\t},\n\t\t\t'dot': (x, y, args, color, index) => {\n\t\t\t\treturn $.createSVG('circle', {\n\t\t\t\t\tclassName: `fill ${color}`,\n\t\t\t\t\t'data-point-index': index,\n\t\t\t\t\tcx: x,\n\t\t\t\t\tcy: y,\n\t\t\t\t\tr: args.radius\n\t\t\t\t});\n\t\t\t}\n\t\t};\n\n\t\tthis.animate = {\n\t\t\t'bar': (bar_obj, x, y_top, index) => {\n\t\t\t\tlet start = x - this.avg_unit_width/4;\n\t\t\t\tlet width = (this.avg_unit_width/2)/this.y.length;\n\t\t\t\tlet [height, y] = this.get_bar_height_and_y_attr(y_top);\n\n\t\t\t\tx = start + (width * index);\n\n\t\t\t\treturn [bar_obj, {width: width, height: height, x: x, y: y}, 350, \"easein\"];\n\t\t\t\t// bar.animate({height: args.new_height, y: y_top}, 350, mina.easein);\n\t\t\t},\n\t\t\t'dot': (dot_obj, x, y_top) => {\n\t\t\t\treturn [dot_obj, {cx: x, cy: y_top}, 350, \"easein\"];\n\t\t\t\t// dot.animate({cy: y_top}, 350, mina.easein);\n\t\t\t}\n\t\t};\n\t}\n}\n","import AxisChart from './AxisChart';\n\nexport default class BarChart extends AxisChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\n\t\tthis.type = 'bar';\n\t\tthis.x_axis_mode = args.x_axis_mode || 'tick';\n\t\tthis.y_axis_mode = args.y_axis_mode || 'span';\n\t\tthis.setup();\n\t}\n\n\tsetup_values() {\n\t\tsuper.setup_values();\n\t\tthis.x_offset = this.avg_unit_width;\n\t\tthis.unit_args = {\n\t\t\ttype: 'bar',\n\t\t\targs: {\n\t\t\t\tspace_width: this.avg_unit_width/2,\n\t\t\t}\n\t\t};\n\t}\n\n\tmake_overlay() {\n\t\t// Just make one out of the first element\n\t\tlet index = this.x.length - 1;\n\t\tlet unit = this.y[0].svg_units[index];\n\t\tthis.update_current_data_point(index);\n\n\t\tif(this.overlay) {\n\t\t\tthis.overlay.parentNode.removeChild(this.overlay);\n\t\t}\n\n\t\tthis.overlay = unit.cloneNode();\n\t\tthis.overlay.style.fill = '#000000';\n\t\tthis.overlay.style.opacity = '0.4';\n\t\tthis.draw_area.appendChild(this.overlay);\n\t}\n\n\tbind_overlay() {\n\t\t// on event, update overlay\n\t\tthis.parent.addEventListener('data-select', (e) => {\n\t\t\tthis.update_overlay(e.svg_unit);\n\t\t});\n\t}\n\n\tbind_units(units_array) {\n\t\tunits_array.map(unit => {\n\t\t\tunit.addEventListener('click', () => {\n\t\t\t\tlet index = unit.getAttribute('data-point-index');\n\t\t\t\tthis.update_current_data_point(index);\n\t\t\t});\n\t\t});\n\t}\n\n\tupdate_overlay(unit) {\n\t\tlet attributes = [];\n\t\tObject.keys(unit.attributes).map(index => {\n\t\t\tattributes.push(unit.attributes[index]);\n\t\t});\n\n\t\tattributes.filter(attr => attr.specified).map(attr => {\n\t\t\tthis.overlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\t}\n\n\ton_left_arrow() {\n\t\tthis.update_current_data_point(this.current_index - 1);\n\t}\n\n\ton_right_arrow() {\n\t\tthis.update_current_data_point(this.current_index + 1);\n\t}\n\n\tset_avg_unit_width_and_x_offset() {\n\t\tthis.avg_unit_width = this.width/(this.x.length + 1);\n\t\tthis.x_offset = this.avg_unit_width;\n\t}\n}\n","import AxisChart from './AxisChart';\nimport $ from '../helpers/dom';\n\nexport default class LineChart extends AxisChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\n\t\tthis.x_axis_mode = args.x_axis_mode || 'span';\n\t\tthis.y_axis_mode = args.y_axis_mode || 'span';\n\n\t\tif(args.hasOwnProperty('show_dots')) {\n\t\t\tthis.show_dots = args.show_dots;\n\t\t} else {\n\t\t\tthis.show_dots = 1;\n\t\t}\n\t\tthis.region_fill = args.region_fill;\n\n\t\tif(Object.getPrototypeOf(this) !== LineChart.prototype) {\n\t\t\treturn;\n\t\t}\n\t\tthis.dot_radius = args.dot_radius || 4;\n\t\tthis.heatline = args.heatline;\n\t\tthis.type = 'line';\n\n\t\tthis.setup();\n\t}\n\n\tsetup_graph_components() {\n\t\tthis.setup_path_groups();\n\t\tsuper.setup_graph_components();\n\t}\n\n\tsetup_path_groups() {\n\t\tthis.paths_groups = [];\n\t\tthis.y.map((d, i) => {\n\t\t\tthis.paths_groups[i] = $.createSVG('g', {\n\t\t\t\tclassName: 'path-group path-group-' + i,\n\t\t\t\tinside: this.draw_area\n\t\t\t});\n\t\t});\n\t}\n\n\tsetup_values() {\n\t\tsuper.setup_values();\n\t\tthis.unit_args = {\n\t\t\ttype: 'dot',\n\t\t\targs: { radius: this.dot_radius }\n\t\t};\n\t}\n\n\tmake_new_units_for_dataset(x_values, y_values, color, dataset_index,\n\t\tno_of_datasets, units_group, units_array, unit) {\n\t\tif(this.show_dots) {\n\t\t\tsuper.make_new_units_for_dataset(x_values, y_values, color, dataset_index,\n\t\t\t\tno_of_datasets, units_group, units_array, unit);\n\t\t}\n\t}\n\n\tmake_paths() {\n\t\tthis.y.map((d, i) => {\n\t\t\tthis.make_path(d, i, this.x_axis_positions, d.y_tops, d.color || this.colors[i]);\n\t\t});\n\t}\n\n\tmake_path(d, i, x_positions, y_positions, color) {\n\t\tlet points_list = y_positions.map((y, i) => (x_positions[i] + ',' + y));\n\t\tlet points_str = points_list.join(\"L\");\n\n\t\tthis.paths_groups[i].textContent = '';\n\n\t\td.path = $.createSVG('path', {\n\t\t\tinside: this.paths_groups[i],\n\t\t\tclassName: `stroke ${color}`,\n\t\t\td: \"M\"+points_str\n\t\t});\n\n\t\tif(this.heatline) {\n\t\t\tlet gradient_id = this.make_gradient(color);\n\t\t\td.path.style.stroke = `url(#${gradient_id})`;\n\t\t}\n\n\t\tif(this.region_fill) {\n\t\t\tthis.fill_region_for_dataset(d, i, color, points_str);\n\t\t}\n\t}\n\n\tfill_region_for_dataset(d, i, color, points_str) {\n\t\tlet gradient_id = this.make_gradient(color, true);\n\n\t\td.region_path = $.createSVG('path', {\n\t\t\tinside: this.paths_groups[i],\n\t\t\tclassName: `region-fill`,\n\t\t\td: \"M\" + `0,${this.zero_line}L` + points_str + `L${this.width},${this.zero_line}`,\n\t\t});\n\n\t\td.region_path.style.stroke = \"none\";\n\t\td.region_path.style.fill = `url(#${gradient_id})`;\n\t}\n\n\tmake_gradient(color, lighter = false) {\n\t\tlet gradient_id ='path-fill-gradient' + '-' + color;\n\n\t\tlet gradient_def = $.createSVG('linearGradient', {\n\t\t\tinside: this.svg_defs,\n\t\t\tid: gradient_id,\n\t\t\tx1: 0,\n\t\t\tx2: 0,\n\t\t\ty1: 0,\n\t\t\ty2: 1\n\t\t});\n\n\t\tlet set_gradient_stop = (grad_elem, offset, color, opacity) => {\n\t\t\t$.createSVG('stop', {\n\t\t\t\t'className': 'stop-color ' + color,\n\t\t\t\t'inside': grad_elem,\n\t\t\t\t'offset': offset,\n\t\t\t\t'stop-opacity': opacity\n\t\t\t});\n\t\t};\n\n\t\tlet opacities = [1, 0.6, 0.2];\n\n\t\tif(lighter) {\n\t\t\topacities = [0.4, 0.2, 0];\n\t\t}\n\n\t\tset_gradient_stop(gradient_def, \"0%\", color, opacities[0]);\n\t\tset_gradient_stop(gradient_def, \"50%\", color, opacities[1]);\n\t\tset_gradient_stop(gradient_def, \"100%\", color, opacities[2]);\n\n\t\treturn gradient_id;\n\t}\n}\n","import LineChart from './LineChart';\n\nexport default class ScatterChart extends LineChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\n\t\tthis.type = 'scatter';\n\n\t\tif(!args.dot_radius) {\n\t\t\tthis.dot_radius = 8;\n\t\t} else {\n\t\t\tthis.dot_radius = args.dot_radius;\n\t\t}\n\n\t\tthis.setup();\n\t}\n\n\tsetup_graph_components() {\n\t\tthis.setup_path_groups();\n\t\tsuper.setup_graph_components();\n\t}\n\n\tsetup_path_groups() {}\n\n\tsetup_values() {\n\t\tsuper.setup_values();\n\t\tthis.unit_args = {\n\t\t\ttype: 'dot',\n\t\t\targs: { radius: this.dot_radius }\n\t\t};\n\t}\n\n\tmake_paths() {}\n\tmake_path() {}\n}\n","import BaseChart from './BaseChart';\nimport $ from '../helpers/dom';\n\nexport default class PercentageChart extends BaseChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\t\tthis.type = 'percentage';\n\n\t\tthis.get_y_label = this.format_lambdas.y_label;\n\t\tthis.get_x_tooltip = this.format_lambdas.x_tooltip;\n\t\tthis.get_y_tooltip = this.format_lambdas.y_tooltip;\n\n\t\tthis.max_slices = 10;\n\t\tthis.max_legend_points = 6;\n\n\t\tthis.colors = args.colors;\n\n\t\tif(!this.colors || this.colors.length < this.data.labels.length) {\n\t\t\tthis.colors = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t\t\t\t'yellow', 'green', 'light-green', 'purple', 'magenta'];\n\t\t}\n\n\t\tthis.setup();\n\t}\n\n\tmake_chart_area() {\n\t\tthis.chart_wrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.chart_wrapper.style.marginTop = '45px';\n\n\t\tthis.stats_wrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.stats_wrapper.style.marginBottom = '30px';\n\t\tthis.stats_wrapper.style.paddingTop = '0px';\n\t}\n\n\tmake_draw_area() {\n\t\tthis.chart_div = $.create('div', {\n\t\t\tclassName: 'div',\n\t\t\tinside: this.chart_wrapper\n\t\t});\n\n\t\tthis.chart = $.create('div', {\n\t\t\tclassName: 'progress-chart',\n\t\t\tinside: this.chart_div\n\t\t});\n\t}\n\n\tsetup_components() {\n\t\tthis.percentage_bar = $.create('div', {\n\t\t\tclassName: 'progress',\n\t\t\tinside: this.chart\n\t\t});\n\t}\n\n\tsetup_values() {\n\t\tthis.slice_totals = [];\n\t\tlet all_totals = this.data.labels.map((d, i) => {\n\t\t\tlet total = 0;\n\t\t\tthis.data.datasets.map(e => {\n\t\t\t\ttotal += e.values[i];\n\t\t\t});\n\t\t\treturn [total, d];\n\t\t}).filter(d => { return d[0] > 0; }); // keep only positive results\n\n\t\tlet totals = all_totals;\n\n\t\tif(all_totals.length > this.max_slices) {\n\t\t\tall_totals.sort((a, b) => { return b[0] - a[0]; });\n\n\t\t\ttotals = all_totals.slice(0, this.max_slices-1);\n\t\t\tlet others = all_totals.slice(this.max_slices-1);\n\n\t\t\tlet sum_of_others = 0;\n\t\t\tothers.map(d => {sum_of_others += d[0];});\n\n\t\t\ttotals.push([sum_of_others, 'Rest']);\n\n\t\t\tthis.colors[this.max_slices-1] = 'grey';\n\t\t}\n\n\t\tthis.labels = [];\n\t\ttotals.map(d => {\n\t\t\tthis.slice_totals.push(d[0]);\n\t\t\tthis.labels.push(d[1]);\n\t\t});\n\n\t\tthis.legend_totals = this.slice_totals.slice(0, this.max_legend_points);\n\t}\n\n\tsetup_utils() { }\n\n\tmake_graph_components() {\n\t\tthis.grand_total = this.slice_totals.reduce((a, b) => a + b, 0);\n\t\tthis.slices = [];\n\t\tthis.slice_totals.map((total, i) => {\n\t\t\tlet slice = $.create('div', {\n\t\t\t\tclassName: `progress-bar background ${this.colors[i]}`,\n\t\t\t\tinside: this.percentage_bar,\n\t\t\t\tstyles: {\n\t\t\t\t\twidth: total*100/this.grand_total + \"%\"\n\t\t\t\t}\n\t\t\t});\n\t\t\tthis.slices.push(slice);\n\t\t});\n\t}\n\n\tbind_tooltip() {\n\t\tthis.slices.map((slice, i) => {\n\t\t\tslice.addEventListener('mouseenter', () => {\n\t\t\t\tlet g_off = $.offset(this.chart_wrapper), p_off = $.offset(slice);\n\n\t\t\t\tlet x = p_off.left - g_off.left + slice.offsetWidth/2;\n\t\t\t\tlet y = p_off.top - g_off.top - 6;\n\t\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length>0\n\t\t\t\t\t? this.formatted_labels[i] : this.labels[i]) + ': ';\n\t\t\t\tlet percent = (this.slice_totals[i]*100/this.grand_total).toFixed(1);\n\n\t\t\t\tthis.tip.set_values(x, y, title, percent + \"%\");\n\t\t\t\tthis.tip.show_tip();\n\t\t\t});\n\t\t});\n\t}\n\n\tshow_summary() {\n\t\tlet x_values = this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t? this.formatted_labels : this.labels;\n\t\tthis.legend_totals.map((d, i) => {\n\t\t\tif(d) {\n\t\t\t\tlet stats = $.create('div', {\n\t\t\t\t\tclassName: 'stats',\n\t\t\t\t\tinside: this.stats_wrapper\n\t\t\t\t});\n\t\t\t\tstats.innerHTML = `<span class=\"indicator ${this.colors[i]}\">\n\t\t\t\t\t<span class=\"text-muted\">${x_values[i]}:</span>\n\t\t\t\t\t${d}\n\t\t\t\t</span>`;\n\t\t\t}\n\t\t});\n\t}\n}\n","import BaseChart from './BaseChart';\nimport $ from '../helpers/dom';\n\nexport default class Heatmap extends BaseChart {\n\tconstructor({\n\t\tstart = '',\n\t\tdomain = '',\n\t\tsubdomain = '',\n\t\tdata = {},\n\t\tdiscrete_domains = 0,\n\t\tcount_label = ''\n\t}) {\n\t\tsuper(arguments[0]);\n\n\t\tthis.type = 'heatmap';\n\n\t\tthis.domain = domain;\n\t\tthis.subdomain = subdomain;\n\t\tthis.data = data;\n\t\tthis.discrete_domains = discrete_domains;\n\t\tthis.count_label = count_label;\n\n\t\tlet today = new Date();\n\t\tthis.start = start || this.add_days(today, 365);\n\n\t\tthis.legend_colors = ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\n\n\t\tthis.translate_x = 0;\n\t\tthis.setup();\n\t}\n\n\tsetup_base_values() {\n\t\tthis.today = new Date();\n\n\t\tif(!this.start) {\n\t\t\tthis.start = new Date();\n\t\t\tthis.start.setFullYear( this.start.getFullYear() - 1 );\n\t\t}\n\t\tthis.first_week_start = new Date(this.start.toDateString());\n\t\tthis.last_week_start = new Date(this.today.toDateString());\n\t\tif(this.first_week_start.getDay() !== 7) {\n\t\t\tthis.add_days(this.first_week_start, (-1) * this.first_week_start.getDay());\n\t\t}\n\t\tif(this.last_week_start.getDay() !== 7) {\n\t\t\tthis.add_days(this.last_week_start, (-1) * this.last_week_start.getDay());\n\t\t}\n\t\tthis.no_of_cols = this.get_weeks_between(this.first_week_start + '', this.last_week_start + '') + 1;\n\t}\n\n\tset_width() {\n\t\tthis.base_width = (this.no_of_cols + 3) * 12 ;\n\n\t\tif(this.discrete_domains) {\n\t\t\tthis.base_width += (12 * 12);\n\t\t}\n\t}\n\n\tsetup_components() {\n\t\tthis.domain_label_group = $.createSVG(\"g\", {\n\t\t\tclassName: \"domain-label-group chart-label\",\n\t\t\tinside: this.draw_area\n\t\t});\n\t\tthis.data_groups = $.createSVG(\"g\", {\n\t\t\tclassName: \"data-groups\",\n\t\t\tinside: this.draw_area,\n\t\t\ttransform: `translate(0, 20)`\n\t\t});\n\t}\n\n\tsetup_values() {\n\t\tthis.domain_label_group.textContent = '';\n\t\tthis.data_groups.textContent = '';\n\t\tthis.distribution = this.get_distribution(this.data, this.legend_colors);\n\t\tthis.month_names = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n\t\t\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"\n\t\t];\n\n\t\tthis.render_all_weeks_and_store_x_values(this.no_of_cols);\n\t}\n\n\trender_all_weeks_and_store_x_values(no_of_weeks) {\n\t\tlet current_week_sunday = new Date(this.first_week_start);\n\t\tthis.week_col = 0;\n\t\tthis.current_month = current_week_sunday.getMonth();\n\n\t\tthis.months = [this.current_month + ''];\n\t\tthis.month_weeks = {}, this.month_start_points = [];\n\t\tthis.month_weeks[this.current_month] = 0;\n\t\tthis.month_start_points.push(13);\n\n\t\tfor(var i = 0; i < no_of_weeks; i++) {\n\t\t\tlet data_group, month_change = 0;\n\t\t\tlet day = new Date(current_week_sunday);\n\n\t\t\t[data_group, month_change] = this.get_week_squares_group(day, this.week_col);\n\t\t\tthis.data_groups.appendChild(data_group);\n\t\t\tthis.week_col += 1 + parseInt(this.discrete_domains && month_change);\n\t\t\tthis.month_weeks[this.current_month]++;\n\t\t\tif(month_change) {\n\t\t\t\tthis.current_month = (this.current_month + 1) % 12;\n\t\t\t\tthis.months.push(this.current_month + '');\n\t\t\t\tthis.month_weeks[this.current_month] = 1;\n\t\t\t}\n\t\t\tthis.add_days(current_week_sunday, 7);\n\t\t}\n\t\tthis.render_month_labels();\n\t}\n\n\tget_week_squares_group(current_date, index) {\n\t\tconst no_of_weekdays = 7;\n\t\tconst square_side = 10;\n\t\tconst cell_padding = 2;\n\t\tconst step = 1;\n\n\t\tlet month_change = 0;\n\t\tlet week_col_change = 0;\n\n\t\tlet data_group = $.createSVG(\"g\", {\n\t\t\tclassName: \"data-group\",\n\t\t\tinside: this.data_groups\n\t\t});\n\n\t\tfor(var y = 0, i = 0; i < no_of_weekdays; i += step, y += (square_side + cell_padding)) {\n\t\t\tlet data_value = 0;\n\t\t\tlet color_index = 0;\n\n\t\t\tlet current_timestamp = current_date.getTime()/1000;\n\t\t\tlet timestamp = Math.floor(current_timestamp - (current_timestamp % 86400)).toFixed(1);\n\n\t\t\tif(this.data[timestamp]) {\n\t\t\t\tdata_value = this.data[timestamp];\n\t\t\t\tcolor_index = this.get_max_checkpoint(data_value, this.distribution);\n\t\t\t}\n\n\t\t\tif(this.data[Math.round(timestamp)]) {\n\t\t\t\tdata_value = this.data[Math.round(timestamp)];\n\t\t\t\tcolor_index = this.get_max_checkpoint(data_value, this.distribution);\n\t\t\t}\n\n\t\t\tlet x = 13 + (index + week_col_change) * 12;\n\n\t\t\t$.createSVG(\"rect\", {\n\t\t\t\tclassName: 'day',\n\t\t\t\tinside: data_group,\n\t\t\t\tx: x,\n\t\t\t\ty: y,\n\t\t\t\twidth: square_side,\n\t\t\t\theight: square_side,\n\t\t\t\tfill:  this.legend_colors[color_index],\n\t\t\t\t'data-date': this.get_dd_mm_yyyy(current_date),\n\t\t\t\t'data-value': data_value,\n\t\t\t\t'data-day': current_date.getDay()\n\t\t\t});\n\n\t\t\tlet next_date = new Date(current_date);\n\t\t\tthis.add_days(next_date, 1);\n\t\t\tif(next_date.getMonth() - current_date.getMonth()) {\n\t\t\t\tmonth_change = 1;\n\t\t\t\tif(this.discrete_domains) {\n\t\t\t\t\tweek_col_change = 1;\n\t\t\t\t}\n\n\t\t\t\tthis.month_start_points.push(13 + (index + week_col_change) * 12);\n\t\t\t}\n\t\t\tcurrent_date = next_date;\n\t\t}\n\n\t\treturn [data_group, month_change];\n\t}\n\n\trender_month_labels() {\n\t\t// this.first_month_label = 1;\n\t\t// if (this.first_week_start.getDate() > 8) {\n\t\t// \tthis.first_month_label = 0;\n\t\t// }\n\t\t// this.last_month_label = 1;\n\n\t\t// let first_month = this.months.shift();\n\t\t// let first_month_start = this.month_start_points.shift();\n\t\t// render first month if\n\n\t\t// let last_month = this.months.pop();\n\t\t// let last_month_start = this.month_start_points.pop();\n\t\t// render last month if\n\n\t\tthis.months.shift();\n\t\tthis.month_start_points.shift();\n\t\tthis.months.pop();\n\t\tthis.month_start_points.pop();\n\n\t\tthis.month_start_points.map((start, i) => {\n\t\t\tlet month_name =  this.month_names[this.months[i]].substring(0, 3);\n\n\t\t\t$.createSVG('text', {\n\t\t\t\tclassName: 'y-value-text',\n\t\t\t\tinside: this.domain_label_group,\n\t\t\t\tx: start + 12,\n\t\t\t\ty: 10,\n\t\t\t\tdy: '.32em',\n\t\t\t\tinnerHTML: month_name\n\t\t\t});\n\n\t\t});\n\t}\n\n\tmake_graph_components() {\n\t\tArray.prototype.slice.call(\n\t\t\tthis.container.querySelectorAll('.graph-stats-container, .sub-title, .title')\n\t\t).map(d => {\n\t\t\td.style.display = 'None';\n\t\t});\n\t\tthis.chart_wrapper.style.marginTop = '0px';\n\t\tthis.chart_wrapper.style.paddingTop = '0px';\n\t}\n\n\tbind_tooltip() {\n\t\tArray.prototype.slice.call(\n\t\t\tdocument.querySelectorAll(\".data-group .day\")\n\t\t).map(el => {\n\t\t\tel.addEventListener('mouseenter', (e) => {\n\t\t\t\tlet count = e.target.getAttribute('data-value');\n\t\t\t\tlet date_parts = e.target.getAttribute('data-date').split('-');\n\n\t\t\t\tlet month = this.month_names[parseInt(date_parts[1])-1].substring(0, 3);\n\n\t\t\t\tlet g_off = this.chart_wrapper.getBoundingClientRect(), p_off = e.target.getBoundingClientRect();\n\n\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\tlet x = p_off.left - g_off.left + (width+2)/2;\n\t\t\t\tlet y = p_off.top - g_off.top - (width+2)/2;\n\t\t\t\tlet value = count + ' ' + this.count_label;\n\t\t\t\tlet name = ' on ' + month + ' ' + date_parts[0] + ', ' + date_parts[2];\n\n\t\t\t\tthis.tip.set_values(x, y, name, value, [], 1);\n\t\t\t\tthis.tip.show_tip();\n\t\t\t});\n\t\t});\n\t}\n\n\tupdate(data) {\n\t\tthis.data = data;\n\t\tthis.setup_values();\n\t\tthis.bind_tooltip();\n\t}\n\n\tget_distribution(data={}, mapper_array) {\n\t\tlet data_values = Object.keys(data).map(key => data[key]);\n\t\tlet data_max_value = Math.max(...data_values);\n\n\t\tlet distribution_step = 1 / (mapper_array.length - 1);\n\t\tlet distribution = [];\n\n\t\tmapper_array.map((color, i) => {\n\t\t\tlet checkpoint = data_max_value * (distribution_step * i);\n\t\t\tdistribution.push(checkpoint);\n\t\t});\n\n\t\treturn distribution;\n\t}\n\n\tget_max_checkpoint(value, distribution) {\n\t\treturn distribution.filter((d, i) => {\n\t\t\tif(i === 1) {\n\t\t\t\treturn distribution[0] < value;\n\t\t\t}\n\t\t\treturn d <= value;\n\t\t}).length - 1;\n\t}\n\n\t// TODO: date utils, move these out\n\n\t// https://stackoverflow.com/a/11252167/6495043\n\ttreat_as_utc(date_str) {\n\t\tlet result = new Date(date_str);\n\t\tresult.setMinutes(result.getMinutes() - result.getTimezoneOffset());\n\t\treturn result;\n\t}\n\n\tget_dd_mm_yyyy(date) {\n\t\tlet dd = date.getDate();\n\t\tlet mm = date.getMonth() + 1; // getMonth() is zero-based\n\t\treturn [\n\t\t\t(dd>9 ? '' : '0') + dd,\n\t\t\t(mm>9 ? '' : '0') + mm,\n\t\t\tdate.getFullYear()\n\t\t].join('-');\n\t}\n\n\tget_weeks_between(start_date_str, end_date_str) {\n\t\treturn Math.ceil(this.get_days_between(start_date_str, end_date_str) / 7);\n\t}\n\n\tget_days_between(start_date_str, end_date_str) {\n\t\tlet milliseconds_per_day = 24 * 60 * 60 * 1000;\n\t\treturn (this.treat_as_utc(end_date_str) - this.treat_as_utc(start_date_str)) / milliseconds_per_day;\n\t}\n\n\t// mutates\n\tadd_days(date, number_of_days) {\n\t\tdate.setDate(date.getDate() + number_of_days);\n\t}\n\n\tget_month_name() {}\n}\n"],"names":["expr","con","document","querySelector","float_2","d","parseFloat","toFixed","arrays_equal","arr1","arr2","length","are_equal","map","i","getChartByType","chartType","options","chartTypes","LineChart","$","findNodeIndex","node","previousSibling","create","tag","o","element","createElement","val","appendChild","ref","parentNode","insertBefore","keys","style","prop","setAttribute","createSVG","createElementNS","runSVGAnimation","svg_container","elements","new_elements","anim_elements","obj","parent","unit","anim_element","new_element","animateSVG","push","replaceChild","array","index","object","key","anim_svg","cloneNode","props","dur","easing_type","type","undefined","old_values","easing","attributeName","animate_element","current_value","getAttribute","value","anim_attr","offset","rect","getBoundingClientRect","top","documentElement","scrollTop","body","left","scrollLeft","isElementInViewport","el","bottom","window","innerHeight","clientHeight","right","innerWidth","clientWidth","bind","event","callback","split","forEach","addEventListener","unbind","removeEventListener","fire","target","properties","evt","createEvent","initEvent","j","dispatchEvent","SvgTip","title_name","title_value","list_values","title_value_first","x","y","setup","make_tooltip","fill","calc_position","container","this","hide_tip","title","data_point_list","innerHTML","set","li","color","offsetHeight","offsetWidth","max_left","pointer","delta","refresh","opacity","BaseChart","height","subtitle","format_lambdas","summary","is_navigable","has_legend","data","raw_chart_args","arguments","specific_values","current_index","chart_types","set_margins","includes","error","Chart","base_height","translate_x","translate_y","bind_window_events","_this","init","setup_base_values","set_width","setup_container","setup_components","setup_values","setup_utils","make_graph_components","show_custom_summary","show_summary","setup_navigation","special_values_width","_this2","get_strwidth","base_width","width","chart_wrapper","stats_wrapper","make_chart_area","make_draw_area","svg","svg_defs","draw_area","tip","bind_tooltip","stats","make_overlay","bind_overlay","e","_this4","keyCode","on_left_arrow","on_right_arrow","on_up_arrow","on_down_arrow","on_enter_key","data_point","data_key","slice","label","parseInt","get_data_point","string","AxisChart","args","labels","datasets","is_series","get_y_label","y_label","get_y_tooltip","y_tooltip","get_x_tooltip","x_tooltip","colors","zero_line","values","isNaN","setup_x","setup_y","set_avg_unit_width_and_x_offset","x_axis_positions","x_old_axis_positions","x_offset","avg_unit_width","y_axis_values","y_old_axis_values","get_all_y_values","y_sums","concat","get_y_axis_points","y_pts","value_range","multiplier","old_multiplier","zero_index","indexOf","interval_height","old_zero_line","setup_marker_components","setup_aggregation_components","setup_graph_components","y_axis_group","className","inside","x_axis_group","specific_y_group","sum_group","average_group","svg_units_groups","_this3","make_y_axis","make_x_axis","draw_graph","make_y_specifics","animate","start_at","text_start_at","axis_line_class","x_axis_mode","make_anim_x_axis","allowed_space","allowed_letters","textContent","point","space_taken","skips","make_x_line","make_anim_y_axis","make_anim_y_specifics","get_y_axis_line_props","text_end_at","_this5","make_y_line","y_axis_mode","hasOwnProperty","draw_new_graph_and_animate","svg_units","make_path","_this6","y_tops","make_new_units","calc_y_dependencies","Array","_this7","update_values","make_new_units_for_dataset","x_values","y_values","dataset_index","no_of_datasets","units_group","units_array","unit_args","data_unit","_this9","draw","bind_units","_this10","toUpperCase","line_type","_this11","relX","pageX","pageY","map_tooltip_x_position_and_show","y_min_tops","x_val","formatted","_this12","set_values","show_tip","updating","sum_units","_this13","old_specific_values","sum","average","indices_to_remove","auto","unshift","splice","new_y","new_x","elements_to_animate","old_x_values","old_y_axis_tops","old_y_values","no_of_extra_pts","_this16","animate_graphs","run_animation","y_point","x_point","data_set","removeChild","_this17","_this18","calc_old_and_new_postions","old_x","old_y","path","animate_path","animate_units","new_path_str","join","path_args","region_path","reg_start_pt","reg_end_pt","region_args","_this19","last_old_x_pos","last_old_y_pos","last_new_x_pos","last_new_y_pos","filler_x","Math","abs","filler_y","old_pos","new_pos","old_vals","new_vals","last_line_pos","make_new_axis_anim_lines","substring","x_line","_this20","transform","_this21","add_and_animate_y_line","_this22","add_and_animate_line","group","superimposed_positions","superimposed_values","no_of_extras","filler_vals","filler_pos","extra_values","extra_positions","label_class","x_pos","line","text","x_level","y_pos","darker","y_level","stroke","specific","filler","new_props","old_props","axis_label_class","y_line","min_bound","pos_no_of_parts","neg_no_of_parts","part_size","max_val","max","min_val","min","get_params","value1","value2","bound1","bound2","no_of_parts_1","no_of_parts_2","interval_size","_this23","calc_upper_bound_and_no_of_parts","calc_no_of_parts","abs_min_val","no_of_parts","get_intervals","start","count","intervals","pow","divisor","ceil","all_values","_this24","y_top","total_width","_this25","space_width","current_x","get_bar_height_and_y_attr","radius","bar_obj","dot_obj","cx","cy","BarChart","update_current_data_point","overlay","update_overlay","svg_unit","attributes","filter","attr","specified","name","nodeValue","show_dots","region_fill","Object","getPrototypeOf","prototype","dot_radius","heatline","setup_path_groups","paths_groups","x_positions","y_positions","points_str","gradient_id","make_gradient","fill_region_for_dataset","lighter","gradient_def","set_gradient_stop","grad_elem","opacities","ScatterChart","PercentageChart","max_slices","max_legend_points","marginTop","marginBottom","paddingTop","chart_div","chart","percentage_bar","slice_totals","all_totals","total","totals","sort","a","b","sum_of_others","legend_totals","grand_total","reduce","slices","g_off","p_off","formatted_labels","percent","Heatmap","domain","subdomain","discrete_domains","count_label","today","Date","add_days","legend_colors","setFullYear","getFullYear","first_week_start","toDateString","last_week_start","getDay","no_of_cols","get_weeks_between","domain_label_group","data_groups","distribution","get_distribution","month_names","render_all_weeks_and_store_x_values","no_of_weeks","current_week_sunday","week_col","current_month","getMonth","months","month_weeks","month_start_points","data_group","month_change","day","get_week_squares_group","render_month_labels","current_date","week_col_change","square_side","data_value","color_index","current_timestamp","getTime","timestamp","floor","get_max_checkpoint","round","get_dd_mm_yyyy","next_date","shift","pop","month_name","call","querySelectorAll","display","date_parts","month","mapper_array","data_values","data_max_value","distribution_step","checkpoint","date_str","result","setMinutes","getMinutes","getTimezoneOffset","date","dd","getDate","mm","start_date_str","end_date_str","get_days_between","treat_as_utc","number_of_days","setDate"],"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 84bd7a7..8be7322 100644
--- a/docs/assets/js/frappe-charts.min.js
+++ b/docs/assets/js/frappe-charts.min.js
@@ -1,2 +1,2 @@
-var Chart=function(){"use strict";function t(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function e(t){return parseFloat(t.toFixed(2))}function i(t,e){if(t.length!==e.length)return!1;var i=!0;return t.map(function(t,a){e[a]!==t&&(i=!1)}),i}function a(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1];return x[t]?new x[t](e):new g(e)}!function(t,e){if("undefined"==typeof document)return e;t=t||"";var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css",i.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}('.chart-container{font-family:Roboto,Geneva,Tahoma,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{font-size:11px;fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .data-points circle{stroke:#fff;stroke-width:2}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .tick.x-axis-label{display:block}.chart-container .tick .specific-value{text-anchor:start}.chart-container .tick .y-value-text{text-anchor:end}.chart-container .tick .x-value-text{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.graph-svg-tip ol,.graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.graph-svg-tip .svg-pointer{position:absolute;bottom:-10px;left:50%;width:5px;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.indicator,.indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.indicator-right:after,.indicator:before{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.indicator:before{margin:0 4px 0 0}.indicator-right:after{margin:0 0 0 4px}.background.grey,.indicator-right.grey:after,.indicator.grey:before{background:#bdd3e6}.background.light-grey,.indicator-right.light-grey:after,.indicator.light-grey:before{background:#f0f4f7}.background.blue,.indicator-right.blue:after,.indicator.blue:before{background:#5e64ff}.background.red,.indicator-right.red:after,.indicator.red:before{background:#ff5858}.background.green,.indicator-right.green:after,.indicator.green:before{background:#28a745}.background.light-green,.indicator-right.light-green:after,.indicator.light-green:before{background:#98d85b}.background.orange,.indicator-right.orange:after,.indicator.orange:before{background:#ffa00a}.background.violet,.indicator-right.violet:after,.indicator.violet:before{background:#743ee2}.background.dark-grey,.indicator-right.dark-grey:after,.indicator.dark-grey:before{background:#b8c2cc}.background.black,.indicator-right.black:after,.indicator.black:before{background:#36414c}.background.yellow,.indicator-right.yellow:after,.indicator.yellow:before{background:#feef72}.background.light-blue,.indicator-right.light-blue:after,.indicator.light-blue:before{background:#7cd6fd}.background.purple,.indicator-right.purple:after,.indicator.purple:before{background:#b554ff}.background.magenta,.indicator-right.magenta:after,.indicator.magenta:before{background:#ffa3ef}.stroke.grey{stroke:#bdd3e6}.stroke.light-grey{stroke:#f0f4f7}.stroke.blue{stroke:#5e64ff}.stroke.red{stroke:#ff5858}.stroke.light-green{stroke:#98d85b}.stroke.green{stroke:#28a745}.stroke.orange{stroke:#ffa00a}.stroke.violet{stroke:#743ee2}.stroke.dark-grey{stroke:#b8c2cc}.stroke.black{stroke:#36414c}.stroke.yellow{stroke:#feef72}.stroke.light-blue{stroke:#7cd6fd}.stroke.purple{stroke:#b554ff}.stroke.magenta{stroke:#ffa3ef}.fill.grey{fill:#bdd3e6}.fill.light-grey{fill:#f0f4f7}.fill.blue{fill:#5e64ff}.fill.red{fill:#ff5858}.fill.light-green{fill:#98d85b}.fill.green{fill:#28a745}.fill.orange{fill:#ffa00a}.fill.violet{fill:#743ee2}.fill.dark-grey{fill:#b8c2cc}.fill.black{fill:#36414c}.fill.yellow{fill:#feef72}.fill.light-blue{fill:#7cd6fd}.fill.purple{fill:#b554ff}.fill.magenta{fill:#ffa3ef}.border-top.grey{border-top:3px solid #bdd3e6}.border-top.light-grey{border-top:3px solid #f0f4f7}.border-top.blue{border-top:3px solid #5e64ff}.border-top.red{border-top:3px solid #ff5858}.border-top.light-green{border-top:3px solid #98d85b}.border-top.green{border-top:3px solid #28a745}.border-top.orange{border-top:3px solid #ffa00a}.border-top.violet{border-top:3px solid #743ee2}.border-top.dark-grey{border-top:3px solid #b8c2cc}.border-top.black{border-top:3px solid #36414c}.border-top.yellow{border-top:3px solid #feef72}.border-top.light-blue{border-top:3px solid #7cd6fd}.border-top.purple{border-top:3px solid #b554ff}.border-top.magenta{border-top:3px solid #ffa3ef}.stop-color.grey{stop-color:#bdd3e6}.stop-color.light-grey{stop-color:#f0f4f7}.stop-color.blue{stop-color:#5e64ff}.stop-color.red{stop-color:#ff5858}.stop-color.light-green{stop-color:#98d85b}.stop-color.green{stop-color:#28a745}.stop-color.orange{stop-color:#ffa00a}.stop-color.violet{stop-color:#743ee2}.stop-color.dark-grey{stop-color:#b8c2cc}.stop-color.black{stop-color:#36414c}.stop-color.yellow{stop-color:#feef72}.stop-color.light-blue{stop-color:#7cd6fd}.stop-color.purple{stop-color:#b554ff}.stop-color.magenta{stop-color:#ffa3ef}',void 0);var s="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},n=(function(){function t(t){this.value=t}function e(e){function i(s,n){try{var r=e[s](n),o=r.value;o instanceof t?Promise.resolve(o.value).then(function(t){i("next",t)},function(t){i("throw",t)}):a(r.done?"return":"normal",r.value)}catch(t){a("throw",t)}}function a(t,e){switch(t){case"return":s.resolve({value:e,done:!0});break;case"throw":s.reject(e);break;default:s.resolve({value:e,done:!1})}(s=s.next)?i(s.key,s.arg):n=null}var s,n;this._invoke=function(t,e){return new Promise(function(a,r){var o={key:t,arg:e,resolve:a,reject:r,next:null};n?n=n.next=o:(s=n=o,i(t,e))})},"function"!=typeof e.return&&(this.return=void 0)}"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)}}(),function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}),r=function(){function t(t,e){for(var i=0;i<e.length;i++){var a=e[i];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}return function(e,i,a){return i&&t(e.prototype,i),a&&t(e,a),e}}(),o=function t(e,i,a){null===e&&(e=Function.prototype);var s=Object.getOwnPropertyDescriptor(e,i);if(void 0===s){var n=Object.getPrototypeOf(e);return null===n?void 0:t(n,i,a)}if("value"in s)return s.value;var r=s.get;if(void 0!==r)return r.call(a)},l=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)},h=function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e},_=function(){function t(t,e){var i=[],a=!0,s=!1,n=void 0;try{for(var r,o=t[Symbol.iterator]();!(a=(r=o.next()).done)&&(i.push(r.value),!e||i.length!==e);a=!0);}catch(t){s=!0,n=t}finally{try{!a&&o.return&&o.return()}finally{if(s)throw n}}return i}return function(e,i){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return t(e,i);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),u=function(t){if(Array.isArray(t)){for(var e=0,i=Array(t.length);e<t.length;e++)i[e]=t[e];return i}return Array.from(t)};t.findNodeIndex=function(t){for(var e=0;t.previousSibling;)t=t.previousSibling,e++;return e},t.create=function(e,i){var a=document.createElement(e);for(var n in i){var r=i[n];if("inside"===n)t(r).appendChild(a);else if("around"===n){var o=t(r);o.parentNode.insertBefore(a,o),a.appendChild(o)}else"styles"===n?"object"===(void 0===r?"undefined":s(r))&&Object.keys(r).map(function(t){a.style[t]=r[t]}):n in a?a[n]=r:a.setAttribute(n,r)}return a},t.createSVG=function(e,i){var a=document.createElementNS("http://www.w3.org/2000/svg",e);for(var s in i){var n=i[s];if("inside"===s)t(n).appendChild(a);else if("around"===s){var r=t(n);r.parentNode.insertBefore(a,r),a.appendChild(r)}else"className"===s&&(s="class"),"innerHTML"===s?a.textContent=n:a.setAttribute(s,n)}return a},t.runSVGAnimation=function(e,i){var a=[],s=[];i.map(function(e){var i=e[0],n=i.unit.parentNode,r=void 0,o=void 0;e[0]=i.unit;var l=t.animateSVG.apply(t,u(e)),h=_(l,2);r=h[0],o=h[1],a.push(o),s.push([r,n]),n.replaceChild(r,i.unit),i.array?i.array[i.index]=o:i.object[i.key]=o});var n=e.cloneNode(!0);return s.map(function(t,e){t[1].replaceChild(a[e],t[0]),i[e][0]=a[e]}),n},t.animateSVG=function(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",s=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,n=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r={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"},o=t.cloneNode(!0),l=t.cloneNode(!0);for(var h in e){var _=void 0;_="transform"===h?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var u=n[h]||t.getAttribute(h),c=e[h],p={attributeName:h,from:u,to:c,begin:"0s",dur:i/1e3+"s",values:u+";"+c,keySplines:r[a],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};s&&(p.type=s);for(var d in p)_.setAttribute(d,p[d]);o.appendChild(_),s?l.setAttribute(h,"translate("+c+")"):l.setAttribute(h,c)}return[o,l]},t.offset=function(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}},t.isElementInViewport=function(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)},t.bind=function(t,e){if(t)for(var i in e){var a=e[i];i.split(/\s+/).forEach(function(e){t.addEventListener(e,a)})}},t.unbind=function(t,e){if(t)for(var i in e){var a=e[i];i.split(/\s+/).forEach(function(e){t.removeEventListener(e,a)})}},t.fire=function(t,e,i){var a=document.createEvent("HTMLEvents");a.initEvent(e,!0,!0);for(var s in i)a[s]=i[s];return t.dispatchEvent(a)};var c=function(){function e(t){var i=t.parent,a=void 0===i?null:i;n(this,e),this.parent=a,this.title_name="",this.title_value="",this.list_values=[],this.title_value_first=0,this.x=0,this.y=0,this.top=0,this.left=0,this.setup()}return r(e,[{key:"setup",value:function(){this.make_tooltip()}},{key:"refresh",value:function(){this.fill(),this.calc_position()}},{key:"make_tooltip",value:function(){var e=this;this.container=t.create("div",{inside:this.parent,className:"graph-svg-tip comparison",innerHTML:'<span class="title"></span>\n\t\t\t\t<ul class="data-point-list"></ul>\n\t\t\t\t<div class="svg-pointer"></div>'}),this.hide_tip(),this.title=this.container.querySelector(".title"),this.data_point_list=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){e.hide_tip()})}},{key:"fill",value:function(){var e=this,i=void 0;i=this.title_value_first?"<strong>"+this.title_value+"</strong>"+this.title_name:this.title_name+"<strong>"+this.title_value+"</strong>",this.title.innerHTML=i,this.data_point_list.innerHTML="",this.list_values.map(function(i){var a=t.create("li",{className:"border-top "+(i.color||"black"),innerHTML:'<strong style="display: block;">'+(i.value?i.value:"")+"</strong>\n\t\t\t\t\t"+(i.title?i.title:"")});e.data_point_list.appendChild(a)})}},{key:"calc_position",value:function(){this.top=this.y-this.container.offsetHeight,this.left=this.x-this.container.offsetWidth/2;var t=this.parent.offsetWidth-this.container.offsetWidth,e=this.container.querySelector(".svg-pointer");if(this.left<0)e.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>t){var i=this.left-t;e.style.left="calc(50% + "+i+"px)",this.left=t}else e.style.left="50%"}},{key:"set_values",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",s=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],n=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.title_name=i,this.title_value=a,this.list_values=s,this.x=t,this.y=e,this.title_value_first=n,this.refresh()}},{key:"hide_tip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"show_tip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),e}(),p=function(){function e(t){var i=t.height,a=void 0===i?240:i,s=t.title,r=void 0===s?"":s,o=t.subtitle,l=void 0===o?"":o,h=t.format_lambdas,_=void 0===h?{}:h,u=t.summary,c=void 0===u?[]:u,p=t.is_navigable,d=void 0===p?0:p,f=t.has_legend,g=void 0===f?0:f,v=(t.type,t.parent),y=t.data;n(this,e),this.raw_chart_args=arguments[0],this.parent=document.querySelector(v),this.title=r,this.subtitle=l,this.data=y,this.format_lambdas=_,this.specific_values=y.specific_values||[],this.summary=c,this.is_navigable=d,this.is_navigable&&(this.current_index=0),this.has_legend=g,this.chart_types=["line","scatter","bar","percentage","heatmap"],this.set_margins(a)}return r(e,[{key:"get_different_chart",value:function(t){if(this.chart_types.includes(t)||console.error("'"+t+"' is not a valid chart type."),t!==this.type){return{bar:["line","scatter","percentage"],line:["scatter","bar","percentage"],scatter:["line","bar","percentage"],percentage:["bar","line","scatter"],heatmap:[]}[this.type].includes(t)||console.error("'"+this.type+"' chart cannot be converted to a '"+t+"' chart."),new b({parent:this.raw_chart_args.parent,title:this.title,data:this.raw_chart_args.data,type:t,height:this.raw_chart_args.height})}}},{key:"set_margins",value:function(t){this.base_height=t,this.height=t-40,this.translate_x=60,this.translate_y=10}},{key:"setup",value:function(){this.parent?(this.bind_window_events(),this.refresh(!0)):console.error("No parent element to render on was provided.")}},{key:"bind_window_events",value:function(){var t=this;window.addEventListener("resize",function(){return t.refresh()}),window.addEventListener("orientationchange",function(){return t.refresh()})}},{key:"refresh",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.setup_base_values(),this.set_width(),this.setup_container(),this.setup_components(),this.setup_values(),this.setup_utils(),this.make_graph_components(t),this.make_tooltip(),this.summary.length>0?this.show_custom_summary():this.show_summary(),this.is_navigable&&this.setup_navigation(t)}},{key:"set_width",value:function(){var t=this,e=0;this.specific_values.map(function(i){t.get_strwidth(i.title)>e&&(e=t.get_strwidth(i.title)-40)}),this.base_width=this.parent.offsetWidth-e,this.width=this.base_width-2*this.translate_x}},{key:"setup_base_values",value:function(){}},{key:"setup_container",value:function(){this.container=t.create("div",{className:"chart-container",innerHTML:'<h6 class="title">'+this.title+'</h6>\n\t\t\t\t<h6 class="sub-title uppercase">'+this.subtitle+'</h6>\n\t\t\t\t<div class="frappe-chart graphics"></div>\n\t\t\t\t<div class="graph-stats-container"></div>'}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chart_wrapper=this.container.querySelector(".frappe-chart"),this.stats_wrapper=this.container.querySelector(".graph-stats-container"),this.make_chart_area(),this.make_draw_area()}},{key:"make_chart_area",value:function(){return this.svg=t.createSVG("svg",{className:"chart",inside:this.chart_wrapper,width:this.base_width,height:this.base_height}),this.svg_defs=t.createSVG("defs",{inside:this.svg}),this.svg}},{key:"make_draw_area",value:function(){this.draw_area=t.createSVG("g",{className:this.type+"-chart",inside:this.svg,transform:"translate("+this.translate_x+", "+this.translate_y+")"})}},{key:"setup_components",value:function(){}},{key:"make_tooltip",value:function(){this.tip=new c({parent:this.chart_wrapper}),this.bind_tooltip()}},{key:"show_summary",value:function(){}},{key:"show_custom_summary",value:function(){var e=this;this.summary.map(function(i){var a=t.create("div",{className:"stats",innerHTML:'<span class="indicator '+i.color+'">'+i.title+": "+i.value+"</span>"});e.stats_wrapper.appendChild(a)})}},{key:"setup_navigation",value:function(){var e=this,i=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.make_overlay(),i&&(this.bind_overlay(),document.addEventListener("keydown",function(i){t.isElementInViewport(e.chart_wrapper)&&("37"==(i=i||window.event).keyCode?e.on_left_arrow():"39"==i.keyCode?e.on_right_arrow():"38"==i.keyCode?e.on_up_arrow():"40"==i.keyCode?e.on_down_arrow():"13"==i.keyCode&&e.on_enter_key())}))}},{key:"make_overlay",value:function(){}},{key:"bind_overlay",value:function(){}},{key:"bind_units",value:function(){}},{key:"on_left_arrow",value:function(){}},{key:"on_right_arrow",value:function(){}},{key:"on_up_arrow",value:function(){}},{key:"on_down_arrow",value:function(){}},{key:"on_enter_key",value:function(){}},{key:"get_data_point",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.current_index,e={index:t},i=this.y[0];return["svg_units","y_tops","values"].map(function(a){var s=a.slice(0,a.length-1);e[s]=i[a][t]}),e.label=this.x[t],e}},{key:"update_current_data_point",value:function(e){(e=parseInt(e))<0&&(e=0),e>=this.x.length&&(e=this.x.length-1),e!==this.current_index&&(this.current_index=e,t.fire(this.parent,"data-select",this.get_data_point()))}},{key:"get_strwidth",value:function(t){return 8*(t+"").length}},{key:"setup_utils",value:function(){}}]),e}(),d=function(a){function s(t){n(this,s);var e=h(this,(s.__proto__||Object.getPrototypeOf(s)).call(this,t));return e.x=e.data.labels,e.y=e.data.datasets,e.is_series=t.is_series,e.get_y_label=e.format_lambdas.y_label,e.get_y_tooltip=e.format_lambdas.y_tooltip,e.get_x_tooltip=e.format_lambdas.x_tooltip,e.colors=["green","blue","violet","red","orange","yellow","light-blue","light-green","purple","magenta"],e.zero_line=e.height,e}return l(s,p),r(s,[{key:"setup_values",value:function(){this.data.datasets.map(function(t){t.values=t.values.map(function(t){return isNaN(t)?0:t})}),this.setup_x(),this.setup_y()}},{key:"setup_x",value:function(){var t=this;this.set_avg_unit_width_and_x_offset(),this.x_axis_positions&&(this.x_old_axis_positions=this.x_axis_positions.slice()),this.x_axis_positions=this.x.map(function(i,a){return e(t.x_offset+a*t.avg_unit_width)}),this.x_old_axis_positions||(this.x_old_axis_positions=this.x_axis_positions.slice())}},{key:"setup_y",value:function(){this.y_axis_values&&(this.y_old_axis_values=this.y_axis_values.slice());var t=this.get_all_y_values();this.y_sums&&this.y_sums.length>0&&(t=t.concat(this.y_sums)),this.y_axis_values=this.get_y_axis_points(t),this.y_old_axis_values||(this.y_old_axis_values=this.y_axis_values.slice());var e=this.y_axis_values,i=e[e.length-1]-e[0];this.multiplier&&(this.old_multiplier=this.multiplier),this.multiplier=this.height/i,this.old_multiplier||(this.old_multiplier=this.multiplier);var a=e.indexOf(0),s=(e[1]-e[0])*this.multiplier;this.zero_line&&(this.old_zero_line=this.zero_line),this.zero_line=this.height-a*s,this.old_zero_line||(this.old_zero_line=this.zero_line)}},{key:"setup_components",value:function(){o(s.prototype.__proto__||Object.getPrototypeOf(s.prototype),"setup_components",this).call(this),this.setup_marker_components(),this.setup_aggregation_components(),this.setup_graph_components()}},{key:"setup_marker_components",value:function(){this.y_axis_group=t.createSVG("g",{className:"y axis",inside:this.draw_area}),this.x_axis_group=t.createSVG("g",{className:"x axis",inside:this.draw_area}),this.specific_y_group=t.createSVG("g",{className:"specific axis",inside:this.draw_area})}},{key:"setup_aggregation_components",value:function(){this.sum_group=t.createSVG("g",{className:"data-points",inside:this.draw_area}),this.average_group=t.createSVG("g",{className:"chart-area",inside:this.draw_area})}},{key:"setup_graph_components",value:function(){var e=this;this.svg_units_groups=[],this.y.map(function(i,a){e.svg_units_groups[a]=t.createSVG("g",{className:"data-points data-points-"+a,inside:e.draw_area})})}},{key:"make_graph_components",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.make_y_axis(),this.make_x_axis(),this.draw_graph(t),this.make_y_specifics()}},{key:"make_x_axis",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=void 0,a=void 0,s=void 0,n="";if("span"===this.x_axis_mode?(i=-7,a=this.height+15,s=this.height+25):"tick"===this.x_axis_mode&&(i=this.height,a=6,s=9,n="x-axis-label"),this.x_axis_group.setAttribute("transform","translate(0,"+i+")"),e)this.make_anim_x_axis(a,s,n);else{var r=1.5*this.avg_unit_width,o=r/8;this.x_axis_group.textContent="",this.x.map(function(e,i){var l=t.get_strwidth(e)+2;if(l>r)if(t.is_series){for(var h=1;l/h*2>r;)h++;if(i%h!=0)return}else e=e.slice(0,o-3)+" ...";t.x_axis_group.appendChild(t.make_x_line(a,s,e,"x-value-text",n,t.x_axis_positions[i]))})}}},{key:"make_y_axis",value:function(){var t=this;if(arguments.length>0&&void 0!==arguments[0]&&arguments[0])return this.make_anim_y_axis(),void this.make_anim_y_specifics();var e=this.get_y_axis_line_props(),i=_(e,4),a=i[0],s=i[1],n=i[2],r=i[3];this.y_axis_group.textContent="",this.y_axis_values.map(function(e,i){t.y_axis_group.appendChild(t.make_y_line(r,a,s,e,"y-value-text",n,t.zero_line-e*t.multiplier,0===e&&0!==i))})}},{key:"get_y_axis_line_props",value:function(){if(arguments.length>0&&void 0!==arguments[0]&&arguments[0])return[this.width,this.width+5,"specific-value",0];var t=void 0,e="",i=0;return"span"===this.y_axis_mode?(t=this.width+6,i=-6):"tick"===this.y_axis_mode&&(t=-6,e="y-axis-label"),[t,-9,e,i]}},{key:"draw_graph",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];!this.raw_chart_args.hasOwnProperty("init")||this.raw_chart_args.init?e?this.draw_new_graph_and_animate():this.y.map(function(e,i){e.svg_units=[],t.make_path&&t.make_path(e,i,t.x_axis_positions,e.y_tops,e.color||t.colors[i]),t.make_new_units(e,i)}):this.y.map(function(e,i){e.svg_units=[],t.make_path&&t.make_path(e,i,t.x_axis_positions,e.y_tops,e.color||t.colors[i]),t.make_new_units(e,i),t.calc_y_dependencies()})}},{key:"draw_new_graph_and_animate",value:function(){var t=this,e=[];this.y.map(function(i,a){i.y_tops=new Array(i.values.length).fill(t.zero_line),e.push({values:i.values}),i.svg_units=[],t.make_path&&t.make_path(i,a,t.x_axis_positions,i.y_tops,i.color||t.colors[a]),t.make_new_units(i,a)}),setTimeout(function(){t.update_values(e)},350)}},{key:"setup_navigation",value:function(t){var e=this;t?setTimeout(function(){o(s.prototype.__proto__||Object.getPrototypeOf(s.prototype),"setup_navigation",e).call(e,t)},500):o(s.prototype.__proto__||Object.getPrototypeOf(s.prototype),"setup_navigation",this).call(this,t)}},{key:"make_new_units",value:function(t,e){this.make_new_units_for_dataset(this.x_axis_positions,t.y_tops,t.color||this.colors[e],e,this.y.length)}},{key:"make_new_units_for_dataset",value:function(t,e,i,a,s,n,r,o){var l=this;n||(n=this.svg_units_groups[a]),r||(r=this.y[a].svg_units),o||(o=this.unit_args),n.textContent="",r.length=0,e.map(function(e,h){var _=l.draw[o.type](t[h],e,o.args,i,h,a,s);n.appendChild(_),r.push(_)}),this.is_navigable&&this.bind_units(r)}},{key:"make_y_specifics",value:function(){var t=this;this.specific_y_group.textContent="",this.specific_values.map(function(e){t.specific_y_group.appendChild(t.make_y_line(0,t.width,t.width+5,e.title.toUpperCase(),"specific-value","specific-value",t.zero_line-e.value*t.multiplier,!1,e.line_type))})}},{key:"bind_tooltip",value:function(){var e=this;this.chart_wrapper.addEventListener("mousemove",function(i){var a=t.offset(e.chart_wrapper),s=i.pageX-a.left-e.translate_x;i.pageY-a.top-e.translate_y<e.height+2*e.translate_y?e.map_tooltip_x_position_and_show(s):e.tip.hide_tip()})}},{key:"map_tooltip_x_position_and_show",value:function(t){var e=this;if(this.y_min_tops)for(var i=this.x_axis_positions.length-1;i>=0;i--){var a=this.x_axis_positions[i];if(t>a-this.avg_unit_width/2){var s=a+this.translate_x,n=this.y_min_tops[i]+this.translate_y,r=this.x.formatted&&this.x.formatted.length>0?this.x.formatted[i]:this.x[i],o=this.y.map(function(t,a){return{title:t.title,value:t.formatted?t.formatted[i]:t.values[i],color:t.color||e.colors[a]}});this.tip.set_values(s,n,r,"",o),this.tip.show_tip();break}}}},{key:"show_sums",value:function(){var t=this;this.updating=!0,this.y_sums=new Array(this.x_axis_positions.length).fill(0),this.y.map(function(e){e.values.map(function(e,i){t.y_sums[i]+=e})}),this.update_values(),this.sum_units=[],this.make_new_units_for_dataset(this.x_axis_positions,this.y_sums.map(function(i){return e(t.zero_line-i*t.multiplier)}),"light-grey",0,1,this.sum_group,this.sum_units),this.updating=!1}},{key:"hide_sums",value:function(){this.updating||(this.y_sums=[],this.sum_group.textContent="",this.sum_units=[],this.update_values())}},{key:"show_averages",value:function(){var t=this;this.old_specific_values=this.specific_values.slice(),this.y.map(function(e,i){var a=0;e.values.map(function(t){a+=t});var s=a/e.values.length;t.specific_values.push({title:"AVG "+(i+1),line_type:"dashed",value:s,auto:1})}),this.update_values()}},{key:"hide_averages",value:function(){var t=this;this.old_specific_values=this.specific_values.slice();var e=[];this.specific_values.map(function(t,i){t.auto&&e.unshift(i)}),e.map(function(e){t.specific_values.splice(e,1)}),this.update_values()}},{key:"update_values",value:function(t,e){var a=this;e||(e=this.x),this.elements_to_animate=[],this.updating=!0,this.old_x_values=this.x.slice(),this.old_y_axis_tops=this.y.map(function(t){return t.y_tops.slice()}),this.old_y_values=this.y.map(function(t){return t.values}),this.no_of_extra_pts=e.length-this.x.length,t&&this.y.map(function(e,i){e.values=t[i].values}),e&&(this.x=e),this.setup_x(),this.setup_y(),i(this.x_old_axis_positions,this.x_axis_positions)||(this.make_x_axis(!0),setTimeout(function(){a.updating||a.make_x_axis()},350)),(!i(this.y_old_axis_values,this.y_axis_values)||this.old_specific_values&&!i(this.old_specific_values,this.specific_values))&&(this.make_y_axis(!0),setTimeout(function(){a.updating||(a.make_y_axis(),a.make_y_specifics())},350)),this.calc_y_dependencies(),this.animate_graphs(),this.run_animation(),this.updating=!1}},{key:"add_data_point",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.x.length,a=this.y.map(function(t){return{values:t.values}});a.map(function(e,a){e.values.splice(i,0,t[a])});var s=this.x.slice();s.splice(i,0,e),this.update_values(a,s)}},{key:"remove_data_point",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.x.length-1;if(!(this.x.length<3)){var e=this.y.map(function(t){return{values:t.values}});e.map(function(e){e.values.splice(t,1)});var i=this.x.slice();i.splice(t,1),this.update_values(e,i)}}},{key:"run_animation",value:function(){var e=this,i=t.runSVGAnimation(this.svg,this.elements_to_animate);this.svg.parentNode==this.chart_wrapper&&(this.chart_wrapper.removeChild(this.svg),this.chart_wrapper.appendChild(i)),setTimeout(function(){i.parentNode==e.chart_wrapper&&(e.chart_wrapper.removeChild(i),e.chart_wrapper.appendChild(e.svg))},250)}},{key:"animate_graphs",value:function(){var t=this;this.y.map(function(e,i){var a=t.calc_old_and_new_postions(e,i),s=_(a,4),n=s[0],r=s[1],o=s[2],l=s[3];t.no_of_extra_pts>=0&&(t.make_path&&t.make_path(e,i,n,r,e.color||t.colors[i]),t.make_new_units_for_dataset(n,r,e.color||t.colors[i],i,t.y.length)),e.path&&t.animate_path(e,i,n,r,o,l),t.animate_units(e,i,n,r,o,l)}),setTimeout(function(){t.y.map(function(e,i){t.make_path&&t.make_path(e,i,t.x_axis_positions,e.y_tops,e.color||t.colors[i]),t.make_new_units(e,i)})},400)}},{key:"animate_path",value:function(t,e,i,a,s,n){var r=n.map(function(t,e){return s[e]+","+t}).join("L"),o=[{unit:t.path,object:t,key:"path"},{d:"M"+r},350,"easein"];if(this.elements_to_animate.push(o),t.region_path){var l="0,"+this.zero_line+"L",h="L"+this.width+","+this.zero_line,_=[{unit:t.region_path,object:t,key:"region_path"},{d:"M"+l+r+h},350,"easein"];this.elements_to_animate.push(_)}}},{key:"animate_units",value:function(t,e,i,a,s,n){var r=this,o=this.unit_args.type;t.svg_units.map(function(i,a){void 0!==s[a]&&void 0!==n[a]&&r.elements_to_animate.push(r.animate[o]({unit:i,array:t.svg_units,index:a},s[a],n[a],e))})}},{key:"calc_old_and_new_postions",value:function(t,e){var i=this.x_old_axis_positions.slice(),a=this.x_axis_positions.slice(),s=this.old_y_axis_tops[e].slice(),n=t.y_tops.slice(),r=i[i.length-1],o=s[s.length-1],l=a[a.length-1],h=n[n.length-1];if(this.no_of_extra_pts>=0){var _=new Array(Math.abs(this.no_of_extra_pts)).fill(r),u=new Array(Math.abs(this.no_of_extra_pts)).fill(o);i=i.concat(_),s=s.concat(u)}else{var c=new Array(Math.abs(this.no_of_extra_pts)).fill(l),p=new Array(Math.abs(this.no_of_extra_pts)).fill(h);a=a.concat(c),n=n.concat(p)}return[i,s,a,n]}},{key:"make_anim_x_axis",value:function(t,e,i){var a=this,s=this.x_old_axis_positions,n=this.x_axis_positions,r=this.old_x_values,o=this.x,l=s[s.length-1];this.x_axis_group.textContent="",this.make_new_axis_anim_lines(s,n,r,o,l,function(s,n,r){"string"==typeof r&&(r=parseInt(r.substring(0,r.length-1)));var o=a.make_x_line(t,e,s,"x-value-text",i,n);a.x_axis_group.appendChild(o),a.elements_to_animate&&a.elements_to_animate.push([{unit:o,array:[0],index:0},{transform:r+", 0"},350,"easein","translate",{transform:n+", 0"}])})}},{key:"make_anim_y_axis",value:function(){var t=this,e=this.y_old_axis_values.map(function(e){return t.zero_line-e*t.multiplier}),i=this.y_axis_values.map(function(e){return t.zero_line-e*t.multiplier}),a=this.y_old_axis_values,s=this.y_axis_values,n=e[e.length-1];this.y_axis_group.textContent="",this.make_new_axis_anim_lines(e,i,a,s,n,this.add_and_animate_y_line.bind(this),this.y_axis_group)}},{key:"make_anim_y_specifics",value:function(){var t=this;this.specific_y_group.textContent="",this.specific_values.map(function(e){t.add_and_animate_y_line(e.title,t.old_zero_line-e.value*t.old_multiplier,t.zero_line-e.value*t.multiplier,0,t.specific_y_group,e.line_type,!0)})}},{key:"make_new_axis_anim_lines",value:function(t,e,i,a,s,n,r){var o=void 0,l=void 0,h=a.length-i.length;if(h>0)o=e.slice(0,t.length),l=a.slice(0,i.length);else{var _=new Array(Math.abs(h)).fill("");l=a.concat(_);var u=new Array(Math.abs(h)).fill(s+"F");o=e.concat(u)}if(l.map(function(e,i){n(e,t[i],o[i],i,r)}),h>0){var c=a.slice(i.length),p=e.slice(t.length);c.map(function(t,e){n(t,s,p[e],e,r)})}}},{key:"make_x_line",value:function(e,i,a,s,n,r){var o=t.createSVG("line",{x1:0,x2:0,y1:0,y2:e}),l=t.createSVG("text",{className:s,x:0,y:i,dy:".71em",innerHTML:a}),h=t.createSVG("g",{className:"tick "+n,transform:"translate("+r+", 0)"});return h.appendChild(o),h.appendChild(l),h}},{key:"make_y_line",value:function(e,i,a,s,n,r,o){var l=arguments.length>7&&void 0!==arguments[7]&&arguments[7],h=arguments.length>8&&void 0!==arguments[8]?arguments[8]:"",_=t.createSVG("line",{className:"dashed"===h?"dashed":"",x1:e,x2:i,y1:0,y2:0}),u=t.createSVG("text",{className:n,x:a,y:0,dy:".32em",innerHTML:s+""}),c=t.createSVG("g",{className:"tick "+r,transform:"translate(0, "+o+")","stroke-opacity":1});return l&&(_.style.stroke="rgba(27, 31, 35, 0.6)"),c.appendChild(_),c.appendChild(u),c}},{key:"add_and_animate_y_line",value:function(t,e,i,a,s,n){var r=arguments.length>6&&void 0!==arguments[6]&&arguments[6],o=!1;"string"==typeof i&&(i=parseInt(i.substring(0,i.length-1)),o=!0);var l={transform:"0, "+i},h={transform:"0, "+e};o&&(l["stroke-opacity"]=0);var u=this.get_y_axis_line_props(r),c=_(u,4),p=c[0],d=c[1],f=c[2],g=c[3],v=r?"specific-value":"y-value-text";t=r?(t+"").toUpperCase():t;var y=this.make_y_line(g,p,d,t,v,f,e,0===t&&0!==a,n);s.appendChild(y),this.elements_to_animate&&this.elements_to_animate.push([{unit:y,array:[0],index:0},l,350,"easein","translate",h])}},{key:"get_y_axis_points",value:function(t){var e=this,i=void 0,a=void 0,s=void 0,n=void 0,r=parseInt(Math.max.apply(Math,u(t))),o=parseInt(Math.min.apply(Math,u(t)));o>=0&&(o=0);var l=function(t,i){var a=void 0,s=void 0,n=void 0,r=void 0,o=void 0;if((t+"").length<=1)a=10,n=5;else{var l=e.calc_upper_bound_and_no_of_parts(t),h=_(l,2);a=h[0],n=h[1]}return o=a/n,r=e.calc_no_of_parts(i,o),s=r*o,[a,s,n,r,o]},h=-1*o;if(h<=r){var c=l(r,h),p=_(c,5);i=p[1],a=p[2],s=p[3],n=p[4],0===h&&(i=0,s=0)}else{var d=l(h,r),f=_(d,5);i=f[0],s=f[2],a=f[3],n=f[4]}a%2!=0&&s>0&&a++,s%2!=0&&(s++,i+=n);var g=a+s;return g>5&&(g/=2,n*=2,a/=2),r<(a-1)*n&&g--,this.get_intervals(-1*i,n,g)}},{key:"get_intervals",value:function(t,e,i){for(var a=[],s=0;s<=i;s++)a.push(t),t+=e;return a}},{key:"calc_upper_bound_and_no_of_parts",value:function(t){var e=Math.pow(10,(t+"").length-1),i=this.calc_no_of_parts(t,e);return[e*i,i]}},{key:"calc_no_of_parts",value:function(t,e){var i=Math.ceil(t/e);return i%2!=0&&i++,i}},{key:"get_optimal_no_of_parts",value:function(t){return t<5?t:t/2}},{key:"set_avg_unit_width_and_x_offset",value:function(){this.avg_unit_width=this.width/(this.x.length-1),this.x_offset=0}},{key:"get_all_y_values",value:function(){var t=[];return this.y.map(function(e){t=t.concat(e.values)}),t.concat(this.specific_values.map(function(t){return t.value}))}},{key:"calc_y_dependencies",value:function(){var t=this;this.y_min_tops=new Array(this.x_axis_positions.length).fill(9999),this.y.map(function(i){i.y_tops=i.values.map(function(i){return e(t.zero_line-i*t.multiplier)}),i.y_tops.map(function(e,i){e<t.y_min_tops[i]&&(t.y_min_tops[i]=e)})})}},{key:"get_bar_height_and_y_attr",value:function(t){var e=void 0,i=void 0;return t<=this.zero_line?(i=t,0===(e=this.zero_line-t)&&(i-=e=.01*this.height)):(e=t-this.zero_line,i=this.zero_line,0===e&&(e=.01*this.height)),[e,i]}},{key:"setup_utils",value:function(){var e=this;this.draw={bar:function(i,a,s,n,r,o,l){var h=e.avg_unit_width-s.space_width,u=h/l,c=i-h/2+u*o,p=e.get_bar_height_and_y_attr(a),d=_(p,2),f=d[0],g=d[1];return t.createSVG("rect",{className:"bar mini fill "+n,"data-point-index":r,x:c,y:g,width:u,height:f})},dot:function(e,i,a,s,n){return t.createSVG("circle",{className:"fill "+s,"data-point-index":n,cx:e,cy:i,r:a.radius})}},this.animate={bar:function(t,i,a,s){var n=i-e.avg_unit_width/4,r=e.avg_unit_width/2/e.y.length,o=e.get_bar_height_and_y_attr(a),l=_(o,2);return i=n+r*s,[t,{width:r,height:l[0],x:i,y:l[1]},350,"easein"]},dot:function(t,e,i){return[t,{cx:e,cy:i},350,"easein"]}}}}]),s}(),f=function(t){function e(t){n(this,e);var i=h(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return i.type="bar",i.x_axis_mode=t.x_axis_mode||"tick",i.y_axis_mode=t.y_axis_mode||"span",i.setup(),i}return l(e,d),r(e,[{key:"setup_values",value:function(){o(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setup_values",this).call(this),this.x_offset=this.avg_unit_width,this.unit_args={type:"bar",args:{space_width:this.avg_unit_width/2}}}},{key:"make_overlay",value:function(){var t=this.x.length-1,e=this.y[0].svg_units[t];this.update_current_data_point(t),this.overlay&&this.overlay.parentNode.removeChild(this.overlay),this.overlay=e.cloneNode(),this.overlay.style.fill="#000000",this.overlay.style.opacity="0.4",this.draw_area.appendChild(this.overlay)}},{key:"bind_overlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(e){t.update_overlay(e.svg_unit)})}},{key:"bind_units",value:function(t){var e=this;t.map(function(t){t.addEventListener("click",function(){var i=t.getAttribute("data-point-index");e.update_current_data_point(i)})})}},{key:"update_overlay",value:function(t){var e=this,i=[];Object.keys(t.attributes).map(function(e){i.push(t.attributes[e])}),i.filter(function(t){return t.specified}).map(function(t){e.overlay.setAttribute(t.name,t.nodeValue)})}},{key:"on_left_arrow",value:function(){this.update_current_data_point(this.current_index-1)}},{key:"on_right_arrow",value:function(){this.update_current_data_point(this.current_index+1)}},{key:"set_avg_unit_width_and_x_offset",value:function(){this.avg_unit_width=this.width/(this.x.length+1),this.x_offset=this.avg_unit_width}}]),e}(),g=function(e){function i(t){n(this,i);var e=h(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t));return e.x_axis_mode=t.x_axis_mode||"span",e.y_axis_mode=t.y_axis_mode||"span",t.hasOwnProperty("show_dots")?e.show_dots=t.show_dots:e.show_dots=1,e.region_fill=t.region_fill,Object.getPrototypeOf(e)!==i.prototype?h(e):(e.dot_radius=t.dot_radius||4,e.heatline=t.heatline,e.type="line",e.setup(),e)}return l(i,d),r(i,[{key:"setup_graph_components",value:function(){this.setup_path_groups(),o(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"setup_graph_components",this).call(this)}},{key:"setup_path_groups",value:function(){var e=this;this.paths_groups=[],this.y.map(function(i,a){e.paths_groups[a]=t.createSVG("g",{className:"path-group path-group-"+a,inside:e.draw_area})})}},{key:"setup_values",value:function(){o(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"setup_values",this).call(this),this.unit_args={type:"dot",args:{radius:this.dot_radius}}}},{key:"make_new_units_for_dataset",value:function(t,e,a,s,n,r,l,h){this.show_dots&&o(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"make_new_units_for_dataset",this).call(this,t,e,a,s,n,r,l,h)}},{key:"make_paths",value:function(){var t=this;this.y.map(function(e,i){t.make_path(e,i,t.x_axis_positions,e.y_tops,e.color||t.colors[i])})}},{key:"make_path",value:function(e,i,a,s,n){var r=s.map(function(t,e){return a[e]+","+t}).join("L");if(this.paths_groups[i].textContent="",e.path=t.createSVG("path",{inside:this.paths_groups[i],className:"stroke "+n,d:"M"+r}),this.heatline){var o=this.make_gradient(n);e.path.style.stroke="url(#"+o+")"}this.region_fill&&this.fill_region_for_dataset(e,i,n,r)}},{key:"fill_region_for_dataset",value:function(e,i,a,s){var n=this.make_gradient(a,!0);e.region_path=t.createSVG("path",{inside:this.paths_groups[i],className:"region-fill",d:"M0,"+this.zero_line+"L"+s+"L"+this.width+","+this.zero_line}),e.region_path.style.stroke="none",e.region_path.style.fill="url(#"+n+")"}},{key:"make_gradient",value:function(e){var i=arguments.length>1&&void 0!==arguments[1]&&arguments[1],a="path-fill-gradient-"+e,s=t.createSVG("linearGradient",{inside:this.svg_defs,id:a,x1:0,x2:0,y1:0,y2:1}),n=function(e,i,a,s){t.createSVG("stop",{className:"stop-color "+a,inside:e,offset:i,"stop-opacity":s})},r=[1,.6,.2];return i&&(r=[.4,.2,0]),n(s,"0%",e,r[0]),n(s,"50%",e,r[1]),n(s,"100%",e,r[2]),a}}]),i}(),v=function(t){function e(t){n(this,e);var i=h(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return i.type="scatter",t.dot_radius?i.dot_radius=t.dot_radius:i.dot_radius=8,i.setup(),i}return l(e,g),r(e,[{key:"setup_graph_components",value:function(){this.setup_path_groups(),o(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setup_graph_components",this).call(this)}},{key:"setup_path_groups",value:function(){}},{key:"setup_values",value:function(){o(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setup_values",this).call(this),this.unit_args={type:"dot",args:{radius:this.dot_radius}}}},{key:"make_paths",value:function(){}},{key:"make_path",value:function(){}}]),e}(),y=function(e){function i(t){n(this,i);var e=h(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t));return e.type="percentage",e.get_y_label=e.format_lambdas.y_label,e.get_x_tooltip=e.format_lambdas.x_tooltip,e.get_y_tooltip=e.format_lambdas.y_tooltip,e.max_slices=10,e.max_legend_points=6,e.colors=t.colors,(!e.colors||e.colors.length<e.data.labels.length)&&(e.colors=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta"]),e.setup(),e}return l(i,p),r(i,[{key:"make_chart_area",value:function(){this.chart_wrapper.className+=" graph-focus-margin",this.chart_wrapper.style.marginTop="45px",this.stats_wrapper.className+=" graph-focus-margin",this.stats_wrapper.style.marginBottom="30px",this.stats_wrapper.style.paddingTop="0px"}},{key:"make_draw_area",value:function(){this.chart_div=t.create("div",{className:"div",inside:this.chart_wrapper}),this.chart=t.create("div",{className:"progress-chart",inside:this.chart_div})}},{key:"setup_components",value:function(){this.percentage_bar=t.create("div",{className:"progress",inside:this.chart})}},{key:"setup_values",value:function(){var t=this;this.slice_totals=[];var e=this.data.labels.map(function(e,i){var a=0;return t.data.datasets.map(function(t){a+=t.values[i]}),[a,e]}).filter(function(t){return t[0]>0}),i=e;if(e.length>this.max_slices){e.sort(function(t,e){return e[0]-t[0]}),i=e.slice(0,this.max_slices-1);var a=0;e.slice(this.max_slices-1).map(function(t){a+=t[0]}),i.push([a,"Rest"]),this.colors[this.max_slices-1]="grey"}this.labels=[],i.map(function(e){t.slice_totals.push(e[0]),t.labels.push(e[1])}),this.legend_totals=this.slice_totals.slice(0,this.max_legend_points)}},{key:"setup_utils",value:function(){}},{key:"make_graph_components",value:function(){var e=this;this.grand_total=this.slice_totals.reduce(function(t,e){return t+e},0),this.slices=[],this.slice_totals.map(function(i,a){var s=t.create("div",{className:"progress-bar background "+e.colors[a],inside:e.percentage_bar,styles:{width:100*i/e.grand_total+"%"}});e.slices.push(s)})}},{key:"bind_tooltip",value:function(){var e=this;this.slices.map(function(i,a){i.addEventListener("mouseenter",function(){var s=t.offset(e.chart_wrapper),n=t.offset(i),r=n.left-s.left+i.offsetWidth/2,o=n.top-s.top-6,l=(e.formatted_labels&&e.formatted_labels.length>0?e.formatted_labels[a]:e.labels[a])+": ",h=(100*e.slice_totals[a]/e.grand_total).toFixed(1);e.tip.set_values(r,o,l,h+"%"),e.tip.show_tip()})})}},{key:"show_summary",value:function(){var e=this,i=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:this.labels;this.legend_totals.map(function(a,s){a&&(t.create("div",{className:"stats",inside:e.stats_wrapper}).innerHTML='<span class="indicator '+e.colors[s]+'">\n\t\t\t\t\t<span class="text-muted">'+i[s]+":</span>\n\t\t\t\t\t"+a+"\n\t\t\t\t</span>")})}}]),i}(),m=function(e){function i(t){var e=t.start,a=void 0===e?"":e,s=t.domain,r=void 0===s?"":s,o=t.subdomain,l=void 0===o?"":o,_=t.data,u=void 0===_?{}:_,c=t.discrete_domains,p=void 0===c?0:c,d=t.count_label,f=void 0===d?"":d;n(this,i);var g=h(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,arguments[0]));g.type="heatmap",g.domain=r,g.subdomain=l,g.data=u,g.discrete_domains=p,g.count_label=f;var v=new Date;return g.start=a||g.add_days(v,365),g.legend_colors=["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],g.translate_x=0,g.setup(),g}return l(i,p),r(i,[{key:"setup_base_values",value:function(){this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.first_week_start=new Date(this.start.toDateString()),this.last_week_start=new Date(this.today.toDateString()),7!==this.first_week_start.getDay()&&this.add_days(this.first_week_start,-1*this.first_week_start.getDay()),7!==this.last_week_start.getDay()&&this.add_days(this.last_week_start,-1*this.last_week_start.getDay()),this.no_of_cols=this.get_weeks_between(this.first_week_start+"",this.last_week_start+"")+1}},{key:"set_width",value:function(){this.base_width=12*this.no_of_cols,this.discrete_domains&&(this.base_width+=144)}},{key:"setup_components",value:function(){this.domain_label_group=t.createSVG("g",{className:"domain-label-group chart-label",inside:this.draw_area}),this.data_groups=t.createSVG("g",{className:"data-groups",inside:this.draw_area,transform:"translate(0, 20)"})}},{key:"setup_values",value:function(){this.domain_label_group.textContent="",this.data_groups.textContent="",this.distribution=this.get_distribution(this.data,this.legend_colors),this.month_names=["January","February","March","April","May","June","July","August","September","October","November","December"],this.render_all_weeks_and_store_x_values(this.no_of_cols)}},{key:"render_all_weeks_and_store_x_values",value:function(t){var e=new Date(this.first_week_start);this.week_col=0,this.current_month=e.getMonth(),this.months=[this.current_month+""],this.month_weeks={},this.month_start_points=[],this.month_weeks[this.current_month]=0,this.month_start_points.push(13);for(var i=0;i<t;i++){var a=void 0,s=0,n=new Date(e),r=this.get_week_squares_group(n,this.week_col),o=_(r,2);a=o[0],s=o[1],this.data_groups.appendChild(a),this.week_col+=1+parseInt(this.discrete_domains&&s),this.month_weeks[this.current_month]++,s&&(this.current_month=(this.current_month+1)%12,this.months.push(this.current_month+""),this.month_weeks[this.current_month]=1),this.add_days(e,7)}this.render_month_labels()}},{key:"get_week_squares_group",value:function(e,i){for(var a=0,s=0,n=t.createSVG("g",{className:"data-group",inside:this.data_groups}),r=0,o=0;o<7;o+=1,r+=12){var l=0,h=0,_=e.getTime()/1e3,u=Math.floor(_-_%86400).toFixed(1);this.data[u]&&(l=this.data[u],h=this.get_max_checkpoint(l,this.distribution)),this.data[Math.round(u)]&&(l=this.data[Math.round(u)],h=this.get_max_checkpoint(l,this.distribution)),t.createSVG("rect",{className:"day",inside:n,x:13+12*(i+s),y:r,width:10,height:10,fill:this.legend_colors[h],"data-date":this.get_dd_mm_yyyy(e),"data-value":l,"data-day":e.getDay()});var c=new Date(e);this.add_days(c,1),c.getMonth()-e.getMonth()&&(a=1,this.discrete_domains&&(s=1),this.month_start_points.push(13+12*(i+s))),e=c}return[n,a]}},{key:"render_month_labels",value:function(){var e=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(i,a){var s=e.month_names[e.months[a]].substring(0,3);t.createSVG("text",{className:"y-value-text",inside:e.domain_label_group,x:i+12,y:10,dy:".32em",innerHTML:s})})}},{key:"make_graph_components",value:function(){Array.prototype.slice.call(this.container.querySelectorAll(".graph-stats-container, .sub-title, .title")).map(function(t){t.style.display="None"}),this.chart_wrapper.style.marginTop="0px",this.chart_wrapper.style.paddingTop="0px"}},{key:"bind_tooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),a=e.target.getAttribute("data-date").split("-"),s=t.month_names[parseInt(a[1])-1].substring(0,3),n=t.chart_wrapper.getBoundingClientRect(),r=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=r.left-n.left+(o+2)/2,h=r.top-n.top-(o+2)/2,_=i+" "+t.count_label,u=" on "+s+" "+a[0]+", "+a[2];t.tip.set_values(l,h,u,_,[],1),t.tip.show_tip()})})}},{key:"update",value:function(t){this.data=t,this.setup_values(),this.bind_tooltip()}},{key:"get_distribution",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=arguments[1],i=Object.keys(t).map(function(e){return t[e]}),a=Math.max.apply(Math,u(i)),s=1/(e.length-1),n=[];return e.map(function(t,e){var i=a*(s*e);n.push(i)}),n}},{key:"get_max_checkpoint",value:function(t,e){return e.filter(function(i,a){return 1===a?e[0]<t:i<=t}).length-1}},{key:"treat_as_utc",value:function(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}},{key:"get_dd_mm_yyyy",value:function(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}},{key:"get_weeks_between",value:function(t,e){return Math.ceil(this.get_days_between(t,e)/7)}},{key:"get_days_between",value:function(t,e){return(this.treat_as_utc(e)-this.treat_as_utc(t))/864e5}},{key:"add_days",value:function(t,e){t.setDate(t.getDate()+e)}},{key:"get_month_name",value:function(){}}]),i}(),x={line:g,bar:f,scatter:v,percentage:y,heatmap:m},b=function t(e){return n(this,t),a(e.type,arguments[0])};return b}();
+var Chart=function(){"use strict";function t(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function e(t){return parseFloat(t.toFixed(2))}function i(t,e){if(t.length!==e.length)return!1;var i=!0;return t.map(function(t,a){e[a]!==t&&(i=!1)}),i}function a(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1];return x[t]?new x[t](e):new g(e)}!function(t,e){if("undefined"==typeof document)return e;t=t||"";var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css",i.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}('.chart-container{font-family:Roboto,Geneva,Tahoma,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{font-size:11px;fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .data-points circle{stroke:#fff;stroke-width:2}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .tick.x-axis-label{display:block}.chart-container .tick .specific-value{text-anchor:start}.chart-container .tick .y-value-text{text-anchor:end}.chart-container .tick .x-value-text{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.graph-svg-tip ol,.graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.graph-svg-tip .svg-pointer{position:absolute;bottom:-10px;left:50%;width:5px;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.indicator,.indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.indicator-right:after,.indicator:before{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.indicator:before{margin:0 4px 0 0}.indicator-right:after{margin:0 0 0 4px}.background.grey,.indicator-right.grey:after,.indicator.grey:before{background:#bdd3e6}.background.light-grey,.indicator-right.light-grey:after,.indicator.light-grey:before{background:#f0f4f7}.background.blue,.indicator-right.blue:after,.indicator.blue:before{background:#5e64ff}.background.red,.indicator-right.red:after,.indicator.red:before{background:#ff5858}.background.green,.indicator-right.green:after,.indicator.green:before{background:#28a745}.background.light-green,.indicator-right.light-green:after,.indicator.light-green:before{background:#98d85b}.background.orange,.indicator-right.orange:after,.indicator.orange:before{background:#ffa00a}.background.violet,.indicator-right.violet:after,.indicator.violet:before{background:#743ee2}.background.dark-grey,.indicator-right.dark-grey:after,.indicator.dark-grey:before{background:#b8c2cc}.background.black,.indicator-right.black:after,.indicator.black:before{background:#36414c}.background.yellow,.indicator-right.yellow:after,.indicator.yellow:before{background:#feef72}.background.light-blue,.indicator-right.light-blue:after,.indicator.light-blue:before{background:#7cd6fd}.background.purple,.indicator-right.purple:after,.indicator.purple:before{background:#b554ff}.background.magenta,.indicator-right.magenta:after,.indicator.magenta:before{background:#ffa3ef}.stroke.grey{stroke:#bdd3e6}.stroke.light-grey{stroke:#f0f4f7}.stroke.blue{stroke:#5e64ff}.stroke.red{stroke:#ff5858}.stroke.light-green{stroke:#98d85b}.stroke.green{stroke:#28a745}.stroke.orange{stroke:#ffa00a}.stroke.violet{stroke:#743ee2}.stroke.dark-grey{stroke:#b8c2cc}.stroke.black{stroke:#36414c}.stroke.yellow{stroke:#feef72}.stroke.light-blue{stroke:#7cd6fd}.stroke.purple{stroke:#b554ff}.stroke.magenta{stroke:#ffa3ef}.fill.grey{fill:#bdd3e6}.fill.light-grey{fill:#f0f4f7}.fill.blue{fill:#5e64ff}.fill.red{fill:#ff5858}.fill.light-green{fill:#98d85b}.fill.green{fill:#28a745}.fill.orange{fill:#ffa00a}.fill.violet{fill:#743ee2}.fill.dark-grey{fill:#b8c2cc}.fill.black{fill:#36414c}.fill.yellow{fill:#feef72}.fill.light-blue{fill:#7cd6fd}.fill.purple{fill:#b554ff}.fill.magenta{fill:#ffa3ef}.border-top.grey{border-top:3px solid #bdd3e6}.border-top.light-grey{border-top:3px solid #f0f4f7}.border-top.blue{border-top:3px solid #5e64ff}.border-top.red{border-top:3px solid #ff5858}.border-top.light-green{border-top:3px solid #98d85b}.border-top.green{border-top:3px solid #28a745}.border-top.orange{border-top:3px solid #ffa00a}.border-top.violet{border-top:3px solid #743ee2}.border-top.dark-grey{border-top:3px solid #b8c2cc}.border-top.black{border-top:3px solid #36414c}.border-top.yellow{border-top:3px solid #feef72}.border-top.light-blue{border-top:3px solid #7cd6fd}.border-top.purple{border-top:3px solid #b554ff}.border-top.magenta{border-top:3px solid #ffa3ef}.stop-color.grey{stop-color:#bdd3e6}.stop-color.light-grey{stop-color:#f0f4f7}.stop-color.blue{stop-color:#5e64ff}.stop-color.red{stop-color:#ff5858}.stop-color.light-green{stop-color:#98d85b}.stop-color.green{stop-color:#28a745}.stop-color.orange{stop-color:#ffa00a}.stop-color.violet{stop-color:#743ee2}.stop-color.dark-grey{stop-color:#b8c2cc}.stop-color.black{stop-color:#36414c}.stop-color.yellow{stop-color:#feef72}.stop-color.light-blue{stop-color:#7cd6fd}.stop-color.purple{stop-color:#b554ff}.stop-color.magenta{stop-color:#ffa3ef}',void 0);var s="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},n=(function(){function t(t){this.value=t}function e(e){function i(s,n){try{var r=e[s](n),o=r.value;o instanceof t?Promise.resolve(o.value).then(function(t){i("next",t)},function(t){i("throw",t)}):a(r.done?"return":"normal",r.value)}catch(t){a("throw",t)}}function a(t,e){switch(t){case"return":s.resolve({value:e,done:!0});break;case"throw":s.reject(e);break;default:s.resolve({value:e,done:!1})}(s=s.next)?i(s.key,s.arg):n=null}var s,n;this._invoke=function(t,e){return new Promise(function(a,r){var o={key:t,arg:e,resolve:a,reject:r,next:null};n?n=n.next=o:(s=n=o,i(t,e))})},"function"!=typeof e.return&&(this.return=void 0)}"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)}}(),function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}),r=function(){function t(t,e){for(var i=0;i<e.length;i++){var a=e[i];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}return function(e,i,a){return i&&t(e.prototype,i),a&&t(e,a),e}}(),o=function t(e,i,a){null===e&&(e=Function.prototype);var s=Object.getOwnPropertyDescriptor(e,i);if(void 0===s){var n=Object.getPrototypeOf(e);return null===n?void 0:t(n,i,a)}if("value"in s)return s.value;var r=s.get;if(void 0!==r)return r.call(a)},l=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)},h=function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e},_=function(){function t(t,e){var i=[],a=!0,s=!1,n=void 0;try{for(var r,o=t[Symbol.iterator]();!(a=(r=o.next()).done)&&(i.push(r.value),!e||i.length!==e);a=!0);}catch(t){s=!0,n=t}finally{try{!a&&o.return&&o.return()}finally{if(s)throw n}}return i}return function(e,i){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return t(e,i);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),u=function(t){if(Array.isArray(t)){for(var e=0,i=Array(t.length);e<t.length;e++)i[e]=t[e];return i}return Array.from(t)};t.findNodeIndex=function(t){for(var e=0;t.previousSibling;)t=t.previousSibling,e++;return e},t.create=function(e,i){var a=document.createElement(e);for(var n in i){var r=i[n];if("inside"===n)t(r).appendChild(a);else if("around"===n){var o=t(r);o.parentNode.insertBefore(a,o),a.appendChild(o)}else"styles"===n?"object"===(void 0===r?"undefined":s(r))&&Object.keys(r).map(function(t){a.style[t]=r[t]}):n in a?a[n]=r:a.setAttribute(n,r)}return a},t.createSVG=function(e,i){var a=document.createElementNS("http://www.w3.org/2000/svg",e);for(var s in i){var n=i[s];if("inside"===s)t(n).appendChild(a);else if("around"===s){var r=t(n);r.parentNode.insertBefore(a,r),a.appendChild(r)}else"className"===s&&(s="class"),"innerHTML"===s?a.textContent=n:a.setAttribute(s,n)}return a},t.runSVGAnimation=function(e,i){var a=[],s=[];i.map(function(e){var i=e[0],n=i.unit.parentNode,r=void 0,o=void 0;e[0]=i.unit;var l=t.animateSVG.apply(t,u(e)),h=_(l,2);r=h[0],o=h[1],a.push(o),s.push([r,n]),n.replaceChild(r,i.unit),i.array?i.array[i.index]=o:i.object[i.key]=o});var n=e.cloneNode(!0);return s.map(function(t,e){t[1].replaceChild(a[e],t[0]),i[e][0]=a[e]}),n},t.animateSVG=function(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",s=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,n=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r={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"},o=t.cloneNode(!0),l=t.cloneNode(!0);for(var h in e){var _=void 0;_="transform"===h?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var u=n[h]||t.getAttribute(h),c=e[h],p={attributeName:h,from:u,to:c,begin:"0s",dur:i/1e3+"s",values:u+";"+c,keySplines:r[a],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};s&&(p.type=s);for(var d in p)_.setAttribute(d,p[d]);o.appendChild(_),s?l.setAttribute(h,"translate("+c+")"):l.setAttribute(h,c)}return[o,l]},t.offset=function(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}},t.isElementInViewport=function(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)},t.bind=function(t,e){if(t)for(var i in e){var a=e[i];i.split(/\s+/).forEach(function(e){t.addEventListener(e,a)})}},t.unbind=function(t,e){if(t)for(var i in e){var a=e[i];i.split(/\s+/).forEach(function(e){t.removeEventListener(e,a)})}},t.fire=function(t,e,i){var a=document.createEvent("HTMLEvents");a.initEvent(e,!0,!0);for(var s in i)a[s]=i[s];return t.dispatchEvent(a)};var c=function(){function e(t){var i=t.parent,a=void 0===i?null:i;n(this,e),this.parent=a,this.title_name="",this.title_value="",this.list_values=[],this.title_value_first=0,this.x=0,this.y=0,this.top=0,this.left=0,this.setup()}return r(e,[{key:"setup",value:function(){this.make_tooltip()}},{key:"refresh",value:function(){this.fill(),this.calc_position()}},{key:"make_tooltip",value:function(){var e=this;this.container=t.create("div",{inside:this.parent,className:"graph-svg-tip comparison",innerHTML:'<span class="title"></span>\n\t\t\t\t<ul class="data-point-list"></ul>\n\t\t\t\t<div class="svg-pointer"></div>'}),this.hide_tip(),this.title=this.container.querySelector(".title"),this.data_point_list=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){e.hide_tip()})}},{key:"fill",value:function(){var e=this,i=void 0;i=this.title_value_first?"<strong>"+this.title_value+"</strong>"+this.title_name:this.title_name+"<strong>"+this.title_value+"</strong>",this.title.innerHTML=i,this.data_point_list.innerHTML="",this.list_values.map(function(i){var a=t.create("li",{className:"border-top "+(i.color||"black"),innerHTML:'<strong style="display: block;">'+(i.value?i.value:"")+"</strong>\n\t\t\t\t\t"+(i.title?i.title:"")});e.data_point_list.appendChild(a)})}},{key:"calc_position",value:function(){this.top=this.y-this.container.offsetHeight,this.left=this.x-this.container.offsetWidth/2;var t=this.parent.offsetWidth-this.container.offsetWidth,e=this.container.querySelector(".svg-pointer");if(this.left<0)e.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>t){var i=this.left-t;e.style.left="calc(50% + "+i+"px)",this.left=t}else e.style.left="50%"}},{key:"set_values",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",s=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],n=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.title_name=i,this.title_value=a,this.list_values=s,this.x=t,this.y=e,this.title_value_first=n,this.refresh()}},{key:"hide_tip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"show_tip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),e}(),p=function(){function e(t){var i=t.height,a=void 0===i?240:i,s=t.title,r=void 0===s?"":s,o=t.subtitle,l=void 0===o?"":o,h=t.format_lambdas,_=void 0===h?{}:h,u=t.summary,c=void 0===u?[]:u,p=t.is_navigable,d=void 0===p?0:p,f=t.has_legend,g=void 0===f?0:f,v=(t.type,t.parent),y=t.data;n(this,e),this.raw_chart_args=arguments[0],this.parent=document.querySelector(v),this.title=r,this.subtitle=l,this.data=y,this.format_lambdas=_,this.specific_values=y.specific_values||[],this.summary=c,this.is_navigable=d,this.is_navigable&&(this.current_index=0),this.has_legend=g,this.chart_types=["line","scatter","bar","percentage","heatmap"],this.set_margins(a)}return r(e,[{key:"get_different_chart",value:function(t){if(this.chart_types.includes(t)||console.error("'"+t+"' is not a valid chart type."),t!==this.type){return{bar:["line","scatter","percentage"],line:["scatter","bar","percentage"],scatter:["line","bar","percentage"],percentage:["bar","line","scatter"],heatmap:[]}[this.type].includes(t)||console.error("'"+this.type+"' chart cannot be converted to a '"+t+"' chart."),new b({parent:this.raw_chart_args.parent,title:this.title,data:this.raw_chart_args.data,type:t,height:this.raw_chart_args.height})}}},{key:"set_margins",value:function(t){this.base_height=t,this.height=t-40,this.translate_x=60,this.translate_y=10}},{key:"setup",value:function(){this.parent?(this.bind_window_events(),this.refresh(!0)):console.error("No parent element to render on was provided.")}},{key:"bind_window_events",value:function(){var t=this;window.addEventListener("resize",function(){return t.refresh()}),window.addEventListener("orientationchange",function(){return t.refresh()})}},{key:"refresh",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.setup_base_values(),this.set_width(),this.setup_container(),this.setup_components(),this.setup_values(),this.setup_utils(),this.make_graph_components(t),this.make_tooltip(),this.summary.length>0?this.show_custom_summary():this.show_summary(),this.is_navigable&&this.setup_navigation(t)}},{key:"set_width",value:function(){var t=this,e=0;this.specific_values.map(function(i){t.get_strwidth(i.title)>e&&(e=t.get_strwidth(i.title)-40)}),this.base_width=this.parent.offsetWidth-e,this.width=this.base_width-2*this.translate_x}},{key:"setup_base_values",value:function(){}},{key:"setup_container",value:function(){this.container=t.create("div",{className:"chart-container",innerHTML:'<h6 class="title">'+this.title+'</h6>\n\t\t\t\t<h6 class="sub-title uppercase">'+this.subtitle+'</h6>\n\t\t\t\t<div class="frappe-chart graphics"></div>\n\t\t\t\t<div class="graph-stats-container"></div>'}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chart_wrapper=this.container.querySelector(".frappe-chart"),this.stats_wrapper=this.container.querySelector(".graph-stats-container"),this.make_chart_area(),this.make_draw_area()}},{key:"make_chart_area",value:function(){return this.svg=t.createSVG("svg",{className:"chart",inside:this.chart_wrapper,width:this.base_width,height:this.base_height}),this.svg_defs=t.createSVG("defs",{inside:this.svg}),this.svg}},{key:"make_draw_area",value:function(){this.draw_area=t.createSVG("g",{className:this.type+"-chart",inside:this.svg,transform:"translate("+this.translate_x+", "+this.translate_y+")"})}},{key:"setup_components",value:function(){}},{key:"make_tooltip",value:function(){this.tip=new c({parent:this.chart_wrapper}),this.bind_tooltip()}},{key:"show_summary",value:function(){}},{key:"show_custom_summary",value:function(){var e=this;this.summary.map(function(i){var a=t.create("div",{className:"stats",innerHTML:'<span class="indicator '+i.color+'">'+i.title+": "+i.value+"</span>"});e.stats_wrapper.appendChild(a)})}},{key:"setup_navigation",value:function(){var e=this,i=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.make_overlay(),i&&(this.bind_overlay(),document.addEventListener("keydown",function(i){t.isElementInViewport(e.chart_wrapper)&&("37"==(i=i||window.event).keyCode?e.on_left_arrow():"39"==i.keyCode?e.on_right_arrow():"38"==i.keyCode?e.on_up_arrow():"40"==i.keyCode?e.on_down_arrow():"13"==i.keyCode&&e.on_enter_key())}))}},{key:"make_overlay",value:function(){}},{key:"bind_overlay",value:function(){}},{key:"bind_units",value:function(){}},{key:"on_left_arrow",value:function(){}},{key:"on_right_arrow",value:function(){}},{key:"on_up_arrow",value:function(){}},{key:"on_down_arrow",value:function(){}},{key:"on_enter_key",value:function(){}},{key:"get_data_point",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.current_index,e={index:t},i=this.y[0];return["svg_units","y_tops","values"].map(function(a){var s=a.slice(0,a.length-1);e[s]=i[a][t]}),e.label=this.x[t],e}},{key:"update_current_data_point",value:function(e){(e=parseInt(e))<0&&(e=0),e>=this.x.length&&(e=this.x.length-1),e!==this.current_index&&(this.current_index=e,t.fire(this.parent,"data-select",this.get_data_point()))}},{key:"get_strwidth",value:function(t){return 8*(t+"").length}},{key:"setup_utils",value:function(){}}]),e}(),d=function(a){function s(t){n(this,s);var e=h(this,(s.__proto__||Object.getPrototypeOf(s)).call(this,t));return e.x=e.data.labels,e.y=e.data.datasets,e.is_series=t.is_series,e.get_y_label=e.format_lambdas.y_label,e.get_y_tooltip=e.format_lambdas.y_tooltip,e.get_x_tooltip=e.format_lambdas.x_tooltip,e.colors=["green","blue","violet","red","orange","yellow","light-blue","light-green","purple","magenta"],e.zero_line=e.height,e}return l(s,p),r(s,[{key:"setup_values",value:function(){this.data.datasets.map(function(t){t.values=t.values.map(function(t){return isNaN(t)?0:t})}),this.setup_x(),this.setup_y()}},{key:"setup_x",value:function(){var t=this;this.set_avg_unit_width_and_x_offset(),this.x_axis_positions&&(this.x_old_axis_positions=this.x_axis_positions.slice()),this.x_axis_positions=this.x.map(function(i,a){return e(t.x_offset+a*t.avg_unit_width)}),this.x_old_axis_positions||(this.x_old_axis_positions=this.x_axis_positions.slice())}},{key:"setup_y",value:function(){this.y_axis_values&&(this.y_old_axis_values=this.y_axis_values.slice());var t=this.get_all_y_values();this.y_sums&&this.y_sums.length>0&&(t=t.concat(this.y_sums)),this.y_axis_values=this.get_y_axis_points(t),this.y_old_axis_values||(this.y_old_axis_values=this.y_axis_values.slice());var e=this.y_axis_values,i=e[e.length-1]-e[0];this.multiplier&&(this.old_multiplier=this.multiplier),this.multiplier=this.height/i,this.old_multiplier||(this.old_multiplier=this.multiplier);var a=e.indexOf(0),s=(e[1]-e[0])*this.multiplier;this.zero_line&&(this.old_zero_line=this.zero_line),this.zero_line=this.height-a*s,this.old_zero_line||(this.old_zero_line=this.zero_line)}},{key:"setup_components",value:function(){o(s.prototype.__proto__||Object.getPrototypeOf(s.prototype),"setup_components",this).call(this),this.setup_marker_components(),this.setup_aggregation_components(),this.setup_graph_components()}},{key:"setup_marker_components",value:function(){this.y_axis_group=t.createSVG("g",{className:"y axis",inside:this.draw_area}),this.x_axis_group=t.createSVG("g",{className:"x axis",inside:this.draw_area}),this.specific_y_group=t.createSVG("g",{className:"specific axis",inside:this.draw_area})}},{key:"setup_aggregation_components",value:function(){this.sum_group=t.createSVG("g",{className:"data-points",inside:this.draw_area}),this.average_group=t.createSVG("g",{className:"chart-area",inside:this.draw_area})}},{key:"setup_graph_components",value:function(){var e=this;this.svg_units_groups=[],this.y.map(function(i,a){e.svg_units_groups[a]=t.createSVG("g",{className:"data-points data-points-"+a,inside:e.draw_area})})}},{key:"make_graph_components",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.make_y_axis(),this.make_x_axis(),this.draw_graph(t),this.make_y_specifics()}},{key:"make_x_axis",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=void 0,a=void 0,s=void 0,n="";if("span"===this.x_axis_mode?(i=-7,a=this.height+15,s=this.height+25):"tick"===this.x_axis_mode&&(i=this.height,a=6,s=9,n="x-axis-label"),this.x_axis_group.setAttribute("transform","translate(0,"+i+")"),e)this.make_anim_x_axis(a,s,n);else{var r=1.5*this.avg_unit_width,o=r/8;this.x_axis_group.textContent="",this.x.map(function(e,i){var l=t.get_strwidth(e)+2;if(l>r)if(t.is_series){for(var h=1;l/h*2>r;)h++;if(i%h!=0)return}else e=e.slice(0,o-3)+" ...";t.x_axis_group.appendChild(t.make_x_line(a,s,e,"x-value-text",n,t.x_axis_positions[i]))})}}},{key:"make_y_axis",value:function(){var t=this;if(arguments.length>0&&void 0!==arguments[0]&&arguments[0])return this.make_anim_y_axis(),void this.make_anim_y_specifics();var e=this.get_y_axis_line_props(),i=_(e,4),a=i[0],s=i[1],n=i[2],r=i[3];this.y_axis_group.textContent="",this.y_axis_values.map(function(e,i){t.y_axis_group.appendChild(t.make_y_line(r,a,s,e,"y-value-text",n,t.zero_line-e*t.multiplier,0===e&&0!==i))})}},{key:"get_y_axis_line_props",value:function(){if(arguments.length>0&&void 0!==arguments[0]&&arguments[0])return[this.width,this.width+5,"specific-value",0];var t=void 0,e="",i=0;return"span"===this.y_axis_mode?(t=this.width+6,i=-6):"tick"===this.y_axis_mode&&(t=-6,e="y-axis-label"),[t,-9,e,i]}},{key:"draw_graph",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];!this.raw_chart_args.hasOwnProperty("init")||this.raw_chart_args.init?e?this.draw_new_graph_and_animate():this.y.map(function(e,i){e.svg_units=[],t.make_path&&t.make_path(e,i,t.x_axis_positions,e.y_tops,e.color||t.colors[i]),t.make_new_units(e,i)}):this.y.map(function(e,i){e.svg_units=[],t.make_path&&t.make_path(e,i,t.x_axis_positions,e.y_tops,e.color||t.colors[i]),t.make_new_units(e,i),t.calc_y_dependencies()})}},{key:"draw_new_graph_and_animate",value:function(){var t=this,e=[];this.y.map(function(i,a){i.y_tops=new Array(i.values.length).fill(t.zero_line),e.push({values:i.values}),i.svg_units=[],t.make_path&&t.make_path(i,a,t.x_axis_positions,i.y_tops,i.color||t.colors[a]),t.make_new_units(i,a)}),setTimeout(function(){t.update_values(e)},350)}},{key:"setup_navigation",value:function(t){var e=this;t?setTimeout(function(){o(s.prototype.__proto__||Object.getPrototypeOf(s.prototype),"setup_navigation",e).call(e,t)},500):o(s.prototype.__proto__||Object.getPrototypeOf(s.prototype),"setup_navigation",this).call(this,t)}},{key:"make_new_units",value:function(t,e){this.make_new_units_for_dataset(this.x_axis_positions,t.y_tops,t.color||this.colors[e],e,this.y.length)}},{key:"make_new_units_for_dataset",value:function(t,e,i,a,s,n,r,o){var l=this;n||(n=this.svg_units_groups[a]),r||(r=this.y[a].svg_units),o||(o=this.unit_args),n.textContent="",r.length=0,e.map(function(e,h){var _=l.draw[o.type](t[h],e,o.args,i,h,a,s);n.appendChild(_),r.push(_)}),this.is_navigable&&this.bind_units(r)}},{key:"make_y_specifics",value:function(){var t=this;this.specific_y_group.textContent="",this.specific_values.map(function(e){t.specific_y_group.appendChild(t.make_y_line(0,t.width,t.width+5,e.title.toUpperCase(),"specific-value","specific-value",t.zero_line-e.value*t.multiplier,!1,e.line_type))})}},{key:"bind_tooltip",value:function(){var e=this;this.chart_wrapper.addEventListener("mousemove",function(i){var a=t.offset(e.chart_wrapper),s=i.pageX-a.left-e.translate_x;i.pageY-a.top-e.translate_y<e.height+2*e.translate_y?e.map_tooltip_x_position_and_show(s):e.tip.hide_tip()})}},{key:"map_tooltip_x_position_and_show",value:function(t){var e=this;if(this.y_min_tops)for(var i=this.x_axis_positions.length-1;i>=0;i--){var a=this.x_axis_positions[i];if(t>a-this.avg_unit_width/2){var s=a+this.translate_x,n=this.y_min_tops[i]+this.translate_y,r=this.x.formatted&&this.x.formatted.length>0?this.x.formatted[i]:this.x[i],o=this.y.map(function(t,a){return{title:t.title,value:t.formatted?t.formatted[i]:t.values[i],color:t.color||e.colors[a]}});this.tip.set_values(s,n,r,"",o),this.tip.show_tip();break}}}},{key:"show_sums",value:function(){var t=this;this.updating=!0,this.y_sums=new Array(this.x_axis_positions.length).fill(0),this.y.map(function(e){e.values.map(function(e,i){t.y_sums[i]+=e})}),this.update_values(),this.sum_units=[],this.make_new_units_for_dataset(this.x_axis_positions,this.y_sums.map(function(i){return e(t.zero_line-i*t.multiplier)}),"light-grey",0,1,this.sum_group,this.sum_units),this.updating=!1}},{key:"hide_sums",value:function(){this.updating||(this.y_sums=[],this.sum_group.textContent="",this.sum_units=[],this.update_values())}},{key:"show_averages",value:function(){var t=this;this.old_specific_values=this.specific_values.slice(),this.y.map(function(e,i){var a=0;e.values.map(function(t){a+=t});var s=a/e.values.length;t.specific_values.push({title:"AVG "+(i+1),line_type:"dashed",value:s,auto:1})}),this.update_values()}},{key:"hide_averages",value:function(){var t=this;this.old_specific_values=this.specific_values.slice();var e=[];this.specific_values.map(function(t,i){t.auto&&e.unshift(i)}),e.map(function(e){t.specific_values.splice(e,1)}),this.update_values()}},{key:"update_values",value:function(t,e){var a=this;e||(e=this.x),this.elements_to_animate=[],this.updating=!0,this.old_x_values=this.x.slice(),this.old_y_axis_tops=this.y.map(function(t){return t.y_tops.slice()}),this.old_y_values=this.y.map(function(t){return t.values}),this.no_of_extra_pts=e.length-this.x.length,t&&this.y.map(function(e,i){e.values=t[i].values}),e&&(this.x=e),this.setup_x(),this.setup_y(),i(this.x_old_axis_positions,this.x_axis_positions)||(this.make_x_axis(!0),setTimeout(function(){a.updating||a.make_x_axis()},350)),(!i(this.y_old_axis_values,this.y_axis_values)||this.old_specific_values&&!i(this.old_specific_values,this.specific_values))&&(this.make_y_axis(!0),setTimeout(function(){a.updating||(a.make_y_axis(),a.make_y_specifics())},350)),this.calc_y_dependencies(),this.animate_graphs(),this.run_animation(),this.updating=!1}},{key:"add_data_point",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.x.length,a=this.y.map(function(t){return{values:t.values}});a.map(function(e,a){e.values.splice(i,0,t[a])});var s=this.x.slice();s.splice(i,0,e),this.update_values(a,s)}},{key:"remove_data_point",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.x.length-1;if(!(this.x.length<3)){var e=this.y.map(function(t){return{values:t.values}});e.map(function(e){e.values.splice(t,1)});var i=this.x.slice();i.splice(t,1),this.update_values(e,i)}}},{key:"run_animation",value:function(){var e=this,i=t.runSVGAnimation(this.svg,this.elements_to_animate);this.svg.parentNode==this.chart_wrapper&&(this.chart_wrapper.removeChild(this.svg),this.chart_wrapper.appendChild(i)),setTimeout(function(){i.parentNode==e.chart_wrapper&&(e.chart_wrapper.removeChild(i),e.chart_wrapper.appendChild(e.svg))},250)}},{key:"animate_graphs",value:function(){var t=this;this.y.map(function(e,i){var a=t.calc_old_and_new_postions(e,i),s=_(a,4),n=s[0],r=s[1],o=s[2],l=s[3];t.no_of_extra_pts>=0&&(t.make_path&&t.make_path(e,i,n,r,e.color||t.colors[i]),t.make_new_units_for_dataset(n,r,e.color||t.colors[i],i,t.y.length)),e.path&&t.animate_path(e,i,n,r,o,l),t.animate_units(e,i,n,r,o,l)}),setTimeout(function(){t.y.map(function(e,i){t.make_path&&t.make_path(e,i,t.x_axis_positions,e.y_tops,e.color||t.colors[i]),t.make_new_units(e,i)})},400)}},{key:"animate_path",value:function(t,e,i,a,s,n){var r=n.map(function(t,e){return s[e]+","+t}).join("L"),o=[{unit:t.path,object:t,key:"path"},{d:"M"+r},350,"easein"];if(this.elements_to_animate.push(o),t.region_path){var l="0,"+this.zero_line+"L",h="L"+this.width+","+this.zero_line,_=[{unit:t.region_path,object:t,key:"region_path"},{d:"M"+l+r+h},350,"easein"];this.elements_to_animate.push(_)}}},{key:"animate_units",value:function(t,e,i,a,s,n){var r=this,o=this.unit_args.type;t.svg_units.map(function(i,a){void 0!==s[a]&&void 0!==n[a]&&r.elements_to_animate.push(r.animate[o]({unit:i,array:t.svg_units,index:a},s[a],n[a],e))})}},{key:"calc_old_and_new_postions",value:function(t,e){var i=this.x_old_axis_positions.slice(),a=this.x_axis_positions.slice(),s=this.old_y_axis_tops[e].slice(),n=t.y_tops.slice(),r=i[i.length-1],o=s[s.length-1],l=a[a.length-1],h=n[n.length-1];if(this.no_of_extra_pts>=0){var _=new Array(Math.abs(this.no_of_extra_pts)).fill(r),u=new Array(Math.abs(this.no_of_extra_pts)).fill(o);i=i.concat(_),s=s.concat(u)}else{var c=new Array(Math.abs(this.no_of_extra_pts)).fill(l),p=new Array(Math.abs(this.no_of_extra_pts)).fill(h);a=a.concat(c),n=n.concat(p)}return[i,s,a,n]}},{key:"make_anim_x_axis",value:function(t,e,i){var a=this,s=this.x_old_axis_positions,n=this.x_axis_positions,r=this.old_x_values,o=this.x,l=s[s.length-1];this.x_axis_group.textContent="",this.make_new_axis_anim_lines(s,n,r,o,l,function(s,n,r){"string"==typeof r&&(r=parseInt(r.substring(0,r.length-1)));var o=a.make_x_line(t,e,s,"x-value-text",i,n);a.x_axis_group.appendChild(o),a.elements_to_animate&&a.elements_to_animate.push([{unit:o,array:[0],index:0},{transform:r+", 0"},350,"easein","translate",{transform:n+", 0"}])})}},{key:"make_anim_y_axis",value:function(){var t=this,e=this.y_old_axis_values.map(function(e){return t.zero_line-e*t.multiplier}),i=this.y_axis_values.map(function(e){return t.zero_line-e*t.multiplier}),a=this.y_old_axis_values,s=this.y_axis_values,n=e[e.length-1];this.y_axis_group.textContent="",this.make_new_axis_anim_lines(e,i,a,s,n,this.add_and_animate_y_line.bind(this),this.y_axis_group)}},{key:"make_anim_y_specifics",value:function(){var t=this;this.specific_y_group.textContent="",this.specific_values.map(function(e){t.add_and_animate_y_line(e.title,t.old_zero_line-e.value*t.old_multiplier,t.zero_line-e.value*t.multiplier,0,t.specific_y_group,e.line_type,!0)})}},{key:"make_new_axis_anim_lines",value:function(t,e,i,a,s,n,r){var o=void 0,l=void 0,h=a.length-i.length;if(h>0)o=e.slice(0,t.length),l=a.slice(0,i.length);else{var _=new Array(Math.abs(h)).fill("");l=a.concat(_);var u=new Array(Math.abs(h)).fill(s+"F");o=e.concat(u)}if(l.map(function(e,i){n(e,t[i],o[i],i,r)}),h>0){var c=a.slice(i.length),p=e.slice(t.length);c.map(function(t,e){n(t,s,p[e],e,r)})}}},{key:"make_x_line",value:function(e,i,a,s,n,r){var o=t.createSVG("line",{x1:0,x2:0,y1:0,y2:e}),l=t.createSVG("text",{className:s,x:0,y:i,dy:".71em",innerHTML:a}),h=t.createSVG("g",{className:"tick "+n,transform:"translate("+r+", 0)"});return h.appendChild(o),h.appendChild(l),h}},{key:"make_y_line",value:function(e,i,a,s,n,r,o){var l=arguments.length>7&&void 0!==arguments[7]&&arguments[7],h=arguments.length>8&&void 0!==arguments[8]?arguments[8]:"",_=t.createSVG("line",{className:"dashed"===h?"dashed":"",x1:e,x2:i,y1:0,y2:0}),u=t.createSVG("text",{className:n,x:a,y:0,dy:".32em",innerHTML:s+""}),c=t.createSVG("g",{className:"tick "+r,transform:"translate(0, "+o+")","stroke-opacity":1});return l&&(_.style.stroke="rgba(27, 31, 35, 0.6)"),c.appendChild(_),c.appendChild(u),c}},{key:"add_and_animate_y_line",value:function(t,e,i,a,s,n){var r=arguments.length>6&&void 0!==arguments[6]&&arguments[6],o=!1;"string"==typeof i&&(i=parseInt(i.substring(0,i.length-1)),o=!0);var l={transform:"0, "+i},h={transform:"0, "+e};o&&(l["stroke-opacity"]=0);var u=this.get_y_axis_line_props(r),c=_(u,4),p=c[0],d=c[1],f=c[2],g=c[3],v=r?"specific-value":"y-value-text";t=r?(t+"").toUpperCase():t;var y=this.make_y_line(g,p,d,t,v,f,e,0===t&&0!==a,n);s.appendChild(y),this.elements_to_animate&&this.elements_to_animate.push([{unit:y,array:[0],index:0},l,350,"easein","translate",h])}},{key:"get_y_axis_points",value:function(t){var e=this,i=void 0,a=void 0,s=void 0,n=void 0,r=parseInt(Math.max.apply(Math,u(t))),o=parseInt(Math.min.apply(Math,u(t)));o>=0&&(o=0);var l=function(t,i){var a=void 0,s=void 0,n=void 0,r=void 0,o=void 0;if((t+"").length<=1)a=10,n=5;else{var l=e.calc_upper_bound_and_no_of_parts(t),h=_(l,2);a=h[0],n=h[1]}return o=a/n,r=e.calc_no_of_parts(i,o),s=r*o,[a,s,n,r,o]},h=-1*o;if(h<=r){var c=l(r,h),p=_(c,5);i=p[1],a=p[2],s=p[3],n=p[4],0===h&&(i=0,s=0)}else{var d=l(h,r),f=_(d,5);i=f[0],s=f[2],a=f[3],n=f[4]}a%2!=0&&s>0&&a++,s%2!=0&&(s++,i+=n);var g=a+s;return g>5&&(g/=2,n*=2,a/=2),r<(a-1)*n&&g--,this.get_intervals(-1*i,n,g)}},{key:"get_intervals",value:function(t,e,i){for(var a=[],s=0;s<=i;s++)a.push(t),t+=e;return a}},{key:"calc_upper_bound_and_no_of_parts",value:function(t){var e=Math.pow(10,(t+"").length-1),i=this.calc_no_of_parts(t,e);return[e*i,i]}},{key:"calc_no_of_parts",value:function(t,e){var i=Math.ceil(t/e);return i%2!=0&&i++,i}},{key:"get_optimal_no_of_parts",value:function(t){return t<5?t:t/2}},{key:"set_avg_unit_width_and_x_offset",value:function(){this.avg_unit_width=this.width/(this.x.length-1),this.x_offset=0}},{key:"get_all_y_values",value:function(){var t=[];return this.y.map(function(e){t=t.concat(e.values)}),t.concat(this.specific_values.map(function(t){return t.value}))}},{key:"calc_y_dependencies",value:function(){var t=this;this.y_min_tops=new Array(this.x_axis_positions.length).fill(9999),this.y.map(function(i){i.y_tops=i.values.map(function(i){return e(t.zero_line-i*t.multiplier)}),i.y_tops.map(function(e,i){e<t.y_min_tops[i]&&(t.y_min_tops[i]=e)})})}},{key:"get_bar_height_and_y_attr",value:function(t){var e=void 0,i=void 0;return t<=this.zero_line?(i=t,0===(e=this.zero_line-t)&&(i-=e=.01*this.height)):(e=t-this.zero_line,i=this.zero_line,0===e&&(e=.01*this.height)),[e,i]}},{key:"setup_utils",value:function(){var e=this;this.draw={bar:function(i,a,s,n,r,o,l){var h=e.avg_unit_width-s.space_width,u=h/l,c=i-h/2+u*o,p=e.get_bar_height_and_y_attr(a),d=_(p,2),f=d[0],g=d[1];return t.createSVG("rect",{className:"bar mini fill "+n,"data-point-index":r,x:c,y:g,width:u,height:f})},dot:function(e,i,a,s,n){return t.createSVG("circle",{className:"fill "+s,"data-point-index":n,cx:e,cy:i,r:a.radius})}},this.animate={bar:function(t,i,a,s){var n=i-e.avg_unit_width/4,r=e.avg_unit_width/2/e.y.length,o=e.get_bar_height_and_y_attr(a),l=_(o,2);return i=n+r*s,[t,{width:r,height:l[0],x:i,y:l[1]},350,"easein"]},dot:function(t,e,i){return[t,{cx:e,cy:i},350,"easein"]}}}}]),s}(),f=function(t){function e(t){n(this,e);var i=h(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return i.type="bar",i.x_axis_mode=t.x_axis_mode||"tick",i.y_axis_mode=t.y_axis_mode||"span",i.setup(),i}return l(e,d),r(e,[{key:"setup_values",value:function(){o(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setup_values",this).call(this),this.x_offset=this.avg_unit_width,this.unit_args={type:"bar",args:{space_width:this.avg_unit_width/2}}}},{key:"make_overlay",value:function(){var t=this.x.length-1,e=this.y[0].svg_units[t];this.update_current_data_point(t),this.overlay&&this.overlay.parentNode.removeChild(this.overlay),this.overlay=e.cloneNode(),this.overlay.style.fill="#000000",this.overlay.style.opacity="0.4",this.draw_area.appendChild(this.overlay)}},{key:"bind_overlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(e){t.update_overlay(e.svg_unit)})}},{key:"bind_units",value:function(t){var e=this;t.map(function(t){t.addEventListener("click",function(){var i=t.getAttribute("data-point-index");e.update_current_data_point(i)})})}},{key:"update_overlay",value:function(t){var e=this,i=[];Object.keys(t.attributes).map(function(e){i.push(t.attributes[e])}),i.filter(function(t){return t.specified}).map(function(t){e.overlay.setAttribute(t.name,t.nodeValue)})}},{key:"on_left_arrow",value:function(){this.update_current_data_point(this.current_index-1)}},{key:"on_right_arrow",value:function(){this.update_current_data_point(this.current_index+1)}},{key:"set_avg_unit_width_and_x_offset",value:function(){this.avg_unit_width=this.width/(this.x.length+1),this.x_offset=this.avg_unit_width}}]),e}(),g=function(e){function i(t){n(this,i);var e=h(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t));return e.x_axis_mode=t.x_axis_mode||"span",e.y_axis_mode=t.y_axis_mode||"span",t.hasOwnProperty("show_dots")?e.show_dots=t.show_dots:e.show_dots=1,e.region_fill=t.region_fill,Object.getPrototypeOf(e)!==i.prototype?h(e):(e.dot_radius=t.dot_radius||4,e.heatline=t.heatline,e.type="line",e.setup(),e)}return l(i,d),r(i,[{key:"setup_graph_components",value:function(){this.setup_path_groups(),o(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"setup_graph_components",this).call(this)}},{key:"setup_path_groups",value:function(){var e=this;this.paths_groups=[],this.y.map(function(i,a){e.paths_groups[a]=t.createSVG("g",{className:"path-group path-group-"+a,inside:e.draw_area})})}},{key:"setup_values",value:function(){o(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"setup_values",this).call(this),this.unit_args={type:"dot",args:{radius:this.dot_radius}}}},{key:"make_new_units_for_dataset",value:function(t,e,a,s,n,r,l,h){this.show_dots&&o(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"make_new_units_for_dataset",this).call(this,t,e,a,s,n,r,l,h)}},{key:"make_paths",value:function(){var t=this;this.y.map(function(e,i){t.make_path(e,i,t.x_axis_positions,e.y_tops,e.color||t.colors[i])})}},{key:"make_path",value:function(e,i,a,s,n){var r=s.map(function(t,e){return a[e]+","+t}).join("L");if(this.paths_groups[i].textContent="",e.path=t.createSVG("path",{inside:this.paths_groups[i],className:"stroke "+n,d:"M"+r}),this.heatline){var o=this.make_gradient(n);e.path.style.stroke="url(#"+o+")"}this.region_fill&&this.fill_region_for_dataset(e,i,n,r)}},{key:"fill_region_for_dataset",value:function(e,i,a,s){var n=this.make_gradient(a,!0);e.region_path=t.createSVG("path",{inside:this.paths_groups[i],className:"region-fill",d:"M0,"+this.zero_line+"L"+s+"L"+this.width+","+this.zero_line}),e.region_path.style.stroke="none",e.region_path.style.fill="url(#"+n+")"}},{key:"make_gradient",value:function(e){var i=arguments.length>1&&void 0!==arguments[1]&&arguments[1],a="path-fill-gradient-"+e,s=t.createSVG("linearGradient",{inside:this.svg_defs,id:a,x1:0,x2:0,y1:0,y2:1}),n=function(e,i,a,s){t.createSVG("stop",{className:"stop-color "+a,inside:e,offset:i,"stop-opacity":s})},r=[1,.6,.2];return i&&(r=[.4,.2,0]),n(s,"0%",e,r[0]),n(s,"50%",e,r[1]),n(s,"100%",e,r[2]),a}}]),i}(),v=function(t){function e(t){n(this,e);var i=h(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return i.type="scatter",t.dot_radius?i.dot_radius=t.dot_radius:i.dot_radius=8,i.setup(),i}return l(e,g),r(e,[{key:"setup_graph_components",value:function(){this.setup_path_groups(),o(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setup_graph_components",this).call(this)}},{key:"setup_path_groups",value:function(){}},{key:"setup_values",value:function(){o(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setup_values",this).call(this),this.unit_args={type:"dot",args:{radius:this.dot_radius}}}},{key:"make_paths",value:function(){}},{key:"make_path",value:function(){}}]),e}(),y=function(e){function i(t){n(this,i);var e=h(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t));return e.type="percentage",e.get_y_label=e.format_lambdas.y_label,e.get_x_tooltip=e.format_lambdas.x_tooltip,e.get_y_tooltip=e.format_lambdas.y_tooltip,e.max_slices=10,e.max_legend_points=6,e.colors=t.colors,(!e.colors||e.colors.length<e.data.labels.length)&&(e.colors=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta"]),e.setup(),e}return l(i,p),r(i,[{key:"make_chart_area",value:function(){this.chart_wrapper.className+=" graph-focus-margin",this.chart_wrapper.style.marginTop="45px",this.stats_wrapper.className+=" graph-focus-margin",this.stats_wrapper.style.marginBottom="30px",this.stats_wrapper.style.paddingTop="0px"}},{key:"make_draw_area",value:function(){this.chart_div=t.create("div",{className:"div",inside:this.chart_wrapper}),this.chart=t.create("div",{className:"progress-chart",inside:this.chart_div})}},{key:"setup_components",value:function(){this.percentage_bar=t.create("div",{className:"progress",inside:this.chart})}},{key:"setup_values",value:function(){var t=this;this.slice_totals=[];var e=this.data.labels.map(function(e,i){var a=0;return t.data.datasets.map(function(t){a+=t.values[i]}),[a,e]}).filter(function(t){return t[0]>0}),i=e;if(e.length>this.max_slices){e.sort(function(t,e){return e[0]-t[0]}),i=e.slice(0,this.max_slices-1);var a=0;e.slice(this.max_slices-1).map(function(t){a+=t[0]}),i.push([a,"Rest"]),this.colors[this.max_slices-1]="grey"}this.labels=[],i.map(function(e){t.slice_totals.push(e[0]),t.labels.push(e[1])}),this.legend_totals=this.slice_totals.slice(0,this.max_legend_points)}},{key:"setup_utils",value:function(){}},{key:"make_graph_components",value:function(){var e=this;this.grand_total=this.slice_totals.reduce(function(t,e){return t+e},0),this.slices=[],this.slice_totals.map(function(i,a){var s=t.create("div",{className:"progress-bar background "+e.colors[a],inside:e.percentage_bar,styles:{width:100*i/e.grand_total+"%"}});e.slices.push(s)})}},{key:"bind_tooltip",value:function(){var e=this;this.slices.map(function(i,a){i.addEventListener("mouseenter",function(){var s=t.offset(e.chart_wrapper),n=t.offset(i),r=n.left-s.left+i.offsetWidth/2,o=n.top-s.top-6,l=(e.formatted_labels&&e.formatted_labels.length>0?e.formatted_labels[a]:e.labels[a])+": ",h=(100*e.slice_totals[a]/e.grand_total).toFixed(1);e.tip.set_values(r,o,l,h+"%"),e.tip.show_tip()})})}},{key:"show_summary",value:function(){var e=this,i=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:this.labels;this.legend_totals.map(function(a,s){a&&(t.create("div",{className:"stats",inside:e.stats_wrapper}).innerHTML='<span class="indicator '+e.colors[s]+'">\n\t\t\t\t\t<span class="text-muted">'+i[s]+":</span>\n\t\t\t\t\t"+a+"\n\t\t\t\t</span>")})}}]),i}(),m=function(e){function i(t){var e=t.start,a=void 0===e?"":e,s=t.domain,r=void 0===s?"":s,o=t.subdomain,l=void 0===o?"":o,_=t.data,u=void 0===_?{}:_,c=t.discrete_domains,p=void 0===c?0:c,d=t.count_label,f=void 0===d?"":d;n(this,i);var g=h(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,arguments[0]));g.type="heatmap",g.domain=r,g.subdomain=l,g.data=u,g.discrete_domains=p,g.count_label=f;var v=new Date;return g.start=a||g.add_days(v,365),g.legend_colors=["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],g.translate_x=0,g.setup(),g}return l(i,p),r(i,[{key:"setup_base_values",value:function(){this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.first_week_start=new Date(this.start.toDateString()),this.last_week_start=new Date(this.today.toDateString()),7!==this.first_week_start.getDay()&&this.add_days(this.first_week_start,-1*this.first_week_start.getDay()),7!==this.last_week_start.getDay()&&this.add_days(this.last_week_start,-1*this.last_week_start.getDay()),this.no_of_cols=this.get_weeks_between(this.first_week_start+"",this.last_week_start+"")+1}},{key:"set_width",value:function(){this.base_width=12*(this.no_of_cols+3),this.discrete_domains&&(this.base_width+=144)}},{key:"setup_components",value:function(){this.domain_label_group=t.createSVG("g",{className:"domain-label-group chart-label",inside:this.draw_area}),this.data_groups=t.createSVG("g",{className:"data-groups",inside:this.draw_area,transform:"translate(0, 20)"})}},{key:"setup_values",value:function(){this.domain_label_group.textContent="",this.data_groups.textContent="",this.distribution=this.get_distribution(this.data,this.legend_colors),this.month_names=["January","February","March","April","May","June","July","August","September","October","November","December"],this.render_all_weeks_and_store_x_values(this.no_of_cols)}},{key:"render_all_weeks_and_store_x_values",value:function(t){var e=new Date(this.first_week_start);this.week_col=0,this.current_month=e.getMonth(),this.months=[this.current_month+""],this.month_weeks={},this.month_start_points=[],this.month_weeks[this.current_month]=0,this.month_start_points.push(13);for(var i=0;i<t;i++){var a=void 0,s=0,n=new Date(e),r=this.get_week_squares_group(n,this.week_col),o=_(r,2);a=o[0],s=o[1],this.data_groups.appendChild(a),this.week_col+=1+parseInt(this.discrete_domains&&s),this.month_weeks[this.current_month]++,s&&(this.current_month=(this.current_month+1)%12,this.months.push(this.current_month+""),this.month_weeks[this.current_month]=1),this.add_days(e,7)}this.render_month_labels()}},{key:"get_week_squares_group",value:function(e,i){for(var a=0,s=0,n=t.createSVG("g",{className:"data-group",inside:this.data_groups}),r=0,o=0;o<7;o+=1,r+=12){var l=0,h=0,_=e.getTime()/1e3,u=Math.floor(_-_%86400).toFixed(1);this.data[u]&&(l=this.data[u],h=this.get_max_checkpoint(l,this.distribution)),this.data[Math.round(u)]&&(l=this.data[Math.round(u)],h=this.get_max_checkpoint(l,this.distribution)),t.createSVG("rect",{className:"day",inside:n,x:13+12*(i+s),y:r,width:10,height:10,fill:this.legend_colors[h],"data-date":this.get_dd_mm_yyyy(e),"data-value":l,"data-day":e.getDay()});var c=new Date(e);this.add_days(c,1),c.getMonth()-e.getMonth()&&(a=1,this.discrete_domains&&(s=1),this.month_start_points.push(13+12*(i+s))),e=c}return[n,a]}},{key:"render_month_labels",value:function(){var e=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(i,a){var s=e.month_names[e.months[a]].substring(0,3);t.createSVG("text",{className:"y-value-text",inside:e.domain_label_group,x:i+12,y:10,dy:".32em",innerHTML:s})})}},{key:"make_graph_components",value:function(){Array.prototype.slice.call(this.container.querySelectorAll(".graph-stats-container, .sub-title, .title")).map(function(t){t.style.display="None"}),this.chart_wrapper.style.marginTop="0px",this.chart_wrapper.style.paddingTop="0px"}},{key:"bind_tooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),a=e.target.getAttribute("data-date").split("-"),s=t.month_names[parseInt(a[1])-1].substring(0,3),n=t.chart_wrapper.getBoundingClientRect(),r=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=r.left-n.left+(o+2)/2,h=r.top-n.top-(o+2)/2,_=i+" "+t.count_label,u=" on "+s+" "+a[0]+", "+a[2];t.tip.set_values(l,h,u,_,[],1),t.tip.show_tip()})})}},{key:"update",value:function(t){this.data=t,this.setup_values(),this.bind_tooltip()}},{key:"get_distribution",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=arguments[1],i=Object.keys(t).map(function(e){return t[e]}),a=Math.max.apply(Math,u(i)),s=1/(e.length-1),n=[];return e.map(function(t,e){var i=a*(s*e);n.push(i)}),n}},{key:"get_max_checkpoint",value:function(t,e){return e.filter(function(i,a){return 1===a?e[0]<t:i<=t}).length-1}},{key:"treat_as_utc",value:function(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}},{key:"get_dd_mm_yyyy",value:function(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}},{key:"get_weeks_between",value:function(t,e){return Math.ceil(this.get_days_between(t,e)/7)}},{key:"get_days_between",value:function(t,e){return(this.treat_as_utc(e)-this.treat_as_utc(t))/864e5}},{key:"add_days",value:function(t,e){t.setDate(t.getDate()+e)}},{key:"get_month_name",value:function(){}}]),i}(),x={line:g,bar:f,scatter:v,percentage:y,heatmap:m},b=function t(e){return n(this,t),a(e.type,arguments[0])};return b}();
 //# 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 3f33ca2..766c7fd 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/scripts/helpers/dom.js","../../../src/scripts/helpers/utils.js","../../../src/scripts/charts.js","../../../src/scripts/objects/SvgTip.js","../../../src/scripts/charts/BaseChart.js","../../../src/scripts/charts/AxisChart.js","../../../src/scripts/charts/BarChart.js","../../../src/scripts/charts/LineChart.js","../../../src/scripts/charts/ScatterChart.js","../../../src/scripts/charts/PercentageChart.js","../../../src/scripts/charts/Heatmap.js"],"sourcesContent":["export default function $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\n$.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\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\n$.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\t\t}\n\t\telse {\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\n$.runSVGAnimation = (svg_container, elements) => {\n\t// let parent = elements[0][0]['unit'].parentNode;\n\n\tlet new_elements = [];\n\tlet anim_elements = [];\n\n\telements.map(element => {\n\t\tlet obj = element[0];\n\t\tlet parent = obj.unit.parentNode;\n\t\t// let index = let findNodeIndex(obj.unit);\n\n\t\tlet anim_element, new_element;\n\n\t\telement[0] = obj.unit;\n\n\t\t[anim_element, new_element] = $.animateSVG(...element);\n\n\t\tnew_elements.push(new_element);\n\t\tanim_elements.push([anim_element, parent]);\n\n\t\tparent.replaceChild(anim_element, obj.unit);\n\n\t\tif(obj.array) {\n\t\t\tobj.array[obj.index] = new_element;\n\t\t} else {\n\t\t\tobj.object[obj.key] = new_element;\n\t\t}\n\t});\n\n\tlet anim_svg = svg_container.cloneNode(true);\n\n\tanim_elements.map((anim_element, i) => {\n\t\tanim_element[1].replaceChild(new_elements[i], anim_element[0]);\n\t\telements[i][0] = new_elements[i];\n\t});\n\n\treturn anim_svg;\n};\n\n$.animateSVG = (element, props, dur, easing_type=\"linear\", type=undefined, old_values={}) => {\n\tlet easing = {\n\t\tease: \"0.25 0.1 0.25 1\",\n\t\tlinear: \"0 0 1 1\",\n\t\t// easein: \"0.42 0 1 1\",\n\t\teasein: \"0.1 0.8 0.2 1\",\n\t\teaseout: \"0 0 0.58 1\",\n\t\teaseinout: \"0.42 0 0.58 1\"\n\t};\n\n\tlet anim_element = element.cloneNode(true);\n\tlet new_element = element.cloneNode(true);\n\n\tfor(var attributeName in props) {\n\t\tlet animate_element;\n\t\tif(attributeName === 'transform') {\n\t\t\tanimate_element = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animateTransform\");\n\t\t} else {\n\t\t\tanimate_element = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animate\");\n\t\t}\n\t\tlet current_value = old_values[attributeName] || element.getAttribute(attributeName);\n\t\tlet value = props[attributeName];\n\n\t\tlet anim_attr = {\n\t\t\tattributeName: attributeName,\n\t\t\tfrom: current_value,\n\t\t\tto: value,\n\t\t\tbegin: \"0s\",\n\t\t\tdur: dur/1000 + \"s\",\n\t\t\tvalues: current_value + \";\" + value,\n\t\t\tkeySplines: easing[easing_type],\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\tanim_attr[\"type\"] = type;\n\t\t}\n\n\t\tfor (var i in anim_attr) {\n\t\t\tanimate_element.setAttribute(i, anim_attr[i]);\n\t\t}\n\n\t\tanim_element.appendChild(animate_element);\n\n\t\tif(type) {\n\t\t\tnew_element.setAttribute(attributeName, `translate(${value})`);\n\t\t} else {\n\t\t\tnew_element.setAttribute(attributeName, value);\n\t\t}\n\t}\n\n\treturn [anim_element, new_element];\n};\n\n$.offset = (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\n$.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\n$.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\n$.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\n$.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","export function float_2(d) {\n\treturn parseFloat(d.toFixed(2));\n}\n\nexport function arrays_equal(arr1, arr2) {\n\tif(arr1.length !== arr2.length) return false;\n\tlet are_equal = true;\n\tarr1.map((d, i) => {\n\t\tif(arr2[i] !== d) are_equal = false;\n\t});\n\treturn are_equal;\n}\n\nexport function shuffle(array) {\n\t// https://stackoverflow.com/a/2450976/6495043\n\t// Awesomeness: https://bost.ocks.org/mike/shuffle/\n\n\tvar currentIndex = array.length, temporaryValue, randomIndex;\n\n\t// While there remain elements to shuffle...\n\twhile (0 !== currentIndex) {\n\n\t\t// Pick a remaining element...\n\t\trandomIndex = Math.floor(Math.random() * currentIndex);\n\t\tcurrentIndex -= 1;\n\n\t\t// And swap it with the current element.\n\t\ttemporaryValue = array[currentIndex];\n\t\tarray[currentIndex] = array[randomIndex];\n\t\tarray[randomIndex] = temporaryValue;\n\t}\n\n\treturn array;\n}\n","import '../styles/charts.less';\n\nimport BarChart from './charts/BarChart';\nimport LineChart from './charts/LineChart';\nimport ScatterChart from './charts/ScatterChart';\nimport PercentageChart from './charts/PercentageChart';\nimport Heatmap from './charts/Heatmap';\n\n// if (ENV !== 'production') {\n// \t// Enable LiveReload\n// \tdocument.write(\n// \t\t'<script src=\"http://' + (location.host || 'localhost').split(':')[0] +\n// \t\t':35729/livereload.js?snipver=1\"></' + 'script>'\n// \t);\n// }\n\nconst chartTypes = {\n\tline: LineChart,\n\tbar: BarChart,\n\tscatter: ScatterChart,\n\tpercentage: PercentageChart,\n\theatmap: Heatmap\n};\n\nfunction getChartByType(chartType = 'line', options) {\n\tif (!chartTypes[chartType]) {\n\t\treturn new LineChart(options);\n\t}\n\n\treturn new chartTypes[chartType](options);\n}\n\nexport default class Chart {\n\tconstructor(args) {\n\t\treturn getChartByType(args.type, arguments[0]);\n\t}\n}\n","import $ from '../helpers/dom';\n\nexport default class SvgTip {\n\tconstructor({\n\t\tparent = null\n\t}) {\n\t\tthis.parent = parent;\n\t\tthis.title_name = '';\n\t\tthis.title_value = '';\n\t\tthis.list_values = [];\n\t\tthis.title_value_first = 0;\n\n\t\tthis.x = 0;\n\t\tthis.y = 0;\n\n\t\tthis.top = 0;\n\t\tthis.left = 0;\n\n\t\tthis.setup();\n\t}\n\n\tsetup() {\n\t\tthis.make_tooltip();\n\t}\n\n\trefresh() {\n\t\tthis.fill();\n\t\tthis.calc_position();\n\t\t// this.show_tip();\n\t}\n\n\tmake_tooltip() {\n\t\tthis.container = $.create('div', {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'graph-svg-tip comparison',\n\t\t\tinnerHTML: `<span class=\"title\"></span>\n\t\t\t\t<ul class=\"data-point-list\"></ul>\n\t\t\t\t<div class=\"svg-pointer\"></div>`\n\t\t});\n\t\tthis.hide_tip();\n\n\t\tthis.title = this.container.querySelector('.title');\n\t\tthis.data_point_list = this.container.querySelector('.data-point-list');\n\n\t\tthis.parent.addEventListener('mouseleave', () => {\n\t\t\tthis.hide_tip();\n\t\t});\n\t}\n\n\tfill() {\n\t\tlet title;\n\t\tif(this.title_value_first) {\n\t\t\ttitle = `<strong>${this.title_value}</strong>${this.title_name}`;\n\t\t} else {\n\t\t\ttitle = `${this.title_name}<strong>${this.title_value}</strong>`;\n\t\t}\n\t\tthis.title.innerHTML = title;\n\t\tthis.data_point_list.innerHTML = '';\n\n\t\tthis.list_values.map((set) => {\n\t\t\tlet li = $.create('li', {\n\t\t\t\tclassName: `border-top ${set.color || 'black'}`,\n\t\t\t\tinnerHTML: `<strong style=\"display: block;\">${set.value ? set.value : '' }</strong>\n\t\t\t\t\t${set.title ? set.title : '' }`\n\t\t\t});\n\n\t\t\tthis.data_point_list.appendChild(li);\n\t\t});\n\t}\n\n\tcalc_position() {\n\t\tthis.top = this.y - this.container.offsetHeight;\n\t\tthis.left = this.x - this.container.offsetWidth/2;\n\t\tlet max_left = this.parent.offsetWidth - this.container.offsetWidth;\n\n\t\tlet pointer = this.container.querySelector('.svg-pointer');\n\n\t\tif(this.left < 0) {\n\t\t\tpointer.style.left = `calc(50% - ${-1 * this.left}px)`;\n\t\t\tthis.left = 0;\n\t\t} else if(this.left > max_left) {\n\t\t\tlet delta = this.left - max_left;\n\t\t\tpointer.style.left = `calc(50% + ${delta}px)`;\n\t\t\tthis.left = max_left;\n\t\t} else {\n\t\t\tpointer.style.left = `50%`;\n\t\t}\n\t}\n\n\tset_values(x, y, title_name = '', title_value = '', list_values = [], title_value_first = 0) {\n\t\tthis.title_name = title_name;\n\t\tthis.title_value = title_value;\n\t\tthis.list_values = list_values;\n\t\tthis.x = x;\n\t\tthis.y = y;\n\t\tthis.title_value_first = title_value_first;\n\t\tthis.refresh();\n\t}\n\n\thide_tip() {\n\t\tthis.container.style.top = '0px';\n\t\tthis.container.style.left = '0px';\n\t\tthis.container.style.opacity = '0';\n\t}\n\n\tshow_tip() {\n\t\tthis.container.style.top = this.top + 'px';\n\t\tthis.container.style.left = this.left + 'px';\n\t\tthis.container.style.opacity = '1';\n\t}\n}\n","import SvgTip from '../objects/SvgTip';\nimport $ from '../helpers/dom';\nimport Chart from '../charts';\n\nexport default class BaseChart {\n\tconstructor({\n\t\theight = 240,\n\n\t\ttitle = '', subtitle = '',\n\n\t\tformat_lambdas = {},\n\n\t\tsummary = [],\n\n\t\tis_navigable = 0,\n\t\thas_legend = 0,\n\n\t\ttype = '', // eslint-disable-line no-unused-vars\n\n\t\tparent,\n\t\tdata\n\t}) {\n\t\tthis.raw_chart_args = arguments[0];\n\n\t\tthis.parent = document.querySelector(parent);\n\t\tthis.title = title;\n\t\tthis.subtitle = subtitle;\n\n\t\tthis.data = data;\n\t\tthis.format_lambdas = format_lambdas;\n\n\t\tthis.specific_values = data.specific_values || [];\n\t\tthis.summary = summary;\n\n\t\tthis.is_navigable = is_navigable;\n\t\tif(this.is_navigable) {\n\t\t\tthis.current_index = 0;\n\t\t}\n\t\tthis.has_legend = has_legend;\n\n\t\tthis.chart_types = ['line', 'scatter', 'bar', 'percentage', 'heatmap'];\n\n\t\tthis.set_margins(height);\n\t}\n\n\tget_different_chart(type) {\n\t\tif(!this.chart_types.includes(type)) {\n\t\t\tconsole.error(`'${type}' is not a valid chart type.`);\n\t\t}\n\t\tif(type === this.type) return;\n\n\t\t// Only across compatible types\n\t\tlet compatible_types = {\n\t\t\tbar: ['line', 'scatter', 'percentage'],\n\t\t\tline: ['scatter', 'bar', 'percentage'],\n\t\t\tscatter: ['line', 'bar', 'percentage'],\n\t\t\tpercentage: ['bar', 'line', 'scatter'],\n\t\t\theatmap: []\n\t\t};\n\n\t\tif(!compatible_types[this.type].includes(type)) {\n\t\t\tconsole.error(`'${this.type}' chart cannot be converted to a '${type}' chart.`);\n\t\t}\n\n\t\t// Okay, this is anticlimactic\n\t\t// this function will need to actually be 'change_chart_type(type)'\n\t\t// that will update only the required elements, but for now ...\n\t\treturn new Chart({\n\t\t\tparent: this.raw_chart_args.parent,\n\t\t\ttitle: this.title,\n\t\t\tdata: this.raw_chart_args.data,\n\t\t\ttype: type,\n\t\t\theight: this.raw_chart_args.height\n\t\t});\n\t}\n\n\tset_margins(height) {\n\t\tthis.base_height = height;\n\t\tthis.height = height - 40;\n\t\tthis.translate_x = 60;\n\t\tthis.translate_y = 10;\n\t}\n\n\tsetup() {\n\t\tif(!this.parent) {\n\t\t\tconsole.error(\"No parent element to render on was provided.\");\n\t\t\treturn;\n\t\t}\n\t\tthis.bind_window_events();\n\t\tthis.refresh(true);\n\t}\n\n\tbind_window_events() {\n\t\twindow.addEventListener('resize', () => this.refresh());\n\t\twindow.addEventListener('orientationchange', () => this.refresh());\n\t}\n\n\trefresh(init=false) {\n\t\tthis.setup_base_values();\n\t\tthis.set_width();\n\n\t\tthis.setup_container();\n\t\tthis.setup_components();\n\n\t\tthis.setup_values();\n\t\tthis.setup_utils();\n\n\t\tthis.make_graph_components(init);\n\t\tthis.make_tooltip();\n\n\t\tif(this.summary.length > 0) {\n\t\t\tthis.show_custom_summary();\n\t\t} else {\n\t\t\tthis.show_summary();\n\t\t}\n\n\t\tif(this.is_navigable) {\n\t\t\tthis.setup_navigation(init);\n\t\t}\n\t}\n\n\tset_width() {\n\t\tlet special_values_width = 0;\n\t\tthis.specific_values.map(val => {\n\t\t\tif(this.get_strwidth(val.title) > special_values_width) {\n\t\t\t\tspecial_values_width = this.get_strwidth(val.title) - 40;\n\t\t\t}\n\t\t});\n\t\tthis.base_width = this.parent.offsetWidth - special_values_width;\n\t\tthis.width = this.base_width - this.translate_x * 2;\n\t}\n\n\tsetup_base_values() {}\n\n\tsetup_container() {\n\t\tthis.container = $.create('div', {\n\t\t\tclassName: 'chart-container',\n\t\t\tinnerHTML: `<h6 class=\"title\">${this.title}</h6>\n\t\t\t\t<h6 class=\"sub-title uppercase\">${this.subtitle}</h6>\n\t\t\t\t<div class=\"frappe-chart graphics\"></div>\n\t\t\t\t<div class=\"graph-stats-container\"></div>`\n\t\t});\n\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\t\tthis.parent.appendChild(this.container);\n\n\t\tthis.chart_wrapper = this.container.querySelector('.frappe-chart');\n\t\tthis.stats_wrapper = this.container.querySelector('.graph-stats-container');\n\n\t\tthis.make_chart_area();\n\t\tthis.make_draw_area();\n\t}\n\n\tmake_chart_area() {\n\t\tthis.svg = $.createSVG('svg', {\n\t\t\tclassName: 'chart',\n\t\t\tinside: this.chart_wrapper,\n\t\t\twidth: this.base_width,\n\t\t\theight: this.base_height\n\t\t});\n\n\t\tthis.svg_defs = $.createSVG('defs', {\n\t\t\tinside: this.svg,\n\t\t});\n\n\t\treturn this.svg;\n\t}\n\n\tmake_draw_area() {\n\t\tthis.draw_area = $.createSVG(\"g\", {\n\t\t\tclassName: this.type + '-chart',\n\t\t\tinside: this.svg,\n\t\t\ttransform: `translate(${this.translate_x}, ${this.translate_y})`\n\t\t});\n\t}\n\n\tsetup_components() { }\n\n\tmake_tooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.chart_wrapper,\n\t\t});\n\t\tthis.bind_tooltip();\n\t}\n\n\n\tshow_summary() {}\n\tshow_custom_summary() {\n\t\tthis.summary.map(d => {\n\t\t\tlet stats = $.create('div', {\n\t\t\t\tclassName: 'stats',\n\t\t\t\tinnerHTML: `<span class=\"indicator ${d.color}\">${d.title}: ${d.value}</span>`\n\t\t\t});\n\t\t\tthis.stats_wrapper.appendChild(stats);\n\t\t});\n\t}\n\n\tsetup_navigation(init=false) {\n\t\tthis.make_overlay();\n\n\t\tif(init) {\n\t\t\tthis.bind_overlay();\n\n\t\t\tdocument.addEventListener('keydown', (e) => {\n\t\t\t\tif($.isElementInViewport(this.chart_wrapper)) {\n\t\t\t\t\te = e || window.event;\n\n\t\t\t\t\tif (e.keyCode == '37') {\n\t\t\t\t\t\tthis.on_left_arrow();\n\t\t\t\t\t} else if (e.keyCode == '39') {\n\t\t\t\t\t\tthis.on_right_arrow();\n\t\t\t\t\t} else if (e.keyCode == '38') {\n\t\t\t\t\t\tthis.on_up_arrow();\n\t\t\t\t\t} else if (e.keyCode == '40') {\n\t\t\t\t\t\tthis.on_down_arrow();\n\t\t\t\t\t} else if (e.keyCode == '13') {\n\t\t\t\t\t\tthis.on_enter_key();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tmake_overlay() {}\n\tbind_overlay() {}\n\tbind_units() {}\n\n\ton_left_arrow() {}\n\ton_right_arrow() {}\n\ton_up_arrow() {}\n\ton_down_arrow() {}\n\ton_enter_key() {}\n\n\tget_data_point(index=this.current_index) {\n\t\t// check for length\n\t\tlet data_point = {\n\t\t\tindex: index\n\t\t};\n\t\tlet y = this.y[0];\n\t\t['svg_units', 'y_tops', 'values'].map(key => {\n\t\t\tlet data_key = key.slice(0, key.length-1);\n\t\t\tdata_point[data_key] = y[key][index];\n\t\t});\n\t\tdata_point.label = this.x[index];\n\t\treturn data_point;\n\t}\n\n\tupdate_current_data_point(index) {\n\t\tindex = parseInt(index);\n\t\tif(index < 0) index = 0;\n\t\tif(index >= this.x.length) index = this.x.length - 1;\n\t\tif(index === this.current_index) return;\n\t\tthis.current_index = index;\n\t\t$.fire(this.parent, \"data-select\", this.get_data_point());\n\t}\n\n\t// Helpers\n\tget_strwidth(string) {\n\t\treturn (string+\"\").length * 8;\n\t}\n\n\t// Objects\n\tsetup_utils() { }\n}\n","import $ from '../helpers/dom';\nimport { float_2, arrays_equal } from '../helpers/utils';\nimport BaseChart from './BaseChart';\n\nexport default class AxisChart extends BaseChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\n\t\tthis.x = this.data.labels;\n\t\tthis.y = this.data.datasets;\n\n\t\tthis.is_series = args.is_series;\n\n\t\tthis.get_y_label = this.format_lambdas.y_label;\n\t\tthis.get_y_tooltip = this.format_lambdas.y_tooltip;\n\t\tthis.get_x_tooltip = this.format_lambdas.x_tooltip;\n\n\t\tthis.colors = ['green', 'blue', 'violet', 'red', 'orange',\n\t\t\t'yellow', 'light-blue', 'light-green', 'purple', 'magenta'];\n\n\t\tthis.zero_line = this.height;\n\t}\n\n\tsetup_values() {\n\t\tthis.data.datasets.map(d => {\n\t\t\td.values = d.values.map(val => (!isNaN(val) ? val : 0));\n\t\t});\n\t\tthis.setup_x();\n\t\tthis.setup_y();\n\t}\n\n\tsetup_x() {\n\t\tthis.set_avg_unit_width_and_x_offset();\n\n\t\tif(this.x_axis_positions) {\n\t\t\tthis.x_old_axis_positions =  this.x_axis_positions.slice();\n\t\t}\n\t\tthis.x_axis_positions = this.x.map((d, i) =>\n\t\t\tfloat_2(this.x_offset + i * this.avg_unit_width));\n\n\t\tif(!this.x_old_axis_positions) {\n\t\t\tthis.x_old_axis_positions = this.x_axis_positions.slice();\n\t\t}\n\t}\n\n\tsetup_y() {\n\t\tif(this.y_axis_values) {\n\t\t\tthis.y_old_axis_values =  this.y_axis_values.slice();\n\t\t}\n\n\t\tlet values = this.get_all_y_values();\n\n\t\tif(this.y_sums && this.y_sums.length > 0) {\n\t\t\tvalues = values.concat(this.y_sums);\n\t\t}\n\n\t\tthis.y_axis_values = this.get_y_axis_points(values);\n\n\t\tif(!this.y_old_axis_values) {\n\t\t\tthis.y_old_axis_values = this.y_axis_values.slice();\n\t\t}\n\n\t\tconst y_pts = this.y_axis_values;\n\t\tconst value_range = y_pts[y_pts.length-1] - y_pts[0];\n\n\t\tif(this.multiplier) this.old_multiplier = this.multiplier;\n\t\tthis.multiplier = this.height / value_range;\n\t\tif(!this.old_multiplier) this.old_multiplier = this.multiplier;\n\n\t\tconst zero_index = y_pts.indexOf(0);\n\t\tconst interval = y_pts[1] - y_pts[0];\n\t\tconst interval_height = interval * this.multiplier;\n\n\t\tif(this.zero_line) this.old_zero_line = this.zero_line;\n\t\tthis.zero_line = this.height - (zero_index * interval_height);\n\t\tif(!this.old_zero_line) this.old_zero_line = this.zero_line;\n\t}\n\n\tsetup_components() {\n\t\tsuper.setup_components();\n\t\tthis.setup_marker_components();\n\t\tthis.setup_aggregation_components();\n\t\tthis.setup_graph_components();\n\t}\n\n\tsetup_marker_components() {\n\t\tthis.y_axis_group = $.createSVG('g', {className: 'y axis', inside: this.draw_area});\n\t\tthis.x_axis_group = $.createSVG('g', {className: 'x axis', inside: this.draw_area});\n\t\tthis.specific_y_group = $.createSVG('g', {className: 'specific axis', inside: this.draw_area});\n\t}\n\n\tsetup_aggregation_components() {\n\t\tthis.sum_group = $.createSVG('g', {className: 'data-points', inside: this.draw_area});\n\t\tthis.average_group = $.createSVG('g', {className: 'chart-area', inside: this.draw_area});\n\t}\n\n\tsetup_graph_components() {\n\t\tthis.svg_units_groups = [];\n\t\tthis.y.map((d, i) => {\n\t\t\tthis.svg_units_groups[i] = $.createSVG('g', {\n\t\t\t\tclassName: 'data-points data-points-' + i,\n\t\t\t\tinside: this.draw_area\n\t\t\t});\n\t\t});\n\t}\n\n\tmake_graph_components(init=false) {\n\t\tthis.make_y_axis();\n\t\tthis.make_x_axis();\n\t\tthis.draw_graph(init);\n\t\tthis.make_y_specifics();\n\t}\n\n\t// make VERTICAL lines for x values\n\tmake_x_axis(animate=false) {\n\t\tlet start_at, height, text_start_at, axis_line_class = '';\n\t\tif(this.x_axis_mode === 'span') {\t\t// long spanning lines\n\t\t\tstart_at = -7;\n\t\t\theight = this.height + 15;\n\t\t\ttext_start_at = this.height + 25;\n\t\t} else if(this.x_axis_mode === 'tick'){\t// short label lines\n\t\t\tstart_at = this.height;\n\t\t\theight = 6;\n\t\t\ttext_start_at = 9;\n\t\t\taxis_line_class = 'x-axis-label';\n\t\t}\n\n\t\tthis.x_axis_group.setAttribute('transform', `translate(0,${start_at})`);\n\n\t\tif(animate) {\n\t\t\tthis.make_anim_x_axis(height, text_start_at, axis_line_class);\n\t\t\treturn;\n\t\t}\n\n\t\tlet allowed_space = this.avg_unit_width * 1.5;\n\t\tlet allowed_letters = allowed_space / 8;\n\n\t\tthis.x_axis_group.textContent = '';\n\t\tthis.x.map((point, i) => {\n\t\t\tlet space_taken = this.get_strwidth(point) + 2;\n\t\t\tif(space_taken > allowed_space) {\n\t\t\t\tif(this.is_series) {\n\t\t\t\t\t// Skip some axis lines if X axis is a series\n\t\t\t\t\tlet skips = 1;\n\t\t\t\t\twhile((space_taken/skips)*2 > allowed_space) {\n\t\t\t\t\t\tskips++;\n\t\t\t\t\t}\n\t\t\t\t\tif(i % skips !== 0) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tpoint = point.slice(0, allowed_letters-3) + \" ...\";\n\t\t\t\t}\n\t\t\t}\n\t\t\tthis.x_axis_group.appendChild(\n\t\t\t\tthis.make_x_line(\n\t\t\t\t\theight,\n\t\t\t\t\ttext_start_at,\n\t\t\t\t\tpoint,\n\t\t\t\t\t'x-value-text',\n\t\t\t\t\taxis_line_class,\n\t\t\t\t\tthis.x_axis_positions[i]\n\t\t\t\t)\n\t\t\t);\n\t\t});\n\t}\n\n\t// make HORIZONTAL lines for y values\n\tmake_y_axis(animate=false) {\n\t\tif(animate) {\n\t\t\tthis.make_anim_y_axis();\n\t\t\tthis.make_anim_y_specifics();\n\t\t\treturn;\n\t\t}\n\n\t\tlet [width, text_end_at, axis_line_class, start_at] = this.get_y_axis_line_props();\n\n\t\tthis.y_axis_group.textContent = '';\n\t\tthis.y_axis_values.map((value, i) => {\n\t\t\tthis.y_axis_group.appendChild(\n\t\t\t\tthis.make_y_line(\n\t\t\t\t\tstart_at,\n\t\t\t\t\twidth,\n\t\t\t\t\ttext_end_at,\n\t\t\t\t\tvalue,\n\t\t\t\t\t'y-value-text',\n\t\t\t\t\taxis_line_class,\n\t\t\t\t\tthis.zero_line - value * this.multiplier,\n\t\t\t\t\t(value === 0 && i !== 0) // Non-first Zero line\n\t\t\t\t)\n\t\t\t);\n\t\t});\n\t}\n\n\tget_y_axis_line_props(specific=false) {\n\t\tif(specific) {\n\t\t\treturn[this.width, this.width + 5, 'specific-value', 0];\n\t\t}\n\t\tlet width, text_end_at = -9, axis_line_class = '', start_at = 0;\n\t\tif(this.y_axis_mode === 'span') {\t\t// long spanning lines\n\t\t\twidth = this.width + 6;\n\t\t\tstart_at = -6;\n\t\t} else if(this.y_axis_mode === 'tick'){\t// short label lines\n\t\t\twidth = -6;\n\t\t\taxis_line_class = 'y-axis-label';\n\t\t}\n\n\t\treturn [width, text_end_at, axis_line_class, start_at];\n\t}\n\n\tdraw_graph(init=false) {\n\t\tif(this.raw_chart_args.hasOwnProperty(\"init\") && !this.raw_chart_args.init) {\n\t\t\tthis.y.map((d, i) => {\n\t\t\t\td.svg_units = [];\n\t\t\t\tthis.make_path && this.make_path(d, i, this.x_axis_positions, d.y_tops, d.color || this.colors[i]);\n\t\t\t\tthis.make_new_units(d, i);\n\t\t\t\tthis.calc_y_dependencies();\n\t\t\t});\n\t\t\treturn;\n\t\t}\n\t\tif(init) {\n\t\t\tthis.draw_new_graph_and_animate();\n\t\t\treturn;\n\t\t}\n\t\tthis.y.map((d, i) => {\n\t\t\td.svg_units = [];\n\t\t\tthis.make_path && this.make_path(d, i, this.x_axis_positions, d.y_tops, d.color || this.colors[i]);\n\t\t\tthis.make_new_units(d, i);\n\t\t});\n\t}\n\n\tdraw_new_graph_and_animate() {\n\t\tlet data = [];\n\t\tthis.y.map((d, i) => {\n\t\t\t// Anim: Don't draw initial values, store them and update later\n\t\t\td.y_tops = new Array(d.values.length).fill(this.zero_line); // no value\n\t\t\tdata.push({values: d.values});\n\t\t\td.svg_units = [];\n\n\t\t\tthis.make_path && this.make_path(d, i, this.x_axis_positions, d.y_tops, d.color || this.colors[i]);\n\t\t\tthis.make_new_units(d, i);\n\t\t});\n\n\t\tsetTimeout(() => {\n\t\t\tthis.update_values(data);\n\t\t}, 350);\n\t}\n\n\tsetup_navigation(init) {\n\t\tif(init) {\n\t\t\t// Hack: defer nav till initial update_values\n\t\t\tsetTimeout(() => {\n\t\t\t\tsuper.setup_navigation(init);\n\t\t\t}, 500);\n\t\t} else {\n\t\t\tsuper.setup_navigation(init);\n\t\t}\n\t}\n\n\tmake_new_units(d, i) {\n\t\tthis.make_new_units_for_dataset(\n\t\t\tthis.x_axis_positions,\n\t\t\td.y_tops,\n\t\t\td.color || this.colors[i],\n\t\t\ti,\n\t\t\tthis.y.length\n\t\t);\n\t}\n\n\tmake_new_units_for_dataset(x_values, y_values, color, dataset_index,\n\t\tno_of_datasets, units_group, units_array, unit) {\n\n\t\tif(!units_group) units_group = this.svg_units_groups[dataset_index];\n\t\tif(!units_array) units_array = this.y[dataset_index].svg_units;\n\t\tif(!unit) unit = this.unit_args;\n\n\t\tunits_group.textContent = '';\n\t\tunits_array.length = 0;\n\n\t\ty_values.map((y, i) => {\n\t\t\tlet data_unit = this.draw[unit.type](\n\t\t\t\tx_values[i],\n\t\t\t\ty,\n\t\t\t\tunit.args,\n\t\t\t\tcolor,\n\t\t\t\ti,\n\t\t\t\tdataset_index,\n\t\t\t\tno_of_datasets\n\t\t\t);\n\t\t\tunits_group.appendChild(data_unit);\n\t\t\tunits_array.push(data_unit);\n\t\t});\n\n\t\tif(this.is_navigable) {\n\t\t\tthis.bind_units(units_array);\n\t\t}\n\t}\n\n\tmake_y_specifics() {\n\t\tthis.specific_y_group.textContent = '';\n\t\tthis.specific_values.map(d => {\n\t\t\tthis.specific_y_group.appendChild(\n\t\t\t\tthis.make_y_line(\n\t\t\t\t\t0,\n\t\t\t\t\tthis.width,\n\t\t\t\t\tthis.width + 5,\n\t\t\t\t\td.title.toUpperCase(),\n\t\t\t\t\t'specific-value',\n\t\t\t\t\t'specific-value',\n\t\t\t\t\tthis.zero_line - d.value * this.multiplier,\n\t\t\t\t\tfalse,\n\t\t\t\t\td.line_type\n\t\t\t\t)\n\t\t\t);\n\t\t});\n\t}\n\n\tbind_tooltip() {\n\t\t// TODO: could be in tooltip itself, as it is a given functionality for its parent\n\t\tthis.chart_wrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet offset = $.offset(this.chart_wrapper);\n\t\t\tlet relX = e.pageX - offset.left - this.translate_x;\n\t\t\tlet relY = e.pageY - offset.top - this.translate_y;\n\n\t\t\tif(relY < this.height + this.translate_y * 2) {\n\t\t\t\tthis.map_tooltip_x_position_and_show(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.hide_tip();\n\t\t\t}\n\t\t});\n\t}\n\n\tmap_tooltip_x_position_and_show(relX) {\n\t\tif(!this.y_min_tops) return;\n\t\tfor(var i=this.x_axis_positions.length - 1; i >= 0 ; i--) {\n\t\t\tlet x_val = this.x_axis_positions[i];\n\t\t\t// let delta = i === 0 ? this.avg_unit_width : x_val - this.x_axis_positions[i-1];\n\t\t\tif(relX > x_val - this.avg_unit_width/2) {\n\t\t\t\tlet x = x_val + this.translate_x;\n\t\t\t\tlet y = this.y_min_tops[i] + this.translate_y;\n\n\t\t\t\tlet title = this.x.formatted && this.x.formatted.length>0\n\t\t\t\t\t? this.x.formatted[i] : this.x[i];\n\t\t\t\tlet values = this.y.map((set, j) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttitle: set.title,\n\t\t\t\t\t\tvalue: set.formatted ? set.formatted[i] : set.values[i],\n\t\t\t\t\t\tcolor: set.color || this.colors[j],\n\t\t\t\t\t};\n\t\t\t\t});\n\n\t\t\t\t// TODO: upside-down tooltips for negative values?\n\t\t\t\tthis.tip.set_values(x, y, title, '', values);\n\t\t\t\tthis.tip.show_tip();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\t// API\n\tshow_sums() {\n\t\tthis.updating = true;\n\n\t\tthis.y_sums = new Array(this.x_axis_positions.length).fill(0);\n\t\tthis.y.map(d => {\n\t\t\td.values.map( (value, i) => {\n\t\t\t\tthis.y_sums[i] += value;\n\t\t\t});\n\t\t});\n\n\t\t// Remake y axis, animate\n\t\tthis.update_values();\n\n\t\t// Then make sum units, don't animate\n\t\tthis.sum_units = [];\n\n\t\tthis.make_new_units_for_dataset(\n\t\t\tthis.x_axis_positions,\n\t\t\tthis.y_sums.map( val => float_2(this.zero_line - val * this.multiplier)),\n\t\t\t'light-grey',\n\t\t\t0,\n\t\t\t1,\n\t\t\tthis.sum_group,\n\t\t\tthis.sum_units\n\t\t);\n\n\t\t// this.make_path && this.make_path(d, i, old_x, old_y, d.color || this.colors[i]);\n\n\t\tthis.updating = false;\n\t}\n\n\thide_sums() {\n\t\tif(this.updating) return;\n\t\tthis.y_sums = [];\n\t\tthis.sum_group.textContent = '';\n\t\tthis.sum_units = [];\n\t\tthis.update_values();\n\t}\n\n\tshow_averages() {\n\t\tthis.old_specific_values = this.specific_values.slice();\n\t\tthis.y.map((d, i) => {\n\t\t\tlet sum = 0;\n\t\t\td.values.map(e => {sum+=e;});\n\t\t\tlet average = sum/d.values.length;\n\n\t\t\tthis.specific_values.push({\n\t\t\t\ttitle: \"AVG\" + \" \" + (i+1),\n\t\t\t\tline_type: \"dashed\",\n\t\t\t\tvalue: average,\n\t\t\t\tauto: 1\n\t\t\t});\n\t\t});\n\n\t\tthis.update_values();\n\t}\n\n\thide_averages() {\n\t\tthis.old_specific_values = this.specific_values.slice();\n\n\t\tlet indices_to_remove = [];\n\t\tthis.specific_values.map((d, i) => {\n\t\t\tif(d.auto) indices_to_remove.unshift(i);\n\t\t});\n\n\t\tindices_to_remove.map(index => {\n\t\t\tthis.specific_values.splice(index, 1);\n\t\t});\n\n\t\tthis.update_values();\n\t}\n\n\tupdate_values(new_y, new_x) {\n\t\tif(!new_x) {\n\t\t\tnew_x = this.x;\n\t\t}\n\t\tthis.elements_to_animate = [];\n\t\tthis.updating = true;\n\n\t\tthis.old_x_values = this.x.slice();\n\t\tthis.old_y_axis_tops = this.y.map(d => d.y_tops.slice());\n\n\t\tthis.old_y_values = this.y.map(d => d.values);\n\n\t\tthis.no_of_extra_pts = new_x.length - this.x.length;\n\n\t\t// Just update values prop, setup_x/y() will do the rest\n\t\tif(new_y) this.y.map((d, i) => {d.values = new_y[i].values;});\n\t\tif(new_x) this.x = new_x;\n\n\t\tthis.setup_x();\n\t\tthis.setup_y();\n\n\t\t// Animate only if positions have changed\n\t\tif(!arrays_equal(this.x_old_axis_positions, this.x_axis_positions)) {\n\t\t\tthis.make_x_axis(true);\n\t\t\tsetTimeout(() => {\n\t\t\t\tif(!this.updating) this.make_x_axis();\n\t\t\t}, 350);\n\t\t}\n\n\t\tif(!arrays_equal(this.y_old_axis_values, this.y_axis_values) ||\n\t\t\t(this.old_specific_values &&\n\t\t\t!arrays_equal(this.old_specific_values, this.specific_values))) {\n\n\t\t\tthis.make_y_axis(true);\n\t\t\tsetTimeout(() => {\n\t\t\t\tif(!this.updating) {\n\t\t\t\t\tthis.make_y_axis();\n\t\t\t\t\tthis.make_y_specifics();\n\t\t\t\t}\n\t\t\t}, 350);\n\t\t}\n\n\t\t// Change in data, so calculate dependencies\n\t\tthis.calc_y_dependencies();\n\n\t\tthis.animate_graphs();\n\n\t\t// Trigger animation with the animatable elements in this.elements_to_animate\n\t\tthis.run_animation();\n\n\t\tthis.updating = false;\n\t}\n\n\tadd_data_point(y_point, x_point, index=this.x.length) {\n\t\tlet new_y = this.y.map(data_set => { return {values:data_set.values}; });\n\t\tnew_y.map((d, i) => { d.values.splice(index, 0, y_point[i]); });\n\t\tlet new_x = this.x.slice();\n\t\tnew_x.splice(index, 0, x_point);\n\n\t\tthis.update_values(new_y, new_x);\n\t}\n\n\tremove_data_point(index = this.x.length-1) {\n\t\tif(this.x.length < 3) return;\n\n\t\tlet new_y = this.y.map(data_set => { return {values:data_set.values}; });\n\t\tnew_y.map((d) => { d.values.splice(index, 1); });\n\t\tlet new_x = this.x.slice();\n\t\tnew_x.splice(index, 1);\n\n\t\tthis.update_values(new_y, new_x);\n\t}\n\n\trun_animation() {\n\t\tlet anim_svg = $.runSVGAnimation(this.svg, this.elements_to_animate);\n\n\t\tif(this.svg.parentNode == this.chart_wrapper) {\n\t\t\tthis.chart_wrapper.removeChild(this.svg);\n\t\t\tthis.chart_wrapper.appendChild(anim_svg);\n\n\t\t}\n\n\t\t// Replace the new svg (data has long been replaced)\n\t\tsetTimeout(() => {\n\t\t\tif(anim_svg.parentNode == this.chart_wrapper) {\n\t\t\t\tthis.chart_wrapper.removeChild(anim_svg);\n\t\t\t\tthis.chart_wrapper.appendChild(this.svg);\n\t\t\t}\n\t\t}, 250);\n\t}\n\n\tanimate_graphs() {\n\t\tthis.y.map((d, i) => {\n\t\t\t// Pre-prep, equilize no of positions between old and new\n\t\t\tlet [old_x, old_y, new_x, new_y] = this.calc_old_and_new_postions(d, i);\n\t\t\tif(this.no_of_extra_pts >= 0) {\n\t\t\t\tthis.make_path && this.make_path(d, i, old_x, old_y, d.color || this.colors[i]);\n\t\t\t\tthis.make_new_units_for_dataset(old_x, old_y, d.color || this.colors[i], i, this.y.length);\n\t\t\t}\n\t\t\td.path && this.animate_path(d, i, old_x, old_y, new_x, new_y);\n\t\t\tthis.animate_units(d, i, old_x, old_y, new_x, new_y);\n\t\t});\n\n\t\t// TODO: replace with real units\n\t\tsetTimeout(() => {\n\t\t\tthis.y.map((d, i) => {\n\t\t\t\tthis.make_path && this.make_path(d, i, this.x_axis_positions, d.y_tops, d.color || this.colors[i]);\n\t\t\t\tthis.make_new_units(d, i);\n\t\t\t});\n\t\t}, 400);\n\t}\n\n\tanimate_path(d, i, old_x, old_y, new_x, new_y) {\n\t\t// Animate path\n\t\tconst new_points_list = new_y.map((y, i) => (new_x[i] + ',' + y));\n\t\tconst new_path_str = new_points_list.join(\"L\");\n\n\t\tconst path_args = [{unit: d.path, object: d, key: 'path'}, {d:\"M\"+new_path_str}, 350, \"easein\"];\n\t\tthis.elements_to_animate.push(path_args);\n\n\t\t// Animate region\n\t\tif(d.region_path) {\n\t\t\tlet reg_start_pt = `0,${this.zero_line}L`;\n\t\t\tlet reg_end_pt = `L${this.width},${this.zero_line}`;\n\n\t\t\tconst region_args = [\n\t\t\t\t{unit: d.region_path, object: d, key: 'region_path'},\n\t\t\t\t{d:\"M\" + reg_start_pt + new_path_str + reg_end_pt},\n\t\t\t\t350,\n\t\t\t\t\"easein\"\n\t\t\t];\n\t\t\tthis.elements_to_animate.push(region_args);\n\t\t}\n\t}\n\n\tanimate_units(d, index, old_x, old_y, new_x, new_y) {\n\t\tlet type = this.unit_args.type;\n\n\t\td.svg_units.map((unit, i) => {\n\t\t\tif(new_x[i] === undefined || new_y[i] === undefined) return;\n\t\t\tthis.elements_to_animate.push(this.animate[type](\n\t\t\t\t{unit:unit, array:d.svg_units, index: i}, // unit, with info to replace where it came from in the data\n\t\t\t\tnew_x[i],\n\t\t\t\tnew_y[i],\n\t\t\t\tindex\n\t\t\t));\n\t\t});\n\t}\n\n\tcalc_old_and_new_postions(d, i) {\n\t\tlet old_x = this.x_old_axis_positions.slice();\n\t\tlet new_x = this.x_axis_positions.slice();\n\n\t\tlet old_y = this.old_y_axis_tops[i].slice();\n\t\tlet new_y = d.y_tops.slice();\n\n\t\tconst last_old_x_pos = old_x[old_x.length - 1];\n\t\tconst last_old_y_pos = old_y[old_y.length - 1];\n\n\t\tconst last_new_x_pos = new_x[new_x.length - 1];\n\t\tconst last_new_y_pos = new_y[new_y.length - 1];\n\n\t\tif(this.no_of_extra_pts >= 0) {\n\t\t\t// First substitute current path with a squiggled one (looking the same but\n\t\t\t// having more points at end),\n\t\t\t// then animate to stretch it later to new points\n\t\t\t// (new points already have more points)\n\n\t\t\t// Hence, the extra end points will correspond to current(old) positions\n\t\t\tlet filler_x = new Array(Math.abs(this.no_of_extra_pts)).fill(last_old_x_pos);\n\t\t\tlet filler_y = new Array(Math.abs(this.no_of_extra_pts)).fill(last_old_y_pos);\n\n\t\t\told_x = old_x.concat(filler_x);\n\t\t\told_y = old_y.concat(filler_y);\n\n\t\t} else {\n\t\t\t// Just modify the new points to have extra points\n\t\t\t// with the same position at end\n\t\t\tlet filler_x = new Array(Math.abs(this.no_of_extra_pts)).fill(last_new_x_pos);\n\t\t\tlet filler_y = new Array(Math.abs(this.no_of_extra_pts)).fill(last_new_y_pos);\n\n\t\t\tnew_x = new_x.concat(filler_x);\n\t\t\tnew_y = new_y.concat(filler_y);\n\t\t}\n\n\t\treturn [old_x, old_y, new_x, new_y];\n\t}\n\n\tmake_anim_x_axis(height, text_start_at, axis_line_class) {\n\t\t// Animate X AXIS to account for more or less axis lines\n\n\t\tconst old_pos = this.x_old_axis_positions;\n\t\tconst new_pos = this.x_axis_positions;\n\n\t\tconst old_vals = this.old_x_values;\n\t\tconst new_vals = this.x;\n\n\t\tconst last_line_pos = old_pos[old_pos.length - 1];\n\n\t\tlet add_and_animate_line = (value, old_pos, new_pos) => {\n\t\t\tif(typeof new_pos === 'string') {\n\t\t\t\tnew_pos = parseInt(new_pos.substring(0, new_pos.length-1));\n\t\t\t}\n\t\t\tconst x_line = this.make_x_line(\n\t\t\t\theight,\n\t\t\t\ttext_start_at,\n\t\t\t\tvalue, // new value\n\t\t\t\t'x-value-text',\n\t\t\t\taxis_line_class,\n\t\t\t\told_pos // old position\n\t\t\t);\n\t\t\tthis.x_axis_group.appendChild(x_line);\n\n\t\t\tthis.elements_to_animate && this.elements_to_animate.push([\n\t\t\t\t{unit: x_line, array: [0], index: 0},\n\t\t\t\t{transform: `${ new_pos }, 0`},\n\t\t\t\t350,\n\t\t\t\t\"easein\",\n\t\t\t\t\"translate\",\n\t\t\t\t{transform: `${ old_pos }, 0`}\n\t\t\t]);\n\t\t};\n\n\t\tthis.x_axis_group.textContent = '';\n\n\t\tthis.make_new_axis_anim_lines(\n\t\t\told_pos,\n\t\t\tnew_pos,\n\t\t\told_vals,\n\t\t\tnew_vals,\n\t\t\tlast_line_pos,\n\t\t\tadd_and_animate_line\n\t\t);\n\t}\n\n\tmake_anim_y_axis() {\n\t\t// Animate Y AXIS to account for more or less axis lines\n\n\t\tconst old_pos = this.y_old_axis_values.map(value =>\n\t\t\tthis.zero_line - value * this.multiplier);\n\t\tconst new_pos = this.y_axis_values.map(value =>\n\t\t\tthis.zero_line - value * this.multiplier);\n\n\t\tconst old_vals = this.y_old_axis_values;\n\t\tconst new_vals = this.y_axis_values;\n\n\t\tconst last_line_pos = old_pos[old_pos.length - 1];\n\n\t\tthis.y_axis_group.textContent = '';\n\n\t\tthis.make_new_axis_anim_lines(\n\t\t\told_pos,\n\t\t\tnew_pos,\n\t\t\told_vals,\n\t\t\tnew_vals,\n\t\t\tlast_line_pos,\n\t\t\tthis.add_and_animate_y_line.bind(this),\n\t\t\tthis.y_axis_group\n\t\t);\n\t}\n\n\tmake_anim_y_specifics() {\n\t\tthis.specific_y_group.textContent = '';\n\t\tthis.specific_values.map((d) => {\n\t\t\tthis.add_and_animate_y_line(\n\t\t\t\td.title,\n\t\t\t\tthis.old_zero_line - d.value * this.old_multiplier,\n\t\t\t\tthis.zero_line - d.value * this.multiplier,\n\t\t\t\t0,\n\t\t\t\tthis.specific_y_group,\n\t\t\t\td.line_type,\n\t\t\t\ttrue\n\t\t\t);\n\t\t});\n\t}\n\n\tmake_new_axis_anim_lines(old_pos, new_pos, old_vals, new_vals, last_line_pos, add_and_animate_line, group) {\n\t\tlet superimposed_positions, superimposed_values;\n\t\tlet no_of_extras = new_vals.length - old_vals.length;\n\t\tif(no_of_extras > 0) {\n\t\t\t// More axis are needed\n\t\t\t// First make only the superimposed (same position) ones\n\t\t\t// Add in the extras at the end later\n\t\t\tsuperimposed_positions = new_pos.slice(0, old_pos.length);\n\t\t\tsuperimposed_values = new_vals.slice(0, old_vals.length);\n\t\t} else {\n\t\t\t// Axis have to be reduced\n\t\t\t// Fake it by moving all current extra axis to the last position\n\t\t\t// You'll need filler positions and values in the new arrays\n\t\t\tconst filler_vals = new Array(Math.abs(no_of_extras)).fill(\"\");\n\t\t\tsuperimposed_values = new_vals.concat(filler_vals);\n\n\t\t\tconst filler_pos = new Array(Math.abs(no_of_extras)).fill(last_line_pos + \"F\");\n\t\t\tsuperimposed_positions = new_pos.concat(filler_pos);\n\t\t}\n\n\t\tsuperimposed_values.map((value, i) => {\n\t\t\tadd_and_animate_line(value, old_pos[i], superimposed_positions[i], i, group);\n\t\t});\n\n\t\tif(no_of_extras > 0) {\n\t\t\t// Add in extra axis in the end\n\t\t\t// and then animate to new positions\n\t\t\tconst extra_values = new_vals.slice(old_vals.length);\n\t\t\tconst extra_positions = new_pos.slice(old_pos.length);\n\n\t\t\textra_values.map((value, i) => {\n\t\t\t\tadd_and_animate_line(value, last_line_pos, extra_positions[i], i, group);\n\t\t\t});\n\t\t}\n\t}\n\n\tmake_x_line(height, text_start_at, point, label_class, axis_line_class, x_pos) {\n\t\tlet line = $.createSVG('line', {\n\t\t\tx1: 0,\n\t\t\tx2: 0,\n\t\t\ty1: 0,\n\t\t\ty2: height\n\t\t});\n\n\t\tlet text = $.createSVG('text', {\n\t\t\tclassName: label_class,\n\t\t\tx: 0,\n\t\t\ty: text_start_at,\n\t\t\tdy: '.71em',\n\t\t\tinnerHTML: point\n\t\t});\n\n\t\tlet x_level = $.createSVG('g', {\n\t\t\tclassName: `tick ${axis_line_class}`,\n\t\t\ttransform: `translate(${ x_pos }, 0)`\n\t\t});\n\n\t\tx_level.appendChild(line);\n\t\tx_level.appendChild(text);\n\n\t\treturn x_level;\n\t}\n\n\tmake_y_line(start_at, width, text_end_at, point, label_class, axis_line_class, y_pos, darker=false, line_type=\"\") {\n\t\tlet line = $.createSVG('line', {\n\t\t\tclassName: line_type === \"dashed\" ? \"dashed\": \"\",\n\t\t\tx1: start_at,\n\t\t\tx2: width,\n\t\t\ty1: 0,\n\t\t\ty2: 0\n\t\t});\n\n\t\tlet text = $.createSVG('text', {\n\t\t\tclassName: label_class,\n\t\t\tx: text_end_at,\n\t\t\ty: 0,\n\t\t\tdy: '.32em',\n\t\t\tinnerHTML: point+\"\"\n\t\t});\n\n\t\tlet y_level = $.createSVG('g', {\n\t\t\tclassName: `tick ${axis_line_class}`,\n\t\t\ttransform: `translate(0, ${y_pos})`,\n\t\t\t'stroke-opacity': 1\n\t\t});\n\n\t\tif(darker) {\n\t\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\n\t\t}\n\n\t\ty_level.appendChild(line);\n\t\ty_level.appendChild(text);\n\n\t\treturn y_level;\n\t}\n\n\tadd_and_animate_y_line(value, old_pos, new_pos, i, group, type, specific=false) {\n\t\tlet filler = false;\n\t\tif(typeof new_pos === 'string') {\n\t\t\tnew_pos = parseInt(new_pos.substring(0, new_pos.length-1));\n\t\t\tfiller = true;\n\t\t}\n\t\tlet new_props = {transform: `0, ${ new_pos }`};\n\t\tlet old_props = {transform: `0, ${ old_pos }`};\n\n\t\tif(filler) {\n\t\t\tnew_props['stroke-opacity'] = 0;\n\t\t\t// old_props['stroke-opacity'] = 1;\n\t\t}\n\n\t\tlet [width, text_end_at, axis_line_class, start_at] = this.get_y_axis_line_props(specific);\n\t\tlet axis_label_class = !specific ? 'y-value-text' : 'specific-value';\n\t\tvalue = !specific ? value : (value+\"\").toUpperCase();\n\t\tconst y_line = this.make_y_line(\n\t\t\tstart_at,\n\t\t\twidth,\n\t\t\ttext_end_at,\n\t\t\tvalue,\n\t\t\taxis_label_class,\n\t\t\taxis_line_class,\n\t\t\told_pos,  // old position\n\t\t\t(value === 0 && i !== 0), // Non-first Zero line\n\t\t\ttype\n\t\t);\n\n\t\tgroup.appendChild(y_line);\n\n\t\tthis.elements_to_animate && this.elements_to_animate.push([\n\t\t\t{unit: y_line, array: [0], index: 0},\n\t\t\tnew_props,\n\t\t\t350,\n\t\t\t\"easein\",\n\t\t\t\"translate\",\n\t\t\told_props\n\t\t]);\n\t}\n\n\tget_y_axis_points(array) {\n\t\t//*** Where the magic happens ***\n\n\t\t// Calculates best-fit y intervals from given values\n\t\t// and returns the interval array\n\n\t\t// TODO: Fractions\n\n\t\tlet max_bound, min_bound, pos_no_of_parts, neg_no_of_parts, part_size; // eslint-disable-line no-unused-vars\n\n\t\t// Critical values\n\t\tlet max_val = parseInt(Math.max(...array));\n\t\tlet min_val = parseInt(Math.min(...array));\n\t\tif(min_val >= 0) {\n\t\t\tmin_val = 0;\n\t\t}\n\n\t\tlet get_params = (value1, value2) => {\n\t\t\tlet bound1, bound2, no_of_parts_1, no_of_parts_2, interval_size;\n\t\t\tif((value1+\"\").length <= 1) {\n\t\t\t\t[bound1, no_of_parts_1] = [10, 5];\n\t\t\t} else {\n\t\t\t\t[bound1, no_of_parts_1] = this.calc_upper_bound_and_no_of_parts(value1);\n\t\t\t}\n\n\t\t\tinterval_size = bound1 / no_of_parts_1;\n\t\t\tno_of_parts_2 = this.calc_no_of_parts(value2, interval_size);\n\t\t\tbound2 = no_of_parts_2 * interval_size;\n\n\t\t\treturn [bound1, bound2, no_of_parts_1, no_of_parts_2, interval_size];\n\t\t};\n\n\t\tconst abs_min_val = min_val * -1;\n\t\tif(abs_min_val <= max_val) {\n\t\t\t// Get the positive region intervals\n\t\t\t// then calc negative ones accordingly\n\t\t\t[max_bound, min_bound, pos_no_of_parts, neg_no_of_parts, part_size]\n\t\t\t\t= get_params(max_val, abs_min_val);\n\t\t\tif(abs_min_val === 0) {\n\t\t\t\tmin_bound = 0; neg_no_of_parts = 0;\n\t\t\t}\n\t\t} else {\n\t\t\t// Get the negative region here first\n\t\t\t[min_bound, max_bound, neg_no_of_parts, pos_no_of_parts, part_size]\n\t\t\t\t= get_params(abs_min_val, max_val);\n\t\t}\n\n\t\t// Make both region parts even\n\t\tif(pos_no_of_parts % 2 !== 0 && neg_no_of_parts > 0) pos_no_of_parts++;\n\t\tif(neg_no_of_parts % 2 !== 0) {\n\t\t\t// every increase in no_of_parts entails an increase in corresponding bound\n\t\t\t// except here, it happens implicitly after every calc_no_of_parts() call\n\t\t\tneg_no_of_parts++;\n\t\t\tmin_bound += part_size;\n\t\t}\n\n\t\tlet no_of_parts = pos_no_of_parts + neg_no_of_parts;\n\t\tif(no_of_parts > 5) {\n\t\t\tno_of_parts /= 2;\n\t\t\tpart_size *= 2;\n\n\t\t\tpos_no_of_parts /=2;\n\t\t}\n\n\t\tif (max_val < (pos_no_of_parts - 1) * part_size) {\n\t\t\tno_of_parts--;\n\t\t}\n\n\t\treturn this.get_intervals(\n\t\t\t(-1) * min_bound,\n\t\t\tpart_size,\n\t\t\tno_of_parts\n\t\t);\n\t}\n\n\tget_intervals(start, interval_size, count) {\n\t\tlet intervals = [];\n\t\tfor(var i = 0; i <= count; i++){\n\t\t\tintervals.push(start);\n\t\t\tstart += interval_size;\n\t\t}\n\t\treturn intervals;\n\t}\n\n\tcalc_upper_bound_and_no_of_parts(max_val) {\n\t\t// Given a positive value, calculates a nice-number upper bound\n\t\t// and a consequent optimal number of parts\n\n\t\tconst part_size = Math.pow(10, ((max_val+\"\").length - 1));\n\t\tconst no_of_parts = this.calc_no_of_parts(max_val, part_size);\n\n\t\t// Use it to get a nice even upper bound\n\t\tconst upper_bound = part_size * no_of_parts;\n\n\t\treturn [upper_bound, no_of_parts];\n\t}\n\n\tcalc_no_of_parts(value, divisor) {\n\t\t// value should be a positive number, divisor should be greater than 0\n\t\t// returns an even no of parts\n\t\tlet no_of_parts = Math.ceil(value / divisor);\n\t\tif(no_of_parts % 2 !== 0) no_of_parts++; // Make it an even number\n\n\t\treturn no_of_parts;\n\t}\n\n\tget_optimal_no_of_parts(no_of_parts) {\n\t\t// aka Divide by 2 if too large\n\t\treturn (no_of_parts < 5) ? no_of_parts : no_of_parts / 2;\n\t}\n\n\tset_avg_unit_width_and_x_offset() {\n\t\t// Set the ... you get it\n\t\tthis.avg_unit_width = this.width/(this.x.length - 1);\n\t\tthis.x_offset = 0;\n\t}\n\n\tget_all_y_values() {\n\t\tlet all_values = [];\n\n\t\t// Add in all the y values in the datasets\n\t\tthis.y.map(d => {\n\t\t\tall_values = all_values.concat(d.values);\n\t\t});\n\n\t\t// Add in all the specific values\n\t\treturn all_values.concat(this.specific_values.map(d => d.value));\n\t}\n\n\tcalc_y_dependencies() {\n\t\tthis.y_min_tops = new Array(this.x_axis_positions.length).fill(9999);\n\t\tthis.y.map(d => {\n\t\t\td.y_tops = d.values.map( val => float_2(this.zero_line - val * this.multiplier));\n\t\t\td.y_tops.map( (y_top, i) => {\n\t\t\t\tif(y_top < this.y_min_tops[i]) {\n\t\t\t\t\tthis.y_min_tops[i] = y_top;\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t\t// this.chart_wrapper.removeChild(this.tip.container);\n\t\t// this.make_tooltip();\n\t}\n\n\tget_bar_height_and_y_attr(y_top) {\n\t\tlet height, y;\n\t\tif (y_top <= this.zero_line) {\n\t\t\theight = this.zero_line - y_top;\n\t\t\ty = y_top;\n\n\t\t\t// In case of invisible bars\n\t\t\tif(height === 0) {\n\t\t\t\theight = this.height * 0.01;\n\t\t\t\ty -= height;\n\t\t\t}\n\t\t} else {\n\t\t\theight = y_top - this.zero_line;\n\t\t\ty = this.zero_line;\n\n\t\t\t// In case of invisible bars\n\t\t\tif(height === 0) {\n\t\t\t\theight = this.height * 0.01;\n\t\t\t}\n\t\t}\n\n\t\treturn [height, y];\n\t}\n\n\tsetup_utils() {\n\t\tthis.draw = {\n\t\t\t'bar': (x, y_top, args, color, index, dataset_index, no_of_datasets) => {\n\t\t\t\tlet total_width = this.avg_unit_width - args.space_width;\n\t\t\t\tlet start_x = x - total_width/2;\n\n\t\t\t\tlet width = total_width / no_of_datasets;\n\t\t\t\tlet current_x = start_x + width * dataset_index;\n\n\t\t\t\tlet [height, y] = this.get_bar_height_and_y_attr(y_top);\n\n\t\t\t\treturn $.createSVG('rect', {\n\t\t\t\t\tclassName: `bar mini fill ${color}`,\n\t\t\t\t\t'data-point-index': index,\n\t\t\t\t\tx: current_x,\n\t\t\t\t\ty: y,\n\t\t\t\t\twidth: width,\n\t\t\t\t\theight: height\n\t\t\t\t});\n\n\t\t\t},\n\t\t\t'dot': (x, y, args, color, index) => {\n\t\t\t\treturn $.createSVG('circle', {\n\t\t\t\t\tclassName: `fill ${color}`,\n\t\t\t\t\t'data-point-index': index,\n\t\t\t\t\tcx: x,\n\t\t\t\t\tcy: y,\n\t\t\t\t\tr: args.radius\n\t\t\t\t});\n\t\t\t}\n\t\t};\n\n\t\tthis.animate = {\n\t\t\t'bar': (bar_obj, x, y_top, index) => {\n\t\t\t\tlet start = x - this.avg_unit_width/4;\n\t\t\t\tlet width = (this.avg_unit_width/2)/this.y.length;\n\t\t\t\tlet [height, y] = this.get_bar_height_and_y_attr(y_top);\n\n\t\t\t\tx = start + (width * index);\n\n\t\t\t\treturn [bar_obj, {width: width, height: height, x: x, y: y}, 350, \"easein\"];\n\t\t\t\t// bar.animate({height: args.new_height, y: y_top}, 350, mina.easein);\n\t\t\t},\n\t\t\t'dot': (dot_obj, x, y_top) => {\n\t\t\t\treturn [dot_obj, {cx: x, cy: y_top}, 350, \"easein\"];\n\t\t\t\t// dot.animate({cy: y_top}, 350, mina.easein);\n\t\t\t}\n\t\t};\n\t}\n}\n","import AxisChart from './AxisChart';\n\nexport default class BarChart extends AxisChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\n\t\tthis.type = 'bar';\n\t\tthis.x_axis_mode = args.x_axis_mode || 'tick';\n\t\tthis.y_axis_mode = args.y_axis_mode || 'span';\n\t\tthis.setup();\n\t}\n\n\tsetup_values() {\n\t\tsuper.setup_values();\n\t\tthis.x_offset = this.avg_unit_width;\n\t\tthis.unit_args = {\n\t\t\ttype: 'bar',\n\t\t\targs: {\n\t\t\t\tspace_width: this.avg_unit_width/2,\n\t\t\t}\n\t\t};\n\t}\n\n\tmake_overlay() {\n\t\t// Just make one out of the first element\n\t\tlet index = this.x.length - 1;\n\t\tlet unit = this.y[0].svg_units[index];\n\t\tthis.update_current_data_point(index);\n\n\t\tif(this.overlay) {\n\t\t\tthis.overlay.parentNode.removeChild(this.overlay);\n\t\t}\n\n\t\tthis.overlay = unit.cloneNode();\n\t\tthis.overlay.style.fill = '#000000';\n\t\tthis.overlay.style.opacity = '0.4';\n\t\tthis.draw_area.appendChild(this.overlay);\n\t}\n\n\tbind_overlay() {\n\t\t// on event, update overlay\n\t\tthis.parent.addEventListener('data-select', (e) => {\n\t\t\tthis.update_overlay(e.svg_unit);\n\t\t});\n\t}\n\n\tbind_units(units_array) {\n\t\tunits_array.map(unit => {\n\t\t\tunit.addEventListener('click', () => {\n\t\t\t\tlet index = unit.getAttribute('data-point-index');\n\t\t\t\tthis.update_current_data_point(index);\n\t\t\t});\n\t\t});\n\t}\n\n\tupdate_overlay(unit) {\n\t\tlet attributes = [];\n\t\tObject.keys(unit.attributes).map(index => {\n\t\t\tattributes.push(unit.attributes[index]);\n\t\t});\n\n\t\tattributes.filter(attr => attr.specified).map(attr => {\n\t\t\tthis.overlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\t}\n\n\ton_left_arrow() {\n\t\tthis.update_current_data_point(this.current_index - 1);\n\t}\n\n\ton_right_arrow() {\n\t\tthis.update_current_data_point(this.current_index + 1);\n\t}\n\n\tset_avg_unit_width_and_x_offset() {\n\t\tthis.avg_unit_width = this.width/(this.x.length + 1);\n\t\tthis.x_offset = this.avg_unit_width;\n\t}\n}\n","import AxisChart from './AxisChart';\nimport $ from '../helpers/dom';\n\nexport default class LineChart extends AxisChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\n\t\tthis.x_axis_mode = args.x_axis_mode || 'span';\n\t\tthis.y_axis_mode = args.y_axis_mode || 'span';\n\n\t\tif(args.hasOwnProperty('show_dots')) {\n\t\t\tthis.show_dots = args.show_dots;\n\t\t} else {\n\t\t\tthis.show_dots = 1;\n\t\t}\n\t\tthis.region_fill = args.region_fill;\n\n\t\tif(Object.getPrototypeOf(this) !== LineChart.prototype) {\n\t\t\treturn;\n\t\t}\n\t\tthis.dot_radius = args.dot_radius || 4;\n\t\tthis.heatline = args.heatline;\n\t\tthis.type = 'line';\n\n\t\tthis.setup();\n\t}\n\n\tsetup_graph_components() {\n\t\tthis.setup_path_groups();\n\t\tsuper.setup_graph_components();\n\t}\n\n\tsetup_path_groups() {\n\t\tthis.paths_groups = [];\n\t\tthis.y.map((d, i) => {\n\t\t\tthis.paths_groups[i] = $.createSVG('g', {\n\t\t\t\tclassName: 'path-group path-group-' + i,\n\t\t\t\tinside: this.draw_area\n\t\t\t});\n\t\t});\n\t}\n\n\tsetup_values() {\n\t\tsuper.setup_values();\n\t\tthis.unit_args = {\n\t\t\ttype: 'dot',\n\t\t\targs: { radius: this.dot_radius }\n\t\t};\n\t}\n\n\tmake_new_units_for_dataset(x_values, y_values, color, dataset_index,\n\t\tno_of_datasets, units_group, units_array, unit) {\n\t\tif(this.show_dots) {\n\t\t\tsuper.make_new_units_for_dataset(x_values, y_values, color, dataset_index,\n\t\t\t\tno_of_datasets, units_group, units_array, unit);\n\t\t}\n\t}\n\n\tmake_paths() {\n\t\tthis.y.map((d, i) => {\n\t\t\tthis.make_path(d, i, this.x_axis_positions, d.y_tops, d.color || this.colors[i]);\n\t\t});\n\t}\n\n\tmake_path(d, i, x_positions, y_positions, color) {\n\t\tlet points_list = y_positions.map((y, i) => (x_positions[i] + ',' + y));\n\t\tlet points_str = points_list.join(\"L\");\n\n\t\tthis.paths_groups[i].textContent = '';\n\n\t\td.path = $.createSVG('path', {\n\t\t\tinside: this.paths_groups[i],\n\t\t\tclassName: `stroke ${color}`,\n\t\t\td: \"M\"+points_str\n\t\t});\n\n\t\tif(this.heatline) {\n\t\t\tlet gradient_id = this.make_gradient(color);\n\t\t\td.path.style.stroke = `url(#${gradient_id})`;\n\t\t}\n\n\t\tif(this.region_fill) {\n\t\t\tthis.fill_region_for_dataset(d, i, color, points_str);\n\t\t}\n\t}\n\n\tfill_region_for_dataset(d, i, color, points_str) {\n\t\tlet gradient_id = this.make_gradient(color, true);\n\n\t\td.region_path = $.createSVG('path', {\n\t\t\tinside: this.paths_groups[i],\n\t\t\tclassName: `region-fill`,\n\t\t\td: \"M\" + `0,${this.zero_line}L` + points_str + `L${this.width},${this.zero_line}`,\n\t\t});\n\n\t\td.region_path.style.stroke = \"none\";\n\t\td.region_path.style.fill = `url(#${gradient_id})`;\n\t}\n\n\tmake_gradient(color, lighter = false) {\n\t\tlet gradient_id ='path-fill-gradient' + '-' + color;\n\n\t\tlet gradient_def = $.createSVG('linearGradient', {\n\t\t\tinside: this.svg_defs,\n\t\t\tid: gradient_id,\n\t\t\tx1: 0,\n\t\t\tx2: 0,\n\t\t\ty1: 0,\n\t\t\ty2: 1\n\t\t});\n\n\t\tlet set_gradient_stop = (grad_elem, offset, color, opacity) => {\n\t\t\t$.createSVG('stop', {\n\t\t\t\t'className': 'stop-color ' + color,\n\t\t\t\t'inside': grad_elem,\n\t\t\t\t'offset': offset,\n\t\t\t\t'stop-opacity': opacity\n\t\t\t});\n\t\t};\n\n\t\tlet opacities = [1, 0.6, 0.2];\n\n\t\tif(lighter) {\n\t\t\topacities = [0.4, 0.2, 0];\n\t\t}\n\n\t\tset_gradient_stop(gradient_def, \"0%\", color, opacities[0]);\n\t\tset_gradient_stop(gradient_def, \"50%\", color, opacities[1]);\n\t\tset_gradient_stop(gradient_def, \"100%\", color, opacities[2]);\n\n\t\treturn gradient_id;\n\t}\n}\n","import LineChart from './LineChart';\n\nexport default class ScatterChart extends LineChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\n\t\tthis.type = 'scatter';\n\n\t\tif(!args.dot_radius) {\n\t\t\tthis.dot_radius = 8;\n\t\t} else {\n\t\t\tthis.dot_radius = args.dot_radius;\n\t\t}\n\n\t\tthis.setup();\n\t}\n\n\tsetup_graph_components() {\n\t\tthis.setup_path_groups();\n\t\tsuper.setup_graph_components();\n\t}\n\n\tsetup_path_groups() {}\n\n\tsetup_values() {\n\t\tsuper.setup_values();\n\t\tthis.unit_args = {\n\t\t\ttype: 'dot',\n\t\t\targs: { radius: this.dot_radius }\n\t\t};\n\t}\n\n\tmake_paths() {}\n\tmake_path() {}\n}\n","import BaseChart from './BaseChart';\nimport $ from '../helpers/dom';\n\nexport default class PercentageChart extends BaseChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\t\tthis.type = 'percentage';\n\n\t\tthis.get_y_label = this.format_lambdas.y_label;\n\t\tthis.get_x_tooltip = this.format_lambdas.x_tooltip;\n\t\tthis.get_y_tooltip = this.format_lambdas.y_tooltip;\n\n\t\tthis.max_slices = 10;\n\t\tthis.max_legend_points = 6;\n\n\t\tthis.colors = args.colors;\n\n\t\tif(!this.colors || this.colors.length < this.data.labels.length) {\n\t\t\tthis.colors = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t\t\t\t'yellow', 'green', 'light-green', 'purple', 'magenta'];\n\t\t}\n\n\t\tthis.setup();\n\t}\n\n\tmake_chart_area() {\n\t\tthis.chart_wrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.chart_wrapper.style.marginTop = '45px';\n\n\t\tthis.stats_wrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.stats_wrapper.style.marginBottom = '30px';\n\t\tthis.stats_wrapper.style.paddingTop = '0px';\n\t}\n\n\tmake_draw_area() {\n\t\tthis.chart_div = $.create('div', {\n\t\t\tclassName: 'div',\n\t\t\tinside: this.chart_wrapper\n\t\t});\n\n\t\tthis.chart = $.create('div', {\n\t\t\tclassName: 'progress-chart',\n\t\t\tinside: this.chart_div\n\t\t});\n\t}\n\n\tsetup_components() {\n\t\tthis.percentage_bar = $.create('div', {\n\t\t\tclassName: 'progress',\n\t\t\tinside: this.chart\n\t\t});\n\t}\n\n\tsetup_values() {\n\t\tthis.slice_totals = [];\n\t\tlet all_totals = this.data.labels.map((d, i) => {\n\t\t\tlet total = 0;\n\t\t\tthis.data.datasets.map(e => {\n\t\t\t\ttotal += e.values[i];\n\t\t\t});\n\t\t\treturn [total, d];\n\t\t}).filter(d => { return d[0] > 0; }); // keep only positive results\n\n\t\tlet totals = all_totals;\n\n\t\tif(all_totals.length > this.max_slices) {\n\t\t\tall_totals.sort((a, b) => { return b[0] - a[0]; });\n\n\t\t\ttotals = all_totals.slice(0, this.max_slices-1);\n\t\t\tlet others = all_totals.slice(this.max_slices-1);\n\n\t\t\tlet sum_of_others = 0;\n\t\t\tothers.map(d => {sum_of_others += d[0];});\n\n\t\t\ttotals.push([sum_of_others, 'Rest']);\n\n\t\t\tthis.colors[this.max_slices-1] = 'grey';\n\t\t}\n\n\t\tthis.labels = [];\n\t\ttotals.map(d => {\n\t\t\tthis.slice_totals.push(d[0]);\n\t\t\tthis.labels.push(d[1]);\n\t\t});\n\n\t\tthis.legend_totals = this.slice_totals.slice(0, this.max_legend_points);\n\t}\n\n\tsetup_utils() { }\n\n\tmake_graph_components() {\n\t\tthis.grand_total = this.slice_totals.reduce((a, b) => a + b, 0);\n\t\tthis.slices = [];\n\t\tthis.slice_totals.map((total, i) => {\n\t\t\tlet slice = $.create('div', {\n\t\t\t\tclassName: `progress-bar background ${this.colors[i]}`,\n\t\t\t\tinside: this.percentage_bar,\n\t\t\t\tstyles: {\n\t\t\t\t\twidth: total*100/this.grand_total + \"%\"\n\t\t\t\t}\n\t\t\t});\n\t\t\tthis.slices.push(slice);\n\t\t});\n\t}\n\n\tbind_tooltip() {\n\t\tthis.slices.map((slice, i) => {\n\t\t\tslice.addEventListener('mouseenter', () => {\n\t\t\t\tlet g_off = $.offset(this.chart_wrapper), p_off = $.offset(slice);\n\n\t\t\t\tlet x = p_off.left - g_off.left + slice.offsetWidth/2;\n\t\t\t\tlet y = p_off.top - g_off.top - 6;\n\t\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length>0\n\t\t\t\t\t? this.formatted_labels[i] : this.labels[i]) + ': ';\n\t\t\t\tlet percent = (this.slice_totals[i]*100/this.grand_total).toFixed(1);\n\n\t\t\t\tthis.tip.set_values(x, y, title, percent + \"%\");\n\t\t\t\tthis.tip.show_tip();\n\t\t\t});\n\t\t});\n\t}\n\n\tshow_summary() {\n\t\tlet x_values = this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t? this.formatted_labels : this.labels;\n\t\tthis.legend_totals.map((d, i) => {\n\t\t\tif(d) {\n\t\t\t\tlet stats = $.create('div', {\n\t\t\t\t\tclassName: 'stats',\n\t\t\t\t\tinside: this.stats_wrapper\n\t\t\t\t});\n\t\t\t\tstats.innerHTML = `<span class=\"indicator ${this.colors[i]}\">\n\t\t\t\t\t<span class=\"text-muted\">${x_values[i]}:</span>\n\t\t\t\t\t${d}\n\t\t\t\t</span>`;\n\t\t\t}\n\t\t});\n\t}\n}\n","import BaseChart from './BaseChart';\nimport $ from '../helpers/dom';\n\nexport default class Heatmap extends BaseChart {\n\tconstructor({\n\t\tstart = '',\n\t\tdomain = '',\n\t\tsubdomain = '',\n\t\tdata = {},\n\t\tdiscrete_domains = 0,\n\t\tcount_label = ''\n\t}) {\n\t\tsuper(arguments[0]);\n\n\t\tthis.type = 'heatmap';\n\n\t\tthis.domain = domain;\n\t\tthis.subdomain = subdomain;\n\t\tthis.data = data;\n\t\tthis.discrete_domains = discrete_domains;\n\t\tthis.count_label = count_label;\n\n\t\tlet today = new Date();\n\t\tthis.start = start || this.add_days(today, 365);\n\n\t\tthis.legend_colors = ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\n\n\t\tthis.translate_x = 0;\n\t\tthis.setup();\n\t}\n\n\tsetup_base_values() {\n\t\tthis.today = new Date();\n\n\t\tif(!this.start) {\n\t\t\tthis.start = new Date();\n\t\t\tthis.start.setFullYear( this.start.getFullYear() - 1 );\n\t\t}\n\t\tthis.first_week_start = new Date(this.start.toDateString());\n\t\tthis.last_week_start = new Date(this.today.toDateString());\n\t\tif(this.first_week_start.getDay() !== 7) {\n\t\t\tthis.add_days(this.first_week_start, (-1) * this.first_week_start.getDay());\n\t\t}\n\t\tif(this.last_week_start.getDay() !== 7) {\n\t\t\tthis.add_days(this.last_week_start, (-1) * this.last_week_start.getDay());\n\t\t}\n\t\tthis.no_of_cols = this.get_weeks_between(this.first_week_start + '', this.last_week_start + '') + 1;\n\t}\n\n\tset_width() {\n\t\tthis.base_width = (this.no_of_cols) * 12;\n\n\t\tif(this.discrete_domains) {\n\t\t\tthis.base_width += (12 * 12);\n\t\t}\n\t}\n\n\tsetup_components() {\n\t\tthis.domain_label_group = $.createSVG(\"g\", {\n\t\t\tclassName: \"domain-label-group chart-label\",\n\t\t\tinside: this.draw_area\n\t\t});\n\t\tthis.data_groups = $.createSVG(\"g\", {\n\t\t\tclassName: \"data-groups\",\n\t\t\tinside: this.draw_area,\n\t\t\ttransform: `translate(0, 20)`\n\t\t});\n\t}\n\n\tsetup_values() {\n\t\tthis.domain_label_group.textContent = '';\n\t\tthis.data_groups.textContent = '';\n\t\tthis.distribution = this.get_distribution(this.data, this.legend_colors);\n\t\tthis.month_names = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n\t\t\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"\n\t\t];\n\n\t\tthis.render_all_weeks_and_store_x_values(this.no_of_cols);\n\t}\n\n\trender_all_weeks_and_store_x_values(no_of_weeks) {\n\t\tlet current_week_sunday = new Date(this.first_week_start);\n\t\tthis.week_col = 0;\n\t\tthis.current_month = current_week_sunday.getMonth();\n\n\t\tthis.months = [this.current_month + ''];\n\t\tthis.month_weeks = {}, this.month_start_points = [];\n\t\tthis.month_weeks[this.current_month] = 0;\n\t\tthis.month_start_points.push(13);\n\n\t\tfor(var i = 0; i < no_of_weeks; i++) {\n\t\t\tlet data_group, month_change = 0;\n\t\t\tlet day = new Date(current_week_sunday);\n\n\t\t\t[data_group, month_change] = this.get_week_squares_group(day, this.week_col);\n\t\t\tthis.data_groups.appendChild(data_group);\n\t\t\tthis.week_col += 1 + parseInt(this.discrete_domains && month_change);\n\t\t\tthis.month_weeks[this.current_month]++;\n\t\t\tif(month_change) {\n\t\t\t\tthis.current_month = (this.current_month + 1) % 12;\n\t\t\t\tthis.months.push(this.current_month + '');\n\t\t\t\tthis.month_weeks[this.current_month] = 1;\n\t\t\t}\n\t\t\tthis.add_days(current_week_sunday, 7);\n\t\t}\n\t\tthis.render_month_labels();\n\t}\n\n\tget_week_squares_group(current_date, index) {\n\t\tconst no_of_weekdays = 7;\n\t\tconst square_side = 10;\n\t\tconst cell_padding = 2;\n\t\tconst step = 1;\n\n\t\tlet month_change = 0;\n\t\tlet week_col_change = 0;\n\n\t\tlet data_group = $.createSVG(\"g\", {\n\t\t\tclassName: \"data-group\",\n\t\t\tinside: this.data_groups\n\t\t});\n\n\t\tfor(var y = 0, i = 0; i < no_of_weekdays; i += step, y += (square_side + cell_padding)) {\n\t\t\tlet data_value = 0;\n\t\t\tlet color_index = 0;\n\n\t\t\tlet current_timestamp = current_date.getTime()/1000;\n\t\t\tlet timestamp = Math.floor(current_timestamp - (current_timestamp % 86400)).toFixed(1);\n\n\t\t\tif(this.data[timestamp]) {\n\t\t\t\tdata_value = this.data[timestamp];\n\t\t\t\tcolor_index = this.get_max_checkpoint(data_value, this.distribution);\n\t\t\t}\n\n\t\t\tif(this.data[Math.round(timestamp)]) {\n\t\t\t\tdata_value = this.data[Math.round(timestamp)];\n\t\t\t\tcolor_index = this.get_max_checkpoint(data_value, this.distribution);\n\t\t\t}\n\n\t\t\tlet x = 13 + (index + week_col_change) * 12;\n\n\t\t\t$.createSVG(\"rect\", {\n\t\t\t\tclassName: 'day',\n\t\t\t\tinside: data_group,\n\t\t\t\tx: x,\n\t\t\t\ty: y,\n\t\t\t\twidth: square_side,\n\t\t\t\theight: square_side,\n\t\t\t\tfill:  this.legend_colors[color_index],\n\t\t\t\t'data-date': this.get_dd_mm_yyyy(current_date),\n\t\t\t\t'data-value': data_value,\n\t\t\t\t'data-day': current_date.getDay()\n\t\t\t});\n\n\t\t\tlet next_date = new Date(current_date);\n\t\t\tthis.add_days(next_date, 1);\n\t\t\tif(next_date.getMonth() - current_date.getMonth()) {\n\t\t\t\tmonth_change = 1;\n\t\t\t\tif(this.discrete_domains) {\n\t\t\t\t\tweek_col_change = 1;\n\t\t\t\t}\n\n\t\t\t\tthis.month_start_points.push(13 + (index + week_col_change) * 12);\n\t\t\t}\n\t\t\tcurrent_date = next_date;\n\t\t}\n\n\t\treturn [data_group, month_change];\n\t}\n\n\trender_month_labels() {\n\t\t// this.first_month_label = 1;\n\t\t// if (this.first_week_start.getDate() > 8) {\n\t\t// \tthis.first_month_label = 0;\n\t\t// }\n\t\t// this.last_month_label = 1;\n\n\t\t// let first_month = this.months.shift();\n\t\t// let first_month_start = this.month_start_points.shift();\n\t\t// render first month if\n\n\t\t// let last_month = this.months.pop();\n\t\t// let last_month_start = this.month_start_points.pop();\n\t\t// render last month if\n\n\t\tthis.months.shift();\n\t\tthis.month_start_points.shift();\n\t\tthis.months.pop();\n\t\tthis.month_start_points.pop();\n\n\t\tthis.month_start_points.map((start, i) => {\n\t\t\tlet month_name =  this.month_names[this.months[i]].substring(0, 3);\n\n\t\t\t$.createSVG('text', {\n\t\t\t\tclassName: 'y-value-text',\n\t\t\t\tinside: this.domain_label_group,\n\t\t\t\tx: start + 12,\n\t\t\t\ty: 10,\n\t\t\t\tdy: '.32em',\n\t\t\t\tinnerHTML: month_name\n\t\t\t});\n\n\t\t});\n\t}\n\n\tmake_graph_components() {\n\t\tArray.prototype.slice.call(\n\t\t\tthis.container.querySelectorAll('.graph-stats-container, .sub-title, .title')\n\t\t).map(d => {\n\t\t\td.style.display = 'None';\n\t\t});\n\t\tthis.chart_wrapper.style.marginTop = '0px';\n\t\tthis.chart_wrapper.style.paddingTop = '0px';\n\t}\n\n\tbind_tooltip() {\n\t\tArray.prototype.slice.call(\n\t\t\tdocument.querySelectorAll(\".data-group .day\")\n\t\t).map(el => {\n\t\t\tel.addEventListener('mouseenter', (e) => {\n\t\t\t\tlet count = e.target.getAttribute('data-value');\n\t\t\t\tlet date_parts = e.target.getAttribute('data-date').split('-');\n\n\t\t\t\tlet month = this.month_names[parseInt(date_parts[1])-1].substring(0, 3);\n\n\t\t\t\tlet g_off = this.chart_wrapper.getBoundingClientRect(), p_off = e.target.getBoundingClientRect();\n\n\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\tlet x = p_off.left - g_off.left + (width+2)/2;\n\t\t\t\tlet y = p_off.top - g_off.top - (width+2)/2;\n\t\t\t\tlet value = count + ' ' + this.count_label;\n\t\t\t\tlet name = ' on ' + month + ' ' + date_parts[0] + ', ' + date_parts[2];\n\n\t\t\t\tthis.tip.set_values(x, y, name, value, [], 1);\n\t\t\t\tthis.tip.show_tip();\n\t\t\t});\n\t\t});\n\t}\n\n\tupdate(data) {\n\t\tthis.data = data;\n\t\tthis.setup_values();\n\t\tthis.bind_tooltip();\n\t}\n\n\tget_distribution(data={}, mapper_array) {\n\t\tlet data_values = Object.keys(data).map(key => data[key]);\n\t\tlet data_max_value = Math.max(...data_values);\n\n\t\tlet distribution_step = 1 / (mapper_array.length - 1);\n\t\tlet distribution = [];\n\n\t\tmapper_array.map((color, i) => {\n\t\t\tlet checkpoint = data_max_value * (distribution_step * i);\n\t\t\tdistribution.push(checkpoint);\n\t\t});\n\n\t\treturn distribution;\n\t}\n\n\tget_max_checkpoint(value, distribution) {\n\t\treturn distribution.filter((d, i) => {\n\t\t\tif(i === 1) {\n\t\t\t\treturn distribution[0] < value;\n\t\t\t}\n\t\t\treturn d <= value;\n\t\t}).length - 1;\n\t}\n\n\t// TODO: date utils, move these out\n\n\t// https://stackoverflow.com/a/11252167/6495043\n\ttreat_as_utc(date_str) {\n\t\tlet result = new Date(date_str);\n\t\tresult.setMinutes(result.getMinutes() - result.getTimezoneOffset());\n\t\treturn result;\n\t}\n\n\tget_dd_mm_yyyy(date) {\n\t\tlet dd = date.getDate();\n\t\tlet mm = date.getMonth() + 1; // getMonth() is zero-based\n\t\treturn [\n\t\t\t(dd>9 ? '' : '0') + dd,\n\t\t\t(mm>9 ? '' : '0') + mm,\n\t\t\tdate.getFullYear()\n\t\t].join('-');\n\t}\n\n\tget_weeks_between(start_date_str, end_date_str) {\n\t\treturn Math.ceil(this.get_days_between(start_date_str, end_date_str) / 7);\n\t}\n\n\tget_days_between(start_date_str, end_date_str) {\n\t\tlet milliseconds_per_day = 24 * 60 * 60 * 1000;\n\t\treturn (this.treat_as_utc(end_date_str) - this.treat_as_utc(start_date_str)) / milliseconds_per_day;\n\t}\n\n\t// mutates\n\tadd_days(date, number_of_days) {\n\t\tdate.setDate(date.getDate() + number_of_days);\n\t}\n\n\tget_month_name() {}\n}\n"],"names":["expr","con","document","querySelector","float_2","d","parseFloat","toFixed","arrays_equal","arr1","arr2","length","are_equal","map","i","getChartByType","chartType","options","chartTypes","LineChart","$","findNodeIndex","node","previousSibling","create","tag","o","element","createElement","val","appendChild","ref","parentNode","insertBefore","keys","style","prop","setAttribute","createSVG","createElementNS","runSVGAnimation","svg_container","elements","new_elements","anim_elements","obj","parent","unit","anim_element","new_element","animateSVG","push","replaceChild","array","index","object","key","anim_svg","cloneNode","props","dur","easing_type","type","undefined","old_values","easing","attributeName","animate_element","current_value","getAttribute","value","anim_attr","offset","rect","getBoundingClientRect","top","documentElement","scrollTop","body","left","scrollLeft","isElementInViewport","el","bottom","window","innerHeight","clientHeight","right","innerWidth","clientWidth","bind","event","callback","split","forEach","addEventListener","unbind","removeEventListener","fire","target","properties","evt","createEvent","initEvent","j","dispatchEvent","SvgTip","title_name","title_value","list_values","title_value_first","x","y","setup","make_tooltip","fill","calc_position","container","this","hide_tip","title","data_point_list","innerHTML","set","li","color","offsetHeight","offsetWidth","max_left","pointer","delta","refresh","opacity","BaseChart","height","subtitle","format_lambdas","summary","is_navigable","has_legend","data","raw_chart_args","arguments","specific_values","current_index","chart_types","set_margins","includes","error","Chart","base_height","translate_x","translate_y","bind_window_events","_this","init","setup_base_values","set_width","setup_container","setup_components","setup_values","setup_utils","make_graph_components","show_custom_summary","show_summary","setup_navigation","special_values_width","_this2","get_strwidth","base_width","width","chart_wrapper","stats_wrapper","make_chart_area","make_draw_area","svg","svg_defs","draw_area","tip","bind_tooltip","stats","make_overlay","bind_overlay","e","_this4","keyCode","on_left_arrow","on_right_arrow","on_up_arrow","on_down_arrow","on_enter_key","data_point","data_key","slice","label","parseInt","get_data_point","string","AxisChart","args","labels","datasets","is_series","get_y_label","y_label","get_y_tooltip","y_tooltip","get_x_tooltip","x_tooltip","colors","zero_line","values","isNaN","setup_x","setup_y","set_avg_unit_width_and_x_offset","x_axis_positions","x_old_axis_positions","x_offset","avg_unit_width","y_axis_values","y_old_axis_values","get_all_y_values","y_sums","concat","get_y_axis_points","y_pts","value_range","multiplier","old_multiplier","zero_index","indexOf","interval_height","old_zero_line","setup_marker_components","setup_aggregation_components","setup_graph_components","y_axis_group","className","inside","x_axis_group","specific_y_group","sum_group","average_group","svg_units_groups","_this3","make_y_axis","make_x_axis","draw_graph","make_y_specifics","animate","start_at","text_start_at","axis_line_class","x_axis_mode","make_anim_x_axis","allowed_space","allowed_letters","textContent","point","space_taken","skips","make_x_line","make_anim_y_axis","make_anim_y_specifics","get_y_axis_line_props","text_end_at","_this5","make_y_line","y_axis_mode","hasOwnProperty","draw_new_graph_and_animate","svg_units","make_path","_this6","y_tops","make_new_units","calc_y_dependencies","Array","_this7","update_values","make_new_units_for_dataset","x_values","y_values","dataset_index","no_of_datasets","units_group","units_array","unit_args","data_unit","_this9","draw","bind_units","_this10","toUpperCase","line_type","_this11","relX","pageX","pageY","map_tooltip_x_position_and_show","y_min_tops","x_val","formatted","_this12","set_values","show_tip","updating","sum_units","_this13","old_specific_values","sum","average","indices_to_remove","auto","unshift","splice","new_y","new_x","elements_to_animate","old_x_values","old_y_axis_tops","old_y_values","no_of_extra_pts","_this16","animate_graphs","run_animation","y_point","x_point","data_set","removeChild","_this17","_this18","calc_old_and_new_postions","old_x","old_y","path","animate_path","animate_units","new_path_str","join","path_args","region_path","reg_start_pt","reg_end_pt","region_args","_this19","last_old_x_pos","last_old_y_pos","last_new_x_pos","last_new_y_pos","filler_x","Math","abs","filler_y","old_pos","new_pos","old_vals","new_vals","last_line_pos","make_new_axis_anim_lines","substring","x_line","_this20","transform","_this21","add_and_animate_y_line","_this22","add_and_animate_line","group","superimposed_positions","superimposed_values","no_of_extras","filler_vals","filler_pos","extra_values","extra_positions","label_class","x_pos","line","text","x_level","y_pos","darker","y_level","stroke","specific","filler","new_props","old_props","axis_label_class","y_line","min_bound","pos_no_of_parts","neg_no_of_parts","part_size","max_val","max","min_val","min","get_params","value1","value2","bound1","bound2","no_of_parts_1","no_of_parts_2","interval_size","_this23","calc_upper_bound_and_no_of_parts","calc_no_of_parts","abs_min_val","no_of_parts","get_intervals","start","count","intervals","pow","divisor","ceil","all_values","_this24","y_top","total_width","_this25","space_width","current_x","get_bar_height_and_y_attr","radius","bar_obj","dot_obj","cx","cy","BarChart","update_current_data_point","overlay","update_overlay","svg_unit","attributes","filter","attr","specified","name","nodeValue","show_dots","region_fill","Object","getPrototypeOf","prototype","dot_radius","heatline","setup_path_groups","paths_groups","x_positions","y_positions","points_str","gradient_id","make_gradient","fill_region_for_dataset","lighter","gradient_def","set_gradient_stop","grad_elem","opacities","ScatterChart","PercentageChart","max_slices","max_legend_points","marginTop","marginBottom","paddingTop","chart_div","chart","percentage_bar","slice_totals","all_totals","total","totals","sort","a","b","sum_of_others","legend_totals","grand_total","reduce","slices","g_off","p_off","formatted_labels","percent","Heatmap","domain","subdomain","discrete_domains","count_label","today","Date","add_days","legend_colors","setFullYear","getFullYear","first_week_start","toDateString","last_week_start","getDay","no_of_cols","get_weeks_between","domain_label_group","data_groups","distribution","get_distribution","month_names","render_all_weeks_and_store_x_values","no_of_weeks","current_week_sunday","week_col","current_month","getMonth","months","month_weeks","month_start_points","data_group","month_change","day","get_week_squares_group","render_month_labels","current_date","week_col_change","square_side","data_value","color_index","current_timestamp","getTime","timestamp","floor","get_max_checkpoint","round","get_dd_mm_yyyy","next_date","shift","pop","month_name","call","querySelectorAll","display","date_parts","month","mapper_array","data_values","data_max_value","distribution_step","checkpoint","date_str","result","setMinutes","getMinutes","getTimezoneOffset","date","dd","getDate","mm","start_date_str","end_date_str","get_days_between","treat_as_utc","number_of_days","setDate"],"mappings":"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"}
\ No newline at end of file
+{"version":3,"file":"frappe-charts.min.js","sources":["../../../src/scripts/helpers/dom.js","../../../src/scripts/helpers/utils.js","../../../src/scripts/charts.js","../../../src/scripts/objects/SvgTip.js","../../../src/scripts/charts/BaseChart.js","../../../src/scripts/charts/AxisChart.js","../../../src/scripts/charts/BarChart.js","../../../src/scripts/charts/LineChart.js","../../../src/scripts/charts/ScatterChart.js","../../../src/scripts/charts/PercentageChart.js","../../../src/scripts/charts/Heatmap.js"],"sourcesContent":["export default function $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\n$.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\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\n$.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\t\t}\n\t\telse {\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\n$.runSVGAnimation = (svg_container, elements) => {\n\t// let parent = elements[0][0]['unit'].parentNode;\n\n\tlet new_elements = [];\n\tlet anim_elements = [];\n\n\telements.map(element => {\n\t\tlet obj = element[0];\n\t\tlet parent = obj.unit.parentNode;\n\t\t// let index = let findNodeIndex(obj.unit);\n\n\t\tlet anim_element, new_element;\n\n\t\telement[0] = obj.unit;\n\n\t\t[anim_element, new_element] = $.animateSVG(...element);\n\n\t\tnew_elements.push(new_element);\n\t\tanim_elements.push([anim_element, parent]);\n\n\t\tparent.replaceChild(anim_element, obj.unit);\n\n\t\tif(obj.array) {\n\t\t\tobj.array[obj.index] = new_element;\n\t\t} else {\n\t\t\tobj.object[obj.key] = new_element;\n\t\t}\n\t});\n\n\tlet anim_svg = svg_container.cloneNode(true);\n\n\tanim_elements.map((anim_element, i) => {\n\t\tanim_element[1].replaceChild(new_elements[i], anim_element[0]);\n\t\telements[i][0] = new_elements[i];\n\t});\n\n\treturn anim_svg;\n};\n\n$.animateSVG = (element, props, dur, easing_type=\"linear\", type=undefined, old_values={}) => {\n\tlet easing = {\n\t\tease: \"0.25 0.1 0.25 1\",\n\t\tlinear: \"0 0 1 1\",\n\t\t// easein: \"0.42 0 1 1\",\n\t\teasein: \"0.1 0.8 0.2 1\",\n\t\teaseout: \"0 0 0.58 1\",\n\t\teaseinout: \"0.42 0 0.58 1\"\n\t};\n\n\tlet anim_element = element.cloneNode(true);\n\tlet new_element = element.cloneNode(true);\n\n\tfor(var attributeName in props) {\n\t\tlet animate_element;\n\t\tif(attributeName === 'transform') {\n\t\t\tanimate_element = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animateTransform\");\n\t\t} else {\n\t\t\tanimate_element = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animate\");\n\t\t}\n\t\tlet current_value = old_values[attributeName] || element.getAttribute(attributeName);\n\t\tlet value = props[attributeName];\n\n\t\tlet anim_attr = {\n\t\t\tattributeName: attributeName,\n\t\t\tfrom: current_value,\n\t\t\tto: value,\n\t\t\tbegin: \"0s\",\n\t\t\tdur: dur/1000 + \"s\",\n\t\t\tvalues: current_value + \";\" + value,\n\t\t\tkeySplines: easing[easing_type],\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\tanim_attr[\"type\"] = type;\n\t\t}\n\n\t\tfor (var i in anim_attr) {\n\t\t\tanimate_element.setAttribute(i, anim_attr[i]);\n\t\t}\n\n\t\tanim_element.appendChild(animate_element);\n\n\t\tif(type) {\n\t\t\tnew_element.setAttribute(attributeName, `translate(${value})`);\n\t\t} else {\n\t\t\tnew_element.setAttribute(attributeName, value);\n\t\t}\n\t}\n\n\treturn [anim_element, new_element];\n};\n\n$.offset = (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\n$.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\n$.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\n$.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\n$.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","export function float_2(d) {\n\treturn parseFloat(d.toFixed(2));\n}\n\nexport function arrays_equal(arr1, arr2) {\n\tif(arr1.length !== arr2.length) return false;\n\tlet are_equal = true;\n\tarr1.map((d, i) => {\n\t\tif(arr2[i] !== d) are_equal = false;\n\t});\n\treturn are_equal;\n}\n\nexport function shuffle(array) {\n\t// https://stackoverflow.com/a/2450976/6495043\n\t// Awesomeness: https://bost.ocks.org/mike/shuffle/\n\n\tvar currentIndex = array.length, temporaryValue, randomIndex;\n\n\t// While there remain elements to shuffle...\n\twhile (0 !== currentIndex) {\n\n\t\t// Pick a remaining element...\n\t\trandomIndex = Math.floor(Math.random() * currentIndex);\n\t\tcurrentIndex -= 1;\n\n\t\t// And swap it with the current element.\n\t\ttemporaryValue = array[currentIndex];\n\t\tarray[currentIndex] = array[randomIndex];\n\t\tarray[randomIndex] = temporaryValue;\n\t}\n\n\treturn array;\n}\n","import '../styles/charts.less';\n\nimport BarChart from './charts/BarChart';\nimport LineChart from './charts/LineChart';\nimport ScatterChart from './charts/ScatterChart';\nimport PercentageChart from './charts/PercentageChart';\nimport Heatmap from './charts/Heatmap';\n\n// if (ENV !== 'production') {\n// \t// Enable LiveReload\n// \tdocument.write(\n// \t\t'<script src=\"http://' + (location.host || 'localhost').split(':')[0] +\n// \t\t':35729/livereload.js?snipver=1\"></' + 'script>'\n// \t);\n// }\n\nconst chartTypes = {\n\tline: LineChart,\n\tbar: BarChart,\n\tscatter: ScatterChart,\n\tpercentage: PercentageChart,\n\theatmap: Heatmap\n};\n\nfunction getChartByType(chartType = 'line', options) {\n\tif (!chartTypes[chartType]) {\n\t\treturn new LineChart(options);\n\t}\n\n\treturn new chartTypes[chartType](options);\n}\n\nexport default class Chart {\n\tconstructor(args) {\n\t\treturn getChartByType(args.type, arguments[0]);\n\t}\n}\n","import $ from '../helpers/dom';\n\nexport default class SvgTip {\n\tconstructor({\n\t\tparent = null\n\t}) {\n\t\tthis.parent = parent;\n\t\tthis.title_name = '';\n\t\tthis.title_value = '';\n\t\tthis.list_values = [];\n\t\tthis.title_value_first = 0;\n\n\t\tthis.x = 0;\n\t\tthis.y = 0;\n\n\t\tthis.top = 0;\n\t\tthis.left = 0;\n\n\t\tthis.setup();\n\t}\n\n\tsetup() {\n\t\tthis.make_tooltip();\n\t}\n\n\trefresh() {\n\t\tthis.fill();\n\t\tthis.calc_position();\n\t\t// this.show_tip();\n\t}\n\n\tmake_tooltip() {\n\t\tthis.container = $.create('div', {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'graph-svg-tip comparison',\n\t\t\tinnerHTML: `<span class=\"title\"></span>\n\t\t\t\t<ul class=\"data-point-list\"></ul>\n\t\t\t\t<div class=\"svg-pointer\"></div>`\n\t\t});\n\t\tthis.hide_tip();\n\n\t\tthis.title = this.container.querySelector('.title');\n\t\tthis.data_point_list = this.container.querySelector('.data-point-list');\n\n\t\tthis.parent.addEventListener('mouseleave', () => {\n\t\t\tthis.hide_tip();\n\t\t});\n\t}\n\n\tfill() {\n\t\tlet title;\n\t\tif(this.title_value_first) {\n\t\t\ttitle = `<strong>${this.title_value}</strong>${this.title_name}`;\n\t\t} else {\n\t\t\ttitle = `${this.title_name}<strong>${this.title_value}</strong>`;\n\t\t}\n\t\tthis.title.innerHTML = title;\n\t\tthis.data_point_list.innerHTML = '';\n\n\t\tthis.list_values.map((set) => {\n\t\t\tlet li = $.create('li', {\n\t\t\t\tclassName: `border-top ${set.color || 'black'}`,\n\t\t\t\tinnerHTML: `<strong style=\"display: block;\">${set.value ? set.value : '' }</strong>\n\t\t\t\t\t${set.title ? set.title : '' }`\n\t\t\t});\n\n\t\t\tthis.data_point_list.appendChild(li);\n\t\t});\n\t}\n\n\tcalc_position() {\n\t\tthis.top = this.y - this.container.offsetHeight;\n\t\tthis.left = this.x - this.container.offsetWidth/2;\n\t\tlet max_left = this.parent.offsetWidth - this.container.offsetWidth;\n\n\t\tlet pointer = this.container.querySelector('.svg-pointer');\n\n\t\tif(this.left < 0) {\n\t\t\tpointer.style.left = `calc(50% - ${-1 * this.left}px)`;\n\t\t\tthis.left = 0;\n\t\t} else if(this.left > max_left) {\n\t\t\tlet delta = this.left - max_left;\n\t\t\tpointer.style.left = `calc(50% + ${delta}px)`;\n\t\t\tthis.left = max_left;\n\t\t} else {\n\t\t\tpointer.style.left = `50%`;\n\t\t}\n\t}\n\n\tset_values(x, y, title_name = '', title_value = '', list_values = [], title_value_first = 0) {\n\t\tthis.title_name = title_name;\n\t\tthis.title_value = title_value;\n\t\tthis.list_values = list_values;\n\t\tthis.x = x;\n\t\tthis.y = y;\n\t\tthis.title_value_first = title_value_first;\n\t\tthis.refresh();\n\t}\n\n\thide_tip() {\n\t\tthis.container.style.top = '0px';\n\t\tthis.container.style.left = '0px';\n\t\tthis.container.style.opacity = '0';\n\t}\n\n\tshow_tip() {\n\t\tthis.container.style.top = this.top + 'px';\n\t\tthis.container.style.left = this.left + 'px';\n\t\tthis.container.style.opacity = '1';\n\t}\n}\n","import SvgTip from '../objects/SvgTip';\nimport $ from '../helpers/dom';\nimport Chart from '../charts';\n\nexport default class BaseChart {\n\tconstructor({\n\t\theight = 240,\n\n\t\ttitle = '', subtitle = '',\n\n\t\tformat_lambdas = {},\n\n\t\tsummary = [],\n\n\t\tis_navigable = 0,\n\t\thas_legend = 0,\n\n\t\ttype = '', // eslint-disable-line no-unused-vars\n\n\t\tparent,\n\t\tdata\n\t}) {\n\t\tthis.raw_chart_args = arguments[0];\n\n\t\tthis.parent = document.querySelector(parent);\n\t\tthis.title = title;\n\t\tthis.subtitle = subtitle;\n\n\t\tthis.data = data;\n\t\tthis.format_lambdas = format_lambdas;\n\n\t\tthis.specific_values = data.specific_values || [];\n\t\tthis.summary = summary;\n\n\t\tthis.is_navigable = is_navigable;\n\t\tif(this.is_navigable) {\n\t\t\tthis.current_index = 0;\n\t\t}\n\t\tthis.has_legend = has_legend;\n\n\t\tthis.chart_types = ['line', 'scatter', 'bar', 'percentage', 'heatmap'];\n\n\t\tthis.set_margins(height);\n\t}\n\n\tget_different_chart(type) {\n\t\tif(!this.chart_types.includes(type)) {\n\t\t\tconsole.error(`'${type}' is not a valid chart type.`);\n\t\t}\n\t\tif(type === this.type) return;\n\n\t\t// Only across compatible types\n\t\tlet compatible_types = {\n\t\t\tbar: ['line', 'scatter', 'percentage'],\n\t\t\tline: ['scatter', 'bar', 'percentage'],\n\t\t\tscatter: ['line', 'bar', 'percentage'],\n\t\t\tpercentage: ['bar', 'line', 'scatter'],\n\t\t\theatmap: []\n\t\t};\n\n\t\tif(!compatible_types[this.type].includes(type)) {\n\t\t\tconsole.error(`'${this.type}' chart cannot be converted to a '${type}' chart.`);\n\t\t}\n\n\t\t// Okay, this is anticlimactic\n\t\t// this function will need to actually be 'change_chart_type(type)'\n\t\t// that will update only the required elements, but for now ...\n\t\treturn new Chart({\n\t\t\tparent: this.raw_chart_args.parent,\n\t\t\ttitle: this.title,\n\t\t\tdata: this.raw_chart_args.data,\n\t\t\ttype: type,\n\t\t\theight: this.raw_chart_args.height\n\t\t});\n\t}\n\n\tset_margins(height) {\n\t\tthis.base_height = height;\n\t\tthis.height = height - 40;\n\t\tthis.translate_x = 60;\n\t\tthis.translate_y = 10;\n\t}\n\n\tsetup() {\n\t\tif(!this.parent) {\n\t\t\tconsole.error(\"No parent element to render on was provided.\");\n\t\t\treturn;\n\t\t}\n\t\tthis.bind_window_events();\n\t\tthis.refresh(true);\n\t}\n\n\tbind_window_events() {\n\t\twindow.addEventListener('resize', () => this.refresh());\n\t\twindow.addEventListener('orientationchange', () => this.refresh());\n\t}\n\n\trefresh(init=false) {\n\t\tthis.setup_base_values();\n\t\tthis.set_width();\n\n\t\tthis.setup_container();\n\t\tthis.setup_components();\n\n\t\tthis.setup_values();\n\t\tthis.setup_utils();\n\n\t\tthis.make_graph_components(init);\n\t\tthis.make_tooltip();\n\n\t\tif(this.summary.length > 0) {\n\t\t\tthis.show_custom_summary();\n\t\t} else {\n\t\t\tthis.show_summary();\n\t\t}\n\n\t\tif(this.is_navigable) {\n\t\t\tthis.setup_navigation(init);\n\t\t}\n\t}\n\n\tset_width() {\n\t\tlet special_values_width = 0;\n\t\tthis.specific_values.map(val => {\n\t\t\tif(this.get_strwidth(val.title) > special_values_width) {\n\t\t\t\tspecial_values_width = this.get_strwidth(val.title) - 40;\n\t\t\t}\n\t\t});\n\t\tthis.base_width = this.parent.offsetWidth - special_values_width;\n\t\tthis.width = this.base_width - this.translate_x * 2;\n\t}\n\n\tsetup_base_values() {}\n\n\tsetup_container() {\n\t\tthis.container = $.create('div', {\n\t\t\tclassName: 'chart-container',\n\t\t\tinnerHTML: `<h6 class=\"title\">${this.title}</h6>\n\t\t\t\t<h6 class=\"sub-title uppercase\">${this.subtitle}</h6>\n\t\t\t\t<div class=\"frappe-chart graphics\"></div>\n\t\t\t\t<div class=\"graph-stats-container\"></div>`\n\t\t});\n\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\t\tthis.parent.appendChild(this.container);\n\n\t\tthis.chart_wrapper = this.container.querySelector('.frappe-chart');\n\t\tthis.stats_wrapper = this.container.querySelector('.graph-stats-container');\n\n\t\tthis.make_chart_area();\n\t\tthis.make_draw_area();\n\t}\n\n\tmake_chart_area() {\n\t\tthis.svg = $.createSVG('svg', {\n\t\t\tclassName: 'chart',\n\t\t\tinside: this.chart_wrapper,\n\t\t\twidth: this.base_width,\n\t\t\theight: this.base_height\n\t\t});\n\n\t\tthis.svg_defs = $.createSVG('defs', {\n\t\t\tinside: this.svg,\n\t\t});\n\n\t\treturn this.svg;\n\t}\n\n\tmake_draw_area() {\n\t\tthis.draw_area = $.createSVG(\"g\", {\n\t\t\tclassName: this.type + '-chart',\n\t\t\tinside: this.svg,\n\t\t\ttransform: `translate(${this.translate_x}, ${this.translate_y})`\n\t\t});\n\t}\n\n\tsetup_components() { }\n\n\tmake_tooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.chart_wrapper,\n\t\t});\n\t\tthis.bind_tooltip();\n\t}\n\n\n\tshow_summary() {}\n\tshow_custom_summary() {\n\t\tthis.summary.map(d => {\n\t\t\tlet stats = $.create('div', {\n\t\t\t\tclassName: 'stats',\n\t\t\t\tinnerHTML: `<span class=\"indicator ${d.color}\">${d.title}: ${d.value}</span>`\n\t\t\t});\n\t\t\tthis.stats_wrapper.appendChild(stats);\n\t\t});\n\t}\n\n\tsetup_navigation(init=false) {\n\t\tthis.make_overlay();\n\n\t\tif(init) {\n\t\t\tthis.bind_overlay();\n\n\t\t\tdocument.addEventListener('keydown', (e) => {\n\t\t\t\tif($.isElementInViewport(this.chart_wrapper)) {\n\t\t\t\t\te = e || window.event;\n\n\t\t\t\t\tif (e.keyCode == '37') {\n\t\t\t\t\t\tthis.on_left_arrow();\n\t\t\t\t\t} else if (e.keyCode == '39') {\n\t\t\t\t\t\tthis.on_right_arrow();\n\t\t\t\t\t} else if (e.keyCode == '38') {\n\t\t\t\t\t\tthis.on_up_arrow();\n\t\t\t\t\t} else if (e.keyCode == '40') {\n\t\t\t\t\t\tthis.on_down_arrow();\n\t\t\t\t\t} else if (e.keyCode == '13') {\n\t\t\t\t\t\tthis.on_enter_key();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tmake_overlay() {}\n\tbind_overlay() {}\n\tbind_units() {}\n\n\ton_left_arrow() {}\n\ton_right_arrow() {}\n\ton_up_arrow() {}\n\ton_down_arrow() {}\n\ton_enter_key() {}\n\n\tget_data_point(index=this.current_index) {\n\t\t// check for length\n\t\tlet data_point = {\n\t\t\tindex: index\n\t\t};\n\t\tlet y = this.y[0];\n\t\t['svg_units', 'y_tops', 'values'].map(key => {\n\t\t\tlet data_key = key.slice(0, key.length-1);\n\t\t\tdata_point[data_key] = y[key][index];\n\t\t});\n\t\tdata_point.label = this.x[index];\n\t\treturn data_point;\n\t}\n\n\tupdate_current_data_point(index) {\n\t\tindex = parseInt(index);\n\t\tif(index < 0) index = 0;\n\t\tif(index >= this.x.length) index = this.x.length - 1;\n\t\tif(index === this.current_index) return;\n\t\tthis.current_index = index;\n\t\t$.fire(this.parent, \"data-select\", this.get_data_point());\n\t}\n\n\t// Helpers\n\tget_strwidth(string) {\n\t\treturn (string+\"\").length * 8;\n\t}\n\n\t// Objects\n\tsetup_utils() { }\n}\n","import $ from '../helpers/dom';\nimport { float_2, arrays_equal } from '../helpers/utils';\nimport BaseChart from './BaseChart';\n\nexport default class AxisChart extends BaseChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\n\t\tthis.x = this.data.labels;\n\t\tthis.y = this.data.datasets;\n\n\t\tthis.is_series = args.is_series;\n\n\t\tthis.get_y_label = this.format_lambdas.y_label;\n\t\tthis.get_y_tooltip = this.format_lambdas.y_tooltip;\n\t\tthis.get_x_tooltip = this.format_lambdas.x_tooltip;\n\n\t\tthis.colors = ['green', 'blue', 'violet', 'red', 'orange',\n\t\t\t'yellow', 'light-blue', 'light-green', 'purple', 'magenta'];\n\n\t\tthis.zero_line = this.height;\n\t}\n\n\tsetup_values() {\n\t\tthis.data.datasets.map(d => {\n\t\t\td.values = d.values.map(val => (!isNaN(val) ? val : 0));\n\t\t});\n\t\tthis.setup_x();\n\t\tthis.setup_y();\n\t}\n\n\tsetup_x() {\n\t\tthis.set_avg_unit_width_and_x_offset();\n\n\t\tif(this.x_axis_positions) {\n\t\t\tthis.x_old_axis_positions =  this.x_axis_positions.slice();\n\t\t}\n\t\tthis.x_axis_positions = this.x.map((d, i) =>\n\t\t\tfloat_2(this.x_offset + i * this.avg_unit_width));\n\n\t\tif(!this.x_old_axis_positions) {\n\t\t\tthis.x_old_axis_positions = this.x_axis_positions.slice();\n\t\t}\n\t}\n\n\tsetup_y() {\n\t\tif(this.y_axis_values) {\n\t\t\tthis.y_old_axis_values =  this.y_axis_values.slice();\n\t\t}\n\n\t\tlet values = this.get_all_y_values();\n\n\t\tif(this.y_sums && this.y_sums.length > 0) {\n\t\t\tvalues = values.concat(this.y_sums);\n\t\t}\n\n\t\tthis.y_axis_values = this.get_y_axis_points(values);\n\n\t\tif(!this.y_old_axis_values) {\n\t\t\tthis.y_old_axis_values = this.y_axis_values.slice();\n\t\t}\n\n\t\tconst y_pts = this.y_axis_values;\n\t\tconst value_range = y_pts[y_pts.length-1] - y_pts[0];\n\n\t\tif(this.multiplier) this.old_multiplier = this.multiplier;\n\t\tthis.multiplier = this.height / value_range;\n\t\tif(!this.old_multiplier) this.old_multiplier = this.multiplier;\n\n\t\tconst zero_index = y_pts.indexOf(0);\n\t\tconst interval = y_pts[1] - y_pts[0];\n\t\tconst interval_height = interval * this.multiplier;\n\n\t\tif(this.zero_line) this.old_zero_line = this.zero_line;\n\t\tthis.zero_line = this.height - (zero_index * interval_height);\n\t\tif(!this.old_zero_line) this.old_zero_line = this.zero_line;\n\t}\n\n\tsetup_components() {\n\t\tsuper.setup_components();\n\t\tthis.setup_marker_components();\n\t\tthis.setup_aggregation_components();\n\t\tthis.setup_graph_components();\n\t}\n\n\tsetup_marker_components() {\n\t\tthis.y_axis_group = $.createSVG('g', {className: 'y axis', inside: this.draw_area});\n\t\tthis.x_axis_group = $.createSVG('g', {className: 'x axis', inside: this.draw_area});\n\t\tthis.specific_y_group = $.createSVG('g', {className: 'specific axis', inside: this.draw_area});\n\t}\n\n\tsetup_aggregation_components() {\n\t\tthis.sum_group = $.createSVG('g', {className: 'data-points', inside: this.draw_area});\n\t\tthis.average_group = $.createSVG('g', {className: 'chart-area', inside: this.draw_area});\n\t}\n\n\tsetup_graph_components() {\n\t\tthis.svg_units_groups = [];\n\t\tthis.y.map((d, i) => {\n\t\t\tthis.svg_units_groups[i] = $.createSVG('g', {\n\t\t\t\tclassName: 'data-points data-points-' + i,\n\t\t\t\tinside: this.draw_area\n\t\t\t});\n\t\t});\n\t}\n\n\tmake_graph_components(init=false) {\n\t\tthis.make_y_axis();\n\t\tthis.make_x_axis();\n\t\tthis.draw_graph(init);\n\t\tthis.make_y_specifics();\n\t}\n\n\t// make VERTICAL lines for x values\n\tmake_x_axis(animate=false) {\n\t\tlet start_at, height, text_start_at, axis_line_class = '';\n\t\tif(this.x_axis_mode === 'span') {\t\t// long spanning lines\n\t\t\tstart_at = -7;\n\t\t\theight = this.height + 15;\n\t\t\ttext_start_at = this.height + 25;\n\t\t} else if(this.x_axis_mode === 'tick'){\t// short label lines\n\t\t\tstart_at = this.height;\n\t\t\theight = 6;\n\t\t\ttext_start_at = 9;\n\t\t\taxis_line_class = 'x-axis-label';\n\t\t}\n\n\t\tthis.x_axis_group.setAttribute('transform', `translate(0,${start_at})`);\n\n\t\tif(animate) {\n\t\t\tthis.make_anim_x_axis(height, text_start_at, axis_line_class);\n\t\t\treturn;\n\t\t}\n\n\t\tlet allowed_space = this.avg_unit_width * 1.5;\n\t\tlet allowed_letters = allowed_space / 8;\n\n\t\tthis.x_axis_group.textContent = '';\n\t\tthis.x.map((point, i) => {\n\t\t\tlet space_taken = this.get_strwidth(point) + 2;\n\t\t\tif(space_taken > allowed_space) {\n\t\t\t\tif(this.is_series) {\n\t\t\t\t\t// Skip some axis lines if X axis is a series\n\t\t\t\t\tlet skips = 1;\n\t\t\t\t\twhile((space_taken/skips)*2 > allowed_space) {\n\t\t\t\t\t\tskips++;\n\t\t\t\t\t}\n\t\t\t\t\tif(i % skips !== 0) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tpoint = point.slice(0, allowed_letters-3) + \" ...\";\n\t\t\t\t}\n\t\t\t}\n\t\t\tthis.x_axis_group.appendChild(\n\t\t\t\tthis.make_x_line(\n\t\t\t\t\theight,\n\t\t\t\t\ttext_start_at,\n\t\t\t\t\tpoint,\n\t\t\t\t\t'x-value-text',\n\t\t\t\t\taxis_line_class,\n\t\t\t\t\tthis.x_axis_positions[i]\n\t\t\t\t)\n\t\t\t);\n\t\t});\n\t}\n\n\t// make HORIZONTAL lines for y values\n\tmake_y_axis(animate=false) {\n\t\tif(animate) {\n\t\t\tthis.make_anim_y_axis();\n\t\t\tthis.make_anim_y_specifics();\n\t\t\treturn;\n\t\t}\n\n\t\tlet [width, text_end_at, axis_line_class, start_at] = this.get_y_axis_line_props();\n\n\t\tthis.y_axis_group.textContent = '';\n\t\tthis.y_axis_values.map((value, i) => {\n\t\t\tthis.y_axis_group.appendChild(\n\t\t\t\tthis.make_y_line(\n\t\t\t\t\tstart_at,\n\t\t\t\t\twidth,\n\t\t\t\t\ttext_end_at,\n\t\t\t\t\tvalue,\n\t\t\t\t\t'y-value-text',\n\t\t\t\t\taxis_line_class,\n\t\t\t\t\tthis.zero_line - value * this.multiplier,\n\t\t\t\t\t(value === 0 && i !== 0) // Non-first Zero line\n\t\t\t\t)\n\t\t\t);\n\t\t});\n\t}\n\n\tget_y_axis_line_props(specific=false) {\n\t\tif(specific) {\n\t\t\treturn[this.width, this.width + 5, 'specific-value', 0];\n\t\t}\n\t\tlet width, text_end_at = -9, axis_line_class = '', start_at = 0;\n\t\tif(this.y_axis_mode === 'span') {\t\t// long spanning lines\n\t\t\twidth = this.width + 6;\n\t\t\tstart_at = -6;\n\t\t} else if(this.y_axis_mode === 'tick'){\t// short label lines\n\t\t\twidth = -6;\n\t\t\taxis_line_class = 'y-axis-label';\n\t\t}\n\n\t\treturn [width, text_end_at, axis_line_class, start_at];\n\t}\n\n\tdraw_graph(init=false) {\n\t\tif(this.raw_chart_args.hasOwnProperty(\"init\") && !this.raw_chart_args.init) {\n\t\t\tthis.y.map((d, i) => {\n\t\t\t\td.svg_units = [];\n\t\t\t\tthis.make_path && this.make_path(d, i, this.x_axis_positions, d.y_tops, d.color || this.colors[i]);\n\t\t\t\tthis.make_new_units(d, i);\n\t\t\t\tthis.calc_y_dependencies();\n\t\t\t});\n\t\t\treturn;\n\t\t}\n\t\tif(init) {\n\t\t\tthis.draw_new_graph_and_animate();\n\t\t\treturn;\n\t\t}\n\t\tthis.y.map((d, i) => {\n\t\t\td.svg_units = [];\n\t\t\tthis.make_path && this.make_path(d, i, this.x_axis_positions, d.y_tops, d.color || this.colors[i]);\n\t\t\tthis.make_new_units(d, i);\n\t\t});\n\t}\n\n\tdraw_new_graph_and_animate() {\n\t\tlet data = [];\n\t\tthis.y.map((d, i) => {\n\t\t\t// Anim: Don't draw initial values, store them and update later\n\t\t\td.y_tops = new Array(d.values.length).fill(this.zero_line); // no value\n\t\t\tdata.push({values: d.values});\n\t\t\td.svg_units = [];\n\n\t\t\tthis.make_path && this.make_path(d, i, this.x_axis_positions, d.y_tops, d.color || this.colors[i]);\n\t\t\tthis.make_new_units(d, i);\n\t\t});\n\n\t\tsetTimeout(() => {\n\t\t\tthis.update_values(data);\n\t\t}, 350);\n\t}\n\n\tsetup_navigation(init) {\n\t\tif(init) {\n\t\t\t// Hack: defer nav till initial update_values\n\t\t\tsetTimeout(() => {\n\t\t\t\tsuper.setup_navigation(init);\n\t\t\t}, 500);\n\t\t} else {\n\t\t\tsuper.setup_navigation(init);\n\t\t}\n\t}\n\n\tmake_new_units(d, i) {\n\t\tthis.make_new_units_for_dataset(\n\t\t\tthis.x_axis_positions,\n\t\t\td.y_tops,\n\t\t\td.color || this.colors[i],\n\t\t\ti,\n\t\t\tthis.y.length\n\t\t);\n\t}\n\n\tmake_new_units_for_dataset(x_values, y_values, color, dataset_index,\n\t\tno_of_datasets, units_group, units_array, unit) {\n\n\t\tif(!units_group) units_group = this.svg_units_groups[dataset_index];\n\t\tif(!units_array) units_array = this.y[dataset_index].svg_units;\n\t\tif(!unit) unit = this.unit_args;\n\n\t\tunits_group.textContent = '';\n\t\tunits_array.length = 0;\n\n\t\ty_values.map((y, i) => {\n\t\t\tlet data_unit = this.draw[unit.type](\n\t\t\t\tx_values[i],\n\t\t\t\ty,\n\t\t\t\tunit.args,\n\t\t\t\tcolor,\n\t\t\t\ti,\n\t\t\t\tdataset_index,\n\t\t\t\tno_of_datasets\n\t\t\t);\n\t\t\tunits_group.appendChild(data_unit);\n\t\t\tunits_array.push(data_unit);\n\t\t});\n\n\t\tif(this.is_navigable) {\n\t\t\tthis.bind_units(units_array);\n\t\t}\n\t}\n\n\tmake_y_specifics() {\n\t\tthis.specific_y_group.textContent = '';\n\t\tthis.specific_values.map(d => {\n\t\t\tthis.specific_y_group.appendChild(\n\t\t\t\tthis.make_y_line(\n\t\t\t\t\t0,\n\t\t\t\t\tthis.width,\n\t\t\t\t\tthis.width + 5,\n\t\t\t\t\td.title.toUpperCase(),\n\t\t\t\t\t'specific-value',\n\t\t\t\t\t'specific-value',\n\t\t\t\t\tthis.zero_line - d.value * this.multiplier,\n\t\t\t\t\tfalse,\n\t\t\t\t\td.line_type\n\t\t\t\t)\n\t\t\t);\n\t\t});\n\t}\n\n\tbind_tooltip() {\n\t\t// TODO: could be in tooltip itself, as it is a given functionality for its parent\n\t\tthis.chart_wrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet offset = $.offset(this.chart_wrapper);\n\t\t\tlet relX = e.pageX - offset.left - this.translate_x;\n\t\t\tlet relY = e.pageY - offset.top - this.translate_y;\n\n\t\t\tif(relY < this.height + this.translate_y * 2) {\n\t\t\t\tthis.map_tooltip_x_position_and_show(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.hide_tip();\n\t\t\t}\n\t\t});\n\t}\n\n\tmap_tooltip_x_position_and_show(relX) {\n\t\tif(!this.y_min_tops) return;\n\t\tfor(var i=this.x_axis_positions.length - 1; i >= 0 ; i--) {\n\t\t\tlet x_val = this.x_axis_positions[i];\n\t\t\t// let delta = i === 0 ? this.avg_unit_width : x_val - this.x_axis_positions[i-1];\n\t\t\tif(relX > x_val - this.avg_unit_width/2) {\n\t\t\t\tlet x = x_val + this.translate_x;\n\t\t\t\tlet y = this.y_min_tops[i] + this.translate_y;\n\n\t\t\t\tlet title = this.x.formatted && this.x.formatted.length>0\n\t\t\t\t\t? this.x.formatted[i] : this.x[i];\n\t\t\t\tlet values = this.y.map((set, j) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttitle: set.title,\n\t\t\t\t\t\tvalue: set.formatted ? set.formatted[i] : set.values[i],\n\t\t\t\t\t\tcolor: set.color || this.colors[j],\n\t\t\t\t\t};\n\t\t\t\t});\n\n\t\t\t\t// TODO: upside-down tooltips for negative values?\n\t\t\t\tthis.tip.set_values(x, y, title, '', values);\n\t\t\t\tthis.tip.show_tip();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\t// API\n\tshow_sums() {\n\t\tthis.updating = true;\n\n\t\tthis.y_sums = new Array(this.x_axis_positions.length).fill(0);\n\t\tthis.y.map(d => {\n\t\t\td.values.map( (value, i) => {\n\t\t\t\tthis.y_sums[i] += value;\n\t\t\t});\n\t\t});\n\n\t\t// Remake y axis, animate\n\t\tthis.update_values();\n\n\t\t// Then make sum units, don't animate\n\t\tthis.sum_units = [];\n\n\t\tthis.make_new_units_for_dataset(\n\t\t\tthis.x_axis_positions,\n\t\t\tthis.y_sums.map( val => float_2(this.zero_line - val * this.multiplier)),\n\t\t\t'light-grey',\n\t\t\t0,\n\t\t\t1,\n\t\t\tthis.sum_group,\n\t\t\tthis.sum_units\n\t\t);\n\n\t\t// this.make_path && this.make_path(d, i, old_x, old_y, d.color || this.colors[i]);\n\n\t\tthis.updating = false;\n\t}\n\n\thide_sums() {\n\t\tif(this.updating) return;\n\t\tthis.y_sums = [];\n\t\tthis.sum_group.textContent = '';\n\t\tthis.sum_units = [];\n\t\tthis.update_values();\n\t}\n\n\tshow_averages() {\n\t\tthis.old_specific_values = this.specific_values.slice();\n\t\tthis.y.map((d, i) => {\n\t\t\tlet sum = 0;\n\t\t\td.values.map(e => {sum+=e;});\n\t\t\tlet average = sum/d.values.length;\n\n\t\t\tthis.specific_values.push({\n\t\t\t\ttitle: \"AVG\" + \" \" + (i+1),\n\t\t\t\tline_type: \"dashed\",\n\t\t\t\tvalue: average,\n\t\t\t\tauto: 1\n\t\t\t});\n\t\t});\n\n\t\tthis.update_values();\n\t}\n\n\thide_averages() {\n\t\tthis.old_specific_values = this.specific_values.slice();\n\n\t\tlet indices_to_remove = [];\n\t\tthis.specific_values.map((d, i) => {\n\t\t\tif(d.auto) indices_to_remove.unshift(i);\n\t\t});\n\n\t\tindices_to_remove.map(index => {\n\t\t\tthis.specific_values.splice(index, 1);\n\t\t});\n\n\t\tthis.update_values();\n\t}\n\n\tupdate_values(new_y, new_x) {\n\t\tif(!new_x) {\n\t\t\tnew_x = this.x;\n\t\t}\n\t\tthis.elements_to_animate = [];\n\t\tthis.updating = true;\n\n\t\tthis.old_x_values = this.x.slice();\n\t\tthis.old_y_axis_tops = this.y.map(d => d.y_tops.slice());\n\n\t\tthis.old_y_values = this.y.map(d => d.values);\n\n\t\tthis.no_of_extra_pts = new_x.length - this.x.length;\n\n\t\t// Just update values prop, setup_x/y() will do the rest\n\t\tif(new_y) this.y.map((d, i) => {d.values = new_y[i].values;});\n\t\tif(new_x) this.x = new_x;\n\n\t\tthis.setup_x();\n\t\tthis.setup_y();\n\n\t\t// Animate only if positions have changed\n\t\tif(!arrays_equal(this.x_old_axis_positions, this.x_axis_positions)) {\n\t\t\tthis.make_x_axis(true);\n\t\t\tsetTimeout(() => {\n\t\t\t\tif(!this.updating) this.make_x_axis();\n\t\t\t}, 350);\n\t\t}\n\n\t\tif(!arrays_equal(this.y_old_axis_values, this.y_axis_values) ||\n\t\t\t(this.old_specific_values &&\n\t\t\t!arrays_equal(this.old_specific_values, this.specific_values))) {\n\n\t\t\tthis.make_y_axis(true);\n\t\t\tsetTimeout(() => {\n\t\t\t\tif(!this.updating) {\n\t\t\t\t\tthis.make_y_axis();\n\t\t\t\t\tthis.make_y_specifics();\n\t\t\t\t}\n\t\t\t}, 350);\n\t\t}\n\n\t\t// Change in data, so calculate dependencies\n\t\tthis.calc_y_dependencies();\n\n\t\tthis.animate_graphs();\n\n\t\t// Trigger animation with the animatable elements in this.elements_to_animate\n\t\tthis.run_animation();\n\n\t\tthis.updating = false;\n\t}\n\n\tadd_data_point(y_point, x_point, index=this.x.length) {\n\t\tlet new_y = this.y.map(data_set => { return {values:data_set.values}; });\n\t\tnew_y.map((d, i) => { d.values.splice(index, 0, y_point[i]); });\n\t\tlet new_x = this.x.slice();\n\t\tnew_x.splice(index, 0, x_point);\n\n\t\tthis.update_values(new_y, new_x);\n\t}\n\n\tremove_data_point(index = this.x.length-1) {\n\t\tif(this.x.length < 3) return;\n\n\t\tlet new_y = this.y.map(data_set => { return {values:data_set.values}; });\n\t\tnew_y.map((d) => { d.values.splice(index, 1); });\n\t\tlet new_x = this.x.slice();\n\t\tnew_x.splice(index, 1);\n\n\t\tthis.update_values(new_y, new_x);\n\t}\n\n\trun_animation() {\n\t\tlet anim_svg = $.runSVGAnimation(this.svg, this.elements_to_animate);\n\n\t\tif(this.svg.parentNode == this.chart_wrapper) {\n\t\t\tthis.chart_wrapper.removeChild(this.svg);\n\t\t\tthis.chart_wrapper.appendChild(anim_svg);\n\n\t\t}\n\n\t\t// Replace the new svg (data has long been replaced)\n\t\tsetTimeout(() => {\n\t\t\tif(anim_svg.parentNode == this.chart_wrapper) {\n\t\t\t\tthis.chart_wrapper.removeChild(anim_svg);\n\t\t\t\tthis.chart_wrapper.appendChild(this.svg);\n\t\t\t}\n\t\t}, 250);\n\t}\n\n\tanimate_graphs() {\n\t\tthis.y.map((d, i) => {\n\t\t\t// Pre-prep, equilize no of positions between old and new\n\t\t\tlet [old_x, old_y, new_x, new_y] = this.calc_old_and_new_postions(d, i);\n\t\t\tif(this.no_of_extra_pts >= 0) {\n\t\t\t\tthis.make_path && this.make_path(d, i, old_x, old_y, d.color || this.colors[i]);\n\t\t\t\tthis.make_new_units_for_dataset(old_x, old_y, d.color || this.colors[i], i, this.y.length);\n\t\t\t}\n\t\t\td.path && this.animate_path(d, i, old_x, old_y, new_x, new_y);\n\t\t\tthis.animate_units(d, i, old_x, old_y, new_x, new_y);\n\t\t});\n\n\t\t// TODO: replace with real units\n\t\tsetTimeout(() => {\n\t\t\tthis.y.map((d, i) => {\n\t\t\t\tthis.make_path && this.make_path(d, i, this.x_axis_positions, d.y_tops, d.color || this.colors[i]);\n\t\t\t\tthis.make_new_units(d, i);\n\t\t\t});\n\t\t}, 400);\n\t}\n\n\tanimate_path(d, i, old_x, old_y, new_x, new_y) {\n\t\t// Animate path\n\t\tconst new_points_list = new_y.map((y, i) => (new_x[i] + ',' + y));\n\t\tconst new_path_str = new_points_list.join(\"L\");\n\n\t\tconst path_args = [{unit: d.path, object: d, key: 'path'}, {d:\"M\"+new_path_str}, 350, \"easein\"];\n\t\tthis.elements_to_animate.push(path_args);\n\n\t\t// Animate region\n\t\tif(d.region_path) {\n\t\t\tlet reg_start_pt = `0,${this.zero_line}L`;\n\t\t\tlet reg_end_pt = `L${this.width},${this.zero_line}`;\n\n\t\t\tconst region_args = [\n\t\t\t\t{unit: d.region_path, object: d, key: 'region_path'},\n\t\t\t\t{d:\"M\" + reg_start_pt + new_path_str + reg_end_pt},\n\t\t\t\t350,\n\t\t\t\t\"easein\"\n\t\t\t];\n\t\t\tthis.elements_to_animate.push(region_args);\n\t\t}\n\t}\n\n\tanimate_units(d, index, old_x, old_y, new_x, new_y) {\n\t\tlet type = this.unit_args.type;\n\n\t\td.svg_units.map((unit, i) => {\n\t\t\tif(new_x[i] === undefined || new_y[i] === undefined) return;\n\t\t\tthis.elements_to_animate.push(this.animate[type](\n\t\t\t\t{unit:unit, array:d.svg_units, index: i}, // unit, with info to replace where it came from in the data\n\t\t\t\tnew_x[i],\n\t\t\t\tnew_y[i],\n\t\t\t\tindex\n\t\t\t));\n\t\t});\n\t}\n\n\tcalc_old_and_new_postions(d, i) {\n\t\tlet old_x = this.x_old_axis_positions.slice();\n\t\tlet new_x = this.x_axis_positions.slice();\n\n\t\tlet old_y = this.old_y_axis_tops[i].slice();\n\t\tlet new_y = d.y_tops.slice();\n\n\t\tconst last_old_x_pos = old_x[old_x.length - 1];\n\t\tconst last_old_y_pos = old_y[old_y.length - 1];\n\n\t\tconst last_new_x_pos = new_x[new_x.length - 1];\n\t\tconst last_new_y_pos = new_y[new_y.length - 1];\n\n\t\tif(this.no_of_extra_pts >= 0) {\n\t\t\t// First substitute current path with a squiggled one (looking the same but\n\t\t\t// having more points at end),\n\t\t\t// then animate to stretch it later to new points\n\t\t\t// (new points already have more points)\n\n\t\t\t// Hence, the extra end points will correspond to current(old) positions\n\t\t\tlet filler_x = new Array(Math.abs(this.no_of_extra_pts)).fill(last_old_x_pos);\n\t\t\tlet filler_y = new Array(Math.abs(this.no_of_extra_pts)).fill(last_old_y_pos);\n\n\t\t\told_x = old_x.concat(filler_x);\n\t\t\told_y = old_y.concat(filler_y);\n\n\t\t} else {\n\t\t\t// Just modify the new points to have extra points\n\t\t\t// with the same position at end\n\t\t\tlet filler_x = new Array(Math.abs(this.no_of_extra_pts)).fill(last_new_x_pos);\n\t\t\tlet filler_y = new Array(Math.abs(this.no_of_extra_pts)).fill(last_new_y_pos);\n\n\t\t\tnew_x = new_x.concat(filler_x);\n\t\t\tnew_y = new_y.concat(filler_y);\n\t\t}\n\n\t\treturn [old_x, old_y, new_x, new_y];\n\t}\n\n\tmake_anim_x_axis(height, text_start_at, axis_line_class) {\n\t\t// Animate X AXIS to account for more or less axis lines\n\n\t\tconst old_pos = this.x_old_axis_positions;\n\t\tconst new_pos = this.x_axis_positions;\n\n\t\tconst old_vals = this.old_x_values;\n\t\tconst new_vals = this.x;\n\n\t\tconst last_line_pos = old_pos[old_pos.length - 1];\n\n\t\tlet add_and_animate_line = (value, old_pos, new_pos) => {\n\t\t\tif(typeof new_pos === 'string') {\n\t\t\t\tnew_pos = parseInt(new_pos.substring(0, new_pos.length-1));\n\t\t\t}\n\t\t\tconst x_line = this.make_x_line(\n\t\t\t\theight,\n\t\t\t\ttext_start_at,\n\t\t\t\tvalue, // new value\n\t\t\t\t'x-value-text',\n\t\t\t\taxis_line_class,\n\t\t\t\told_pos // old position\n\t\t\t);\n\t\t\tthis.x_axis_group.appendChild(x_line);\n\n\t\t\tthis.elements_to_animate && this.elements_to_animate.push([\n\t\t\t\t{unit: x_line, array: [0], index: 0},\n\t\t\t\t{transform: `${ new_pos }, 0`},\n\t\t\t\t350,\n\t\t\t\t\"easein\",\n\t\t\t\t\"translate\",\n\t\t\t\t{transform: `${ old_pos }, 0`}\n\t\t\t]);\n\t\t};\n\n\t\tthis.x_axis_group.textContent = '';\n\n\t\tthis.make_new_axis_anim_lines(\n\t\t\told_pos,\n\t\t\tnew_pos,\n\t\t\told_vals,\n\t\t\tnew_vals,\n\t\t\tlast_line_pos,\n\t\t\tadd_and_animate_line\n\t\t);\n\t}\n\n\tmake_anim_y_axis() {\n\t\t// Animate Y AXIS to account for more or less axis lines\n\n\t\tconst old_pos = this.y_old_axis_values.map(value =>\n\t\t\tthis.zero_line - value * this.multiplier);\n\t\tconst new_pos = this.y_axis_values.map(value =>\n\t\t\tthis.zero_line - value * this.multiplier);\n\n\t\tconst old_vals = this.y_old_axis_values;\n\t\tconst new_vals = this.y_axis_values;\n\n\t\tconst last_line_pos = old_pos[old_pos.length - 1];\n\n\t\tthis.y_axis_group.textContent = '';\n\n\t\tthis.make_new_axis_anim_lines(\n\t\t\told_pos,\n\t\t\tnew_pos,\n\t\t\told_vals,\n\t\t\tnew_vals,\n\t\t\tlast_line_pos,\n\t\t\tthis.add_and_animate_y_line.bind(this),\n\t\t\tthis.y_axis_group\n\t\t);\n\t}\n\n\tmake_anim_y_specifics() {\n\t\tthis.specific_y_group.textContent = '';\n\t\tthis.specific_values.map((d) => {\n\t\t\tthis.add_and_animate_y_line(\n\t\t\t\td.title,\n\t\t\t\tthis.old_zero_line - d.value * this.old_multiplier,\n\t\t\t\tthis.zero_line - d.value * this.multiplier,\n\t\t\t\t0,\n\t\t\t\tthis.specific_y_group,\n\t\t\t\td.line_type,\n\t\t\t\ttrue\n\t\t\t);\n\t\t});\n\t}\n\n\tmake_new_axis_anim_lines(old_pos, new_pos, old_vals, new_vals, last_line_pos, add_and_animate_line, group) {\n\t\tlet superimposed_positions, superimposed_values;\n\t\tlet no_of_extras = new_vals.length - old_vals.length;\n\t\tif(no_of_extras > 0) {\n\t\t\t// More axis are needed\n\t\t\t// First make only the superimposed (same position) ones\n\t\t\t// Add in the extras at the end later\n\t\t\tsuperimposed_positions = new_pos.slice(0, old_pos.length);\n\t\t\tsuperimposed_values = new_vals.slice(0, old_vals.length);\n\t\t} else {\n\t\t\t// Axis have to be reduced\n\t\t\t// Fake it by moving all current extra axis to the last position\n\t\t\t// You'll need filler positions and values in the new arrays\n\t\t\tconst filler_vals = new Array(Math.abs(no_of_extras)).fill(\"\");\n\t\t\tsuperimposed_values = new_vals.concat(filler_vals);\n\n\t\t\tconst filler_pos = new Array(Math.abs(no_of_extras)).fill(last_line_pos + \"F\");\n\t\t\tsuperimposed_positions = new_pos.concat(filler_pos);\n\t\t}\n\n\t\tsuperimposed_values.map((value, i) => {\n\t\t\tadd_and_animate_line(value, old_pos[i], superimposed_positions[i], i, group);\n\t\t});\n\n\t\tif(no_of_extras > 0) {\n\t\t\t// Add in extra axis in the end\n\t\t\t// and then animate to new positions\n\t\t\tconst extra_values = new_vals.slice(old_vals.length);\n\t\t\tconst extra_positions = new_pos.slice(old_pos.length);\n\n\t\t\textra_values.map((value, i) => {\n\t\t\t\tadd_and_animate_line(value, last_line_pos, extra_positions[i], i, group);\n\t\t\t});\n\t\t}\n\t}\n\n\tmake_x_line(height, text_start_at, point, label_class, axis_line_class, x_pos) {\n\t\tlet line = $.createSVG('line', {\n\t\t\tx1: 0,\n\t\t\tx2: 0,\n\t\t\ty1: 0,\n\t\t\ty2: height\n\t\t});\n\n\t\tlet text = $.createSVG('text', {\n\t\t\tclassName: label_class,\n\t\t\tx: 0,\n\t\t\ty: text_start_at,\n\t\t\tdy: '.71em',\n\t\t\tinnerHTML: point\n\t\t});\n\n\t\tlet x_level = $.createSVG('g', {\n\t\t\tclassName: `tick ${axis_line_class}`,\n\t\t\ttransform: `translate(${ x_pos }, 0)`\n\t\t});\n\n\t\tx_level.appendChild(line);\n\t\tx_level.appendChild(text);\n\n\t\treturn x_level;\n\t}\n\n\tmake_y_line(start_at, width, text_end_at, point, label_class, axis_line_class, y_pos, darker=false, line_type=\"\") {\n\t\tlet line = $.createSVG('line', {\n\t\t\tclassName: line_type === \"dashed\" ? \"dashed\": \"\",\n\t\t\tx1: start_at,\n\t\t\tx2: width,\n\t\t\ty1: 0,\n\t\t\ty2: 0\n\t\t});\n\n\t\tlet text = $.createSVG('text', {\n\t\t\tclassName: label_class,\n\t\t\tx: text_end_at,\n\t\t\ty: 0,\n\t\t\tdy: '.32em',\n\t\t\tinnerHTML: point+\"\"\n\t\t});\n\n\t\tlet y_level = $.createSVG('g', {\n\t\t\tclassName: `tick ${axis_line_class}`,\n\t\t\ttransform: `translate(0, ${y_pos})`,\n\t\t\t'stroke-opacity': 1\n\t\t});\n\n\t\tif(darker) {\n\t\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\n\t\t}\n\n\t\ty_level.appendChild(line);\n\t\ty_level.appendChild(text);\n\n\t\treturn y_level;\n\t}\n\n\tadd_and_animate_y_line(value, old_pos, new_pos, i, group, type, specific=false) {\n\t\tlet filler = false;\n\t\tif(typeof new_pos === 'string') {\n\t\t\tnew_pos = parseInt(new_pos.substring(0, new_pos.length-1));\n\t\t\tfiller = true;\n\t\t}\n\t\tlet new_props = {transform: `0, ${ new_pos }`};\n\t\tlet old_props = {transform: `0, ${ old_pos }`};\n\n\t\tif(filler) {\n\t\t\tnew_props['stroke-opacity'] = 0;\n\t\t\t// old_props['stroke-opacity'] = 1;\n\t\t}\n\n\t\tlet [width, text_end_at, axis_line_class, start_at] = this.get_y_axis_line_props(specific);\n\t\tlet axis_label_class = !specific ? 'y-value-text' : 'specific-value';\n\t\tvalue = !specific ? value : (value+\"\").toUpperCase();\n\t\tconst y_line = this.make_y_line(\n\t\t\tstart_at,\n\t\t\twidth,\n\t\t\ttext_end_at,\n\t\t\tvalue,\n\t\t\taxis_label_class,\n\t\t\taxis_line_class,\n\t\t\told_pos,  // old position\n\t\t\t(value === 0 && i !== 0), // Non-first Zero line\n\t\t\ttype\n\t\t);\n\n\t\tgroup.appendChild(y_line);\n\n\t\tthis.elements_to_animate && this.elements_to_animate.push([\n\t\t\t{unit: y_line, array: [0], index: 0},\n\t\t\tnew_props,\n\t\t\t350,\n\t\t\t\"easein\",\n\t\t\t\"translate\",\n\t\t\told_props\n\t\t]);\n\t}\n\n\tget_y_axis_points(array) {\n\t\t//*** Where the magic happens ***\n\n\t\t// Calculates best-fit y intervals from given values\n\t\t// and returns the interval array\n\n\t\t// TODO: Fractions\n\n\t\tlet max_bound, min_bound, pos_no_of_parts, neg_no_of_parts, part_size; // eslint-disable-line no-unused-vars\n\n\t\t// Critical values\n\t\tlet max_val = parseInt(Math.max(...array));\n\t\tlet min_val = parseInt(Math.min(...array));\n\t\tif(min_val >= 0) {\n\t\t\tmin_val = 0;\n\t\t}\n\n\t\tlet get_params = (value1, value2) => {\n\t\t\tlet bound1, bound2, no_of_parts_1, no_of_parts_2, interval_size;\n\t\t\tif((value1+\"\").length <= 1) {\n\t\t\t\t[bound1, no_of_parts_1] = [10, 5];\n\t\t\t} else {\n\t\t\t\t[bound1, no_of_parts_1] = this.calc_upper_bound_and_no_of_parts(value1);\n\t\t\t}\n\n\t\t\tinterval_size = bound1 / no_of_parts_1;\n\t\t\tno_of_parts_2 = this.calc_no_of_parts(value2, interval_size);\n\t\t\tbound2 = no_of_parts_2 * interval_size;\n\n\t\t\treturn [bound1, bound2, no_of_parts_1, no_of_parts_2, interval_size];\n\t\t};\n\n\t\tconst abs_min_val = min_val * -1;\n\t\tif(abs_min_val <= max_val) {\n\t\t\t// Get the positive region intervals\n\t\t\t// then calc negative ones accordingly\n\t\t\t[max_bound, min_bound, pos_no_of_parts, neg_no_of_parts, part_size]\n\t\t\t\t= get_params(max_val, abs_min_val);\n\t\t\tif(abs_min_val === 0) {\n\t\t\t\tmin_bound = 0; neg_no_of_parts = 0;\n\t\t\t}\n\t\t} else {\n\t\t\t// Get the negative region here first\n\t\t\t[min_bound, max_bound, neg_no_of_parts, pos_no_of_parts, part_size]\n\t\t\t\t= get_params(abs_min_val, max_val);\n\t\t}\n\n\t\t// Make both region parts even\n\t\tif(pos_no_of_parts % 2 !== 0 && neg_no_of_parts > 0) pos_no_of_parts++;\n\t\tif(neg_no_of_parts % 2 !== 0) {\n\t\t\t// every increase in no_of_parts entails an increase in corresponding bound\n\t\t\t// except here, it happens implicitly after every calc_no_of_parts() call\n\t\t\tneg_no_of_parts++;\n\t\t\tmin_bound += part_size;\n\t\t}\n\n\t\tlet no_of_parts = pos_no_of_parts + neg_no_of_parts;\n\t\tif(no_of_parts > 5) {\n\t\t\tno_of_parts /= 2;\n\t\t\tpart_size *= 2;\n\n\t\t\tpos_no_of_parts /=2;\n\t\t}\n\n\t\tif (max_val < (pos_no_of_parts - 1) * part_size) {\n\t\t\tno_of_parts--;\n\t\t}\n\n\t\treturn this.get_intervals(\n\t\t\t(-1) * min_bound,\n\t\t\tpart_size,\n\t\t\tno_of_parts\n\t\t);\n\t}\n\n\tget_intervals(start, interval_size, count) {\n\t\tlet intervals = [];\n\t\tfor(var i = 0; i <= count; i++){\n\t\t\tintervals.push(start);\n\t\t\tstart += interval_size;\n\t\t}\n\t\treturn intervals;\n\t}\n\n\tcalc_upper_bound_and_no_of_parts(max_val) {\n\t\t// Given a positive value, calculates a nice-number upper bound\n\t\t// and a consequent optimal number of parts\n\n\t\tconst part_size = Math.pow(10, ((max_val+\"\").length - 1));\n\t\tconst no_of_parts = this.calc_no_of_parts(max_val, part_size);\n\n\t\t// Use it to get a nice even upper bound\n\t\tconst upper_bound = part_size * no_of_parts;\n\n\t\treturn [upper_bound, no_of_parts];\n\t}\n\n\tcalc_no_of_parts(value, divisor) {\n\t\t// value should be a positive number, divisor should be greater than 0\n\t\t// returns an even no of parts\n\t\tlet no_of_parts = Math.ceil(value / divisor);\n\t\tif(no_of_parts % 2 !== 0) no_of_parts++; // Make it an even number\n\n\t\treturn no_of_parts;\n\t}\n\n\tget_optimal_no_of_parts(no_of_parts) {\n\t\t// aka Divide by 2 if too large\n\t\treturn (no_of_parts < 5) ? no_of_parts : no_of_parts / 2;\n\t}\n\n\tset_avg_unit_width_and_x_offset() {\n\t\t// Set the ... you get it\n\t\tthis.avg_unit_width = this.width/(this.x.length - 1);\n\t\tthis.x_offset = 0;\n\t}\n\n\tget_all_y_values() {\n\t\tlet all_values = [];\n\n\t\t// Add in all the y values in the datasets\n\t\tthis.y.map(d => {\n\t\t\tall_values = all_values.concat(d.values);\n\t\t});\n\n\t\t// Add in all the specific values\n\t\treturn all_values.concat(this.specific_values.map(d => d.value));\n\t}\n\n\tcalc_y_dependencies() {\n\t\tthis.y_min_tops = new Array(this.x_axis_positions.length).fill(9999);\n\t\tthis.y.map(d => {\n\t\t\td.y_tops = d.values.map( val => float_2(this.zero_line - val * this.multiplier));\n\t\t\td.y_tops.map( (y_top, i) => {\n\t\t\t\tif(y_top < this.y_min_tops[i]) {\n\t\t\t\t\tthis.y_min_tops[i] = y_top;\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t\t// this.chart_wrapper.removeChild(this.tip.container);\n\t\t// this.make_tooltip();\n\t}\n\n\tget_bar_height_and_y_attr(y_top) {\n\t\tlet height, y;\n\t\tif (y_top <= this.zero_line) {\n\t\t\theight = this.zero_line - y_top;\n\t\t\ty = y_top;\n\n\t\t\t// In case of invisible bars\n\t\t\tif(height === 0) {\n\t\t\t\theight = this.height * 0.01;\n\t\t\t\ty -= height;\n\t\t\t}\n\t\t} else {\n\t\t\theight = y_top - this.zero_line;\n\t\t\ty = this.zero_line;\n\n\t\t\t// In case of invisible bars\n\t\t\tif(height === 0) {\n\t\t\t\theight = this.height * 0.01;\n\t\t\t}\n\t\t}\n\n\t\treturn [height, y];\n\t}\n\n\tsetup_utils() {\n\t\tthis.draw = {\n\t\t\t'bar': (x, y_top, args, color, index, dataset_index, no_of_datasets) => {\n\t\t\t\tlet total_width = this.avg_unit_width - args.space_width;\n\t\t\t\tlet start_x = x - total_width/2;\n\n\t\t\t\tlet width = total_width / no_of_datasets;\n\t\t\t\tlet current_x = start_x + width * dataset_index;\n\n\t\t\t\tlet [height, y] = this.get_bar_height_and_y_attr(y_top);\n\n\t\t\t\treturn $.createSVG('rect', {\n\t\t\t\t\tclassName: `bar mini fill ${color}`,\n\t\t\t\t\t'data-point-index': index,\n\t\t\t\t\tx: current_x,\n\t\t\t\t\ty: y,\n\t\t\t\t\twidth: width,\n\t\t\t\t\theight: height\n\t\t\t\t});\n\n\t\t\t},\n\t\t\t'dot': (x, y, args, color, index) => {\n\t\t\t\treturn $.createSVG('circle', {\n\t\t\t\t\tclassName: `fill ${color}`,\n\t\t\t\t\t'data-point-index': index,\n\t\t\t\t\tcx: x,\n\t\t\t\t\tcy: y,\n\t\t\t\t\tr: args.radius\n\t\t\t\t});\n\t\t\t}\n\t\t};\n\n\t\tthis.animate = {\n\t\t\t'bar': (bar_obj, x, y_top, index) => {\n\t\t\t\tlet start = x - this.avg_unit_width/4;\n\t\t\t\tlet width = (this.avg_unit_width/2)/this.y.length;\n\t\t\t\tlet [height, y] = this.get_bar_height_and_y_attr(y_top);\n\n\t\t\t\tx = start + (width * index);\n\n\t\t\t\treturn [bar_obj, {width: width, height: height, x: x, y: y}, 350, \"easein\"];\n\t\t\t\t// bar.animate({height: args.new_height, y: y_top}, 350, mina.easein);\n\t\t\t},\n\t\t\t'dot': (dot_obj, x, y_top) => {\n\t\t\t\treturn [dot_obj, {cx: x, cy: y_top}, 350, \"easein\"];\n\t\t\t\t// dot.animate({cy: y_top}, 350, mina.easein);\n\t\t\t}\n\t\t};\n\t}\n}\n","import AxisChart from './AxisChart';\n\nexport default class BarChart extends AxisChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\n\t\tthis.type = 'bar';\n\t\tthis.x_axis_mode = args.x_axis_mode || 'tick';\n\t\tthis.y_axis_mode = args.y_axis_mode || 'span';\n\t\tthis.setup();\n\t}\n\n\tsetup_values() {\n\t\tsuper.setup_values();\n\t\tthis.x_offset = this.avg_unit_width;\n\t\tthis.unit_args = {\n\t\t\ttype: 'bar',\n\t\t\targs: {\n\t\t\t\tspace_width: this.avg_unit_width/2,\n\t\t\t}\n\t\t};\n\t}\n\n\tmake_overlay() {\n\t\t// Just make one out of the first element\n\t\tlet index = this.x.length - 1;\n\t\tlet unit = this.y[0].svg_units[index];\n\t\tthis.update_current_data_point(index);\n\n\t\tif(this.overlay) {\n\t\t\tthis.overlay.parentNode.removeChild(this.overlay);\n\t\t}\n\n\t\tthis.overlay = unit.cloneNode();\n\t\tthis.overlay.style.fill = '#000000';\n\t\tthis.overlay.style.opacity = '0.4';\n\t\tthis.draw_area.appendChild(this.overlay);\n\t}\n\n\tbind_overlay() {\n\t\t// on event, update overlay\n\t\tthis.parent.addEventListener('data-select', (e) => {\n\t\t\tthis.update_overlay(e.svg_unit);\n\t\t});\n\t}\n\n\tbind_units(units_array) {\n\t\tunits_array.map(unit => {\n\t\t\tunit.addEventListener('click', () => {\n\t\t\t\tlet index = unit.getAttribute('data-point-index');\n\t\t\t\tthis.update_current_data_point(index);\n\t\t\t});\n\t\t});\n\t}\n\n\tupdate_overlay(unit) {\n\t\tlet attributes = [];\n\t\tObject.keys(unit.attributes).map(index => {\n\t\t\tattributes.push(unit.attributes[index]);\n\t\t});\n\n\t\tattributes.filter(attr => attr.specified).map(attr => {\n\t\t\tthis.overlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\t}\n\n\ton_left_arrow() {\n\t\tthis.update_current_data_point(this.current_index - 1);\n\t}\n\n\ton_right_arrow() {\n\t\tthis.update_current_data_point(this.current_index + 1);\n\t}\n\n\tset_avg_unit_width_and_x_offset() {\n\t\tthis.avg_unit_width = this.width/(this.x.length + 1);\n\t\tthis.x_offset = this.avg_unit_width;\n\t}\n}\n","import AxisChart from './AxisChart';\nimport $ from '../helpers/dom';\n\nexport default class LineChart extends AxisChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\n\t\tthis.x_axis_mode = args.x_axis_mode || 'span';\n\t\tthis.y_axis_mode = args.y_axis_mode || 'span';\n\n\t\tif(args.hasOwnProperty('show_dots')) {\n\t\t\tthis.show_dots = args.show_dots;\n\t\t} else {\n\t\t\tthis.show_dots = 1;\n\t\t}\n\t\tthis.region_fill = args.region_fill;\n\n\t\tif(Object.getPrototypeOf(this) !== LineChart.prototype) {\n\t\t\treturn;\n\t\t}\n\t\tthis.dot_radius = args.dot_radius || 4;\n\t\tthis.heatline = args.heatline;\n\t\tthis.type = 'line';\n\n\t\tthis.setup();\n\t}\n\n\tsetup_graph_components() {\n\t\tthis.setup_path_groups();\n\t\tsuper.setup_graph_components();\n\t}\n\n\tsetup_path_groups() {\n\t\tthis.paths_groups = [];\n\t\tthis.y.map((d, i) => {\n\t\t\tthis.paths_groups[i] = $.createSVG('g', {\n\t\t\t\tclassName: 'path-group path-group-' + i,\n\t\t\t\tinside: this.draw_area\n\t\t\t});\n\t\t});\n\t}\n\n\tsetup_values() {\n\t\tsuper.setup_values();\n\t\tthis.unit_args = {\n\t\t\ttype: 'dot',\n\t\t\targs: { radius: this.dot_radius }\n\t\t};\n\t}\n\n\tmake_new_units_for_dataset(x_values, y_values, color, dataset_index,\n\t\tno_of_datasets, units_group, units_array, unit) {\n\t\tif(this.show_dots) {\n\t\t\tsuper.make_new_units_for_dataset(x_values, y_values, color, dataset_index,\n\t\t\t\tno_of_datasets, units_group, units_array, unit);\n\t\t}\n\t}\n\n\tmake_paths() {\n\t\tthis.y.map((d, i) => {\n\t\t\tthis.make_path(d, i, this.x_axis_positions, d.y_tops, d.color || this.colors[i]);\n\t\t});\n\t}\n\n\tmake_path(d, i, x_positions, y_positions, color) {\n\t\tlet points_list = y_positions.map((y, i) => (x_positions[i] + ',' + y));\n\t\tlet points_str = points_list.join(\"L\");\n\n\t\tthis.paths_groups[i].textContent = '';\n\n\t\td.path = $.createSVG('path', {\n\t\t\tinside: this.paths_groups[i],\n\t\t\tclassName: `stroke ${color}`,\n\t\t\td: \"M\"+points_str\n\t\t});\n\n\t\tif(this.heatline) {\n\t\t\tlet gradient_id = this.make_gradient(color);\n\t\t\td.path.style.stroke = `url(#${gradient_id})`;\n\t\t}\n\n\t\tif(this.region_fill) {\n\t\t\tthis.fill_region_for_dataset(d, i, color, points_str);\n\t\t}\n\t}\n\n\tfill_region_for_dataset(d, i, color, points_str) {\n\t\tlet gradient_id = this.make_gradient(color, true);\n\n\t\td.region_path = $.createSVG('path', {\n\t\t\tinside: this.paths_groups[i],\n\t\t\tclassName: `region-fill`,\n\t\t\td: \"M\" + `0,${this.zero_line}L` + points_str + `L${this.width},${this.zero_line}`,\n\t\t});\n\n\t\td.region_path.style.stroke = \"none\";\n\t\td.region_path.style.fill = `url(#${gradient_id})`;\n\t}\n\n\tmake_gradient(color, lighter = false) {\n\t\tlet gradient_id ='path-fill-gradient' + '-' + color;\n\n\t\tlet gradient_def = $.createSVG('linearGradient', {\n\t\t\tinside: this.svg_defs,\n\t\t\tid: gradient_id,\n\t\t\tx1: 0,\n\t\t\tx2: 0,\n\t\t\ty1: 0,\n\t\t\ty2: 1\n\t\t});\n\n\t\tlet set_gradient_stop = (grad_elem, offset, color, opacity) => {\n\t\t\t$.createSVG('stop', {\n\t\t\t\t'className': 'stop-color ' + color,\n\t\t\t\t'inside': grad_elem,\n\t\t\t\t'offset': offset,\n\t\t\t\t'stop-opacity': opacity\n\t\t\t});\n\t\t};\n\n\t\tlet opacities = [1, 0.6, 0.2];\n\n\t\tif(lighter) {\n\t\t\topacities = [0.4, 0.2, 0];\n\t\t}\n\n\t\tset_gradient_stop(gradient_def, \"0%\", color, opacities[0]);\n\t\tset_gradient_stop(gradient_def, \"50%\", color, opacities[1]);\n\t\tset_gradient_stop(gradient_def, \"100%\", color, opacities[2]);\n\n\t\treturn gradient_id;\n\t}\n}\n","import LineChart from './LineChart';\n\nexport default class ScatterChart extends LineChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\n\t\tthis.type = 'scatter';\n\n\t\tif(!args.dot_radius) {\n\t\t\tthis.dot_radius = 8;\n\t\t} else {\n\t\t\tthis.dot_radius = args.dot_radius;\n\t\t}\n\n\t\tthis.setup();\n\t}\n\n\tsetup_graph_components() {\n\t\tthis.setup_path_groups();\n\t\tsuper.setup_graph_components();\n\t}\n\n\tsetup_path_groups() {}\n\n\tsetup_values() {\n\t\tsuper.setup_values();\n\t\tthis.unit_args = {\n\t\t\ttype: 'dot',\n\t\t\targs: { radius: this.dot_radius }\n\t\t};\n\t}\n\n\tmake_paths() {}\n\tmake_path() {}\n}\n","import BaseChart from './BaseChart';\nimport $ from '../helpers/dom';\n\nexport default class PercentageChart extends BaseChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\t\tthis.type = 'percentage';\n\n\t\tthis.get_y_label = this.format_lambdas.y_label;\n\t\tthis.get_x_tooltip = this.format_lambdas.x_tooltip;\n\t\tthis.get_y_tooltip = this.format_lambdas.y_tooltip;\n\n\t\tthis.max_slices = 10;\n\t\tthis.max_legend_points = 6;\n\n\t\tthis.colors = args.colors;\n\n\t\tif(!this.colors || this.colors.length < this.data.labels.length) {\n\t\t\tthis.colors = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t\t\t\t'yellow', 'green', 'light-green', 'purple', 'magenta'];\n\t\t}\n\n\t\tthis.setup();\n\t}\n\n\tmake_chart_area() {\n\t\tthis.chart_wrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.chart_wrapper.style.marginTop = '45px';\n\n\t\tthis.stats_wrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.stats_wrapper.style.marginBottom = '30px';\n\t\tthis.stats_wrapper.style.paddingTop = '0px';\n\t}\n\n\tmake_draw_area() {\n\t\tthis.chart_div = $.create('div', {\n\t\t\tclassName: 'div',\n\t\t\tinside: this.chart_wrapper\n\t\t});\n\n\t\tthis.chart = $.create('div', {\n\t\t\tclassName: 'progress-chart',\n\t\t\tinside: this.chart_div\n\t\t});\n\t}\n\n\tsetup_components() {\n\t\tthis.percentage_bar = $.create('div', {\n\t\t\tclassName: 'progress',\n\t\t\tinside: this.chart\n\t\t});\n\t}\n\n\tsetup_values() {\n\t\tthis.slice_totals = [];\n\t\tlet all_totals = this.data.labels.map((d, i) => {\n\t\t\tlet total = 0;\n\t\t\tthis.data.datasets.map(e => {\n\t\t\t\ttotal += e.values[i];\n\t\t\t});\n\t\t\treturn [total, d];\n\t\t}).filter(d => { return d[0] > 0; }); // keep only positive results\n\n\t\tlet totals = all_totals;\n\n\t\tif(all_totals.length > this.max_slices) {\n\t\t\tall_totals.sort((a, b) => { return b[0] - a[0]; });\n\n\t\t\ttotals = all_totals.slice(0, this.max_slices-1);\n\t\t\tlet others = all_totals.slice(this.max_slices-1);\n\n\t\t\tlet sum_of_others = 0;\n\t\t\tothers.map(d => {sum_of_others += d[0];});\n\n\t\t\ttotals.push([sum_of_others, 'Rest']);\n\n\t\t\tthis.colors[this.max_slices-1] = 'grey';\n\t\t}\n\n\t\tthis.labels = [];\n\t\ttotals.map(d => {\n\t\t\tthis.slice_totals.push(d[0]);\n\t\t\tthis.labels.push(d[1]);\n\t\t});\n\n\t\tthis.legend_totals = this.slice_totals.slice(0, this.max_legend_points);\n\t}\n\n\tsetup_utils() { }\n\n\tmake_graph_components() {\n\t\tthis.grand_total = this.slice_totals.reduce((a, b) => a + b, 0);\n\t\tthis.slices = [];\n\t\tthis.slice_totals.map((total, i) => {\n\t\t\tlet slice = $.create('div', {\n\t\t\t\tclassName: `progress-bar background ${this.colors[i]}`,\n\t\t\t\tinside: this.percentage_bar,\n\t\t\t\tstyles: {\n\t\t\t\t\twidth: total*100/this.grand_total + \"%\"\n\t\t\t\t}\n\t\t\t});\n\t\t\tthis.slices.push(slice);\n\t\t});\n\t}\n\n\tbind_tooltip() {\n\t\tthis.slices.map((slice, i) => {\n\t\t\tslice.addEventListener('mouseenter', () => {\n\t\t\t\tlet g_off = $.offset(this.chart_wrapper), p_off = $.offset(slice);\n\n\t\t\t\tlet x = p_off.left - g_off.left + slice.offsetWidth/2;\n\t\t\t\tlet y = p_off.top - g_off.top - 6;\n\t\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length>0\n\t\t\t\t\t? this.formatted_labels[i] : this.labels[i]) + ': ';\n\t\t\t\tlet percent = (this.slice_totals[i]*100/this.grand_total).toFixed(1);\n\n\t\t\t\tthis.tip.set_values(x, y, title, percent + \"%\");\n\t\t\t\tthis.tip.show_tip();\n\t\t\t});\n\t\t});\n\t}\n\n\tshow_summary() {\n\t\tlet x_values = this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t? this.formatted_labels : this.labels;\n\t\tthis.legend_totals.map((d, i) => {\n\t\t\tif(d) {\n\t\t\t\tlet stats = $.create('div', {\n\t\t\t\t\tclassName: 'stats',\n\t\t\t\t\tinside: this.stats_wrapper\n\t\t\t\t});\n\t\t\t\tstats.innerHTML = `<span class=\"indicator ${this.colors[i]}\">\n\t\t\t\t\t<span class=\"text-muted\">${x_values[i]}:</span>\n\t\t\t\t\t${d}\n\t\t\t\t</span>`;\n\t\t\t}\n\t\t});\n\t}\n}\n","import BaseChart from './BaseChart';\nimport $ from '../helpers/dom';\n\nexport default class Heatmap extends BaseChart {\n\tconstructor({\n\t\tstart = '',\n\t\tdomain = '',\n\t\tsubdomain = '',\n\t\tdata = {},\n\t\tdiscrete_domains = 0,\n\t\tcount_label = ''\n\t}) {\n\t\tsuper(arguments[0]);\n\n\t\tthis.type = 'heatmap';\n\n\t\tthis.domain = domain;\n\t\tthis.subdomain = subdomain;\n\t\tthis.data = data;\n\t\tthis.discrete_domains = discrete_domains;\n\t\tthis.count_label = count_label;\n\n\t\tlet today = new Date();\n\t\tthis.start = start || this.add_days(today, 365);\n\n\t\tthis.legend_colors = ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\n\n\t\tthis.translate_x = 0;\n\t\tthis.setup();\n\t}\n\n\tsetup_base_values() {\n\t\tthis.today = new Date();\n\n\t\tif(!this.start) {\n\t\t\tthis.start = new Date();\n\t\t\tthis.start.setFullYear( this.start.getFullYear() - 1 );\n\t\t}\n\t\tthis.first_week_start = new Date(this.start.toDateString());\n\t\tthis.last_week_start = new Date(this.today.toDateString());\n\t\tif(this.first_week_start.getDay() !== 7) {\n\t\t\tthis.add_days(this.first_week_start, (-1) * this.first_week_start.getDay());\n\t\t}\n\t\tif(this.last_week_start.getDay() !== 7) {\n\t\t\tthis.add_days(this.last_week_start, (-1) * this.last_week_start.getDay());\n\t\t}\n\t\tthis.no_of_cols = this.get_weeks_between(this.first_week_start + '', this.last_week_start + '') + 1;\n\t}\n\n\tset_width() {\n\t\tthis.base_width = (this.no_of_cols + 3) * 12 ;\n\n\t\tif(this.discrete_domains) {\n\t\t\tthis.base_width += (12 * 12);\n\t\t}\n\t}\n\n\tsetup_components() {\n\t\tthis.domain_label_group = $.createSVG(\"g\", {\n\t\t\tclassName: \"domain-label-group chart-label\",\n\t\t\tinside: this.draw_area\n\t\t});\n\t\tthis.data_groups = $.createSVG(\"g\", {\n\t\t\tclassName: \"data-groups\",\n\t\t\tinside: this.draw_area,\n\t\t\ttransform: `translate(0, 20)`\n\t\t});\n\t}\n\n\tsetup_values() {\n\t\tthis.domain_label_group.textContent = '';\n\t\tthis.data_groups.textContent = '';\n\t\tthis.distribution = this.get_distribution(this.data, this.legend_colors);\n\t\tthis.month_names = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n\t\t\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"\n\t\t];\n\n\t\tthis.render_all_weeks_and_store_x_values(this.no_of_cols);\n\t}\n\n\trender_all_weeks_and_store_x_values(no_of_weeks) {\n\t\tlet current_week_sunday = new Date(this.first_week_start);\n\t\tthis.week_col = 0;\n\t\tthis.current_month = current_week_sunday.getMonth();\n\n\t\tthis.months = [this.current_month + ''];\n\t\tthis.month_weeks = {}, this.month_start_points = [];\n\t\tthis.month_weeks[this.current_month] = 0;\n\t\tthis.month_start_points.push(13);\n\n\t\tfor(var i = 0; i < no_of_weeks; i++) {\n\t\t\tlet data_group, month_change = 0;\n\t\t\tlet day = new Date(current_week_sunday);\n\n\t\t\t[data_group, month_change] = this.get_week_squares_group(day, this.week_col);\n\t\t\tthis.data_groups.appendChild(data_group);\n\t\t\tthis.week_col += 1 + parseInt(this.discrete_domains && month_change);\n\t\t\tthis.month_weeks[this.current_month]++;\n\t\t\tif(month_change) {\n\t\t\t\tthis.current_month = (this.current_month + 1) % 12;\n\t\t\t\tthis.months.push(this.current_month + '');\n\t\t\t\tthis.month_weeks[this.current_month] = 1;\n\t\t\t}\n\t\t\tthis.add_days(current_week_sunday, 7);\n\t\t}\n\t\tthis.render_month_labels();\n\t}\n\n\tget_week_squares_group(current_date, index) {\n\t\tconst no_of_weekdays = 7;\n\t\tconst square_side = 10;\n\t\tconst cell_padding = 2;\n\t\tconst step = 1;\n\n\t\tlet month_change = 0;\n\t\tlet week_col_change = 0;\n\n\t\tlet data_group = $.createSVG(\"g\", {\n\t\t\tclassName: \"data-group\",\n\t\t\tinside: this.data_groups\n\t\t});\n\n\t\tfor(var y = 0, i = 0; i < no_of_weekdays; i += step, y += (square_side + cell_padding)) {\n\t\t\tlet data_value = 0;\n\t\t\tlet color_index = 0;\n\n\t\t\tlet current_timestamp = current_date.getTime()/1000;\n\t\t\tlet timestamp = Math.floor(current_timestamp - (current_timestamp % 86400)).toFixed(1);\n\n\t\t\tif(this.data[timestamp]) {\n\t\t\t\tdata_value = this.data[timestamp];\n\t\t\t\tcolor_index = this.get_max_checkpoint(data_value, this.distribution);\n\t\t\t}\n\n\t\t\tif(this.data[Math.round(timestamp)]) {\n\t\t\t\tdata_value = this.data[Math.round(timestamp)];\n\t\t\t\tcolor_index = this.get_max_checkpoint(data_value, this.distribution);\n\t\t\t}\n\n\t\t\tlet x = 13 + (index + week_col_change) * 12;\n\n\t\t\t$.createSVG(\"rect\", {\n\t\t\t\tclassName: 'day',\n\t\t\t\tinside: data_group,\n\t\t\t\tx: x,\n\t\t\t\ty: y,\n\t\t\t\twidth: square_side,\n\t\t\t\theight: square_side,\n\t\t\t\tfill:  this.legend_colors[color_index],\n\t\t\t\t'data-date': this.get_dd_mm_yyyy(current_date),\n\t\t\t\t'data-value': data_value,\n\t\t\t\t'data-day': current_date.getDay()\n\t\t\t});\n\n\t\t\tlet next_date = new Date(current_date);\n\t\t\tthis.add_days(next_date, 1);\n\t\t\tif(next_date.getMonth() - current_date.getMonth()) {\n\t\t\t\tmonth_change = 1;\n\t\t\t\tif(this.discrete_domains) {\n\t\t\t\t\tweek_col_change = 1;\n\t\t\t\t}\n\n\t\t\t\tthis.month_start_points.push(13 + (index + week_col_change) * 12);\n\t\t\t}\n\t\t\tcurrent_date = next_date;\n\t\t}\n\n\t\treturn [data_group, month_change];\n\t}\n\n\trender_month_labels() {\n\t\t// this.first_month_label = 1;\n\t\t// if (this.first_week_start.getDate() > 8) {\n\t\t// \tthis.first_month_label = 0;\n\t\t// }\n\t\t// this.last_month_label = 1;\n\n\t\t// let first_month = this.months.shift();\n\t\t// let first_month_start = this.month_start_points.shift();\n\t\t// render first month if\n\n\t\t// let last_month = this.months.pop();\n\t\t// let last_month_start = this.month_start_points.pop();\n\t\t// render last month if\n\n\t\tthis.months.shift();\n\t\tthis.month_start_points.shift();\n\t\tthis.months.pop();\n\t\tthis.month_start_points.pop();\n\n\t\tthis.month_start_points.map((start, i) => {\n\t\t\tlet month_name =  this.month_names[this.months[i]].substring(0, 3);\n\n\t\t\t$.createSVG('text', {\n\t\t\t\tclassName: 'y-value-text',\n\t\t\t\tinside: this.domain_label_group,\n\t\t\t\tx: start + 12,\n\t\t\t\ty: 10,\n\t\t\t\tdy: '.32em',\n\t\t\t\tinnerHTML: month_name\n\t\t\t});\n\n\t\t});\n\t}\n\n\tmake_graph_components() {\n\t\tArray.prototype.slice.call(\n\t\t\tthis.container.querySelectorAll('.graph-stats-container, .sub-title, .title')\n\t\t).map(d => {\n\t\t\td.style.display = 'None';\n\t\t});\n\t\tthis.chart_wrapper.style.marginTop = '0px';\n\t\tthis.chart_wrapper.style.paddingTop = '0px';\n\t}\n\n\tbind_tooltip() {\n\t\tArray.prototype.slice.call(\n\t\t\tdocument.querySelectorAll(\".data-group .day\")\n\t\t).map(el => {\n\t\t\tel.addEventListener('mouseenter', (e) => {\n\t\t\t\tlet count = e.target.getAttribute('data-value');\n\t\t\t\tlet date_parts = e.target.getAttribute('data-date').split('-');\n\n\t\t\t\tlet month = this.month_names[parseInt(date_parts[1])-1].substring(0, 3);\n\n\t\t\t\tlet g_off = this.chart_wrapper.getBoundingClientRect(), p_off = e.target.getBoundingClientRect();\n\n\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\tlet x = p_off.left - g_off.left + (width+2)/2;\n\t\t\t\tlet y = p_off.top - g_off.top - (width+2)/2;\n\t\t\t\tlet value = count + ' ' + this.count_label;\n\t\t\t\tlet name = ' on ' + month + ' ' + date_parts[0] + ', ' + date_parts[2];\n\n\t\t\t\tthis.tip.set_values(x, y, name, value, [], 1);\n\t\t\t\tthis.tip.show_tip();\n\t\t\t});\n\t\t});\n\t}\n\n\tupdate(data) {\n\t\tthis.data = data;\n\t\tthis.setup_values();\n\t\tthis.bind_tooltip();\n\t}\n\n\tget_distribution(data={}, mapper_array) {\n\t\tlet data_values = Object.keys(data).map(key => data[key]);\n\t\tlet data_max_value = Math.max(...data_values);\n\n\t\tlet distribution_step = 1 / (mapper_array.length - 1);\n\t\tlet distribution = [];\n\n\t\tmapper_array.map((color, i) => {\n\t\t\tlet checkpoint = data_max_value * (distribution_step * i);\n\t\t\tdistribution.push(checkpoint);\n\t\t});\n\n\t\treturn distribution;\n\t}\n\n\tget_max_checkpoint(value, distribution) {\n\t\treturn distribution.filter((d, i) => {\n\t\t\tif(i === 1) {\n\t\t\t\treturn distribution[0] < value;\n\t\t\t}\n\t\t\treturn d <= value;\n\t\t}).length - 1;\n\t}\n\n\t// TODO: date utils, move these out\n\n\t// https://stackoverflow.com/a/11252167/6495043\n\ttreat_as_utc(date_str) {\n\t\tlet result = new Date(date_str);\n\t\tresult.setMinutes(result.getMinutes() - result.getTimezoneOffset());\n\t\treturn result;\n\t}\n\n\tget_dd_mm_yyyy(date) {\n\t\tlet dd = date.getDate();\n\t\tlet mm = date.getMonth() + 1; // getMonth() is zero-based\n\t\treturn [\n\t\t\t(dd>9 ? '' : '0') + dd,\n\t\t\t(mm>9 ? '' : '0') + mm,\n\t\t\tdate.getFullYear()\n\t\t].join('-');\n\t}\n\n\tget_weeks_between(start_date_str, end_date_str) {\n\t\treturn Math.ceil(this.get_days_between(start_date_str, end_date_str) / 7);\n\t}\n\n\tget_days_between(start_date_str, end_date_str) {\n\t\tlet milliseconds_per_day = 24 * 60 * 60 * 1000;\n\t\treturn (this.treat_as_utc(end_date_str) - this.treat_as_utc(start_date_str)) / milliseconds_per_day;\n\t}\n\n\t// mutates\n\tadd_days(date, number_of_days) {\n\t\tdate.setDate(date.getDate() + number_of_days);\n\t}\n\n\tget_month_name() {}\n}\n"],"names":["expr","con","document","querySelector","float_2","d","parseFloat","toFixed","arrays_equal","arr1","arr2","length","are_equal","map","i","getChartByType","chartType","options","chartTypes","LineChart","$","findNodeIndex","node","previousSibling","create","tag","o","element","createElement","val","appendChild","ref","parentNode","insertBefore","keys","style","prop","setAttribute","createSVG","createElementNS","runSVGAnimation","svg_container","elements","new_elements","anim_elements","obj","parent","unit","anim_element","new_element","animateSVG","push","replaceChild","array","index","object","key","anim_svg","cloneNode","props","dur","easing_type","type","undefined","old_values","easing","attributeName","animate_element","current_value","getAttribute","value","anim_attr","offset","rect","getBoundingClientRect","top","documentElement","scrollTop","body","left","scrollLeft","isElementInViewport","el","bottom","window","innerHeight","clientHeight","right","innerWidth","clientWidth","bind","event","callback","split","forEach","addEventListener","unbind","removeEventListener","fire","target","properties","evt","createEvent","initEvent","j","dispatchEvent","SvgTip","title_name","title_value","list_values","title_value_first","x","y","setup","make_tooltip","fill","calc_position","container","this","hide_tip","title","data_point_list","innerHTML","set","li","color","offsetHeight","offsetWidth","max_left","pointer","delta","refresh","opacity","BaseChart","height","subtitle","format_lambdas","summary","is_navigable","has_legend","data","raw_chart_args","arguments","specific_values","current_index","chart_types","set_margins","includes","error","Chart","base_height","translate_x","translate_y","bind_window_events","_this","init","setup_base_values","set_width","setup_container","setup_components","setup_values","setup_utils","make_graph_components","show_custom_summary","show_summary","setup_navigation","special_values_width","_this2","get_strwidth","base_width","width","chart_wrapper","stats_wrapper","make_chart_area","make_draw_area","svg","svg_defs","draw_area","tip","bind_tooltip","stats","make_overlay","bind_overlay","e","_this4","keyCode","on_left_arrow","on_right_arrow","on_up_arrow","on_down_arrow","on_enter_key","data_point","data_key","slice","label","parseInt","get_data_point","string","AxisChart","args","labels","datasets","is_series","get_y_label","y_label","get_y_tooltip","y_tooltip","get_x_tooltip","x_tooltip","colors","zero_line","values","isNaN","setup_x","setup_y","set_avg_unit_width_and_x_offset","x_axis_positions","x_old_axis_positions","x_offset","avg_unit_width","y_axis_values","y_old_axis_values","get_all_y_values","y_sums","concat","get_y_axis_points","y_pts","value_range","multiplier","old_multiplier","zero_index","indexOf","interval_height","old_zero_line","setup_marker_components","setup_aggregation_components","setup_graph_components","y_axis_group","className","inside","x_axis_group","specific_y_group","sum_group","average_group","svg_units_groups","_this3","make_y_axis","make_x_axis","draw_graph","make_y_specifics","animate","start_at","text_start_at","axis_line_class","x_axis_mode","make_anim_x_axis","allowed_space","allowed_letters","textContent","point","space_taken","skips","make_x_line","make_anim_y_axis","make_anim_y_specifics","get_y_axis_line_props","text_end_at","_this5","make_y_line","y_axis_mode","hasOwnProperty","draw_new_graph_and_animate","svg_units","make_path","_this6","y_tops","make_new_units","calc_y_dependencies","Array","_this7","update_values","make_new_units_for_dataset","x_values","y_values","dataset_index","no_of_datasets","units_group","units_array","unit_args","data_unit","_this9","draw","bind_units","_this10","toUpperCase","line_type","_this11","relX","pageX","pageY","map_tooltip_x_position_and_show","y_min_tops","x_val","formatted","_this12","set_values","show_tip","updating","sum_units","_this13","old_specific_values","sum","average","indices_to_remove","auto","unshift","splice","new_y","new_x","elements_to_animate","old_x_values","old_y_axis_tops","old_y_values","no_of_extra_pts","_this16","animate_graphs","run_animation","y_point","x_point","data_set","removeChild","_this17","_this18","calc_old_and_new_postions","old_x","old_y","path","animate_path","animate_units","new_path_str","join","path_args","region_path","reg_start_pt","reg_end_pt","region_args","_this19","last_old_x_pos","last_old_y_pos","last_new_x_pos","last_new_y_pos","filler_x","Math","abs","filler_y","old_pos","new_pos","old_vals","new_vals","last_line_pos","make_new_axis_anim_lines","substring","x_line","_this20","transform","_this21","add_and_animate_y_line","_this22","add_and_animate_line","group","superimposed_positions","superimposed_values","no_of_extras","filler_vals","filler_pos","extra_values","extra_positions","label_class","x_pos","line","text","x_level","y_pos","darker","y_level","stroke","specific","filler","new_props","old_props","axis_label_class","y_line","min_bound","pos_no_of_parts","neg_no_of_parts","part_size","max_val","max","min_val","min","get_params","value1","value2","bound1","bound2","no_of_parts_1","no_of_parts_2","interval_size","_this23","calc_upper_bound_and_no_of_parts","calc_no_of_parts","abs_min_val","no_of_parts","get_intervals","start","count","intervals","pow","divisor","ceil","all_values","_this24","y_top","total_width","_this25","space_width","current_x","get_bar_height_and_y_attr","radius","bar_obj","dot_obj","cx","cy","BarChart","update_current_data_point","overlay","update_overlay","svg_unit","attributes","filter","attr","specified","name","nodeValue","show_dots","region_fill","Object","getPrototypeOf","prototype","dot_radius","heatline","setup_path_groups","paths_groups","x_positions","y_positions","points_str","gradient_id","make_gradient","fill_region_for_dataset","lighter","gradient_def","set_gradient_stop","grad_elem","opacities","ScatterChart","PercentageChart","max_slices","max_legend_points","marginTop","marginBottom","paddingTop","chart_div","chart","percentage_bar","slice_totals","all_totals","total","totals","sort","a","b","sum_of_others","legend_totals","grand_total","reduce","slices","g_off","p_off","formatted_labels","percent","Heatmap","domain","subdomain","discrete_domains","count_label","today","Date","add_days","legend_colors","setFullYear","getFullYear","first_week_start","toDateString","last_week_start","getDay","no_of_cols","get_weeks_between","domain_label_group","data_groups","distribution","get_distribution","month_names","render_all_weeks_and_store_x_values","no_of_weeks","current_week_sunday","week_col","current_month","getMonth","months","month_weeks","month_start_points","data_group","month_change","day","get_week_squares_group","render_month_labels","current_date","week_col_change","square_side","data_value","color_index","current_timestamp","getTime","timestamp","floor","get_max_checkpoint","round","get_dd_mm_yyyy","next_date","shift","pop","month_name","call","querySelectorAll","display","date_parts","month","mapper_array","data_values","data_max_value","distribution_step","checkpoint","date_str","result","setMinutes","getMinutes","getTimezoneOffset","date","dd","getDate","mm","start_date_str","end_date_str","get_days_between","treat_as_utc","number_of_days","setDate"],"mappings":"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"}
\ No newline at end of file
diff --git a/docs/assets/js/index.js b/docs/assets/js/index.js
index 57a9a73..b0f801f 100755
--- a/docs/assets/js/index.js
+++ b/docs/assets/js/index.js
@@ -373,24 +373,20 @@ Array.prototype.slice.call(
 	el.addEventListener('click', (e) => {
 		let btn = e.target;
 		let mode = btn.getAttribute('data-mode');
+		let discrete_domains = 0;
 
 		if(mode === 'discrete') {
-			new Chart({
-				parent: "#chart-heatmap",
-				data: heatmap_data,
-				type: 'heatmap',
-				height: 100,
-				discrete_domains: 1  // default 0
-			});
-		} else {
-			new Chart({
-				parent: "#chart-heatmap",
-				data: heatmap_data,
-				type: 'heatmap',
-				height: 100
-			});
+			discrete_domains = 1;
 		}
 
+		new Chart({
+			parent: "#chart-heatmap",
+			data: heatmap_data,
+			type: 'heatmap',
+			height: 115,
+			discrete_domains: discrete_domains
+		});
+
 		Array.prototype.slice.call(
 			btn.parentNode.querySelectorAll('button')).map(el => {
 			el.classList.remove('active');
diff --git a/src/scripts/charts/Heatmap.js b/src/scripts/charts/Heatmap.js
index 37c3d13..7e555ed 100644
--- a/src/scripts/charts/Heatmap.js
+++ b/src/scripts/charts/Heatmap.js
@@ -48,7 +48,7 @@ export default class Heatmap extends BaseChart {
 	}
 
 	set_width() {
-		this.base_width = (this.no_of_cols) * 12;
+		this.base_width = (this.no_of_cols + 3) * 12 ;
 
 		if(this.discrete_domains) {
 			this.base_width += (12 * 12);