From b8b58149a8b6ae4714e584a08df4eeb32849935b Mon Sep 17 00:00:00 2001 From: Niclas Ostberg Date: Fri, 23 Aug 2019 14:55:24 +0200 Subject: [PATCH 1/5] linechart spline option --- dist/frappe-charts.esm.js | 3957 ----------------------- dist/frappe-charts.min.cjs.js | 2 - dist/frappe-charts.min.cjs.js.map | 1 - dist/frappe-charts.min.css | 1 - dist/frappe-charts.min.esm.js | 2 - dist/frappe-charts.min.esm.js.map | 1 - dist/frappe-charts.min.iife.js | 2 - dist/frappe-charts.min.iife.js.map | 1 - docs/assets/js/data.js | 179 - docs/assets/js/demoConfig.js | 55 - docs/assets/js/frappe-charts.min.js | 2 - docs/assets/js/frappe-charts.min.js.map | 1 - docs/assets/js/highlight.pack.js | 2 - docs/assets/js/index.js | 373 --- docs/assets/js/index.min.js | 657 ---- docs/assets/js/index.min.js.map | 1 - 16 files changed, 5237 deletions(-) delete mode 100644 dist/frappe-charts.esm.js delete mode 100644 dist/frappe-charts.min.cjs.js delete mode 100644 dist/frappe-charts.min.cjs.js.map delete mode 100644 dist/frappe-charts.min.css delete mode 100644 dist/frappe-charts.min.esm.js delete mode 100644 dist/frappe-charts.min.esm.js.map delete mode 100644 dist/frappe-charts.min.iife.js delete mode 100644 dist/frappe-charts.min.iife.js.map delete mode 100644 docs/assets/js/data.js delete mode 100644 docs/assets/js/demoConfig.js delete mode 100644 docs/assets/js/frappe-charts.min.js delete mode 100644 docs/assets/js/frappe-charts.min.js.map delete mode 100755 docs/assets/js/highlight.pack.js delete mode 100755 docs/assets/js/index.js delete mode 100644 docs/assets/js/index.min.js delete mode 100644 docs/assets/js/index.min.js.map diff --git a/dist/frappe-charts.esm.js b/dist/frappe-charts.esm.js deleted file mode 100644 index 2482430..0000000 --- a/dist/frappe-charts.esm.js +++ /dev/null @@ -1,3957 +0,0 @@ -function $(expr, con) { - return typeof expr === "string"? (con || document).querySelector(expr) : expr || null; -} - - - -$.create = (tag, o) => { - var element = document.createElement(tag); - - for (var i in o) { - var val = o[i]; - - if (i === "inside") { - $(val).appendChild(element); - } - else if (i === "around") { - var ref = $(val); - ref.parentNode.insertBefore(element, ref); - element.appendChild(ref); - - } else if (i === "styles") { - if(typeof val === "object") { - Object.keys(val).map(prop => { - element.style[prop] = val[prop]; - }); - } - } else if (i in element ) { - element[i] = val; - } - else { - element.setAttribute(i, val); - } - } - - return element; -}; - -function getOffset(element) { - let rect = element.getBoundingClientRect(); - return { - // https://stackoverflow.com/a/7436602/6495043 - // rect.top varies with scroll, so we add whatever has been - // scrolled to it to get absolute distance from actual page top - top: rect.top + (document.documentElement.scrollTop || document.body.scrollTop), - left: rect.left + (document.documentElement.scrollLeft || document.body.scrollLeft) - }; -} - -function isElementInViewport(el) { - // Although straightforward: https://stackoverflow.com/a/7557433/6495043 - var rect = el.getBoundingClientRect(); - - return ( - rect.top >= 0 && - rect.left >= 0 && - rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */ - rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */ - ); -} - -function getElementContentWidth(element) { - var styles = window.getComputedStyle(element); - var padding = parseFloat(styles.paddingLeft) + - parseFloat(styles.paddingRight); - - return element.clientWidth - padding; -} - - - - - -function fire(target, type, properties) { - var evt = document.createEvent("HTMLEvents"); - - evt.initEvent(type, true, true ); - - for (var j in properties) { - evt[j] = properties[j]; - } - - return target.dispatchEvent(evt); -} - -// https://css-tricks.com/snippets/javascript/loop-queryselectorall-matches/ - -const BASE_MEASURES = { - margins: { - top: 10, - bottom: 10, - left: 20, - right: 20 - }, - paddings: { - top: 20, - bottom: 40, - left: 30, - right: 10 - }, - - baseHeight: 240, - titleHeight: 20, - legendHeight: 30, - - titleFontSize: 12, -}; - -function getTopOffset(m) { - return m.titleHeight + m.margins.top + m.paddings.top; -} - -function getLeftOffset(m) { - return m.margins.left + m.paddings.left; -} - -function getExtraHeight(m) { - let totalExtraHeight = m.margins.top + m.margins.bottom - + m.paddings.top + m.paddings.bottom - + m.titleHeight + m.legendHeight; - return totalExtraHeight; -} - -function getExtraWidth(m) { - let totalExtraWidth = m.margins.left + m.margins.right - + m.paddings.left + m.paddings.right; - - return totalExtraWidth; -} - -const INIT_CHART_UPDATE_TIMEOUT = 700; -const CHART_POST_ANIMATE_TIMEOUT = 400; - -const DEFAULT_AXIS_CHART_TYPE = 'line'; -const AXIS_DATASET_CHART_TYPES = ['line', 'bar']; - -const AXIS_LEGEND_BAR_SIZE = 100; - -const BAR_CHART_SPACE_RATIO = 0.5; -const MIN_BAR_PERCENT_HEIGHT = 0.00; - -const LINE_CHART_DOT_SIZE = 4; -const DOT_OVERLAY_SIZE_INCR = 4; - -const PERCENTAGE_BAR_DEFAULT_HEIGHT = 20; -const PERCENTAGE_BAR_DEFAULT_DEPTH = 2; - -// Fixed 5-color theme, -// More colors are difficult to parse visually -const HEATMAP_DISTRIBUTION_SIZE = 5; - -const HEATMAP_SQUARE_SIZE = 10; -const HEATMAP_GUTTER_SIZE = 2; - -const DEFAULT_CHAR_WIDTH = 7; - -const TOOLTIP_POINTER_TRIANGLE_HEIGHT = 5; - -const DEFAULT_CHART_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange', - 'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey']; -const HEATMAP_COLORS_GREEN = ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127']; - - - -const DEFAULT_COLORS = { - bar: DEFAULT_CHART_COLORS, - line: DEFAULT_CHART_COLORS, - pie: DEFAULT_CHART_COLORS, - percentage: DEFAULT_CHART_COLORS, - heatmap: HEATMAP_COLORS_GREEN, - donut: DEFAULT_CHART_COLORS -}; - -// Universal constants -const ANGLE_RATIO = Math.PI / 180; -const FULL_ANGLE = 360; - -class SvgTip { - constructor({ - parent = null, - colors = [] - }) { - this.parent = parent; - this.colors = colors; - this.titleName = ''; - this.titleValue = ''; - this.listValues = []; - this.titleValueFirst = 0; - - this.x = 0; - this.y = 0; - - this.top = 0; - this.left = 0; - - this.setup(); - } - - setup() { - this.makeTooltip(); - } - - refresh() { - this.fill(); - this.calcPosition(); - } - - makeTooltip() { - this.container = $.create('div', { - inside: this.parent, - className: 'graph-svg-tip comparison', - innerHTML: ` - -
` - }); - this.hideTip(); - - this.title = this.container.querySelector('.title'); - this.dataPointList = this.container.querySelector('.data-point-list'); - - this.parent.addEventListener('mouseleave', () => { - this.hideTip(); - }); - } - - fill() { - let title; - if(this.index) { - this.container.setAttribute('data-point-index', this.index); - } - if(this.titleValueFirst) { - title = `${this.titleValue}${this.titleName}`; - } else { - title = `${this.titleName}${this.titleValue}`; - } - this.title.innerHTML = title; - this.dataPointList.innerHTML = ''; - - this.listValues.map((set, i) => { - const color = this.colors[i] || 'black'; - let value = set.formatted === 0 || set.formatted ? set.formatted : set.value; - - let li = $.create('li', { - styles: { - 'border-top': `3px solid ${color}` - }, - innerHTML: `${ value === 0 || value ? value : '' } - ${set.title ? set.title : '' }` - }); - - this.dataPointList.appendChild(li); - }); - } - - calcPosition() { - let width = this.container.offsetWidth; - - this.top = this.y - this.container.offsetHeight - - TOOLTIP_POINTER_TRIANGLE_HEIGHT; - this.left = this.x - width/2; - let maxLeft = this.parent.offsetWidth - width; - - let pointer = this.container.querySelector('.svg-pointer'); - - if(this.left < 0) { - pointer.style.left = `calc(50% - ${-1 * this.left}px)`; - this.left = 0; - } else if(this.left > maxLeft) { - let delta = this.left - maxLeft; - let pointerOffset = `calc(50% + ${delta}px)`; - pointer.style.left = pointerOffset; - - this.left = maxLeft; - } else { - pointer.style.left = `50%`; - } - } - - setValues(x, y, title = {}, listValues = [], index = -1) { - this.titleName = title.name; - this.titleValue = title.value; - this.listValues = listValues; - this.x = x; - this.y = y; - this.titleValueFirst = title.valueFirst || 0; - this.index = index; - this.refresh(); - } - - hideTip() { - this.container.style.top = '0px'; - this.container.style.left = '0px'; - this.container.style.opacity = '0'; - } - - showTip() { - this.container.style.top = this.top + 'px'; - this.container.style.left = this.left + 'px'; - this.container.style.opacity = '1'; - } -} - -/** - * Returns the value of a number upto 2 decimal places. - * @param {Number} d Any number - */ -function floatTwo(d) { - return parseFloat(d.toFixed(2)); -} - -/** - * Returns whether or not two given arrays are equal. - * @param {Array} arr1 First array - * @param {Array} arr2 Second array - */ - - -/** - * Shuffles array in place. ES6 version - * @param {Array} array An array containing the items. - */ - - -/** - * Fill an array with extra points - * @param {Array} array Array - * @param {Number} count number of filler elements - * @param {Object} element element to fill with - * @param {Boolean} start fill at start? - */ -function fillArray(array, count, element, start=false) { - if(!element) { - element = start ? array[0] : array[array.length - 1]; - } - let fillerArray = new Array(Math.abs(count)).fill(element); - array = start ? fillerArray.concat(array) : array.concat(fillerArray); - return array; -} - -/** - * Returns pixel width of string. - * @param {String} string - * @param {Number} charWidth Width of single char in pixels - */ -function getStringWidth(string, charWidth) { - return (string+"").length * charWidth; -} - - - -// https://stackoverflow.com/a/29325222 - - -function getPositionByAngle(angle, radius) { - return { - x: Math.sin(angle * ANGLE_RATIO) * radius, - y: Math.cos(angle * ANGLE_RATIO) * radius, - }; -} - -function getBarHeightAndYAttr(yTop, zeroLine) { - let height, y; - if (yTop <= zeroLine) { - height = zeroLine - yTop; - y = yTop; - } else { - height = yTop - zeroLine; - y = zeroLine; - } - - return [height, y]; -} - -function equilizeNoOfElements(array1, array2, - extraCount = array2.length - array1.length) { - - // Doesn't work if either has zero elements. - if(extraCount > 0) { - array1 = fillArray(array1, extraCount); - } else { - array2 = fillArray(array2, extraCount); - } - return [array1, array2]; -} - -function truncateString(txt, len) { - if (!txt) { - return; - } - if (txt.length > len) { - return txt.slice(0, len-3) + '...'; - } else { - return txt; - } -} - -function shortenLargeNumber(label) { - let number; - if (typeof label === 'number') number = label; - else if (typeof label === 'string') { - number = Number(label); - if (Number.isNaN(number)) return label; - } - - // Using absolute since log wont work for negative numbers - let p = Math.floor(Math.log10(Math.abs(number))); - if (p <= 2) return number; // Return as is for a 3 digit number of less - let l = Math.floor(p / 3); - let shortened = (Math.pow(10, p - l * 3) * +(number / Math.pow(10, p)).toFixed(1)); - - // Correct for floating point error upto 2 decimal places - return Math.round(shortened*100)/100 + ' ' + ['', 'K', 'M', 'B', 'T'][l]; -} - -const PRESET_COLOR_MAP = { - 'light-blue': '#7cd6fd', - 'blue': '#5e64ff', - 'violet': '#743ee2', - 'red': '#ff5858', - 'orange': '#ffa00a', - 'yellow': '#feef72', - 'green': '#28a745', - 'light-green': '#98d85b', - 'purple': '#b554ff', - 'magenta': '#ffa3ef', - 'black': '#36114C', - 'grey': '#bdd3e6', - 'light-grey': '#f0f4f7', - 'dark-grey': '#b8c2cc' -}; - -function limitColor(r){ - if (r > 255) return 255; - else if (r < 0) return 0; - return r; -} - -function lightenDarkenColor(color, amt) { - let col = getColor(color); - let usePound = false; - if (col[0] == "#") { - col = col.slice(1); - usePound = true; - } - let num = parseInt(col,16); - let r = limitColor((num >> 16) + amt); - let b = limitColor(((num >> 8) & 0x00FF) + amt); - let g = limitColor((num & 0x0000FF) + amt); - return (usePound?"#":"") + (g | (b << 8) | (r << 16)).toString(16); -} - -function isValidColor(string) { - // https://stackoverflow.com/a/8027444/6495043 - return /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string); -} - -const getColor = (color) => { - return PRESET_COLOR_MAP[color] || color; -}; - -const AXIS_TICK_LENGTH = 6; -const LABEL_MARGIN = 4; -const LABEL_MAX_CHARS = 15; -const FONT_SIZE = 10; -const BASE_LINE_COLOR = '#dadada'; -const FONT_FILL = '#555b51'; - -function $$1(expr, con) { - return typeof expr === "string"? (con || document).querySelector(expr) : expr || null; -} - -function createSVG(tag, o) { - var element = document.createElementNS("http://www.w3.org/2000/svg", tag); - - for (var i in o) { - var val = o[i]; - - if (i === "inside") { - $$1(val).appendChild(element); - } - else if (i === "around") { - var ref = $$1(val); - ref.parentNode.insertBefore(element, ref); - element.appendChild(ref); - - } else if (i === "styles") { - if(typeof val === "object") { - Object.keys(val).map(prop => { - element.style[prop] = val[prop]; - }); - } - } else { - if(i === "className") { i = "class"; } - if(i === "innerHTML") { - element['textContent'] = val; - } else { - element.setAttribute(i, val); - } - } - } - - return element; -} - -function renderVerticalGradient(svgDefElem, gradientId) { - return createSVG('linearGradient', { - inside: svgDefElem, - id: gradientId, - x1: 0, - x2: 0, - y1: 0, - y2: 1 - }); -} - -function setGradientStop(gradElem, offset, color, opacity) { - return createSVG('stop', { - 'inside': gradElem, - 'style': `stop-color: ${color}`, - 'offset': offset, - 'stop-opacity': opacity - }); -} - -function makeSVGContainer(parent, className, width, height) { - return createSVG('svg', { - className: className, - inside: parent, - width: width, - height: height - }); -} - -function makeSVGDefs(svgContainer) { - return createSVG('defs', { - inside: svgContainer, - }); -} - -function makeSVGGroup(className, transform='', parent=undefined) { - let args = { - className: className, - transform: transform - }; - if(parent) args.inside = parent; - return createSVG('g', args); -} - - - -function makePath(pathStr, className='', stroke='none', fill='none', strokeWidth=2) { - return createSVG('path', { - className: className, - d: pathStr, - styles: { - stroke: stroke, - fill: fill, - 'stroke-width': strokeWidth - } - }); -} - -function makeArcPathStr(startPosition, endPosition, center, radius, clockWise=1, largeArc=0){ - let [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y]; - let [arcEndX, arcEndY] = [center.x + endPosition.x, center.y + endPosition.y]; - return `M${center.x} ${center.y} - L${arcStartX} ${arcStartY} - A ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0} - ${arcEndX} ${arcEndY} z`; -} - -function makeCircleStr(startPosition, endPosition, center, radius, clockWise=1, largeArc=0){ - let [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y]; - let [arcEndX, midArc, arcEndY] = [center.x + endPosition.x, center.y * 2, center.y + endPosition.y]; - return `M${center.x} ${center.y} - L${arcStartX} ${arcStartY} - A ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0} - ${arcEndX} ${midArc} z - L${arcStartX} ${midArc} - A ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0} - ${arcEndX} ${arcEndY} z`; -} - -function makeArcStrokePathStr(startPosition, endPosition, center, radius, clockWise=1, largeArc=0){ - let [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y]; - let [arcEndX, arcEndY] = [center.x + endPosition.x, center.y + endPosition.y]; - - return `M${arcStartX} ${arcStartY} - A ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0} - ${arcEndX} ${arcEndY}`; -} - -function makeStrokeCircleStr(startPosition, endPosition, center, radius, clockWise=1, largeArc=0){ - let [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y]; - let [arcEndX, midArc, arcEndY] = [center.x + endPosition.x, radius * 2 + arcStartY, center.y + startPosition.y]; - - return `M${arcStartX} ${arcStartY} - A ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0} - ${arcEndX} ${midArc} - M${arcStartX} ${midArc} - A ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0} - ${arcEndX} ${arcEndY}`; -} - -function makeGradient(svgDefElem, color, lighter = false) { - let gradientId ='path-fill-gradient' + '-' + color + '-' +(lighter ? 'lighter' : 'default'); - let gradientDef = renderVerticalGradient(svgDefElem, gradientId); - let opacities = [1, 0.6, 0.2]; - if(lighter) { - opacities = [0.4, 0.2, 0]; - } - - setGradientStop(gradientDef, "0%", color, opacities[0]); - setGradientStop(gradientDef, "50%", color, opacities[1]); - setGradientStop(gradientDef, "100%", color, opacities[2]); - - return gradientId; -} - -function percentageBar(x, y, width, height, - depth=PERCENTAGE_BAR_DEFAULT_DEPTH, fill='none') { - - let args = { - className: 'percentage-bar', - x: x, - y: y, - width: width, - height: height, - fill: fill, - styles: { - 'stroke': lightenDarkenColor(fill, -25), - // Diabolically good: https://stackoverflow.com/a/9000859 - // https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray - 'stroke-dasharray': `0, ${height + width}, ${width}, ${height}`, - 'stroke-width': depth - }, - }; - - return createSVG("rect", args); -} - -function heatSquare(className, x, y, size, fill='none', data={}) { - let args = { - className: className, - x: x, - y: y, - width: size, - height: size, - fill: fill - }; - - Object.keys(data).map(key => { - args[key] = data[key]; - }); - - return createSVG("rect", args); -} - -function legendBar(x, y, size, fill='none', label, truncate=false) { - label = truncate ? truncateString(label, LABEL_MAX_CHARS) : label; - - let args = { - className: 'legend-bar', - x: 0, - y: 0, - width: size, - height: '2px', - fill: fill - }; - let text = createSVG('text', { - className: 'legend-dataset-text', - x: 0, - y: 0, - dy: (FONT_SIZE * 2) + 'px', - 'font-size': (FONT_SIZE * 1.2) + 'px', - 'text-anchor': 'start', - fill: FONT_FILL, - innerHTML: label - }); - - let group = createSVG('g', { - transform: `translate(${x}, ${y})` - }); - group.appendChild(createSVG("rect", args)); - group.appendChild(text); - - return group; -} - -function legendDot(x, y, size, fill='none', label) { - let args = { - className: 'legend-dot', - cx: 0, - cy: 0, - r: size, - fill: fill - }; - let text = createSVG('text', { - className: 'legend-dataset-text', - x: 0, - y: 0, - dx: (FONT_SIZE) + 'px', - dy: (FONT_SIZE/3) + 'px', - 'font-size': (FONT_SIZE * 1.2) + 'px', - 'text-anchor': 'start', - fill: FONT_FILL, - innerHTML: label - }); - - let group = createSVG('g', { - transform: `translate(${x}, ${y})` - }); - group.appendChild(createSVG("circle", args)); - group.appendChild(text); - - return group; -} - -function makeText(className, x, y, content, options = {}) { - let fontSize = options.fontSize || FONT_SIZE; - let dy = options.dy !== undefined ? options.dy : (fontSize / 2); - let fill = options.fill || FONT_FILL; - let textAnchor = options.textAnchor || 'start'; - return createSVG('text', { - className: className, - x: x, - y: y, - dy: dy + 'px', - 'font-size': fontSize + 'px', - fill: fill, - 'text-anchor': textAnchor, - innerHTML: content - }); -} - -function makeVertLine(x, label, y1, y2, options={}) { - if(!options.stroke) options.stroke = BASE_LINE_COLOR; - let l = createSVG('line', { - className: 'line-vertical ' + options.className, - x1: 0, - x2: 0, - y1: y1, - y2: y2, - styles: { - stroke: options.stroke - } - }); - - let text = createSVG('text', { - x: 0, - y: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE, - dy: FONT_SIZE + 'px', - 'font-size': FONT_SIZE + 'px', - 'text-anchor': 'middle', - innerHTML: label + "" - }); - - let line = createSVG('g', { - transform: `translate(${ x }, 0)` - }); - - line.appendChild(l); - line.appendChild(text); - - return line; -} - -function makeHoriLine(y, label, x1, x2, options={}) { - if(!options.stroke) options.stroke = BASE_LINE_COLOR; - if(!options.lineType) options.lineType = ''; - if (options.shortenNumbers) label = shortenLargeNumber(label); - - let className = 'line-horizontal ' + options.className + - (options.lineType === "dashed" ? "dashed": ""); - - let l = createSVG('line', { - className: className, - x1: x1, - x2: x2, - y1: 0, - y2: 0, - styles: { - stroke: options.stroke - } - }); - - let text = createSVG('text', { - x: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN, - y: 0, - dy: (FONT_SIZE / 2 - 2) + 'px', - 'font-size': FONT_SIZE + 'px', - 'text-anchor': x1 < x2 ? 'end' : 'start', - innerHTML: label+"" - }); - - let line = createSVG('g', { - transform: `translate(0, ${y})`, - 'stroke-opacity': 1 - }); - - if(text === 0 || text === '0') { - line.style.stroke = "rgba(27, 31, 35, 0.6)"; - } - - line.appendChild(l); - line.appendChild(text); - - return line; -} - -function yLine(y, label, width, options={}) { - if(!options.pos) options.pos = 'left'; - if(!options.offset) options.offset = 0; - if(!options.mode) options.mode = 'span'; - if(!options.stroke) options.stroke = BASE_LINE_COLOR; - if(!options.className) options.className = ''; - - let x1 = -1 * AXIS_TICK_LENGTH; - let x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0; - - if(options.mode === 'tick' && options.pos === 'right') { - x1 = width + AXIS_TICK_LENGTH; - x2 = width; - } - - // let offset = options.pos === 'left' ? -1 * options.offset : options.offset; - - x1 += options.offset; - x2 += options.offset; - - return makeHoriLine(y, label, x1, x2, { - stroke: options.stroke, - className: options.className, - lineType: options.lineType, - shortenNumbers: options.shortenNumbers - }); -} - -function xLine(x, label, height, options={}) { - if(!options.pos) options.pos = 'bottom'; - if(!options.offset) options.offset = 0; - if(!options.mode) options.mode = 'span'; - if(!options.stroke) options.stroke = BASE_LINE_COLOR; - if(!options.className) options.className = ''; - - // Draw X axis line in span/tick mode with optional label - // y2(span) - // | - // | - // x line | - // | - // | - // ---------------------+-- y2(tick) - // | - // y1 - - let y1 = height + AXIS_TICK_LENGTH; - let y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : height; - - if(options.mode === 'tick' && options.pos === 'top') { - // top axis ticks - y1 = -1 * AXIS_TICK_LENGTH; - y2 = 0; - } - - return makeVertLine(x, label, y1, y2, { - stroke: options.stroke, - className: options.className, - lineType: options.lineType - }); -} - -function yMarker(y, label, width, options={}) { - if(!options.labelPos) options.labelPos = 'right'; - let x = options.labelPos === 'left' ? LABEL_MARGIN - : width - getStringWidth(label, 5) - LABEL_MARGIN; - - let labelSvg = createSVG('text', { - className: 'chart-label', - x: x, - y: 0, - dy: (FONT_SIZE / -2) + 'px', - 'font-size': FONT_SIZE + 'px', - 'text-anchor': 'start', - innerHTML: label+"" - }); - - let line = makeHoriLine(y, '', 0, width, { - stroke: options.stroke || BASE_LINE_COLOR, - className: options.className || '', - lineType: options.lineType - }); - - line.appendChild(labelSvg); - - return line; -} - -function yRegion(y1, y2, width, label, options={}) { - // return a group - let height = y1 - y2; - - let rect = createSVG('rect', { - className: `bar mini`, // remove class - styles: { - fill: `rgba(228, 234, 239, 0.49)`, - stroke: BASE_LINE_COLOR, - 'stroke-dasharray': `${width}, ${height}` - }, - // 'data-point-index': index, - x: 0, - y: 0, - width: width, - height: height - }); - - if(!options.labelPos) options.labelPos = 'right'; - let x = options.labelPos === 'left' ? LABEL_MARGIN - : width - getStringWidth(label+"", 4.5) - LABEL_MARGIN; - - let labelSvg = createSVG('text', { - className: 'chart-label', - x: x, - y: 0, - dy: (FONT_SIZE / -2) + 'px', - 'font-size': FONT_SIZE + 'px', - 'text-anchor': 'start', - innerHTML: label+"" - }); - - let region = createSVG('g', { - transform: `translate(0, ${y2})` - }); - - region.appendChild(rect); - region.appendChild(labelSvg); - - return region; -} - -function datasetBar(x, yTop, width, color, label='', index=0, offset=0, meta={}) { - let [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine); - y -= offset; - - if(height === 0) { - height = meta.minHeight; - y -= meta.minHeight; - } - - let rect = createSVG('rect', { - className: `bar mini`, - style: `fill: ${color}`, - 'data-point-index': index, - x: x, - y: y, - width: width, - height: height - }); - - label += ""; - - if(!label && !label.length) { - return rect; - } else { - rect.setAttribute('y', 0); - rect.setAttribute('x', 0); - let text = createSVG('text', { - className: 'data-point-value', - x: width/2, - y: 0, - dy: (FONT_SIZE / 2 * -1) + 'px', - 'font-size': FONT_SIZE + 'px', - 'text-anchor': 'middle', - innerHTML: label - }); - - let group = createSVG('g', { - 'data-point-index': index, - transform: `translate(${x}, ${y})` - }); - group.appendChild(rect); - group.appendChild(text); - - return group; - } -} - -function datasetDot(x, y, radius, color, label='', index=0) { - let dot = createSVG('circle', { - style: `fill: ${color}`, - 'data-point-index': index, - cx: x, - cy: y, - r: radius - }); - - label += ""; - - if(!label && !label.length) { - return dot; - } else { - dot.setAttribute('cy', 0); - dot.setAttribute('cx', 0); - - let text = createSVG('text', { - className: 'data-point-value', - x: 0, - y: 0, - dy: (FONT_SIZE / 2 * -1 - radius) + 'px', - 'font-size': FONT_SIZE + 'px', - 'text-anchor': 'middle', - innerHTML: label - }); - - let group = createSVG('g', { - 'data-point-index': index, - transform: `translate(${x}, ${y})` - }); - group.appendChild(dot); - group.appendChild(text); - - return group; - } -} - -function getPaths(xList, yList, color, options={}, meta={}) { - let pointsList = yList.map((y, i) => (xList[i] + ',' + y)); - let pointsStr = pointsList.join("L"); - let path = makePath("M"+pointsStr, 'line-graph-path', color); - - // HeatLine - if(options.heatline) { - let gradient_id = makeGradient(meta.svgDefs, color); - path.style.stroke = `url(#${gradient_id})`; - } - - let paths = { - path: path - }; - - // Region - if(options.regionFill) { - let gradient_id_region = makeGradient(meta.svgDefs, color, true); - - let pathStr = "M" + `${xList[0]},${meta.zeroLine}L` + pointsStr + `L${xList.slice(-1)[0]},${meta.zeroLine}`; - paths.region = makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`); - } - - return paths; -} - -let makeOverlay = { - 'bar': (unit) => { - let transformValue; - if(unit.nodeName !== 'rect') { - transformValue = unit.getAttribute('transform'); - unit = unit.childNodes[0]; - } - let overlay = unit.cloneNode(); - overlay.style.fill = '#000000'; - overlay.style.opacity = '0.4'; - - if(transformValue) { - overlay.setAttribute('transform', transformValue); - } - return overlay; - }, - - 'dot': (unit) => { - let transformValue; - if(unit.nodeName !== 'circle') { - transformValue = unit.getAttribute('transform'); - unit = unit.childNodes[0]; - } - let overlay = unit.cloneNode(); - let radius = unit.getAttribute('r'); - let fill = unit.getAttribute('fill'); - overlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR); - overlay.setAttribute('fill', fill); - overlay.style.opacity = '0.6'; - - if(transformValue) { - overlay.setAttribute('transform', transformValue); - } - return overlay; - }, - - 'heat_square': (unit) => { - let transformValue; - if(unit.nodeName !== 'circle') { - transformValue = unit.getAttribute('transform'); - unit = unit.childNodes[0]; - } - let overlay = unit.cloneNode(); - let radius = unit.getAttribute('r'); - let fill = unit.getAttribute('fill'); - overlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR); - overlay.setAttribute('fill', fill); - overlay.style.opacity = '0.6'; - - if(transformValue) { - overlay.setAttribute('transform', transformValue); - } - return overlay; - } -}; - -let updateOverlay = { - 'bar': (unit, overlay) => { - let transformValue; - if(unit.nodeName !== 'rect') { - transformValue = unit.getAttribute('transform'); - unit = unit.childNodes[0]; - } - let attributes = ['x', 'y', 'width', 'height']; - Object.values(unit.attributes) - .filter(attr => attributes.includes(attr.name) && attr.specified) - .map(attr => { - overlay.setAttribute(attr.name, attr.nodeValue); - }); - - if(transformValue) { - overlay.setAttribute('transform', transformValue); - } - }, - - 'dot': (unit, overlay) => { - let transformValue; - if(unit.nodeName !== 'circle') { - transformValue = unit.getAttribute('transform'); - unit = unit.childNodes[0]; - } - let attributes = ['cx', 'cy']; - Object.values(unit.attributes) - .filter(attr => attributes.includes(attr.name) && attr.specified) - .map(attr => { - overlay.setAttribute(attr.name, attr.nodeValue); - }); - - if(transformValue) { - overlay.setAttribute('transform', transformValue); - } - }, - - 'heat_square': (unit, overlay) => { - let transformValue; - if(unit.nodeName !== 'circle') { - transformValue = unit.getAttribute('transform'); - unit = unit.childNodes[0]; - } - let attributes = ['cx', 'cy']; - Object.values(unit.attributes) - .filter(attr => attributes.includes(attr.name) && attr.specified) - .map(attr => { - overlay.setAttribute(attr.name, attr.nodeValue); - }); - - if(transformValue) { - overlay.setAttribute('transform', transformValue); - } - }, -}; - -const UNIT_ANIM_DUR = 350; -const PATH_ANIM_DUR = 350; -const MARKER_LINE_ANIM_DUR = UNIT_ANIM_DUR; -const REPLACE_ALL_NEW_DUR = 250; - -const STD_EASING = 'easein'; - -function translate(unit, oldCoord, newCoord, duration) { - let old = typeof oldCoord === 'string' ? oldCoord : oldCoord.join(', '); - return [ - unit, - {transform: newCoord.join(', ')}, - duration, - STD_EASING, - "translate", - {transform: old} - ]; -} - -function translateVertLine(xLine, newX, oldX) { - return translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR); -} - -function translateHoriLine(yLine, newY, oldY) { - return translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR); -} - -function animateRegion(rectGroup, newY1, newY2, oldY2) { - let newHeight = newY1 - newY2; - let rect = rectGroup.childNodes[0]; - let width = rect.getAttribute("width"); - let rectAnim = [ - rect, - { height: newHeight, 'stroke-dasharray': `${width}, ${newHeight}` }, - MARKER_LINE_ANIM_DUR, - STD_EASING - ]; - - let groupAnim = translate(rectGroup, [0, oldY2], [0, newY2], MARKER_LINE_ANIM_DUR); - return [rectAnim, groupAnim]; -} - -function animateBar(bar, x, yTop, width, offset=0, meta={}) { - let [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine); - y -= offset; - if(bar.nodeName !== 'rect') { - let rect = bar.childNodes[0]; - let rectAnim = [ - rect, - {width: width, height: height}, - UNIT_ANIM_DUR, - STD_EASING - ]; - - let oldCoordStr = bar.getAttribute("transform").split("(")[1].slice(0, -1); - let groupAnim = translate(bar, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR); - return [rectAnim, groupAnim]; - } else { - return [[bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING]]; - } - // bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein); -} - -function animateDot(dot, x, y) { - if(dot.nodeName !== 'circle') { - let oldCoordStr = dot.getAttribute("transform").split("(")[1].slice(0, -1); - let groupAnim = translate(dot, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR); - return [groupAnim]; - } else { - return [[dot, {cx: x, cy: y}, UNIT_ANIM_DUR, STD_EASING]]; - } - // dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein); -} - -function animatePath(paths, newXList, newYList, zeroLine) { - let pathComponents = []; - - let pointsStr = newYList.map((y, i) => (newXList[i] + ',' + y)); - let pathStr = pointsStr.join("L"); - - const animPath = [paths.path, {d:"M"+pathStr}, PATH_ANIM_DUR, STD_EASING]; - pathComponents.push(animPath); - - if(paths.region) { - let regStartPt = `${newXList[0]},${zeroLine}L`; - let regEndPt = `L${newXList.slice(-1)[0]}, ${zeroLine}`; - - const animRegion = [ - paths.region, - {d:"M" + regStartPt + pathStr + regEndPt}, - PATH_ANIM_DUR, - STD_EASING - ]; - pathComponents.push(animRegion); - } - - return pathComponents; -} - -function animatePathStr(oldPath, pathStr) { - return [oldPath, {d: pathStr}, UNIT_ANIM_DUR, STD_EASING]; -} - -// Leveraging SMIL Animations - -const EASING = { - ease: "0.25 0.1 0.25 1", - linear: "0 0 1 1", - // easein: "0.42 0 1 1", - easein: "0.1 0.8 0.2 1", - easeout: "0 0 0.58 1", - easeinout: "0.42 0 0.58 1" -}; - -function animateSVGElement(element, props, dur, easingType="linear", type=undefined, oldValues={}) { - - let animElement = element.cloneNode(true); - let newElement = element.cloneNode(true); - - for(var attributeName in props) { - let animateElement; - if(attributeName === 'transform') { - animateElement = document.createElementNS("http://www.w3.org/2000/svg", "animateTransform"); - } else { - animateElement = document.createElementNS("http://www.w3.org/2000/svg", "animate"); - } - let currentValue = oldValues[attributeName] || element.getAttribute(attributeName); - let value = props[attributeName]; - - let animAttr = { - attributeName: attributeName, - from: currentValue, - to: value, - begin: "0s", - dur: dur/1000 + "s", - values: currentValue + ";" + value, - keySplines: EASING[easingType], - keyTimes: "0;1", - calcMode: "spline", - fill: 'freeze' - }; - - if(type) { - animAttr["type"] = type; - } - - for (var i in animAttr) { - animateElement.setAttribute(i, animAttr[i]); - } - - animElement.appendChild(animateElement); - - if(type) { - newElement.setAttribute(attributeName, `translate(${value})`); - } else { - newElement.setAttribute(attributeName, value); - } - } - - return [animElement, newElement]; -} - -function transform(element, style) { // eslint-disable-line no-unused-vars - element.style.transform = style; - element.style.webkitTransform = style; - element.style.msTransform = style; - element.style.mozTransform = style; - element.style.oTransform = style; -} - -function animateSVG(svgContainer, elements) { - let newElements = []; - let animElements = []; - - elements.map(element => { - let unit = element[0]; - let parent = unit.parentNode; - - let animElement, newElement; - - element[0] = unit; - [animElement, newElement] = animateSVGElement(...element); - - newElements.push(newElement); - animElements.push([animElement, parent]); - - parent.replaceChild(animElement, unit); - }); - - let animSvg = svgContainer.cloneNode(true); - - animElements.map((animElement, i) => { - animElement[1].replaceChild(newElements[i], animElement[0]); - elements[i][0] = newElements[i]; - }); - - return animSvg; -} - -function runSMILAnimation(parent, svgElement, elementsToAnimate) { - if(elementsToAnimate.length === 0) return; - - let animSvgElement = animateSVG(svgElement, elementsToAnimate); - if(svgElement.parentNode == parent) { - parent.removeChild(svgElement); - parent.appendChild(animSvgElement); - - } - - // Replace the new svgElement (data has already been replaced) - setTimeout(() => { - if(animSvgElement.parentNode == parent) { - parent.removeChild(animSvgElement); - parent.appendChild(svgElement); - } - }, REPLACE_ALL_NEW_DUR); -} - -const CSSTEXT = ".chart-container{position:relative;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .legend-dataset-text{fill:#6c7680;font-weight:600}.graph-svg-tip{position:absolute;z-index:99999;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.graph-svg-tip ul{padding-left:0;display:flex}.graph-svg-tip ol{padding-left:0;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:' ';border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}"; - -function downloadFile(filename, data) { - var a = document.createElement('a'); - a.style = "display: none"; - var blob = new Blob(data, {type: "image/svg+xml; charset=utf-8"}); - var url = window.URL.createObjectURL(blob); - a.href = url; - a.download = filename; - document.body.appendChild(a); - a.click(); - setTimeout(function(){ - document.body.removeChild(a); - window.URL.revokeObjectURL(url); - }, 300); -} - -function prepareForExport(svg) { - let clone = svg.cloneNode(true); - clone.classList.add('chart-container'); - clone.setAttribute('xmlns', "http://www.w3.org/2000/svg"); - clone.setAttribute('xmlns:xlink', "http://www.w3.org/1999/xlink"); - let styleEl = $.create('style', { - 'innerHTML': CSSTEXT - }); - clone.insertBefore(styleEl, clone.firstChild); - - let container = $.create('div'); - container.appendChild(clone); - - return container.innerHTML; -} - -let BOUND_DRAW_FN; - -class BaseChart { - constructor(parent, options) { - - this.parent = typeof parent === 'string' - ? document.querySelector(parent) - : parent; - - if (!(this.parent instanceof HTMLElement)) { - throw new Error('No `parent` element to render on was provided.'); - } - - this.rawChartArgs = options; - - this.title = options.title || ''; - this.type = options.type || ''; - - this.realData = this.prepareData(options.data); - this.data = this.prepareFirstData(this.realData); - - this.colors = this.validateColors(options.colors, this.type); - - this.config = { - showTooltip: 1, // calculate - showLegend: 1, // calculate - isNavigable: options.isNavigable || 0, - animate: 1, - truncateLegends: options.truncateLegends || 0 - }; - - this.measures = JSON.parse(JSON.stringify(BASE_MEASURES)); - let m = this.measures; - this.setMeasures(options); - if(!this.title.length) { m.titleHeight = 0; } - if(!this.config.showLegend) m.legendHeight = 0; - this.argHeight = options.height || m.baseHeight; - - this.state = {}; - this.options = {}; - - this.initTimeout = INIT_CHART_UPDATE_TIMEOUT; - - if(this.config.isNavigable) { - this.overlays = []; - } - - this.configure(options); - } - - prepareData(data) { - return data; - } - - prepareFirstData(data) { - return data; - } - - validateColors(colors, type) { - const validColors = []; - colors = (colors || []).concat(DEFAULT_COLORS[type]); - colors.forEach((string) => { - const color = getColor(string); - if(!isValidColor(color)) { - console.warn('"' + string + '" is not a valid color.'); - } else { - validColors.push(color); - } - }); - return validColors; - } - - setMeasures() { - // Override measures, including those for title and legend - // set config for legend and title - } - - configure() { - let height = this.argHeight; - this.baseHeight = height; - this.height = height - getExtraHeight(this.measures); - - // Bind window events - BOUND_DRAW_FN = this.boundDrawFn.bind(this); - window.addEventListener('resize', BOUND_DRAW_FN); - window.addEventListener('orientationchange', this.boundDrawFn.bind(this)); - } - - boundDrawFn() { - this.draw(true); - } - - unbindWindowEvents() { - window.removeEventListener('resize', BOUND_DRAW_FN); - window.removeEventListener('orientationchange', this.boundDrawFn.bind(this)); - } - - // Has to be called manually - setup() { - this.makeContainer(); - this.updateWidth(); - this.makeTooltip(); - - this.draw(false, true); - } - - makeContainer() { - // Chart needs a dedicated parent element - this.parent.innerHTML = ''; - - let args = { - inside: this.parent, - className: 'chart-container' - }; - - if(this.independentWidth) { - args.styles = { width: this.independentWidth + 'px' }; - } - - this.container = $.create('div', args); - } - - makeTooltip() { - this.tip = new SvgTip({ - parent: this.container, - colors: this.colors - }); - this.bindTooltip(); - } - - bindTooltip() {} - - draw(onlyWidthChange=false, init=false) { - this.updateWidth(); - - this.calc(onlyWidthChange); - this.makeChartArea(); - this.setupComponents(); - - this.components.forEach(c => c.setup(this.drawArea)); - // this.components.forEach(c => c.make()); - this.render(this.components, false); - - if(init) { - this.data = this.realData; - setTimeout(() => {this.update(this.data);}, this.initTimeout); - } - - this.renderLegend(); - - this.setupNavigation(init); - } - - calc() {} // builds state - - updateWidth() { - this.baseWidth = getElementContentWidth(this.parent); - this.width = this.baseWidth - getExtraWidth(this.measures); - } - - makeChartArea() { - if(this.svg) { - this.container.removeChild(this.svg); - } - let m = this.measures; - - this.svg = makeSVGContainer( - this.container, - 'frappe-chart chart', - this.baseWidth, - this.baseHeight - ); - this.svgDefs = makeSVGDefs(this.svg); - - if(this.title.length) { - this.titleEL = makeText( - 'title', - m.margins.left, - m.margins.top, - this.title, - { - fontSize: m.titleFontSize, - fill: '#666666', - dy: m.titleFontSize - } - ); - } - - let top = getTopOffset(m); - this.drawArea = makeSVGGroup( - this.type + '-chart chart-draw-area', - `translate(${getLeftOffset(m)}, ${top})` - ); - - if(this.config.showLegend) { - top += this.height + m.paddings.bottom; - this.legendArea = makeSVGGroup( - 'chart-legend', - `translate(${getLeftOffset(m)}, ${top})` - ); - } - - if(this.title.length) { this.svg.appendChild(this.titleEL); } - this.svg.appendChild(this.drawArea); - if(this.config.showLegend) { this.svg.appendChild(this.legendArea); } - - this.updateTipOffset(getLeftOffset(m), getTopOffset(m)); - } - - updateTipOffset(x, y) { - this.tip.offset = { - x: x, - y: y - }; - } - - setupComponents() { this.components = new Map(); } - - update(data) { - if(!data) { - console.error('No data to update.'); - } - this.data = this.prepareData(data); - this.calc(); // builds state - this.render(); - } - - render(components=this.components, animate=true) { - if(this.config.isNavigable) { - // Remove all existing overlays - this.overlays.map(o => o.parentNode.removeChild(o)); - // ref.parentNode.insertBefore(element, ref); - } - let elementsToAnimate = []; - // Can decouple to this.refreshComponents() first to save animation timeout - components.forEach(c => { - elementsToAnimate = elementsToAnimate.concat(c.update(animate)); - }); - if(elementsToAnimate.length > 0) { - runSMILAnimation(this.container, this.svg, elementsToAnimate); - setTimeout(() => { - components.forEach(c => c.make()); - this.updateNav(); - }, CHART_POST_ANIMATE_TIMEOUT); - } else { - components.forEach(c => c.make()); - this.updateNav(); - } - } - - updateNav() { - if(this.config.isNavigable) { - this.makeOverlay(); - this.bindUnits(); - } - } - - renderLegend() {} - - setupNavigation(init=false) { - if(!this.config.isNavigable) return; - - if(init) { - this.bindOverlay(); - - this.keyActions = { - '13': this.onEnterKey.bind(this), - '37': this.onLeftArrow.bind(this), - '38': this.onUpArrow.bind(this), - '39': this.onRightArrow.bind(this), - '40': this.onDownArrow.bind(this), - }; - - document.addEventListener('keydown', (e) => { - if(isElementInViewport(this.container)) { - e = e || window.event; - if(this.keyActions[e.keyCode]) { - this.keyActions[e.keyCode](); - } - } - }); - } - } - - makeOverlay() {} - updateOverlay() {} - bindOverlay() {} - bindUnits() {} - - onLeftArrow() {} - onRightArrow() {} - onUpArrow() {} - onDownArrow() {} - onEnterKey() {} - - addDataPoint() {} - removeDataPoint() {} - - getDataPoint() {} - setCurrentDataPoint() {} - - updateDataset() {} - - export() { - let chartSvg = prepareForExport(this.svg); - downloadFile(this.title || 'Chart', [chartSvg]); - } -} - -class AggregationChart extends BaseChart { - constructor(parent, args) { - super(parent, args); - } - - configure(args) { - super.configure(args); - - this.config.maxSlices = args.maxSlices || 20; - this.config.maxLegendPoints = args.maxLegendPoints || 20; - } - - calc() { - let s = this.state; - let maxSlices = this.config.maxSlices; - s.sliceTotals = []; - - let allTotals = this.data.labels.map((label, i) => { - let total = 0; - this.data.datasets.map(e => { - total += e.values[i]; - }); - return [total, label]; - }).filter(d => { return d[0] >= 0; }); // keep only positive results - - let totals = allTotals; - if(allTotals.length > maxSlices) { - // Prune and keep a grey area for rest as per maxSlices - allTotals.sort((a, b) => { return b[0] - a[0]; }); - - totals = allTotals.slice(0, maxSlices-1); - let remaining = allTotals.slice(maxSlices-1); - - let sumOfRemaining = 0; - remaining.map(d => {sumOfRemaining += d[0];}); - totals.push([sumOfRemaining, 'Rest']); - this.colors[maxSlices-1] = 'grey'; - } - - s.labels = []; - totals.map(d => { - s.sliceTotals.push(d[0]); - s.labels.push(d[1]); - }); - - s.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0); - - this.center = { - x: this.width / 2, - y: this.height / 2 - }; - } - - renderLegend() { - let s = this.state; - this.legendArea.textContent = ''; - this.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints); - - let count = 0; - let y = 0; - this.legendTotals.map((d, i) => { - let barWidth = 110; - let divisor = Math.floor( - (this.width - getExtraWidth(this.measures))/barWidth - ); - if (this.legendTotals.length < divisor) { - barWidth = this.width/this.legendTotals.length; - } - if(count > divisor) { - count = 0; - y += 20; - } - let x = barWidth * count + 5; - let dot = legendDot( - x, - y, - 5, - this.colors[i], - `${s.labels[i]}: ${d}` - ); - this.legendArea.appendChild(dot); - count++; - }); - } -} - -// Playing around with dates - -const NO_OF_YEAR_MONTHS = 12; -const NO_OF_DAYS_IN_WEEK = 7; - -const NO_OF_MILLIS = 1000; -const SEC_IN_DAY = 86400; - -const MONTH_NAMES = ["January", "February", "March", "April", "May", - "June", "July", "August", "September", "October", "November", "December"]; - - -const DAY_NAMES_SHORT = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"]; - - -// https://stackoverflow.com/a/11252167/6495043 -function treatAsUtc(date) { - let result = new Date(date); - result.setMinutes(result.getMinutes() - result.getTimezoneOffset()); - return result; -} - -function getYyyyMmDd(date) { - let dd = date.getDate(); - let mm = date.getMonth() + 1; // getMonth() is zero-based - return [ - date.getFullYear(), - (mm>9 ? '' : '0') + mm, - (dd>9 ? '' : '0') + dd - ].join('-'); -} - -function clone(date) { - return new Date(date.getTime()); -} - - - - - -// export function getMonthsBetween(startDate, endDate) {} - -function getWeeksBetween(startDate, endDate) { - let weekStartDate = setDayToSunday(startDate); - return Math.ceil(getDaysBetween(weekStartDate, endDate) / NO_OF_DAYS_IN_WEEK); -} - -function getDaysBetween(startDate, endDate) { - let millisecondsPerDay = SEC_IN_DAY * NO_OF_MILLIS; - return (treatAsUtc(endDate) - treatAsUtc(startDate)) / millisecondsPerDay; -} - -function areInSameMonth(startDate, endDate) { - return startDate.getMonth() === endDate.getMonth() - && startDate.getFullYear() === endDate.getFullYear(); -} - -function getMonthName(i, short=false) { - let monthName = MONTH_NAMES[i]; - return short ? monthName.slice(0, 3) : monthName; -} - -function getLastDateInMonth (month, year) { - return new Date(year, month + 1, 0); // 0: last day in previous month -} - -// mutates -function setDayToSunday(date) { - let newDate = clone(date); - const day = newDate.getDay(); - if(day !== 0) { - addDays(newDate, (-1) * day); - } - return newDate; -} - -// mutates -function addDays(date, numberOfDays) { - date.setDate(date.getDate() + numberOfDays); -} - -class ChartComponent { - constructor({ - layerClass = '', - layerTransform = '', - constants, - - getData, - makeElements, - animateElements - }) { - this.layerTransform = layerTransform; - this.constants = constants; - - this.makeElements = makeElements; - this.getData = getData; - - this.animateElements = animateElements; - - this.store = []; - this.labels = []; - - this.layerClass = layerClass; - this.layerClass = typeof(this.layerClass) === 'function' - ? this.layerClass() : this.layerClass; - - this.refresh(); - } - - refresh(data) { - this.data = data || this.getData(); - } - - setup(parent) { - this.layer = makeSVGGroup(this.layerClass, this.layerTransform, parent); - } - - make() { - this.render(this.data); - this.oldData = this.data; - } - - render(data) { - this.store = this.makeElements(data); - - this.layer.textContent = ''; - this.store.forEach(element => { - this.layer.appendChild(element); - }); - this.labels.forEach(element => { - this.layer.appendChild(element); - }); - } - - update(animate = true) { - this.refresh(); - let animateElements = []; - if(animate) { - animateElements = this.animateElements(this.data) || []; - } - return animateElements; - } -} - -let componentConfigs = { - donutSlices: { - layerClass: 'donut-slices', - makeElements(data) { - return data.sliceStrings.map((s, i) => { - let slice = makePath(s, 'donut-path', data.colors[i], 'none', data.strokeWidth); - slice.style.transition = 'transform .3s;'; - return slice; - }); - }, - - animateElements(newData) { - return this.store.map((slice, i) => animatePathStr(slice, newData.sliceStrings[i])); - }, - }, - pieSlices: { - layerClass: 'pie-slices', - makeElements(data) { - return data.sliceStrings.map((s, i) =>{ - let slice = makePath(s, 'pie-path', 'none', data.colors[i]); - slice.style.transition = 'transform .3s;'; - return slice; - }); - }, - - animateElements(newData) { - return this.store.map((slice, i) => - animatePathStr(slice, newData.sliceStrings[i]) - ); - } - }, - percentageBars: { - layerClass: 'percentage-bars', - makeElements(data) { - return data.xPositions.map((x, i) =>{ - let y = 0; - let bar = percentageBar(x, y, data.widths[i], - this.constants.barHeight, this.constants.barDepth, data.colors[i]); - return bar; - }); - }, - - animateElements(newData) { - if(newData) return []; - } - }, - yAxis: { - layerClass: 'y axis', - makeElements(data) { - return data.positions.map((position, i) => - yLine(position, data.labels[i], this.constants.width, - {mode: this.constants.mode, pos: this.constants.pos, shortenNumbers: this.constants.shortenNumbers}) - ); - }, - - animateElements(newData) { - let newPos = newData.positions; - let newLabels = newData.labels; - let oldPos = this.oldData.positions; - let oldLabels = this.oldData.labels; - - [oldPos, newPos] = equilizeNoOfElements(oldPos, newPos); - [oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels); - - this.render({ - positions: oldPos, - labels: newLabels - }); - - return this.store.map((line, i) => { - return translateHoriLine( - line, newPos[i], oldPos[i] - ); - }); - } - }, - - xAxis: { - layerClass: 'x axis', - makeElements(data) { - return data.positions.map((position, i) => - xLine(position, data.calcLabels[i], this.constants.height, - {mode: this.constants.mode, pos: this.constants.pos}) - ); - }, - - animateElements(newData) { - let newPos = newData.positions; - let newLabels = newData.calcLabels; - let oldPos = this.oldData.positions; - let oldLabels = this.oldData.calcLabels; - - [oldPos, newPos] = equilizeNoOfElements(oldPos, newPos); - [oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels); - - this.render({ - positions: oldPos, - calcLabels: newLabels - }); - - return this.store.map((line, i) => { - return translateVertLine( - line, newPos[i], oldPos[i] - ); - }); - } - }, - - yMarkers: { - layerClass: 'y-markers', - makeElements(data) { - return data.map(m => - yMarker(m.position, m.label, this.constants.width, - {labelPos: m.options.labelPos, mode: 'span', lineType: 'dashed'}) - ); - }, - animateElements(newData) { - [this.oldData, newData] = equilizeNoOfElements(this.oldData, newData); - - let newPos = newData.map(d => d.position); - let newLabels = newData.map(d => d.label); - let newOptions = newData.map(d => d.options); - - let oldPos = this.oldData.map(d => d.position); - - this.render(oldPos.map((pos, i) => { - return { - position: oldPos[i], - label: newLabels[i], - options: newOptions[i] - }; - })); - - return this.store.map((line, i) => { - return translateHoriLine( - line, newPos[i], oldPos[i] - ); - }); - } - }, - - yRegions: { - layerClass: 'y-regions', - makeElements(data) { - return data.map(r => - yRegion(r.startPos, r.endPos, this.constants.width, - r.label, {labelPos: r.options.labelPos}) - ); - }, - animateElements(newData) { - [this.oldData, newData] = equilizeNoOfElements(this.oldData, newData); - - let newPos = newData.map(d => d.endPos); - let newLabels = newData.map(d => d.label); - let newStarts = newData.map(d => d.startPos); - let newOptions = newData.map(d => d.options); - - let oldPos = this.oldData.map(d => d.endPos); - let oldStarts = this.oldData.map(d => d.startPos); - - this.render(oldPos.map((pos, i) => { - return { - startPos: oldStarts[i], - endPos: oldPos[i], - label: newLabels[i], - options: newOptions[i] - }; - })); - - let animateElements = []; - - this.store.map((rectGroup, i) => { - animateElements = animateElements.concat(animateRegion( - rectGroup, newStarts[i], newPos[i], oldPos[i] - )); - }); - - return animateElements; - } - }, - - heatDomain: { - layerClass: function() { return 'heat-domain domain-' + this.constants.index; }, - makeElements(data) { - let {index, colWidth, rowHeight, squareSize, xTranslate} = this.constants; - let monthNameHeight = -12; - let x = xTranslate, y = 0; - - this.serializedSubDomains = []; - - data.cols.map((week, weekNo) => { - if(weekNo === 1) { - this.labels.push( - makeText('domain-name', x, monthNameHeight, getMonthName(index, true).toUpperCase(), - { - fontSize: 9 - } - ) - ); - } - week.map((day, i) => { - if(day.fill) { - let data = { - 'data-date': day.yyyyMmDd, - 'data-value': day.dataValue, - 'data-day': i - }; - let square = heatSquare('day', x, y, squareSize, day.fill, data); - this.serializedSubDomains.push(square); - } - y += rowHeight; - }); - y = 0; - x += colWidth; - }); - - return this.serializedSubDomains; - }, - - animateElements(newData) { - if(newData) return []; - } - }, - - barGraph: { - layerClass: function() { return 'dataset-units dataset-bars dataset-' + this.constants.index; }, - makeElements(data) { - let c = this.constants; - this.unitType = 'bar'; - this.units = data.yPositions.map((y, j) => { - return datasetBar( - data.xPositions[j], - y, - data.barWidth, - c.color, - data.labels[j], - j, - data.offsets[j], - { - zeroLine: data.zeroLine, - barsWidth: data.barsWidth, - minHeight: c.minHeight - } - ); - }); - return this.units; - }, - animateElements(newData) { - let newXPos = newData.xPositions; - let newYPos = newData.yPositions; - let newOffsets = newData.offsets; - let newLabels = newData.labels; - - let oldXPos = this.oldData.xPositions; - let oldYPos = this.oldData.yPositions; - let oldOffsets = this.oldData.offsets; - let oldLabels = this.oldData.labels; - - [oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos); - [oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos); - [oldOffsets, newOffsets] = equilizeNoOfElements(oldOffsets, newOffsets); - [oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels); - - this.render({ - xPositions: oldXPos, - yPositions: oldYPos, - offsets: oldOffsets, - labels: newLabels, - - zeroLine: this.oldData.zeroLine, - barsWidth: this.oldData.barsWidth, - barWidth: this.oldData.barWidth, - }); - - let animateElements = []; - - this.store.map((bar, i) => { - animateElements = animateElements.concat(animateBar( - bar, newXPos[i], newYPos[i], newData.barWidth, newOffsets[i], - {zeroLine: newData.zeroLine} - )); - }); - - return animateElements; - } - }, - - lineGraph: { - layerClass: function() { return 'dataset-units dataset-line dataset-' + this.constants.index; }, - makeElements(data) { - let c = this.constants; - this.unitType = 'dot'; - this.paths = {}; - if(!c.hideLine) { - this.paths = getPaths( - data.xPositions, - data.yPositions, - c.color, - { - heatline: c.heatline, - regionFill: c.regionFill - }, - { - svgDefs: c.svgDefs, - zeroLine: data.zeroLine - } - ); - } - - this.units = []; - if(!c.hideDots) { - this.units = data.yPositions.map((y, j) => { - return datasetDot( - data.xPositions[j], - y, - data.radius, - c.color, - (c.valuesOverPoints ? data.values[j] : ''), - j - ); - }); - } - - return Object.values(this.paths).concat(this.units); - }, - animateElements(newData) { - let newXPos = newData.xPositions; - let newYPos = newData.yPositions; - let newValues = newData.values; - - let oldXPos = this.oldData.xPositions; - let oldYPos = this.oldData.yPositions; - let oldValues = this.oldData.values; - - [oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos); - [oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos); - [oldValues, newValues] = equilizeNoOfElements(oldValues, newValues); - - this.render({ - xPositions: oldXPos, - yPositions: oldYPos, - values: newValues, - - zeroLine: this.oldData.zeroLine, - radius: this.oldData.radius, - }); - - let animateElements = []; - - if(Object.keys(this.paths).length) { - animateElements = animateElements.concat(animatePath( - this.paths, newXPos, newYPos, newData.zeroLine)); - } - - if(this.units.length) { - this.units.map((dot, i) => { - animateElements = animateElements.concat(animateDot( - dot, newXPos[i], newYPos[i])); - }); - } - - return animateElements; - } - } -}; - -function getComponent(name, constants, getData) { - let keys = Object.keys(componentConfigs).filter(k => name.includes(k)); - let config = componentConfigs[keys[0]]; - Object.assign(config, { - constants: constants, - getData: getData - }); - return new ChartComponent(config); -} - -class PercentageChart extends AggregationChart { - constructor(parent, args) { - super(parent, args); - this.type = 'percentage'; - this.setup(); - } - - setMeasures(options) { - let m = this.measures; - this.barOptions = options.barOptions || {}; - - let b = this.barOptions; - b.height = b.height || PERCENTAGE_BAR_DEFAULT_HEIGHT; - b.depth = b.depth || PERCENTAGE_BAR_DEFAULT_DEPTH; - - m.paddings.right = 30; - m.legendHeight = 60; - m.baseHeight = (b.height + b.depth * 0.5) * 8; - } - - setupComponents() { - let s = this.state; - - let componentConfigs = [ - [ - 'percentageBars', - { - barHeight: this.barOptions.height, - barDepth: this.barOptions.depth, - }, - function() { - return { - xPositions: s.xPositions, - widths: s.widths, - colors: this.colors - }; - }.bind(this) - ] - ]; - - this.components = new Map(componentConfigs - .map(args => { - let component = getComponent(...args); - return [args[0], component]; - })); - } - - calc() { - super.calc(); - let s = this.state; - - s.xPositions = []; - s.widths = []; - - let xPos = 0; - s.sliceTotals.map((value) => { - let width = this.width * value / s.grandTotal; - s.widths.push(width); - s.xPositions.push(xPos); - xPos += width; - }); - } - - makeDataByIndex() { } - - bindTooltip() { - let s = this.state; - this.container.addEventListener('mousemove', (e) => { - let bars = this.components.get('percentageBars').store; - let bar = e.target; - if(bars.includes(bar)) { - - let i = bars.indexOf(bar); - let gOff = getOffset(this.container), pOff = getOffset(bar); - - let x = pOff.left - gOff.left + parseInt(bar.getAttribute('width'))/2; - let y = pOff.top - gOff.top; - let title = (this.formattedLabels && this.formattedLabels.length>0 - ? this.formattedLabels[i] : this.state.labels[i]) + ': '; - let fraction = s.sliceTotals[i]/s.grandTotal; - - this.tip.setValues(x, y, {name: title, value: (fraction*100).toFixed(1) + "%"}); - this.tip.showTip(); - } - }); - } -} - -class PieChart extends AggregationChart { - constructor(parent, args) { - super(parent, args); - this.type = 'pie'; - this.initTimeout = 0; - this.init = 1; - - this.setup(); - } - - configure(args) { - super.configure(args); - this.mouseMove = this.mouseMove.bind(this); - this.mouseLeave = this.mouseLeave.bind(this); - - this.hoverRadio = args.hoverRadio || 0.1; - this.config.startAngle = args.startAngle || 0; - - this.clockWise = args.clockWise || false; - } - - calc() { - super.calc(); - let s = this.state; - this.radius = (this.height > this.width ? this.center.x : this.center.y); - - const { radius, clockWise } = this; - - const prevSlicesProperties = s.slicesProperties || []; - s.sliceStrings = []; - s.slicesProperties = []; - let curAngle = 180 - this.config.startAngle; - s.sliceTotals.map((total, i) => { - const startAngle = curAngle; - const originDiffAngle = (total / s.grandTotal) * FULL_ANGLE; - const largeArc = originDiffAngle > 180 ? 1: 0; - const diffAngle = clockWise ? -originDiffAngle : originDiffAngle; - const endAngle = curAngle = curAngle + diffAngle; - const startPosition = getPositionByAngle(startAngle, radius); - const endPosition = getPositionByAngle(endAngle, radius); - - const prevProperty = this.init && prevSlicesProperties[i]; - - let curStart,curEnd; - if(this.init) { - curStart = prevProperty ? prevProperty.startPosition : startPosition; - curEnd = prevProperty ? prevProperty.endPosition : startPosition; - } else { - curStart = startPosition; - curEnd = endPosition; - } - const curPath = - originDiffAngle === 360 - ? makeCircleStr(curStart, curEnd, this.center, this.radius, clockWise, largeArc) - : makeArcPathStr(curStart, curEnd, this.center, this.radius, clockWise, largeArc); - - s.sliceStrings.push(curPath); - s.slicesProperties.push({ - startPosition, - endPosition, - value: total, - total: s.grandTotal, - startAngle, - endAngle, - angle: diffAngle - }); - - }); - this.init = 0; - } - - setupComponents() { - let s = this.state; - - let componentConfigs = [ - [ - 'pieSlices', - { }, - function() { - return { - sliceStrings: s.sliceStrings, - colors: this.colors - }; - }.bind(this) - ] - ]; - - this.components = new Map(componentConfigs - .map(args => { - let component = getComponent(...args); - return [args[0], component]; - })); - } - - calTranslateByAngle(property){ - const{radius,hoverRadio} = this; - const position = getPositionByAngle(property.startAngle+(property.angle / 2),radius); - return `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`; - } - - hoverSlice(path,i,flag,e){ - if(!path) return; - const color = this.colors[i]; - if(flag) { - transform(path, this.calTranslateByAngle(this.state.slicesProperties[i])); - path.style.fill = lightenDarkenColor(color, 50); - let g_off = getOffset(this.svg); - let x = e.pageX - g_off.left + 10; - let y = e.pageY - g_off.top - 10; - let title = (this.formatted_labels && this.formatted_labels.length > 0 - ? this.formatted_labels[i] : this.state.labels[i]) + ': '; - let percent = (this.state.sliceTotals[i] * 100 / this.state.grandTotal).toFixed(1); - this.tip.setValues(x, y, {name: title, value: percent + "%"}); - this.tip.showTip(); - } else { - transform(path,'translate3d(0,0,0)'); - this.tip.hideTip(); - path.style.fill = color; - } - } - - bindTooltip() { - this.container.addEventListener('mousemove', this.mouseMove); - this.container.addEventListener('mouseleave', this.mouseLeave); - } - - mouseMove(e){ - const target = e.target; - let slices = this.components.get('pieSlices').store; - let prevIndex = this.curActiveSliceIndex; - let prevAcitve = this.curActiveSlice; - if(slices.includes(target)) { - let i = slices.indexOf(target); - this.hoverSlice(prevAcitve, prevIndex,false); - this.curActiveSlice = target; - this.curActiveSliceIndex = i; - this.hoverSlice(target, i, true, e); - } else { - this.mouseLeave(); - } - } - - mouseLeave(){ - this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false); - } -} - -function normalize(x) { - // Calculates mantissa and exponent of a number - // Returns normalized number and exponent - // https://stackoverflow.com/q/9383593/6495043 - - if(x===0) { - return [0, 0]; - } - if(isNaN(x)) { - return {mantissa: -6755399441055744, exponent: 972}; - } - var sig = x > 0 ? 1 : -1; - if(!isFinite(x)) { - return {mantissa: sig * 4503599627370496, exponent: 972}; - } - - x = Math.abs(x); - var exp = Math.floor(Math.log10(x)); - var man = x/Math.pow(10, exp); - - return [sig * man, exp]; -} - -function getChartRangeIntervals(max, min=0) { - let upperBound = Math.ceil(max); - let lowerBound = Math.floor(min); - let range = upperBound - lowerBound; - - let noOfParts = range; - let partSize = 1; - - // To avoid too many partitions - if(range > 5) { - if(range % 2 !== 0) { - upperBound++; - // Recalc range - range = upperBound - lowerBound; - } - noOfParts = range/2; - partSize = 2; - } - - // Special case: 1 and 2 - if(range <= 2) { - noOfParts = 4; - partSize = range/noOfParts; - } - - // Special case: 0 - if(range === 0) { - noOfParts = 5; - partSize = 1; - } - - let intervals = []; - for(var i = 0; i <= noOfParts; i++){ - intervals.push(lowerBound + partSize * i); - } - return intervals; -} - -function getChartIntervals(maxValue, minValue=0) { - let [normalMaxValue, exponent] = normalize(maxValue); - let normalMinValue = minValue ? minValue/Math.pow(10, exponent): 0; - - // Allow only 7 significant digits - normalMaxValue = normalMaxValue.toFixed(6); - - let intervals = getChartRangeIntervals(normalMaxValue, normalMinValue); - intervals = intervals.map(value => value * Math.pow(10, exponent)); - return intervals; -} - -function calcChartIntervals(values, withMinimum=false) { - //*** Where the magic happens *** - - // Calculates best-fit y intervals from given values - // and returns the interval array - - let maxValue = Math.max(...values); - let minValue = Math.min(...values); - - // Exponent to be used for pretty print - let exponent = 0, intervals = []; // eslint-disable-line no-unused-vars - - function getPositiveFirstIntervals(maxValue, absMinValue) { - let intervals = getChartIntervals(maxValue); - - let intervalSize = intervals[1] - intervals[0]; - - // Then unshift the negative values - let value = 0; - for(var i = 1; value < absMinValue; i++) { - value += intervalSize; - intervals.unshift((-1) * value); - } - return intervals; - } - - // CASE I: Both non-negative - - if(maxValue >= 0 && minValue >= 0) { - exponent = normalize(maxValue)[1]; - if(!withMinimum) { - intervals = getChartIntervals(maxValue); - } else { - intervals = getChartIntervals(maxValue, minValue); - } - } - - // CASE II: Only minValue negative - - else if(maxValue > 0 && minValue < 0) { - // `withMinimum` irrelevant in this case, - // We'll be handling both sides of zero separately - // (both starting from zero) - // Because ceil() and floor() behave differently - // in those two regions - - let absMinValue = Math.abs(minValue); - - if(maxValue >= absMinValue) { - exponent = normalize(maxValue)[1]; - intervals = getPositiveFirstIntervals(maxValue, absMinValue); - } else { - // Mirror: maxValue => absMinValue, then change sign - exponent = normalize(absMinValue)[1]; - let posIntervals = getPositiveFirstIntervals(absMinValue, maxValue); - intervals = posIntervals.map(d => d * (-1)); - } - - } - - // CASE III: Both non-positive - - else if(maxValue <= 0 && minValue <= 0) { - // Mirrored Case I: - // Work with positives, then reverse the sign and array - - let pseudoMaxValue = Math.abs(minValue); - let pseudoMinValue = Math.abs(maxValue); - - exponent = normalize(pseudoMaxValue)[1]; - if(!withMinimum) { - intervals = getChartIntervals(pseudoMaxValue); - } else { - intervals = getChartIntervals(pseudoMaxValue, pseudoMinValue); - } - - intervals = intervals.reverse().map(d => d * (-1)); - } - - return intervals; -} - -function getZeroIndex(yPts) { - let zeroIndex; - let interval = getIntervalSize(yPts); - if(yPts.indexOf(0) >= 0) { - // the range has a given zero - // zero-line on the chart - zeroIndex = yPts.indexOf(0); - } else if(yPts[0] > 0) { - // Minimum value is positive - // zero-line is off the chart: below - let min = yPts[0]; - zeroIndex = (-1) * min / interval; - } else { - // Maximum value is negative - // zero-line is off the chart: above - let max = yPts[yPts.length - 1]; - zeroIndex = (-1) * max / interval + (yPts.length - 1); - } - return zeroIndex; -} - - - -function getIntervalSize(orderedArray) { - return orderedArray[1] - orderedArray[0]; -} - -function getValueRange(orderedArray) { - return orderedArray[orderedArray.length-1] - orderedArray[0]; -} - -function scale(val, yAxis) { - return floatTwo(yAxis.zeroLine - val * yAxis.scaleMultiplier); -} - - - - - -function getClosestInArray(goal, arr, index = false) { - let closest = arr.reduce(function(prev, curr) { - return (Math.abs(curr - goal) < Math.abs(prev - goal) ? curr : prev); - }); - - return index ? arr.indexOf(closest) : closest; -} - -function calcDistribution(values, distributionSize) { - // Assume non-negative values, - // implying distribution minimum at zero - - let dataMaxValue = Math.max(...values); - - let distributionStep = 1 / (distributionSize - 1); - let distribution = []; - - for(var i = 0; i < distributionSize; i++) { - let checkpoint = dataMaxValue * (distributionStep * i); - distribution.push(checkpoint); - } - - return distribution; -} - -function getMaxCheckpoint(value, distribution) { - return distribution.filter(d => d < value).length; -} - -const COL_WIDTH = HEATMAP_SQUARE_SIZE + HEATMAP_GUTTER_SIZE; -const ROW_HEIGHT = COL_WIDTH; -// const DAY_INCR = 1; - -class Heatmap extends BaseChart { - constructor(parent, options) { - super(parent, options); - this.type = 'heatmap'; - - this.countLabel = options.countLabel || ''; - - let validStarts = ['Sunday', 'Monday']; - let startSubDomain = validStarts.includes(options.startSubDomain) - ? options.startSubDomain : 'Sunday'; - this.startSubDomainIndex = validStarts.indexOf(startSubDomain); - - this.setup(); - } - - setMeasures(options) { - let m = this.measures; - this.discreteDomains = options.discreteDomains === 0 ? 0 : 1; - - m.paddings.top = ROW_HEIGHT * 3; - m.paddings.bottom = 0; - m.legendHeight = ROW_HEIGHT * 2; - m.baseHeight = ROW_HEIGHT * NO_OF_DAYS_IN_WEEK - + getExtraHeight(m); - - let d = this.data; - let spacing = this.discreteDomains ? NO_OF_YEAR_MONTHS : 0; - this.independentWidth = (getWeeksBetween(d.start, d.end) - + spacing) * COL_WIDTH + getExtraWidth(m); - } - - updateWidth() { - let spacing = this.discreteDomains ? NO_OF_YEAR_MONTHS : 0; - let noOfWeeks = this.state.noOfWeeks ? this.state.noOfWeeks : 52; - this.baseWidth = (noOfWeeks + spacing) * COL_WIDTH - + getExtraWidth(this.measures); - } - - prepareData(data=this.data) { - if(data.start && data.end && data.start > data.end) { - throw new Error('Start date cannot be greater than end date.'); - } - - if(!data.start) { - data.start = new Date(); - data.start.setFullYear( data.start.getFullYear() - 1 ); - } - if(!data.end) { data.end = new Date(); } - data.dataPoints = data.dataPoints || {}; - - if(parseInt(Object.keys(data.dataPoints)[0]) > 100000) { - let points = {}; - Object.keys(data.dataPoints).forEach(timestampSec$$1 => { - let date = new Date(timestampSec$$1 * NO_OF_MILLIS); - points[getYyyyMmDd(date)] = data.dataPoints[timestampSec$$1]; - }); - data.dataPoints = points; - } - - return data; - } - - calc() { - let s = this.state; - - s.start = clone(this.data.start); - s.end = clone(this.data.end); - - s.firstWeekStart = clone(s.start); - s.noOfWeeks = getWeeksBetween(s.start, s.end); - s.distribution = calcDistribution( - Object.values(this.data.dataPoints), HEATMAP_DISTRIBUTION_SIZE); - - s.domainConfigs = this.getDomains(); - } - - setupComponents() { - let s = this.state; - let lessCol = this.discreteDomains ? 0 : 1; - - let componentConfigs = s.domainConfigs.map((config, i) => [ - 'heatDomain', - { - index: config.index, - colWidth: COL_WIDTH, - rowHeight: ROW_HEIGHT, - squareSize: HEATMAP_SQUARE_SIZE, - xTranslate: s.domainConfigs - .filter((config, j) => j < i) - .map(config => config.cols.length - lessCol) - .reduce((a, b) => a + b, 0) - * COL_WIDTH - }, - function() { - return s.domainConfigs[i]; - }.bind(this) - - ]); - - this.components = new Map(componentConfigs - .map((args, i) => { - let component = getComponent(...args); - return [args[0] + '-' + i, component]; - }) - ); - - let y = 0; - DAY_NAMES_SHORT.forEach((dayName, i) => { - if([1, 3, 5].includes(i)) { - let dayText = makeText('subdomain-name', -COL_WIDTH/2, y, dayName, - { - fontSize: HEATMAP_SQUARE_SIZE, - dy: 8, - textAnchor: 'end' - } - ); - this.drawArea.appendChild(dayText); - } - y += ROW_HEIGHT; - }); - } - - update(data) { - if(!data) { - console.error('No data to update.'); - } - - this.data = this.prepareData(data); - this.draw(); - this.bindTooltip(); - } - - bindTooltip() { - this.container.addEventListener('mousemove', (e) => { - this.components.forEach(comp => { - let daySquares = comp.store; - let daySquare = e.target; - if(daySquares.includes(daySquare)) { - - let count = daySquare.getAttribute('data-value'); - let dateParts = daySquare.getAttribute('data-date').split('-'); - - let month = getMonthName(parseInt(dateParts[1])-1, true); - - let gOff = this.container.getBoundingClientRect(), pOff = daySquare.getBoundingClientRect(); - - let width = parseInt(e.target.getAttribute('width')); - let x = pOff.left - gOff.left + width/2; - let y = pOff.top - gOff.top; - let value = count + ' ' + this.countLabel; - let name = ' on ' + month + ' ' + dateParts[0] + ', ' + dateParts[2]; - - this.tip.setValues(x, y, {name: name, value: value, valueFirst: 1}, []); - this.tip.showTip(); - } - }); - }); - } - - renderLegend() { - this.legendArea.textContent = ''; - let x = 0; - let y = ROW_HEIGHT; - - let lessText = makeText('subdomain-name', x, y, 'Less', - { - fontSize: HEATMAP_SQUARE_SIZE + 1, - dy: 9 - } - ); - x = (COL_WIDTH * 2) + COL_WIDTH/2; - this.legendArea.appendChild(lessText); - - this.colors.slice(0, HEATMAP_DISTRIBUTION_SIZE).map((color, i) => { - const square = heatSquare('heatmap-legend-unit', x + (COL_WIDTH + 3) * i, - y, HEATMAP_SQUARE_SIZE, color); - this.legendArea.appendChild(square); - }); - - let moreTextX = x + HEATMAP_DISTRIBUTION_SIZE * (COL_WIDTH + 3) + COL_WIDTH/4; - let moreText = makeText('subdomain-name', moreTextX, y, 'More', - { - fontSize: HEATMAP_SQUARE_SIZE + 1, - dy: 9 - } - ); - this.legendArea.appendChild(moreText); - } - - getDomains() { - let s = this.state; - const [startMonth, startYear] = [s.start.getMonth(), s.start.getFullYear()]; - const [endMonth, endYear] = [s.end.getMonth(), s.end.getFullYear()]; - - const noOfMonths = (endMonth - startMonth + 1) + (endYear - startYear) * 12; - - let domainConfigs = []; - - let startOfMonth = clone(s.start); - for(var i = 0; i < noOfMonths; i++) { - let endDate = s.end; - if(!areInSameMonth(startOfMonth, s.end)) { - let [month, year] = [startOfMonth.getMonth(), startOfMonth.getFullYear()]; - endDate = getLastDateInMonth(month, year); - } - domainConfigs.push(this.getDomainConfig(startOfMonth, endDate)); - - addDays(endDate, 1); - startOfMonth = endDate; - } - - return domainConfigs; - } - - getDomainConfig(startDate, endDate='') { - let [month, year] = [startDate.getMonth(), startDate.getFullYear()]; - let startOfWeek = setDayToSunday(startDate); // TODO: Monday as well - endDate = clone(endDate) || getLastDateInMonth(month, year); - - let domainConfig = { - index: month, - cols: [] - }; - - addDays(endDate, 1); - let noOfMonthWeeks = getWeeksBetween(startOfWeek, endDate); - - let cols = [], col; - for(var i = 0; i < noOfMonthWeeks; i++) { - col = this.getCol(startOfWeek, month); - cols.push(col); - - startOfWeek = new Date(col[NO_OF_DAYS_IN_WEEK - 1].yyyyMmDd); - addDays(startOfWeek, 1); - } - - if(col[NO_OF_DAYS_IN_WEEK - 1].dataValue !== undefined) { - addDays(startOfWeek, 1); - cols.push(this.getCol(startOfWeek, month, true)); - } - - domainConfig.cols = cols; - - return domainConfig; - } - - getCol(startDate, month, empty = false) { - let s = this.state; - - // startDate is the start of week - let currentDate = clone(startDate); - let col = []; - - for(var i = 0; i < NO_OF_DAYS_IN_WEEK; i++, addDays(currentDate, 1)) { - let config = {}; - - // Non-generic adjustment for entire heatmap, needs state - let currentDateWithinData = currentDate >= s.start && currentDate <= s.end; - - if(empty || currentDate.getMonth() !== month || !currentDateWithinData) { - config.yyyyMmDd = getYyyyMmDd(currentDate); - } else { - config = this.getSubDomainConfig(currentDate); - } - col.push(config); - } - - return col; - } - - getSubDomainConfig(date) { - let yyyyMmDd = getYyyyMmDd(date); - let dataValue = this.data.dataPoints[yyyyMmDd]; - let config = { - yyyyMmDd: yyyyMmDd, - dataValue: dataValue || 0, - fill: this.colors[getMaxCheckpoint(dataValue, this.state.distribution)] - }; - return config; - } -} - -function dataPrep(data, type) { - data.labels = data.labels || []; - - let datasetLength = data.labels.length; - - // Datasets - let datasets = data.datasets; - let zeroArray = new Array(datasetLength).fill(0); - if(!datasets) { - // default - datasets = [{ - values: zeroArray - }]; - } - - datasets.map(d=> { - // Set values - if(!d.values) { - d.values = zeroArray; - } else { - // Check for non values - let vals = d.values; - vals = vals.map(val => (!isNaN(val) ? val : 0)); - - // Trim or extend - if(vals.length > datasetLength) { - vals = vals.slice(0, datasetLength); - } else { - vals = fillArray(vals, datasetLength - vals.length, 0); - } - } - - // Set labels - // - - // Set type - if(!d.chartType ) { - if(!AXIS_DATASET_CHART_TYPES.includes(type)) type === DEFAULT_AXIS_CHART_TYPE; - d.chartType = type; - } - - }); - - // Markers - - // Regions - // data.yRegions = data.yRegions || []; - if(data.yRegions) { - data.yRegions.map(d => { - if(d.end < d.start) { - [d.start, d.end] = [d.end, d.start]; - } - }); - } - - return data; -} - -function zeroDataPrep(realData) { - let datasetLength = realData.labels.length; - let zeroArray = new Array(datasetLength).fill(0); - - let zeroData = { - labels: realData.labels.slice(0, -1), - datasets: realData.datasets.map(d => { - return { - name: '', - values: zeroArray.slice(0, -1), - chartType: d.chartType - }; - }), - }; - - if(realData.yMarkers) { - zeroData.yMarkers = [ - { - value: 0, - label: '' - } - ]; - } - - if(realData.yRegions) { - zeroData.yRegions = [ - { - start: 0, - end: 0, - label: '' - } - ]; - } - - return zeroData; -} - -function getShortenedLabels(chartWidth, labels=[], isSeries=true) { - let allowedSpace = chartWidth / labels.length; - if(allowedSpace <= 0) allowedSpace = 1; - let allowedLetters = allowedSpace / DEFAULT_CHAR_WIDTH; - - let calcLabels = labels.map((label, i) => { - label += ""; - if(label.length > allowedLetters) { - - if(!isSeries) { - if(allowedLetters-3 > 0) { - label = label.slice(0, allowedLetters-3) + " ..."; - } else { - label = label.slice(0, allowedLetters) + '..'; - } - } else { - let multiple = Math.ceil(label.length/allowedLetters); - if(i % multiple !== 0) { - label = ""; - } - } - } - return label; - }); - - return calcLabels; -} - -class AxisChart extends BaseChart { - constructor(parent, args) { - super(parent, args); - - this.barOptions = args.barOptions || {}; - this.lineOptions = args.lineOptions || {}; - - this.type = args.type || 'line'; - this.init = 1; - - this.setup(); - } - - setMeasures() { - if(this.data.datasets.length <= 1) { - this.config.showLegend = 0; - this.measures.paddings.bottom = 30; - } - } - - configure(options) { - super.configure(options); - - options.axisOptions = options.axisOptions || {}; - options.tooltipOptions = options.tooltipOptions || {}; - - this.config.xAxisMode = options.axisOptions.xAxisMode || 'span'; - this.config.yAxisMode = options.axisOptions.yAxisMode || 'span'; - this.config.xIsSeries = options.axisOptions.xIsSeries || 0; - this.config.shortenYAxisNumbers = options.axisOptions.shortenYAxisNumbers || 0; - - this.config.formatTooltipX = options.tooltipOptions.formatTooltipX; - this.config.formatTooltipY = options.tooltipOptions.formatTooltipY; - - this.config.valuesOverPoints = options.valuesOverPoints; - } - - prepareData(data=this.data) { - return dataPrep(data, this.type); - } - - prepareFirstData(data=this.data) { - return zeroDataPrep(data); - } - - calc(onlyWidthChange = false) { - this.calcXPositions(); - if(!onlyWidthChange) { - this.calcYAxisParameters(this.getAllYValues(), this.type === 'line'); - } - this.makeDataByIndex(); - } - - calcXPositions() { - let s = this.state; - let labels = this.data.labels; - s.datasetLength = labels.length; - - s.unitWidth = this.width/(s.datasetLength); - // Default, as per bar, and mixed. Only line will be a special case - s.xOffset = s.unitWidth/2; - - // // For a pure Line Chart - // s.unitWidth = this.width/(s.datasetLength - 1); - // s.xOffset = 0; - - s.xAxis = { - labels: labels, - positions: labels.map((d, i) => - floatTwo(s.xOffset + i * s.unitWidth) - ) - }; - } - - calcYAxisParameters(dataValues, withMinimum = 'false') { - const yPts = calcChartIntervals(dataValues, withMinimum); - const scaleMultiplier = this.height / getValueRange(yPts); - const intervalHeight = getIntervalSize(yPts) * scaleMultiplier; - const zeroLine = this.height - (getZeroIndex(yPts) * intervalHeight); - - this.state.yAxis = { - labels: yPts, - positions: yPts.map(d => zeroLine - d * scaleMultiplier), - scaleMultiplier: scaleMultiplier, - zeroLine: zeroLine, - }; - - // Dependent if above changes - this.calcDatasetPoints(); - this.calcYExtremes(); - this.calcYRegions(); - } - - calcDatasetPoints() { - let s = this.state; - let scaleAll = values => values.map(val => scale(val, s.yAxis)); - - s.datasets = this.data.datasets.map((d, i) => { - let values = d.values; - let cumulativeYs = d.cumulativeYs || []; - return { - name: d.name, - index: i, - chartType: d.chartType, - - values: values, - yPositions: scaleAll(values), - - cumulativeYs: cumulativeYs, - cumulativeYPos: scaleAll(cumulativeYs), - }; - }); - } - - calcYExtremes() { - let s = this.state; - if(this.barOptions.stacked) { - s.yExtremes = s.datasets[s.datasets.length - 1].cumulativeYPos; - return; - } - s.yExtremes = new Array(s.datasetLength).fill(9999); - s.datasets.map(d => { - d.yPositions.map((pos, j) => { - if(pos < s.yExtremes[j]) { - s.yExtremes[j] = pos; - } - }); - }); - } - - calcYRegions() { - let s = this.state; - if(this.data.yMarkers) { - this.state.yMarkers = this.data.yMarkers.map(d => { - d.position = scale(d.value, s.yAxis); - if(!d.options) d.options = {}; - // if(!d.label.includes(':')) { - // d.label += ': ' + d.value; - // } - return d; - }); - } - if(this.data.yRegions) { - this.state.yRegions = this.data.yRegions.map(d => { - d.startPos = scale(d.start, s.yAxis); - d.endPos = scale(d.end, s.yAxis); - if(!d.options) d.options = {}; - return d; - }); - } - } - - getAllYValues() { - let key = 'values'; - - if(this.barOptions.stacked) { - key = 'cumulativeYs'; - let cumulative = new Array(this.state.datasetLength).fill(0); - this.data.datasets.map((d, i) => { - let values = this.data.datasets[i].values; - d[key] = cumulative = cumulative.map((c, i) => c + values[i]); - }); - } - - let allValueLists = this.data.datasets.map(d => d[key]); - if(this.data.yMarkers) { - allValueLists.push(this.data.yMarkers.map(d => d.value)); - } - if(this.data.yRegions) { - this.data.yRegions.map(d => { - allValueLists.push([d.end, d.start]); - }); - } - - return [].concat(...allValueLists); - } - - setupComponents() { - let componentConfigs = [ - [ - 'yAxis', - { - mode: this.config.yAxisMode, - width: this.width, - shortenNumbers: this.config.shortenYAxisNumbers - // pos: 'right' - }, - function() { - return this.state.yAxis; - }.bind(this) - ], - - [ - 'xAxis', - { - mode: this.config.xAxisMode, - height: this.height, - // pos: 'right' - }, - function() { - let s = this.state; - s.xAxis.calcLabels = getShortenedLabels(this.width, - s.xAxis.labels, this.config.xIsSeries); - - return s.xAxis; - }.bind(this) - ], - - [ - 'yRegions', - { - width: this.width, - pos: 'right' - }, - function() { - return this.state.yRegions; - }.bind(this) - ], - ]; - - let barDatasets = this.state.datasets.filter(d => d.chartType === 'bar'); - let lineDatasets = this.state.datasets.filter(d => d.chartType === 'line'); - - let barsConfigs = barDatasets.map(d => { - let index = d.index; - return [ - 'barGraph' + '-' + d.index, - { - index: index, - color: this.colors[index], - stacked: this.barOptions.stacked, - - // same for all datasets - valuesOverPoints: this.config.valuesOverPoints, - minHeight: this.height * MIN_BAR_PERCENT_HEIGHT, - }, - function() { - let s = this.state; - let d = s.datasets[index]; - let stacked = this.barOptions.stacked; - - let spaceRatio = this.barOptions.spaceRatio || BAR_CHART_SPACE_RATIO; - let barsWidth = s.unitWidth * (1 - spaceRatio); - let barWidth = barsWidth/(stacked ? 1 : barDatasets.length); - - let xPositions = s.xAxis.positions.map(x => x - barsWidth/2); - if(!stacked) { - xPositions = xPositions.map(p => p + barWidth * index); - } - - let labels = new Array(s.datasetLength).fill(''); - if(this.config.valuesOverPoints) { - if(stacked && d.index === s.datasets.length - 1) { - labels = d.cumulativeYs; - } else { - labels = d.values; - } - } - - let offsets = new Array(s.datasetLength).fill(0); - if(stacked) { - offsets = d.yPositions.map((y, j) => y - d.cumulativeYPos[j]); - } - - return { - xPositions: xPositions, - yPositions: d.yPositions, - offsets: offsets, - // values: d.values, - labels: labels, - - zeroLine: s.yAxis.zeroLine, - barsWidth: barsWidth, - barWidth: barWidth, - }; - }.bind(this) - ]; - }); - - let lineConfigs = lineDatasets.map(d => { - let index = d.index; - return [ - 'lineGraph' + '-' + d.index, - { - index: index, - color: this.colors[index], - svgDefs: this.svgDefs, - heatline: this.lineOptions.heatline, - regionFill: this.lineOptions.regionFill, - hideDots: this.lineOptions.hideDots, - hideLine: this.lineOptions.hideLine, - - // same for all datasets - valuesOverPoints: this.config.valuesOverPoints, - }, - function() { - let s = this.state; - let d = s.datasets[index]; - let minLine = s.yAxis.positions[0] < s.yAxis.zeroLine - ? s.yAxis.positions[0] : s.yAxis.zeroLine; - - return { - xPositions: s.xAxis.positions, - yPositions: d.yPositions, - - values: d.values, - - zeroLine: minLine, - radius: this.lineOptions.dotSize || LINE_CHART_DOT_SIZE, - }; - }.bind(this) - ]; - }); - - let markerConfigs = [ - [ - 'yMarkers', - { - width: this.width, - pos: 'right' - }, - function() { - return this.state.yMarkers; - }.bind(this) - ] - ]; - - componentConfigs = componentConfigs.concat(barsConfigs, lineConfigs, markerConfigs); - - let optionals = ['yMarkers', 'yRegions']; - this.dataUnitComponents = []; - - this.components = new Map(componentConfigs - .filter(args => !optionals.includes(args[0]) || this.state[args[0]]) - .map(args => { - let component = getComponent(...args); - if(args[0].includes('lineGraph') || args[0].includes('barGraph')) { - this.dataUnitComponents.push(component); - } - return [args[0], component]; - })); - } - - makeDataByIndex() { - this.dataByIndex = {}; - - let s = this.state; - let formatX = this.config.formatTooltipX; - let formatY = this.config.formatTooltipY; - let titles = s.xAxis.labels; - - titles.map((label, index) => { - let values = this.state.datasets.map((set, i) => { - let value = set.values[index]; - return { - title: set.name, - value: value, - yPos: set.yPositions[index], - color: this.colors[i], - formatted: formatY ? formatY(value) : value, - }; - }); - - this.dataByIndex[index] = { - label: label, - formattedLabel: formatX ? formatX(label) : label, - xPos: s.xAxis.positions[index], - values: values, - yExtreme: s.yExtremes[index], - }; - }); - } - - bindTooltip() { - // NOTE: could be in tooltip itself, as it is a given functionality for its parent - this.container.addEventListener('mousemove', (e) => { - let m = this.measures; - let o = getOffset(this.container); - let relX = e.pageX - o.left - getLeftOffset(m); - let relY = e.pageY - o.top; - - if(relY < this.height + getTopOffset(m) - && relY > getTopOffset(m)) { - this.mapTooltipXPosition(relX); - } else { - this.tip.hideTip(); - } - }); - } - - mapTooltipXPosition(relX) { - let s = this.state; - if(!s.yExtremes) return; - - let index = getClosestInArray(relX, s.xAxis.positions, true); - let dbi = this.dataByIndex[index]; - - this.tip.setValues( - dbi.xPos + this.tip.offset.x, - dbi.yExtreme + this.tip.offset.y, - {name: dbi.formattedLabel, value: ''}, - dbi.values, - index - ); - - this.tip.showTip(); - } - - renderLegend() { - let s = this.data; - if(s.datasets.length > 1) { - this.legendArea.textContent = ''; - s.datasets.map((d, i) => { - let barWidth = AXIS_LEGEND_BAR_SIZE; - // let rightEndPoint = this.baseWidth - this.measures.margins.left - this.measures.margins.right; - // let multiplier = s.datasets.length - i; - let rect = legendBar( - // rightEndPoint - multiplier * barWidth, // To right align - barWidth * i, - '0', - barWidth, - this.colors[i], - d.name, - this.config.truncateLegends); - this.legendArea.appendChild(rect); - }); - } - } - - - - // Overlay - makeOverlay() { - if(this.init) { - this.init = 0; - return; - } - if(this.overlayGuides) { - this.overlayGuides.forEach(g => { - let o = g.overlay; - o.parentNode.removeChild(o); - }); - } - - this.overlayGuides = this.dataUnitComponents.map(c => { - return { - type: c.unitType, - overlay: undefined, - units: c.units, - }; - }); - - if(this.state.currentIndex === undefined) { - this.state.currentIndex = this.state.datasetLength - 1; - } - - // Render overlays - this.overlayGuides.map(d => { - let currentUnit = d.units[this.state.currentIndex]; - - d.overlay = makeOverlay[d.type](currentUnit); - this.drawArea.appendChild(d.overlay); - }); - } - - updateOverlayGuides() { - if(this.overlayGuides) { - this.overlayGuides.forEach(g => { - let o = g.overlay; - o.parentNode.removeChild(o); - }); - } - } - - bindOverlay() { - this.parent.addEventListener('data-select', () => { - this.updateOverlay(); - }); - } - - bindUnits() { - this.dataUnitComponents.map(c => { - c.units.map(unit => { - unit.addEventListener('click', () => { - let index = unit.getAttribute('data-point-index'); - this.setCurrentDataPoint(index); - }); - }); - }); - - // Note: Doesn't work as tooltip is absolutely positioned - this.tip.container.addEventListener('click', () => { - let index = this.tip.container.getAttribute('data-point-index'); - this.setCurrentDataPoint(index); - }); - } - - updateOverlay() { - this.overlayGuides.map(d => { - let currentUnit = d.units[this.state.currentIndex]; - updateOverlay[d.type](currentUnit, d.overlay); - }); - } - - onLeftArrow() { - this.setCurrentDataPoint(this.state.currentIndex - 1); - } - - onRightArrow() { - this.setCurrentDataPoint(this.state.currentIndex + 1); - } - - getDataPoint(index=this.state.currentIndex) { - let s = this.state; - let data_point = { - index: index, - label: s.xAxis.labels[index], - values: s.datasets.map(d => d.values[index]) - }; - return data_point; - } - - setCurrentDataPoint(index) { - let s = this.state; - index = parseInt(index); - if(index < 0) index = 0; - if(index >= s.xAxis.labels.length) index = s.xAxis.labels.length - 1; - if(index === s.currentIndex) return; - s.currentIndex = index; - fire(this.parent, "data-select", this.getDataPoint()); - } - - - - // API - addDataPoint(label, datasetValues, index=this.state.datasetLength) { - super.addDataPoint(label, datasetValues, index); - this.data.labels.splice(index, 0, label); - this.data.datasets.map((d, i) => { - d.values.splice(index, 0, datasetValues[i]); - }); - this.update(this.data); - } - - removeDataPoint(index = this.state.datasetLength-1) { - if (this.data.labels.length <= 1) { - return; - } - super.removeDataPoint(index); - this.data.labels.splice(index, 1); - this.data.datasets.map(d => { - d.values.splice(index, 1); - }); - this.update(this.data); - } - - updateDataset(datasetValues, index=0) { - this.data.datasets[index].values = datasetValues; - this.update(this.data); - } - // addDataset(dataset, index) {} - // removeDataset(index = 0) {} - - updateDatasets(datasets) { - this.data.datasets.map((d, i) => { - if(datasets[i]) { - d.values = datasets[i]; - } - }); - this.update(this.data); - } - - // updateDataPoint(dataPoint, index = 0) {} - // addDataPoint(dataPoint, index = 0) {} - // removeDataPoint(index = 0) {} -} - -class DonutChart extends AggregationChart { - constructor(parent, args) { - super(parent, args); - this.type = 'donut'; - this.initTimeout = 0; - this.init = 1; - - this.setup(); - } - - configure(args) { - super.configure(args); - this.mouseMove = this.mouseMove.bind(this); - this.mouseLeave = this.mouseLeave.bind(this); - - this.hoverRadio = args.hoverRadio || 0.1; - this.config.startAngle = args.startAngle || 0; - - this.clockWise = args.clockWise || false; - this.strokeWidth = args.strokeWidth || 30; - } - - calc() { - super.calc(); - let s = this.state; - this.radius = - this.height > this.width - ? this.center.x - this.strokeWidth / 2 - : this.center.y - this.strokeWidth / 2; - - const { radius, clockWise } = this; - - const prevSlicesProperties = s.slicesProperties || []; - s.sliceStrings = []; - s.slicesProperties = []; - let curAngle = 180 - this.config.startAngle; - - s.sliceTotals.map((total, i) => { - const startAngle = curAngle; - const originDiffAngle = (total / s.grandTotal) * FULL_ANGLE; - const largeArc = originDiffAngle > 180 ? 1: 0; - const diffAngle = clockWise ? -originDiffAngle : originDiffAngle; - const endAngle = curAngle = curAngle + diffAngle; - const startPosition = getPositionByAngle(startAngle, radius); - const endPosition = getPositionByAngle(endAngle, radius); - - const prevProperty = this.init && prevSlicesProperties[i]; - - let curStart,curEnd; - if(this.init) { - curStart = prevProperty ? prevProperty.startPosition : startPosition; - curEnd = prevProperty ? prevProperty.endPosition : startPosition; - } else { - curStart = startPosition; - curEnd = endPosition; - } - const curPath = - originDiffAngle === 360 - ? makeStrokeCircleStr(curStart, curEnd, this.center, this.radius, this.clockWise, largeArc) - : makeArcStrokePathStr(curStart, curEnd, this.center, this.radius, this.clockWise, largeArc); - - s.sliceStrings.push(curPath); - s.slicesProperties.push({ - startPosition, - endPosition, - value: total, - total: s.grandTotal, - startAngle, - endAngle, - angle: diffAngle - }); - - }); - this.init = 0; - } - - setupComponents() { - let s = this.state; - - let componentConfigs = [ - [ - 'donutSlices', - { }, - function() { - return { - sliceStrings: s.sliceStrings, - colors: this.colors, - strokeWidth: this.strokeWidth, - }; - }.bind(this) - ] - ]; - - this.components = new Map(componentConfigs - .map(args => { - let component = getComponent(...args); - return [args[0], component]; - })); - } - - calTranslateByAngle(property){ - const{ radius, hoverRadio } = this; - const position = getPositionByAngle(property.startAngle+(property.angle / 2),radius); - return `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`; - } - - hoverSlice(path,i,flag,e){ - if(!path) return; - const color = this.colors[i]; - if(flag) { - transform(path, this.calTranslateByAngle(this.state.slicesProperties[i])); - path.style.stroke = lightenDarkenColor(color, 50); - let g_off = getOffset(this.svg); - let x = e.pageX - g_off.left + 10; - let y = e.pageY - g_off.top - 10; - let title = (this.formatted_labels && this.formatted_labels.length > 0 - ? this.formatted_labels[i] : this.state.labels[i]) + ': '; - let percent = (this.state.sliceTotals[i] * 100 / this.state.grandTotal).toFixed(1); - this.tip.setValues(x, y, {name: title, value: percent + "%"}); - this.tip.showTip(); - } else { - transform(path,'translate3d(0,0,0)'); - this.tip.hideTip(); - path.style.stroke = color; - } - } - - bindTooltip() { - this.container.addEventListener('mousemove', this.mouseMove); - this.container.addEventListener('mouseleave', this.mouseLeave); - } - - mouseMove(e){ - const target = e.target; - let slices = this.components.get('donutSlices').store; - let prevIndex = this.curActiveSliceIndex; - let prevAcitve = this.curActiveSlice; - if(slices.includes(target)) { - let i = slices.indexOf(target); - this.hoverSlice(prevAcitve, prevIndex,false); - this.curActiveSlice = target; - this.curActiveSliceIndex = i; - this.hoverSlice(target, i, true, e); - } else { - this.mouseLeave(); - } - } - - mouseLeave(){ - this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false); - } -} - -// import MultiAxisChart from './charts/MultiAxisChart'; -const chartTypes = { - bar: AxisChart, - line: AxisChart, - // multiaxis: MultiAxisChart, - percentage: PercentageChart, - heatmap: Heatmap, - pie: PieChart, - donut: DonutChart, -}; - -function getChartByType(chartType = 'line', parent, options) { - if (chartType === 'axis-mixed') { - options.type = 'line'; - return new AxisChart(parent, options); - } - - if (!chartTypes[chartType]) { - console.error("Undefined chart type: " + chartType); - return; - } - - return new chartTypes[chartType](parent, options); -} - -class Chart { - constructor(parent, options) { - return getChartByType(options.type, parent, options); - } -} - -export { Chart, PercentageChart, PieChart, Heatmap, AxisChart }; diff --git a/dist/frappe-charts.min.cjs.js b/dist/frappe-charts.min.cjs.js deleted file mode 100644 index 48bf54e..0000000 --- a/dist/frappe-charts.min.cjs.js +++ /dev/null @@ -1,2 +0,0 @@ -"use strict";function styleInject(t,e){void 0===e&&(e={});var n=e.insertAt;if(t&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===n&&i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}}function $(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function getOffset(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function isElementInViewport(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function getElementContentWidth(t){var e=window.getComputedStyle(t),n=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-n}function fire(t,e,n){var i=document.createEvent("HTMLEvents");i.initEvent(e,!0,!0);for(var a in n)i[a]=n[a];return t.dispatchEvent(i)}function getTopOffset(t){return t.titleHeight+t.margins.top+t.paddings.top}function getLeftOffset(t){return t.margins.left+t.paddings.left}function getExtraHeight(t){return t.margins.top+t.margins.bottom+t.paddings.top+t.paddings.bottom+t.titleHeight+t.legendHeight}function getExtraWidth(t){return t.margins.left+t.margins.right+t.paddings.left+t.paddings.right}function _classCallCheck$4(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function floatTwo(t){return parseFloat(t.toFixed(2))}function fillArray(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]&&arguments[3];n||(n=i?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(n);return t=i?a.concat(t):t.concat(a)}function getStringWidth(t,e){return(t+"").length*e}function getPositionByAngle(t,e){return{x:Math.sin(t*ANGLE_RATIO)*e,y:Math.cos(t*ANGLE_RATIO)*e}}function getBarHeightAndYAttr(t,e){var n=void 0,i=void 0;return t<=e?(n=e-t,i=t):(n=t-e,i=e),[n,i]}function equilizeNoOfElements(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return n>0?t=fillArray(t,n):e=fillArray(e,n),[t,e]}function truncateString(t,e){if(t)return t.length>e?t.slice(0,e-3)+"...":t}function shortenLargeNumber(t){var e=void 0;if("number"==typeof t)e=t;else if("string"==typeof t&&(e=Number(t),Number.isNaN(e)))return t;var n=Math.floor(Math.log10(Math.abs(e)));if(n<=2)return e;var i=Math.floor(n/3),a=Math.pow(10,n-3*i)*+(e/Math.pow(10,n)).toFixed(1);return Math.round(100*a)/100+" "+["","K","M","B","T"][i]}function limitColor(t){return t>255?255:t<0?0:t}function lightenDarkenColor(t,e){var n=getColor(t),i=!1;"#"==n[0]&&(n=n.slice(1),i=!0);var a=parseInt(n,16),r=limitColor((a>>16)+e),o=limitColor((a>>8&255)+e),s=limitColor((255&a)+e);return(i?"#":"")+(s|o<<8|r<<16).toString(16)}function isValidColor(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function $$1(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function createSVG(t,e){var n=document.createElementNS("http://www.w3.org/2000/svg",t);for(var i in e){var a=e[i];if("inside"===i)$$1(a).appendChild(n);else if("around"===i){var r=$$1(a);r.parentNode.insertBefore(n,r),n.appendChild(r)}else"styles"===i?"object"===(void 0===a?"undefined":_typeof$2(a))&&Object.keys(a).map(function(t){n.style[t]=a[t]}):("className"===i&&(i="class"),"innerHTML"===i?n.textContent=a:n.setAttribute(i,a))}return n}function renderVerticalGradient(t,e){return createSVG("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function setGradientStop(t,e,n,i){return createSVG("stop",{inside:t,style:"stop-color: "+n,offset:e,"stop-opacity":i})}function makeSVGContainer(t,e,n,i){return createSVG("svg",{className:e,inside:t,width:n,height:i})}function makeSVGDefs(t){return createSVG("defs",{inside:t})}function makeSVGGroup(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0,i={className:t,transform:e};return n&&(i.inside=n),createSVG("g",i)}function makePath(t){return createSVG("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none","stroke-width":arguments.length>4&&void 0!==arguments[4]?arguments[4]:2}})}function makeArcPathStr(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,o=n.x+t.x,s=n.y+t.y,l=n.x+e.x,u=n.y+e.y;return"M"+n.x+" "+n.y+"\n\t\tL"+o+" "+s+"\n\t\tA "+i+" "+i+" 0 "+r+" "+(a?1:0)+"\n\t\t"+l+" "+u+" z"}function makeCircleStr(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,o=n.x+t.x,s=n.y+t.y,l=n.x+e.x,u=2*n.y,c=n.y+e.y;return"M"+n.x+" "+n.y+"\n\t\tL"+o+" "+s+"\n\t\tA "+i+" "+i+" 0 "+r+" "+(a?1:0)+"\n\t\t"+l+" "+u+" z\n\t\tL"+o+" "+u+"\n\t\tA "+i+" "+i+" 0 "+r+" "+(a?1:0)+"\n\t\t"+l+" "+c+" z"}function makeArcStrokePathStr(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,o=n.x+t.x,s=n.y+t.y,l=n.x+e.x,u=n.y+e.y;return"M"+o+" "+s+"\n\t\tA "+i+" "+i+" 0 "+r+" "+(a?1:0)+"\n\t\t"+l+" "+u}function makeStrokeCircleStr(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,o=n.x+t.x,s=n.y+t.y,l=n.x+e.x,u=2*i+s,c=n.y+t.y;return"M"+o+" "+s+"\n\t\tA "+i+" "+i+" 0 "+r+" "+(a?1:0)+"\n\t\t"+l+" "+u+"\n\t\tM"+o+" "+u+"\n\t\tA "+i+" "+i+" 0 "+r+" "+(a?1:0)+"\n\t\t"+l+" "+c}function makeGradient(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i="path-fill-gradient-"+e+"-"+(n?"lighter":"default"),a=renderVerticalGradient(t,i),r=[1,.6,.2];return n&&(r=[.4,.2,0]),setGradientStop(a,"0%",e,r[0]),setGradientStop(a,"50%",e,r[1]),setGradientStop(a,"100%",e,r[2]),i}function percentageBar(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:PERCENTAGE_BAR_DEFAULT_DEPTH,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:"none";return createSVG("rect",{className:"percentage-bar",x:t,y:e,width:n,height:i,fill:r,styles:{stroke:lightenDarkenColor(r,-25),"stroke-dasharray":"0, "+(i+n)+", "+n+", "+i,"stroke-width":a}})}function heatSquare(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},o={className:t,x:e,y:n,width:i,height:i,fill:a};return Object.keys(r).map(function(t){o[t]=r[t]}),createSVG("rect",o)}function legendBar(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none",a=arguments[4];a=arguments.length>5&&void 0!==arguments[5]&&arguments[5]?truncateString(a,LABEL_MAX_CHARS):a;var r={className:"legend-bar",x:0,y:0,width:n,height:"2px",fill:i},o=createSVG("text",{className:"legend-dataset-text",x:0,y:0,dy:2*FONT_SIZE+"px","font-size":1.2*FONT_SIZE+"px","text-anchor":"start",fill:FONT_FILL,innerHTML:a}),s=createSVG("g",{transform:"translate("+t+", "+e+")"});return s.appendChild(createSVG("rect",r)),s.appendChild(o),s}function legendDot(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none",a=arguments[4],r={className:"legend-dot",cx:0,cy:0,r:n,fill:i},o=createSVG("text",{className:"legend-dataset-text",x:0,y:0,dx:FONT_SIZE+"px",dy:FONT_SIZE/3+"px","font-size":1.2*FONT_SIZE+"px","text-anchor":"start",fill:FONT_FILL,innerHTML:a}),s=createSVG("g",{transform:"translate("+t+", "+e+")"});return s.appendChild(createSVG("circle",r)),s.appendChild(o),s}function makeText(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},r=a.fontSize||FONT_SIZE;return createSVG("text",{className:t,x:e,y:n,dy:(void 0!==a.dy?a.dy:r/2)+"px","font-size":r+"px",fill:a.fill||FONT_FILL,"text-anchor":a.textAnchor||"start",innerHTML:i})}function makeVertLine(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=BASE_LINE_COLOR);var r=createSVG("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:n,y2:i,styles:{stroke:a.stroke}}),o=createSVG("text",{x:0,y:n>i?n+LABEL_MARGIN:n-LABEL_MARGIN-FONT_SIZE,dy:FONT_SIZE+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:e+""}),s=createSVG("g",{transform:"translate("+t+", 0)"});return s.appendChild(r),s.appendChild(o),s}function makeHoriLine(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=BASE_LINE_COLOR),a.lineType||(a.lineType=""),a.shortenNumbers&&(e=shortenLargeNumber(e));var r=createSVG("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:n,x2:i,y1:0,y2:0,styles:{stroke:a.stroke}}),o=createSVG("text",{x:n3&&void 0!==arguments[3]?arguments[3]:{};i.pos||(i.pos="left"),i.offset||(i.offset=0),i.mode||(i.mode="span"),i.stroke||(i.stroke=BASE_LINE_COLOR),i.className||(i.className="");var a=-1*AXIS_TICK_LENGTH,r="span"===i.mode?n+AXIS_TICK_LENGTH:0;return"tick"===i.mode&&"right"===i.pos&&(a=n+AXIS_TICK_LENGTH,r=n),a+=i.offset,r+=i.offset,makeHoriLine(t,e,a,r,{stroke:i.stroke,className:i.className,lineType:i.lineType,shortenNumbers:i.shortenNumbers})}function xLine(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};i.pos||(i.pos="bottom"),i.offset||(i.offset=0),i.mode||(i.mode="span"),i.stroke||(i.stroke=BASE_LINE_COLOR),i.className||(i.className="");var a=n+AXIS_TICK_LENGTH,r="span"===i.mode?-1*AXIS_TICK_LENGTH:n;return"tick"===i.mode&&"top"===i.pos&&(a=-1*AXIS_TICK_LENGTH,r=0),makeVertLine(t,e,a,r,{stroke:i.stroke,className:i.className,lineType:i.lineType})}function yMarker(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};i.labelPos||(i.labelPos="right");var a=createSVG("text",{className:"chart-label",x:"left"===i.labelPos?LABEL_MARGIN:n-getStringWidth(e,5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:e+""}),r=makeHoriLine(t,"",0,n,{stroke:i.stroke||BASE_LINE_COLOR,className:i.className||"",lineType:i.lineType});return r.appendChild(a),r}function yRegion(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},r=t-e,o=createSVG("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:BASE_LINE_COLOR,"stroke-dasharray":n+", "+r},x:0,y:0,width:n,height:r});a.labelPos||(a.labelPos="right");var s=createSVG("text",{className:"chart-label",x:"left"===a.labelPos?LABEL_MARGIN:n-getStringWidth(i+"",4.5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:i+""}),l=createSVG("g",{transform:"translate(0, "+e+")"});return l.appendChild(o),l.appendChild(s),l}function datasetBar(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,o=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,s=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=getBarHeightAndYAttr(e,s.zeroLine),u=_slicedToArray(l,2),c=u[0],h=u[1];h-=o,0===c&&(c=s.minHeight,h-=s.minHeight);var d=createSVG("rect",{className:"bar mini",style:"fill: "+i,"data-point-index":r,x:t,y:h,width:n,height:c});if((a+="")||a.length){d.setAttribute("y",0),d.setAttribute("x",0);var f=createSVG("text",{className:"data-point-value",x:n/2,y:0,dy:FONT_SIZE/2*-1+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:a}),p=createSVG("g",{"data-point-index":r,transform:"translate("+t+", "+h+")"});return p.appendChild(d),p.appendChild(f),p}return d}function datasetDot(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,o=createSVG("circle",{style:"fill: "+i,"data-point-index":r,cx:t,cy:e,r:n});if((a+="")||a.length){o.setAttribute("cy",0),o.setAttribute("cx",0);var s=createSVG("text",{className:"data-point-value",x:0,y:0,dy:FONT_SIZE/2*-1-n+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:a}),l=createSVG("g",{"data-point-index":r,transform:"translate("+t+", "+e+")"});return l.appendChild(o),l.appendChild(s),l}return o}function getPaths(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},r=e.map(function(e,n){return t[n]+","+e}).join("L"),o=makePath("M"+r,"line-graph-path",n);if(i.heatline){var s=makeGradient(a.svgDefs,n);o.style.stroke="url(#"+s+")"}var l={path:o};if(i.regionFill){var u=makeGradient(a.svgDefs,n,!0),c="M"+t[0]+","+a.zeroLine+"L"+r+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=makePath(c,"region-fill","none","url(#"+u+")")}return l}function translate(t,e,n,i){var a="string"==typeof e?e:e.join(", ");return[t,{transform:n.join(", ")},i,STD_EASING,"translate",{transform:a}]}function translateVertLine(t,e,n){return translate(t,[n,0],[e,0],MARKER_LINE_ANIM_DUR)}function translateHoriLine(t,e,n){return translate(t,[0,n],[0,e],MARKER_LINE_ANIM_DUR)}function animateRegion(t,e,n,i){var a=e-n,r=t.childNodes[0];return[[r,{height:a,"stroke-dasharray":r.getAttribute("width")+", "+a},MARKER_LINE_ANIM_DUR,STD_EASING],translate(t,[0,i],[0,n],MARKER_LINE_ANIM_DUR)]}function animateBar(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,r=getBarHeightAndYAttr(n,(arguments.length>5&&void 0!==arguments[5]?arguments[5]:{}).zeroLine),o=_slicedToArray$2(r,2),s=o[0],l=o[1];return l-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width:i,height:s},UNIT_ANIM_DUR,STD_EASING],translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],MARKER_LINE_ANIM_DUR)]:[[t,{width:i,height:s,x:e,y:l},UNIT_ANIM_DUR,STD_EASING]]}function animateDot(t,e,n){return"circle"!==t.nodeName?[translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,n],MARKER_LINE_ANIM_DUR)]:[[t,{cx:e,cy:n},UNIT_ANIM_DUR,STD_EASING]]}function animatePath(t,e,n,i){var a=[],r=n.map(function(t,n){return e[n]+","+t}).join("L"),o=[t.path,{d:"M"+r},PATH_ANIM_DUR,STD_EASING];if(a.push(o),t.region){var s=e[0]+","+i+"L",l="L"+e.slice(-1)[0]+", "+i,u=[t.region,{d:"M"+s+r+l},PATH_ANIM_DUR,STD_EASING];a.push(u)}return a}function animatePathStr(t,e){return[t,{d:e},UNIT_ANIM_DUR,STD_EASING]}function _toConsumableArray$1(t){if(Array.isArray(t)){for(var e=0,n=Array(t.length);e3&&void 0!==arguments[3]?arguments[3]:"linear",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},o=t.cloneNode(!0),s=t.cloneNode(!0);for(var l in e){var u=void 0;u="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var c=r[l]||t.getAttribute(l),h=e[l],d={attributeName:l,from:c,to:h,begin:"0s",dur:n/1e3+"s",values:c+";"+h,keySplines:EASING[i],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};a&&(d.type=a);for(var f in d)u.setAttribute(f,d[f]);o.appendChild(u),a?s.setAttribute(l,"translate("+h+")"):s.setAttribute(l,h)}return[o,s]}function transform(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function animateSVG(t,e){var n=[],i=[];e.map(function(t){var e=t[0],a=e.parentNode,r=void 0,o=void 0;t[0]=e;var s=animateSVGElement.apply(void 0,_toConsumableArray$1(t)),l=_slicedToArray$1(s,2);r=l[0],o=l[1],n.push(o),i.push([r,a]),a.replaceChild(r,e)});var a=t.cloneNode(!0);return i.map(function(t,i){t[1].replaceChild(n[i],t[0]),e[i][0]=n[i]}),a}function runSMILAnimation(t,e,n){if(0!==n.length){var i=animateSVG(e,n);e.parentNode==t&&(t.removeChild(e),t.appendChild(i)),setTimeout(function(){i.parentNode==t&&(t.removeChild(i),t.appendChild(e))},REPLACE_ALL_NEW_DUR)}}function downloadFile(t,e){var n=document.createElement("a");n.style="display: none";var i=new Blob(e,{type:"image/svg+xml; charset=utf-8"}),a=window.URL.createObjectURL(i);n.href=a,n.download=t,document.body.appendChild(n),n.click(),setTimeout(function(){document.body.removeChild(n),window.URL.revokeObjectURL(a)},300)}function prepareForExport(t){var e=t.cloneNode(!0);e.classList.add("chart-container"),e.setAttribute("xmlns","http://www.w3.org/2000/svg"),e.setAttribute("xmlns:xlink","http://www.w3.org/1999/xlink");var n=$.create("style",{innerHTML:CSSTEXT});e.insertBefore(n,e.firstChild);var i=$.create("div");return i.appendChild(e),i.innerHTML}function _classCallCheck$3(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck$2(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn$1(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 _inherits$1(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)}function treatAsUtc(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function getYyyyMmDd(t){var e=t.getDate(),n=t.getMonth()+1;return[t.getFullYear(),(n>9?"":"0")+n,(e>9?"":"0")+e].join("-")}function clone(t){return new Date(t.getTime())}function getWeeksBetween(t,e){var n=setDayToSunday(t);return Math.ceil(getDaysBetween(n,e)/NO_OF_DAYS_IN_WEEK)}function getDaysBetween(t,e){var n=SEC_IN_DAY*NO_OF_MILLIS;return(treatAsUtc(e)-treatAsUtc(t))/n}function areInSameMonth(t,e){return t.getMonth()===e.getMonth()&&t.getFullYear()===e.getFullYear()}function getMonthName(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=MONTH_NAMES[t];return e?n.slice(0,3):n}function getLastDateInMonth(t,e){return new Date(e,t+1,0)}function setDayToSunday(t){var e=clone(t),n=e.getDay();return 0!==n&&addDays(e,-1*n),e}function addDays(t,e){t.setDate(t.getDate()+e)}function _classCallCheck$5(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function getComponent(t,e,n){var i=Object.keys(componentConfigs).filter(function(e){return t.includes(e)}),a=componentConfigs[i[0]];return Object.assign(a,{constants:e,getData:n}),new ChartComponent(a)}function _toConsumableArray(t){if(Array.isArray(t)){for(var e=0,n=Array(t.length);e0?1:-1;if(!isFinite(t))return{mantissa:4503599627370496*e,exponent:972};t=Math.abs(t);var n=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,n)),n]}function getChartRangeIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=Math.ceil(t),i=Math.floor(e),a=n-i,r=a,o=1;a>5&&(a%2!=0&&(a=++n-i),r=a/2,o=2),a<=2&&(o=a/(r=4)),0===a&&(r=5,o=1);for(var s=[],l=0;l<=r;l++)s.push(i+o*l);return s}function getChartIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=normalize(t),i=_slicedToArray$4(n,2),a=i[0],r=i[1],o=e?e/Math.pow(10,r):0,s=getChartRangeIntervals(a=a.toFixed(6),o);return s=s.map(function(t){return t*Math.pow(10,r)})}function calcChartIntervals(t){function e(t,e){for(var n=getChartIntervals(t),i=n[1]-n[0],a=0,r=1;a1&&void 0!==arguments[1]&&arguments[1],i=Math.max.apply(Math,_toConsumableArray$4(t)),a=Math.min.apply(Math,_toConsumableArray$4(t)),r=[];if(i>=0&&a>=0)normalize(i)[1],r=n?getChartIntervals(i,a):getChartIntervals(i);else if(i>0&&a<0){var o=Math.abs(a);i>=o?(normalize(i)[1],r=e(i,o)):(normalize(o)[1],r=e(o,i).map(function(t){return-1*t}))}else if(i<=0&&a<=0){var s=Math.abs(a),l=Math.abs(i);normalize(s)[1],r=(r=n?getChartIntervals(s,l):getChartIntervals(s)).reverse().map(function(t){return-1*t})}return r}function getZeroIndex(t){var e=getIntervalSize(t);return t.indexOf(0)>=0?t.indexOf(0):t[0]>0?-1*t[0]/e:-1*t[t.length-1]/e+(t.length-1)}function getIntervalSize(t){return t[1]-t[0]}function getValueRange(t){return t[t.length-1]-t[0]}function scale(t,e){return floatTwo(e.zeroLine-t*e.scaleMultiplier)}function getClosestInArray(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i=e.reduce(function(e,n){return Math.abs(n-t)n?i.slice(0,n):fillArray(i,n-i.length,0)}else t.values=a;t.chartType||(AXIS_DATASET_CHART_TYPES.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],i=t/e.length;i<=0&&(i=1);var a=i/DEFAULT_CHAR_WIDTH;return e.map(function(t,e){return(t+="").length>a&&(n?e%Math.ceil(t.length/a)!=0&&(t=""):t=a-3>0?t.slice(0,a-3)+" ...":t.slice(0,a)+".."),t})}function _toConsumableArray$5(t){if(Array.isArray(t)){for(var e=0,n=Array(t.length);e0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],n=arguments[2];return"axis-mixed"===t?(n.type="line",new AxisChart(e,n)):chartTypes[t]?new chartTypes[t](e,n):void console.error("Undefined chart type: "+t)}Object.defineProperty(exports,"__esModule",{value:!0});var css='.chart-container{position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .legend-dataset-text{fill:#6c7680;font-weight:600}.graph-svg-tip{position:absolute;z-index:99999;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.graph-svg-tip ol,.graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}';styleInject(css);var asyncGenerator=function(){function t(t){this.value=t}function e(e){function n(t,e){return new Promise(function(n,a){var s={key:t,arg:e,resolve:n,reject:a,next:null};o?o=o.next=s:(r=o=s,i(t,e))})}function i(n,r){try{var o=e[n](r),s=o.value;s instanceof t?Promise.resolve(s.value).then(function(t){i("next",t)},function(t){i("throw",t)}):a(o.done?"return":"normal",o.value)}catch(t){a("throw",t)}}function a(t,e){switch(t){case"return":r.resolve({value:e,done:!0});break;case"throw":r.reject(e);break;default:r.resolve({value:e,done:!1})}(r=r.next)?i(r.key,r.arg):o=null}var r,o;this._invoke=n,"function"!=typeof e.return&&(this.return=void 0)}return"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)},{wrap:function(t){return function(){return new e(t.apply(this,arguments))}},await:function(e){return new t(e)}}}(),_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t};$.create=function(t,e){var n=document.createElement(t);for(var i in e){var a=e[i];if("inside"===i)$(a).appendChild(n);else if("around"===i){var r=$(a);r.parentNode.insertBefore(n,r),n.appendChild(r)}else"styles"===i?"object"===(void 0===a?"undefined":_typeof(a))&&Object.keys(a).map(function(t){n.style[t]=a[t]}):i in n?n[i]=a:n.setAttribute(i,a)}return n};var BASE_MEASURES={margins:{top:10,bottom:10,left:20,right:20},paddings:{top:20,bottom:40,left:30,right:10},baseHeight:240,titleHeight:20,legendHeight:30,titleFontSize:12},INIT_CHART_UPDATE_TIMEOUT=700,CHART_POST_ANIMATE_TIMEOUT=400,DEFAULT_AXIS_CHART_TYPE="line",AXIS_DATASET_CHART_TYPES=["line","bar"],AXIS_LEGEND_BAR_SIZE=100,BAR_CHART_SPACE_RATIO=.5,MIN_BAR_PERCENT_HEIGHT=0,LINE_CHART_DOT_SIZE=4,DOT_OVERLAY_SIZE_INCR=4,PERCENTAGE_BAR_DEFAULT_HEIGHT=20,PERCENTAGE_BAR_DEFAULT_DEPTH=2,HEATMAP_DISTRIBUTION_SIZE=5,HEATMAP_SQUARE_SIZE=10,HEATMAP_GUTTER_SIZE=2,DEFAULT_CHAR_WIDTH=7,TOOLTIP_POINTER_TRIANGLE_HEIGHT=5,DEFAULT_CHART_COLORS=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],HEATMAP_COLORS_GREEN=["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],DEFAULT_COLORS={bar:DEFAULT_CHART_COLORS,line:DEFAULT_CHART_COLORS,pie:DEFAULT_CHART_COLORS,percentage:DEFAULT_CHART_COLORS,heatmap:HEATMAP_COLORS_GREEN,donut:DEFAULT_CHART_COLORS},ANGLE_RATIO=Math.PI/180,FULL_ANGLE=360,_createClass$3=function(){function t(t,e){for(var n=0;n\n\t\t\t\t
    \n\t\t\t\t
    '}),this.hideTip(),this.title=this.container.querySelector(".title"),this.dataPointList=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){t.hideTip()})}},{key:"fill",value:function(){var t=this,e=void 0;this.index&&this.container.setAttribute("data-point-index",this.index),e=this.titleValueFirst?""+this.titleValue+""+this.titleName:this.titleName+""+this.titleValue+"",this.title.innerHTML=e,this.dataPointList.innerHTML="",this.listValues.map(function(e,n){var i=t.colors[n]||"black",a=0===e.formatted||e.formatted?e.formatted:e.value,r=$.create("li",{styles:{"border-top":"3px solid "+i},innerHTML:''+(0===a||a?a:"")+"\n\t\t\t\t\t"+(e.title?e.title:"")});t.dataPointList.appendChild(r)})}},{key:"calcPosition",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight-TOOLTIP_POINTER_TRIANGLE_HEIGHT,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,n=this.container.querySelector(".svg-pointer");if(this.left<0)n.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var i="calc(50% + "+(this.left-e)+"px)";n.style.left=i,this.left=e}else n.style.left="50%"}},{key:"setValues",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:-1;this.titleName=n.name,this.titleValue=n.value,this.listValues=i,this.x=t,this.y=e,this.titleValueFirst=n.valueFirst||0,this.index=a,this.refresh()}},{key:"hideTip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"showTip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),t}(),PRESET_COLOR_MAP={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},getColor=function(t){return PRESET_COLOR_MAP[t]||t},_slicedToArray=function(){function t(t,e){var n=[],i=!0,a=!1,r=void 0;try{for(var o,s=t[Symbol.iterator]();!(i=(o=s.next()).done)&&(n.push(o.value),!e||n.length!==e);i=!0);}catch(t){a=!0,r=t}finally{try{!i&&s.return&&s.return()}finally{if(a)throw r}}return n}return function(e,n){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return t(e,n);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),_typeof$2="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},AXIS_TICK_LENGTH=6,LABEL_MARGIN=4,LABEL_MAX_CHARS=15,FONT_SIZE=10,BASE_LINE_COLOR="#dadada",FONT_FILL="#555b51",makeOverlay={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var n=t.cloneNode();return n.style.fill="#000000",n.style.opacity="0.4",e&&n.setAttribute("transform",e),n},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var n=t.cloneNode(),i=t.getAttribute("r"),a=t.getAttribute("fill");return n.setAttribute("r",parseInt(i)+DOT_OVERLAY_SIZE_INCR),n.setAttribute("fill",a),n.style.opacity="0.6",e&&n.setAttribute("transform",e),n},heat_square:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var n=t.cloneNode(),i=t.getAttribute("r"),a=t.getAttribute("fill");return n.setAttribute("r",parseInt(i)+DOT_OVERLAY_SIZE_INCR),n.setAttribute("fill",a),n.style.opacity="0.6",e&&n.setAttribute("transform",e),n}},updateOverlay={bar:function(t,e){var n=void 0;"rect"!==t.nodeName&&(n=t.getAttribute("transform"),t=t.childNodes[0]);var i=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return i.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),n&&e.setAttribute("transform",n)},dot:function(t,e){var n=void 0;"circle"!==t.nodeName&&(n=t.getAttribute("transform"),t=t.childNodes[0]);var i=["cx","cy"];Object.values(t.attributes).filter(function(t){return i.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),n&&e.setAttribute("transform",n)},heat_square:function(t,e){var n=void 0;"circle"!==t.nodeName&&(n=t.getAttribute("transform"),t=t.childNodes[0]);var i=["cx","cy"];Object.values(t.attributes).filter(function(t){return i.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),n&&e.setAttribute("transform",n)}},_slicedToArray$2=function(){function t(t,e){var n=[],i=!0,a=!1,r=void 0;try{for(var o,s=t[Symbol.iterator]();!(i=(o=s.next()).done)&&(n.push(o.value),!e||n.length!==e);i=!0);}catch(t){a=!0,r=t}finally{try{!i&&s.return&&s.return()}finally{if(a)throw r}}return n}return function(e,n){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return t(e,n);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),UNIT_ANIM_DUR=350,PATH_ANIM_DUR=350,MARKER_LINE_ANIM_DUR=UNIT_ANIM_DUR,REPLACE_ALL_NEW_DUR=250,STD_EASING="easein",_slicedToArray$1=function(){function t(t,e){var n=[],i=!0,a=!1,r=void 0;try{for(var o,s=t[Symbol.iterator]();!(i=(o=s.next()).done)&&(n.push(o.value),!e||n.length!==e);i=!0);}catch(t){a=!0,r=t}finally{try{!i&&s.return&&s.return()}finally{if(a)throw r}}return n}return function(e,n){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return t(e,n);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),EASING={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},CSSTEXT=".chart-container{position:relative;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .legend-dataset-text{fill:#6c7680;font-weight:600}.graph-svg-tip{position:absolute;z-index:99999;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.graph-svg-tip ul{padding-left:0;display:flex}.graph-svg-tip ol{padding-left:0;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:' ';border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}",_createClass$2=function(){function t(t,e){for(var n=0;n0&&void 0!==arguments[0]&&arguments[0],n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.updateWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),n&&(this.data=this.realData,setTimeout(function(){t.update(t.data)},this.initTimeout)),this.renderLegend(),this.setupNavigation(n)}},{key:"calc",value:function(){}},{key:"updateWidth",value:function(){this.baseWidth=getElementContentWidth(this.parent),this.width=this.baseWidth-getExtraWidth(this.measures)}},{key:"makeChartArea",value:function(){this.svg&&this.container.removeChild(this.svg);var t=this.measures;this.svg=makeSVGContainer(this.container,"frappe-chart chart",this.baseWidth,this.baseHeight),this.svgDefs=makeSVGDefs(this.svg),this.title.length&&(this.titleEL=makeText("title",t.margins.left,t.margins.top,this.title,{fontSize:t.titleFontSize,fill:"#666666",dy:t.titleFontSize}));var e=getTopOffset(t);this.drawArea=makeSVGGroup(this.type+"-chart chart-draw-area","translate("+getLeftOffset(t)+", "+e+")"),this.config.showLegend&&(e+=this.height+t.paddings.bottom,this.legendArea=makeSVGGroup("chart-legend","translate("+getLeftOffset(t)+", "+e+")")),this.title.length&&this.svg.appendChild(this.titleEL),this.svg.appendChild(this.drawArea),this.config.showLegend&&this.svg.appendChild(this.legendArea),this.updateTipOffset(getLeftOffset(t),getTopOffset(t))}},{key:"updateTipOffset",value:function(t,e){this.tip.offset={x:t,y:e}}},{key:"setupComponents",value:function(){this.components=new Map}},{key:"update",value:function(t){t||console.error("No data to update."),this.data=this.prepareData(t),this.calc(),this.render()}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var i=[];e.forEach(function(t){i=i.concat(t.update(n))}),i.length>0?(runSMILAnimation(this.container,this.svg,i),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},CHART_POST_ANIMATE_TIMEOUT)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){isElementInViewport(t.container)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"addDataPoint",value:function(){}},{key:"removeDataPoint",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(){}},{key:"updateDataset",value:function(){}},{key:"export",value:function(){var t=prepareForExport(this.svg);downloadFile(this.title||"Chart",[t])}}]),t}(),_createClass$1=function(){function t(t,e){for(var n=0;n=0}),a=i;if(i.length>n){i.sort(function(t,e){return e[0]-t[0]}),a=i.slice(0,n-1);var r=0;i.slice(n-1).map(function(t){r+=t[0]}),a.push([r,"Rest"]),this.colors[n-1]="grey"}e.labels=[],a.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])}),e.grandTotal=e.sliceTotals.reduce(function(t,e){return t+e},0),this.center={x:this.width/2,y:this.height/2}}},{key:"renderLegend",value:function(){var t=this,e=this.state;this.legendArea.textContent="",this.legendTotals=e.sliceTotals.slice(0,this.config.maxLegendPoints);var n=0,i=0;this.legendTotals.map(function(a,r){var o=110,s=Math.floor((t.width-getExtraWidth(t.measures))/o);t.legendTotals.lengths&&(n=0,i+=20);var l=legendDot(o*n+5,i,5,t.colors[r],e.labels[r]+": "+a);t.legendArea.appendChild(l),n++})}}]),e}(BaseChart),NO_OF_YEAR_MONTHS=12,NO_OF_DAYS_IN_WEEK=7,NO_OF_MILLIS=1e3,SEC_IN_DAY=86400,MONTH_NAMES=["January","February","March","April","May","June","July","August","September","October","November","December"],DAY_NAMES_SHORT=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],_slicedToArray$3=function(){function t(t,e){var n=[],i=!0,a=!1,r=void 0;try{for(var o,s=t[Symbol.iterator]();!(i=(o=s.next()).done)&&(n.push(o.value),!e||n.length!==e);i=!0);}catch(t){a=!0,r=t}finally{try{!i&&s.return&&s.return()}finally{if(a)throw r}}return n}return function(e,n){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return t(e,n);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),_createClass$4=function(){function t(t,e){for(var n=0;n0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)||[]),e}}]),t}(),componentConfigs={donutSlices:{layerClass:"donut-slices",makeElements:function(t){return t.sliceStrings.map(function(e,n){var i=makePath(e,"donut-path",t.colors[n],"none",t.strokeWidth);return i.style.transition="transform .3s;",i})},animateElements:function(t){return this.store.map(function(e,n){return animatePathStr(e,t.sliceStrings[n])})}},pieSlices:{layerClass:"pie-slices",makeElements:function(t){return t.sliceStrings.map(function(e,n){var i=makePath(e,"pie-path","none",t.colors[n]);return i.style.transition="transform .3s;",i})},animateElements:function(t){return this.store.map(function(e,n){return animatePathStr(e,t.sliceStrings[n])})}},percentageBars:{layerClass:"percentage-bars",makeElements:function(t){var e=this;return t.xPositions.map(function(n,i){return percentageBar(n,0,t.widths[i],e.constants.barHeight,e.constants.barDepth,t.colors[i])})},animateElements:function(t){if(t)return[]}},yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(n,i){return yLine(n,t.labels[i],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos,shortenNumbers:e.constants.shortenNumbers})})},animateElements:function(t){var e=t.positions,n=t.labels,i=this.oldData.positions,a=this.oldData.labels,r=equilizeNoOfElements(i,e),o=_slicedToArray$3(r,2);i=o[0],e=o[1];var s=equilizeNoOfElements(a,n),l=_slicedToArray$3(s,2);return a=l[0],n=l[1],this.render({positions:i,labels:n}),this.store.map(function(t,n){return translateHoriLine(t,e[n],i[n])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(n,i){return xLine(n,t.calcLabels[i],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,n=t.calcLabels,i=this.oldData.positions,a=this.oldData.calcLabels,r=equilizeNoOfElements(i,e),o=_slicedToArray$3(r,2);i=o[0],e=o[1];var s=equilizeNoOfElements(a,n),l=_slicedToArray$3(s,2);return a=l[0],n=l[1],this.render({positions:i,calcLabels:n}),this.store.map(function(t,n){return translateVertLine(t,e[n],i[n])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return yMarker(t.position,t.label,e.constants.width,{labelPos:t.options.labelPos,mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),n=_slicedToArray$3(e,2);this.oldData=n[0];var i=(t=n[1]).map(function(t){return t.position}),a=t.map(function(t){return t.label}),r=t.map(function(t){return t.options}),o=this.oldData.map(function(t){return t.position});return this.render(o.map(function(t,e){return{position:o[e],label:a[e],options:r[e]}})),this.store.map(function(t,e){return translateHoriLine(t,i[e],o[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return yRegion(t.startPos,t.endPos,e.constants.width,t.label,{labelPos:t.options.labelPos})})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),n=_slicedToArray$3(e,2);this.oldData=n[0];var i=(t=n[1]).map(function(t){return t.endPos}),a=t.map(function(t){return t.label}),r=t.map(function(t){return t.startPos}),o=t.map(function(t){return t.options}),s=this.oldData.map(function(t){return t.endPos}),l=this.oldData.map(function(t){return t.startPos});this.render(s.map(function(t,e){return{startPos:l[e],endPos:s[e],label:a[e],options:o[e]}}));var u=[];return this.store.map(function(t,e){u=u.concat(animateRegion(t,r[e],i[e],s[e]))}),u}},heatDomain:{layerClass:function(){return"heat-domain domain-"+this.constants.index},makeElements:function(t){var e=this,n=this.constants,i=n.index,a=n.colWidth,r=n.rowHeight,o=n.squareSize,s=n.xTranslate,l=0;return this.serializedSubDomains=[],t.cols.map(function(t,n){1===n&&e.labels.push(makeText("domain-name",s,-12,getMonthName(i,!0).toUpperCase(),{fontSize:9})),t.map(function(t,n){if(t.fill){var i={"data-date":t.yyyyMmDd,"data-value":t.dataValue,"data-day":n},a=heatSquare("day",s,l,o,t.fill,i);e.serializedSubDomains.push(a)}l+=r}),l=0,s+=a}),this.serializedSubDomains},animateElements:function(t){if(t)return[]}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(n,i){return datasetBar(t.xPositions[i],n,t.barWidth,e.color,t.labels[i],i,t.offsets[i],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=t.xPositions,n=t.yPositions,i=t.offsets,a=t.labels,r=this.oldData.xPositions,o=this.oldData.yPositions,s=this.oldData.offsets,l=this.oldData.labels,u=equilizeNoOfElements(r,e),c=_slicedToArray$3(u,2);r=c[0],e=c[1];var h=equilizeNoOfElements(o,n),d=_slicedToArray$3(h,2);o=d[0],n=d[1];var f=equilizeNoOfElements(s,i),p=_slicedToArray$3(f,2);s=p[0],i=p[1];var v=equilizeNoOfElements(l,a),g=_slicedToArray$3(v,2);l=g[0],a=g[1],this.render({xPositions:r,yPositions:o,offsets:s,labels:a,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var y=[];return this.store.map(function(a,r){y=y.concat(animateBar(a,e[r],n[r],t.barWidth,i[r],{zeroLine:t.zeroLine}))}),y}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=getPaths(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(n,i){return datasetDot(t.xPositions[i],n,t.radius,e.color,e.valuesOverPoints?t.values[i]:"",i)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,n=t.yPositions,i=t.values,a=this.oldData.xPositions,r=this.oldData.yPositions,o=this.oldData.values,s=equilizeNoOfElements(a,e),l=_slicedToArray$3(s,2);a=l[0],e=l[1];var u=equilizeNoOfElements(r,n),c=_slicedToArray$3(u,2);r=c[0],n=c[1];var h=equilizeNoOfElements(o,i),d=_slicedToArray$3(h,2);o=d[0],i=d[1],this.render({xPositions:a,yPositions:r,values:i,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var f=[];return Object.keys(this.paths).length&&(f=f.concat(animatePath(this.paths,e,n,t.zeroLine))),this.units.length&&this.units.map(function(t,i){f=f.concat(animateDot(t,e[i],n[i]))}),f}}},_createClass=function(){function t(t,e){for(var n=0;n0?t.formattedLabels[r]:t.state.labels[r])+": ",h=e.sliceTotals[r]/e.grandTotal;t.tip.setValues(l,u,{name:c,value:(100*h).toFixed(1)+"%"}),t.tip.showTip()}})}}]),e}(AggregationChart),_createClass$5=function(){function t(t,e){for(var n=0;nthis.width?this.center.x:this.center.y;var i=this.radius,a=this.clockWise,r=n.slicesProperties||[];n.sliceStrings=[],n.slicesProperties=[];var o=180-this.config.startAngle;n.sliceTotals.map(function(e,s){var l=o,u=e/n.grandTotal*FULL_ANGLE,c=u>180?1:0,h=a?-u:u,d=o+=h,f=getPositionByAngle(l,i),p=getPositionByAngle(d,i),v=t.init&&r[s],g=void 0,y=void 0;t.init?(g=v?v.startPosition:f,y=v?v.endPosition:f):(g=f,y=p);var m=360===u?makeCircleStr(g,y,t.center,t.radius,a,c):makeArcPathStr(g,y,t.center,t.radius,a,c);n.sliceStrings.push(m),n.slicesProperties.push({startPosition:f,endPosition:p,value:e,total:n.grandTotal,startAngle:l,endAngle:d,angle:h})}),this.init=0}},{key:"setupComponents",value:function(){var t=this.state,e=[["pieSlices",{},function(){return{sliceStrings:t.sliceStrings,colors:this.colors}}.bind(this)]];this.components=new Map(e.map(function(t){var e=getComponent.apply(void 0,_toConsumableArray$2(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,n=this.hoverRadio,i=getPositionByAngle(t.startAngle+t.angle/2,e);return"translate3d("+i.x*n+"px,"+i.y*n+"px,0)"}},{key:"hoverSlice",value:function(t,e,n,i){if(t){var a=this.colors[e];if(n){transform(t,this.calTranslateByAngle(this.state.slicesProperties[e])),t.style.fill=lightenDarkenColor(a,50);var r=getOffset(this.svg),o=i.pageX-r.left+10,s=i.pageY-r.top-10,l=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[e]:this.state.labels[e])+": ",u=(100*this.state.sliceTotals[e]/this.state.grandTotal).toFixed(1);this.tip.setValues(o,s,{name:l,value:u+"%"}),this.tip.showTip()}else transform(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.fill=a}}},{key:"bindTooltip",value:function(){this.container.addEventListener("mousemove",this.mouseMove),this.container.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,n=this.components.get("pieSlices").store,i=this.curActiveSliceIndex,a=this.curActiveSlice;if(n.includes(e)){var r=n.indexOf(e);this.hoverSlice(a,i,!1),this.curActiveSlice=e,this.curActiveSliceIndex=r,this.hoverSlice(e,r,!0,t)}else this.mouseLeave()}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}}]),e}(AggregationChart),_slicedToArray$4=function(){function t(t,e){var n=[],i=!0,a=!1,r=void 0;try{for(var o,s=t[Symbol.iterator]();!(i=(o=s.next()).done)&&(n.push(o.value),!e||n.length!==e);i=!0);}catch(t){a=!0,r=t}finally{try{!i&&s.return&&s.return()}finally{if(a)throw r}}return n}return function(e,n){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return t(e,n);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),_createClass$6=function(){function t(t,e){for(var n=0;n0&&void 0!==arguments[0]?arguments[0]:this.data;if(t.start&&t.end&&t.start>t.end)throw new Error("Start date cannot be greater than end date.");if(t.start||(t.start=new Date,t.start.setFullYear(t.start.getFullYear()-1)),t.end||(t.end=new Date),t.dataPoints=t.dataPoints||{},parseInt(Object.keys(t.dataPoints)[0])>1e5){var e={};Object.keys(t.dataPoints).forEach(function(n){var i=new Date(n*NO_OF_MILLIS);e[getYyyyMmDd(i)]=t.dataPoints[n]}),t.dataPoints=e}return t}},{key:"calc",value:function(){var t=this.state;t.start=clone(this.data.start),t.end=clone(this.data.end),t.firstWeekStart=clone(t.start),t.noOfWeeks=getWeeksBetween(t.start,t.end),t.distribution=calcDistribution(Object.values(this.data.dataPoints),HEATMAP_DISTRIBUTION_SIZE),t.domainConfigs=this.getDomains()}},{key:"setupComponents",value:function(){var t=this,e=this.state,n=this.discreteDomains?0:1,i=e.domainConfigs.map(function(i,a){return["heatDomain",{index:i.index,colWidth:COL_WIDTH,rowHeight:ROW_HEIGHT,squareSize:HEATMAP_SQUARE_SIZE,xTranslate:e.domainConfigs.filter(function(t,e){return e1&&void 0!==arguments[1]?arguments[1]:"",n=[t.getMonth(),t.getFullYear()],i=n[0],a=n[1],r=setDayToSunday(t),o={index:i,cols:[]};addDays(e=clone(e)||getLastDateInMonth(i,a),1);for(var s=getWeeksBetween(r,e),l=[],u=void 0,c=0;c2&&void 0!==arguments[2]&&arguments[2],i=this.state,a=clone(t),r=[],o=0;o=i.start&&a<=i.end;n||a.getMonth()!==e||!l?s.yyyyMmDd=getYyyyMmDd(a):s=this.getSubDomainConfig(a),r.push(s)}return r}},{key:"getSubDomainConfig",value:function(t){var e=getYyyyMmDd(t),n=this.data.dataPoints[e];return{yyyyMmDd:e,dataValue:n||0,fill:this.colors[getMaxCheckpoint(n,this.state.distribution)]}}}]),e}(BaseChart),_createClass$7=function(){function t(t,e){for(var n=0;n0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return zeroDataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type),this.makeDataByIndex()}},{key:"calcXPositions",value:function(){var t=this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,n){return floatTwo(t.xOffset+n*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=calcChartIntervals(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),n=this.height/getValueRange(e),i=getIntervalSize(e)*n,a=this.height-getZeroIndex(e)*i;this.state.yAxis={labels:e,positions:e.map(function(t){return a-t*n}),scaleMultiplier:n,zeroLine:a},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return scale(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,n){var i=t.values,a=t.cumulativeYs||[];return{name:t.name,index:n,chartType:t.chartType,values:i,yPositions:e(i),cumulativeYs:a,cumulativeYPos:e(a)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e){e.yPositions.map(function(e,n){egetTopOffset(n)?t.mapTooltipXPosition(a):t.tip.hideTip()})}},{key:"mapTooltipXPosition",value:function(t){var e=this.state;if(e.yExtremes){var n=getClosestInArray(t,e.xAxis.positions,!0),i=this.dataByIndex[n];this.tip.setValues(i.xPos+this.tip.offset.x,i.yExtreme+this.tip.offset.y,{name:i.formattedLabel,value:""},i.values,n),this.tip.showTip()}}},{key:"renderLegend",value:function(){var t=this,e=this.data;e.datasets.length>1&&(this.legendArea.textContent="",e.datasets.map(function(e,n){var i=AXIS_LEGEND_BAR_SIZE,a=legendBar(i*n,"0",i,t.colors[n],e.name,t.config.truncateLegends);t.legendArea.appendChild(a)}))}},{key:"makeOverlay",value:function(){var t=this;if(this.init)return void(this.init=0);this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var n=e.units[t.state.currentIndex];e.overlay=makeOverlay[e.type](n),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(){t.updateOverlay()})}},{key:"bindUnits",value:function(){var t=this;this.dataUnitComponents.map(function(e){e.units.map(function(e){e.addEventListener("click",function(){var n=e.getAttribute("data-point-index");t.setCurrentDataPoint(n)})})}),this.tip.container.addEventListener("click",function(){var e=t.tip.container.getAttribute("data-point-index");t.setCurrentDataPoint(e)})}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var n=e.units[t.state.currentIndex];updateOverlay[e.type](n,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex,e=this.state;return{index:t,label:e.xAxis.labels[t],values:e.datasets.map(function(e){return e.values[t]})}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,fire(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,n){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;_get$3(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"addDataPoint",this).call(this,t,n,i),this.data.labels.splice(i,0,t),this.data.datasets.map(function(t,e){t.values.splice(i,0,n[e])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;this.data.labels.length<=1||(_get$3(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data))}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}},{key:"updateDatasets",value:function(t){this.data.datasets.map(function(e,n){t[n]&&(e.values=t[n])}),this.update(this.data)}}]),e}(BaseChart),_createClass$8=function(){function t(t,e){for(var n=0;nthis.width?this.center.x-this.strokeWidth/2:this.center.y-this.strokeWidth/2;var i=this.radius,a=this.clockWise,r=n.slicesProperties||[];n.sliceStrings=[],n.slicesProperties=[];var o=180-this.config.startAngle;n.sliceTotals.map(function(e,s){var l=o,u=e/n.grandTotal*FULL_ANGLE,c=u>180?1:0,h=a?-u:u,d=o+=h,f=getPositionByAngle(l,i),p=getPositionByAngle(d,i),v=t.init&&r[s],g=void 0,y=void 0;t.init?(g=v?v.startPosition:f,y=v?v.endPosition:f):(g=f,y=p);var m=360===u?makeStrokeCircleStr(g,y,t.center,t.radius,t.clockWise,c):makeArcStrokePathStr(g,y,t.center,t.radius,t.clockWise,c);n.sliceStrings.push(m),n.slicesProperties.push({startPosition:f,endPosition:p,value:e,total:n.grandTotal,startAngle:l,endAngle:d,angle:h})}),this.init=0}},{key:"setupComponents",value:function(){var t=this.state,e=[["donutSlices",{},function(){return{sliceStrings:t.sliceStrings,colors:this.colors,strokeWidth:this.strokeWidth}}.bind(this)]];this.components=new Map(e.map(function(t){var e=getComponent.apply(void 0,_toConsumableArray$6(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,n=this.hoverRadio,i=getPositionByAngle(t.startAngle+t.angle/2,e);return"translate3d("+i.x*n+"px,"+i.y*n+"px,0)"}},{key:"hoverSlice",value:function(t,e,n,i){if(t){var a=this.colors[e];if(n){transform(t,this.calTranslateByAngle(this.state.slicesProperties[e])),t.style.stroke=lightenDarkenColor(a,50);var r=getOffset(this.svg),o=i.pageX-r.left+10,s=i.pageY-r.top-10,l=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[e]:this.state.labels[e])+": ",u=(100*this.state.sliceTotals[e]/this.state.grandTotal).toFixed(1);this.tip.setValues(o,s,{name:l,value:u+"%"}),this.tip.showTip()}else transform(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.stroke=a}}},{key:"bindTooltip",value:function(){this.container.addEventListener("mousemove",this.mouseMove),this.container.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,n=this.components.get("donutSlices").store,i=this.curActiveSliceIndex,a=this.curActiveSlice;if(n.includes(e)){var r=n.indexOf(e);this.hoverSlice(a,i,!1),this.curActiveSlice=e,this.curActiveSliceIndex=r,this.hoverSlice(e,r,!0,t)}else this.mouseLeave()}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}}]),e}(AggregationChart),chartTypes={bar:AxisChart,line:AxisChart,percentage:PercentageChart,heatmap:Heatmap,pie:PieChart,donut:DonutChart},Chart=function t(e,n){return _classCallCheck(this,t),getChartByType(n.type,e,n)};exports.Chart=Chart,exports.PercentageChart=PercentageChart,exports.PieChart=PieChart,exports.Heatmap=Heatmap,exports.AxisChart=AxisChart; -//# sourceMappingURL=frappe-charts.min.cjs.js.map diff --git a/dist/frappe-charts.min.cjs.js.map b/dist/frappe-charts.min.cjs.js.map deleted file mode 100644 index ea513af..0000000 --- a/dist/frappe-charts.min.cjs.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"frappe-charts.min.cjs.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/js/utils/dom.js","../src/js/utils/constants.js","../src/js/utils/helpers.js","../src/js/utils/draw-utils.js","../src/js/utils/colors.js","../src/js/utils/draw.js","../src/js/utils/animate.js","../src/js/utils/animation.js","../src/js/utils/export.js","../src/js/utils/date-utils.js","../src/js/objects/ChartComponents.js","../src/js/utils/intervals.js","../src/js/utils/axis-chart-utils.js","../src/js/chart.js","../src/js/objects/SvgTip.js","../src/css/chartsCss.js","../src/js/charts/BaseChart.js","../src/js/charts/AggregationChart.js","../src/js/charts/PercentageChart.js","../src/js/charts/PieChart.js","../src/js/charts/Heatmap.js","../src/js/charts/AxisChart.js","../src/js/charts/DonutChart.js"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","export function $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function findNodeIndex(node)\n{\n\tvar i = 0;\n\twhile (node.previousSibling) {\n\t\tnode = node.previousSibling;\n\t\ti++;\n\t}\n\treturn i;\n}\n\n$.create = (tag, o) => {\n\tvar element = document.createElement(tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else if (i in element ) {\n\t\t\telement[i] = val;\n\t\t}\n\t\telse {\n\t\t\telement.setAttribute(i, val);\n\t\t}\n\t}\n\n\treturn element;\n};\n\nexport function getOffset(element) {\n\tlet rect = element.getBoundingClientRect();\n\treturn {\n\t\t// https://stackoverflow.com/a/7436602/6495043\n\t\t// rect.top varies with scroll, so we add whatever has been\n\t\t// scrolled to it to get absolute distance from actual page top\n\t\ttop: rect.top + (document.documentElement.scrollTop || document.body.scrollTop),\n\t\tleft: rect.left + (document.documentElement.scrollLeft || document.body.scrollLeft)\n\t};\n}\n\nexport function isElementInViewport(el) {\n\t// Although straightforward: https://stackoverflow.com/a/7557433/6495043\n\tvar rect = el.getBoundingClientRect();\n\n\treturn (\n\t\trect.top >= 0 &&\n rect.left >= 0 &&\n rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */\n rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */\n\t);\n}\n\nexport function getElementContentWidth(element) {\n\tvar styles = window.getComputedStyle(element);\n\tvar padding = parseFloat(styles.paddingLeft) +\n\t\tparseFloat(styles.paddingRight);\n\n\treturn element.clientWidth - padding;\n}\n\nexport function bind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function (event) {\n\t\t\t\telement.addEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function unbind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function(event) {\n\t\t\t\telement.removeEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function fire(target, type, properties) {\n\tvar evt = document.createEvent(\"HTMLEvents\");\n\n\tevt.initEvent(type, true, true );\n\n\tfor (var j in properties) {\n\t\tevt[j] = properties[j];\n\t}\n\n\treturn target.dispatchEvent(evt);\n}\n\n// https://css-tricks.com/snippets/javascript/loop-queryselectorall-matches/\nexport function forEachNode(nodeList, callback, scope) {\n\tif(!nodeList) return;\n\tfor (var i = 0; i < nodeList.length; i++) {\n\t\tcallback.call(scope, nodeList[i], i);\n\t}\n}\n\nexport function activate($parent, $child, commonClass, activeClass='active', index = -1) {\n\tlet $children = $parent.querySelectorAll(`.${commonClass}.${activeClass}`);\n\n\tforEachNode($children, (node, i) => {\n\t\tif(index >= 0 && i <= index) return;\n\t\tnode.classList.remove(activeClass);\n\t});\n\n\t$child.classList.add(activeClass);\n}\n","export const ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\n\nexport const COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\n\theatmap: []\n};\n\nexport const DATA_COLOR_DIVISIONS = {\n\tbar: 'datasets',\n\tline: 'datasets',\n\tpie: 'labels',\n\tpercentage: 'labels',\n\theatmap: HEATMAP_DISTRIBUTION_SIZE\n};\n\nexport const BASE_MEASURES = {\n\tmargins: {\n\t\ttop: 10,\n\t\tbottom: 10,\n\t\tleft: 20,\n\t\tright: 20\n\t},\n\tpaddings: {\n\t\ttop: 20,\n\t\tbottom: 40,\n\t\tleft: 30,\n\t\tright: 10\n\t},\n\n\tbaseHeight: 240,\n\ttitleHeight: 20,\n\tlegendHeight: 30,\n\n\ttitleFontSize: 12,\n};\n\nexport function getTopOffset(m) {\n\treturn m.titleHeight + m.margins.top + m.paddings.top;\n}\n\nexport function getLeftOffset(m) {\n\treturn m.margins.left + m.paddings.left;\n}\n\nexport function getExtraHeight(m) {\n\tlet totalExtraHeight = m.margins.top + m.margins.bottom\n\t\t+ m.paddings.top + m.paddings.bottom\n\t\t+ m.titleHeight + m.legendHeight;\n\treturn totalExtraHeight;\n}\n\nexport function getExtraWidth(m) {\n\tlet totalExtraWidth = m.margins.left + m.margins.right\n\t\t+ m.paddings.left + m.paddings.right;\n\n\treturn totalExtraWidth;\n}\n\nexport const INIT_CHART_UPDATE_TIMEOUT = 700;\nexport const CHART_POST_ANIMATE_TIMEOUT = 400;\n\nexport const DEFAULT_AXIS_CHART_TYPE = 'line';\nexport const AXIS_DATASET_CHART_TYPES = ['line', 'bar'];\n\nexport const AXIS_LEGEND_BAR_SIZE = 100;\n\nexport const BAR_CHART_SPACE_RATIO = 0.5;\nexport const MIN_BAR_PERCENT_HEIGHT = 0.00;\n\nexport const LINE_CHART_DOT_SIZE = 4;\nexport const DOT_OVERLAY_SIZE_INCR = 4;\n\nexport const PERCENTAGE_BAR_DEFAULT_HEIGHT = 20;\nexport const PERCENTAGE_BAR_DEFAULT_DEPTH = 2;\n\n// Fixed 5-color theme,\n// More colors are difficult to parse visually\nexport const HEATMAP_DISTRIBUTION_SIZE = 5;\n\nexport const HEATMAP_SQUARE_SIZE = 10;\nexport const HEATMAP_GUTTER_SIZE = 2;\n\nexport const DEFAULT_CHAR_WIDTH = 7;\n\nexport const TOOLTIP_POINTER_TRIANGLE_HEIGHT = 5;\n\nconst DEFAULT_CHART_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey'];\nconst HEATMAP_COLORS_GREEN = ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\nexport const HEATMAP_COLORS_BLUE = ['#ebedf0', '#c0ddf9', '#73b3f3', '#3886e1', '#17459e'];\nexport const HEATMAP_COLORS_YELLOW = ['#ebedf0', '#fdf436', '#ffc700', '#ff9100', '#06001c'];\n\nexport const DEFAULT_COLORS = {\n\tbar: DEFAULT_CHART_COLORS,\n\tline: DEFAULT_CHART_COLORS,\n\tpie: DEFAULT_CHART_COLORS,\n\tpercentage: DEFAULT_CHART_COLORS,\n\theatmap: HEATMAP_COLORS_GREEN,\n\tdonut: DEFAULT_CHART_COLORS\n};\n\n// Universal constants\nexport const ANGLE_RATIO = Math.PI / 180;\nexport const FULL_ANGLE = 360;\n","import { ANGLE_RATIO } from './constants';\n\n/**\n * Returns the value of a number upto 2 decimal places.\n * @param {Number} d Any number\n */\nexport function floatTwo(d) {\n\treturn parseFloat(d.toFixed(2));\n}\n\n/**\n * Returns whether or not two given arrays are equal.\n * @param {Array} arr1 First array\n * @param {Array} arr2 Second array\n */\nexport function arraysEqual(arr1, arr2) {\n\tif(arr1.length !== arr2.length) return false;\n\tlet areEqual = true;\n\tarr1.map((d, i) => {\n\t\tif(arr2[i] !== d) areEqual = false;\n\t});\n\treturn areEqual;\n}\n\n/**\n * Shuffles array in place. ES6 version\n * @param {Array} array An array containing the items.\n */\nexport function shuffle(array) {\n\t// Awesomeness: https://bost.ocks.org/mike/shuffle/\n\t// https://stackoverflow.com/a/2450976/6495043\n\t// https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array?noredirect=1&lq=1\n\n\tfor (let i = array.length - 1; i > 0; i--) {\n\t\tlet j = Math.floor(Math.random() * (i + 1));\n\t\t[array[i], array[j]] = [array[j], array[i]];\n\t}\n\n\treturn array;\n}\n\n/**\n * Fill an array with extra points\n * @param {Array} array Array\n * @param {Number} count number of filler elements\n * @param {Object} element element to fill with\n * @param {Boolean} start fill at start?\n */\nexport function fillArray(array, count, element, start=false) {\n\tif(!element) {\n\t\telement = start ? array[0] : array[array.length - 1];\n\t}\n\tlet fillerArray = new Array(Math.abs(count)).fill(element);\n\tarray = start ? fillerArray.concat(array) : array.concat(fillerArray);\n\treturn array;\n}\n\n/**\n * Returns pixel width of string.\n * @param {String} string\n * @param {Number} charWidth Width of single char in pixels\n */\nexport function getStringWidth(string, charWidth) {\n\treturn (string+\"\").length * charWidth;\n}\n\nexport function bindChange(obj, getFn, setFn) {\n\treturn new Proxy(obj, {\n\t\tset: function(target, prop, value) {\n\t\t\tsetFn();\n\t\t\treturn Reflect.set(target, prop, value);\n\t\t},\n\t\tget: function(target, prop) {\n\t\t\tgetFn();\n\t\t\treturn Reflect.get(target, prop);\n\t\t}\n\t});\n}\n\n// https://stackoverflow.com/a/29325222\nexport function getRandomBias(min, max, bias, influence) {\n\tconst range = max - min;\n\tconst biasValue = range * bias + min;\n\tvar rnd = Math.random() * range + min,\t\t// random in range\n\t\tmix = Math.random() * influence;\t\t// random mixer\n\treturn rnd * (1 - mix) + biasValue * mix;\t// mix full range and bias\n}\n\nexport function getPositionByAngle(angle, radius) {\n\treturn {\n\t\tx: Math.sin(angle * ANGLE_RATIO) * radius,\n\t\ty: Math.cos(angle * ANGLE_RATIO) * radius,\n\t};\n}\n","import { fillArray } from './helpers';\n\nexport function getBarHeightAndYAttr(yTop, zeroLine) {\n\tlet height, y;\n\tif (yTop <= zeroLine) {\n\t\theight = zeroLine - yTop;\n\t\ty = yTop;\n\t} else {\n\t\theight = yTop - zeroLine;\n\t\ty = zeroLine;\n\t}\n\n\treturn [height, y];\n}\n\nexport function equilizeNoOfElements(array1, array2,\n\textraCount = array2.length - array1.length) {\n\n\t// Doesn't work if either has zero elements.\n\tif(extraCount > 0) {\n\t\tarray1 = fillArray(array1, extraCount);\n\t} else {\n\t\tarray2 = fillArray(array2, extraCount);\n\t}\n\treturn [array1, array2];\n}\n\nexport function truncateString(txt, len) {\n\tif (!txt) {\n\t\treturn;\n\t}\n\tif (txt.length > len) {\n\t\treturn txt.slice(0, len-3) + '...';\n\t} else {\n\t\treturn txt;\n\t}\n}\n\nexport function shortenLargeNumber(label) {\n\tlet number;\n\tif (typeof label === 'number') number = label;\n\telse if (typeof label === 'string') {\n\t\tnumber = Number(label);\n\t\tif (Number.isNaN(number)) return label;\n\t}\n\n\t// Using absolute since log wont work for negative numbers\n\tlet p = Math.floor(Math.log10(Math.abs(number)));\n\tif (p <= 2) return number; // Return as is for a 3 digit number of less\n\tlet\tl = Math.floor(p / 3);\n\tlet shortened = (Math.pow(10, p - l * 3) * +(number / Math.pow(10, p)).toFixed(1));\n\n\t// Correct for floating point error upto 2 decimal places\n\treturn Math.round(shortened*100)/100 + ' ' + ['', 'K', 'M', 'B', 'T'][l];\n}","const PRESET_COLOR_MAP = {\n\t'light-blue': '#7cd6fd',\n\t'blue': '#5e64ff',\n\t'violet': '#743ee2',\n\t'red': '#ff5858',\n\t'orange': '#ffa00a',\n\t'yellow': '#feef72',\n\t'green': '#28a745',\n\t'light-green': '#98d85b',\n\t'purple': '#b554ff',\n\t'magenta': '#ffa3ef',\n\t'black': '#36114C',\n\t'grey': '#bdd3e6',\n\t'light-grey': '#f0f4f7',\n\t'dark-grey': '#b8c2cc'\n};\n\nfunction limitColor(r){\n\tif (r > 255) return 255;\n\telse if (r < 0) return 0;\n\treturn r;\n}\n\nexport function lightenDarkenColor(color, amt) {\n\tlet col = getColor(color);\n\tlet usePound = false;\n\tif (col[0] == \"#\") {\n\t\tcol = col.slice(1);\n\t\tusePound = true;\n\t}\n\tlet num = parseInt(col,16);\n\tlet r = limitColor((num >> 16) + amt);\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\n\tlet g = limitColor((num & 0x0000FF) + amt);\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\n}\n\nexport function isValidColor(string) {\n\t// https://stackoverflow.com/a/8027444/6495043\n\treturn /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string);\n}\n\nexport const getColor = (color) => {\n\treturn PRESET_COLOR_MAP[color] || color;\n};\n","import { getBarHeightAndYAttr, truncateString, shortenLargeNumber } from './draw-utils';\nimport { getStringWidth } from './helpers';\nimport { DOT_OVERLAY_SIZE_INCR, PERCENTAGE_BAR_DEFAULT_DEPTH } from './constants';\nimport { lightenDarkenColor } from './colors';\n\nexport const AXIS_TICK_LENGTH = 6;\nconst LABEL_MARGIN = 4;\nconst LABEL_MAX_CHARS = 15;\nexport const FONT_SIZE = 10;\nconst BASE_LINE_COLOR = '#dadada';\nconst FONT_FILL = '#555b51';\n\nfunction $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function createSVG(tag, o) {\n\tvar element = document.createElementNS(\"http://www.w3.org/2000/svg\", tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tif(i === \"className\") { i = \"class\"; }\n\t\t\tif(i === \"innerHTML\") {\n\t\t\t\telement['textContent'] = val;\n\t\t\t} else {\n\t\t\t\telement.setAttribute(i, val);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn element;\n}\n\nfunction renderVerticalGradient(svgDefElem, gradientId) {\n\treturn createSVG('linearGradient', {\n\t\tinside: svgDefElem,\n\t\tid: gradientId,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: 0,\n\t\ty2: 1\n\t});\n}\n\nfunction setGradientStop(gradElem, offset, color, opacity) {\n\treturn createSVG('stop', {\n\t\t'inside': gradElem,\n\t\t'style': `stop-color: ${color}`,\n\t\t'offset': offset,\n\t\t'stop-opacity': opacity\n\t});\n}\n\nexport function makeSVGContainer(parent, className, width, height) {\n\treturn createSVG('svg', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\twidth: width,\n\t\theight: height\n\t});\n}\n\nexport function makeSVGDefs(svgContainer) {\n\treturn createSVG('defs', {\n\t\tinside: svgContainer,\n\t});\n}\n\nexport function makeSVGGroup(className, transform='', parent=undefined) {\n\tlet args = {\n\t\tclassName: className,\n\t\ttransform: transform\n\t};\n\tif(parent) args.inside = parent;\n\treturn createSVG('g', args);\n}\n\nexport function wrapInSVGGroup(elements, className='') {\n\tlet g = createSVG('g', {\n\t\tclassName: className\n\t});\n\telements.forEach(e => g.appendChild(e));\n\treturn g;\n}\n\nexport function makePath(pathStr, className='', stroke='none', fill='none', strokeWidth=2) {\n\treturn createSVG('path', {\n\t\tclassName: className,\n\t\td: pathStr,\n\t\tstyles: {\n\t\t\tstroke: stroke,\n\t\t\tfill: fill,\n\t\t\t'stroke-width': strokeWidth\n\t\t}\n\t});\n}\n\nexport function makeArcPathStr(startPosition, endPosition, center, radius, clockWise=1, largeArc=0){\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\n\tlet [arcEndX, arcEndY] = [center.x + endPosition.x, center.y + endPosition.y];\n\treturn `M${center.x} ${center.y}\n\t\tL${arcStartX} ${arcStartY}\n\t\tA ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0}\n\t\t${arcEndX} ${arcEndY} z`;\n}\n\nexport function makeCircleStr(startPosition, endPosition, center, radius, clockWise=1, largeArc=0){\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\n\tlet [arcEndX, midArc, arcEndY] = [center.x + endPosition.x, center.y * 2, center.y + endPosition.y];\n\treturn `M${center.x} ${center.y}\n\t\tL${arcStartX} ${arcStartY}\n\t\tA ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0}\n\t\t${arcEndX} ${midArc} z\n\t\tL${arcStartX} ${midArc}\n\t\tA ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0}\n\t\t${arcEndX} ${arcEndY} z`;\n}\n\nexport function makeArcStrokePathStr(startPosition, endPosition, center, radius, clockWise=1, largeArc=0){\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\n\tlet [arcEndX, arcEndY] = [center.x + endPosition.x, center.y + endPosition.y];\n\n\treturn `M${arcStartX} ${arcStartY}\n\t\tA ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0}\n\t\t${arcEndX} ${arcEndY}`;\n}\n\nexport function makeStrokeCircleStr(startPosition, endPosition, center, radius, clockWise=1, largeArc=0){\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\n\tlet [arcEndX, midArc, arcEndY] = [center.x + endPosition.x, radius * 2 + arcStartY, center.y + startPosition.y];\n\n\treturn `M${arcStartX} ${arcStartY}\n\t\tA ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0}\n\t\t${arcEndX} ${midArc}\n\t\tM${arcStartX} ${midArc}\n\t\tA ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0}\n\t\t${arcEndX} ${arcEndY}`;\n}\n\nexport function makeGradient(svgDefElem, color, lighter = false) {\n\tlet gradientId ='path-fill-gradient' + '-' + color + '-' +(lighter ? 'lighter' : 'default');\n\tlet gradientDef = renderVerticalGradient(svgDefElem, gradientId);\n\tlet opacities = [1, 0.6, 0.2];\n\tif(lighter) {\n\t\topacities = [0.4, 0.2, 0];\n\t}\n\n\tsetGradientStop(gradientDef, \"0%\", color, opacities[0]);\n\tsetGradientStop(gradientDef, \"50%\", color, opacities[1]);\n\tsetGradientStop(gradientDef, \"100%\", color, opacities[2]);\n\n\treturn gradientId;\n}\n\nexport function percentageBar(x, y, width, height,\n\tdepth=PERCENTAGE_BAR_DEFAULT_DEPTH, fill='none') {\n\n\tlet args = {\n\t\tclassName: 'percentage-bar',\n\t\tx: x,\n\t\ty: y,\n\t\twidth: width,\n\t\theight: height,\n\t\tfill: fill,\n\t\tstyles: {\n\t\t\t'stroke': lightenDarkenColor(fill, -25),\n\t\t\t// Diabolically good: https://stackoverflow.com/a/9000859\n\t\t\t// https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\n\t\t\t'stroke-dasharray': `0, ${height + width}, ${width}, ${height}`,\n\t\t\t'stroke-width': depth\n\t\t},\n\t};\n\n\treturn createSVG(\"rect\", args);\n}\n\nexport function heatSquare(className, x, y, size, fill='none', data={}) {\n\tlet args = {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: size,\n\t\theight: size,\n\t\tfill: fill\n\t};\n\n\tObject.keys(data).map(key => {\n\t\targs[key] = data[key];\n\t});\n\n\treturn createSVG(\"rect\", args);\n}\n\nexport function legendBar(x, y, size, fill='none', label, truncate=false) {\n\tlabel = truncate ? truncateString(label, LABEL_MAX_CHARS) : label;\n\n\tlet args = {\n\t\tclassName: 'legend-bar',\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: size,\n\t\theight: '2px',\n\t\tfill: fill\n\t};\n\tlet text = createSVG('text', {\n\t\tclassName: 'legend-dataset-text',\n\t\tx: 0,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE * 2) + 'px',\n\t\t'font-size': (FONT_SIZE * 1.2) + 'px',\n\t\t'text-anchor': 'start',\n\t\tfill: FONT_FILL,\n\t\tinnerHTML: label\n\t});\n\n\tlet group = createSVG('g', {\n\t\ttransform: `translate(${x}, ${y})`\n\t});\n\tgroup.appendChild(createSVG(\"rect\", args));\n\tgroup.appendChild(text);\n\n\treturn group;\n}\n\nexport function legendDot(x, y, size, fill='none', label) {\n\tlet args = {\n\t\tclassName: 'legend-dot',\n\t\tcx: 0,\n\t\tcy: 0,\n\t\tr: size,\n\t\tfill: fill\n\t};\n\tlet text = createSVG('text', {\n\t\tclassName: 'legend-dataset-text',\n\t\tx: 0,\n\t\ty: 0,\n\t\tdx: (FONT_SIZE) + 'px',\n\t\tdy: (FONT_SIZE/3) + 'px',\n\t\t'font-size': (FONT_SIZE * 1.2) + 'px',\n\t\t'text-anchor': 'start',\n\t\tfill: FONT_FILL,\n\t\tinnerHTML: label\n\t});\n\n\tlet group = createSVG('g', {\n\t\ttransform: `translate(${x}, ${y})`\n\t});\n\tgroup.appendChild(createSVG(\"circle\", args));\n\tgroup.appendChild(text);\n\n\treturn group;\n}\n\nexport function makeText(className, x, y, content, options = {}) {\n\tlet fontSize = options.fontSize || FONT_SIZE;\n\tlet dy = options.dy !== undefined ? options.dy : (fontSize / 2);\n\tlet fill = options.fill || FONT_FILL;\n\tlet textAnchor = options.textAnchor || 'start';\n\treturn createSVG('text', {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\tdy: dy + 'px',\n\t\t'font-size': fontSize + 'px',\n\t\tfill: fill,\n\t\t'text-anchor': textAnchor,\n\t\tinnerHTML: content\n\t});\n}\n\nfunction makeVertLine(x, label, y1, y2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tlet l = createSVG('line', {\n\t\tclassName: 'line-vertical ' + options.className,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: y1,\n\t\ty2: y2,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: 0,\n\t\ty: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE,\n\t\tdy: FONT_SIZE + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'middle',\n\t\tinnerHTML: label + \"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(${ x }, 0)`\n\t});\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nfunction makeHoriLine(y, label, x1, x2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.lineType) options.lineType = '';\n\tif (options.shortenNumbers) label = shortenLargeNumber(label);\n\t\n\tlet className = 'line-horizontal ' + options.className +\n\t\t(options.lineType === \"dashed\" ? \"dashed\": \"\");\n\n\tlet l = createSVG('line', {\n\t\tclassName: className,\n\t\tx1: x1,\n\t\tx2: x2,\n\t\ty1: 0,\n\t\ty2: 0,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / 2 - 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': x1 < x2 ? 'end' : 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(0, ${y})`,\n\t\t'stroke-opacity': 1\n\t});\n\n\tif(text === 0 || text === '0') {\n\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\n\t}\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nexport function yLine(y, label, width, options={}) {\n\tif(!options.pos) options.pos = 'left';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\tlet x1 = -1 * AXIS_TICK_LENGTH;\n\tlet x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;\n\n\tif(options.mode === 'tick' && options.pos === 'right') {\n\t\tx1 = width + AXIS_TICK_LENGTH;\n\t\tx2 = width;\n\t}\n\n\t// let offset = options.pos === 'left' ? -1 * options.offset : options.offset;\n\n\tx1 += options.offset;\n\tx2 += options.offset;\n\n\treturn makeHoriLine(y, label, x1, x2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType,\n\t\tshortenNumbers: options.shortenNumbers\n\t});\n}\n\nexport function xLine(x, label, height, options={}) {\n\tif(!options.pos) options.pos = 'bottom';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\t// Draw X axis line in span/tick mode with optional label\n\t// \ty2(span)\n\t// \t\t\t\t\t\t|\n\t// \t\t\t\t\t\t|\n\t//\t\t\t\tx line\t|\n\t//\t\t\t\t\t\t|\n\t// \t\t\t\t\t \t|\n\t// ---------------------+-- y2(tick)\n\t//\t\t\t\t\t\t|\n\t//\t\t\t\t\t\t\ty1\n\n\tlet y1 = height + AXIS_TICK_LENGTH;\n\tlet y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : height;\n\n\tif(options.mode === 'tick' && options.pos === 'top') {\n\t\t// top axis ticks\n\t\ty1 = -1 * AXIS_TICK_LENGTH;\n\t\ty2 = 0;\n\t}\n\n\treturn makeVertLine(x, label, y1, y2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function yMarker(y, label, width, options={}) {\n\tif(!options.labelPos) options.labelPos = 'right';\n\tlet x = options.labelPos === 'left' ? LABEL_MARGIN\n\t\t: width - getStringWidth(label, 5) - LABEL_MARGIN;\n\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: x,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = makeHoriLine(y, '', 0, width, {\n\t\tstroke: options.stroke || BASE_LINE_COLOR,\n\t\tclassName: options.className || '',\n\t\tlineType: options.lineType\n\t});\n\n\tline.appendChild(labelSvg);\n\n\treturn line;\n}\n\nexport function yRegion(y1, y2, width, label, options={}) {\n\t// return a group\n\tlet height = y1 - y2;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`, // remove class\n\t\tstyles: {\n\t\t\tfill: `rgba(228, 234, 239, 0.49)`,\n\t\t\tstroke: BASE_LINE_COLOR,\n\t\t\t'stroke-dasharray': `${width}, ${height}`\n\t\t},\n\t\t// 'data-point-index': index,\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: width,\n\t\theight: height\n\t});\n\n\tif(!options.labelPos) options.labelPos = 'right';\n\tlet x = options.labelPos === 'left' ? LABEL_MARGIN\n\t\t: width - getStringWidth(label+\"\", 4.5) - LABEL_MARGIN;\n\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: x,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet region = createSVG('g', {\n\t\ttransform: `translate(0, ${y2})`\n\t});\n\n\tregion.appendChild(rect);\n\tregion.appendChild(labelSvg);\n\n\treturn region;\n}\n\nexport function datasetBar(x, yTop, width, color, label='', index=0, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\n\tif(height === 0) {\n\t\theight = meta.minHeight;\n\t\ty -= meta.minHeight;\n\t}\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`,\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: width,\n\t\theight: height\n\t});\n\n\tlabel += \"\";\n\n\tif(!label && !label.length) {\n\t\treturn rect;\n\t} else {\n\t\trect.setAttribute('y', 0);\n\t\trect.setAttribute('x', 0);\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: width/2,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\t'data-point-index': index,\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(rect);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function datasetDot(x, y, radius, color, label='', index=0) {\n\tlet dot = createSVG('circle', {\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tcx: x,\n\t\tcy: y,\n\t\tr: radius\n\t});\n\n\tlabel += \"\";\n\n\tif(!label && !label.length) {\n\t\treturn dot;\n\t} else {\n\t\tdot.setAttribute('cy', 0);\n\t\tdot.setAttribute('cx', 0);\n\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1 - radius) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\t'data-point-index': index,\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(dot);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function getPaths(xList, yList, color, options={}, meta={}) {\n\tlet pointsList = yList.map((y, i) => (xList[i] + ',' + y));\n\tlet pointsStr = pointsList.join(\"L\");\n\tlet path = makePath(\"M\"+pointsStr, 'line-graph-path', color);\n\n\t// HeatLine\n\tif(options.heatline) {\n\t\tlet gradient_id = makeGradient(meta.svgDefs, color);\n\t\tpath.style.stroke = `url(#${gradient_id})`;\n\t}\n\n\tlet paths = {\n\t\tpath: path\n\t};\n\n\t// Region\n\tif(options.regionFill) {\n\t\tlet gradient_id_region = makeGradient(meta.svgDefs, color, true);\n\n\t\tlet pathStr = \"M\" + `${xList[0]},${meta.zeroLine}L` + pointsStr + `L${xList.slice(-1)[0]},${meta.zeroLine}`;\n\t\tpaths.region = makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`);\n\t}\n\n\treturn paths;\n}\n\nexport let makeOverlay = {\n\t'bar': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'dot': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\tlet fill = unit.getAttribute('fill');\n\t\toverlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.setAttribute('fill', fill);\n\t\toverlay.style.opacity = '0.6';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'heat_square': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\tlet fill = unit.getAttribute('fill');\n\t\toverlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.setAttribute('fill', fill);\n\t\toverlay.style.opacity = '0.6';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t}\n};\n\nexport let updateOverlay = {\n\t'bar': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['x', 'y', 'width', 'height'];\n\t\tObject.values(unit.attributes)\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t\t.map(attr => {\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'dot': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t\t.map(attr => {\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'heat_square': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t\t.map(attr => {\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n};\n","import { getBarHeightAndYAttr } from './draw-utils';\n\nexport const UNIT_ANIM_DUR = 350;\nexport const PATH_ANIM_DUR = 350;\nexport const MARKER_LINE_ANIM_DUR = UNIT_ANIM_DUR;\nexport const REPLACE_ALL_NEW_DUR = 250;\n\nexport const STD_EASING = 'easein';\n\nexport function translate(unit, oldCoord, newCoord, duration) {\n\tlet old = typeof oldCoord === 'string' ? oldCoord : oldCoord.join(', ');\n\treturn [\n\t\tunit,\n\t\t{transform: newCoord.join(', ')},\n\t\tduration,\n\t\tSTD_EASING,\n\t\t\"translate\",\n\t\t{transform: old}\n\t];\n}\n\nexport function translateVertLine(xLine, newX, oldX) {\n\treturn translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR);\n}\n\nexport function translateHoriLine(yLine, newY, oldY) {\n\treturn translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR);\n}\n\nexport function animateRegion(rectGroup, newY1, newY2, oldY2) {\n\tlet newHeight = newY1 - newY2;\n\tlet rect = rectGroup.childNodes[0];\n\tlet width = rect.getAttribute(\"width\");\n\tlet rectAnim = [\n\t\trect,\n\t\t{ height: newHeight, 'stroke-dasharray': `${width}, ${newHeight}` },\n\t\tMARKER_LINE_ANIM_DUR,\n\t\tSTD_EASING\n\t];\n\n\tlet groupAnim = translate(rectGroup, [0, oldY2], [0, newY2], MARKER_LINE_ANIM_DUR);\n\treturn [rectAnim, groupAnim];\n}\n\nexport function animateBar(bar, x, yTop, width, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\tif(bar.nodeName !== 'rect') {\n\t\tlet rect = bar.childNodes[0];\n\t\tlet rectAnim = [\n\t\t\trect,\n\t\t\t{width: width, height: height},\n\t\t\tUNIT_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\n\t\tlet oldCoordStr = bar.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(bar, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [rectAnim, groupAnim];\n\t} else {\n\t\treturn [[bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animateDot(dot, x, y) {\n\tif(dot.nodeName !== 'circle') {\n\t\tlet oldCoordStr = dot.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(dot, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [groupAnim];\n\t} else {\n\t\treturn [[dot, {cx: x, cy: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animatePath(paths, newXList, newYList, zeroLine) {\n\tlet pathComponents = [];\n\n\tlet pointsStr = newYList.map((y, i) => (newXList[i] + ',' + y));\n\tlet pathStr = pointsStr.join(\"L\");\n\n\tconst animPath = [paths.path, {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\tpathComponents.push(animPath);\n\n\tif(paths.region) {\n\t\tlet regStartPt = `${newXList[0]},${zeroLine}L`;\n\t\tlet regEndPt = `L${newXList.slice(-1)[0]}, ${zeroLine}`;\n\n\t\tconst animRegion = [\n\t\t\tpaths.region,\n\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\tPATH_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\t\tpathComponents.push(animRegion);\n\t}\n\n\treturn pathComponents;\n}\n\nexport function animatePathStr(oldPath, pathStr) {\n\treturn [oldPath, {d: pathStr}, UNIT_ANIM_DUR, STD_EASING];\n}\n","// Leveraging SMIL Animations\n\nimport { REPLACE_ALL_NEW_DUR } from './animate';\n\nconst EASING = {\n\tease: \"0.25 0.1 0.25 1\",\n\tlinear: \"0 0 1 1\",\n\t// easein: \"0.42 0 1 1\",\n\teasein: \"0.1 0.8 0.2 1\",\n\teaseout: \"0 0 0.58 1\",\n\teaseinout: \"0.42 0 0.58 1\"\n};\n\nfunction animateSVGElement(element, props, dur, easingType=\"linear\", type=undefined, oldValues={}) {\n\n\tlet animElement = element.cloneNode(true);\n\tlet newElement = element.cloneNode(true);\n\n\tfor(var attributeName in props) {\n\t\tlet animateElement;\n\t\tif(attributeName === 'transform') {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animateTransform\");\n\t\t} else {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animate\");\n\t\t}\n\t\tlet currentValue = oldValues[attributeName] || element.getAttribute(attributeName);\n\t\tlet value = props[attributeName];\n\n\t\tlet animAttr = {\n\t\t\tattributeName: attributeName,\n\t\t\tfrom: currentValue,\n\t\t\tto: value,\n\t\t\tbegin: \"0s\",\n\t\t\tdur: dur/1000 + \"s\",\n\t\t\tvalues: currentValue + \";\" + value,\n\t\t\tkeySplines: EASING[easingType],\n\t\t\tkeyTimes: \"0;1\",\n\t\t\tcalcMode: \"spline\",\n\t\t\tfill: 'freeze'\n\t\t};\n\n\t\tif(type) {\n\t\t\tanimAttr[\"type\"] = type;\n\t\t}\n\n\t\tfor (var i in animAttr) {\n\t\t\tanimateElement.setAttribute(i, animAttr[i]);\n\t\t}\n\n\t\tanimElement.appendChild(animateElement);\n\n\t\tif(type) {\n\t\t\tnewElement.setAttribute(attributeName, `translate(${value})`);\n\t\t} else {\n\t\t\tnewElement.setAttribute(attributeName, value);\n\t\t}\n\t}\n\n\treturn [animElement, newElement];\n}\n\nexport function transform(element, style) { // eslint-disable-line no-unused-vars\n\telement.style.transform = style;\n\telement.style.webkitTransform = style;\n\telement.style.msTransform = style;\n\telement.style.mozTransform = style;\n\telement.style.oTransform = style;\n}\n\nfunction animateSVG(svgContainer, elements) {\n\tlet newElements = [];\n\tlet animElements = [];\n\n\telements.map(element => {\n\t\tlet unit = element[0];\n\t\tlet parent = unit.parentNode;\n\n\t\tlet animElement, newElement;\n\n\t\telement[0] = unit;\n\t\t[animElement, newElement] = animateSVGElement(...element);\n\n\t\tnewElements.push(newElement);\n\t\tanimElements.push([animElement, parent]);\n\n\t\tparent.replaceChild(animElement, unit);\n\t});\n\n\tlet animSvg = svgContainer.cloneNode(true);\n\n\tanimElements.map((animElement, i) => {\n\t\tanimElement[1].replaceChild(newElements[i], animElement[0]);\n\t\telements[i][0] = newElements[i];\n\t});\n\n\treturn animSvg;\n}\n\nexport function runSMILAnimation(parent, svgElement, elementsToAnimate) {\n\tif(elementsToAnimate.length === 0) return;\n\n\tlet animSvgElement = animateSVG(svgElement, elementsToAnimate);\n\tif(svgElement.parentNode == parent) {\n\t\tparent.removeChild(svgElement);\n\t\tparent.appendChild(animSvgElement);\n\n\t}\n\n\t// Replace the new svgElement (data has already been replaced)\n\tsetTimeout(() => {\n\t\tif(animSvgElement.parentNode == parent) {\n\t\t\tparent.removeChild(animSvgElement);\n\t\t\tparent.appendChild(svgElement);\n\t\t}\n\t}, REPLACE_ALL_NEW_DUR);\n}\n","import { $ } from '../utils/dom';\nimport { CSSTEXT } from '../../css/chartsCss';\n\nexport function downloadFile(filename, data) {\n\tvar a = document.createElement('a');\n\ta.style = \"display: none\";\n\tvar blob = new Blob(data, {type: \"image/svg+xml; charset=utf-8\"});\n\tvar url = window.URL.createObjectURL(blob);\n\ta.href = url;\n\ta.download = filename;\n\tdocument.body.appendChild(a);\n\ta.click();\n\tsetTimeout(function(){\n\t\tdocument.body.removeChild(a);\n\t\twindow.URL.revokeObjectURL(url);\n\t}, 300);\n}\n\nexport function prepareForExport(svg) {\n\tlet clone = svg.cloneNode(true);\n\tclone.classList.add('chart-container');\n\tclone.setAttribute('xmlns', \"http://www.w3.org/2000/svg\");\n\tclone.setAttribute('xmlns:xlink', \"http://www.w3.org/1999/xlink\");\n\tlet styleEl = $.create('style', {\n\t\t'innerHTML': CSSTEXT\n\t});\n\tclone.insertBefore(styleEl, clone.firstChild);\n\n\tlet container = $.create('div');\n\tcontainer.appendChild(clone);\n\n\treturn container.innerHTML;\n}\n","// Playing around with dates\n\nexport const NO_OF_YEAR_MONTHS = 12;\nexport const NO_OF_DAYS_IN_WEEK = 7;\nexport const DAYS_IN_YEAR = 375;\nexport const NO_OF_MILLIS = 1000;\nexport const SEC_IN_DAY = 86400;\n\nexport const MONTH_NAMES = [\"January\", \"February\", \"March\", \"April\", \"May\",\n\t\"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\"];\nexport const MONTH_NAMES_SHORT = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\",\n\t\"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"];\n\nexport const DAY_NAMES_SHORT = [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\"];\nexport const DAY_NAMES = [\"Sunday\", \"Monday\", \"Tuesday\", \"Wednesday\",\n\t\"Thursday\", \"Friday\", \"Saturday\"];\n\n// https://stackoverflow.com/a/11252167/6495043\nfunction treatAsUtc(date) {\n\tlet result = new Date(date);\n\tresult.setMinutes(result.getMinutes() - result.getTimezoneOffset());\n\treturn result;\n}\n\nexport function getYyyyMmDd(date) {\n\tlet dd = date.getDate();\n\tlet mm = date.getMonth() + 1; // getMonth() is zero-based\n\treturn [\n\t\tdate.getFullYear(),\n\t\t(mm>9 ? '' : '0') + mm,\n\t\t(dd>9 ? '' : '0') + dd\n\t].join('-');\n}\n\nexport function clone(date) {\n\treturn new Date(date.getTime());\n}\n\nexport function timestampSec(date) {\n\treturn date.getTime()/NO_OF_MILLIS;\n}\n\nexport function timestampToMidnight(timestamp, roundAhead = false) {\n\tlet midnightTs = Math.floor(timestamp - (timestamp % SEC_IN_DAY));\n\tif(roundAhead) {\n\t\treturn midnightTs + SEC_IN_DAY;\n\t}\n\treturn midnightTs;\n}\n\n// export function getMonthsBetween(startDate, endDate) {}\n\nexport function getWeeksBetween(startDate, endDate) {\n\tlet weekStartDate = setDayToSunday(startDate);\n\treturn Math.ceil(getDaysBetween(weekStartDate, endDate) / NO_OF_DAYS_IN_WEEK);\n}\n\nexport function getDaysBetween(startDate, endDate) {\n\tlet millisecondsPerDay = SEC_IN_DAY * NO_OF_MILLIS;\n\treturn (treatAsUtc(endDate) - treatAsUtc(startDate)) / millisecondsPerDay;\n}\n\nexport function areInSameMonth(startDate, endDate) {\n\treturn startDate.getMonth() === endDate.getMonth()\n\t\t&& startDate.getFullYear() === endDate.getFullYear();\n}\n\nexport function getMonthName(i, short=false) {\n\tlet monthName = MONTH_NAMES[i];\n\treturn short ? monthName.slice(0, 3) : monthName;\n}\n\nexport function getLastDateInMonth (month, year) {\n\treturn new Date(year, month + 1, 0); // 0: last day in previous month\n}\n\n// mutates\nexport function setDayToSunday(date) {\n\tlet newDate = clone(date);\n\tconst day = newDate.getDay();\n\tif(day !== 0) {\n\t\taddDays(newDate, (-1) * day);\n\t}\n\treturn newDate;\n}\n\n// mutates\nexport function addDays(date, numberOfDays) {\n\tdate.setDate(date.getDate() + numberOfDays);\n}\n","import { makeSVGGroup } from '../utils/draw';\nimport { makeText, makePath, xLine, yLine, yMarker, yRegion, datasetBar, datasetDot, percentageBar, getPaths, heatSquare } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { translateHoriLine, translateVertLine, animateRegion, animateBar,\n\tanimateDot, animatePath, animatePathStr } from '../utils/animate';\nimport { getMonthName } from '../utils/date-utils';\n\nclass ChartComponent {\n\tconstructor({\n\t\tlayerClass = '',\n\t\tlayerTransform = '',\n\t\tconstants,\n\n\t\tgetData,\n\t\tmakeElements,\n\t\tanimateElements\n\t}) {\n\t\tthis.layerTransform = layerTransform;\n\t\tthis.constants = constants;\n\n\t\tthis.makeElements = makeElements;\n\t\tthis.getData = getData;\n\n\t\tthis.animateElements = animateElements;\n\n\t\tthis.store = [];\n\t\tthis.labels = [];\n\n\t\tthis.layerClass = layerClass;\n\t\tthis.layerClass = typeof(this.layerClass) === 'function'\n\t\t\t? this.layerClass() : this.layerClass;\n\n\t\tthis.refresh();\n\t}\n\n\trefresh(data) {\n\t\tthis.data = data || this.getData();\n\t}\n\n\tsetup(parent) {\n\t\tthis.layer = makeSVGGroup(this.layerClass, this.layerTransform, parent);\n\t}\n\n\tmake() {\n\t\tthis.render(this.data);\n\t\tthis.oldData = this.data;\n\t}\n\n\trender(data) {\n\t\tthis.store = this.makeElements(data);\n\n\t\tthis.layer.textContent = '';\n\t\tthis.store.forEach(element => {\n\t\t\tthis.layer.appendChild(element);\n\t\t});\n\t\tthis.labels.forEach(element => {\n\t\t\tthis.layer.appendChild(element);\n\t\t});\n\t}\n\n\tupdate(animate = true) {\n\t\tthis.refresh();\n\t\tlet animateElements = [];\n\t\tif(animate) {\n\t\t\tanimateElements = this.animateElements(this.data) || [];\n\t\t}\n\t\treturn animateElements;\n\t}\n}\n\nlet componentConfigs = {\n\tdonutSlices: {\n\t\tlayerClass: 'donut-slices',\n\t\tmakeElements(data) {\n\t\t\treturn data.sliceStrings.map((s, i) => {\n\t\t\t\tlet slice = makePath(s, 'donut-path', data.colors[i], 'none', data.strokeWidth);\n\t\t\t\tslice.style.transition = 'transform .3s;';\n\t\t\t\treturn slice;\n\t\t\t});\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\treturn this.store.map((slice, i) => animatePathStr(slice, newData.sliceStrings[i]));\n\t\t},\n\t},\n\tpieSlices: {\n\t\tlayerClass: 'pie-slices',\n\t\tmakeElements(data) {\n\t\t\treturn data.sliceStrings.map((s, i) =>{\n\t\t\t\tlet slice = makePath(s, 'pie-path', 'none', data.colors[i]);\n\t\t\t\tslice.style.transition = 'transform .3s;';\n\t\t\t\treturn slice;\n\t\t\t});\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\treturn this.store.map((slice, i) =>\n\t\t\t\tanimatePathStr(slice, newData.sliceStrings[i])\n\t\t\t);\n\t\t}\n\t},\n\tpercentageBars: {\n\t\tlayerClass: 'percentage-bars',\n\t\tmakeElements(data) {\n\t\t\treturn data.xPositions.map((x, i) =>{\n\t\t\t\tlet y = 0;\n\t\t\t\tlet bar = percentageBar(x, y, data.widths[i],\n\t\t\t\t\tthis.constants.barHeight, this.constants.barDepth, data.colors[i]);\n\t\t\t\treturn bar;\n\t\t\t});\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tif(newData) return [];\n\t\t}\n\t},\n\tyAxis: {\n\t\tlayerClass: 'y axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\tyLine(position, data.labels[i], this.constants.width,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos, shortenNumbers: this.constants.shortenNumbers})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.labels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tlabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\txAxis: {\n\t\tlayerClass: 'x axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\txLine(position, data.calcLabels[i], this.constants.height,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.calcLabels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.calcLabels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tcalcLabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateVertLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyMarkers: {\n\t\tlayerClass: 'y-markers',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(m =>\n\t\t\t\tyMarker(m.position, m.label, this.constants.width,\n\t\t\t\t\t{labelPos: m.options.labelPos, mode: 'span', lineType: 'dashed'})\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.position);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\t\t\tlet newOptions = newData.map(d => d.options);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.position);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tposition: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i],\n\t\t\t\t\toptions: newOptions[i]\n\t\t\t\t};\n\t\t\t}));\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyRegions: {\n\t\tlayerClass: 'y-regions',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(r =>\n\t\t\t\tyRegion(r.startPos, r.endPos, this.constants.width,\n\t\t\t\t\tr.label, {labelPos: r.options.labelPos})\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.endPos);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\t\t\tlet newStarts = newData.map(d => d.startPos);\n\t\t\tlet newOptions = newData.map(d => d.options);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.endPos);\n\t\t\tlet oldStarts = this.oldData.map(d => d.startPos);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tstartPos: oldStarts[i],\n\t\t\t\t\tendPos: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i],\n\t\t\t\t\toptions: newOptions[i]\n\t\t\t\t};\n\t\t\t}));\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((rectGroup, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateRegion(\n\t\t\t\t\trectGroup, newStarts[i], newPos[i], oldPos[i]\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\theatDomain: {\n\t\tlayerClass: function() { return 'heat-domain domain-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet {index, colWidth, rowHeight, squareSize, xTranslate} = this.constants;\n\t\t\tlet monthNameHeight = -12;\n\t\t\tlet x = xTranslate, y = 0;\n\n\t\t\tthis.serializedSubDomains = [];\n\n\t\t\tdata.cols.map((week, weekNo) => {\n\t\t\t\tif(weekNo === 1) {\n\t\t\t\t\tthis.labels.push(\n\t\t\t\t\t\tmakeText('domain-name', x, monthNameHeight, getMonthName(index, true).toUpperCase(),\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tfontSize: 9\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t)\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tweek.map((day, i) => {\n\t\t\t\t\tif(day.fill) {\n\t\t\t\t\t\tlet data = {\n\t\t\t\t\t\t\t'data-date': day.yyyyMmDd,\n\t\t\t\t\t\t\t'data-value': day.dataValue,\n\t\t\t\t\t\t\t'data-day': i\n\t\t\t\t\t\t};\n\t\t\t\t\t\tlet square = heatSquare('day', x, y, squareSize, day.fill, data);\n\t\t\t\t\t\tthis.serializedSubDomains.push(square);\n\t\t\t\t\t}\n\t\t\t\t\ty += rowHeight;\n\t\t\t\t});\n\t\t\t\ty = 0;\n\t\t\t\tx += colWidth;\n\t\t\t});\n\n\t\t\treturn this.serializedSubDomains;\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tif(newData) return [];\n\t\t}\n\t},\n\n\tbarGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-bars dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'bar';\n\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\treturn datasetBar(\n\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\ty,\n\t\t\t\t\tdata.barWidth,\n\t\t\t\t\tc.color,\n\t\t\t\t\tdata.labels[j],\n\t\t\t\t\tj,\n\t\t\t\t\tdata.offsets[j],\n\t\t\t\t\t{\n\t\t\t\t\t\tzeroLine: data.zeroLine,\n\t\t\t\t\t\tbarsWidth: data.barsWidth,\n\t\t\t\t\t\tminHeight: c.minHeight\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t});\n\t\t\treturn this.units;\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newOffsets = newData.offsets;\n\t\t\tlet newLabels = newData.labels;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldOffsets = this.oldData.offsets;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldOffsets, newOffsets] = equilizeNoOfElements(oldOffsets, newOffsets);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\toffsets: oldOffsets,\n\t\t\t\tlabels: newLabels,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tbarsWidth: this.oldData.barsWidth,\n\t\t\t\tbarWidth: this.oldData.barWidth,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((bar, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateBar(\n\t\t\t\t\tbar, newXPos[i], newYPos[i], newData.barWidth, newOffsets[i],\n\t\t\t\t\t{zeroLine: newData.zeroLine}\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tlineGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-line dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'dot';\n\t\t\tthis.paths = {};\n\t\t\tif(!c.hideLine) {\n\t\t\t\tthis.paths = getPaths(\n\t\t\t\t\tdata.xPositions,\n\t\t\t\t\tdata.yPositions,\n\t\t\t\t\tc.color,\n\t\t\t\t\t{\n\t\t\t\t\t\theatline: c.heatline,\n\t\t\t\t\t\tregionFill: c.regionFill\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tsvgDefs: c.svgDefs,\n\t\t\t\t\t\tzeroLine: data.zeroLine\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tthis.units = [];\n\t\t\tif(!c.hideDots) {\n\t\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\t\treturn datasetDot(\n\t\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\t\ty,\n\t\t\t\t\t\tdata.radius,\n\t\t\t\t\t\tc.color,\n\t\t\t\t\t\t(c.valuesOverPoints ? data.values[j] : ''),\n\t\t\t\t\t\tj\n\t\t\t\t\t);\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn Object.values(this.paths).concat(this.units);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newValues = newData.values;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldValues = this.oldData.values;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldValues, newValues] = equilizeNoOfElements(oldValues, newValues);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\tvalues: newValues,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tradius: this.oldData.radius,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tif(Object.keys(this.paths).length) {\n\t\t\t\tanimateElements = animateElements.concat(animatePath(\n\t\t\t\t\tthis.paths, newXPos, newYPos, newData.zeroLine));\n\t\t\t}\n\n\t\t\tif(this.units.length) {\n\t\t\t\tthis.units.map((dot, i) => {\n\t\t\t\t\tanimateElements = animateElements.concat(animateDot(\n\t\t\t\t\t\tdot, newXPos[i], newYPos[i]));\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn animateElements;\n\t\t}\n\t}\n};\n\nexport function getComponent(name, constants, getData) {\n\tlet keys = Object.keys(componentConfigs).filter(k => name.includes(k));\n\tlet config = componentConfigs[keys[0]];\n\tObject.assign(config, {\n\t\tconstants: constants,\n\t\tgetData: getData\n\t});\n\treturn new ChartComponent(config);\n}\n","import { floatTwo } from './helpers';\n\nfunction normalize(x) {\n\t// Calculates mantissa and exponent of a number\n\t// Returns normalized number and exponent\n\t// https://stackoverflow.com/q/9383593/6495043\n\n\tif(x===0) {\n\t\treturn [0, 0];\n\t}\n\tif(isNaN(x)) {\n\t\treturn {mantissa: -6755399441055744, exponent: 972};\n\t}\n\tvar sig = x > 0 ? 1 : -1;\n\tif(!isFinite(x)) {\n\t\treturn {mantissa: sig * 4503599627370496, exponent: 972};\n\t}\n\n\tx = Math.abs(x);\n\tvar exp = Math.floor(Math.log10(x));\n\tvar man = x/Math.pow(10, exp);\n\n\treturn [sig * man, exp];\n}\n\nfunction getChartRangeIntervals(max, min=0) {\n\tlet upperBound = Math.ceil(max);\n\tlet lowerBound = Math.floor(min);\n\tlet range = upperBound - lowerBound;\n\n\tlet noOfParts = range;\n\tlet partSize = 1;\n\n\t// To avoid too many partitions\n\tif(range > 5) {\n\t\tif(range % 2 !== 0) {\n\t\t\tupperBound++;\n\t\t\t// Recalc range\n\t\t\trange = upperBound - lowerBound;\n\t\t}\n\t\tnoOfParts = range/2;\n\t\tpartSize = 2;\n\t}\n\n\t// Special case: 1 and 2\n\tif(range <= 2) {\n\t\tnoOfParts = 4;\n\t\tpartSize = range/noOfParts;\n\t}\n\n\t// Special case: 0\n\tif(range === 0) {\n\t\tnoOfParts = 5;\n\t\tpartSize = 1;\n\t}\n\n\tlet intervals = [];\n\tfor(var i = 0; i <= noOfParts; i++){\n\t\tintervals.push(lowerBound + partSize * i);\n\t}\n\treturn intervals;\n}\n\nfunction getChartIntervals(maxValue, minValue=0) {\n\tlet [normalMaxValue, exponent] = normalize(maxValue);\n\tlet normalMinValue = minValue ? minValue/Math.pow(10, exponent): 0;\n\n\t// Allow only 7 significant digits\n\tnormalMaxValue = normalMaxValue.toFixed(6);\n\n\tlet intervals = getChartRangeIntervals(normalMaxValue, normalMinValue);\n\tintervals = intervals.map(value => value * Math.pow(10, exponent));\n\treturn intervals;\n}\n\nexport function calcChartIntervals(values, withMinimum=false) {\n\t//*** Where the magic happens ***\n\n\t// Calculates best-fit y intervals from given values\n\t// and returns the interval array\n\n\tlet maxValue = Math.max(...values);\n\tlet minValue = Math.min(...values);\n\n\t// Exponent to be used for pretty print\n\tlet exponent = 0, intervals = []; // eslint-disable-line no-unused-vars\n\n\tfunction getPositiveFirstIntervals(maxValue, absMinValue) {\n\t\tlet intervals = getChartIntervals(maxValue);\n\n\t\tlet intervalSize = intervals[1] - intervals[0];\n\n\t\t// Then unshift the negative values\n\t\tlet value = 0;\n\t\tfor(var i = 1; value < absMinValue; i++) {\n\t\t\tvalue += intervalSize;\n\t\t\tintervals.unshift((-1) * value);\n\t\t}\n\t\treturn intervals;\n\t}\n\n\t// CASE I: Both non-negative\n\n\tif(maxValue >= 0 && minValue >= 0) {\n\t\texponent = normalize(maxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(maxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(maxValue, minValue);\n\t\t}\n\t}\n\n\t// CASE II: Only minValue negative\n\n\telse if(maxValue > 0 && minValue < 0) {\n\t\t// `withMinimum` irrelevant in this case,\n\t\t// We'll be handling both sides of zero separately\n\t\t// (both starting from zero)\n\t\t// Because ceil() and floor() behave differently\n\t\t// in those two regions\n\n\t\tlet absMinValue = Math.abs(minValue);\n\n\t\tif(maxValue >= absMinValue) {\n\t\t\texponent = normalize(maxValue)[1];\n\t\t\tintervals = getPositiveFirstIntervals(maxValue, absMinValue);\n\t\t} else {\n\t\t\t// Mirror: maxValue => absMinValue, then change sign\n\t\t\texponent = normalize(absMinValue)[1];\n\t\t\tlet posIntervals = getPositiveFirstIntervals(absMinValue, maxValue);\n\t\t\tintervals = posIntervals.map(d => d * (-1));\n\t\t}\n\n\t}\n\n\t// CASE III: Both non-positive\n\n\telse if(maxValue <= 0 && minValue <= 0) {\n\t\t// Mirrored Case I:\n\t\t// Work with positives, then reverse the sign and array\n\n\t\tlet pseudoMaxValue = Math.abs(minValue);\n\t\tlet pseudoMinValue = Math.abs(maxValue);\n\n\t\texponent = normalize(pseudoMaxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue, pseudoMinValue);\n\t\t}\n\n\t\tintervals = intervals.reverse().map(d => d * (-1));\n\t}\n\n\treturn intervals;\n}\n\nexport function getZeroIndex(yPts) {\n\tlet zeroIndex;\n\tlet interval = getIntervalSize(yPts);\n\tif(yPts.indexOf(0) >= 0) {\n\t\t// the range has a given zero\n\t\t// zero-line on the chart\n\t\tzeroIndex = yPts.indexOf(0);\n\t} else if(yPts[0] > 0) {\n\t\t// Minimum value is positive\n\t\t// zero-line is off the chart: below\n\t\tlet min = yPts[0];\n\t\tzeroIndex = (-1) * min / interval;\n\t} else {\n\t\t// Maximum value is negative\n\t\t// zero-line is off the chart: above\n\t\tlet max = yPts[yPts.length - 1];\n\t\tzeroIndex = (-1) * max / interval + (yPts.length - 1);\n\t}\n\treturn zeroIndex;\n}\n\nexport function getRealIntervals(max, noOfIntervals, min = 0, asc = 1) {\n\tlet range = max - min;\n\tlet part = range * 1.0 / noOfIntervals;\n\tlet intervals = [];\n\n\tfor(var i = 0; i <= noOfIntervals; i++) {\n\t\tintervals.push(min + part * i);\n\t}\n\n\treturn asc ? intervals : intervals.reverse();\n}\n\nexport function getIntervalSize(orderedArray) {\n\treturn orderedArray[1] - orderedArray[0];\n}\n\nexport function getValueRange(orderedArray) {\n\treturn orderedArray[orderedArray.length-1] - orderedArray[0];\n}\n\nexport function scale(val, yAxis) {\n\treturn floatTwo(yAxis.zeroLine - val * yAxis.scaleMultiplier);\n}\n\nexport function isInRange(val, min, max) {\n\treturn val > min && val < max;\n}\n\nexport function isInRange2D(coord, minCoord, maxCoord) {\n\treturn isInRange(coord[0], minCoord[0], maxCoord[0])\n\t\t&& isInRange(coord[1], minCoord[1], maxCoord[1]);\n}\n\nexport function getClosestInArray(goal, arr, index = false) {\n\tlet closest = arr.reduce(function(prev, curr) {\n\t\treturn (Math.abs(curr - goal) < Math.abs(prev - goal) ? curr : prev);\n\t});\n\n\treturn index ? arr.indexOf(closest) : closest;\n}\n\nexport function calcDistribution(values, distributionSize) {\n\t// Assume non-negative values,\n\t// implying distribution minimum at zero\n\n\tlet dataMaxValue = Math.max(...values);\n\n\tlet distributionStep = 1 / (distributionSize - 1);\n\tlet distribution = [];\n\n\tfor(var i = 0; i < distributionSize; i++) {\n\t\tlet checkpoint = dataMaxValue * (distributionStep * i);\n\t\tdistribution.push(checkpoint);\n\t}\n\n\treturn distribution;\n}\n\nexport function getMaxCheckpoint(value, distribution) {\n\treturn distribution.filter(d => d < value).length;\n}\n","import { fillArray } from '../utils/helpers';\nimport { DEFAULT_AXIS_CHART_TYPE, AXIS_DATASET_CHART_TYPES, DEFAULT_CHAR_WIDTH } from '../utils/constants';\n\nexport function dataPrep(data, type) {\n\tdata.labels = data.labels || [];\n\n\tlet datasetLength = data.labels.length;\n\n\t// Datasets\n\tlet datasets = data.datasets;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\tif(!datasets) {\n\t\t// default\n\t\tdatasets = [{\n\t\t\tvalues: zeroArray\n\t\t}];\n\t}\n\n\tdatasets.map(d=> {\n\t\t// Set values\n\t\tif(!d.values) {\n\t\t\td.values = zeroArray;\n\t\t} else {\n\t\t\t// Check for non values\n\t\t\tlet vals = d.values;\n\t\t\tvals = vals.map(val => (!isNaN(val) ? val : 0));\n\n\t\t\t// Trim or extend\n\t\t\tif(vals.length > datasetLength) {\n\t\t\t\tvals = vals.slice(0, datasetLength);\n\t\t\t} else {\n\t\t\t\tvals = fillArray(vals, datasetLength - vals.length, 0);\n\t\t\t}\n\t\t}\n\n\t\t// Set labels\n\t\t//\n\n\t\t// Set type\n\t\tif(!d.chartType ) {\n\t\t\tif(!AXIS_DATASET_CHART_TYPES.includes(type)) type === DEFAULT_AXIS_CHART_TYPE;\n\t\t\td.chartType = type;\n\t\t}\n\n\t});\n\n\t// Markers\n\n\t// Regions\n\t// data.yRegions = data.yRegions || [];\n\tif(data.yRegions) {\n\t\tdata.yRegions.map(d => {\n\t\t\tif(d.end < d.start) {\n\t\t\t\t[d.start, d.end] = [d.end, d.start];\n\t\t\t}\n\t\t});\n\t}\n\n\treturn data;\n}\n\nexport function zeroDataPrep(realData) {\n\tlet datasetLength = realData.labels.length;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\n\tlet zeroData = {\n\t\tlabels: realData.labels.slice(0, -1),\n\t\tdatasets: realData.datasets.map(d => {\n\t\t\treturn {\n\t\t\t\tname: '',\n\t\t\t\tvalues: zeroArray.slice(0, -1),\n\t\t\t\tchartType: d.chartType\n\t\t\t};\n\t\t}),\n\t};\n\n\tif(realData.yMarkers) {\n\t\tzeroData.yMarkers = [\n\t\t\t{\n\t\t\t\tvalue: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\tif(realData.yRegions) {\n\t\tzeroData.yRegions = [\n\t\t\t{\n\t\t\t\tstart: 0,\n\t\t\t\tend: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\treturn zeroData;\n}\n\nexport function getShortenedLabels(chartWidth, labels=[], isSeries=true) {\n\tlet allowedSpace = chartWidth / labels.length;\n\tif(allowedSpace <= 0) allowedSpace = 1;\n\tlet allowedLetters = allowedSpace / DEFAULT_CHAR_WIDTH;\n\n\tlet calcLabels = labels.map((label, i) => {\n\t\tlabel += \"\";\n\t\tif(label.length > allowedLetters) {\n\n\t\t\tif(!isSeries) {\n\t\t\t\tif(allowedLetters-3 > 0) {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters-3) + \" ...\";\n\t\t\t\t} else {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters) + '..';\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tlet multiple = Math.ceil(label.length/allowedLetters);\n\t\t\t\tif(i % multiple !== 0) {\n\t\t\t\t\tlabel = \"\";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn label;\n\t});\n\n\treturn calcLabels;\n}\n","import '../css/charts.scss';\n\n// import MultiAxisChart from './charts/MultiAxisChart';\nimport PercentageChart from './charts/PercentageChart';\nimport PieChart from './charts/PieChart';\nimport Heatmap from './charts/Heatmap';\nimport AxisChart from './charts/AxisChart';\nimport DonutChart from './charts/DonutChart';\n\nconst chartTypes = {\n\tbar: AxisChart,\n\tline: AxisChart,\n\t// multiaxis: MultiAxisChart,\n\tpercentage: PercentageChart,\n\theatmap: Heatmap,\n\tpie: PieChart,\n\tdonut: DonutChart,\n};\n\nfunction getChartByType(chartType = 'line', parent, options) {\n\tif (chartType === 'axis-mixed') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t}\n\n\tif (!chartTypes[chartType]) {\n\t\tconsole.error(\"Undefined chart type: \" + chartType);\n\t\treturn;\n\t}\n\n\treturn new chartTypes[chartType](parent, options);\n}\n\nclass Chart {\n\tconstructor(parent, options) {\n\t\treturn getChartByType(options.type, parent, options);\n\t}\n}\n\nexport { Chart, PercentageChart, PieChart, Heatmap, AxisChart };","import { $ } from '../utils/dom';\nimport { TOOLTIP_POINTER_TRIANGLE_HEIGHT } from '../utils/constants';\n\nexport default class SvgTip {\n\tconstructor({\n\t\tparent = null,\n\t\tcolors = []\n\t}) {\n\t\tthis.parent = parent;\n\t\tthis.colors = colors;\n\t\tthis.titleName = '';\n\t\tthis.titleValue = '';\n\t\tthis.listValues = [];\n\t\tthis.titleValueFirst = 0;\n\n\t\tthis.x = 0;\n\t\tthis.y = 0;\n\n\t\tthis.top = 0;\n\t\tthis.left = 0;\n\n\t\tthis.setup();\n\t}\n\n\tsetup() {\n\t\tthis.makeTooltip();\n\t}\n\n\trefresh() {\n\t\tthis.fill();\n\t\tthis.calcPosition();\n\t}\n\n\tmakeTooltip() {\n\t\tthis.container = $.create('div', {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'graph-svg-tip comparison',\n\t\t\tinnerHTML: `\n\t\t\t\t
      \n\t\t\t\t
      `\n\t\t});\n\t\tthis.hideTip();\n\n\t\tthis.title = this.container.querySelector('.title');\n\t\tthis.dataPointList = this.container.querySelector('.data-point-list');\n\n\t\tthis.parent.addEventListener('mouseleave', () => {\n\t\t\tthis.hideTip();\n\t\t});\n\t}\n\n\tfill() {\n\t\tlet title;\n\t\tif(this.index) {\n\t\t\tthis.container.setAttribute('data-point-index', this.index);\n\t\t}\n\t\tif(this.titleValueFirst) {\n\t\t\ttitle = `${this.titleValue}${this.titleName}`;\n\t\t} else {\n\t\t\ttitle = `${this.titleName}${this.titleValue}`;\n\t\t}\n\t\tthis.title.innerHTML = title;\n\t\tthis.dataPointList.innerHTML = '';\n\n\t\tthis.listValues.map((set, i) => {\n\t\t\tconst color = this.colors[i] || 'black';\n\t\t\tlet value = set.formatted === 0 || set.formatted ? set.formatted : set.value;\n\n\t\t\tlet li = $.create('li', {\n\t\t\t\tstyles: {\n\t\t\t\t\t'border-top': `3px solid ${color}`\n\t\t\t\t},\n\t\t\t\tinnerHTML: `${ value === 0 || value ? value : '' }\n\t\t\t\t\t${set.title ? set.title : '' }`\n\t\t\t});\n\n\t\t\tthis.dataPointList.appendChild(li);\n\t\t});\n\t}\n\n\tcalcPosition() {\n\t\tlet width = this.container.offsetWidth;\n\n\t\tthis.top = this.y - this.container.offsetHeight\n\t\t\t- TOOLTIP_POINTER_TRIANGLE_HEIGHT;\n\t\tthis.left = this.x - width/2;\n\t\tlet maxLeft = this.parent.offsetWidth - width;\n\n\t\tlet pointer = this.container.querySelector('.svg-pointer');\n\n\t\tif(this.left < 0) {\n\t\t\tpointer.style.left = `calc(50% - ${-1 * this.left}px)`;\n\t\t\tthis.left = 0;\n\t\t} else if(this.left > maxLeft) {\n\t\t\tlet delta = this.left - maxLeft;\n\t\t\tlet pointerOffset = `calc(50% + ${delta}px)`;\n\t\t\tpointer.style.left = pointerOffset;\n\n\t\t\tthis.left = maxLeft;\n\t\t} else {\n\t\t\tpointer.style.left = `50%`;\n\t\t}\n\t}\n\n\tsetValues(x, y, title = {}, listValues = [], index = -1) {\n\t\tthis.titleName = title.name;\n\t\tthis.titleValue = title.value;\n\t\tthis.listValues = listValues;\n\t\tthis.x = x;\n\t\tthis.y = y;\n\t\tthis.titleValueFirst = title.valueFirst || 0;\n\t\tthis.index = index;\n\t\tthis.refresh();\n\t}\n\n\thideTip() {\n\t\tthis.container.style.top = '0px';\n\t\tthis.container.style.left = '0px';\n\t\tthis.container.style.opacity = '0';\n\t}\n\n\tshowTip() {\n\t\tthis.container.style.top = this.top + 'px';\n\t\tthis.container.style.left = this.left + 'px';\n\t\tthis.container.style.opacity = '1';\n\t}\n}\n","export const CSSTEXT = \".chart-container{position:relative;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .legend-dataset-text{fill:#6c7680;font-weight:600}.graph-svg-tip{position:absolute;z-index:99999;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.graph-svg-tip ul{padding-left:0;display:flex}.graph-svg-tip ol{padding-left:0;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:' ';border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}\";","import SvgTip from '../objects/SvgTip';\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup, makeText } from '../utils/draw';\nimport { BASE_MEASURES, getExtraHeight, getExtraWidth, getTopOffset, getLeftOffset,\n\tINIT_CHART_UPDATE_TIMEOUT, CHART_POST_ANIMATE_TIMEOUT, DEFAULT_COLORS} from '../utils/constants';\nimport { getColor, isValidColor } from '../utils/colors';\nimport { runSMILAnimation } from '../utils/animation';\nimport { downloadFile, prepareForExport } from '../utils/export';\n\nlet BOUND_DRAW_FN;\n\nexport default class BaseChart {\n\tconstructor(parent, options) {\n\n\t\tthis.parent = typeof parent === 'string'\n\t\t\t? document.querySelector(parent)\n\t\t\t: parent;\n\n\t\tif (!(this.parent instanceof HTMLElement)) {\n\t\t\tthrow new Error('No `parent` element to render on was provided.');\n\t\t}\n\n\t\tthis.rawChartArgs = options;\n\n\t\tthis.title = options.title || '';\n\t\tthis.type = options.type || '';\n\n\t\tthis.realData = this.prepareData(options.data);\n\t\tthis.data = this.prepareFirstData(this.realData);\n\n\t\tthis.colors = this.validateColors(options.colors, this.type);\n\n\t\tthis.config = {\n\t\t\tshowTooltip: 1, // calculate\n\t\t\tshowLegend: 1, // calculate\n\t\t\tisNavigable: options.isNavigable || 0,\n\t\t\tanimate: 1,\n\t\t\ttruncateLegends: options.truncateLegends || 0\n\t\t};\n\n\t\tthis.measures = JSON.parse(JSON.stringify(BASE_MEASURES));\n\t\tlet m = this.measures;\n\t\tthis.setMeasures(options);\n\t\tif(!this.title.length) { m.titleHeight = 0; }\n\t\tif(!this.config.showLegend) m.legendHeight = 0;\n\t\tthis.argHeight = options.height || m.baseHeight;\n\n\t\tthis.state = {};\n\t\tthis.options = {};\n\n\t\tthis.initTimeout = INIT_CHART_UPDATE_TIMEOUT;\n\n\t\tif(this.config.isNavigable) {\n\t\t\tthis.overlays = [];\n\t\t}\n\n\t\tthis.configure(options);\n\t}\n\n\tprepareData(data) {\n\t\treturn data;\n\t}\n\n\tprepareFirstData(data) {\n\t\treturn data;\n\t}\n\n\tvalidateColors(colors, type) {\n\t\tconst validColors = [];\n\t\tcolors = (colors || []).concat(DEFAULT_COLORS[type]);\n\t\tcolors.forEach((string) => {\n\t\t\tconst color = getColor(string);\n\t\t\tif(!isValidColor(color)) {\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t} else {\n\t\t\t\tvalidColors.push(color);\n\t\t\t}\n\t\t});\n\t\treturn validColors;\n\t}\n\n\tsetMeasures() {\n\t\t// Override measures, including those for title and legend\n\t\t// set config for legend and title\n\t}\n\n\tconfigure() {\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - getExtraHeight(this.measures);\n\n\t\t// Bind window events\n\t\tBOUND_DRAW_FN = this.boundDrawFn.bind(this);\n\t\twindow.addEventListener('resize', BOUND_DRAW_FN);\n\t\twindow.addEventListener('orientationchange', this.boundDrawFn.bind(this));\n\t}\n\n\tboundDrawFn() {\n\t\tthis.draw(true);\n\t}\n\n\tunbindWindowEvents() {\n\t\twindow.removeEventListener('resize', BOUND_DRAW_FN);\n\t\twindow.removeEventListener('orientationchange', this.boundDrawFn.bind(this));\n\t}\n\n\t// Has to be called manually\n\tsetup() {\n\t\tthis.makeContainer();\n\t\tthis.updateWidth();\n\t\tthis.makeTooltip();\n\n\t\tthis.draw(false, true);\n\t}\n\n\tmakeContainer() {\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\n\t\tlet args = {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'chart-container'\n\t\t};\n\n\t\tif(this.independentWidth) {\n\t\t\targs.styles = { width: this.independentWidth + 'px' };\n\t\t}\n\n\t\tthis.container = $.create('div', args);\n\t}\n\n\tmakeTooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.container,\n\t\t\tcolors: this.colors\n\t\t});\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {}\n\n\tdraw(onlyWidthChange=false, init=false) {\n\t\tthis.updateWidth();\n\n\t\tthis.calc(onlyWidthChange);\n\t\tthis.makeChartArea();\n\t\tthis.setupComponents();\n\n\t\tthis.components.forEach(c => c.setup(this.drawArea));\n\t\t// this.components.forEach(c => c.make());\n\t\tthis.render(this.components, false);\n\n\t\tif(init) {\n\t\t\tthis.data = this.realData;\n\t\t\tsetTimeout(() => {this.update(this.data);}, this.initTimeout);\n\t\t}\n\n\t\tthis.renderLegend();\n\n\t\tthis.setupNavigation(init);\n\t}\n\n\tcalc() {} // builds state\n\n\tupdateWidth() {\n\t\tthis.baseWidth = getElementContentWidth(this.parent);\n\t\tthis.width = this.baseWidth - getExtraWidth(this.measures);\n\t}\n\n\tmakeChartArea() {\n\t\tif(this.svg) {\n\t\t\tthis.container.removeChild(this.svg);\n\t\t}\n\t\tlet m = this.measures;\n\n\t\tthis.svg = makeSVGContainer(\n\t\t\tthis.container,\n\t\t\t'frappe-chart chart',\n\t\t\tthis.baseWidth,\n\t\t\tthis.baseHeight\n\t\t);\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\n\n\t\tif(this.title.length) {\n\t\t\tthis.titleEL = makeText(\n\t\t\t\t'title',\n\t\t\t\tm.margins.left,\n\t\t\t\tm.margins.top,\n\t\t\t\tthis.title,\n\t\t\t\t{\n\t\t\t\t\tfontSize: m.titleFontSize,\n\t\t\t\t\tfill: '#666666',\n\t\t\t\t\tdy: m.titleFontSize\n\t\t\t\t}\n\t\t\t);\n\t\t}\n\n\t\tlet top = getTopOffset(m);\n\t\tthis.drawArea = makeSVGGroup(\n\t\t\tthis.type + '-chart chart-draw-area',\n\t\t\t`translate(${getLeftOffset(m)}, ${top})`\n\t\t);\n\n\t\tif(this.config.showLegend) {\n\t\t\ttop += this.height + m.paddings.bottom;\n\t\t\tthis.legendArea = makeSVGGroup(\n\t\t\t\t'chart-legend',\n\t\t\t\t`translate(${getLeftOffset(m)}, ${top})`\n\t\t\t);\n\t\t}\n\n\t\tif(this.title.length) { this.svg.appendChild(this.titleEL); }\n\t\tthis.svg.appendChild(this.drawArea);\n\t\tif(this.config.showLegend) { this.svg.appendChild(this.legendArea); }\n\n\t\tthis.updateTipOffset(getLeftOffset(m), getTopOffset(m));\n\t}\n\n\tupdateTipOffset(x, y) {\n\t\tthis.tip.offset = {\n\t\t\tx: x,\n\t\t\ty: y\n\t\t};\n\t}\n\n\tsetupComponents() { this.components = new Map(); }\n\n\tupdate(data) {\n\t\tif(!data) {\n\t\t\tconsole.error('No data to update.');\n\t\t}\n\t\tthis.data = this.prepareData(data);\n\t\tthis.calc(); // builds state\n\t\tthis.render();\n\t}\n\n\trender(components=this.components, animate=true) {\n\t\tif(this.config.isNavigable) {\n\t\t\t// Remove all existing overlays\n\t\t\tthis.overlays.map(o => o.parentNode.removeChild(o));\n\t\t\t// ref.parentNode.insertBefore(element, ref);\n\t\t}\n\t\tlet elementsToAnimate = [];\n\t\t// Can decouple to this.refreshComponents() first to save animation timeout\n\t\tcomponents.forEach(c => {\n\t\t\telementsToAnimate = elementsToAnimate.concat(c.update(animate));\n\t\t});\n\t\tif(elementsToAnimate.length > 0) {\n\t\t\trunSMILAnimation(this.container, this.svg, elementsToAnimate);\n\t\t\tsetTimeout(() => {\n\t\t\t\tcomponents.forEach(c => c.make());\n\t\t\t\tthis.updateNav();\n\t\t\t}, CHART_POST_ANIMATE_TIMEOUT);\n\t\t} else {\n\t\t\tcomponents.forEach(c => c.make());\n\t\t\tthis.updateNav();\n\t\t}\n\t}\n\n\tupdateNav() {\n\t\tif(this.config.isNavigable) {\n\t\t\tthis.makeOverlay();\n\t\t\tthis.bindUnits();\n\t\t}\n\t}\n\n\trenderLegend() {}\n\n\tsetupNavigation(init=false) {\n\t\tif(!this.config.isNavigable) return;\n\n\t\tif(init) {\n\t\t\tthis.bindOverlay();\n\n\t\t\tthis.keyActions = {\n\t\t\t\t'13': this.onEnterKey.bind(this),\n\t\t\t\t'37': this.onLeftArrow.bind(this),\n\t\t\t\t'38': this.onUpArrow.bind(this),\n\t\t\t\t'39': this.onRightArrow.bind(this),\n\t\t\t\t'40': this.onDownArrow.bind(this),\n\t\t\t};\n\n\t\t\tdocument.addEventListener('keydown', (e) => {\n\t\t\t\tif(isElementInViewport(this.container)) {\n\t\t\t\t\te = e || window.event;\n\t\t\t\t\tif(this.keyActions[e.keyCode]) {\n\t\t\t\t\t\tthis.keyActions[e.keyCode]();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {}\n\tupdateOverlay() {}\n\tbindOverlay() {}\n\tbindUnits() {}\n\n\tonLeftArrow() {}\n\tonRightArrow() {}\n\tonUpArrow() {}\n\tonDownArrow() {}\n\tonEnterKey() {}\n\n\taddDataPoint() {}\n\tremoveDataPoint() {}\n\n\tgetDataPoint() {}\n\tsetCurrentDataPoint() {}\n\n\tupdateDataset() {}\n\n\texport() {\n\t\tlet chartSvg = prepareForExport(this.svg);\n\t\tdownloadFile(this.title || 'Chart', [chartSvg]);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { legendDot } from '../utils/draw';\nimport { getExtraWidth } from '../utils/constants';\n\nexport default class AggregationChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\n\t\tthis.config.maxSlices = args.maxSlices || 20;\n\t\tthis.config.maxLegendPoints = args.maxLegendPoints || 20;\n\t}\n\n\tcalc() {\n\t\tlet s = this.state;\n\t\tlet maxSlices = this.config.maxSlices;\n\t\ts.sliceTotals = [];\n\n\t\tlet allTotals = this.data.labels.map((label, i) => {\n\t\t\tlet total = 0;\n\t\t\tthis.data.datasets.map(e => {\n\t\t\t\ttotal += e.values[i];\n\t\t\t});\n\t\t\treturn [total, label];\n\t\t}).filter(d => { return d[0] >= 0; }); // keep only positive results\n\n\t\tlet totals = allTotals;\n\t\tif(allTotals.length > maxSlices) {\n\t\t\t// Prune and keep a grey area for rest as per maxSlices\n\t\t\tallTotals.sort((a, b) => { return b[0] - a[0]; });\n\n\t\t\ttotals = allTotals.slice(0, maxSlices-1);\n\t\t\tlet remaining = allTotals.slice(maxSlices-1);\n\n\t\t\tlet sumOfRemaining = 0;\n\t\t\tremaining.map(d => {sumOfRemaining += d[0];});\n\t\t\ttotals.push([sumOfRemaining, 'Rest']);\n\t\t\tthis.colors[maxSlices-1] = 'grey';\n\t\t}\n\n\t\ts.labels = [];\n\t\ttotals.map(d => {\n\t\t\ts.sliceTotals.push(d[0]);\n\t\t\ts.labels.push(d[1]);\n\t\t});\n\n\t\ts.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);\n\n\t\tthis.center = {\n\t\t\tx: this.width / 2,\n\t\t\ty: this.height / 2\n\t\t};\n\t}\n\n\trenderLegend() {\n\t\tlet s = this.state;\n\t\tthis.legendArea.textContent = '';\n\t\tthis.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints);\n\n\t\tlet count = 0;\n\t\tlet y = 0;\n\t\tthis.legendTotals.map((d, i) => {\n\t\t\tlet barWidth = 110;\n\t\t\tlet divisor = Math.floor(\n\t\t\t\t(this.width - getExtraWidth(this.measures))/barWidth\n\t\t\t);\n\t\t\tif (this.legendTotals.length < divisor) {\n\t\t\t\tbarWidth = this.width/this.legendTotals.length;\n\t\t\t}\n\t\t\tif(count > divisor) {\n\t\t\t\tcount = 0;\n\t\t\t\ty += 20;\n\t\t\t}\n\t\t\tlet x = barWidth * count + 5;\n\t\t\tlet dot = legendDot(\n\t\t\t\tx,\n\t\t\t\ty,\n\t\t\t\t5,\n\t\t\t\tthis.colors[i],\n\t\t\t\t`${s.labels[i]}: ${d}`\n\t\t\t);\n\t\t\tthis.legendArea.appendChild(dot);\n\t\t\tcount++;\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { getOffset } from '../utils/dom';\nimport { getComponent } from '../objects/ChartComponents';\nimport { PERCENTAGE_BAR_DEFAULT_HEIGHT, PERCENTAGE_BAR_DEFAULT_DEPTH } from '../utils/constants';\n\nexport default class PercentageChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'percentage';\n\t\tthis.setup();\n\t}\n\n\tsetMeasures(options) {\n\t\tlet m = this.measures;\n\t\tthis.barOptions = options.barOptions || {};\n\n\t\tlet b = this.barOptions;\n\t\tb.height = b.height || PERCENTAGE_BAR_DEFAULT_HEIGHT;\n\t\tb.depth = b.depth || PERCENTAGE_BAR_DEFAULT_DEPTH;\n\n\t\tm.paddings.right = 30;\n\t\tm.legendHeight = 60;\n\t\tm.baseHeight = (b.height + b.depth * 0.5) * 8;\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'percentageBars',\n\t\t\t\t{\n\t\t\t\t\tbarHeight: this.barOptions.height,\n\t\t\t\t\tbarDepth: this.barOptions.depth,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: s.xPositions,\n\t\t\t\t\t\twidths: s.widths,\n\t\t\t\t\t\tcolors: this.colors\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tcalc() {\n\t\tsuper.calc();\n\t\tlet s = this.state;\n\n\t\ts.xPositions = [];\n\t\ts.widths = [];\n\n\t\tlet xPos = 0;\n\t\ts.sliceTotals.map((value) => {\n\t\t\tlet width = this.width * value / s.grandTotal;\n\t\t\ts.widths.push(width);\n\t\t\ts.xPositions.push(xPos);\n\t\t\txPos += width;\n\t\t});\n\t}\n\n\tmakeDataByIndex() { }\n\n\tbindTooltip() {\n\t\tlet s = this.state;\n\t\tthis.container.addEventListener('mousemove', (e) => {\n\t\t\tlet bars = this.components.get('percentageBars').store;\n\t\t\tlet bar = e.target;\n\t\t\tif(bars.includes(bar)) {\n\n\t\t\t\tlet i = bars.indexOf(bar);\n\t\t\t\tlet gOff = getOffset(this.container), pOff = getOffset(bar);\n\n\t\t\t\tlet x = pOff.left - gOff.left + parseInt(bar.getAttribute('width'))/2;\n\t\t\t\tlet y = pOff.top - gOff.top;\n\t\t\t\tlet title = (this.formattedLabels && this.formattedLabels.length>0\n\t\t\t\t\t? this.formattedLabels[i] : this.state.labels[i]) + ': ';\n\t\t\t\tlet fraction = s.sliceTotals[i]/s.grandTotal;\n\n\t\t\t\tthis.tip.setValues(x, y, {name: title, value: (fraction*100).toFixed(1) + \"%\"});\n\t\t\t\tthis.tip.showTip();\n\t\t\t}\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset } from '../utils/dom';\nimport { getPositionByAngle } from '../utils/helpers';\nimport { makeArcPathStr, makeCircleStr } from '../utils/draw';\nimport { lightenDarkenColor } from '../utils/colors';\nimport { transform } from '../utils/animation';\nimport { FULL_ANGLE } from '../utils/constants';\n\nexport default class PieChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'pie';\n\t\tthis.initTimeout = 0;\n\t\tthis.init = 1;\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\t\tthis.mouseMove = this.mouseMove.bind(this);\n\t\tthis.mouseLeave = this.mouseLeave.bind(this);\n\n\t\tthis.hoverRadio = args.hoverRadio || 0.1;\n\t\tthis.config.startAngle = args.startAngle || 0;\n\n\t\tthis.clockWise = args.clockWise || false;\n\t}\n\n\tcalc() {\n\t\tsuper.calc();\n\t\tlet s = this.state;\n\t\tthis.radius = (this.height > this.width ? this.center.x : this.center.y);\n\n\t\tconst { radius, clockWise } = this;\n\n\t\tconst prevSlicesProperties = s.slicesProperties || [];\n\t\ts.sliceStrings = [];\n\t\ts.slicesProperties = [];\n\t\tlet curAngle = 180 - this.config.startAngle;\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tconst startAngle = curAngle;\n\t\t\tconst originDiffAngle = (total / s.grandTotal) * FULL_ANGLE;\n\t\t\tconst largeArc = originDiffAngle > 180 ? 1: 0;\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\n\t\t\tconst startPosition = getPositionByAngle(startAngle, radius);\n\t\t\tconst endPosition = getPositionByAngle(endAngle, radius);\n\n\t\t\tconst prevProperty = this.init && prevSlicesProperties[i];\n\n\t\t\tlet curStart,curEnd;\n\t\t\tif(this.init) {\n\t\t\t\tcurStart = prevProperty ? prevProperty.startPosition : startPosition;\n\t\t\t\tcurEnd = prevProperty ? prevProperty.endPosition : startPosition;\n\t\t\t} else {\n\t\t\t\tcurStart = startPosition;\n\t\t\t\tcurEnd = endPosition;\n\t\t\t}\n\t\t\tconst curPath =\n\t\t\t\toriginDiffAngle === 360\n\t\t\t\t\t? makeCircleStr(curStart, curEnd, this.center, this.radius, clockWise, largeArc)\n\t\t\t\t\t: makeArcPathStr(curStart, curEnd, this.center, this.radius, clockWise, largeArc);\n\n\t\t\ts.sliceStrings.push(curPath);\n\t\t\ts.slicesProperties.push({\n\t\t\t\tstartPosition,\n\t\t\t\tendPosition,\n\t\t\t\tvalue: total,\n\t\t\t\ttotal: s.grandTotal,\n\t\t\t\tstartAngle,\n\t\t\t\tendAngle,\n\t\t\t\tangle: diffAngle\n\t\t\t});\n\n\t\t});\n\t\tthis.init = 0;\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'pieSlices',\n\t\t\t\t{ },\n\t\t\t\tfunction() {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tsliceStrings: s.sliceStrings,\n\t\t\t\t\t\tcolors: this.colors\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tcalTranslateByAngle(property){\n\t\tconst{radius,hoverRadio} = this;\n\t\tconst position = getPositionByAngle(property.startAngle+(property.angle / 2),radius);\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\n\t}\n\n\thoverSlice(path,i,flag,e){\n\t\tif(!path) return;\n\t\tconst color = this.colors[i];\n\t\tif(flag) {\n\t\t\ttransform(path, this.calTranslateByAngle(this.state.slicesProperties[i]));\n\t\t\tpath.style.fill = lightenDarkenColor(color, 50);\n\t\t\tlet g_off = getOffset(this.svg);\n\t\t\tlet x = e.pageX - g_off.left + 10;\n\t\t\tlet y = e.pageY - g_off.top - 10;\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t\t? this.formatted_labels[i] : this.state.labels[i]) + ': ';\n\t\t\tlet percent = (this.state.sliceTotals[i] * 100 / this.state.grandTotal).toFixed(1);\n\t\t\tthis.tip.setValues(x, y, {name: title, value: percent + \"%\"});\n\t\t\tthis.tip.showTip();\n\t\t} else {\n\t\t\ttransform(path,'translate3d(0,0,0)');\n\t\t\tthis.tip.hideTip();\n\t\t\tpath.style.fill = color;\n\t\t}\n\t}\n\n\tbindTooltip() {\n\t\tthis.container.addEventListener('mousemove', this.mouseMove);\n\t\tthis.container.addEventListener('mouseleave', this.mouseLeave);\n\t}\n\n\tmouseMove(e){\n\t\tconst target = e.target;\n\t\tlet slices = this.components.get('pieSlices').store;\n\t\tlet prevIndex = this.curActiveSliceIndex;\n\t\tlet prevAcitve = this.curActiveSlice;\n\t\tif(slices.includes(target)) {\n\t\t\tlet i = slices.indexOf(target);\n\t\t\tthis.hoverSlice(prevAcitve, prevIndex,false);\n\t\t\tthis.curActiveSlice = target;\n\t\t\tthis.curActiveSliceIndex = i;\n\t\t\tthis.hoverSlice(target, i, true, e);\n\t\t} else {\n\t\t\tthis.mouseLeave();\n\t\t}\n\t}\n\n\tmouseLeave(){\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { getComponent } from '../objects/ChartComponents';\nimport { makeText, heatSquare } from '../utils/draw';\nimport { DAY_NAMES_SHORT, addDays, areInSameMonth, getLastDateInMonth, setDayToSunday, getYyyyMmDd, getWeeksBetween, getMonthName, clone,\n\tNO_OF_MILLIS, NO_OF_YEAR_MONTHS, NO_OF_DAYS_IN_WEEK } from '../utils/date-utils';\nimport { calcDistribution, getMaxCheckpoint } from '../utils/intervals';\nimport { getExtraHeight, getExtraWidth, HEATMAP_DISTRIBUTION_SIZE, HEATMAP_SQUARE_SIZE,\n\tHEATMAP_GUTTER_SIZE } from '../utils/constants';\n\nconst COL_WIDTH = HEATMAP_SQUARE_SIZE + HEATMAP_GUTTER_SIZE;\nconst ROW_HEIGHT = COL_WIDTH;\n// const DAY_INCR = 1;\n\nexport default class Heatmap extends BaseChart {\n\tconstructor(parent, options) {\n\t\tsuper(parent, options);\n\t\tthis.type = 'heatmap';\n\n\t\tthis.countLabel = options.countLabel || '';\n\n\t\tlet validStarts = ['Sunday', 'Monday'];\n\t\tlet startSubDomain = validStarts.includes(options.startSubDomain)\n\t\t\t? options.startSubDomain : 'Sunday';\n\t\tthis.startSubDomainIndex = validStarts.indexOf(startSubDomain);\n\n\t\tthis.setup();\n\t}\n\n\tsetMeasures(options) {\n\t\tlet m = this.measures;\n\t\tthis.discreteDomains = options.discreteDomains === 0 ? 0 : 1;\n\n\t\tm.paddings.top = ROW_HEIGHT * 3;\n\t\tm.paddings.bottom = 0;\n\t\tm.legendHeight = ROW_HEIGHT * 2;\n\t\tm.baseHeight = ROW_HEIGHT * NO_OF_DAYS_IN_WEEK\n\t\t\t+ getExtraHeight(m);\n\n\t\tlet d = this.data;\n\t\tlet spacing = this.discreteDomains ? NO_OF_YEAR_MONTHS : 0;\n\t\tthis.independentWidth = (getWeeksBetween(d.start, d.end)\n\t\t\t+ spacing) * COL_WIDTH + getExtraWidth(m);\n\t}\n\n\tupdateWidth() {\n\t\tlet spacing = this.discreteDomains ? NO_OF_YEAR_MONTHS : 0;\n\t\tlet noOfWeeks = this.state.noOfWeeks ? this.state.noOfWeeks : 52;\n\t\tthis.baseWidth = (noOfWeeks + spacing) * COL_WIDTH\n\t\t\t+ getExtraWidth(this.measures);\n\t}\n\n\tprepareData(data=this.data) {\n\t\tif(data.start && data.end && data.start > data.end) {\n\t\t\tthrow new Error('Start date cannot be greater than end date.');\n\t\t}\n\n\t\tif(!data.start) {\n\t\t\tdata.start = new Date();\n\t\t\tdata.start.setFullYear( data.start.getFullYear() - 1 );\n\t\t}\n\t\tif(!data.end) { data.end = new Date(); }\n\t\tdata.dataPoints = data.dataPoints || {};\n\n\t\tif(parseInt(Object.keys(data.dataPoints)[0]) > 100000) {\n\t\t\tlet points = {};\n\t\t\tObject.keys(data.dataPoints).forEach(timestampSec => {\n\t\t\t\tlet date = new Date(timestampSec * NO_OF_MILLIS);\n\t\t\t\tpoints[getYyyyMmDd(date)] = data.dataPoints[timestampSec];\n\t\t\t});\n\t\t\tdata.dataPoints = points;\n\t\t}\n\n\t\treturn data;\n\t}\n\n\tcalc() {\n\t\tlet s = this.state;\n\n\t\ts.start = clone(this.data.start);\n\t\ts.end = clone(this.data.end);\n\n\t\ts.firstWeekStart = clone(s.start);\n\t\ts.noOfWeeks = getWeeksBetween(s.start, s.end);\n\t\ts.distribution = calcDistribution(\n\t\t\tObject.values(this.data.dataPoints), HEATMAP_DISTRIBUTION_SIZE);\n\n\t\ts.domainConfigs = this.getDomains();\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\t\tlet lessCol = this.discreteDomains ? 0 : 1;\n\n\t\tlet componentConfigs = s.domainConfigs.map((config, i) => [\n\t\t\t'heatDomain',\n\t\t\t{\n\t\t\t\tindex: config.index,\n\t\t\t\tcolWidth: COL_WIDTH,\n\t\t\t\trowHeight: ROW_HEIGHT,\n\t\t\t\tsquareSize: HEATMAP_SQUARE_SIZE,\n\t\t\t\txTranslate: s.domainConfigs\n\t\t\t\t\t.filter((config, j) => j < i)\n\t\t\t\t\t.map(config => config.cols.length - lessCol)\n\t\t\t\t\t.reduce((a, b) => a + b, 0)\n\t\t\t\t\t* COL_WIDTH\n\t\t\t},\n\t\t\tfunction() {\n\t\t\t\treturn s.domainConfigs[i];\n\t\t\t}.bind(this)\n\n\t\t]);\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.map((args, i) => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\treturn [args[0] + '-' + i, component];\n\t\t\t})\n\t\t);\n\n\t\tlet y = 0;\n\t\tDAY_NAMES_SHORT.forEach((dayName, i) => {\n\t\t\tif([1, 3, 5].includes(i)) {\n\t\t\t\tlet dayText = makeText('subdomain-name', -COL_WIDTH/2, y, dayName,\n\t\t\t\t\t{\n\t\t\t\t\t\tfontSize: HEATMAP_SQUARE_SIZE,\n\t\t\t\t\t\tdy: 8,\n\t\t\t\t\t\ttextAnchor: 'end'\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t\tthis.drawArea.appendChild(dayText);\n\t\t\t}\n\t\t\ty += ROW_HEIGHT;\n\t\t});\n\t}\n\n\tupdate(data) {\n\t\tif(!data) {\n\t\t\tconsole.error('No data to update.');\n\t\t}\n\n\t\tthis.data = this.prepareData(data);\n\t\tthis.draw();\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {\n\t\tthis.container.addEventListener('mousemove', (e) => {\n\t\t\tthis.components.forEach(comp => {\n\t\t\t\tlet daySquares = comp.store;\n\t\t\t\tlet daySquare = e.target;\n\t\t\t\tif(daySquares.includes(daySquare)) {\n\n\t\t\t\t\tlet count = daySquare.getAttribute('data-value');\n\t\t\t\t\tlet dateParts = daySquare.getAttribute('data-date').split('-');\n\n\t\t\t\t\tlet month = getMonthName(parseInt(dateParts[1])-1, true);\n\n\t\t\t\t\tlet gOff = this.container.getBoundingClientRect(), pOff = daySquare.getBoundingClientRect();\n\n\t\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\t\tlet x = pOff.left - gOff.left + width/2;\n\t\t\t\t\tlet y = pOff.top - gOff.top;\n\t\t\t\t\tlet value = count + ' ' + this.countLabel;\n\t\t\t\t\tlet name = ' on ' + month + ' ' + dateParts[0] + ', ' + dateParts[2];\n\n\t\t\t\t\tthis.tip.setValues(x, y, {name: name, value: value, valueFirst: 1}, []);\n\t\t\t\t\tthis.tip.showTip();\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n\n\trenderLegend() {\n\t\tthis.legendArea.textContent = '';\n\t\tlet x = 0;\n\t\tlet y = ROW_HEIGHT;\n\n\t\tlet lessText = makeText('subdomain-name', x, y, 'Less',\n\t\t\t{\n\t\t\t\tfontSize: HEATMAP_SQUARE_SIZE + 1,\n\t\t\t\tdy: 9\n\t\t\t}\n\t\t);\n\t\tx = (COL_WIDTH * 2) + COL_WIDTH/2;\n\t\tthis.legendArea.appendChild(lessText);\n\n\t\tthis.colors.slice(0, HEATMAP_DISTRIBUTION_SIZE).map((color, i) => {\n\t\t\tconst square = heatSquare('heatmap-legend-unit', x + (COL_WIDTH + 3) * i,\n\t\t\t\ty, HEATMAP_SQUARE_SIZE, color);\n\t\t\tthis.legendArea.appendChild(square);\n\t\t});\n\n\t\tlet moreTextX = x + HEATMAP_DISTRIBUTION_SIZE * (COL_WIDTH + 3) + COL_WIDTH/4;\n\t\tlet moreText = makeText('subdomain-name', moreTextX, y, 'More',\n\t\t\t{\n\t\t\t\tfontSize: HEATMAP_SQUARE_SIZE + 1,\n\t\t\t\tdy: 9\n\t\t\t}\n\t\t);\n\t\tthis.legendArea.appendChild(moreText);\n\t}\n\n\tgetDomains() {\n\t\tlet s = this.state;\n\t\tconst [startMonth, startYear] = [s.start.getMonth(), s.start.getFullYear()];\n\t\tconst [endMonth, endYear] = [s.end.getMonth(), s.end.getFullYear()];\n\n\t\tconst noOfMonths = (endMonth - startMonth + 1) + (endYear - startYear) * 12;\n\n\t\tlet domainConfigs = [];\n\n\t\tlet startOfMonth = clone(s.start);\n\t\tfor(var i = 0; i < noOfMonths; i++) {\n\t\t\tlet endDate = s.end;\n\t\t\tif(!areInSameMonth(startOfMonth, s.end)) {\n\t\t\t\tlet [month, year] = [startOfMonth.getMonth(), startOfMonth.getFullYear()];\n\t\t\t\tendDate = getLastDateInMonth(month, year);\n\t\t\t}\n\t\t\tdomainConfigs.push(this.getDomainConfig(startOfMonth, endDate));\n\n\t\t\taddDays(endDate, 1);\n\t\t\tstartOfMonth = endDate;\n\t\t}\n\n\t\treturn domainConfigs;\n\t}\n\n\tgetDomainConfig(startDate, endDate='') {\n\t\tlet [month, year] = [startDate.getMonth(), startDate.getFullYear()];\n\t\tlet startOfWeek = setDayToSunday(startDate); // TODO: Monday as well\n\t\tendDate = clone(endDate) || getLastDateInMonth(month, year);\n\n\t\tlet domainConfig = {\n\t\t\tindex: month,\n\t\t\tcols: []\n\t\t};\n\n\t\taddDays(endDate, 1);\n\t\tlet noOfMonthWeeks = getWeeksBetween(startOfWeek, endDate);\n\n\t\tlet cols = [], col;\n\t\tfor(var i = 0; i < noOfMonthWeeks; i++) {\n\t\t\tcol = this.getCol(startOfWeek, month);\n\t\t\tcols.push(col);\n\n\t\t\tstartOfWeek = new Date(col[NO_OF_DAYS_IN_WEEK - 1].yyyyMmDd);\n\t\t\taddDays(startOfWeek, 1);\n\t\t}\n\n\t\tif(col[NO_OF_DAYS_IN_WEEK - 1].dataValue !== undefined) {\n\t\t\taddDays(startOfWeek, 1);\n\t\t\tcols.push(this.getCol(startOfWeek, month, true));\n\t\t}\n\n\t\tdomainConfig.cols = cols;\n\n\t\treturn domainConfig;\n\t}\n\n\tgetCol(startDate, month, empty = false) {\n\t\tlet s = this.state;\n\n\t\t// startDate is the start of week\n\t\tlet currentDate = clone(startDate);\n\t\tlet col = [];\n\n\t\tfor(var i = 0; i < NO_OF_DAYS_IN_WEEK; i++, addDays(currentDate, 1)) {\n\t\t\tlet config = {};\n\n\t\t\t// Non-generic adjustment for entire heatmap, needs state\n\t\t\tlet currentDateWithinData = currentDate >= s.start && currentDate <= s.end;\n\n\t\t\tif(empty || currentDate.getMonth() !== month || !currentDateWithinData) {\n\t\t\t\tconfig.yyyyMmDd = getYyyyMmDd(currentDate);\n\t\t\t} else {\n\t\t\t\tconfig = this.getSubDomainConfig(currentDate);\n\t\t\t}\n\t\t\tcol.push(config);\n\t\t}\n\n\t\treturn col;\n\t}\n\n\tgetSubDomainConfig(date) {\n\t\tlet yyyyMmDd = getYyyyMmDd(date);\n\t\tlet dataValue = this.data.dataPoints[yyyyMmDd];\n\t\tlet config = {\n\t\t\tyyyyMmDd: yyyyMmDd,\n\t\t\tdataValue: dataValue || 0,\n\t\t\tfill: this.colors[getMaxCheckpoint(dataValue, this.state.distribution)]\n\t\t};\n\t\treturn config;\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { dataPrep, zeroDataPrep, getShortenedLabels } from '../utils/axis-chart-utils';\nimport { AXIS_LEGEND_BAR_SIZE } from '../utils/constants';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset, fire } from '../utils/dom';\nimport { calcChartIntervals, getIntervalSize, getValueRange, getZeroIndex, scale, getClosestInArray } from '../utils/intervals';\nimport { floatTwo } from '../utils/helpers';\nimport { makeOverlay, updateOverlay, legendBar } from '../utils/draw';\nimport { getTopOffset, getLeftOffset, MIN_BAR_PERCENT_HEIGHT, BAR_CHART_SPACE_RATIO,\n\tLINE_CHART_DOT_SIZE } from '../utils/constants';\n\nexport default class AxisChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\n\t\tthis.barOptions = args.barOptions || {};\n\t\tthis.lineOptions = args.lineOptions || {};\n\n\t\tthis.type = args.type || 'line';\n\t\tthis.init = 1;\n\n\t\tthis.setup();\n\t}\n\n\tsetMeasures() {\n\t\tif(this.data.datasets.length <= 1) {\n\t\t\tthis.config.showLegend = 0;\n\t\t\tthis.measures.paddings.bottom = 30;\n\t\t}\n\t}\n\n\tconfigure(options) {\n\t\tsuper.configure(options);\n\n\t\toptions.axisOptions = options.axisOptions || {};\n\t\toptions.tooltipOptions = options.tooltipOptions || {};\n\n\t\tthis.config.xAxisMode = options.axisOptions.xAxisMode || 'span';\n\t\tthis.config.yAxisMode = options.axisOptions.yAxisMode || 'span';\n\t\tthis.config.xIsSeries = options.axisOptions.xIsSeries || 0;\n\t\tthis.config.shortenYAxisNumbers = options.axisOptions.shortenYAxisNumbers || 0;\n\n\t\tthis.config.formatTooltipX = options.tooltipOptions.formatTooltipX;\n\t\tthis.config.formatTooltipY = options.tooltipOptions.formatTooltipY;\n\n\t\tthis.config.valuesOverPoints = options.valuesOverPoints;\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn dataPrep(data, this.type);\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn zeroDataPrep(data);\n\t}\n\n\tcalc(onlyWidthChange = false) {\n\t\tthis.calcXPositions();\n\t\tif(!onlyWidthChange) {\n\t\t\tthis.calcYAxisParameters(this.getAllYValues(), this.type === 'line');\n\t\t}\n\t\tthis.makeDataByIndex();\n\t}\n\n\tcalcXPositions() {\n\t\tlet s = this.state;\n\t\tlet labels = this.data.labels;\n\t\ts.datasetLength = labels.length;\n\n\t\ts.unitWidth = this.width/(s.datasetLength);\n\t\t// Default, as per bar, and mixed. Only line will be a special case\n\t\ts.xOffset = s.unitWidth/2;\n\n\t\t// // For a pure Line Chart\n\t\t// s.unitWidth = this.width/(s.datasetLength - 1);\n\t\t// s.xOffset = 0;\n\n\t\ts.xAxis = {\n\t\t\tlabels: labels,\n\t\t\tpositions: labels.map((d, i) =>\n\t\t\t\tfloatTwo(s.xOffset + i * s.unitWidth)\n\t\t\t)\n\t\t};\n\t}\n\n\tcalcYAxisParameters(dataValues, withMinimum = 'false') {\n\t\tconst yPts = calcChartIntervals(dataValues, withMinimum);\n\t\tconst scaleMultiplier = this.height / getValueRange(yPts);\n\t\tconst intervalHeight = getIntervalSize(yPts) * scaleMultiplier;\n\t\tconst zeroLine = this.height - (getZeroIndex(yPts) * intervalHeight);\n\n\t\tthis.state.yAxis = {\n\t\t\tlabels: yPts,\n\t\t\tpositions: yPts.map(d => zeroLine - d * scaleMultiplier),\n\t\t\tscaleMultiplier: scaleMultiplier,\n\t\t\tzeroLine: zeroLine,\n\t\t};\n\n\t\t// Dependent if above changes\n\t\tthis.calcDatasetPoints();\n\t\tthis.calcYExtremes();\n\t\tthis.calcYRegions();\n\t}\n\n\tcalcDatasetPoints() {\n\t\tlet s = this.state;\n\t\tlet scaleAll = values => values.map(val => scale(val, s.yAxis));\n\n\t\ts.datasets = this.data.datasets.map((d, i) => {\n\t\t\tlet values = d.values;\n\t\t\tlet cumulativeYs = d.cumulativeYs || [];\n\t\t\treturn {\n\t\t\t\tname: d.name,\n\t\t\t\tindex: i,\n\t\t\t\tchartType: d.chartType,\n\n\t\t\t\tvalues: values,\n\t\t\t\tyPositions: scaleAll(values),\n\n\t\t\t\tcumulativeYs: cumulativeYs,\n\t\t\t\tcumulativeYPos: scaleAll(cumulativeYs),\n\t\t\t};\n\t\t});\n\t}\n\n\tcalcYExtremes() {\n\t\tlet s = this.state;\n\t\tif(this.barOptions.stacked) {\n\t\t\ts.yExtremes = s.datasets[s.datasets.length - 1].cumulativeYPos;\n\t\t\treturn;\n\t\t}\n\t\ts.yExtremes = new Array(s.datasetLength).fill(9999);\n\t\ts.datasets.map(d => {\n\t\t\td.yPositions.map((pos, j) => {\n\t\t\t\tif(pos < s.yExtremes[j]) {\n\t\t\t\t\ts.yExtremes[j] = pos;\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n\n\tcalcYRegions() {\n\t\tlet s = this.state;\n\t\tif(this.data.yMarkers) {\n\t\t\tthis.state.yMarkers = this.data.yMarkers.map(d => {\n\t\t\t\td.position = scale(d.value, s.yAxis);\n\t\t\t\tif(!d.options) d.options = {};\n\t\t\t\t// if(!d.label.includes(':')) {\n\t\t\t\t// \td.label += ': ' + d.value;\n\t\t\t\t// }\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t\tif(this.data.yRegions) {\n\t\t\tthis.state.yRegions = this.data.yRegions.map(d => {\n\t\t\t\td.startPos = scale(d.start, s.yAxis);\n\t\t\t\td.endPos = scale(d.end, s.yAxis);\n\t\t\t\tif(!d.options) d.options = {};\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t}\n\n\tgetAllYValues() {\n\t\tlet key = 'values';\n\n\t\tif(this.barOptions.stacked) {\n\t\t\tkey = 'cumulativeYs';\n\t\t\tlet cumulative = new Array(this.state.datasetLength).fill(0);\n\t\t\tthis.data.datasets.map((d, i) => {\n\t\t\t\tlet values = this.data.datasets[i].values;\n\t\t\t\td[key] = cumulative = cumulative.map((c, i) => c + values[i]);\n\t\t\t});\n\t\t}\n\n\t\tlet allValueLists = this.data.datasets.map(d => d[key]);\n\t\tif(this.data.yMarkers) {\n\t\t\tallValueLists.push(this.data.yMarkers.map(d => d.value));\n\t\t}\n\t\tif(this.data.yRegions) {\n\t\t\tthis.data.yRegions.map(d => {\n\t\t\t\tallValueLists.push([d.end, d.start]);\n\t\t\t});\n\t\t}\n\n\t\treturn [].concat(...allValueLists);\n\t}\n\n\tsetupComponents() {\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'yAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.yAxisMode,\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tshortenNumbers: this.config.shortenYAxisNumbers\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'xAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.xAxisMode,\n\t\t\t\t\theight: this.height,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\ts.xAxis.calcLabels = getShortenedLabels(this.width,\n\t\t\t\t\t\ts.xAxis.labels, this.config.xIsSeries);\n\n\t\t\t\t\treturn s.xAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'yRegions',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yRegions;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\t\t];\n\n\t\tlet barDatasets = this.state.datasets.filter(d => d.chartType === 'bar');\n\t\tlet lineDatasets = this.state.datasets.filter(d => d.chartType === 'line');\n\n\t\tlet barsConfigs = barDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'barGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tstacked: this.barOptions.stacked,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t\tminHeight: this.height * MIN_BAR_PERCENT_HEIGHT,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\t\t\t\t\tlet stacked = this.barOptions.stacked;\n\n\t\t\t\t\tlet spaceRatio = this.barOptions.spaceRatio || BAR_CHART_SPACE_RATIO;\n\t\t\t\t\tlet barsWidth = s.unitWidth * (1 - spaceRatio);\n\t\t\t\t\tlet barWidth = barsWidth/(stacked ? 1 : barDatasets.length);\n\n\t\t\t\t\tlet xPositions = s.xAxis.positions.map(x => x - barsWidth/2);\n\t\t\t\t\tif(!stacked) {\n\t\t\t\t\t\txPositions = xPositions.map(p => p + barWidth * index);\n\t\t\t\t\t}\n\n\t\t\t\t\tlet labels = new Array(s.datasetLength).fill('');\n\t\t\t\t\tif(this.config.valuesOverPoints) {\n\t\t\t\t\t\tif(stacked && d.index === s.datasets.length - 1) {\n\t\t\t\t\t\t\tlabels = d.cumulativeYs;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tlabels = d.values;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tlet offsets = new Array(s.datasetLength).fill(0);\n\t\t\t\t\tif(stacked) {\n\t\t\t\t\t\toffsets = d.yPositions.map((y, j) => y - d.cumulativeYPos[j]);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: xPositions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\t\t\t\t\t\toffsets: offsets,\n\t\t\t\t\t\t// values: d.values,\n\t\t\t\t\t\tlabels: labels,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tbarsWidth: barsWidth,\n\t\t\t\t\t\tbarWidth: barWidth,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet lineConfigs = lineDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'lineGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tsvgDefs: this.svgDefs,\n\t\t\t\t\theatline: this.lineOptions.heatline,\n\t\t\t\t\tregionFill: this.lineOptions.regionFill,\n\t\t\t\t\thideDots: this.lineOptions.hideDots,\n\t\t\t\t\thideLine: this.lineOptions.hideLine,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\t\t\t\t\tlet minLine = s.yAxis.positions[0] < s.yAxis.zeroLine\n\t\t\t\t\t\t? s.yAxis.positions[0] : s.yAxis.zeroLine;\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: s.xAxis.positions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\n\t\t\t\t\t\tvalues: d.values,\n\n\t\t\t\t\t\tzeroLine: minLine,\n\t\t\t\t\t\tradius: this.lineOptions.dotSize || LINE_CHART_DOT_SIZE,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet markerConfigs = [\n\t\t\t[\n\t\t\t\t'yMarkers',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yMarkers;\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tcomponentConfigs = componentConfigs.concat(barsConfigs, lineConfigs, markerConfigs);\n\n\t\tlet optionals = ['yMarkers', 'yRegions'];\n\t\tthis.dataUnitComponents = [];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.filter(args => !optionals.includes(args[0]) || this.state[args[0]])\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\tif(args[0].includes('lineGraph') || args[0].includes('barGraph')) {\n\t\t\t\t\tthis.dataUnitComponents.push(component);\n\t\t\t\t}\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tmakeDataByIndex() {\n\t\tthis.dataByIndex = {};\n\n\t\tlet s = this.state;\n\t\tlet formatX = this.config.formatTooltipX;\n\t\tlet formatY = this.config.formatTooltipY;\n\t\tlet titles = s.xAxis.labels;\n\n\t\ttitles.map((label, index) => {\n\t\t\tlet values = this.state.datasets.map((set, i) => {\n\t\t\t\tlet value = set.values[index];\n\t\t\t\treturn {\n\t\t\t\t\ttitle: set.name,\n\t\t\t\t\tvalue: value,\n\t\t\t\t\tyPos: set.yPositions[index],\n\t\t\t\t\tcolor: this.colors[i],\n\t\t\t\t\tformatted: formatY ? formatY(value) : value,\n\t\t\t\t};\n\t\t\t});\n\n\t\t\tthis.dataByIndex[index] = {\n\t\t\t\tlabel: label,\n\t\t\t\tformattedLabel: formatX ? formatX(label) : label,\n\t\t\t\txPos: s.xAxis.positions[index],\n\t\t\t\tvalues: values,\n\t\t\t\tyExtreme: s.yExtremes[index],\n\t\t\t};\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\t// NOTE: could be in tooltip itself, as it is a given functionality for its parent\n\t\tthis.container.addEventListener('mousemove', (e) => {\n\t\t\tlet m = this.measures;\n\t\t\tlet o = getOffset(this.container);\n\t\t\tlet relX = e.pageX - o.left - getLeftOffset(m);\n\t\t\tlet relY = e.pageY - o.top;\n\n\t\t\tif(relY < this.height + getTopOffset(m)\n\t\t\t\t&& relY > getTopOffset(m)) {\n\t\t\t\tthis.mapTooltipXPosition(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.hideTip();\n\t\t\t}\n\t\t});\n\t}\n\n\tmapTooltipXPosition(relX) {\n\t\tlet s = this.state;\n\t\tif(!s.yExtremes) return;\n\n\t\tlet index = getClosestInArray(relX, s.xAxis.positions, true);\n\t\tlet dbi = this.dataByIndex[index];\n\n\t\tthis.tip.setValues(\n\t\t\tdbi.xPos + this.tip.offset.x,\n\t\t\tdbi.yExtreme + this.tip.offset.y,\n\t\t\t{name: dbi.formattedLabel, value: ''},\n\t\t\tdbi.values,\n\t\t\tindex\n\t\t);\n\n\t\tthis.tip.showTip();\n\t}\n\n\trenderLegend() {\n\t\tlet s = this.data;\n\t\tif(s.datasets.length > 1) {\n\t\t\tthis.legendArea.textContent = '';\n\t\t\ts.datasets.map((d, i) => {\n\t\t\t\tlet barWidth = AXIS_LEGEND_BAR_SIZE;\n\t\t\t\t// let rightEndPoint = this.baseWidth - this.measures.margins.left - this.measures.margins.right;\n\t\t\t\t// let multiplier = s.datasets.length - i;\n\t\t\t\tlet rect = legendBar(\n\t\t\t\t\t// rightEndPoint - multiplier * barWidth,\t// To right align\n\t\t\t\t\tbarWidth * i,\n\t\t\t\t\t'0',\n\t\t\t\t\tbarWidth,\n\t\t\t\t\tthis.colors[i],\n\t\t\t\t\td.name,\n\t\t\t\t\tthis.config.truncateLegends);\n\t\t\t\tthis.legendArea.appendChild(rect);\n\t\t\t});\n\t\t}\n\t}\n\n\n\n\t// Overlay\n\tmakeOverlay() {\n\t\tif(this.init) {\n\t\t\tthis.init = 0;\n\t\t\treturn;\n\t\t}\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\n\t\tthis.overlayGuides = this.dataUnitComponents.map(c => {\n\t\t\treturn {\n\t\t\t\ttype: c.unitType,\n\t\t\t\toverlay: undefined,\n\t\t\t\tunits: c.units,\n\t\t\t};\n\t\t});\n\n\t\tif(this.state.currentIndex === undefined) {\n\t\t\tthis.state.currentIndex = this.state.datasetLength - 1;\n\t\t}\n\n\t\t// Render overlays\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\n\t\t\td.overlay = makeOverlay[d.type](currentUnit);\n\t\t\tthis.drawArea.appendChild(d.overlay);\n\t\t});\n\t}\n\n\tupdateOverlayGuides() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\t}\n\n\tbindOverlay() {\n\t\tthis.parent.addEventListener('data-select', () => {\n\t\t\tthis.updateOverlay();\n\t\t});\n\t}\n\n\tbindUnits() {\n\t\tthis.dataUnitComponents.map(c => {\n\t\t\tc.units.map(unit => {\n\t\t\t\tunit.addEventListener('click', () => {\n\t\t\t\t\tlet index = unit.getAttribute('data-point-index');\n\t\t\t\t\tthis.setCurrentDataPoint(index);\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\n\t\t// Note: Doesn't work as tooltip is absolutely positioned\n\t\tthis.tip.container.addEventListener('click', () => {\n\t\t\tlet index = this.tip.container.getAttribute('data-point-index');\n\t\t\tthis.setCurrentDataPoint(index);\n\t\t});\n\t}\n\n\tupdateOverlay() {\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\tupdateOverlay[d.type](currentUnit, d.overlay);\n\t\t});\n\t}\n\n\tonLeftArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex - 1);\n\t}\n\n\tonRightArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex + 1);\n\t}\n\n\tgetDataPoint(index=this.state.currentIndex) {\n\t\tlet s = this.state;\n\t\tlet data_point = {\n\t\t\tindex: index,\n\t\t\tlabel: s.xAxis.labels[index],\n\t\t\tvalues: s.datasets.map(d => d.values[index])\n\t\t};\n\t\treturn data_point;\n\t}\n\n\tsetCurrentDataPoint(index) {\n\t\tlet s = this.state;\n\t\tindex = parseInt(index);\n\t\tif(index < 0) index = 0;\n\t\tif(index >= s.xAxis.labels.length) index = s.xAxis.labels.length - 1;\n\t\tif(index === s.currentIndex) return;\n\t\ts.currentIndex = index;\n\t\tfire(this.parent, \"data-select\", this.getDataPoint());\n\t}\n\n\n\n\t// API\n\taddDataPoint(label, datasetValues, index=this.state.datasetLength) {\n\t\tsuper.addDataPoint(label, datasetValues, index);\n\t\tthis.data.labels.splice(index, 0, label);\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\td.values.splice(index, 0, datasetValues[i]);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\tremoveDataPoint(index = this.state.datasetLength-1) {\n\t\tif (this.data.labels.length <= 1) {\n\t\t\treturn;\n\t\t}\n\t\tsuper.removeDataPoint(index);\n\t\tthis.data.labels.splice(index, 1);\n\t\tthis.data.datasets.map(d => {\n\t\t\td.values.splice(index, 1);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\tupdateDataset(datasetValues, index=0) {\n\t\tthis.data.datasets[index].values = datasetValues;\n\t\tthis.update(this.data);\n\t}\n\t// addDataset(dataset, index) {}\n\t// removeDataset(index = 0) {}\n\n\tupdateDatasets(datasets) {\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\tif(datasets[i]) {\n\t\t\t\td.values = datasets[i];\n\t\t\t}\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\t// updateDataPoint(dataPoint, index = 0) {}\n\t// addDataPoint(dataPoint, index = 0) {}\n\t// removeDataPoint(index = 0) {}\n}\n","import AggregationChart from './AggregationChart';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset } from '../utils/dom';\nimport { getPositionByAngle } from '../utils/helpers';\nimport { makeArcStrokePathStr, makeStrokeCircleStr } from '../utils/draw';\nimport { lightenDarkenColor } from '../utils/colors';\nimport { transform } from '../utils/animation';\nimport { FULL_ANGLE } from '../utils/constants';\n\nexport default class DonutChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'donut';\n\t\tthis.initTimeout = 0;\n\t\tthis.init = 1;\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\t\tthis.mouseMove = this.mouseMove.bind(this);\n\t\tthis.mouseLeave = this.mouseLeave.bind(this);\n\n\t\tthis.hoverRadio = args.hoverRadio || 0.1;\n\t\tthis.config.startAngle = args.startAngle || 0;\n\n\t\tthis.clockWise = args.clockWise || false;\n\t\tthis.strokeWidth = args.strokeWidth || 30;\n\t}\n\n\tcalc() {\n\t\tsuper.calc();\n\t\tlet s = this.state;\n\t\tthis.radius =\n\t\t\tthis.height > this.width\n\t\t\t\t? this.center.x - this.strokeWidth / 2\n\t\t\t\t: this.center.y - this.strokeWidth / 2;\n\n\t\tconst { radius, clockWise } = this;\n\n\t\tconst prevSlicesProperties = s.slicesProperties || [];\n\t\ts.sliceStrings = [];\n\t\ts.slicesProperties = [];\n\t\tlet curAngle = 180 - this.config.startAngle;\n\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tconst startAngle = curAngle;\n\t\t\tconst originDiffAngle = (total / s.grandTotal) * FULL_ANGLE;\n\t\t\tconst largeArc = originDiffAngle > 180 ? 1: 0;\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\n\t\t\tconst startPosition = getPositionByAngle(startAngle, radius);\n\t\t\tconst endPosition = getPositionByAngle(endAngle, radius);\n\n\t\t\tconst prevProperty = this.init && prevSlicesProperties[i];\n\n\t\t\tlet curStart,curEnd;\n\t\t\tif(this.init) {\n\t\t\t\tcurStart = prevProperty ? prevProperty.startPosition : startPosition;\n\t\t\t\tcurEnd = prevProperty ? prevProperty.endPosition : startPosition;\n\t\t\t} else {\n\t\t\t\tcurStart = startPosition;\n\t\t\t\tcurEnd = endPosition;\n\t\t\t}\n\t\t\tconst curPath =\n\t\t\t\toriginDiffAngle === 360\n\t\t\t\t\t? makeStrokeCircleStr(curStart, curEnd, this.center, this.radius, this.clockWise, largeArc)\n\t\t\t\t\t: makeArcStrokePathStr(curStart, curEnd, this.center, this.radius, this.clockWise, largeArc);\n\n\t\t\ts.sliceStrings.push(curPath);\n\t\t\ts.slicesProperties.push({\n\t\t\t\tstartPosition,\n\t\t\t\tendPosition,\n\t\t\t\tvalue: total,\n\t\t\t\ttotal: s.grandTotal,\n\t\t\t\tstartAngle,\n\t\t\t\tendAngle,\n\t\t\t\tangle: diffAngle\n\t\t\t});\n\n\t\t});\n\t\tthis.init = 0;\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'donutSlices',\n\t\t\t\t{ },\n\t\t\t\tfunction() {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tsliceStrings: s.sliceStrings,\n\t\t\t\t\t\tcolors: this.colors,\n\t\t\t\t\t\tstrokeWidth: this.strokeWidth,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tcalTranslateByAngle(property){\n\t\tconst{ radius, hoverRadio } = this;\n\t\tconst position = getPositionByAngle(property.startAngle+(property.angle / 2),radius);\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\n\t}\n\n\thoverSlice(path,i,flag,e){\n\t\tif(!path) return;\n\t\tconst color = this.colors[i];\n\t\tif(flag) {\n\t\t\ttransform(path, this.calTranslateByAngle(this.state.slicesProperties[i]));\n\t\t\tpath.style.stroke = lightenDarkenColor(color, 50);\n\t\t\tlet g_off = getOffset(this.svg);\n\t\t\tlet x = e.pageX - g_off.left + 10;\n\t\t\tlet y = e.pageY - g_off.top - 10;\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t\t? this.formatted_labels[i] : this.state.labels[i]) + ': ';\n\t\t\tlet percent = (this.state.sliceTotals[i] * 100 / this.state.grandTotal).toFixed(1);\n\t\t\tthis.tip.setValues(x, y, {name: title, value: percent + \"%\"});\n\t\t\tthis.tip.showTip();\n\t\t} else {\n\t\t\ttransform(path,'translate3d(0,0,0)');\n\t\t\tthis.tip.hideTip();\n\t\t\tpath.style.stroke = color;\n\t\t}\n\t}\n\n\tbindTooltip() {\n\t\tthis.container.addEventListener('mousemove', this.mouseMove);\n\t\tthis.container.addEventListener('mouseleave', this.mouseLeave);\n\t}\n\n\tmouseMove(e){\n\t\tconst target = e.target;\n\t\tlet slices = this.components.get('donutSlices').store;\n\t\tlet prevIndex = this.curActiveSliceIndex;\n\t\tlet prevAcitve = this.curActiveSlice;\n\t\tif(slices.includes(target)) {\n\t\t\tlet i = slices.indexOf(target);\n\t\t\tthis.hoverSlice(prevAcitve, prevIndex,false);\n\t\t\tthis.curActiveSlice = target;\n\t\t\tthis.curActiveSliceIndex = i;\n\t\t\tthis.hoverSlice(target, i, true, e);\n\t\t} else {\n\t\t\tthis.mouseLeave();\n\t\t}\n\t}\n\n\tmouseLeave(){\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\n\t}\n}\n"],"names":["styleInject","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","$","expr","con","querySelector","getOffset","element","rect","getBoundingClientRect","top","documentElement","scrollTop","body","left","scrollLeft","isElementInViewport","el","bottom","window","innerHeight","clientHeight","right","innerWidth","clientWidth","getElementContentWidth","styles","getComputedStyle","padding","parseFloat","paddingLeft","paddingRight","fire","target","properties","evt","createEvent","initEvent","j","dispatchEvent","getTopOffset","m","titleHeight","margins","paddings","getLeftOffset","getExtraHeight","legendHeight","getExtraWidth","floatTwo","d","toFixed","fillArray","array","count","start","length","fillerArray","Array","Math","abs","fill","concat","getStringWidth","string","charWidth","getPositionByAngle","angle","radius","sin","ANGLE_RATIO","cos","getBarHeightAndYAttr","yTop","zeroLine","height","y","equilizeNoOfElements","array1","array2","extraCount","truncateString","txt","len","slice","shortenLargeNumber","label","number","Number","isNaN","p","floor","log10","l","shortened","pow","round","limitColor","r","lightenDarkenColor","color","amt","col","getColor","usePound","num","parseInt","b","g","toString","isValidColor","test","createSVG","tag","o","createElementNS","i","val","parentNode","keys","map","prop","setAttribute","renderVerticalGradient","svgDefElem","gradientId","setGradientStop","gradElem","offset","opacity","makeSVGContainer","parent","className","width","makeSVGDefs","svgContainer","makeSVGGroup","transform","undefined","args","inside","makePath","pathStr","makeArcPathStr","startPosition","endPosition","center","clockWise","largeArc","arcStartX","x","arcStartY","arcEndX","arcEndY","makeCircleStr","midArc","makeArcStrokePathStr","makeStrokeCircleStr","makeGradient","lighter","gradientDef","opacities","percentageBar","depth","PERCENTAGE_BAR_DEFAULT_DEPTH","heatSquare","size","data","key","legendBar","LABEL_MAX_CHARS","text","FONT_SIZE","FONT_FILL","group","legendDot","makeText","content","options","fontSize","dy","textAnchor","makeVertLine","y1","y2","stroke","BASE_LINE_COLOR","LABEL_MARGIN","line","makeHoriLine","x1","x2","lineType","shortenNumbers","yLine","pos","mode","AXIS_TICK_LENGTH","xLine","yMarker","labelPos","labelSvg","yRegion","region","datasetBar","index","meta","minHeight","datasetDot","dot","getPaths","xList","yList","pointsStr","join","path","heatline","gradient_id","svgDefs","paths","regionFill","gradient_id_region","translate","unit","oldCoord","newCoord","duration","old","STD_EASING","translateVertLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","animateBar","bar","nodeName","UNIT_ANIM_DUR","split","animateDot","cx","cy","animatePath","newXList","newYList","pathComponents","animPath","PATH_ANIM_DUR","push","regStartPt","regEndPt","animRegion","animatePathStr","oldPath","animateSVGElement","props","dur","easingType","oldValues","animElement","cloneNode","newElement","attributeName","animateElement","currentValue","value","animAttr","EASING","webkitTransform","msTransform","mozTransform","oTransform","animateSVG","elements","newElements","animElements","replaceChild","animSvg","runSMILAnimation","svgElement","elementsToAnimate","animSvgElement","removeChild","REPLACE_ALL_NEW_DUR","downloadFile","filename","a","blob","Blob","url","URL","createObjectURL","href","download","click","revokeObjectURL","prepareForExport","svg","clone","classList","add","styleEl","create","CSSTEXT","container","innerHTML","treatAsUtc","date","result","Date","setMinutes","getMinutes","getTimezoneOffset","getYyyyMmDd","dd","getDate","mm","getMonth","getFullYear","getTime","getWeeksBetween","startDate","endDate","weekStartDate","setDayToSunday","ceil","getDaysBetween","NO_OF_DAYS_IN_WEEK","millisecondsPerDay","SEC_IN_DAY","NO_OF_MILLIS","areInSameMonth","getMonthName","short","monthName","MONTH_NAMES","getLastDateInMonth","month","year","newDate","day","getDay","addDays","numberOfDays","setDate","getComponent","name","constants","getData","Object","componentConfigs","filter","includes","k","config","assign","ChartComponent","normalize","mantissa","exponent","sig","isFinite","exp","getChartRangeIntervals","max","min","upperBound","lowerBound","range","noOfParts","partSize","intervals","getChartIntervals","maxValue","minValue","normalMaxValue","normalMinValue","calcChartIntervals","values","getPositiveFirstIntervals","absMinValue","intervalSize","unshift","withMinimum","pseudoMaxValue","pseudoMinValue","reverse","getZeroIndex","yPts","interval","getIntervalSize","indexOf","orderedArray","getValueRange","scale","yAxis","scaleMultiplier","getClosestInArray","goal","arr","closest","reduce","prev","curr","calcDistribution","distributionSize","dataMaxValue","distributionStep","distribution","checkpoint","getMaxCheckpoint","dataPrep","labels","datasetLength","datasets","zeroArray","vals","chartType","AXIS_DATASET_CHART_TYPES","yRegions","end","zeroDataPrep","realData","zeroData","yMarkers","getShortenedLabels","chartWidth","isSeries","allowedSpace","allowedLetters","DEFAULT_CHAR_WIDTH","getChartByType","AxisChart","chartTypes","error","BASE_MEASURES","INIT_CHART_UPDATE_TIMEOUT","CHART_POST_ANIMATE_TIMEOUT","DEFAULT_AXIS_CHART_TYPE","AXIS_LEGEND_BAR_SIZE","BAR_CHART_SPACE_RATIO","MIN_BAR_PERCENT_HEIGHT","LINE_CHART_DOT_SIZE","DOT_OVERLAY_SIZE_INCR","PERCENTAGE_BAR_DEFAULT_HEIGHT","HEATMAP_DISTRIBUTION_SIZE","HEATMAP_SQUARE_SIZE","HEATMAP_GUTTER_SIZE","TOOLTIP_POINTER_TRIANGLE_HEIGHT","DEFAULT_CHART_COLORS","HEATMAP_COLORS_GREEN","DEFAULT_COLORS","PI","FULL_ANGLE","SvgTip","colors","titleName","titleValue","listValues","titleValueFirst","setup","makeTooltip","calcPosition","this","hideTip","title","dataPointList","addEventListener","set","_this2","formatted","li","offsetWidth","offsetHeight","maxLeft","pointer","pointerOffset","valueFirst","refresh","PRESET_COLOR_MAP","makeOverlay","transformValue","overlay","updateOverlay","attributes","attr","specified","nodeValue","BOUND_DRAW_FN","BaseChart","HTMLElement","Error","rawChartArgs","prepareData","prepareFirstData","validateColors","isNavigable","truncateLegends","measures","JSON","parse","stringify","setMeasures","showLegend","argHeight","baseHeight","state","initTimeout","overlays","configure","validColors","forEach","warn","boundDrawFn","bind","draw","removeEventListener","makeContainer","updateWidth","independentWidth","tip","bindTooltip","onlyWidthChange","init","calc","makeChartArea","setupComponents","components","c","_this","drawArea","render","update","renderLegend","setupNavigation","baseWidth","titleEL","titleFontSize","legendArea","updateTipOffset","Map","animate","make","updateNav","bindUnits","bindOverlay","keyActions","onEnterKey","onLeftArrow","onUpArrow","onRightArrow","onDownArrow","e","_this3","event","keyCode","chartSvg","AggregationChart","maxSlices","maxLegendPoints","s","sliceTotals","allTotals","total","totals","sort","sumOfRemaining","grandTotal","textContent","legendTotals","barWidth","divisor","NO_OF_YEAR_MONTHS","DAY_NAMES_SHORT","layerClass","layerTransform","makeElements","animateElements","store","layer","oldData","sliceStrings","strokeWidth","transition","newData","xPositions","widths","barHeight","barDepth","positions","position","newPos","newLabels","oldPos","oldLabels","calcLabels","_this4","_this5","newOptions","startPos","endPos","_this6","newStarts","oldStarts","colWidth","rowHeight","squareSize","xTranslate","serializedSubDomains","cols","week","weekNo","toUpperCase","yyyyMmDd","dataValue","square","unitType","units","yPositions","offsets","barsWidth","newXPos","newYPos","newOffsets","oldXPos","oldYPos","oldOffsets","hideLine","hideDots","valuesOverPoints","newValues","PercentageChart","barOptions","component","xPos","bars","get","gOff","pOff","formattedLabels","fraction","setValues","showTip","PieChart","mouseMove","mouseLeave","hoverRadio","startAngle","prevSlicesProperties","slicesProperties","curAngle","originDiffAngle","diffAngle","endAngle","prevProperty","curStart","curEnd","curPath","property","flag","calTranslateByAngle","g_off","pageX","pageY","formatted_labels","percent","slices","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","COL_WIDTH","ROW_HEIGHT","Heatmap","countLabel","validStarts","startSubDomain","startSubDomainIndex","discreteDomains","spacing","noOfWeeks","setFullYear","dataPoints","points","timestampSec","firstWeekStart","domainConfigs","getDomains","lessCol","dayName","dayText","daySquares","comp","daySquare","dateParts","lessText","moreText","startMonth","startYear","noOfMonths","startOfMonth","getDomainConfig","startOfWeek","domainConfig","noOfMonthWeeks","getCol","empty","currentDate","currentDateWithinData","getSubDomainConfig","lineOptions","axisOptions","tooltipOptions","xAxisMode","yAxisMode","xIsSeries","shortenYAxisNumbers","formatTooltipX","formatTooltipY","calcXPositions","calcYAxisParameters","getAllYValues","makeDataByIndex","unitWidth","xOffset","xAxis","dataValues","intervalHeight","calcDatasetPoints","calcYExtremes","calcYRegions","scaleAll","cumulativeYs","stacked","yExtremes","cumulativeYPos","cumulative","allValueLists","barDatasets","lineDatasets","barsConfigs","spaceRatio","lineConfigs","minLine","dotSize","markerConfigs","optionals","dataUnitComponents","dataByIndex","formatX","formatY","relX","relY","mapTooltipXPosition","dbi","yExtreme","formattedLabel","overlayGuides","currentIndex","currentUnit","_this7","setCurrentDataPoint","_this9","_this10","getDataPoint","datasetValues","splice","DonutChart","Chart"],"mappings":"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"} \ No newline at end of file diff --git a/dist/frappe-charts.min.css b/dist/frappe-charts.min.css deleted file mode 100644 index c32208f..0000000 --- a/dist/frappe-charts.min.css +++ /dev/null @@ -1 +0,0 @@ -.chart-container{position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .legend-dataset-text{fill:#6c7680;font-weight:600}.graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.graph-svg-tip ol,.graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px} \ No newline at end of file diff --git a/dist/frappe-charts.min.esm.js b/dist/frappe-charts.min.esm.js deleted file mode 100644 index c51910f..0000000 --- a/dist/frappe-charts.min.esm.js +++ /dev/null @@ -1,2 +0,0 @@ -function styleInject(t,e){void 0===e&&(e={});var n=e.insertAt;if(t&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===n&&i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}}function $(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function getOffset(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function isElementInViewport(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function getElementContentWidth(t){var e=window.getComputedStyle(t),n=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-n}function fire(t,e,n){var i=document.createEvent("HTMLEvents");i.initEvent(e,!0,!0);for(var a in n)i[a]=n[a];return t.dispatchEvent(i)}function getTopOffset(t){return t.titleHeight+t.margins.top+t.paddings.top}function getLeftOffset(t){return t.margins.left+t.paddings.left}function getExtraHeight(t){return t.margins.top+t.margins.bottom+t.paddings.top+t.paddings.bottom+t.titleHeight+t.legendHeight}function getExtraWidth(t){return t.margins.left+t.margins.right+t.paddings.left+t.paddings.right}function _classCallCheck$4(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function floatTwo(t){return parseFloat(t.toFixed(2))}function fillArray(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]&&arguments[3];n||(n=i?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(n);return t=i?a.concat(t):t.concat(a)}function getStringWidth(t,e){return(t+"").length*e}function getPositionByAngle(t,e){return{x:Math.sin(t*ANGLE_RATIO)*e,y:Math.cos(t*ANGLE_RATIO)*e}}function getBarHeightAndYAttr(t,e){var n=void 0,i=void 0;return t<=e?(n=e-t,i=t):(n=t-e,i=e),[n,i]}function equilizeNoOfElements(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return n>0?t=fillArray(t,n):e=fillArray(e,n),[t,e]}function truncateString(t,e){if(t)return t.length>e?t.slice(0,e-3)+"...":t}function shortenLargeNumber(t){var e=void 0;if("number"==typeof t)e=t;else if("string"==typeof t&&(e=Number(t),Number.isNaN(e)))return t;var n=Math.floor(Math.log10(Math.abs(e)));if(n<=2)return e;var i=Math.floor(n/3),a=Math.pow(10,n-3*i)*+(e/Math.pow(10,n)).toFixed(1);return Math.round(100*a)/100+" "+["","K","M","B","T"][i]}function limitColor(t){return t>255?255:t<0?0:t}function lightenDarkenColor(t,e){var n=getColor(t),i=!1;"#"==n[0]&&(n=n.slice(1),i=!0);var a=parseInt(n,16),r=limitColor((a>>16)+e),o=limitColor((a>>8&255)+e),s=limitColor((255&a)+e);return(i?"#":"")+(s|o<<8|r<<16).toString(16)}function isValidColor(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function $$1(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function createSVG(t,e){var n=document.createElementNS("http://www.w3.org/2000/svg",t);for(var i in e){var a=e[i];if("inside"===i)$$1(a).appendChild(n);else if("around"===i){var r=$$1(a);r.parentNode.insertBefore(n,r),n.appendChild(r)}else"styles"===i?"object"===(void 0===a?"undefined":_typeof$2(a))&&Object.keys(a).map(function(t){n.style[t]=a[t]}):("className"===i&&(i="class"),"innerHTML"===i?n.textContent=a:n.setAttribute(i,a))}return n}function renderVerticalGradient(t,e){return createSVG("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function setGradientStop(t,e,n,i){return createSVG("stop",{inside:t,style:"stop-color: "+n,offset:e,"stop-opacity":i})}function makeSVGContainer(t,e,n,i){return createSVG("svg",{className:e,inside:t,width:n,height:i})}function makeSVGDefs(t){return createSVG("defs",{inside:t})}function makeSVGGroup(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0,i={className:t,transform:e};return n&&(i.inside=n),createSVG("g",i)}function makePath(t){return createSVG("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none","stroke-width":arguments.length>4&&void 0!==arguments[4]?arguments[4]:2}})}function makeArcPathStr(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,o=n.x+t.x,s=n.y+t.y,l=n.x+e.x,u=n.y+e.y;return"M"+n.x+" "+n.y+"\n\t\tL"+o+" "+s+"\n\t\tA "+i+" "+i+" 0 "+r+" "+(a?1:0)+"\n\t\t"+l+" "+u+" z"}function makeCircleStr(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,o=n.x+t.x,s=n.y+t.y,l=n.x+e.x,u=2*n.y,c=n.y+e.y;return"M"+n.x+" "+n.y+"\n\t\tL"+o+" "+s+"\n\t\tA "+i+" "+i+" 0 "+r+" "+(a?1:0)+"\n\t\t"+l+" "+u+" z\n\t\tL"+o+" "+u+"\n\t\tA "+i+" "+i+" 0 "+r+" "+(a?1:0)+"\n\t\t"+l+" "+c+" z"}function makeArcStrokePathStr(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,o=n.x+t.x,s=n.y+t.y,l=n.x+e.x,u=n.y+e.y;return"M"+o+" "+s+"\n\t\tA "+i+" "+i+" 0 "+r+" "+(a?1:0)+"\n\t\t"+l+" "+u}function makeStrokeCircleStr(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,o=n.x+t.x,s=n.y+t.y,l=n.x+e.x,u=2*i+s,c=n.y+t.y;return"M"+o+" "+s+"\n\t\tA "+i+" "+i+" 0 "+r+" "+(a?1:0)+"\n\t\t"+l+" "+u+"\n\t\tM"+o+" "+u+"\n\t\tA "+i+" "+i+" 0 "+r+" "+(a?1:0)+"\n\t\t"+l+" "+c}function makeGradient(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i="path-fill-gradient-"+e+"-"+(n?"lighter":"default"),a=renderVerticalGradient(t,i),r=[1,.6,.2];return n&&(r=[.4,.2,0]),setGradientStop(a,"0%",e,r[0]),setGradientStop(a,"50%",e,r[1]),setGradientStop(a,"100%",e,r[2]),i}function percentageBar(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:PERCENTAGE_BAR_DEFAULT_DEPTH,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:"none";return createSVG("rect",{className:"percentage-bar",x:t,y:e,width:n,height:i,fill:r,styles:{stroke:lightenDarkenColor(r,-25),"stroke-dasharray":"0, "+(i+n)+", "+n+", "+i,"stroke-width":a}})}function heatSquare(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},o={className:t,x:e,y:n,width:i,height:i,fill:a};return Object.keys(r).map(function(t){o[t]=r[t]}),createSVG("rect",o)}function legendBar(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none",a=arguments[4];a=arguments.length>5&&void 0!==arguments[5]&&arguments[5]?truncateString(a,LABEL_MAX_CHARS):a;var r={className:"legend-bar",x:0,y:0,width:n,height:"2px",fill:i},o=createSVG("text",{className:"legend-dataset-text",x:0,y:0,dy:2*FONT_SIZE+"px","font-size":1.2*FONT_SIZE+"px","text-anchor":"start",fill:FONT_FILL,innerHTML:a}),s=createSVG("g",{transform:"translate("+t+", "+e+")"});return s.appendChild(createSVG("rect",r)),s.appendChild(o),s}function legendDot(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none",a=arguments[4],r={className:"legend-dot",cx:0,cy:0,r:n,fill:i},o=createSVG("text",{className:"legend-dataset-text",x:0,y:0,dx:FONT_SIZE+"px",dy:FONT_SIZE/3+"px","font-size":1.2*FONT_SIZE+"px","text-anchor":"start",fill:FONT_FILL,innerHTML:a}),s=createSVG("g",{transform:"translate("+t+", "+e+")"});return s.appendChild(createSVG("circle",r)),s.appendChild(o),s}function makeText(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},r=a.fontSize||FONT_SIZE;return createSVG("text",{className:t,x:e,y:n,dy:(void 0!==a.dy?a.dy:r/2)+"px","font-size":r+"px",fill:a.fill||FONT_FILL,"text-anchor":a.textAnchor||"start",innerHTML:i})}function makeVertLine(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=BASE_LINE_COLOR);var r=createSVG("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:n,y2:i,styles:{stroke:a.stroke}}),o=createSVG("text",{x:0,y:n>i?n+LABEL_MARGIN:n-LABEL_MARGIN-FONT_SIZE,dy:FONT_SIZE+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:e+""}),s=createSVG("g",{transform:"translate("+t+", 0)"});return s.appendChild(r),s.appendChild(o),s}function makeHoriLine(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=BASE_LINE_COLOR),a.lineType||(a.lineType=""),a.shortenNumbers&&(e=shortenLargeNumber(e));var r=createSVG("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:n,x2:i,y1:0,y2:0,styles:{stroke:a.stroke}}),o=createSVG("text",{x:n3&&void 0!==arguments[3]?arguments[3]:{};i.pos||(i.pos="left"),i.offset||(i.offset=0),i.mode||(i.mode="span"),i.stroke||(i.stroke=BASE_LINE_COLOR),i.className||(i.className="");var a=-1*AXIS_TICK_LENGTH,r="span"===i.mode?n+AXIS_TICK_LENGTH:0;return"tick"===i.mode&&"right"===i.pos&&(a=n+AXIS_TICK_LENGTH,r=n),a+=i.offset,r+=i.offset,makeHoriLine(t,e,a,r,{stroke:i.stroke,className:i.className,lineType:i.lineType,shortenNumbers:i.shortenNumbers})}function xLine(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};i.pos||(i.pos="bottom"),i.offset||(i.offset=0),i.mode||(i.mode="span"),i.stroke||(i.stroke=BASE_LINE_COLOR),i.className||(i.className="");var a=n+AXIS_TICK_LENGTH,r="span"===i.mode?-1*AXIS_TICK_LENGTH:n;return"tick"===i.mode&&"top"===i.pos&&(a=-1*AXIS_TICK_LENGTH,r=0),makeVertLine(t,e,a,r,{stroke:i.stroke,className:i.className,lineType:i.lineType})}function yMarker(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};i.labelPos||(i.labelPos="right");var a=createSVG("text",{className:"chart-label",x:"left"===i.labelPos?LABEL_MARGIN:n-getStringWidth(e,5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:e+""}),r=makeHoriLine(t,"",0,n,{stroke:i.stroke||BASE_LINE_COLOR,className:i.className||"",lineType:i.lineType});return r.appendChild(a),r}function yRegion(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},r=t-e,o=createSVG("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:BASE_LINE_COLOR,"stroke-dasharray":n+", "+r},x:0,y:0,width:n,height:r});a.labelPos||(a.labelPos="right");var s=createSVG("text",{className:"chart-label",x:"left"===a.labelPos?LABEL_MARGIN:n-getStringWidth(i+"",4.5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:i+""}),l=createSVG("g",{transform:"translate(0, "+e+")"});return l.appendChild(o),l.appendChild(s),l}function datasetBar(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,o=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,s=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=getBarHeightAndYAttr(e,s.zeroLine),u=_slicedToArray(l,2),c=u[0],h=u[1];h-=o,0===c&&(c=s.minHeight,h-=s.minHeight);var d=createSVG("rect",{className:"bar mini",style:"fill: "+i,"data-point-index":r,x:t,y:h,width:n,height:c});if((a+="")||a.length){d.setAttribute("y",0),d.setAttribute("x",0);var f=createSVG("text",{className:"data-point-value",x:n/2,y:0,dy:FONT_SIZE/2*-1+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:a}),p=createSVG("g",{"data-point-index":r,transform:"translate("+t+", "+h+")"});return p.appendChild(d),p.appendChild(f),p}return d}function datasetDot(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,o=createSVG("circle",{style:"fill: "+i,"data-point-index":r,cx:t,cy:e,r:n});if((a+="")||a.length){o.setAttribute("cy",0),o.setAttribute("cx",0);var s=createSVG("text",{className:"data-point-value",x:0,y:0,dy:FONT_SIZE/2*-1-n+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:a}),l=createSVG("g",{"data-point-index":r,transform:"translate("+t+", "+e+")"});return l.appendChild(o),l.appendChild(s),l}return o}function getPaths(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},r=e.map(function(e,n){return t[n]+","+e}).join("L"),o=makePath("M"+r,"line-graph-path",n);if(i.heatline){var s=makeGradient(a.svgDefs,n);o.style.stroke="url(#"+s+")"}var l={path:o};if(i.regionFill){var u=makeGradient(a.svgDefs,n,!0),c="M"+t[0]+","+a.zeroLine+"L"+r+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=makePath(c,"region-fill","none","url(#"+u+")")}return l}function translate(t,e,n,i){var a="string"==typeof e?e:e.join(", ");return[t,{transform:n.join(", ")},i,STD_EASING,"translate",{transform:a}]}function translateVertLine(t,e,n){return translate(t,[n,0],[e,0],MARKER_LINE_ANIM_DUR)}function translateHoriLine(t,e,n){return translate(t,[0,n],[0,e],MARKER_LINE_ANIM_DUR)}function animateRegion(t,e,n,i){var a=e-n,r=t.childNodes[0];return[[r,{height:a,"stroke-dasharray":r.getAttribute("width")+", "+a},MARKER_LINE_ANIM_DUR,STD_EASING],translate(t,[0,i],[0,n],MARKER_LINE_ANIM_DUR)]}function animateBar(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,r=getBarHeightAndYAttr(n,(arguments.length>5&&void 0!==arguments[5]?arguments[5]:{}).zeroLine),o=_slicedToArray$2(r,2),s=o[0],l=o[1];return l-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width:i,height:s},UNIT_ANIM_DUR,STD_EASING],translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],MARKER_LINE_ANIM_DUR)]:[[t,{width:i,height:s,x:e,y:l},UNIT_ANIM_DUR,STD_EASING]]}function animateDot(t,e,n){return"circle"!==t.nodeName?[translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,n],MARKER_LINE_ANIM_DUR)]:[[t,{cx:e,cy:n},UNIT_ANIM_DUR,STD_EASING]]}function animatePath(t,e,n,i){var a=[],r=n.map(function(t,n){return e[n]+","+t}).join("L"),o=[t.path,{d:"M"+r},PATH_ANIM_DUR,STD_EASING];if(a.push(o),t.region){var s=e[0]+","+i+"L",l="L"+e.slice(-1)[0]+", "+i,u=[t.region,{d:"M"+s+r+l},PATH_ANIM_DUR,STD_EASING];a.push(u)}return a}function animatePathStr(t,e){return[t,{d:e},UNIT_ANIM_DUR,STD_EASING]}function _toConsumableArray$1(t){if(Array.isArray(t)){for(var e=0,n=Array(t.length);e3&&void 0!==arguments[3]?arguments[3]:"linear",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},o=t.cloneNode(!0),s=t.cloneNode(!0);for(var l in e){var u=void 0;u="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var c=r[l]||t.getAttribute(l),h=e[l],d={attributeName:l,from:c,to:h,begin:"0s",dur:n/1e3+"s",values:c+";"+h,keySplines:EASING[i],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};a&&(d.type=a);for(var f in d)u.setAttribute(f,d[f]);o.appendChild(u),a?s.setAttribute(l,"translate("+h+")"):s.setAttribute(l,h)}return[o,s]}function transform(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function animateSVG(t,e){var n=[],i=[];e.map(function(t){var e=t[0],a=e.parentNode,r=void 0,o=void 0;t[0]=e;var s=animateSVGElement.apply(void 0,_toConsumableArray$1(t)),l=_slicedToArray$1(s,2);r=l[0],o=l[1],n.push(o),i.push([r,a]),a.replaceChild(r,e)});var a=t.cloneNode(!0);return i.map(function(t,i){t[1].replaceChild(n[i],t[0]),e[i][0]=n[i]}),a}function runSMILAnimation(t,e,n){if(0!==n.length){var i=animateSVG(e,n);e.parentNode==t&&(t.removeChild(e),t.appendChild(i)),setTimeout(function(){i.parentNode==t&&(t.removeChild(i),t.appendChild(e))},REPLACE_ALL_NEW_DUR)}}function downloadFile(t,e){var n=document.createElement("a");n.style="display: none";var i=new Blob(e,{type:"image/svg+xml; charset=utf-8"}),a=window.URL.createObjectURL(i);n.href=a,n.download=t,document.body.appendChild(n),n.click(),setTimeout(function(){document.body.removeChild(n),window.URL.revokeObjectURL(a)},300)}function prepareForExport(t){var e=t.cloneNode(!0);e.classList.add("chart-container"),e.setAttribute("xmlns","http://www.w3.org/2000/svg"),e.setAttribute("xmlns:xlink","http://www.w3.org/1999/xlink");var n=$.create("style",{innerHTML:CSSTEXT});e.insertBefore(n,e.firstChild);var i=$.create("div");return i.appendChild(e),i.innerHTML}function _classCallCheck$3(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck$2(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn$1(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 _inherits$1(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)}function treatAsUtc(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function getYyyyMmDd(t){var e=t.getDate(),n=t.getMonth()+1;return[t.getFullYear(),(n>9?"":"0")+n,(e>9?"":"0")+e].join("-")}function clone(t){return new Date(t.getTime())}function getWeeksBetween(t,e){var n=setDayToSunday(t);return Math.ceil(getDaysBetween(n,e)/NO_OF_DAYS_IN_WEEK)}function getDaysBetween(t,e){var n=SEC_IN_DAY*NO_OF_MILLIS;return(treatAsUtc(e)-treatAsUtc(t))/n}function areInSameMonth(t,e){return t.getMonth()===e.getMonth()&&t.getFullYear()===e.getFullYear()}function getMonthName(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=MONTH_NAMES[t];return e?n.slice(0,3):n}function getLastDateInMonth(t,e){return new Date(e,t+1,0)}function setDayToSunday(t){var e=clone(t),n=e.getDay();return 0!==n&&addDays(e,-1*n),e}function addDays(t,e){t.setDate(t.getDate()+e)}function _classCallCheck$5(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function getComponent(t,e,n){var i=Object.keys(componentConfigs).filter(function(e){return t.includes(e)}),a=componentConfigs[i[0]];return Object.assign(a,{constants:e,getData:n}),new ChartComponent(a)}function _toConsumableArray(t){if(Array.isArray(t)){for(var e=0,n=Array(t.length);e0?1:-1;if(!isFinite(t))return{mantissa:4503599627370496*e,exponent:972};t=Math.abs(t);var n=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,n)),n]}function getChartRangeIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=Math.ceil(t),i=Math.floor(e),a=n-i,r=a,o=1;a>5&&(a%2!=0&&(a=++n-i),r=a/2,o=2),a<=2&&(o=a/(r=4)),0===a&&(r=5,o=1);for(var s=[],l=0;l<=r;l++)s.push(i+o*l);return s}function getChartIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=normalize(t),i=_slicedToArray$4(n,2),a=i[0],r=i[1],o=e?e/Math.pow(10,r):0,s=getChartRangeIntervals(a=a.toFixed(6),o);return s=s.map(function(t){return t*Math.pow(10,r)})}function calcChartIntervals(t){function e(t,e){for(var n=getChartIntervals(t),i=n[1]-n[0],a=0,r=1;a1&&void 0!==arguments[1]&&arguments[1],i=Math.max.apply(Math,_toConsumableArray$4(t)),a=Math.min.apply(Math,_toConsumableArray$4(t)),r=[];if(i>=0&&a>=0)normalize(i)[1],r=n?getChartIntervals(i,a):getChartIntervals(i);else if(i>0&&a<0){var o=Math.abs(a);i>=o?(normalize(i)[1],r=e(i,o)):(normalize(o)[1],r=e(o,i).map(function(t){return-1*t}))}else if(i<=0&&a<=0){var s=Math.abs(a),l=Math.abs(i);normalize(s)[1],r=(r=n?getChartIntervals(s,l):getChartIntervals(s)).reverse().map(function(t){return-1*t})}return r}function getZeroIndex(t){var e=getIntervalSize(t);return t.indexOf(0)>=0?t.indexOf(0):t[0]>0?-1*t[0]/e:-1*t[t.length-1]/e+(t.length-1)}function getIntervalSize(t){return t[1]-t[0]}function getValueRange(t){return t[t.length-1]-t[0]}function scale(t,e){return floatTwo(e.zeroLine-t*e.scaleMultiplier)}function getClosestInArray(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i=e.reduce(function(e,n){return Math.abs(n-t)n?i.slice(0,n):fillArray(i,n-i.length,0)}else t.values=a;t.chartType||(AXIS_DATASET_CHART_TYPES.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],i=t/e.length;i<=0&&(i=1);var a=i/DEFAULT_CHAR_WIDTH;return e.map(function(t,e){return(t+="").length>a&&(n?e%Math.ceil(t.length/a)!=0&&(t=""):t=a-3>0?t.slice(0,a-3)+" ...":t.slice(0,a)+".."),t})}function _toConsumableArray$5(t){if(Array.isArray(t)){for(var e=0,n=Array(t.length);e0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],n=arguments[2];return"axis-mixed"===t?(n.type="line",new AxisChart(e,n)):chartTypes[t]?new chartTypes[t](e,n):void console.error("Undefined chart type: "+t)}var css='.chart-container{position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .legend-dataset-text{fill:#6c7680;font-weight:600}.graph-svg-tip{position:absolute;z-index:99999;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.graph-svg-tip ol,.graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}';styleInject(css);var asyncGenerator=function(){function t(t){this.value=t}function e(e){function n(t,e){return new Promise(function(n,a){var s={key:t,arg:e,resolve:n,reject:a,next:null};o?o=o.next=s:(r=o=s,i(t,e))})}function i(n,r){try{var o=e[n](r),s=o.value;s instanceof t?Promise.resolve(s.value).then(function(t){i("next",t)},function(t){i("throw",t)}):a(o.done?"return":"normal",o.value)}catch(t){a("throw",t)}}function a(t,e){switch(t){case"return":r.resolve({value:e,done:!0});break;case"throw":r.reject(e);break;default:r.resolve({value:e,done:!1})}(r=r.next)?i(r.key,r.arg):o=null}var r,o;this._invoke=n,"function"!=typeof e.return&&(this.return=void 0)}return"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)},{wrap:function(t){return function(){return new e(t.apply(this,arguments))}},await:function(e){return new t(e)}}}(),_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t};$.create=function(t,e){var n=document.createElement(t);for(var i in e){var a=e[i];if("inside"===i)$(a).appendChild(n);else if("around"===i){var r=$(a);r.parentNode.insertBefore(n,r),n.appendChild(r)}else"styles"===i?"object"===(void 0===a?"undefined":_typeof(a))&&Object.keys(a).map(function(t){n.style[t]=a[t]}):i in n?n[i]=a:n.setAttribute(i,a)}return n};var BASE_MEASURES={margins:{top:10,bottom:10,left:20,right:20},paddings:{top:20,bottom:40,left:30,right:10},baseHeight:240,titleHeight:20,legendHeight:30,titleFontSize:12},INIT_CHART_UPDATE_TIMEOUT=700,CHART_POST_ANIMATE_TIMEOUT=400,DEFAULT_AXIS_CHART_TYPE="line",AXIS_DATASET_CHART_TYPES=["line","bar"],AXIS_LEGEND_BAR_SIZE=100,BAR_CHART_SPACE_RATIO=.5,MIN_BAR_PERCENT_HEIGHT=0,LINE_CHART_DOT_SIZE=4,DOT_OVERLAY_SIZE_INCR=4,PERCENTAGE_BAR_DEFAULT_HEIGHT=20,PERCENTAGE_BAR_DEFAULT_DEPTH=2,HEATMAP_DISTRIBUTION_SIZE=5,HEATMAP_SQUARE_SIZE=10,HEATMAP_GUTTER_SIZE=2,DEFAULT_CHAR_WIDTH=7,TOOLTIP_POINTER_TRIANGLE_HEIGHT=5,DEFAULT_CHART_COLORS=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],HEATMAP_COLORS_GREEN=["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],DEFAULT_COLORS={bar:DEFAULT_CHART_COLORS,line:DEFAULT_CHART_COLORS,pie:DEFAULT_CHART_COLORS,percentage:DEFAULT_CHART_COLORS,heatmap:HEATMAP_COLORS_GREEN,donut:DEFAULT_CHART_COLORS},ANGLE_RATIO=Math.PI/180,FULL_ANGLE=360,_createClass$3=function(){function t(t,e){for(var n=0;n\n\t\t\t\t
        \n\t\t\t\t
        '}),this.hideTip(),this.title=this.container.querySelector(".title"),this.dataPointList=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){t.hideTip()})}},{key:"fill",value:function(){var t=this,e=void 0;this.index&&this.container.setAttribute("data-point-index",this.index),e=this.titleValueFirst?""+this.titleValue+""+this.titleName:this.titleName+""+this.titleValue+"",this.title.innerHTML=e,this.dataPointList.innerHTML="",this.listValues.map(function(e,n){var i=t.colors[n]||"black",a=0===e.formatted||e.formatted?e.formatted:e.value,r=$.create("li",{styles:{"border-top":"3px solid "+i},innerHTML:''+(0===a||a?a:"")+"\n\t\t\t\t\t"+(e.title?e.title:"")});t.dataPointList.appendChild(r)})}},{key:"calcPosition",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight-TOOLTIP_POINTER_TRIANGLE_HEIGHT,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,n=this.container.querySelector(".svg-pointer");if(this.left<0)n.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var i="calc(50% + "+(this.left-e)+"px)";n.style.left=i,this.left=e}else n.style.left="50%"}},{key:"setValues",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:-1;this.titleName=n.name,this.titleValue=n.value,this.listValues=i,this.x=t,this.y=e,this.titleValueFirst=n.valueFirst||0,this.index=a,this.refresh()}},{key:"hideTip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"showTip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),t}(),PRESET_COLOR_MAP={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},getColor=function(t){return PRESET_COLOR_MAP[t]||t},_slicedToArray=function(){function t(t,e){var n=[],i=!0,a=!1,r=void 0;try{for(var o,s=t[Symbol.iterator]();!(i=(o=s.next()).done)&&(n.push(o.value),!e||n.length!==e);i=!0);}catch(t){a=!0,r=t}finally{try{!i&&s.return&&s.return()}finally{if(a)throw r}}return n}return function(e,n){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return t(e,n);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),_typeof$2="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},AXIS_TICK_LENGTH=6,LABEL_MARGIN=4,LABEL_MAX_CHARS=15,FONT_SIZE=10,BASE_LINE_COLOR="#dadada",FONT_FILL="#555b51",makeOverlay={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var n=t.cloneNode();return n.style.fill="#000000",n.style.opacity="0.4",e&&n.setAttribute("transform",e),n},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var n=t.cloneNode(),i=t.getAttribute("r"),a=t.getAttribute("fill");return n.setAttribute("r",parseInt(i)+DOT_OVERLAY_SIZE_INCR),n.setAttribute("fill",a),n.style.opacity="0.6",e&&n.setAttribute("transform",e),n},heat_square:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var n=t.cloneNode(),i=t.getAttribute("r"),a=t.getAttribute("fill");return n.setAttribute("r",parseInt(i)+DOT_OVERLAY_SIZE_INCR),n.setAttribute("fill",a),n.style.opacity="0.6",e&&n.setAttribute("transform",e),n}},updateOverlay={bar:function(t,e){var n=void 0;"rect"!==t.nodeName&&(n=t.getAttribute("transform"),t=t.childNodes[0]);var i=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return i.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),n&&e.setAttribute("transform",n)},dot:function(t,e){var n=void 0;"circle"!==t.nodeName&&(n=t.getAttribute("transform"),t=t.childNodes[0]);var i=["cx","cy"];Object.values(t.attributes).filter(function(t){return i.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),n&&e.setAttribute("transform",n)},heat_square:function(t,e){var n=void 0;"circle"!==t.nodeName&&(n=t.getAttribute("transform"),t=t.childNodes[0]);var i=["cx","cy"];Object.values(t.attributes).filter(function(t){return i.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),n&&e.setAttribute("transform",n)}},_slicedToArray$2=function(){function t(t,e){var n=[],i=!0,a=!1,r=void 0;try{for(var o,s=t[Symbol.iterator]();!(i=(o=s.next()).done)&&(n.push(o.value),!e||n.length!==e);i=!0);}catch(t){a=!0,r=t}finally{try{!i&&s.return&&s.return()}finally{if(a)throw r}}return n}return function(e,n){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return t(e,n);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),UNIT_ANIM_DUR=350,PATH_ANIM_DUR=350,MARKER_LINE_ANIM_DUR=UNIT_ANIM_DUR,REPLACE_ALL_NEW_DUR=250,STD_EASING="easein",_slicedToArray$1=function(){function t(t,e){var n=[],i=!0,a=!1,r=void 0;try{for(var o,s=t[Symbol.iterator]();!(i=(o=s.next()).done)&&(n.push(o.value),!e||n.length!==e);i=!0);}catch(t){a=!0,r=t}finally{try{!i&&s.return&&s.return()}finally{if(a)throw r}}return n}return function(e,n){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return t(e,n);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),EASING={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},CSSTEXT=".chart-container{position:relative;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .legend-dataset-text{fill:#6c7680;font-weight:600}.graph-svg-tip{position:absolute;z-index:99999;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.graph-svg-tip ul{padding-left:0;display:flex}.graph-svg-tip ol{padding-left:0;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:' ';border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}",_createClass$2=function(){function t(t,e){for(var n=0;n0&&void 0!==arguments[0]&&arguments[0],n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.updateWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),n&&(this.data=this.realData,setTimeout(function(){t.update(t.data)},this.initTimeout)),this.renderLegend(),this.setupNavigation(n)}},{key:"calc",value:function(){}},{key:"updateWidth",value:function(){this.baseWidth=getElementContentWidth(this.parent),this.width=this.baseWidth-getExtraWidth(this.measures)}},{key:"makeChartArea",value:function(){this.svg&&this.container.removeChild(this.svg);var t=this.measures;this.svg=makeSVGContainer(this.container,"frappe-chart chart",this.baseWidth,this.baseHeight),this.svgDefs=makeSVGDefs(this.svg),this.title.length&&(this.titleEL=makeText("title",t.margins.left,t.margins.top,this.title,{fontSize:t.titleFontSize,fill:"#666666",dy:t.titleFontSize}));var e=getTopOffset(t);this.drawArea=makeSVGGroup(this.type+"-chart chart-draw-area","translate("+getLeftOffset(t)+", "+e+")"),this.config.showLegend&&(e+=this.height+t.paddings.bottom,this.legendArea=makeSVGGroup("chart-legend","translate("+getLeftOffset(t)+", "+e+")")),this.title.length&&this.svg.appendChild(this.titleEL),this.svg.appendChild(this.drawArea),this.config.showLegend&&this.svg.appendChild(this.legendArea),this.updateTipOffset(getLeftOffset(t),getTopOffset(t))}},{key:"updateTipOffset",value:function(t,e){this.tip.offset={x:t,y:e}}},{key:"setupComponents",value:function(){this.components=new Map}},{key:"update",value:function(t){t||console.error("No data to update."),this.data=this.prepareData(t),this.calc(),this.render()}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var i=[];e.forEach(function(t){i=i.concat(t.update(n))}),i.length>0?(runSMILAnimation(this.container,this.svg,i),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},CHART_POST_ANIMATE_TIMEOUT)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){isElementInViewport(t.container)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"addDataPoint",value:function(){}},{key:"removeDataPoint",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(){}},{key:"updateDataset",value:function(){}},{key:"export",value:function(){var t=prepareForExport(this.svg);downloadFile(this.title||"Chart",[t])}}]),t}(),_createClass$1=function(){function t(t,e){for(var n=0;n=0}),a=i;if(i.length>n){i.sort(function(t,e){return e[0]-t[0]}),a=i.slice(0,n-1);var r=0;i.slice(n-1).map(function(t){r+=t[0]}),a.push([r,"Rest"]),this.colors[n-1]="grey"}e.labels=[],a.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])}),e.grandTotal=e.sliceTotals.reduce(function(t,e){return t+e},0),this.center={x:this.width/2,y:this.height/2}}},{key:"renderLegend",value:function(){var t=this,e=this.state;this.legendArea.textContent="",this.legendTotals=e.sliceTotals.slice(0,this.config.maxLegendPoints);var n=0,i=0;this.legendTotals.map(function(a,r){var o=110,s=Math.floor((t.width-getExtraWidth(t.measures))/o);t.legendTotals.lengths&&(n=0,i+=20);var l=legendDot(o*n+5,i,5,t.colors[r],e.labels[r]+": "+a);t.legendArea.appendChild(l),n++})}}]),e}(BaseChart),NO_OF_YEAR_MONTHS=12,NO_OF_DAYS_IN_WEEK=7,NO_OF_MILLIS=1e3,SEC_IN_DAY=86400,MONTH_NAMES=["January","February","March","April","May","June","July","August","September","October","November","December"],DAY_NAMES_SHORT=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],_slicedToArray$3=function(){function t(t,e){var n=[],i=!0,a=!1,r=void 0;try{for(var o,s=t[Symbol.iterator]();!(i=(o=s.next()).done)&&(n.push(o.value),!e||n.length!==e);i=!0);}catch(t){a=!0,r=t}finally{try{!i&&s.return&&s.return()}finally{if(a)throw r}}return n}return function(e,n){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return t(e,n);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),_createClass$4=function(){function t(t,e){for(var n=0;n0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)||[]),e}}]),t}(),componentConfigs={donutSlices:{layerClass:"donut-slices",makeElements:function(t){return t.sliceStrings.map(function(e,n){var i=makePath(e,"donut-path",t.colors[n],"none",t.strokeWidth);return i.style.transition="transform .3s;",i})},animateElements:function(t){return this.store.map(function(e,n){return animatePathStr(e,t.sliceStrings[n])})}},pieSlices:{layerClass:"pie-slices",makeElements:function(t){return t.sliceStrings.map(function(e,n){var i=makePath(e,"pie-path","none",t.colors[n]);return i.style.transition="transform .3s;",i})},animateElements:function(t){return this.store.map(function(e,n){return animatePathStr(e,t.sliceStrings[n])})}},percentageBars:{layerClass:"percentage-bars",makeElements:function(t){var e=this;return t.xPositions.map(function(n,i){return percentageBar(n,0,t.widths[i],e.constants.barHeight,e.constants.barDepth,t.colors[i])})},animateElements:function(t){if(t)return[]}},yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(n,i){return yLine(n,t.labels[i],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos,shortenNumbers:e.constants.shortenNumbers})})},animateElements:function(t){var e=t.positions,n=t.labels,i=this.oldData.positions,a=this.oldData.labels,r=equilizeNoOfElements(i,e),o=_slicedToArray$3(r,2);i=o[0],e=o[1];var s=equilizeNoOfElements(a,n),l=_slicedToArray$3(s,2);return a=l[0],n=l[1],this.render({positions:i,labels:n}),this.store.map(function(t,n){return translateHoriLine(t,e[n],i[n])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(n,i){return xLine(n,t.calcLabels[i],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,n=t.calcLabels,i=this.oldData.positions,a=this.oldData.calcLabels,r=equilizeNoOfElements(i,e),o=_slicedToArray$3(r,2);i=o[0],e=o[1];var s=equilizeNoOfElements(a,n),l=_slicedToArray$3(s,2);return a=l[0],n=l[1],this.render({positions:i,calcLabels:n}),this.store.map(function(t,n){return translateVertLine(t,e[n],i[n])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return yMarker(t.position,t.label,e.constants.width,{labelPos:t.options.labelPos,mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),n=_slicedToArray$3(e,2);this.oldData=n[0];var i=(t=n[1]).map(function(t){return t.position}),a=t.map(function(t){return t.label}),r=t.map(function(t){return t.options}),o=this.oldData.map(function(t){return t.position});return this.render(o.map(function(t,e){return{position:o[e],label:a[e],options:r[e]}})),this.store.map(function(t,e){return translateHoriLine(t,i[e],o[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return yRegion(t.startPos,t.endPos,e.constants.width,t.label,{labelPos:t.options.labelPos})})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),n=_slicedToArray$3(e,2);this.oldData=n[0];var i=(t=n[1]).map(function(t){return t.endPos}),a=t.map(function(t){return t.label}),r=t.map(function(t){return t.startPos}),o=t.map(function(t){return t.options}),s=this.oldData.map(function(t){return t.endPos}),l=this.oldData.map(function(t){return t.startPos});this.render(s.map(function(t,e){return{startPos:l[e],endPos:s[e],label:a[e],options:o[e]}}));var u=[];return this.store.map(function(t,e){u=u.concat(animateRegion(t,r[e],i[e],s[e]))}),u}},heatDomain:{layerClass:function(){return"heat-domain domain-"+this.constants.index},makeElements:function(t){var e=this,n=this.constants,i=n.index,a=n.colWidth,r=n.rowHeight,o=n.squareSize,s=n.xTranslate,l=0;return this.serializedSubDomains=[],t.cols.map(function(t,n){1===n&&e.labels.push(makeText("domain-name",s,-12,getMonthName(i,!0).toUpperCase(),{fontSize:9})),t.map(function(t,n){if(t.fill){var i={"data-date":t.yyyyMmDd,"data-value":t.dataValue,"data-day":n},a=heatSquare("day",s,l,o,t.fill,i);e.serializedSubDomains.push(a)}l+=r}),l=0,s+=a}),this.serializedSubDomains},animateElements:function(t){if(t)return[]}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(n,i){return datasetBar(t.xPositions[i],n,t.barWidth,e.color,t.labels[i],i,t.offsets[i],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=t.xPositions,n=t.yPositions,i=t.offsets,a=t.labels,r=this.oldData.xPositions,o=this.oldData.yPositions,s=this.oldData.offsets,l=this.oldData.labels,u=equilizeNoOfElements(r,e),c=_slicedToArray$3(u,2);r=c[0],e=c[1];var h=equilizeNoOfElements(o,n),d=_slicedToArray$3(h,2);o=d[0],n=d[1];var f=equilizeNoOfElements(s,i),p=_slicedToArray$3(f,2);s=p[0],i=p[1];var v=equilizeNoOfElements(l,a),g=_slicedToArray$3(v,2);l=g[0],a=g[1],this.render({xPositions:r,yPositions:o,offsets:s,labels:a,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var y=[];return this.store.map(function(a,r){y=y.concat(animateBar(a,e[r],n[r],t.barWidth,i[r],{zeroLine:t.zeroLine}))}),y}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=getPaths(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(n,i){return datasetDot(t.xPositions[i],n,t.radius,e.color,e.valuesOverPoints?t.values[i]:"",i)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,n=t.yPositions,i=t.values,a=this.oldData.xPositions,r=this.oldData.yPositions,o=this.oldData.values,s=equilizeNoOfElements(a,e),l=_slicedToArray$3(s,2);a=l[0],e=l[1];var u=equilizeNoOfElements(r,n),c=_slicedToArray$3(u,2);r=c[0],n=c[1];var h=equilizeNoOfElements(o,i),d=_slicedToArray$3(h,2);o=d[0],i=d[1],this.render({xPositions:a,yPositions:r,values:i,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var f=[];return Object.keys(this.paths).length&&(f=f.concat(animatePath(this.paths,e,n,t.zeroLine))),this.units.length&&this.units.map(function(t,i){f=f.concat(animateDot(t,e[i],n[i]))}),f}}},_createClass=function(){function t(t,e){for(var n=0;n0?t.formattedLabels[r]:t.state.labels[r])+": ",h=e.sliceTotals[r]/e.grandTotal;t.tip.setValues(l,u,{name:c,value:(100*h).toFixed(1)+"%"}),t.tip.showTip()}})}}]),e}(AggregationChart),_createClass$5=function(){function t(t,e){for(var n=0;nthis.width?this.center.x:this.center.y;var i=this.radius,a=this.clockWise,r=n.slicesProperties||[];n.sliceStrings=[],n.slicesProperties=[];var o=180-this.config.startAngle;n.sliceTotals.map(function(e,s){var l=o,u=e/n.grandTotal*FULL_ANGLE,c=u>180?1:0,h=a?-u:u,d=o+=h,f=getPositionByAngle(l,i),p=getPositionByAngle(d,i),v=t.init&&r[s],g=void 0,y=void 0;t.init?(g=v?v.startPosition:f,y=v?v.endPosition:f):(g=f,y=p);var m=360===u?makeCircleStr(g,y,t.center,t.radius,a,c):makeArcPathStr(g,y,t.center,t.radius,a,c);n.sliceStrings.push(m),n.slicesProperties.push({startPosition:f,endPosition:p,value:e,total:n.grandTotal,startAngle:l,endAngle:d,angle:h})}),this.init=0}},{key:"setupComponents",value:function(){var t=this.state,e=[["pieSlices",{},function(){return{sliceStrings:t.sliceStrings,colors:this.colors}}.bind(this)]];this.components=new Map(e.map(function(t){var e=getComponent.apply(void 0,_toConsumableArray$2(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,n=this.hoverRadio,i=getPositionByAngle(t.startAngle+t.angle/2,e);return"translate3d("+i.x*n+"px,"+i.y*n+"px,0)"}},{key:"hoverSlice",value:function(t,e,n,i){if(t){var a=this.colors[e];if(n){transform(t,this.calTranslateByAngle(this.state.slicesProperties[e])),t.style.fill=lightenDarkenColor(a,50);var r=getOffset(this.svg),o=i.pageX-r.left+10,s=i.pageY-r.top-10,l=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[e]:this.state.labels[e])+": ",u=(100*this.state.sliceTotals[e]/this.state.grandTotal).toFixed(1);this.tip.setValues(o,s,{name:l,value:u+"%"}),this.tip.showTip()}else transform(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.fill=a}}},{key:"bindTooltip",value:function(){this.container.addEventListener("mousemove",this.mouseMove),this.container.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,n=this.components.get("pieSlices").store,i=this.curActiveSliceIndex,a=this.curActiveSlice;if(n.includes(e)){var r=n.indexOf(e);this.hoverSlice(a,i,!1),this.curActiveSlice=e,this.curActiveSliceIndex=r,this.hoverSlice(e,r,!0,t)}else this.mouseLeave()}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}}]),e}(AggregationChart),_slicedToArray$4=function(){function t(t,e){var n=[],i=!0,a=!1,r=void 0;try{for(var o,s=t[Symbol.iterator]();!(i=(o=s.next()).done)&&(n.push(o.value),!e||n.length!==e);i=!0);}catch(t){a=!0,r=t}finally{try{!i&&s.return&&s.return()}finally{if(a)throw r}}return n}return function(e,n){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return t(e,n);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),_createClass$6=function(){function t(t,e){for(var n=0;n0&&void 0!==arguments[0]?arguments[0]:this.data;if(t.start&&t.end&&t.start>t.end)throw new Error("Start date cannot be greater than end date.");if(t.start||(t.start=new Date,t.start.setFullYear(t.start.getFullYear()-1)),t.end||(t.end=new Date),t.dataPoints=t.dataPoints||{},parseInt(Object.keys(t.dataPoints)[0])>1e5){var e={};Object.keys(t.dataPoints).forEach(function(n){var i=new Date(n*NO_OF_MILLIS);e[getYyyyMmDd(i)]=t.dataPoints[n]}),t.dataPoints=e}return t}},{key:"calc",value:function(){var t=this.state;t.start=clone(this.data.start),t.end=clone(this.data.end),t.firstWeekStart=clone(t.start),t.noOfWeeks=getWeeksBetween(t.start,t.end),t.distribution=calcDistribution(Object.values(this.data.dataPoints),HEATMAP_DISTRIBUTION_SIZE),t.domainConfigs=this.getDomains()}},{key:"setupComponents",value:function(){var t=this,e=this.state,n=this.discreteDomains?0:1,i=e.domainConfigs.map(function(i,a){return["heatDomain",{index:i.index,colWidth:COL_WIDTH,rowHeight:ROW_HEIGHT,squareSize:HEATMAP_SQUARE_SIZE,xTranslate:e.domainConfigs.filter(function(t,e){return e1&&void 0!==arguments[1]?arguments[1]:"",n=[t.getMonth(),t.getFullYear()],i=n[0],a=n[1],r=setDayToSunday(t),o={index:i,cols:[]};addDays(e=clone(e)||getLastDateInMonth(i,a),1);for(var s=getWeeksBetween(r,e),l=[],u=void 0,c=0;c2&&void 0!==arguments[2]&&arguments[2],i=this.state,a=clone(t),r=[],o=0;o=i.start&&a<=i.end;n||a.getMonth()!==e||!l?s.yyyyMmDd=getYyyyMmDd(a):s=this.getSubDomainConfig(a),r.push(s)}return r}},{key:"getSubDomainConfig",value:function(t){var e=getYyyyMmDd(t),n=this.data.dataPoints[e];return{yyyyMmDd:e,dataValue:n||0,fill:this.colors[getMaxCheckpoint(n,this.state.distribution)]}}}]),e}(BaseChart),_createClass$7=function(){function t(t,e){for(var n=0;n0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return zeroDataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type),this.makeDataByIndex()}},{key:"calcXPositions",value:function(){var t=this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,n){return floatTwo(t.xOffset+n*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=calcChartIntervals(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),n=this.height/getValueRange(e),i=getIntervalSize(e)*n,a=this.height-getZeroIndex(e)*i;this.state.yAxis={labels:e,positions:e.map(function(t){return a-t*n}),scaleMultiplier:n,zeroLine:a},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return scale(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,n){var i=t.values,a=t.cumulativeYs||[];return{name:t.name,index:n,chartType:t.chartType,values:i,yPositions:e(i),cumulativeYs:a,cumulativeYPos:e(a)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e){e.yPositions.map(function(e,n){egetTopOffset(n)?t.mapTooltipXPosition(a):t.tip.hideTip()})}},{key:"mapTooltipXPosition",value:function(t){var e=this.state;if(e.yExtremes){var n=getClosestInArray(t,e.xAxis.positions,!0),i=this.dataByIndex[n];this.tip.setValues(i.xPos+this.tip.offset.x,i.yExtreme+this.tip.offset.y,{name:i.formattedLabel,value:""},i.values,n),this.tip.showTip()}}},{key:"renderLegend",value:function(){var t=this,e=this.data;e.datasets.length>1&&(this.legendArea.textContent="",e.datasets.map(function(e,n){var i=AXIS_LEGEND_BAR_SIZE,a=legendBar(i*n,"0",i,t.colors[n],e.name,t.config.truncateLegends);t.legendArea.appendChild(a)}))}},{key:"makeOverlay",value:function(){var t=this;if(this.init)return void(this.init=0);this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var n=e.units[t.state.currentIndex];e.overlay=makeOverlay[e.type](n),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(){t.updateOverlay()})}},{key:"bindUnits",value:function(){var t=this;this.dataUnitComponents.map(function(e){e.units.map(function(e){e.addEventListener("click",function(){var n=e.getAttribute("data-point-index");t.setCurrentDataPoint(n)})})}),this.tip.container.addEventListener("click",function(){var e=t.tip.container.getAttribute("data-point-index");t.setCurrentDataPoint(e)})}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var n=e.units[t.state.currentIndex];updateOverlay[e.type](n,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex,e=this.state;return{index:t,label:e.xAxis.labels[t],values:e.datasets.map(function(e){return e.values[t]})}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,fire(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,n){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;_get$3(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"addDataPoint",this).call(this,t,n,i),this.data.labels.splice(i,0,t),this.data.datasets.map(function(t,e){t.values.splice(i,0,n[e])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;this.data.labels.length<=1||(_get$3(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data))}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}},{key:"updateDatasets",value:function(t){this.data.datasets.map(function(e,n){t[n]&&(e.values=t[n])}),this.update(this.data)}}]),e}(BaseChart),_createClass$8=function(){function t(t,e){for(var n=0;nthis.width?this.center.x-this.strokeWidth/2:this.center.y-this.strokeWidth/2;var i=this.radius,a=this.clockWise,r=n.slicesProperties||[];n.sliceStrings=[],n.slicesProperties=[];var o=180-this.config.startAngle;n.sliceTotals.map(function(e,s){var l=o,u=e/n.grandTotal*FULL_ANGLE,c=u>180?1:0,h=a?-u:u,d=o+=h,f=getPositionByAngle(l,i),p=getPositionByAngle(d,i),v=t.init&&r[s],g=void 0,y=void 0;t.init?(g=v?v.startPosition:f,y=v?v.endPosition:f):(g=f,y=p);var m=360===u?makeStrokeCircleStr(g,y,t.center,t.radius,t.clockWise,c):makeArcStrokePathStr(g,y,t.center,t.radius,t.clockWise,c);n.sliceStrings.push(m),n.slicesProperties.push({startPosition:f,endPosition:p,value:e,total:n.grandTotal,startAngle:l,endAngle:d,angle:h})}),this.init=0}},{key:"setupComponents",value:function(){var t=this.state,e=[["donutSlices",{},function(){return{sliceStrings:t.sliceStrings,colors:this.colors,strokeWidth:this.strokeWidth}}.bind(this)]];this.components=new Map(e.map(function(t){var e=getComponent.apply(void 0,_toConsumableArray$6(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,n=this.hoverRadio,i=getPositionByAngle(t.startAngle+t.angle/2,e);return"translate3d("+i.x*n+"px,"+i.y*n+"px,0)"}},{key:"hoverSlice",value:function(t,e,n,i){if(t){var a=this.colors[e];if(n){transform(t,this.calTranslateByAngle(this.state.slicesProperties[e])),t.style.stroke=lightenDarkenColor(a,50);var r=getOffset(this.svg),o=i.pageX-r.left+10,s=i.pageY-r.top-10,l=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[e]:this.state.labels[e])+": ",u=(100*this.state.sliceTotals[e]/this.state.grandTotal).toFixed(1);this.tip.setValues(o,s,{name:l,value:u+"%"}),this.tip.showTip()}else transform(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.stroke=a}}},{key:"bindTooltip",value:function(){this.container.addEventListener("mousemove",this.mouseMove),this.container.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,n=this.components.get("donutSlices").store,i=this.curActiveSliceIndex,a=this.curActiveSlice;if(n.includes(e)){var r=n.indexOf(e);this.hoverSlice(a,i,!1),this.curActiveSlice=e,this.curActiveSliceIndex=r,this.hoverSlice(e,r,!0,t)}else this.mouseLeave()}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}}]),e}(AggregationChart),chartTypes={bar:AxisChart,line:AxisChart,percentage:PercentageChart,heatmap:Heatmap,pie:PieChart,donut:DonutChart},Chart=function t(e,n){return _classCallCheck(this,t),getChartByType(n.type,e,n)};export{Chart,PercentageChart,PieChart,Heatmap,AxisChart}; -//# sourceMappingURL=frappe-charts.min.esm.js.map diff --git a/dist/frappe-charts.min.esm.js.map b/dist/frappe-charts.min.esm.js.map deleted file mode 100644 index ee32772..0000000 --- a/dist/frappe-charts.min.esm.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"frappe-charts.min.esm.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/js/utils/dom.js","../src/js/utils/constants.js","../src/js/utils/helpers.js","../src/js/utils/draw-utils.js","../src/js/utils/colors.js","../src/js/utils/draw.js","../src/js/utils/animate.js","../src/js/utils/animation.js","../src/js/utils/export.js","../src/js/utils/date-utils.js","../src/js/objects/ChartComponents.js","../src/js/utils/intervals.js","../src/js/utils/axis-chart-utils.js","../src/js/chart.js","../src/js/objects/SvgTip.js","../src/css/chartsCss.js","../src/js/charts/BaseChart.js","../src/js/charts/AggregationChart.js","../src/js/charts/PercentageChart.js","../src/js/charts/PieChart.js","../src/js/charts/Heatmap.js","../src/js/charts/AxisChart.js","../src/js/charts/DonutChart.js"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","export function $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function findNodeIndex(node)\n{\n\tvar i = 0;\n\twhile (node.previousSibling) {\n\t\tnode = node.previousSibling;\n\t\ti++;\n\t}\n\treturn i;\n}\n\n$.create = (tag, o) => {\n\tvar element = document.createElement(tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else if (i in element ) {\n\t\t\telement[i] = val;\n\t\t}\n\t\telse {\n\t\t\telement.setAttribute(i, val);\n\t\t}\n\t}\n\n\treturn element;\n};\n\nexport function getOffset(element) {\n\tlet rect = element.getBoundingClientRect();\n\treturn {\n\t\t// https://stackoverflow.com/a/7436602/6495043\n\t\t// rect.top varies with scroll, so we add whatever has been\n\t\t// scrolled to it to get absolute distance from actual page top\n\t\ttop: rect.top + (document.documentElement.scrollTop || document.body.scrollTop),\n\t\tleft: rect.left + (document.documentElement.scrollLeft || document.body.scrollLeft)\n\t};\n}\n\nexport function isElementInViewport(el) {\n\t// Although straightforward: https://stackoverflow.com/a/7557433/6495043\n\tvar rect = el.getBoundingClientRect();\n\n\treturn (\n\t\trect.top >= 0 &&\n rect.left >= 0 &&\n rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */\n rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */\n\t);\n}\n\nexport function getElementContentWidth(element) {\n\tvar styles = window.getComputedStyle(element);\n\tvar padding = parseFloat(styles.paddingLeft) +\n\t\tparseFloat(styles.paddingRight);\n\n\treturn element.clientWidth - padding;\n}\n\nexport function bind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function (event) {\n\t\t\t\telement.addEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function unbind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function(event) {\n\t\t\t\telement.removeEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function fire(target, type, properties) {\n\tvar evt = document.createEvent(\"HTMLEvents\");\n\n\tevt.initEvent(type, true, true );\n\n\tfor (var j in properties) {\n\t\tevt[j] = properties[j];\n\t}\n\n\treturn target.dispatchEvent(evt);\n}\n\n// https://css-tricks.com/snippets/javascript/loop-queryselectorall-matches/\nexport function forEachNode(nodeList, callback, scope) {\n\tif(!nodeList) return;\n\tfor (var i = 0; i < nodeList.length; i++) {\n\t\tcallback.call(scope, nodeList[i], i);\n\t}\n}\n\nexport function activate($parent, $child, commonClass, activeClass='active', index = -1) {\n\tlet $children = $parent.querySelectorAll(`.${commonClass}.${activeClass}`);\n\n\tforEachNode($children, (node, i) => {\n\t\tif(index >= 0 && i <= index) return;\n\t\tnode.classList.remove(activeClass);\n\t});\n\n\t$child.classList.add(activeClass);\n}\n","export const ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\n\nexport const COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\n\theatmap: []\n};\n\nexport const DATA_COLOR_DIVISIONS = {\n\tbar: 'datasets',\n\tline: 'datasets',\n\tpie: 'labels',\n\tpercentage: 'labels',\n\theatmap: HEATMAP_DISTRIBUTION_SIZE\n};\n\nexport const BASE_MEASURES = {\n\tmargins: {\n\t\ttop: 10,\n\t\tbottom: 10,\n\t\tleft: 20,\n\t\tright: 20\n\t},\n\tpaddings: {\n\t\ttop: 20,\n\t\tbottom: 40,\n\t\tleft: 30,\n\t\tright: 10\n\t},\n\n\tbaseHeight: 240,\n\ttitleHeight: 20,\n\tlegendHeight: 30,\n\n\ttitleFontSize: 12,\n};\n\nexport function getTopOffset(m) {\n\treturn m.titleHeight + m.margins.top + m.paddings.top;\n}\n\nexport function getLeftOffset(m) {\n\treturn m.margins.left + m.paddings.left;\n}\n\nexport function getExtraHeight(m) {\n\tlet totalExtraHeight = m.margins.top + m.margins.bottom\n\t\t+ m.paddings.top + m.paddings.bottom\n\t\t+ m.titleHeight + m.legendHeight;\n\treturn totalExtraHeight;\n}\n\nexport function getExtraWidth(m) {\n\tlet totalExtraWidth = m.margins.left + m.margins.right\n\t\t+ m.paddings.left + m.paddings.right;\n\n\treturn totalExtraWidth;\n}\n\nexport const INIT_CHART_UPDATE_TIMEOUT = 700;\nexport const CHART_POST_ANIMATE_TIMEOUT = 400;\n\nexport const DEFAULT_AXIS_CHART_TYPE = 'line';\nexport const AXIS_DATASET_CHART_TYPES = ['line', 'bar'];\n\nexport const AXIS_LEGEND_BAR_SIZE = 100;\n\nexport const BAR_CHART_SPACE_RATIO = 0.5;\nexport const MIN_BAR_PERCENT_HEIGHT = 0.00;\n\nexport const LINE_CHART_DOT_SIZE = 4;\nexport const DOT_OVERLAY_SIZE_INCR = 4;\n\nexport const PERCENTAGE_BAR_DEFAULT_HEIGHT = 20;\nexport const PERCENTAGE_BAR_DEFAULT_DEPTH = 2;\n\n// Fixed 5-color theme,\n// More colors are difficult to parse visually\nexport const HEATMAP_DISTRIBUTION_SIZE = 5;\n\nexport const HEATMAP_SQUARE_SIZE = 10;\nexport const HEATMAP_GUTTER_SIZE = 2;\n\nexport const DEFAULT_CHAR_WIDTH = 7;\n\nexport const TOOLTIP_POINTER_TRIANGLE_HEIGHT = 5;\n\nconst DEFAULT_CHART_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey'];\nconst HEATMAP_COLORS_GREEN = ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\nexport const HEATMAP_COLORS_BLUE = ['#ebedf0', '#c0ddf9', '#73b3f3', '#3886e1', '#17459e'];\nexport const HEATMAP_COLORS_YELLOW = ['#ebedf0', '#fdf436', '#ffc700', '#ff9100', '#06001c'];\n\nexport const DEFAULT_COLORS = {\n\tbar: DEFAULT_CHART_COLORS,\n\tline: DEFAULT_CHART_COLORS,\n\tpie: DEFAULT_CHART_COLORS,\n\tpercentage: DEFAULT_CHART_COLORS,\n\theatmap: HEATMAP_COLORS_GREEN,\n\tdonut: DEFAULT_CHART_COLORS\n};\n\n// Universal constants\nexport const ANGLE_RATIO = Math.PI / 180;\nexport const FULL_ANGLE = 360;\n","import { ANGLE_RATIO } from './constants';\n\n/**\n * Returns the value of a number upto 2 decimal places.\n * @param {Number} d Any number\n */\nexport function floatTwo(d) {\n\treturn parseFloat(d.toFixed(2));\n}\n\n/**\n * Returns whether or not two given arrays are equal.\n * @param {Array} arr1 First array\n * @param {Array} arr2 Second array\n */\nexport function arraysEqual(arr1, arr2) {\n\tif(arr1.length !== arr2.length) return false;\n\tlet areEqual = true;\n\tarr1.map((d, i) => {\n\t\tif(arr2[i] !== d) areEqual = false;\n\t});\n\treturn areEqual;\n}\n\n/**\n * Shuffles array in place. ES6 version\n * @param {Array} array An array containing the items.\n */\nexport function shuffle(array) {\n\t// Awesomeness: https://bost.ocks.org/mike/shuffle/\n\t// https://stackoverflow.com/a/2450976/6495043\n\t// https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array?noredirect=1&lq=1\n\n\tfor (let i = array.length - 1; i > 0; i--) {\n\t\tlet j = Math.floor(Math.random() * (i + 1));\n\t\t[array[i], array[j]] = [array[j], array[i]];\n\t}\n\n\treturn array;\n}\n\n/**\n * Fill an array with extra points\n * @param {Array} array Array\n * @param {Number} count number of filler elements\n * @param {Object} element element to fill with\n * @param {Boolean} start fill at start?\n */\nexport function fillArray(array, count, element, start=false) {\n\tif(!element) {\n\t\telement = start ? array[0] : array[array.length - 1];\n\t}\n\tlet fillerArray = new Array(Math.abs(count)).fill(element);\n\tarray = start ? fillerArray.concat(array) : array.concat(fillerArray);\n\treturn array;\n}\n\n/**\n * Returns pixel width of string.\n * @param {String} string\n * @param {Number} charWidth Width of single char in pixels\n */\nexport function getStringWidth(string, charWidth) {\n\treturn (string+\"\").length * charWidth;\n}\n\nexport function bindChange(obj, getFn, setFn) {\n\treturn new Proxy(obj, {\n\t\tset: function(target, prop, value) {\n\t\t\tsetFn();\n\t\t\treturn Reflect.set(target, prop, value);\n\t\t},\n\t\tget: function(target, prop) {\n\t\t\tgetFn();\n\t\t\treturn Reflect.get(target, prop);\n\t\t}\n\t});\n}\n\n// https://stackoverflow.com/a/29325222\nexport function getRandomBias(min, max, bias, influence) {\n\tconst range = max - min;\n\tconst biasValue = range * bias + min;\n\tvar rnd = Math.random() * range + min,\t\t// random in range\n\t\tmix = Math.random() * influence;\t\t// random mixer\n\treturn rnd * (1 - mix) + biasValue * mix;\t// mix full range and bias\n}\n\nexport function getPositionByAngle(angle, radius) {\n\treturn {\n\t\tx: Math.sin(angle * ANGLE_RATIO) * radius,\n\t\ty: Math.cos(angle * ANGLE_RATIO) * radius,\n\t};\n}\n","import { fillArray } from './helpers';\n\nexport function getBarHeightAndYAttr(yTop, zeroLine) {\n\tlet height, y;\n\tif (yTop <= zeroLine) {\n\t\theight = zeroLine - yTop;\n\t\ty = yTop;\n\t} else {\n\t\theight = yTop - zeroLine;\n\t\ty = zeroLine;\n\t}\n\n\treturn [height, y];\n}\n\nexport function equilizeNoOfElements(array1, array2,\n\textraCount = array2.length - array1.length) {\n\n\t// Doesn't work if either has zero elements.\n\tif(extraCount > 0) {\n\t\tarray1 = fillArray(array1, extraCount);\n\t} else {\n\t\tarray2 = fillArray(array2, extraCount);\n\t}\n\treturn [array1, array2];\n}\n\nexport function truncateString(txt, len) {\n\tif (!txt) {\n\t\treturn;\n\t}\n\tif (txt.length > len) {\n\t\treturn txt.slice(0, len-3) + '...';\n\t} else {\n\t\treturn txt;\n\t}\n}\n\nexport function shortenLargeNumber(label) {\n\tlet number;\n\tif (typeof label === 'number') number = label;\n\telse if (typeof label === 'string') {\n\t\tnumber = Number(label);\n\t\tif (Number.isNaN(number)) return label;\n\t}\n\n\t// Using absolute since log wont work for negative numbers\n\tlet p = Math.floor(Math.log10(Math.abs(number)));\n\tif (p <= 2) return number; // Return as is for a 3 digit number of less\n\tlet\tl = Math.floor(p / 3);\n\tlet shortened = (Math.pow(10, p - l * 3) * +(number / Math.pow(10, p)).toFixed(1));\n\n\t// Correct for floating point error upto 2 decimal places\n\treturn Math.round(shortened*100)/100 + ' ' + ['', 'K', 'M', 'B', 'T'][l];\n}","const PRESET_COLOR_MAP = {\n\t'light-blue': '#7cd6fd',\n\t'blue': '#5e64ff',\n\t'violet': '#743ee2',\n\t'red': '#ff5858',\n\t'orange': '#ffa00a',\n\t'yellow': '#feef72',\n\t'green': '#28a745',\n\t'light-green': '#98d85b',\n\t'purple': '#b554ff',\n\t'magenta': '#ffa3ef',\n\t'black': '#36114C',\n\t'grey': '#bdd3e6',\n\t'light-grey': '#f0f4f7',\n\t'dark-grey': '#b8c2cc'\n};\n\nfunction limitColor(r){\n\tif (r > 255) return 255;\n\telse if (r < 0) return 0;\n\treturn r;\n}\n\nexport function lightenDarkenColor(color, amt) {\n\tlet col = getColor(color);\n\tlet usePound = false;\n\tif (col[0] == \"#\") {\n\t\tcol = col.slice(1);\n\t\tusePound = true;\n\t}\n\tlet num = parseInt(col,16);\n\tlet r = limitColor((num >> 16) + amt);\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\n\tlet g = limitColor((num & 0x0000FF) + amt);\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\n}\n\nexport function isValidColor(string) {\n\t// https://stackoverflow.com/a/8027444/6495043\n\treturn /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string);\n}\n\nexport const getColor = (color) => {\n\treturn PRESET_COLOR_MAP[color] || color;\n};\n","import { getBarHeightAndYAttr, truncateString, shortenLargeNumber } from './draw-utils';\nimport { getStringWidth } from './helpers';\nimport { DOT_OVERLAY_SIZE_INCR, PERCENTAGE_BAR_DEFAULT_DEPTH } from './constants';\nimport { lightenDarkenColor } from './colors';\n\nexport const AXIS_TICK_LENGTH = 6;\nconst LABEL_MARGIN = 4;\nconst LABEL_MAX_CHARS = 15;\nexport const FONT_SIZE = 10;\nconst BASE_LINE_COLOR = '#dadada';\nconst FONT_FILL = '#555b51';\n\nfunction $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function createSVG(tag, o) {\n\tvar element = document.createElementNS(\"http://www.w3.org/2000/svg\", tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tif(i === \"className\") { i = \"class\"; }\n\t\t\tif(i === \"innerHTML\") {\n\t\t\t\telement['textContent'] = val;\n\t\t\t} else {\n\t\t\t\telement.setAttribute(i, val);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn element;\n}\n\nfunction renderVerticalGradient(svgDefElem, gradientId) {\n\treturn createSVG('linearGradient', {\n\t\tinside: svgDefElem,\n\t\tid: gradientId,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: 0,\n\t\ty2: 1\n\t});\n}\n\nfunction setGradientStop(gradElem, offset, color, opacity) {\n\treturn createSVG('stop', {\n\t\t'inside': gradElem,\n\t\t'style': `stop-color: ${color}`,\n\t\t'offset': offset,\n\t\t'stop-opacity': opacity\n\t});\n}\n\nexport function makeSVGContainer(parent, className, width, height) {\n\treturn createSVG('svg', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\twidth: width,\n\t\theight: height\n\t});\n}\n\nexport function makeSVGDefs(svgContainer) {\n\treturn createSVG('defs', {\n\t\tinside: svgContainer,\n\t});\n}\n\nexport function makeSVGGroup(className, transform='', parent=undefined) {\n\tlet args = {\n\t\tclassName: className,\n\t\ttransform: transform\n\t};\n\tif(parent) args.inside = parent;\n\treturn createSVG('g', args);\n}\n\nexport function wrapInSVGGroup(elements, className='') {\n\tlet g = createSVG('g', {\n\t\tclassName: className\n\t});\n\telements.forEach(e => g.appendChild(e));\n\treturn g;\n}\n\nexport function makePath(pathStr, className='', stroke='none', fill='none', strokeWidth=2) {\n\treturn createSVG('path', {\n\t\tclassName: className,\n\t\td: pathStr,\n\t\tstyles: {\n\t\t\tstroke: stroke,\n\t\t\tfill: fill,\n\t\t\t'stroke-width': strokeWidth\n\t\t}\n\t});\n}\n\nexport function makeArcPathStr(startPosition, endPosition, center, radius, clockWise=1, largeArc=0){\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\n\tlet [arcEndX, arcEndY] = [center.x + endPosition.x, center.y + endPosition.y];\n\treturn `M${center.x} ${center.y}\n\t\tL${arcStartX} ${arcStartY}\n\t\tA ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0}\n\t\t${arcEndX} ${arcEndY} z`;\n}\n\nexport function makeCircleStr(startPosition, endPosition, center, radius, clockWise=1, largeArc=0){\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\n\tlet [arcEndX, midArc, arcEndY] = [center.x + endPosition.x, center.y * 2, center.y + endPosition.y];\n\treturn `M${center.x} ${center.y}\n\t\tL${arcStartX} ${arcStartY}\n\t\tA ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0}\n\t\t${arcEndX} ${midArc} z\n\t\tL${arcStartX} ${midArc}\n\t\tA ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0}\n\t\t${arcEndX} ${arcEndY} z`;\n}\n\nexport function makeArcStrokePathStr(startPosition, endPosition, center, radius, clockWise=1, largeArc=0){\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\n\tlet [arcEndX, arcEndY] = [center.x + endPosition.x, center.y + endPosition.y];\n\n\treturn `M${arcStartX} ${arcStartY}\n\t\tA ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0}\n\t\t${arcEndX} ${arcEndY}`;\n}\n\nexport function makeStrokeCircleStr(startPosition, endPosition, center, radius, clockWise=1, largeArc=0){\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\n\tlet [arcEndX, midArc, arcEndY] = [center.x + endPosition.x, radius * 2 + arcStartY, center.y + startPosition.y];\n\n\treturn `M${arcStartX} ${arcStartY}\n\t\tA ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0}\n\t\t${arcEndX} ${midArc}\n\t\tM${arcStartX} ${midArc}\n\t\tA ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0}\n\t\t${arcEndX} ${arcEndY}`;\n}\n\nexport function makeGradient(svgDefElem, color, lighter = false) {\n\tlet gradientId ='path-fill-gradient' + '-' + color + '-' +(lighter ? 'lighter' : 'default');\n\tlet gradientDef = renderVerticalGradient(svgDefElem, gradientId);\n\tlet opacities = [1, 0.6, 0.2];\n\tif(lighter) {\n\t\topacities = [0.4, 0.2, 0];\n\t}\n\n\tsetGradientStop(gradientDef, \"0%\", color, opacities[0]);\n\tsetGradientStop(gradientDef, \"50%\", color, opacities[1]);\n\tsetGradientStop(gradientDef, \"100%\", color, opacities[2]);\n\n\treturn gradientId;\n}\n\nexport function percentageBar(x, y, width, height,\n\tdepth=PERCENTAGE_BAR_DEFAULT_DEPTH, fill='none') {\n\n\tlet args = {\n\t\tclassName: 'percentage-bar',\n\t\tx: x,\n\t\ty: y,\n\t\twidth: width,\n\t\theight: height,\n\t\tfill: fill,\n\t\tstyles: {\n\t\t\t'stroke': lightenDarkenColor(fill, -25),\n\t\t\t// Diabolically good: https://stackoverflow.com/a/9000859\n\t\t\t// https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\n\t\t\t'stroke-dasharray': `0, ${height + width}, ${width}, ${height}`,\n\t\t\t'stroke-width': depth\n\t\t},\n\t};\n\n\treturn createSVG(\"rect\", args);\n}\n\nexport function heatSquare(className, x, y, size, fill='none', data={}) {\n\tlet args = {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: size,\n\t\theight: size,\n\t\tfill: fill\n\t};\n\n\tObject.keys(data).map(key => {\n\t\targs[key] = data[key];\n\t});\n\n\treturn createSVG(\"rect\", args);\n}\n\nexport function legendBar(x, y, size, fill='none', label, truncate=false) {\n\tlabel = truncate ? truncateString(label, LABEL_MAX_CHARS) : label;\n\n\tlet args = {\n\t\tclassName: 'legend-bar',\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: size,\n\t\theight: '2px',\n\t\tfill: fill\n\t};\n\tlet text = createSVG('text', {\n\t\tclassName: 'legend-dataset-text',\n\t\tx: 0,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE * 2) + 'px',\n\t\t'font-size': (FONT_SIZE * 1.2) + 'px',\n\t\t'text-anchor': 'start',\n\t\tfill: FONT_FILL,\n\t\tinnerHTML: label\n\t});\n\n\tlet group = createSVG('g', {\n\t\ttransform: `translate(${x}, ${y})`\n\t});\n\tgroup.appendChild(createSVG(\"rect\", args));\n\tgroup.appendChild(text);\n\n\treturn group;\n}\n\nexport function legendDot(x, y, size, fill='none', label) {\n\tlet args = {\n\t\tclassName: 'legend-dot',\n\t\tcx: 0,\n\t\tcy: 0,\n\t\tr: size,\n\t\tfill: fill\n\t};\n\tlet text = createSVG('text', {\n\t\tclassName: 'legend-dataset-text',\n\t\tx: 0,\n\t\ty: 0,\n\t\tdx: (FONT_SIZE) + 'px',\n\t\tdy: (FONT_SIZE/3) + 'px',\n\t\t'font-size': (FONT_SIZE * 1.2) + 'px',\n\t\t'text-anchor': 'start',\n\t\tfill: FONT_FILL,\n\t\tinnerHTML: label\n\t});\n\n\tlet group = createSVG('g', {\n\t\ttransform: `translate(${x}, ${y})`\n\t});\n\tgroup.appendChild(createSVG(\"circle\", args));\n\tgroup.appendChild(text);\n\n\treturn group;\n}\n\nexport function makeText(className, x, y, content, options = {}) {\n\tlet fontSize = options.fontSize || FONT_SIZE;\n\tlet dy = options.dy !== undefined ? options.dy : (fontSize / 2);\n\tlet fill = options.fill || FONT_FILL;\n\tlet textAnchor = options.textAnchor || 'start';\n\treturn createSVG('text', {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\tdy: dy + 'px',\n\t\t'font-size': fontSize + 'px',\n\t\tfill: fill,\n\t\t'text-anchor': textAnchor,\n\t\tinnerHTML: content\n\t});\n}\n\nfunction makeVertLine(x, label, y1, y2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tlet l = createSVG('line', {\n\t\tclassName: 'line-vertical ' + options.className,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: y1,\n\t\ty2: y2,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: 0,\n\t\ty: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE,\n\t\tdy: FONT_SIZE + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'middle',\n\t\tinnerHTML: label + \"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(${ x }, 0)`\n\t});\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nfunction makeHoriLine(y, label, x1, x2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.lineType) options.lineType = '';\n\tif (options.shortenNumbers) label = shortenLargeNumber(label);\n\t\n\tlet className = 'line-horizontal ' + options.className +\n\t\t(options.lineType === \"dashed\" ? \"dashed\": \"\");\n\n\tlet l = createSVG('line', {\n\t\tclassName: className,\n\t\tx1: x1,\n\t\tx2: x2,\n\t\ty1: 0,\n\t\ty2: 0,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / 2 - 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': x1 < x2 ? 'end' : 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(0, ${y})`,\n\t\t'stroke-opacity': 1\n\t});\n\n\tif(text === 0 || text === '0') {\n\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\n\t}\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nexport function yLine(y, label, width, options={}) {\n\tif(!options.pos) options.pos = 'left';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\tlet x1 = -1 * AXIS_TICK_LENGTH;\n\tlet x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;\n\n\tif(options.mode === 'tick' && options.pos === 'right') {\n\t\tx1 = width + AXIS_TICK_LENGTH;\n\t\tx2 = width;\n\t}\n\n\t// let offset = options.pos === 'left' ? -1 * options.offset : options.offset;\n\n\tx1 += options.offset;\n\tx2 += options.offset;\n\n\treturn makeHoriLine(y, label, x1, x2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType,\n\t\tshortenNumbers: options.shortenNumbers\n\t});\n}\n\nexport function xLine(x, label, height, options={}) {\n\tif(!options.pos) options.pos = 'bottom';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\t// Draw X axis line in span/tick mode with optional label\n\t// \ty2(span)\n\t// \t\t\t\t\t\t|\n\t// \t\t\t\t\t\t|\n\t//\t\t\t\tx line\t|\n\t//\t\t\t\t\t\t|\n\t// \t\t\t\t\t \t|\n\t// ---------------------+-- y2(tick)\n\t//\t\t\t\t\t\t|\n\t//\t\t\t\t\t\t\ty1\n\n\tlet y1 = height + AXIS_TICK_LENGTH;\n\tlet y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : height;\n\n\tif(options.mode === 'tick' && options.pos === 'top') {\n\t\t// top axis ticks\n\t\ty1 = -1 * AXIS_TICK_LENGTH;\n\t\ty2 = 0;\n\t}\n\n\treturn makeVertLine(x, label, y1, y2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function yMarker(y, label, width, options={}) {\n\tif(!options.labelPos) options.labelPos = 'right';\n\tlet x = options.labelPos === 'left' ? LABEL_MARGIN\n\t\t: width - getStringWidth(label, 5) - LABEL_MARGIN;\n\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: x,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = makeHoriLine(y, '', 0, width, {\n\t\tstroke: options.stroke || BASE_LINE_COLOR,\n\t\tclassName: options.className || '',\n\t\tlineType: options.lineType\n\t});\n\n\tline.appendChild(labelSvg);\n\n\treturn line;\n}\n\nexport function yRegion(y1, y2, width, label, options={}) {\n\t// return a group\n\tlet height = y1 - y2;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`, // remove class\n\t\tstyles: {\n\t\t\tfill: `rgba(228, 234, 239, 0.49)`,\n\t\t\tstroke: BASE_LINE_COLOR,\n\t\t\t'stroke-dasharray': `${width}, ${height}`\n\t\t},\n\t\t// 'data-point-index': index,\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: width,\n\t\theight: height\n\t});\n\n\tif(!options.labelPos) options.labelPos = 'right';\n\tlet x = options.labelPos === 'left' ? LABEL_MARGIN\n\t\t: width - getStringWidth(label+\"\", 4.5) - LABEL_MARGIN;\n\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: x,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet region = createSVG('g', {\n\t\ttransform: `translate(0, ${y2})`\n\t});\n\n\tregion.appendChild(rect);\n\tregion.appendChild(labelSvg);\n\n\treturn region;\n}\n\nexport function datasetBar(x, yTop, width, color, label='', index=0, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\n\tif(height === 0) {\n\t\theight = meta.minHeight;\n\t\ty -= meta.minHeight;\n\t}\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`,\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: width,\n\t\theight: height\n\t});\n\n\tlabel += \"\";\n\n\tif(!label && !label.length) {\n\t\treturn rect;\n\t} else {\n\t\trect.setAttribute('y', 0);\n\t\trect.setAttribute('x', 0);\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: width/2,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\t'data-point-index': index,\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(rect);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function datasetDot(x, y, radius, color, label='', index=0) {\n\tlet dot = createSVG('circle', {\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tcx: x,\n\t\tcy: y,\n\t\tr: radius\n\t});\n\n\tlabel += \"\";\n\n\tif(!label && !label.length) {\n\t\treturn dot;\n\t} else {\n\t\tdot.setAttribute('cy', 0);\n\t\tdot.setAttribute('cx', 0);\n\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1 - radius) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\t'data-point-index': index,\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(dot);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function getPaths(xList, yList, color, options={}, meta={}) {\n\tlet pointsList = yList.map((y, i) => (xList[i] + ',' + y));\n\tlet pointsStr = pointsList.join(\"L\");\n\tlet path = makePath(\"M\"+pointsStr, 'line-graph-path', color);\n\n\t// HeatLine\n\tif(options.heatline) {\n\t\tlet gradient_id = makeGradient(meta.svgDefs, color);\n\t\tpath.style.stroke = `url(#${gradient_id})`;\n\t}\n\n\tlet paths = {\n\t\tpath: path\n\t};\n\n\t// Region\n\tif(options.regionFill) {\n\t\tlet gradient_id_region = makeGradient(meta.svgDefs, color, true);\n\n\t\tlet pathStr = \"M\" + `${xList[0]},${meta.zeroLine}L` + pointsStr + `L${xList.slice(-1)[0]},${meta.zeroLine}`;\n\t\tpaths.region = makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`);\n\t}\n\n\treturn paths;\n}\n\nexport let makeOverlay = {\n\t'bar': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'dot': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\tlet fill = unit.getAttribute('fill');\n\t\toverlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.setAttribute('fill', fill);\n\t\toverlay.style.opacity = '0.6';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'heat_square': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\tlet fill = unit.getAttribute('fill');\n\t\toverlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.setAttribute('fill', fill);\n\t\toverlay.style.opacity = '0.6';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t}\n};\n\nexport let updateOverlay = {\n\t'bar': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['x', 'y', 'width', 'height'];\n\t\tObject.values(unit.attributes)\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t\t.map(attr => {\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'dot': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t\t.map(attr => {\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'heat_square': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t\t.map(attr => {\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n};\n","import { getBarHeightAndYAttr } from './draw-utils';\n\nexport const UNIT_ANIM_DUR = 350;\nexport const PATH_ANIM_DUR = 350;\nexport const MARKER_LINE_ANIM_DUR = UNIT_ANIM_DUR;\nexport const REPLACE_ALL_NEW_DUR = 250;\n\nexport const STD_EASING = 'easein';\n\nexport function translate(unit, oldCoord, newCoord, duration) {\n\tlet old = typeof oldCoord === 'string' ? oldCoord : oldCoord.join(', ');\n\treturn [\n\t\tunit,\n\t\t{transform: newCoord.join(', ')},\n\t\tduration,\n\t\tSTD_EASING,\n\t\t\"translate\",\n\t\t{transform: old}\n\t];\n}\n\nexport function translateVertLine(xLine, newX, oldX) {\n\treturn translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR);\n}\n\nexport function translateHoriLine(yLine, newY, oldY) {\n\treturn translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR);\n}\n\nexport function animateRegion(rectGroup, newY1, newY2, oldY2) {\n\tlet newHeight = newY1 - newY2;\n\tlet rect = rectGroup.childNodes[0];\n\tlet width = rect.getAttribute(\"width\");\n\tlet rectAnim = [\n\t\trect,\n\t\t{ height: newHeight, 'stroke-dasharray': `${width}, ${newHeight}` },\n\t\tMARKER_LINE_ANIM_DUR,\n\t\tSTD_EASING\n\t];\n\n\tlet groupAnim = translate(rectGroup, [0, oldY2], [0, newY2], MARKER_LINE_ANIM_DUR);\n\treturn [rectAnim, groupAnim];\n}\n\nexport function animateBar(bar, x, yTop, width, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\tif(bar.nodeName !== 'rect') {\n\t\tlet rect = bar.childNodes[0];\n\t\tlet rectAnim = [\n\t\t\trect,\n\t\t\t{width: width, height: height},\n\t\t\tUNIT_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\n\t\tlet oldCoordStr = bar.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(bar, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [rectAnim, groupAnim];\n\t} else {\n\t\treturn [[bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animateDot(dot, x, y) {\n\tif(dot.nodeName !== 'circle') {\n\t\tlet oldCoordStr = dot.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(dot, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [groupAnim];\n\t} else {\n\t\treturn [[dot, {cx: x, cy: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animatePath(paths, newXList, newYList, zeroLine) {\n\tlet pathComponents = [];\n\n\tlet pointsStr = newYList.map((y, i) => (newXList[i] + ',' + y));\n\tlet pathStr = pointsStr.join(\"L\");\n\n\tconst animPath = [paths.path, {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\tpathComponents.push(animPath);\n\n\tif(paths.region) {\n\t\tlet regStartPt = `${newXList[0]},${zeroLine}L`;\n\t\tlet regEndPt = `L${newXList.slice(-1)[0]}, ${zeroLine}`;\n\n\t\tconst animRegion = [\n\t\t\tpaths.region,\n\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\tPATH_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\t\tpathComponents.push(animRegion);\n\t}\n\n\treturn pathComponents;\n}\n\nexport function animatePathStr(oldPath, pathStr) {\n\treturn [oldPath, {d: pathStr}, UNIT_ANIM_DUR, STD_EASING];\n}\n","// Leveraging SMIL Animations\n\nimport { REPLACE_ALL_NEW_DUR } from './animate';\n\nconst EASING = {\n\tease: \"0.25 0.1 0.25 1\",\n\tlinear: \"0 0 1 1\",\n\t// easein: \"0.42 0 1 1\",\n\teasein: \"0.1 0.8 0.2 1\",\n\teaseout: \"0 0 0.58 1\",\n\teaseinout: \"0.42 0 0.58 1\"\n};\n\nfunction animateSVGElement(element, props, dur, easingType=\"linear\", type=undefined, oldValues={}) {\n\n\tlet animElement = element.cloneNode(true);\n\tlet newElement = element.cloneNode(true);\n\n\tfor(var attributeName in props) {\n\t\tlet animateElement;\n\t\tif(attributeName === 'transform') {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animateTransform\");\n\t\t} else {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animate\");\n\t\t}\n\t\tlet currentValue = oldValues[attributeName] || element.getAttribute(attributeName);\n\t\tlet value = props[attributeName];\n\n\t\tlet animAttr = {\n\t\t\tattributeName: attributeName,\n\t\t\tfrom: currentValue,\n\t\t\tto: value,\n\t\t\tbegin: \"0s\",\n\t\t\tdur: dur/1000 + \"s\",\n\t\t\tvalues: currentValue + \";\" + value,\n\t\t\tkeySplines: EASING[easingType],\n\t\t\tkeyTimes: \"0;1\",\n\t\t\tcalcMode: \"spline\",\n\t\t\tfill: 'freeze'\n\t\t};\n\n\t\tif(type) {\n\t\t\tanimAttr[\"type\"] = type;\n\t\t}\n\n\t\tfor (var i in animAttr) {\n\t\t\tanimateElement.setAttribute(i, animAttr[i]);\n\t\t}\n\n\t\tanimElement.appendChild(animateElement);\n\n\t\tif(type) {\n\t\t\tnewElement.setAttribute(attributeName, `translate(${value})`);\n\t\t} else {\n\t\t\tnewElement.setAttribute(attributeName, value);\n\t\t}\n\t}\n\n\treturn [animElement, newElement];\n}\n\nexport function transform(element, style) { // eslint-disable-line no-unused-vars\n\telement.style.transform = style;\n\telement.style.webkitTransform = style;\n\telement.style.msTransform = style;\n\telement.style.mozTransform = style;\n\telement.style.oTransform = style;\n}\n\nfunction animateSVG(svgContainer, elements) {\n\tlet newElements = [];\n\tlet animElements = [];\n\n\telements.map(element => {\n\t\tlet unit = element[0];\n\t\tlet parent = unit.parentNode;\n\n\t\tlet animElement, newElement;\n\n\t\telement[0] = unit;\n\t\t[animElement, newElement] = animateSVGElement(...element);\n\n\t\tnewElements.push(newElement);\n\t\tanimElements.push([animElement, parent]);\n\n\t\tparent.replaceChild(animElement, unit);\n\t});\n\n\tlet animSvg = svgContainer.cloneNode(true);\n\n\tanimElements.map((animElement, i) => {\n\t\tanimElement[1].replaceChild(newElements[i], animElement[0]);\n\t\telements[i][0] = newElements[i];\n\t});\n\n\treturn animSvg;\n}\n\nexport function runSMILAnimation(parent, svgElement, elementsToAnimate) {\n\tif(elementsToAnimate.length === 0) return;\n\n\tlet animSvgElement = animateSVG(svgElement, elementsToAnimate);\n\tif(svgElement.parentNode == parent) {\n\t\tparent.removeChild(svgElement);\n\t\tparent.appendChild(animSvgElement);\n\n\t}\n\n\t// Replace the new svgElement (data has already been replaced)\n\tsetTimeout(() => {\n\t\tif(animSvgElement.parentNode == parent) {\n\t\t\tparent.removeChild(animSvgElement);\n\t\t\tparent.appendChild(svgElement);\n\t\t}\n\t}, REPLACE_ALL_NEW_DUR);\n}\n","import { $ } from '../utils/dom';\nimport { CSSTEXT } from '../../css/chartsCss';\n\nexport function downloadFile(filename, data) {\n\tvar a = document.createElement('a');\n\ta.style = \"display: none\";\n\tvar blob = new Blob(data, {type: \"image/svg+xml; charset=utf-8\"});\n\tvar url = window.URL.createObjectURL(blob);\n\ta.href = url;\n\ta.download = filename;\n\tdocument.body.appendChild(a);\n\ta.click();\n\tsetTimeout(function(){\n\t\tdocument.body.removeChild(a);\n\t\twindow.URL.revokeObjectURL(url);\n\t}, 300);\n}\n\nexport function prepareForExport(svg) {\n\tlet clone = svg.cloneNode(true);\n\tclone.classList.add('chart-container');\n\tclone.setAttribute('xmlns', \"http://www.w3.org/2000/svg\");\n\tclone.setAttribute('xmlns:xlink', \"http://www.w3.org/1999/xlink\");\n\tlet styleEl = $.create('style', {\n\t\t'innerHTML': CSSTEXT\n\t});\n\tclone.insertBefore(styleEl, clone.firstChild);\n\n\tlet container = $.create('div');\n\tcontainer.appendChild(clone);\n\n\treturn container.innerHTML;\n}\n","// Playing around with dates\n\nexport const NO_OF_YEAR_MONTHS = 12;\nexport const NO_OF_DAYS_IN_WEEK = 7;\nexport const DAYS_IN_YEAR = 375;\nexport const NO_OF_MILLIS = 1000;\nexport const SEC_IN_DAY = 86400;\n\nexport const MONTH_NAMES = [\"January\", \"February\", \"March\", \"April\", \"May\",\n\t\"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\"];\nexport const MONTH_NAMES_SHORT = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\",\n\t\"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"];\n\nexport const DAY_NAMES_SHORT = [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\"];\nexport const DAY_NAMES = [\"Sunday\", \"Monday\", \"Tuesday\", \"Wednesday\",\n\t\"Thursday\", \"Friday\", \"Saturday\"];\n\n// https://stackoverflow.com/a/11252167/6495043\nfunction treatAsUtc(date) {\n\tlet result = new Date(date);\n\tresult.setMinutes(result.getMinutes() - result.getTimezoneOffset());\n\treturn result;\n}\n\nexport function getYyyyMmDd(date) {\n\tlet dd = date.getDate();\n\tlet mm = date.getMonth() + 1; // getMonth() is zero-based\n\treturn [\n\t\tdate.getFullYear(),\n\t\t(mm>9 ? '' : '0') + mm,\n\t\t(dd>9 ? '' : '0') + dd\n\t].join('-');\n}\n\nexport function clone(date) {\n\treturn new Date(date.getTime());\n}\n\nexport function timestampSec(date) {\n\treturn date.getTime()/NO_OF_MILLIS;\n}\n\nexport function timestampToMidnight(timestamp, roundAhead = false) {\n\tlet midnightTs = Math.floor(timestamp - (timestamp % SEC_IN_DAY));\n\tif(roundAhead) {\n\t\treturn midnightTs + SEC_IN_DAY;\n\t}\n\treturn midnightTs;\n}\n\n// export function getMonthsBetween(startDate, endDate) {}\n\nexport function getWeeksBetween(startDate, endDate) {\n\tlet weekStartDate = setDayToSunday(startDate);\n\treturn Math.ceil(getDaysBetween(weekStartDate, endDate) / NO_OF_DAYS_IN_WEEK);\n}\n\nexport function getDaysBetween(startDate, endDate) {\n\tlet millisecondsPerDay = SEC_IN_DAY * NO_OF_MILLIS;\n\treturn (treatAsUtc(endDate) - treatAsUtc(startDate)) / millisecondsPerDay;\n}\n\nexport function areInSameMonth(startDate, endDate) {\n\treturn startDate.getMonth() === endDate.getMonth()\n\t\t&& startDate.getFullYear() === endDate.getFullYear();\n}\n\nexport function getMonthName(i, short=false) {\n\tlet monthName = MONTH_NAMES[i];\n\treturn short ? monthName.slice(0, 3) : monthName;\n}\n\nexport function getLastDateInMonth (month, year) {\n\treturn new Date(year, month + 1, 0); // 0: last day in previous month\n}\n\n// mutates\nexport function setDayToSunday(date) {\n\tlet newDate = clone(date);\n\tconst day = newDate.getDay();\n\tif(day !== 0) {\n\t\taddDays(newDate, (-1) * day);\n\t}\n\treturn newDate;\n}\n\n// mutates\nexport function addDays(date, numberOfDays) {\n\tdate.setDate(date.getDate() + numberOfDays);\n}\n","import { makeSVGGroup } from '../utils/draw';\nimport { makeText, makePath, xLine, yLine, yMarker, yRegion, datasetBar, datasetDot, percentageBar, getPaths, heatSquare } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { translateHoriLine, translateVertLine, animateRegion, animateBar,\n\tanimateDot, animatePath, animatePathStr } from '../utils/animate';\nimport { getMonthName } from '../utils/date-utils';\n\nclass ChartComponent {\n\tconstructor({\n\t\tlayerClass = '',\n\t\tlayerTransform = '',\n\t\tconstants,\n\n\t\tgetData,\n\t\tmakeElements,\n\t\tanimateElements\n\t}) {\n\t\tthis.layerTransform = layerTransform;\n\t\tthis.constants = constants;\n\n\t\tthis.makeElements = makeElements;\n\t\tthis.getData = getData;\n\n\t\tthis.animateElements = animateElements;\n\n\t\tthis.store = [];\n\t\tthis.labels = [];\n\n\t\tthis.layerClass = layerClass;\n\t\tthis.layerClass = typeof(this.layerClass) === 'function'\n\t\t\t? this.layerClass() : this.layerClass;\n\n\t\tthis.refresh();\n\t}\n\n\trefresh(data) {\n\t\tthis.data = data || this.getData();\n\t}\n\n\tsetup(parent) {\n\t\tthis.layer = makeSVGGroup(this.layerClass, this.layerTransform, parent);\n\t}\n\n\tmake() {\n\t\tthis.render(this.data);\n\t\tthis.oldData = this.data;\n\t}\n\n\trender(data) {\n\t\tthis.store = this.makeElements(data);\n\n\t\tthis.layer.textContent = '';\n\t\tthis.store.forEach(element => {\n\t\t\tthis.layer.appendChild(element);\n\t\t});\n\t\tthis.labels.forEach(element => {\n\t\t\tthis.layer.appendChild(element);\n\t\t});\n\t}\n\n\tupdate(animate = true) {\n\t\tthis.refresh();\n\t\tlet animateElements = [];\n\t\tif(animate) {\n\t\t\tanimateElements = this.animateElements(this.data) || [];\n\t\t}\n\t\treturn animateElements;\n\t}\n}\n\nlet componentConfigs = {\n\tdonutSlices: {\n\t\tlayerClass: 'donut-slices',\n\t\tmakeElements(data) {\n\t\t\treturn data.sliceStrings.map((s, i) => {\n\t\t\t\tlet slice = makePath(s, 'donut-path', data.colors[i], 'none', data.strokeWidth);\n\t\t\t\tslice.style.transition = 'transform .3s;';\n\t\t\t\treturn slice;\n\t\t\t});\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\treturn this.store.map((slice, i) => animatePathStr(slice, newData.sliceStrings[i]));\n\t\t},\n\t},\n\tpieSlices: {\n\t\tlayerClass: 'pie-slices',\n\t\tmakeElements(data) {\n\t\t\treturn data.sliceStrings.map((s, i) =>{\n\t\t\t\tlet slice = makePath(s, 'pie-path', 'none', data.colors[i]);\n\t\t\t\tslice.style.transition = 'transform .3s;';\n\t\t\t\treturn slice;\n\t\t\t});\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\treturn this.store.map((slice, i) =>\n\t\t\t\tanimatePathStr(slice, newData.sliceStrings[i])\n\t\t\t);\n\t\t}\n\t},\n\tpercentageBars: {\n\t\tlayerClass: 'percentage-bars',\n\t\tmakeElements(data) {\n\t\t\treturn data.xPositions.map((x, i) =>{\n\t\t\t\tlet y = 0;\n\t\t\t\tlet bar = percentageBar(x, y, data.widths[i],\n\t\t\t\t\tthis.constants.barHeight, this.constants.barDepth, data.colors[i]);\n\t\t\t\treturn bar;\n\t\t\t});\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tif(newData) return [];\n\t\t}\n\t},\n\tyAxis: {\n\t\tlayerClass: 'y axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\tyLine(position, data.labels[i], this.constants.width,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos, shortenNumbers: this.constants.shortenNumbers})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.labels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tlabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\txAxis: {\n\t\tlayerClass: 'x axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\txLine(position, data.calcLabels[i], this.constants.height,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.calcLabels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.calcLabels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tcalcLabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateVertLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyMarkers: {\n\t\tlayerClass: 'y-markers',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(m =>\n\t\t\t\tyMarker(m.position, m.label, this.constants.width,\n\t\t\t\t\t{labelPos: m.options.labelPos, mode: 'span', lineType: 'dashed'})\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.position);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\t\t\tlet newOptions = newData.map(d => d.options);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.position);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tposition: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i],\n\t\t\t\t\toptions: newOptions[i]\n\t\t\t\t};\n\t\t\t}));\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyRegions: {\n\t\tlayerClass: 'y-regions',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(r =>\n\t\t\t\tyRegion(r.startPos, r.endPos, this.constants.width,\n\t\t\t\t\tr.label, {labelPos: r.options.labelPos})\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.endPos);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\t\t\tlet newStarts = newData.map(d => d.startPos);\n\t\t\tlet newOptions = newData.map(d => d.options);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.endPos);\n\t\t\tlet oldStarts = this.oldData.map(d => d.startPos);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tstartPos: oldStarts[i],\n\t\t\t\t\tendPos: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i],\n\t\t\t\t\toptions: newOptions[i]\n\t\t\t\t};\n\t\t\t}));\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((rectGroup, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateRegion(\n\t\t\t\t\trectGroup, newStarts[i], newPos[i], oldPos[i]\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\theatDomain: {\n\t\tlayerClass: function() { return 'heat-domain domain-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet {index, colWidth, rowHeight, squareSize, xTranslate} = this.constants;\n\t\t\tlet monthNameHeight = -12;\n\t\t\tlet x = xTranslate, y = 0;\n\n\t\t\tthis.serializedSubDomains = [];\n\n\t\t\tdata.cols.map((week, weekNo) => {\n\t\t\t\tif(weekNo === 1) {\n\t\t\t\t\tthis.labels.push(\n\t\t\t\t\t\tmakeText('domain-name', x, monthNameHeight, getMonthName(index, true).toUpperCase(),\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tfontSize: 9\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t)\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tweek.map((day, i) => {\n\t\t\t\t\tif(day.fill) {\n\t\t\t\t\t\tlet data = {\n\t\t\t\t\t\t\t'data-date': day.yyyyMmDd,\n\t\t\t\t\t\t\t'data-value': day.dataValue,\n\t\t\t\t\t\t\t'data-day': i\n\t\t\t\t\t\t};\n\t\t\t\t\t\tlet square = heatSquare('day', x, y, squareSize, day.fill, data);\n\t\t\t\t\t\tthis.serializedSubDomains.push(square);\n\t\t\t\t\t}\n\t\t\t\t\ty += rowHeight;\n\t\t\t\t});\n\t\t\t\ty = 0;\n\t\t\t\tx += colWidth;\n\t\t\t});\n\n\t\t\treturn this.serializedSubDomains;\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tif(newData) return [];\n\t\t}\n\t},\n\n\tbarGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-bars dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'bar';\n\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\treturn datasetBar(\n\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\ty,\n\t\t\t\t\tdata.barWidth,\n\t\t\t\t\tc.color,\n\t\t\t\t\tdata.labels[j],\n\t\t\t\t\tj,\n\t\t\t\t\tdata.offsets[j],\n\t\t\t\t\t{\n\t\t\t\t\t\tzeroLine: data.zeroLine,\n\t\t\t\t\t\tbarsWidth: data.barsWidth,\n\t\t\t\t\t\tminHeight: c.minHeight\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t});\n\t\t\treturn this.units;\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newOffsets = newData.offsets;\n\t\t\tlet newLabels = newData.labels;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldOffsets = this.oldData.offsets;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldOffsets, newOffsets] = equilizeNoOfElements(oldOffsets, newOffsets);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\toffsets: oldOffsets,\n\t\t\t\tlabels: newLabels,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tbarsWidth: this.oldData.barsWidth,\n\t\t\t\tbarWidth: this.oldData.barWidth,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((bar, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateBar(\n\t\t\t\t\tbar, newXPos[i], newYPos[i], newData.barWidth, newOffsets[i],\n\t\t\t\t\t{zeroLine: newData.zeroLine}\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tlineGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-line dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'dot';\n\t\t\tthis.paths = {};\n\t\t\tif(!c.hideLine) {\n\t\t\t\tthis.paths = getPaths(\n\t\t\t\t\tdata.xPositions,\n\t\t\t\t\tdata.yPositions,\n\t\t\t\t\tc.color,\n\t\t\t\t\t{\n\t\t\t\t\t\theatline: c.heatline,\n\t\t\t\t\t\tregionFill: c.regionFill\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tsvgDefs: c.svgDefs,\n\t\t\t\t\t\tzeroLine: data.zeroLine\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tthis.units = [];\n\t\t\tif(!c.hideDots) {\n\t\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\t\treturn datasetDot(\n\t\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\t\ty,\n\t\t\t\t\t\tdata.radius,\n\t\t\t\t\t\tc.color,\n\t\t\t\t\t\t(c.valuesOverPoints ? data.values[j] : ''),\n\t\t\t\t\t\tj\n\t\t\t\t\t);\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn Object.values(this.paths).concat(this.units);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newValues = newData.values;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldValues = this.oldData.values;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldValues, newValues] = equilizeNoOfElements(oldValues, newValues);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\tvalues: newValues,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tradius: this.oldData.radius,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tif(Object.keys(this.paths).length) {\n\t\t\t\tanimateElements = animateElements.concat(animatePath(\n\t\t\t\t\tthis.paths, newXPos, newYPos, newData.zeroLine));\n\t\t\t}\n\n\t\t\tif(this.units.length) {\n\t\t\t\tthis.units.map((dot, i) => {\n\t\t\t\t\tanimateElements = animateElements.concat(animateDot(\n\t\t\t\t\t\tdot, newXPos[i], newYPos[i]));\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn animateElements;\n\t\t}\n\t}\n};\n\nexport function getComponent(name, constants, getData) {\n\tlet keys = Object.keys(componentConfigs).filter(k => name.includes(k));\n\tlet config = componentConfigs[keys[0]];\n\tObject.assign(config, {\n\t\tconstants: constants,\n\t\tgetData: getData\n\t});\n\treturn new ChartComponent(config);\n}\n","import { floatTwo } from './helpers';\n\nfunction normalize(x) {\n\t// Calculates mantissa and exponent of a number\n\t// Returns normalized number and exponent\n\t// https://stackoverflow.com/q/9383593/6495043\n\n\tif(x===0) {\n\t\treturn [0, 0];\n\t}\n\tif(isNaN(x)) {\n\t\treturn {mantissa: -6755399441055744, exponent: 972};\n\t}\n\tvar sig = x > 0 ? 1 : -1;\n\tif(!isFinite(x)) {\n\t\treturn {mantissa: sig * 4503599627370496, exponent: 972};\n\t}\n\n\tx = Math.abs(x);\n\tvar exp = Math.floor(Math.log10(x));\n\tvar man = x/Math.pow(10, exp);\n\n\treturn [sig * man, exp];\n}\n\nfunction getChartRangeIntervals(max, min=0) {\n\tlet upperBound = Math.ceil(max);\n\tlet lowerBound = Math.floor(min);\n\tlet range = upperBound - lowerBound;\n\n\tlet noOfParts = range;\n\tlet partSize = 1;\n\n\t// To avoid too many partitions\n\tif(range > 5) {\n\t\tif(range % 2 !== 0) {\n\t\t\tupperBound++;\n\t\t\t// Recalc range\n\t\t\trange = upperBound - lowerBound;\n\t\t}\n\t\tnoOfParts = range/2;\n\t\tpartSize = 2;\n\t}\n\n\t// Special case: 1 and 2\n\tif(range <= 2) {\n\t\tnoOfParts = 4;\n\t\tpartSize = range/noOfParts;\n\t}\n\n\t// Special case: 0\n\tif(range === 0) {\n\t\tnoOfParts = 5;\n\t\tpartSize = 1;\n\t}\n\n\tlet intervals = [];\n\tfor(var i = 0; i <= noOfParts; i++){\n\t\tintervals.push(lowerBound + partSize * i);\n\t}\n\treturn intervals;\n}\n\nfunction getChartIntervals(maxValue, minValue=0) {\n\tlet [normalMaxValue, exponent] = normalize(maxValue);\n\tlet normalMinValue = minValue ? minValue/Math.pow(10, exponent): 0;\n\n\t// Allow only 7 significant digits\n\tnormalMaxValue = normalMaxValue.toFixed(6);\n\n\tlet intervals = getChartRangeIntervals(normalMaxValue, normalMinValue);\n\tintervals = intervals.map(value => value * Math.pow(10, exponent));\n\treturn intervals;\n}\n\nexport function calcChartIntervals(values, withMinimum=false) {\n\t//*** Where the magic happens ***\n\n\t// Calculates best-fit y intervals from given values\n\t// and returns the interval array\n\n\tlet maxValue = Math.max(...values);\n\tlet minValue = Math.min(...values);\n\n\t// Exponent to be used for pretty print\n\tlet exponent = 0, intervals = []; // eslint-disable-line no-unused-vars\n\n\tfunction getPositiveFirstIntervals(maxValue, absMinValue) {\n\t\tlet intervals = getChartIntervals(maxValue);\n\n\t\tlet intervalSize = intervals[1] - intervals[0];\n\n\t\t// Then unshift the negative values\n\t\tlet value = 0;\n\t\tfor(var i = 1; value < absMinValue; i++) {\n\t\t\tvalue += intervalSize;\n\t\t\tintervals.unshift((-1) * value);\n\t\t}\n\t\treturn intervals;\n\t}\n\n\t// CASE I: Both non-negative\n\n\tif(maxValue >= 0 && minValue >= 0) {\n\t\texponent = normalize(maxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(maxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(maxValue, minValue);\n\t\t}\n\t}\n\n\t// CASE II: Only minValue negative\n\n\telse if(maxValue > 0 && minValue < 0) {\n\t\t// `withMinimum` irrelevant in this case,\n\t\t// We'll be handling both sides of zero separately\n\t\t// (both starting from zero)\n\t\t// Because ceil() and floor() behave differently\n\t\t// in those two regions\n\n\t\tlet absMinValue = Math.abs(minValue);\n\n\t\tif(maxValue >= absMinValue) {\n\t\t\texponent = normalize(maxValue)[1];\n\t\t\tintervals = getPositiveFirstIntervals(maxValue, absMinValue);\n\t\t} else {\n\t\t\t// Mirror: maxValue => absMinValue, then change sign\n\t\t\texponent = normalize(absMinValue)[1];\n\t\t\tlet posIntervals = getPositiveFirstIntervals(absMinValue, maxValue);\n\t\t\tintervals = posIntervals.map(d => d * (-1));\n\t\t}\n\n\t}\n\n\t// CASE III: Both non-positive\n\n\telse if(maxValue <= 0 && minValue <= 0) {\n\t\t// Mirrored Case I:\n\t\t// Work with positives, then reverse the sign and array\n\n\t\tlet pseudoMaxValue = Math.abs(minValue);\n\t\tlet pseudoMinValue = Math.abs(maxValue);\n\n\t\texponent = normalize(pseudoMaxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue, pseudoMinValue);\n\t\t}\n\n\t\tintervals = intervals.reverse().map(d => d * (-1));\n\t}\n\n\treturn intervals;\n}\n\nexport function getZeroIndex(yPts) {\n\tlet zeroIndex;\n\tlet interval = getIntervalSize(yPts);\n\tif(yPts.indexOf(0) >= 0) {\n\t\t// the range has a given zero\n\t\t// zero-line on the chart\n\t\tzeroIndex = yPts.indexOf(0);\n\t} else if(yPts[0] > 0) {\n\t\t// Minimum value is positive\n\t\t// zero-line is off the chart: below\n\t\tlet min = yPts[0];\n\t\tzeroIndex = (-1) * min / interval;\n\t} else {\n\t\t// Maximum value is negative\n\t\t// zero-line is off the chart: above\n\t\tlet max = yPts[yPts.length - 1];\n\t\tzeroIndex = (-1) * max / interval + (yPts.length - 1);\n\t}\n\treturn zeroIndex;\n}\n\nexport function getRealIntervals(max, noOfIntervals, min = 0, asc = 1) {\n\tlet range = max - min;\n\tlet part = range * 1.0 / noOfIntervals;\n\tlet intervals = [];\n\n\tfor(var i = 0; i <= noOfIntervals; i++) {\n\t\tintervals.push(min + part * i);\n\t}\n\n\treturn asc ? intervals : intervals.reverse();\n}\n\nexport function getIntervalSize(orderedArray) {\n\treturn orderedArray[1] - orderedArray[0];\n}\n\nexport function getValueRange(orderedArray) {\n\treturn orderedArray[orderedArray.length-1] - orderedArray[0];\n}\n\nexport function scale(val, yAxis) {\n\treturn floatTwo(yAxis.zeroLine - val * yAxis.scaleMultiplier);\n}\n\nexport function isInRange(val, min, max) {\n\treturn val > min && val < max;\n}\n\nexport function isInRange2D(coord, minCoord, maxCoord) {\n\treturn isInRange(coord[0], minCoord[0], maxCoord[0])\n\t\t&& isInRange(coord[1], minCoord[1], maxCoord[1]);\n}\n\nexport function getClosestInArray(goal, arr, index = false) {\n\tlet closest = arr.reduce(function(prev, curr) {\n\t\treturn (Math.abs(curr - goal) < Math.abs(prev - goal) ? curr : prev);\n\t});\n\n\treturn index ? arr.indexOf(closest) : closest;\n}\n\nexport function calcDistribution(values, distributionSize) {\n\t// Assume non-negative values,\n\t// implying distribution minimum at zero\n\n\tlet dataMaxValue = Math.max(...values);\n\n\tlet distributionStep = 1 / (distributionSize - 1);\n\tlet distribution = [];\n\n\tfor(var i = 0; i < distributionSize; i++) {\n\t\tlet checkpoint = dataMaxValue * (distributionStep * i);\n\t\tdistribution.push(checkpoint);\n\t}\n\n\treturn distribution;\n}\n\nexport function getMaxCheckpoint(value, distribution) {\n\treturn distribution.filter(d => d < value).length;\n}\n","import { fillArray } from '../utils/helpers';\nimport { DEFAULT_AXIS_CHART_TYPE, AXIS_DATASET_CHART_TYPES, DEFAULT_CHAR_WIDTH } from '../utils/constants';\n\nexport function dataPrep(data, type) {\n\tdata.labels = data.labels || [];\n\n\tlet datasetLength = data.labels.length;\n\n\t// Datasets\n\tlet datasets = data.datasets;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\tif(!datasets) {\n\t\t// default\n\t\tdatasets = [{\n\t\t\tvalues: zeroArray\n\t\t}];\n\t}\n\n\tdatasets.map(d=> {\n\t\t// Set values\n\t\tif(!d.values) {\n\t\t\td.values = zeroArray;\n\t\t} else {\n\t\t\t// Check for non values\n\t\t\tlet vals = d.values;\n\t\t\tvals = vals.map(val => (!isNaN(val) ? val : 0));\n\n\t\t\t// Trim or extend\n\t\t\tif(vals.length > datasetLength) {\n\t\t\t\tvals = vals.slice(0, datasetLength);\n\t\t\t} else {\n\t\t\t\tvals = fillArray(vals, datasetLength - vals.length, 0);\n\t\t\t}\n\t\t}\n\n\t\t// Set labels\n\t\t//\n\n\t\t// Set type\n\t\tif(!d.chartType ) {\n\t\t\tif(!AXIS_DATASET_CHART_TYPES.includes(type)) type === DEFAULT_AXIS_CHART_TYPE;\n\t\t\td.chartType = type;\n\t\t}\n\n\t});\n\n\t// Markers\n\n\t// Regions\n\t// data.yRegions = data.yRegions || [];\n\tif(data.yRegions) {\n\t\tdata.yRegions.map(d => {\n\t\t\tif(d.end < d.start) {\n\t\t\t\t[d.start, d.end] = [d.end, d.start];\n\t\t\t}\n\t\t});\n\t}\n\n\treturn data;\n}\n\nexport function zeroDataPrep(realData) {\n\tlet datasetLength = realData.labels.length;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\n\tlet zeroData = {\n\t\tlabels: realData.labels.slice(0, -1),\n\t\tdatasets: realData.datasets.map(d => {\n\t\t\treturn {\n\t\t\t\tname: '',\n\t\t\t\tvalues: zeroArray.slice(0, -1),\n\t\t\t\tchartType: d.chartType\n\t\t\t};\n\t\t}),\n\t};\n\n\tif(realData.yMarkers) {\n\t\tzeroData.yMarkers = [\n\t\t\t{\n\t\t\t\tvalue: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\tif(realData.yRegions) {\n\t\tzeroData.yRegions = [\n\t\t\t{\n\t\t\t\tstart: 0,\n\t\t\t\tend: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\treturn zeroData;\n}\n\nexport function getShortenedLabels(chartWidth, labels=[], isSeries=true) {\n\tlet allowedSpace = chartWidth / labels.length;\n\tif(allowedSpace <= 0) allowedSpace = 1;\n\tlet allowedLetters = allowedSpace / DEFAULT_CHAR_WIDTH;\n\n\tlet calcLabels = labels.map((label, i) => {\n\t\tlabel += \"\";\n\t\tif(label.length > allowedLetters) {\n\n\t\t\tif(!isSeries) {\n\t\t\t\tif(allowedLetters-3 > 0) {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters-3) + \" ...\";\n\t\t\t\t} else {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters) + '..';\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tlet multiple = Math.ceil(label.length/allowedLetters);\n\t\t\t\tif(i % multiple !== 0) {\n\t\t\t\t\tlabel = \"\";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn label;\n\t});\n\n\treturn calcLabels;\n}\n","import '../css/charts.scss';\n\n// import MultiAxisChart from './charts/MultiAxisChart';\nimport PercentageChart from './charts/PercentageChart';\nimport PieChart from './charts/PieChart';\nimport Heatmap from './charts/Heatmap';\nimport AxisChart from './charts/AxisChart';\nimport DonutChart from './charts/DonutChart';\n\nconst chartTypes = {\n\tbar: AxisChart,\n\tline: AxisChart,\n\t// multiaxis: MultiAxisChart,\n\tpercentage: PercentageChart,\n\theatmap: Heatmap,\n\tpie: PieChart,\n\tdonut: DonutChart,\n};\n\nfunction getChartByType(chartType = 'line', parent, options) {\n\tif (chartType === 'axis-mixed') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t}\n\n\tif (!chartTypes[chartType]) {\n\t\tconsole.error(\"Undefined chart type: \" + chartType);\n\t\treturn;\n\t}\n\n\treturn new chartTypes[chartType](parent, options);\n}\n\nclass Chart {\n\tconstructor(parent, options) {\n\t\treturn getChartByType(options.type, parent, options);\n\t}\n}\n\nexport { Chart, PercentageChart, PieChart, Heatmap, AxisChart };","import { $ } from '../utils/dom';\nimport { TOOLTIP_POINTER_TRIANGLE_HEIGHT } from '../utils/constants';\n\nexport default class SvgTip {\n\tconstructor({\n\t\tparent = null,\n\t\tcolors = []\n\t}) {\n\t\tthis.parent = parent;\n\t\tthis.colors = colors;\n\t\tthis.titleName = '';\n\t\tthis.titleValue = '';\n\t\tthis.listValues = [];\n\t\tthis.titleValueFirst = 0;\n\n\t\tthis.x = 0;\n\t\tthis.y = 0;\n\n\t\tthis.top = 0;\n\t\tthis.left = 0;\n\n\t\tthis.setup();\n\t}\n\n\tsetup() {\n\t\tthis.makeTooltip();\n\t}\n\n\trefresh() {\n\t\tthis.fill();\n\t\tthis.calcPosition();\n\t}\n\n\tmakeTooltip() {\n\t\tthis.container = $.create('div', {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'graph-svg-tip comparison',\n\t\t\tinnerHTML: `\n\t\t\t\t
          \n\t\t\t\t
          `\n\t\t});\n\t\tthis.hideTip();\n\n\t\tthis.title = this.container.querySelector('.title');\n\t\tthis.dataPointList = this.container.querySelector('.data-point-list');\n\n\t\tthis.parent.addEventListener('mouseleave', () => {\n\t\t\tthis.hideTip();\n\t\t});\n\t}\n\n\tfill() {\n\t\tlet title;\n\t\tif(this.index) {\n\t\t\tthis.container.setAttribute('data-point-index', this.index);\n\t\t}\n\t\tif(this.titleValueFirst) {\n\t\t\ttitle = `${this.titleValue}${this.titleName}`;\n\t\t} else {\n\t\t\ttitle = `${this.titleName}${this.titleValue}`;\n\t\t}\n\t\tthis.title.innerHTML = title;\n\t\tthis.dataPointList.innerHTML = '';\n\n\t\tthis.listValues.map((set, i) => {\n\t\t\tconst color = this.colors[i] || 'black';\n\t\t\tlet value = set.formatted === 0 || set.formatted ? set.formatted : set.value;\n\n\t\t\tlet li = $.create('li', {\n\t\t\t\tstyles: {\n\t\t\t\t\t'border-top': `3px solid ${color}`\n\t\t\t\t},\n\t\t\t\tinnerHTML: `${ value === 0 || value ? value : '' }\n\t\t\t\t\t${set.title ? set.title : '' }`\n\t\t\t});\n\n\t\t\tthis.dataPointList.appendChild(li);\n\t\t});\n\t}\n\n\tcalcPosition() {\n\t\tlet width = this.container.offsetWidth;\n\n\t\tthis.top = this.y - this.container.offsetHeight\n\t\t\t- TOOLTIP_POINTER_TRIANGLE_HEIGHT;\n\t\tthis.left = this.x - width/2;\n\t\tlet maxLeft = this.parent.offsetWidth - width;\n\n\t\tlet pointer = this.container.querySelector('.svg-pointer');\n\n\t\tif(this.left < 0) {\n\t\t\tpointer.style.left = `calc(50% - ${-1 * this.left}px)`;\n\t\t\tthis.left = 0;\n\t\t} else if(this.left > maxLeft) {\n\t\t\tlet delta = this.left - maxLeft;\n\t\t\tlet pointerOffset = `calc(50% + ${delta}px)`;\n\t\t\tpointer.style.left = pointerOffset;\n\n\t\t\tthis.left = maxLeft;\n\t\t} else {\n\t\t\tpointer.style.left = `50%`;\n\t\t}\n\t}\n\n\tsetValues(x, y, title = {}, listValues = [], index = -1) {\n\t\tthis.titleName = title.name;\n\t\tthis.titleValue = title.value;\n\t\tthis.listValues = listValues;\n\t\tthis.x = x;\n\t\tthis.y = y;\n\t\tthis.titleValueFirst = title.valueFirst || 0;\n\t\tthis.index = index;\n\t\tthis.refresh();\n\t}\n\n\thideTip() {\n\t\tthis.container.style.top = '0px';\n\t\tthis.container.style.left = '0px';\n\t\tthis.container.style.opacity = '0';\n\t}\n\n\tshowTip() {\n\t\tthis.container.style.top = this.top + 'px';\n\t\tthis.container.style.left = this.left + 'px';\n\t\tthis.container.style.opacity = '1';\n\t}\n}\n","export const CSSTEXT = \".chart-container{position:relative;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .legend-dataset-text{fill:#6c7680;font-weight:600}.graph-svg-tip{position:absolute;z-index:99999;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.graph-svg-tip ul{padding-left:0;display:flex}.graph-svg-tip ol{padding-left:0;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:' ';border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}\";","import SvgTip from '../objects/SvgTip';\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup, makeText } from '../utils/draw';\nimport { BASE_MEASURES, getExtraHeight, getExtraWidth, getTopOffset, getLeftOffset,\n\tINIT_CHART_UPDATE_TIMEOUT, CHART_POST_ANIMATE_TIMEOUT, DEFAULT_COLORS} from '../utils/constants';\nimport { getColor, isValidColor } from '../utils/colors';\nimport { runSMILAnimation } from '../utils/animation';\nimport { downloadFile, prepareForExport } from '../utils/export';\n\nlet BOUND_DRAW_FN;\n\nexport default class BaseChart {\n\tconstructor(parent, options) {\n\n\t\tthis.parent = typeof parent === 'string'\n\t\t\t? document.querySelector(parent)\n\t\t\t: parent;\n\n\t\tif (!(this.parent instanceof HTMLElement)) {\n\t\t\tthrow new Error('No `parent` element to render on was provided.');\n\t\t}\n\n\t\tthis.rawChartArgs = options;\n\n\t\tthis.title = options.title || '';\n\t\tthis.type = options.type || '';\n\n\t\tthis.realData = this.prepareData(options.data);\n\t\tthis.data = this.prepareFirstData(this.realData);\n\n\t\tthis.colors = this.validateColors(options.colors, this.type);\n\n\t\tthis.config = {\n\t\t\tshowTooltip: 1, // calculate\n\t\t\tshowLegend: 1, // calculate\n\t\t\tisNavigable: options.isNavigable || 0,\n\t\t\tanimate: 1,\n\t\t\ttruncateLegends: options.truncateLegends || 0\n\t\t};\n\n\t\tthis.measures = JSON.parse(JSON.stringify(BASE_MEASURES));\n\t\tlet m = this.measures;\n\t\tthis.setMeasures(options);\n\t\tif(!this.title.length) { m.titleHeight = 0; }\n\t\tif(!this.config.showLegend) m.legendHeight = 0;\n\t\tthis.argHeight = options.height || m.baseHeight;\n\n\t\tthis.state = {};\n\t\tthis.options = {};\n\n\t\tthis.initTimeout = INIT_CHART_UPDATE_TIMEOUT;\n\n\t\tif(this.config.isNavigable) {\n\t\t\tthis.overlays = [];\n\t\t}\n\n\t\tthis.configure(options);\n\t}\n\n\tprepareData(data) {\n\t\treturn data;\n\t}\n\n\tprepareFirstData(data) {\n\t\treturn data;\n\t}\n\n\tvalidateColors(colors, type) {\n\t\tconst validColors = [];\n\t\tcolors = (colors || []).concat(DEFAULT_COLORS[type]);\n\t\tcolors.forEach((string) => {\n\t\t\tconst color = getColor(string);\n\t\t\tif(!isValidColor(color)) {\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t} else {\n\t\t\t\tvalidColors.push(color);\n\t\t\t}\n\t\t});\n\t\treturn validColors;\n\t}\n\n\tsetMeasures() {\n\t\t// Override measures, including those for title and legend\n\t\t// set config for legend and title\n\t}\n\n\tconfigure() {\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - getExtraHeight(this.measures);\n\n\t\t// Bind window events\n\t\tBOUND_DRAW_FN = this.boundDrawFn.bind(this);\n\t\twindow.addEventListener('resize', BOUND_DRAW_FN);\n\t\twindow.addEventListener('orientationchange', this.boundDrawFn.bind(this));\n\t}\n\n\tboundDrawFn() {\n\t\tthis.draw(true);\n\t}\n\n\tunbindWindowEvents() {\n\t\twindow.removeEventListener('resize', BOUND_DRAW_FN);\n\t\twindow.removeEventListener('orientationchange', this.boundDrawFn.bind(this));\n\t}\n\n\t// Has to be called manually\n\tsetup() {\n\t\tthis.makeContainer();\n\t\tthis.updateWidth();\n\t\tthis.makeTooltip();\n\n\t\tthis.draw(false, true);\n\t}\n\n\tmakeContainer() {\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\n\t\tlet args = {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'chart-container'\n\t\t};\n\n\t\tif(this.independentWidth) {\n\t\t\targs.styles = { width: this.independentWidth + 'px' };\n\t\t}\n\n\t\tthis.container = $.create('div', args);\n\t}\n\n\tmakeTooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.container,\n\t\t\tcolors: this.colors\n\t\t});\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {}\n\n\tdraw(onlyWidthChange=false, init=false) {\n\t\tthis.updateWidth();\n\n\t\tthis.calc(onlyWidthChange);\n\t\tthis.makeChartArea();\n\t\tthis.setupComponents();\n\n\t\tthis.components.forEach(c => c.setup(this.drawArea));\n\t\t// this.components.forEach(c => c.make());\n\t\tthis.render(this.components, false);\n\n\t\tif(init) {\n\t\t\tthis.data = this.realData;\n\t\t\tsetTimeout(() => {this.update(this.data);}, this.initTimeout);\n\t\t}\n\n\t\tthis.renderLegend();\n\n\t\tthis.setupNavigation(init);\n\t}\n\n\tcalc() {} // builds state\n\n\tupdateWidth() {\n\t\tthis.baseWidth = getElementContentWidth(this.parent);\n\t\tthis.width = this.baseWidth - getExtraWidth(this.measures);\n\t}\n\n\tmakeChartArea() {\n\t\tif(this.svg) {\n\t\t\tthis.container.removeChild(this.svg);\n\t\t}\n\t\tlet m = this.measures;\n\n\t\tthis.svg = makeSVGContainer(\n\t\t\tthis.container,\n\t\t\t'frappe-chart chart',\n\t\t\tthis.baseWidth,\n\t\t\tthis.baseHeight\n\t\t);\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\n\n\t\tif(this.title.length) {\n\t\t\tthis.titleEL = makeText(\n\t\t\t\t'title',\n\t\t\t\tm.margins.left,\n\t\t\t\tm.margins.top,\n\t\t\t\tthis.title,\n\t\t\t\t{\n\t\t\t\t\tfontSize: m.titleFontSize,\n\t\t\t\t\tfill: '#666666',\n\t\t\t\t\tdy: m.titleFontSize\n\t\t\t\t}\n\t\t\t);\n\t\t}\n\n\t\tlet top = getTopOffset(m);\n\t\tthis.drawArea = makeSVGGroup(\n\t\t\tthis.type + '-chart chart-draw-area',\n\t\t\t`translate(${getLeftOffset(m)}, ${top})`\n\t\t);\n\n\t\tif(this.config.showLegend) {\n\t\t\ttop += this.height + m.paddings.bottom;\n\t\t\tthis.legendArea = makeSVGGroup(\n\t\t\t\t'chart-legend',\n\t\t\t\t`translate(${getLeftOffset(m)}, ${top})`\n\t\t\t);\n\t\t}\n\n\t\tif(this.title.length) { this.svg.appendChild(this.titleEL); }\n\t\tthis.svg.appendChild(this.drawArea);\n\t\tif(this.config.showLegend) { this.svg.appendChild(this.legendArea); }\n\n\t\tthis.updateTipOffset(getLeftOffset(m), getTopOffset(m));\n\t}\n\n\tupdateTipOffset(x, y) {\n\t\tthis.tip.offset = {\n\t\t\tx: x,\n\t\t\ty: y\n\t\t};\n\t}\n\n\tsetupComponents() { this.components = new Map(); }\n\n\tupdate(data) {\n\t\tif(!data) {\n\t\t\tconsole.error('No data to update.');\n\t\t}\n\t\tthis.data = this.prepareData(data);\n\t\tthis.calc(); // builds state\n\t\tthis.render();\n\t}\n\n\trender(components=this.components, animate=true) {\n\t\tif(this.config.isNavigable) {\n\t\t\t// Remove all existing overlays\n\t\t\tthis.overlays.map(o => o.parentNode.removeChild(o));\n\t\t\t// ref.parentNode.insertBefore(element, ref);\n\t\t}\n\t\tlet elementsToAnimate = [];\n\t\t// Can decouple to this.refreshComponents() first to save animation timeout\n\t\tcomponents.forEach(c => {\n\t\t\telementsToAnimate = elementsToAnimate.concat(c.update(animate));\n\t\t});\n\t\tif(elementsToAnimate.length > 0) {\n\t\t\trunSMILAnimation(this.container, this.svg, elementsToAnimate);\n\t\t\tsetTimeout(() => {\n\t\t\t\tcomponents.forEach(c => c.make());\n\t\t\t\tthis.updateNav();\n\t\t\t}, CHART_POST_ANIMATE_TIMEOUT);\n\t\t} else {\n\t\t\tcomponents.forEach(c => c.make());\n\t\t\tthis.updateNav();\n\t\t}\n\t}\n\n\tupdateNav() {\n\t\tif(this.config.isNavigable) {\n\t\t\tthis.makeOverlay();\n\t\t\tthis.bindUnits();\n\t\t}\n\t}\n\n\trenderLegend() {}\n\n\tsetupNavigation(init=false) {\n\t\tif(!this.config.isNavigable) return;\n\n\t\tif(init) {\n\t\t\tthis.bindOverlay();\n\n\t\t\tthis.keyActions = {\n\t\t\t\t'13': this.onEnterKey.bind(this),\n\t\t\t\t'37': this.onLeftArrow.bind(this),\n\t\t\t\t'38': this.onUpArrow.bind(this),\n\t\t\t\t'39': this.onRightArrow.bind(this),\n\t\t\t\t'40': this.onDownArrow.bind(this),\n\t\t\t};\n\n\t\t\tdocument.addEventListener('keydown', (e) => {\n\t\t\t\tif(isElementInViewport(this.container)) {\n\t\t\t\t\te = e || window.event;\n\t\t\t\t\tif(this.keyActions[e.keyCode]) {\n\t\t\t\t\t\tthis.keyActions[e.keyCode]();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {}\n\tupdateOverlay() {}\n\tbindOverlay() {}\n\tbindUnits() {}\n\n\tonLeftArrow() {}\n\tonRightArrow() {}\n\tonUpArrow() {}\n\tonDownArrow() {}\n\tonEnterKey() {}\n\n\taddDataPoint() {}\n\tremoveDataPoint() {}\n\n\tgetDataPoint() {}\n\tsetCurrentDataPoint() {}\n\n\tupdateDataset() {}\n\n\texport() {\n\t\tlet chartSvg = prepareForExport(this.svg);\n\t\tdownloadFile(this.title || 'Chart', [chartSvg]);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { legendDot } from '../utils/draw';\nimport { getExtraWidth } from '../utils/constants';\n\nexport default class AggregationChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\n\t\tthis.config.maxSlices = args.maxSlices || 20;\n\t\tthis.config.maxLegendPoints = args.maxLegendPoints || 20;\n\t}\n\n\tcalc() {\n\t\tlet s = this.state;\n\t\tlet maxSlices = this.config.maxSlices;\n\t\ts.sliceTotals = [];\n\n\t\tlet allTotals = this.data.labels.map((label, i) => {\n\t\t\tlet total = 0;\n\t\t\tthis.data.datasets.map(e => {\n\t\t\t\ttotal += e.values[i];\n\t\t\t});\n\t\t\treturn [total, label];\n\t\t}).filter(d => { return d[0] >= 0; }); // keep only positive results\n\n\t\tlet totals = allTotals;\n\t\tif(allTotals.length > maxSlices) {\n\t\t\t// Prune and keep a grey area for rest as per maxSlices\n\t\t\tallTotals.sort((a, b) => { return b[0] - a[0]; });\n\n\t\t\ttotals = allTotals.slice(0, maxSlices-1);\n\t\t\tlet remaining = allTotals.slice(maxSlices-1);\n\n\t\t\tlet sumOfRemaining = 0;\n\t\t\tremaining.map(d => {sumOfRemaining += d[0];});\n\t\t\ttotals.push([sumOfRemaining, 'Rest']);\n\t\t\tthis.colors[maxSlices-1] = 'grey';\n\t\t}\n\n\t\ts.labels = [];\n\t\ttotals.map(d => {\n\t\t\ts.sliceTotals.push(d[0]);\n\t\t\ts.labels.push(d[1]);\n\t\t});\n\n\t\ts.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);\n\n\t\tthis.center = {\n\t\t\tx: this.width / 2,\n\t\t\ty: this.height / 2\n\t\t};\n\t}\n\n\trenderLegend() {\n\t\tlet s = this.state;\n\t\tthis.legendArea.textContent = '';\n\t\tthis.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints);\n\n\t\tlet count = 0;\n\t\tlet y = 0;\n\t\tthis.legendTotals.map((d, i) => {\n\t\t\tlet barWidth = 110;\n\t\t\tlet divisor = Math.floor(\n\t\t\t\t(this.width - getExtraWidth(this.measures))/barWidth\n\t\t\t);\n\t\t\tif (this.legendTotals.length < divisor) {\n\t\t\t\tbarWidth = this.width/this.legendTotals.length;\n\t\t\t}\n\t\t\tif(count > divisor) {\n\t\t\t\tcount = 0;\n\t\t\t\ty += 20;\n\t\t\t}\n\t\t\tlet x = barWidth * count + 5;\n\t\t\tlet dot = legendDot(\n\t\t\t\tx,\n\t\t\t\ty,\n\t\t\t\t5,\n\t\t\t\tthis.colors[i],\n\t\t\t\t`${s.labels[i]}: ${d}`\n\t\t\t);\n\t\t\tthis.legendArea.appendChild(dot);\n\t\t\tcount++;\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { getOffset } from '../utils/dom';\nimport { getComponent } from '../objects/ChartComponents';\nimport { PERCENTAGE_BAR_DEFAULT_HEIGHT, PERCENTAGE_BAR_DEFAULT_DEPTH } from '../utils/constants';\n\nexport default class PercentageChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'percentage';\n\t\tthis.setup();\n\t}\n\n\tsetMeasures(options) {\n\t\tlet m = this.measures;\n\t\tthis.barOptions = options.barOptions || {};\n\n\t\tlet b = this.barOptions;\n\t\tb.height = b.height || PERCENTAGE_BAR_DEFAULT_HEIGHT;\n\t\tb.depth = b.depth || PERCENTAGE_BAR_DEFAULT_DEPTH;\n\n\t\tm.paddings.right = 30;\n\t\tm.legendHeight = 60;\n\t\tm.baseHeight = (b.height + b.depth * 0.5) * 8;\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'percentageBars',\n\t\t\t\t{\n\t\t\t\t\tbarHeight: this.barOptions.height,\n\t\t\t\t\tbarDepth: this.barOptions.depth,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: s.xPositions,\n\t\t\t\t\t\twidths: s.widths,\n\t\t\t\t\t\tcolors: this.colors\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tcalc() {\n\t\tsuper.calc();\n\t\tlet s = this.state;\n\n\t\ts.xPositions = [];\n\t\ts.widths = [];\n\n\t\tlet xPos = 0;\n\t\ts.sliceTotals.map((value) => {\n\t\t\tlet width = this.width * value / s.grandTotal;\n\t\t\ts.widths.push(width);\n\t\t\ts.xPositions.push(xPos);\n\t\t\txPos += width;\n\t\t});\n\t}\n\n\tmakeDataByIndex() { }\n\n\tbindTooltip() {\n\t\tlet s = this.state;\n\t\tthis.container.addEventListener('mousemove', (e) => {\n\t\t\tlet bars = this.components.get('percentageBars').store;\n\t\t\tlet bar = e.target;\n\t\t\tif(bars.includes(bar)) {\n\n\t\t\t\tlet i = bars.indexOf(bar);\n\t\t\t\tlet gOff = getOffset(this.container), pOff = getOffset(bar);\n\n\t\t\t\tlet x = pOff.left - gOff.left + parseInt(bar.getAttribute('width'))/2;\n\t\t\t\tlet y = pOff.top - gOff.top;\n\t\t\t\tlet title = (this.formattedLabels && this.formattedLabels.length>0\n\t\t\t\t\t? this.formattedLabels[i] : this.state.labels[i]) + ': ';\n\t\t\t\tlet fraction = s.sliceTotals[i]/s.grandTotal;\n\n\t\t\t\tthis.tip.setValues(x, y, {name: title, value: (fraction*100).toFixed(1) + \"%\"});\n\t\t\t\tthis.tip.showTip();\n\t\t\t}\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset } from '../utils/dom';\nimport { getPositionByAngle } from '../utils/helpers';\nimport { makeArcPathStr, makeCircleStr } from '../utils/draw';\nimport { lightenDarkenColor } from '../utils/colors';\nimport { transform } from '../utils/animation';\nimport { FULL_ANGLE } from '../utils/constants';\n\nexport default class PieChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'pie';\n\t\tthis.initTimeout = 0;\n\t\tthis.init = 1;\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\t\tthis.mouseMove = this.mouseMove.bind(this);\n\t\tthis.mouseLeave = this.mouseLeave.bind(this);\n\n\t\tthis.hoverRadio = args.hoverRadio || 0.1;\n\t\tthis.config.startAngle = args.startAngle || 0;\n\n\t\tthis.clockWise = args.clockWise || false;\n\t}\n\n\tcalc() {\n\t\tsuper.calc();\n\t\tlet s = this.state;\n\t\tthis.radius = (this.height > this.width ? this.center.x : this.center.y);\n\n\t\tconst { radius, clockWise } = this;\n\n\t\tconst prevSlicesProperties = s.slicesProperties || [];\n\t\ts.sliceStrings = [];\n\t\ts.slicesProperties = [];\n\t\tlet curAngle = 180 - this.config.startAngle;\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tconst startAngle = curAngle;\n\t\t\tconst originDiffAngle = (total / s.grandTotal) * FULL_ANGLE;\n\t\t\tconst largeArc = originDiffAngle > 180 ? 1: 0;\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\n\t\t\tconst startPosition = getPositionByAngle(startAngle, radius);\n\t\t\tconst endPosition = getPositionByAngle(endAngle, radius);\n\n\t\t\tconst prevProperty = this.init && prevSlicesProperties[i];\n\n\t\t\tlet curStart,curEnd;\n\t\t\tif(this.init) {\n\t\t\t\tcurStart = prevProperty ? prevProperty.startPosition : startPosition;\n\t\t\t\tcurEnd = prevProperty ? prevProperty.endPosition : startPosition;\n\t\t\t} else {\n\t\t\t\tcurStart = startPosition;\n\t\t\t\tcurEnd = endPosition;\n\t\t\t}\n\t\t\tconst curPath =\n\t\t\t\toriginDiffAngle === 360\n\t\t\t\t\t? makeCircleStr(curStart, curEnd, this.center, this.radius, clockWise, largeArc)\n\t\t\t\t\t: makeArcPathStr(curStart, curEnd, this.center, this.radius, clockWise, largeArc);\n\n\t\t\ts.sliceStrings.push(curPath);\n\t\t\ts.slicesProperties.push({\n\t\t\t\tstartPosition,\n\t\t\t\tendPosition,\n\t\t\t\tvalue: total,\n\t\t\t\ttotal: s.grandTotal,\n\t\t\t\tstartAngle,\n\t\t\t\tendAngle,\n\t\t\t\tangle: diffAngle\n\t\t\t});\n\n\t\t});\n\t\tthis.init = 0;\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'pieSlices',\n\t\t\t\t{ },\n\t\t\t\tfunction() {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tsliceStrings: s.sliceStrings,\n\t\t\t\t\t\tcolors: this.colors\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tcalTranslateByAngle(property){\n\t\tconst{radius,hoverRadio} = this;\n\t\tconst position = getPositionByAngle(property.startAngle+(property.angle / 2),radius);\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\n\t}\n\n\thoverSlice(path,i,flag,e){\n\t\tif(!path) return;\n\t\tconst color = this.colors[i];\n\t\tif(flag) {\n\t\t\ttransform(path, this.calTranslateByAngle(this.state.slicesProperties[i]));\n\t\t\tpath.style.fill = lightenDarkenColor(color, 50);\n\t\t\tlet g_off = getOffset(this.svg);\n\t\t\tlet x = e.pageX - g_off.left + 10;\n\t\t\tlet y = e.pageY - g_off.top - 10;\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t\t? this.formatted_labels[i] : this.state.labels[i]) + ': ';\n\t\t\tlet percent = (this.state.sliceTotals[i] * 100 / this.state.grandTotal).toFixed(1);\n\t\t\tthis.tip.setValues(x, y, {name: title, value: percent + \"%\"});\n\t\t\tthis.tip.showTip();\n\t\t} else {\n\t\t\ttransform(path,'translate3d(0,0,0)');\n\t\t\tthis.tip.hideTip();\n\t\t\tpath.style.fill = color;\n\t\t}\n\t}\n\n\tbindTooltip() {\n\t\tthis.container.addEventListener('mousemove', this.mouseMove);\n\t\tthis.container.addEventListener('mouseleave', this.mouseLeave);\n\t}\n\n\tmouseMove(e){\n\t\tconst target = e.target;\n\t\tlet slices = this.components.get('pieSlices').store;\n\t\tlet prevIndex = this.curActiveSliceIndex;\n\t\tlet prevAcitve = this.curActiveSlice;\n\t\tif(slices.includes(target)) {\n\t\t\tlet i = slices.indexOf(target);\n\t\t\tthis.hoverSlice(prevAcitve, prevIndex,false);\n\t\t\tthis.curActiveSlice = target;\n\t\t\tthis.curActiveSliceIndex = i;\n\t\t\tthis.hoverSlice(target, i, true, e);\n\t\t} else {\n\t\t\tthis.mouseLeave();\n\t\t}\n\t}\n\n\tmouseLeave(){\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { getComponent } from '../objects/ChartComponents';\nimport { makeText, heatSquare } from '../utils/draw';\nimport { DAY_NAMES_SHORT, addDays, areInSameMonth, getLastDateInMonth, setDayToSunday, getYyyyMmDd, getWeeksBetween, getMonthName, clone,\n\tNO_OF_MILLIS, NO_OF_YEAR_MONTHS, NO_OF_DAYS_IN_WEEK } from '../utils/date-utils';\nimport { calcDistribution, getMaxCheckpoint } from '../utils/intervals';\nimport { getExtraHeight, getExtraWidth, HEATMAP_DISTRIBUTION_SIZE, HEATMAP_SQUARE_SIZE,\n\tHEATMAP_GUTTER_SIZE } from '../utils/constants';\n\nconst COL_WIDTH = HEATMAP_SQUARE_SIZE + HEATMAP_GUTTER_SIZE;\nconst ROW_HEIGHT = COL_WIDTH;\n// const DAY_INCR = 1;\n\nexport default class Heatmap extends BaseChart {\n\tconstructor(parent, options) {\n\t\tsuper(parent, options);\n\t\tthis.type = 'heatmap';\n\n\t\tthis.countLabel = options.countLabel || '';\n\n\t\tlet validStarts = ['Sunday', 'Monday'];\n\t\tlet startSubDomain = validStarts.includes(options.startSubDomain)\n\t\t\t? options.startSubDomain : 'Sunday';\n\t\tthis.startSubDomainIndex = validStarts.indexOf(startSubDomain);\n\n\t\tthis.setup();\n\t}\n\n\tsetMeasures(options) {\n\t\tlet m = this.measures;\n\t\tthis.discreteDomains = options.discreteDomains === 0 ? 0 : 1;\n\n\t\tm.paddings.top = ROW_HEIGHT * 3;\n\t\tm.paddings.bottom = 0;\n\t\tm.legendHeight = ROW_HEIGHT * 2;\n\t\tm.baseHeight = ROW_HEIGHT * NO_OF_DAYS_IN_WEEK\n\t\t\t+ getExtraHeight(m);\n\n\t\tlet d = this.data;\n\t\tlet spacing = this.discreteDomains ? NO_OF_YEAR_MONTHS : 0;\n\t\tthis.independentWidth = (getWeeksBetween(d.start, d.end)\n\t\t\t+ spacing) * COL_WIDTH + getExtraWidth(m);\n\t}\n\n\tupdateWidth() {\n\t\tlet spacing = this.discreteDomains ? NO_OF_YEAR_MONTHS : 0;\n\t\tlet noOfWeeks = this.state.noOfWeeks ? this.state.noOfWeeks : 52;\n\t\tthis.baseWidth = (noOfWeeks + spacing) * COL_WIDTH\n\t\t\t+ getExtraWidth(this.measures);\n\t}\n\n\tprepareData(data=this.data) {\n\t\tif(data.start && data.end && data.start > data.end) {\n\t\t\tthrow new Error('Start date cannot be greater than end date.');\n\t\t}\n\n\t\tif(!data.start) {\n\t\t\tdata.start = new Date();\n\t\t\tdata.start.setFullYear( data.start.getFullYear() - 1 );\n\t\t}\n\t\tif(!data.end) { data.end = new Date(); }\n\t\tdata.dataPoints = data.dataPoints || {};\n\n\t\tif(parseInt(Object.keys(data.dataPoints)[0]) > 100000) {\n\t\t\tlet points = {};\n\t\t\tObject.keys(data.dataPoints).forEach(timestampSec => {\n\t\t\t\tlet date = new Date(timestampSec * NO_OF_MILLIS);\n\t\t\t\tpoints[getYyyyMmDd(date)] = data.dataPoints[timestampSec];\n\t\t\t});\n\t\t\tdata.dataPoints = points;\n\t\t}\n\n\t\treturn data;\n\t}\n\n\tcalc() {\n\t\tlet s = this.state;\n\n\t\ts.start = clone(this.data.start);\n\t\ts.end = clone(this.data.end);\n\n\t\ts.firstWeekStart = clone(s.start);\n\t\ts.noOfWeeks = getWeeksBetween(s.start, s.end);\n\t\ts.distribution = calcDistribution(\n\t\t\tObject.values(this.data.dataPoints), HEATMAP_DISTRIBUTION_SIZE);\n\n\t\ts.domainConfigs = this.getDomains();\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\t\tlet lessCol = this.discreteDomains ? 0 : 1;\n\n\t\tlet componentConfigs = s.domainConfigs.map((config, i) => [\n\t\t\t'heatDomain',\n\t\t\t{\n\t\t\t\tindex: config.index,\n\t\t\t\tcolWidth: COL_WIDTH,\n\t\t\t\trowHeight: ROW_HEIGHT,\n\t\t\t\tsquareSize: HEATMAP_SQUARE_SIZE,\n\t\t\t\txTranslate: s.domainConfigs\n\t\t\t\t\t.filter((config, j) => j < i)\n\t\t\t\t\t.map(config => config.cols.length - lessCol)\n\t\t\t\t\t.reduce((a, b) => a + b, 0)\n\t\t\t\t\t* COL_WIDTH\n\t\t\t},\n\t\t\tfunction() {\n\t\t\t\treturn s.domainConfigs[i];\n\t\t\t}.bind(this)\n\n\t\t]);\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.map((args, i) => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\treturn [args[0] + '-' + i, component];\n\t\t\t})\n\t\t);\n\n\t\tlet y = 0;\n\t\tDAY_NAMES_SHORT.forEach((dayName, i) => {\n\t\t\tif([1, 3, 5].includes(i)) {\n\t\t\t\tlet dayText = makeText('subdomain-name', -COL_WIDTH/2, y, dayName,\n\t\t\t\t\t{\n\t\t\t\t\t\tfontSize: HEATMAP_SQUARE_SIZE,\n\t\t\t\t\t\tdy: 8,\n\t\t\t\t\t\ttextAnchor: 'end'\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t\tthis.drawArea.appendChild(dayText);\n\t\t\t}\n\t\t\ty += ROW_HEIGHT;\n\t\t});\n\t}\n\n\tupdate(data) {\n\t\tif(!data) {\n\t\t\tconsole.error('No data to update.');\n\t\t}\n\n\t\tthis.data = this.prepareData(data);\n\t\tthis.draw();\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {\n\t\tthis.container.addEventListener('mousemove', (e) => {\n\t\t\tthis.components.forEach(comp => {\n\t\t\t\tlet daySquares = comp.store;\n\t\t\t\tlet daySquare = e.target;\n\t\t\t\tif(daySquares.includes(daySquare)) {\n\n\t\t\t\t\tlet count = daySquare.getAttribute('data-value');\n\t\t\t\t\tlet dateParts = daySquare.getAttribute('data-date').split('-');\n\n\t\t\t\t\tlet month = getMonthName(parseInt(dateParts[1])-1, true);\n\n\t\t\t\t\tlet gOff = this.container.getBoundingClientRect(), pOff = daySquare.getBoundingClientRect();\n\n\t\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\t\tlet x = pOff.left - gOff.left + width/2;\n\t\t\t\t\tlet y = pOff.top - gOff.top;\n\t\t\t\t\tlet value = count + ' ' + this.countLabel;\n\t\t\t\t\tlet name = ' on ' + month + ' ' + dateParts[0] + ', ' + dateParts[2];\n\n\t\t\t\t\tthis.tip.setValues(x, y, {name: name, value: value, valueFirst: 1}, []);\n\t\t\t\t\tthis.tip.showTip();\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n\n\trenderLegend() {\n\t\tthis.legendArea.textContent = '';\n\t\tlet x = 0;\n\t\tlet y = ROW_HEIGHT;\n\n\t\tlet lessText = makeText('subdomain-name', x, y, 'Less',\n\t\t\t{\n\t\t\t\tfontSize: HEATMAP_SQUARE_SIZE + 1,\n\t\t\t\tdy: 9\n\t\t\t}\n\t\t);\n\t\tx = (COL_WIDTH * 2) + COL_WIDTH/2;\n\t\tthis.legendArea.appendChild(lessText);\n\n\t\tthis.colors.slice(0, HEATMAP_DISTRIBUTION_SIZE).map((color, i) => {\n\t\t\tconst square = heatSquare('heatmap-legend-unit', x + (COL_WIDTH + 3) * i,\n\t\t\t\ty, HEATMAP_SQUARE_SIZE, color);\n\t\t\tthis.legendArea.appendChild(square);\n\t\t});\n\n\t\tlet moreTextX = x + HEATMAP_DISTRIBUTION_SIZE * (COL_WIDTH + 3) + COL_WIDTH/4;\n\t\tlet moreText = makeText('subdomain-name', moreTextX, y, 'More',\n\t\t\t{\n\t\t\t\tfontSize: HEATMAP_SQUARE_SIZE + 1,\n\t\t\t\tdy: 9\n\t\t\t}\n\t\t);\n\t\tthis.legendArea.appendChild(moreText);\n\t}\n\n\tgetDomains() {\n\t\tlet s = this.state;\n\t\tconst [startMonth, startYear] = [s.start.getMonth(), s.start.getFullYear()];\n\t\tconst [endMonth, endYear] = [s.end.getMonth(), s.end.getFullYear()];\n\n\t\tconst noOfMonths = (endMonth - startMonth + 1) + (endYear - startYear) * 12;\n\n\t\tlet domainConfigs = [];\n\n\t\tlet startOfMonth = clone(s.start);\n\t\tfor(var i = 0; i < noOfMonths; i++) {\n\t\t\tlet endDate = s.end;\n\t\t\tif(!areInSameMonth(startOfMonth, s.end)) {\n\t\t\t\tlet [month, year] = [startOfMonth.getMonth(), startOfMonth.getFullYear()];\n\t\t\t\tendDate = getLastDateInMonth(month, year);\n\t\t\t}\n\t\t\tdomainConfigs.push(this.getDomainConfig(startOfMonth, endDate));\n\n\t\t\taddDays(endDate, 1);\n\t\t\tstartOfMonth = endDate;\n\t\t}\n\n\t\treturn domainConfigs;\n\t}\n\n\tgetDomainConfig(startDate, endDate='') {\n\t\tlet [month, year] = [startDate.getMonth(), startDate.getFullYear()];\n\t\tlet startOfWeek = setDayToSunday(startDate); // TODO: Monday as well\n\t\tendDate = clone(endDate) || getLastDateInMonth(month, year);\n\n\t\tlet domainConfig = {\n\t\t\tindex: month,\n\t\t\tcols: []\n\t\t};\n\n\t\taddDays(endDate, 1);\n\t\tlet noOfMonthWeeks = getWeeksBetween(startOfWeek, endDate);\n\n\t\tlet cols = [], col;\n\t\tfor(var i = 0; i < noOfMonthWeeks; i++) {\n\t\t\tcol = this.getCol(startOfWeek, month);\n\t\t\tcols.push(col);\n\n\t\t\tstartOfWeek = new Date(col[NO_OF_DAYS_IN_WEEK - 1].yyyyMmDd);\n\t\t\taddDays(startOfWeek, 1);\n\t\t}\n\n\t\tif(col[NO_OF_DAYS_IN_WEEK - 1].dataValue !== undefined) {\n\t\t\taddDays(startOfWeek, 1);\n\t\t\tcols.push(this.getCol(startOfWeek, month, true));\n\t\t}\n\n\t\tdomainConfig.cols = cols;\n\n\t\treturn domainConfig;\n\t}\n\n\tgetCol(startDate, month, empty = false) {\n\t\tlet s = this.state;\n\n\t\t// startDate is the start of week\n\t\tlet currentDate = clone(startDate);\n\t\tlet col = [];\n\n\t\tfor(var i = 0; i < NO_OF_DAYS_IN_WEEK; i++, addDays(currentDate, 1)) {\n\t\t\tlet config = {};\n\n\t\t\t// Non-generic adjustment for entire heatmap, needs state\n\t\t\tlet currentDateWithinData = currentDate >= s.start && currentDate <= s.end;\n\n\t\t\tif(empty || currentDate.getMonth() !== month || !currentDateWithinData) {\n\t\t\t\tconfig.yyyyMmDd = getYyyyMmDd(currentDate);\n\t\t\t} else {\n\t\t\t\tconfig = this.getSubDomainConfig(currentDate);\n\t\t\t}\n\t\t\tcol.push(config);\n\t\t}\n\n\t\treturn col;\n\t}\n\n\tgetSubDomainConfig(date) {\n\t\tlet yyyyMmDd = getYyyyMmDd(date);\n\t\tlet dataValue = this.data.dataPoints[yyyyMmDd];\n\t\tlet config = {\n\t\t\tyyyyMmDd: yyyyMmDd,\n\t\t\tdataValue: dataValue || 0,\n\t\t\tfill: this.colors[getMaxCheckpoint(dataValue, this.state.distribution)]\n\t\t};\n\t\treturn config;\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { dataPrep, zeroDataPrep, getShortenedLabels } from '../utils/axis-chart-utils';\nimport { AXIS_LEGEND_BAR_SIZE } from '../utils/constants';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset, fire } from '../utils/dom';\nimport { calcChartIntervals, getIntervalSize, getValueRange, getZeroIndex, scale, getClosestInArray } from '../utils/intervals';\nimport { floatTwo } from '../utils/helpers';\nimport { makeOverlay, updateOverlay, legendBar } from '../utils/draw';\nimport { getTopOffset, getLeftOffset, MIN_BAR_PERCENT_HEIGHT, BAR_CHART_SPACE_RATIO,\n\tLINE_CHART_DOT_SIZE } from '../utils/constants';\n\nexport default class AxisChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\n\t\tthis.barOptions = args.barOptions || {};\n\t\tthis.lineOptions = args.lineOptions || {};\n\n\t\tthis.type = args.type || 'line';\n\t\tthis.init = 1;\n\n\t\tthis.setup();\n\t}\n\n\tsetMeasures() {\n\t\tif(this.data.datasets.length <= 1) {\n\t\t\tthis.config.showLegend = 0;\n\t\t\tthis.measures.paddings.bottom = 30;\n\t\t}\n\t}\n\n\tconfigure(options) {\n\t\tsuper.configure(options);\n\n\t\toptions.axisOptions = options.axisOptions || {};\n\t\toptions.tooltipOptions = options.tooltipOptions || {};\n\n\t\tthis.config.xAxisMode = options.axisOptions.xAxisMode || 'span';\n\t\tthis.config.yAxisMode = options.axisOptions.yAxisMode || 'span';\n\t\tthis.config.xIsSeries = options.axisOptions.xIsSeries || 0;\n\t\tthis.config.shortenYAxisNumbers = options.axisOptions.shortenYAxisNumbers || 0;\n\n\t\tthis.config.formatTooltipX = options.tooltipOptions.formatTooltipX;\n\t\tthis.config.formatTooltipY = options.tooltipOptions.formatTooltipY;\n\n\t\tthis.config.valuesOverPoints = options.valuesOverPoints;\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn dataPrep(data, this.type);\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn zeroDataPrep(data);\n\t}\n\n\tcalc(onlyWidthChange = false) {\n\t\tthis.calcXPositions();\n\t\tif(!onlyWidthChange) {\n\t\t\tthis.calcYAxisParameters(this.getAllYValues(), this.type === 'line');\n\t\t}\n\t\tthis.makeDataByIndex();\n\t}\n\n\tcalcXPositions() {\n\t\tlet s = this.state;\n\t\tlet labels = this.data.labels;\n\t\ts.datasetLength = labels.length;\n\n\t\ts.unitWidth = this.width/(s.datasetLength);\n\t\t// Default, as per bar, and mixed. Only line will be a special case\n\t\ts.xOffset = s.unitWidth/2;\n\n\t\t// // For a pure Line Chart\n\t\t// s.unitWidth = this.width/(s.datasetLength - 1);\n\t\t// s.xOffset = 0;\n\n\t\ts.xAxis = {\n\t\t\tlabels: labels,\n\t\t\tpositions: labels.map((d, i) =>\n\t\t\t\tfloatTwo(s.xOffset + i * s.unitWidth)\n\t\t\t)\n\t\t};\n\t}\n\n\tcalcYAxisParameters(dataValues, withMinimum = 'false') {\n\t\tconst yPts = calcChartIntervals(dataValues, withMinimum);\n\t\tconst scaleMultiplier = this.height / getValueRange(yPts);\n\t\tconst intervalHeight = getIntervalSize(yPts) * scaleMultiplier;\n\t\tconst zeroLine = this.height - (getZeroIndex(yPts) * intervalHeight);\n\n\t\tthis.state.yAxis = {\n\t\t\tlabels: yPts,\n\t\t\tpositions: yPts.map(d => zeroLine - d * scaleMultiplier),\n\t\t\tscaleMultiplier: scaleMultiplier,\n\t\t\tzeroLine: zeroLine,\n\t\t};\n\n\t\t// Dependent if above changes\n\t\tthis.calcDatasetPoints();\n\t\tthis.calcYExtremes();\n\t\tthis.calcYRegions();\n\t}\n\n\tcalcDatasetPoints() {\n\t\tlet s = this.state;\n\t\tlet scaleAll = values => values.map(val => scale(val, s.yAxis));\n\n\t\ts.datasets = this.data.datasets.map((d, i) => {\n\t\t\tlet values = d.values;\n\t\t\tlet cumulativeYs = d.cumulativeYs || [];\n\t\t\treturn {\n\t\t\t\tname: d.name,\n\t\t\t\tindex: i,\n\t\t\t\tchartType: d.chartType,\n\n\t\t\t\tvalues: values,\n\t\t\t\tyPositions: scaleAll(values),\n\n\t\t\t\tcumulativeYs: cumulativeYs,\n\t\t\t\tcumulativeYPos: scaleAll(cumulativeYs),\n\t\t\t};\n\t\t});\n\t}\n\n\tcalcYExtremes() {\n\t\tlet s = this.state;\n\t\tif(this.barOptions.stacked) {\n\t\t\ts.yExtremes = s.datasets[s.datasets.length - 1].cumulativeYPos;\n\t\t\treturn;\n\t\t}\n\t\ts.yExtremes = new Array(s.datasetLength).fill(9999);\n\t\ts.datasets.map(d => {\n\t\t\td.yPositions.map((pos, j) => {\n\t\t\t\tif(pos < s.yExtremes[j]) {\n\t\t\t\t\ts.yExtremes[j] = pos;\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n\n\tcalcYRegions() {\n\t\tlet s = this.state;\n\t\tif(this.data.yMarkers) {\n\t\t\tthis.state.yMarkers = this.data.yMarkers.map(d => {\n\t\t\t\td.position = scale(d.value, s.yAxis);\n\t\t\t\tif(!d.options) d.options = {};\n\t\t\t\t// if(!d.label.includes(':')) {\n\t\t\t\t// \td.label += ': ' + d.value;\n\t\t\t\t// }\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t\tif(this.data.yRegions) {\n\t\t\tthis.state.yRegions = this.data.yRegions.map(d => {\n\t\t\t\td.startPos = scale(d.start, s.yAxis);\n\t\t\t\td.endPos = scale(d.end, s.yAxis);\n\t\t\t\tif(!d.options) d.options = {};\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t}\n\n\tgetAllYValues() {\n\t\tlet key = 'values';\n\n\t\tif(this.barOptions.stacked) {\n\t\t\tkey = 'cumulativeYs';\n\t\t\tlet cumulative = new Array(this.state.datasetLength).fill(0);\n\t\t\tthis.data.datasets.map((d, i) => {\n\t\t\t\tlet values = this.data.datasets[i].values;\n\t\t\t\td[key] = cumulative = cumulative.map((c, i) => c + values[i]);\n\t\t\t});\n\t\t}\n\n\t\tlet allValueLists = this.data.datasets.map(d => d[key]);\n\t\tif(this.data.yMarkers) {\n\t\t\tallValueLists.push(this.data.yMarkers.map(d => d.value));\n\t\t}\n\t\tif(this.data.yRegions) {\n\t\t\tthis.data.yRegions.map(d => {\n\t\t\t\tallValueLists.push([d.end, d.start]);\n\t\t\t});\n\t\t}\n\n\t\treturn [].concat(...allValueLists);\n\t}\n\n\tsetupComponents() {\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'yAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.yAxisMode,\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tshortenNumbers: this.config.shortenYAxisNumbers\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'xAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.xAxisMode,\n\t\t\t\t\theight: this.height,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\ts.xAxis.calcLabels = getShortenedLabels(this.width,\n\t\t\t\t\t\ts.xAxis.labels, this.config.xIsSeries);\n\n\t\t\t\t\treturn s.xAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'yRegions',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yRegions;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\t\t];\n\n\t\tlet barDatasets = this.state.datasets.filter(d => d.chartType === 'bar');\n\t\tlet lineDatasets = this.state.datasets.filter(d => d.chartType === 'line');\n\n\t\tlet barsConfigs = barDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'barGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tstacked: this.barOptions.stacked,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t\tminHeight: this.height * MIN_BAR_PERCENT_HEIGHT,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\t\t\t\t\tlet stacked = this.barOptions.stacked;\n\n\t\t\t\t\tlet spaceRatio = this.barOptions.spaceRatio || BAR_CHART_SPACE_RATIO;\n\t\t\t\t\tlet barsWidth = s.unitWidth * (1 - spaceRatio);\n\t\t\t\t\tlet barWidth = barsWidth/(stacked ? 1 : barDatasets.length);\n\n\t\t\t\t\tlet xPositions = s.xAxis.positions.map(x => x - barsWidth/2);\n\t\t\t\t\tif(!stacked) {\n\t\t\t\t\t\txPositions = xPositions.map(p => p + barWidth * index);\n\t\t\t\t\t}\n\n\t\t\t\t\tlet labels = new Array(s.datasetLength).fill('');\n\t\t\t\t\tif(this.config.valuesOverPoints) {\n\t\t\t\t\t\tif(stacked && d.index === s.datasets.length - 1) {\n\t\t\t\t\t\t\tlabels = d.cumulativeYs;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tlabels = d.values;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tlet offsets = new Array(s.datasetLength).fill(0);\n\t\t\t\t\tif(stacked) {\n\t\t\t\t\t\toffsets = d.yPositions.map((y, j) => y - d.cumulativeYPos[j]);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: xPositions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\t\t\t\t\t\toffsets: offsets,\n\t\t\t\t\t\t// values: d.values,\n\t\t\t\t\t\tlabels: labels,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tbarsWidth: barsWidth,\n\t\t\t\t\t\tbarWidth: barWidth,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet lineConfigs = lineDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'lineGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tsvgDefs: this.svgDefs,\n\t\t\t\t\theatline: this.lineOptions.heatline,\n\t\t\t\t\tregionFill: this.lineOptions.regionFill,\n\t\t\t\t\thideDots: this.lineOptions.hideDots,\n\t\t\t\t\thideLine: this.lineOptions.hideLine,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\t\t\t\t\tlet minLine = s.yAxis.positions[0] < s.yAxis.zeroLine\n\t\t\t\t\t\t? s.yAxis.positions[0] : s.yAxis.zeroLine;\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: s.xAxis.positions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\n\t\t\t\t\t\tvalues: d.values,\n\n\t\t\t\t\t\tzeroLine: minLine,\n\t\t\t\t\t\tradius: this.lineOptions.dotSize || LINE_CHART_DOT_SIZE,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet markerConfigs = [\n\t\t\t[\n\t\t\t\t'yMarkers',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yMarkers;\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tcomponentConfigs = componentConfigs.concat(barsConfigs, lineConfigs, markerConfigs);\n\n\t\tlet optionals = ['yMarkers', 'yRegions'];\n\t\tthis.dataUnitComponents = [];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.filter(args => !optionals.includes(args[0]) || this.state[args[0]])\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\tif(args[0].includes('lineGraph') || args[0].includes('barGraph')) {\n\t\t\t\t\tthis.dataUnitComponents.push(component);\n\t\t\t\t}\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tmakeDataByIndex() {\n\t\tthis.dataByIndex = {};\n\n\t\tlet s = this.state;\n\t\tlet formatX = this.config.formatTooltipX;\n\t\tlet formatY = this.config.formatTooltipY;\n\t\tlet titles = s.xAxis.labels;\n\n\t\ttitles.map((label, index) => {\n\t\t\tlet values = this.state.datasets.map((set, i) => {\n\t\t\t\tlet value = set.values[index];\n\t\t\t\treturn {\n\t\t\t\t\ttitle: set.name,\n\t\t\t\t\tvalue: value,\n\t\t\t\t\tyPos: set.yPositions[index],\n\t\t\t\t\tcolor: this.colors[i],\n\t\t\t\t\tformatted: formatY ? formatY(value) : value,\n\t\t\t\t};\n\t\t\t});\n\n\t\t\tthis.dataByIndex[index] = {\n\t\t\t\tlabel: label,\n\t\t\t\tformattedLabel: formatX ? formatX(label) : label,\n\t\t\t\txPos: s.xAxis.positions[index],\n\t\t\t\tvalues: values,\n\t\t\t\tyExtreme: s.yExtremes[index],\n\t\t\t};\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\t// NOTE: could be in tooltip itself, as it is a given functionality for its parent\n\t\tthis.container.addEventListener('mousemove', (e) => {\n\t\t\tlet m = this.measures;\n\t\t\tlet o = getOffset(this.container);\n\t\t\tlet relX = e.pageX - o.left - getLeftOffset(m);\n\t\t\tlet relY = e.pageY - o.top;\n\n\t\t\tif(relY < this.height + getTopOffset(m)\n\t\t\t\t&& relY > getTopOffset(m)) {\n\t\t\t\tthis.mapTooltipXPosition(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.hideTip();\n\t\t\t}\n\t\t});\n\t}\n\n\tmapTooltipXPosition(relX) {\n\t\tlet s = this.state;\n\t\tif(!s.yExtremes) return;\n\n\t\tlet index = getClosestInArray(relX, s.xAxis.positions, true);\n\t\tlet dbi = this.dataByIndex[index];\n\n\t\tthis.tip.setValues(\n\t\t\tdbi.xPos + this.tip.offset.x,\n\t\t\tdbi.yExtreme + this.tip.offset.y,\n\t\t\t{name: dbi.formattedLabel, value: ''},\n\t\t\tdbi.values,\n\t\t\tindex\n\t\t);\n\n\t\tthis.tip.showTip();\n\t}\n\n\trenderLegend() {\n\t\tlet s = this.data;\n\t\tif(s.datasets.length > 1) {\n\t\t\tthis.legendArea.textContent = '';\n\t\t\ts.datasets.map((d, i) => {\n\t\t\t\tlet barWidth = AXIS_LEGEND_BAR_SIZE;\n\t\t\t\t// let rightEndPoint = this.baseWidth - this.measures.margins.left - this.measures.margins.right;\n\t\t\t\t// let multiplier = s.datasets.length - i;\n\t\t\t\tlet rect = legendBar(\n\t\t\t\t\t// rightEndPoint - multiplier * barWidth,\t// To right align\n\t\t\t\t\tbarWidth * i,\n\t\t\t\t\t'0',\n\t\t\t\t\tbarWidth,\n\t\t\t\t\tthis.colors[i],\n\t\t\t\t\td.name,\n\t\t\t\t\tthis.config.truncateLegends);\n\t\t\t\tthis.legendArea.appendChild(rect);\n\t\t\t});\n\t\t}\n\t}\n\n\n\n\t// Overlay\n\tmakeOverlay() {\n\t\tif(this.init) {\n\t\t\tthis.init = 0;\n\t\t\treturn;\n\t\t}\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\n\t\tthis.overlayGuides = this.dataUnitComponents.map(c => {\n\t\t\treturn {\n\t\t\t\ttype: c.unitType,\n\t\t\t\toverlay: undefined,\n\t\t\t\tunits: c.units,\n\t\t\t};\n\t\t});\n\n\t\tif(this.state.currentIndex === undefined) {\n\t\t\tthis.state.currentIndex = this.state.datasetLength - 1;\n\t\t}\n\n\t\t// Render overlays\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\n\t\t\td.overlay = makeOverlay[d.type](currentUnit);\n\t\t\tthis.drawArea.appendChild(d.overlay);\n\t\t});\n\t}\n\n\tupdateOverlayGuides() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\t}\n\n\tbindOverlay() {\n\t\tthis.parent.addEventListener('data-select', () => {\n\t\t\tthis.updateOverlay();\n\t\t});\n\t}\n\n\tbindUnits() {\n\t\tthis.dataUnitComponents.map(c => {\n\t\t\tc.units.map(unit => {\n\t\t\t\tunit.addEventListener('click', () => {\n\t\t\t\t\tlet index = unit.getAttribute('data-point-index');\n\t\t\t\t\tthis.setCurrentDataPoint(index);\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\n\t\t// Note: Doesn't work as tooltip is absolutely positioned\n\t\tthis.tip.container.addEventListener('click', () => {\n\t\t\tlet index = this.tip.container.getAttribute('data-point-index');\n\t\t\tthis.setCurrentDataPoint(index);\n\t\t});\n\t}\n\n\tupdateOverlay() {\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\tupdateOverlay[d.type](currentUnit, d.overlay);\n\t\t});\n\t}\n\n\tonLeftArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex - 1);\n\t}\n\n\tonRightArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex + 1);\n\t}\n\n\tgetDataPoint(index=this.state.currentIndex) {\n\t\tlet s = this.state;\n\t\tlet data_point = {\n\t\t\tindex: index,\n\t\t\tlabel: s.xAxis.labels[index],\n\t\t\tvalues: s.datasets.map(d => d.values[index])\n\t\t};\n\t\treturn data_point;\n\t}\n\n\tsetCurrentDataPoint(index) {\n\t\tlet s = this.state;\n\t\tindex = parseInt(index);\n\t\tif(index < 0) index = 0;\n\t\tif(index >= s.xAxis.labels.length) index = s.xAxis.labels.length - 1;\n\t\tif(index === s.currentIndex) return;\n\t\ts.currentIndex = index;\n\t\tfire(this.parent, \"data-select\", this.getDataPoint());\n\t}\n\n\n\n\t// API\n\taddDataPoint(label, datasetValues, index=this.state.datasetLength) {\n\t\tsuper.addDataPoint(label, datasetValues, index);\n\t\tthis.data.labels.splice(index, 0, label);\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\td.values.splice(index, 0, datasetValues[i]);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\tremoveDataPoint(index = this.state.datasetLength-1) {\n\t\tif (this.data.labels.length <= 1) {\n\t\t\treturn;\n\t\t}\n\t\tsuper.removeDataPoint(index);\n\t\tthis.data.labels.splice(index, 1);\n\t\tthis.data.datasets.map(d => {\n\t\t\td.values.splice(index, 1);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\tupdateDataset(datasetValues, index=0) {\n\t\tthis.data.datasets[index].values = datasetValues;\n\t\tthis.update(this.data);\n\t}\n\t// addDataset(dataset, index) {}\n\t// removeDataset(index = 0) {}\n\n\tupdateDatasets(datasets) {\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\tif(datasets[i]) {\n\t\t\t\td.values = datasets[i];\n\t\t\t}\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\t// updateDataPoint(dataPoint, index = 0) {}\n\t// addDataPoint(dataPoint, index = 0) {}\n\t// removeDataPoint(index = 0) {}\n}\n","import AggregationChart from './AggregationChart';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset } from '../utils/dom';\nimport { getPositionByAngle } from '../utils/helpers';\nimport { makeArcStrokePathStr, makeStrokeCircleStr } from '../utils/draw';\nimport { lightenDarkenColor } from '../utils/colors';\nimport { transform } from '../utils/animation';\nimport { FULL_ANGLE } from '../utils/constants';\n\nexport default class DonutChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'donut';\n\t\tthis.initTimeout = 0;\n\t\tthis.init = 1;\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\t\tthis.mouseMove = this.mouseMove.bind(this);\n\t\tthis.mouseLeave = this.mouseLeave.bind(this);\n\n\t\tthis.hoverRadio = args.hoverRadio || 0.1;\n\t\tthis.config.startAngle = args.startAngle || 0;\n\n\t\tthis.clockWise = args.clockWise || false;\n\t\tthis.strokeWidth = args.strokeWidth || 30;\n\t}\n\n\tcalc() {\n\t\tsuper.calc();\n\t\tlet s = this.state;\n\t\tthis.radius =\n\t\t\tthis.height > this.width\n\t\t\t\t? this.center.x - this.strokeWidth / 2\n\t\t\t\t: this.center.y - this.strokeWidth / 2;\n\n\t\tconst { radius, clockWise } = this;\n\n\t\tconst prevSlicesProperties = s.slicesProperties || [];\n\t\ts.sliceStrings = [];\n\t\ts.slicesProperties = [];\n\t\tlet curAngle = 180 - this.config.startAngle;\n\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tconst startAngle = curAngle;\n\t\t\tconst originDiffAngle = (total / s.grandTotal) * FULL_ANGLE;\n\t\t\tconst largeArc = originDiffAngle > 180 ? 1: 0;\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\n\t\t\tconst startPosition = getPositionByAngle(startAngle, radius);\n\t\t\tconst endPosition = getPositionByAngle(endAngle, radius);\n\n\t\t\tconst prevProperty = this.init && prevSlicesProperties[i];\n\n\t\t\tlet curStart,curEnd;\n\t\t\tif(this.init) {\n\t\t\t\tcurStart = prevProperty ? prevProperty.startPosition : startPosition;\n\t\t\t\tcurEnd = prevProperty ? prevProperty.endPosition : startPosition;\n\t\t\t} else {\n\t\t\t\tcurStart = startPosition;\n\t\t\t\tcurEnd = endPosition;\n\t\t\t}\n\t\t\tconst curPath =\n\t\t\t\toriginDiffAngle === 360\n\t\t\t\t\t? makeStrokeCircleStr(curStart, curEnd, this.center, this.radius, this.clockWise, largeArc)\n\t\t\t\t\t: makeArcStrokePathStr(curStart, curEnd, this.center, this.radius, this.clockWise, largeArc);\n\n\t\t\ts.sliceStrings.push(curPath);\n\t\t\ts.slicesProperties.push({\n\t\t\t\tstartPosition,\n\t\t\t\tendPosition,\n\t\t\t\tvalue: total,\n\t\t\t\ttotal: s.grandTotal,\n\t\t\t\tstartAngle,\n\t\t\t\tendAngle,\n\t\t\t\tangle: diffAngle\n\t\t\t});\n\n\t\t});\n\t\tthis.init = 0;\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'donutSlices',\n\t\t\t\t{ },\n\t\t\t\tfunction() {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tsliceStrings: s.sliceStrings,\n\t\t\t\t\t\tcolors: this.colors,\n\t\t\t\t\t\tstrokeWidth: this.strokeWidth,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tcalTranslateByAngle(property){\n\t\tconst{ radius, hoverRadio } = this;\n\t\tconst position = getPositionByAngle(property.startAngle+(property.angle / 2),radius);\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\n\t}\n\n\thoverSlice(path,i,flag,e){\n\t\tif(!path) return;\n\t\tconst color = this.colors[i];\n\t\tif(flag) {\n\t\t\ttransform(path, this.calTranslateByAngle(this.state.slicesProperties[i]));\n\t\t\tpath.style.stroke = lightenDarkenColor(color, 50);\n\t\t\tlet g_off = getOffset(this.svg);\n\t\t\tlet x = e.pageX - g_off.left + 10;\n\t\t\tlet y = e.pageY - g_off.top - 10;\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t\t? this.formatted_labels[i] : this.state.labels[i]) + ': ';\n\t\t\tlet percent = (this.state.sliceTotals[i] * 100 / this.state.grandTotal).toFixed(1);\n\t\t\tthis.tip.setValues(x, y, {name: title, value: percent + \"%\"});\n\t\t\tthis.tip.showTip();\n\t\t} else {\n\t\t\ttransform(path,'translate3d(0,0,0)');\n\t\t\tthis.tip.hideTip();\n\t\t\tpath.style.stroke = color;\n\t\t}\n\t}\n\n\tbindTooltip() {\n\t\tthis.container.addEventListener('mousemove', this.mouseMove);\n\t\tthis.container.addEventListener('mouseleave', this.mouseLeave);\n\t}\n\n\tmouseMove(e){\n\t\tconst target = e.target;\n\t\tlet slices = this.components.get('donutSlices').store;\n\t\tlet prevIndex = this.curActiveSliceIndex;\n\t\tlet prevAcitve = this.curActiveSlice;\n\t\tif(slices.includes(target)) {\n\t\t\tlet i = slices.indexOf(target);\n\t\t\tthis.hoverSlice(prevAcitve, prevIndex,false);\n\t\t\tthis.curActiveSlice = target;\n\t\t\tthis.curActiveSliceIndex = i;\n\t\t\tthis.hoverSlice(target, i, true, e);\n\t\t} else {\n\t\t\tthis.mouseLeave();\n\t\t}\n\t}\n\n\tmouseLeave(){\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\n\t}\n}\n"],"names":["styleInject","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","$","expr","con","querySelector","getOffset","element","rect","getBoundingClientRect","top","documentElement","scrollTop","body","left","scrollLeft","isElementInViewport","el","bottom","window","innerHeight","clientHeight","right","innerWidth","clientWidth","getElementContentWidth","styles","getComputedStyle","padding","parseFloat","paddingLeft","paddingRight","fire","target","properties","evt","createEvent","initEvent","j","dispatchEvent","getTopOffset","m","titleHeight","margins","paddings","getLeftOffset","getExtraHeight","legendHeight","getExtraWidth","floatTwo","d","toFixed","fillArray","array","count","start","length","fillerArray","Array","Math","abs","fill","concat","getStringWidth","string","charWidth","getPositionByAngle","angle","radius","sin","ANGLE_RATIO","cos","getBarHeightAndYAttr","yTop","zeroLine","height","y","equilizeNoOfElements","array1","array2","extraCount","truncateString","txt","len","slice","shortenLargeNumber","label","number","Number","isNaN","p","floor","log10","l","shortened","pow","round","limitColor","r","lightenDarkenColor","color","amt","col","getColor","usePound","num","parseInt","b","g","toString","isValidColor","test","createSVG","tag","o","createElementNS","i","val","parentNode","keys","map","prop","setAttribute","renderVerticalGradient","svgDefElem","gradientId","setGradientStop","gradElem","offset","opacity","makeSVGContainer","parent","className","width","makeSVGDefs","svgContainer","makeSVGGroup","transform","undefined","args","inside","makePath","pathStr","makeArcPathStr","startPosition","endPosition","center","clockWise","largeArc","arcStartX","x","arcStartY","arcEndX","arcEndY","makeCircleStr","midArc","makeArcStrokePathStr","makeStrokeCircleStr","makeGradient","lighter","gradientDef","opacities","percentageBar","depth","PERCENTAGE_BAR_DEFAULT_DEPTH","heatSquare","size","data","key","legendBar","LABEL_MAX_CHARS","text","FONT_SIZE","FONT_FILL","group","legendDot","makeText","content","options","fontSize","dy","textAnchor","makeVertLine","y1","y2","stroke","BASE_LINE_COLOR","LABEL_MARGIN","line","makeHoriLine","x1","x2","lineType","shortenNumbers","yLine","pos","mode","AXIS_TICK_LENGTH","xLine","yMarker","labelPos","labelSvg","yRegion","region","datasetBar","index","meta","minHeight","datasetDot","dot","getPaths","xList","yList","pointsStr","join","path","heatline","gradient_id","svgDefs","paths","regionFill","gradient_id_region","translate","unit","oldCoord","newCoord","duration","old","STD_EASING","translateVertLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","animateBar","bar","nodeName","UNIT_ANIM_DUR","split","animateDot","cx","cy","animatePath","newXList","newYList","pathComponents","animPath","PATH_ANIM_DUR","push","regStartPt","regEndPt","animRegion","animatePathStr","oldPath","animateSVGElement","props","dur","easingType","oldValues","animElement","cloneNode","newElement","attributeName","animateElement","currentValue","value","animAttr","EASING","webkitTransform","msTransform","mozTransform","oTransform","animateSVG","elements","newElements","animElements","replaceChild","animSvg","runSMILAnimation","svgElement","elementsToAnimate","animSvgElement","removeChild","REPLACE_ALL_NEW_DUR","downloadFile","filename","a","blob","Blob","url","URL","createObjectURL","href","download","click","revokeObjectURL","prepareForExport","svg","clone","classList","add","styleEl","create","CSSTEXT","container","innerHTML","treatAsUtc","date","result","Date","setMinutes","getMinutes","getTimezoneOffset","getYyyyMmDd","dd","getDate","mm","getMonth","getFullYear","getTime","getWeeksBetween","startDate","endDate","weekStartDate","setDayToSunday","ceil","getDaysBetween","NO_OF_DAYS_IN_WEEK","millisecondsPerDay","SEC_IN_DAY","NO_OF_MILLIS","areInSameMonth","getMonthName","short","monthName","MONTH_NAMES","getLastDateInMonth","month","year","newDate","day","getDay","addDays","numberOfDays","setDate","getComponent","name","constants","getData","Object","componentConfigs","filter","includes","k","config","assign","ChartComponent","normalize","mantissa","exponent","sig","isFinite","exp","getChartRangeIntervals","max","min","upperBound","lowerBound","range","noOfParts","partSize","intervals","getChartIntervals","maxValue","minValue","normalMaxValue","normalMinValue","calcChartIntervals","values","getPositiveFirstIntervals","absMinValue","intervalSize","unshift","withMinimum","pseudoMaxValue","pseudoMinValue","reverse","getZeroIndex","yPts","interval","getIntervalSize","indexOf","orderedArray","getValueRange","scale","yAxis","scaleMultiplier","getClosestInArray","goal","arr","closest","reduce","prev","curr","calcDistribution","distributionSize","dataMaxValue","distributionStep","distribution","checkpoint","getMaxCheckpoint","dataPrep","labels","datasetLength","datasets","zeroArray","vals","chartType","AXIS_DATASET_CHART_TYPES","yRegions","end","zeroDataPrep","realData","zeroData","yMarkers","getShortenedLabels","chartWidth","isSeries","allowedSpace","allowedLetters","DEFAULT_CHAR_WIDTH","getChartByType","AxisChart","chartTypes","error","BASE_MEASURES","INIT_CHART_UPDATE_TIMEOUT","CHART_POST_ANIMATE_TIMEOUT","DEFAULT_AXIS_CHART_TYPE","AXIS_LEGEND_BAR_SIZE","BAR_CHART_SPACE_RATIO","MIN_BAR_PERCENT_HEIGHT","LINE_CHART_DOT_SIZE","DOT_OVERLAY_SIZE_INCR","PERCENTAGE_BAR_DEFAULT_HEIGHT","HEATMAP_DISTRIBUTION_SIZE","HEATMAP_SQUARE_SIZE","HEATMAP_GUTTER_SIZE","TOOLTIP_POINTER_TRIANGLE_HEIGHT","DEFAULT_CHART_COLORS","HEATMAP_COLORS_GREEN","DEFAULT_COLORS","PI","FULL_ANGLE","SvgTip","colors","titleName","titleValue","listValues","titleValueFirst","setup","makeTooltip","calcPosition","this","hideTip","title","dataPointList","addEventListener","set","_this2","formatted","li","offsetWidth","offsetHeight","maxLeft","pointer","pointerOffset","valueFirst","refresh","PRESET_COLOR_MAP","makeOverlay","transformValue","overlay","updateOverlay","attributes","attr","specified","nodeValue","BOUND_DRAW_FN","BaseChart","HTMLElement","Error","rawChartArgs","prepareData","prepareFirstData","validateColors","isNavigable","truncateLegends","measures","JSON","parse","stringify","setMeasures","showLegend","argHeight","baseHeight","state","initTimeout","overlays","configure","validColors","forEach","warn","boundDrawFn","bind","draw","removeEventListener","makeContainer","updateWidth","independentWidth","tip","bindTooltip","onlyWidthChange","init","calc","makeChartArea","setupComponents","components","c","_this","drawArea","render","update","renderLegend","setupNavigation","baseWidth","titleEL","titleFontSize","legendArea","updateTipOffset","Map","animate","make","updateNav","bindUnits","bindOverlay","keyActions","onEnterKey","onLeftArrow","onUpArrow","onRightArrow","onDownArrow","e","_this3","event","keyCode","chartSvg","AggregationChart","maxSlices","maxLegendPoints","s","sliceTotals","allTotals","total","totals","sort","sumOfRemaining","grandTotal","textContent","legendTotals","barWidth","divisor","NO_OF_YEAR_MONTHS","DAY_NAMES_SHORT","layerClass","layerTransform","makeElements","animateElements","store","layer","oldData","sliceStrings","strokeWidth","transition","newData","xPositions","widths","barHeight","barDepth","positions","position","newPos","newLabels","oldPos","oldLabels","calcLabels","_this4","_this5","newOptions","startPos","endPos","_this6","newStarts","oldStarts","colWidth","rowHeight","squareSize","xTranslate","serializedSubDomains","cols","week","weekNo","toUpperCase","yyyyMmDd","dataValue","square","unitType","units","yPositions","offsets","barsWidth","newXPos","newYPos","newOffsets","oldXPos","oldYPos","oldOffsets","hideLine","hideDots","valuesOverPoints","newValues","PercentageChart","barOptions","component","xPos","bars","get","gOff","pOff","formattedLabels","fraction","setValues","showTip","PieChart","mouseMove","mouseLeave","hoverRadio","startAngle","prevSlicesProperties","slicesProperties","curAngle","originDiffAngle","diffAngle","endAngle","prevProperty","curStart","curEnd","curPath","property","flag","calTranslateByAngle","g_off","pageX","pageY","formatted_labels","percent","slices","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","COL_WIDTH","ROW_HEIGHT","Heatmap","countLabel","validStarts","startSubDomain","startSubDomainIndex","discreteDomains","spacing","noOfWeeks","setFullYear","dataPoints","points","timestampSec","firstWeekStart","domainConfigs","getDomains","lessCol","dayName","dayText","daySquares","comp","daySquare","dateParts","lessText","moreText","startMonth","startYear","noOfMonths","startOfMonth","getDomainConfig","startOfWeek","domainConfig","noOfMonthWeeks","getCol","empty","currentDate","currentDateWithinData","getSubDomainConfig","lineOptions","axisOptions","tooltipOptions","xAxisMode","yAxisMode","xIsSeries","shortenYAxisNumbers","formatTooltipX","formatTooltipY","calcXPositions","calcYAxisParameters","getAllYValues","makeDataByIndex","unitWidth","xOffset","xAxis","dataValues","intervalHeight","calcDatasetPoints","calcYExtremes","calcYRegions","scaleAll","cumulativeYs","stacked","yExtremes","cumulativeYPos","cumulative","allValueLists","barDatasets","lineDatasets","barsConfigs","spaceRatio","lineConfigs","minLine","dotSize","markerConfigs","optionals","dataUnitComponents","dataByIndex","formatX","formatY","relX","relY","mapTooltipXPosition","dbi","yExtreme","formattedLabel","overlayGuides","currentIndex","currentUnit","_this7","setCurrentDataPoint","_this9","_this10","getDataPoint","datasetValues","splice","DonutChart","Chart"],"mappings":"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"} \ No newline at end of file diff --git a/dist/frappe-charts.min.iife.js b/dist/frappe-charts.min.iife.js deleted file mode 100644 index e6e9340..0000000 --- a/dist/frappe-charts.min.iife.js +++ /dev/null @@ -1,2 +0,0 @@ -var frappe=function(){"use strict";function t(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function e(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function i(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function n(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function a(t,e,i){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0);for(var a in i)n[a]=i[a];return t.dispatchEvent(n)}function s(t){return t.titleHeight+t.margins.top+t.paddings.top}function r(t){return t.margins.left+t.paddings.left}function o(t){return t.margins.top+t.margins.bottom+t.paddings.top+t.paddings.bottom+t.titleHeight+t.legendHeight}function l(t){return t.margins.left+t.margins.right+t.paddings.left+t.paddings.right}function u(t){return parseFloat(t.toFixed(2))}function h(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=n?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(i);return t=n?a.concat(t):t.concat(a)}function c(t,e){return(t+"").length*e}function d(t,e){return{x:Math.sin(t*Xt)*e,y:Math.cos(t*Xt)*e}}function p(t,e){var i=void 0,n=void 0;return t<=e?(i=e-t,n=t):(i=t-e,n=e),[i,n]}function f(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=h(t,i):e=h(e,i),[t,e]}function v(t,e){if(t)return t.length>e?t.slice(0,e-3)+"...":t}function g(t){var e=void 0;if("number"==typeof t)e=t;else if("string"==typeof t&&(e=Number(t),Number.isNaN(e)))return t;var i=Math.floor(Math.log10(Math.abs(e)));if(i<=2)return e;var n=Math.floor(i/3),a=Math.pow(10,i-3*n)*+(e/Math.pow(10,i)).toFixed(1);return Math.round(100*a)/100+" "+["","K","M","B","T"][n]}function y(t){return t>255?255:t<0?0:t}function m(t,e){var i=$t(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),s=y((a>>16)+e),r=y((a>>8&255)+e),o=y((255&a)+e);return(n?"#":"")+(o|r<<8|s<<16).toString(16)}function b(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function x(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function k(t,e){var i=document.createElementNS("http://www.w3.org/2000/svg",t);for(var n in e){var a=e[n];if("inside"===n)x(a).appendChild(i);else if("around"===n){var s=x(a);s.parentNode.insertBefore(i,s),i.appendChild(s)}else"styles"===n?"object"===(void 0===a?"undefined":Et(a))&&Object.keys(a).map(function(t){i.style[t]=a[t]}):("className"===n&&(n="class"),"innerHTML"===n?i.textContent=a:i.setAttribute(n,a))}return i}function w(t,e){return k("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function A(t,e,i,n){return k("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function P(t,e,i,n){return k("svg",{className:e,inside:t,width:i,height:n})}function L(t){return k("defs",{inside:t})}function T(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0,n={className:t,transform:e};return i&&(n.inside=i),k("g",n)}function C(t){return k("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none","stroke-width":arguments.length>4&&void 0!==arguments[4]?arguments[4]:2}})}function O(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=i.x+t.x,o=i.y+t.y,l=i.x+e.x,u=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+r+" "+o+"\n\t\tA "+n+" "+n+" 0 "+s+" "+(a?1:0)+"\n\t\t"+l+" "+u+" z"}function M(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=i.x+t.x,o=i.y+t.y,l=i.x+e.x,u=2*i.y,h=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+r+" "+o+"\n\t\tA "+n+" "+n+" 0 "+s+" "+(a?1:0)+"\n\t\t"+l+" "+u+" z\n\t\tL"+r+" "+u+"\n\t\tA "+n+" "+n+" 0 "+s+" "+(a?1:0)+"\n\t\t"+l+" "+h+" z"}function D(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=i.x+t.x,o=i.y+t.y,l=i.x+e.x,u=i.y+e.y;return"M"+r+" "+o+"\n\t\tA "+n+" "+n+" 0 "+s+" "+(a?1:0)+"\n\t\t"+l+" "+u}function N(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=i.x+t.x,o=i.y+t.y,l=i.x+e.x,u=2*n+o,h=i.y+t.y;return"M"+r+" "+o+"\n\t\tA "+n+" "+n+" 0 "+s+" "+(a?1:0)+"\n\t\t"+l+" "+u+"\n\t\tM"+r+" "+u+"\n\t\tA "+n+" "+n+" 0 "+s+" "+(a?1:0)+"\n\t\t"+l+" "+h}function S(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),a=w(t,n),s=[1,.6,.2];return i&&(s=[.4,.2,0]),A(a,"0%",e,s[0]),A(a,"50%",e,s[1]),A(a,"100%",e,s[2]),n}function E(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:Vt,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:"none";return k("rect",{className:"percentage-bar",x:t,y:e,width:i,height:n,fill:s,styles:{stroke:m(s,-25),"stroke-dasharray":"0, "+(n+i)+", "+i+", "+n,"stroke-width":a}})}function _(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r={className:t,x:e,y:i,width:n,height:n,fill:a};return Object.keys(s).map(function(t){r[t]=s[t]}),k("rect",r)}function z(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none",a=arguments[4];a=arguments.length>5&&void 0!==arguments[5]&&arguments[5]?v(a,te):a;var s={className:"legend-bar",x:0,y:0,width:i,height:"2px",fill:n},r=k("text",{className:"legend-dataset-text",x:0,y:0,dy:2*ee+"px","font-size":1.2*ee+"px","text-anchor":"start",fill:ne,innerHTML:a}),o=k("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(k("rect",s)),o.appendChild(r),o}function W(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none",a=arguments[4],s={className:"legend-dot",cx:0,cy:0,r:i,fill:n},r=k("text",{className:"legend-dataset-text",x:0,y:0,dx:ee+"px",dy:ee/3+"px","font-size":1.2*ee+"px","text-anchor":"start",fill:ne,innerHTML:a}),o=k("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(k("circle",s)),o.appendChild(r),o}function H(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},s=a.fontSize||ee;return k("text",{className:t,x:e,y:i,dy:(void 0!==a.dy?a.dy:s/2)+"px","font-size":s+"px",fill:a.fill||ne,"text-anchor":a.textAnchor||"start",innerHTML:n})}function j(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=ie);var s=k("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),r=k("text",{x:0,y:i>n?i+Zt:i-Zt-ee,dy:ee+"px","font-size":ee+"px","text-anchor":"middle",innerHTML:e+""}),o=k("g",{transform:"translate("+t+", 0)"});return o.appendChild(s),o.appendChild(r),o}function F(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=ie),a.lineType||(a.lineType=""),a.shortenNumbers&&(e=g(e));var s=k("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:0,y2:0,styles:{stroke:a.stroke}}),r=k("text",{x:i3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="left"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=ie),n.className||(n.className="");var a=-1*Qt,s="span"===n.mode?i+Qt:0;return"tick"===n.mode&&"right"===n.pos&&(a=i+Qt,s=i),a+=n.offset,s+=n.offset,F(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType,shortenNumbers:n.shortenNumbers})}function R(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="bottom"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=ie),n.className||(n.className="");var a=i+Qt,s="span"===n.mode?-1*Qt:i;return"tick"===n.mode&&"top"===n.pos&&(a=-1*Qt,s=0),j(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function Y(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};n.labelPos||(n.labelPos="right");var a=k("text",{className:"chart-label",x:"left"===n.labelPos?Zt:i-c(e,5)-Zt,y:0,dy:ee/-2+"px","font-size":ee+"px","text-anchor":"start",innerHTML:e+""}),s=F(t,"",0,i,{stroke:n.stroke||ie,className:n.className||"",lineType:n.lineType});return s.appendChild(a),s}function B(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},s=t-e,r=k("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:ie,"stroke-dasharray":i+", "+s},x:0,y:0,width:i,height:s});a.labelPos||(a.labelPos="right");var o=k("text",{className:"chart-label",x:"left"===a.labelPos?Zt:i-c(n+"",4.5)-Zt,y:0,dy:ee/-2+"px","font-size":ee+"px","text-anchor":"start",innerHTML:n+""}),l=k("g",{transform:"translate(0, "+e+")"});return l.appendChild(r),l.appendChild(o),l}function V(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=p(e,o.zeroLine),u=Ft(l,2),h=u[0],c=u[1];c-=r,0===h&&(h=o.minHeight,c-=o.minHeight);var d=k("rect",{className:"bar mini",style:"fill: "+n,"data-point-index":s,x:t,y:c,width:i,height:h});if((a+="")||a.length){d.setAttribute("y",0),d.setAttribute("x",0);var f=k("text",{className:"data-point-value",x:i/2,y:0,dy:ee/2*-1+"px","font-size":ee+"px","text-anchor":"middle",innerHTML:a}),v=k("g",{"data-point-index":s,transform:"translate("+t+", "+c+")"});return v.appendChild(d),v.appendChild(f),v}return d}function U(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=k("circle",{style:"fill: "+n,"data-point-index":s,cx:t,cy:e,r:i});if((a+="")||a.length){r.setAttribute("cy",0),r.setAttribute("cx",0);var o=k("text",{className:"data-point-value",x:0,y:0,dy:ee/2*-1-i+"px","font-size":ee+"px","text-anchor":"middle",innerHTML:a}),l=k("g",{"data-point-index":s,transform:"translate("+t+", "+e+")"});return l.appendChild(r),l.appendChild(o),l}return r}function G(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},s=e.map(function(e,i){return t[i]+","+e}).join("L"),r=C("M"+s,"line-graph-path",i);if(n.heatline){var o=S(a.svgDefs,i);r.style.stroke="url(#"+o+")"}var l={path:r};if(n.regionFill){var u=S(a.svgDefs,i,!0),h="M"+t[0]+","+a.zeroLine+"L"+s+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=C(h,"region-fill","none","url(#"+u+")")}return l}function q(t,e,i,n){var a="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},n,he,"translate",{transform:a}]}function X(t,e,i){return q(t,[i,0],[e,0],le)}function J(t,e,i){return q(t,[0,i],[0,e],le)}function K(t,e,i,n){var a=e-i,s=t.childNodes[0];return[[s,{height:a,"stroke-dasharray":s.getAttribute("width")+", "+a},le,he],q(t,[0,n],[0,i],le)]}function $(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=p(i,(arguments.length>5&&void 0!==arguments[5]?arguments[5]:{}).zeroLine),r=Ft(s,2),o=r[0],l=r[1];return l-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width:n,height:o},re,he],q(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],le)]:[[t,{width:n,height:o,x:e,y:l},re,he]]}function Q(t,e,i){return"circle"!==t.nodeName?[q(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],le)]:[[t,{cx:e,cy:i},re,he]]}function Z(t,e,i,n){var a=[],s=i.map(function(t,i){return e[i]+","+t}).join("L"),r=[t.path,{d:"M"+s},oe,he];if(a.push(r),t.region){var o=e[0]+","+n+"L",l="L"+e.slice(-1)[0]+", "+n,u=[t.region,{d:"M"+o+s+l},oe,he];a.push(u)}return a}function tt(t,e){return[t,{d:e},re,he]}function et(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var u=void 0;u="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var h=s[l]||t.getAttribute(l),c=e[l],d={attributeName:l,from:h,to:c,begin:"0s",dur:i/1e3+"s",values:h+";"+c,keySplines:ce[n],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};a&&(d.type=a);for(var p in d)u.setAttribute(p,d[p]);r.appendChild(u),a?o.setAttribute(l,"translate("+c+")"):o.setAttribute(l,c)}return[r,o]}function it(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function nt(t,e){var i=[],n=[];e.map(function(t){var e=t[0],a=e.parentNode,s=void 0,r=void 0;t[0]=e;var o=et.apply(void 0,It(t)),l=Ft(o,2);s=l[0],r=l[1],i.push(r),n.push([s,a]),a.replaceChild(s,e)});var a=t.cloneNode(!0);return n.map(function(t,n){t[1].replaceChild(i[n],t[0]),e[n][0]=i[n]}),a}function at(t,e,i){if(0!==i.length){var n=nt(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},ue)}}function st(t,e){var i=document.createElement("a");i.style="display: none";var n=new Blob(e,{type:"image/svg+xml; charset=utf-8"}),a=window.URL.createObjectURL(n);i.href=a,i.download=t,document.body.appendChild(i),i.click(),setTimeout(function(){document.body.removeChild(i),window.URL.revokeObjectURL(a)},300)}function rt(e){var i=e.cloneNode(!0);i.classList.add("chart-container"),i.setAttribute("xmlns","http://www.w3.org/2000/svg"),i.setAttribute("xmlns:xlink","http://www.w3.org/1999/xlink");var n=t.create("style",{innerHTML:de});i.insertBefore(n,i.firstChild);var a=t.create("div");return a.appendChild(i),a.innerHTML}function ot(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function lt(t){var e=t.getDate(),i=t.getMonth()+1;return[t.getFullYear(),(i>9?"":"0")+i,(e>9?"":"0")+e].join("-")}function ut(t){return new Date(t.getTime())}function ht(t,e){var i=vt(t);return Math.ceil(ct(i,e)/ge)}function ct(t,e){var i=me*ye;return(ot(e)-ot(t))/i}function dt(t,e){return t.getMonth()===e.getMonth()&&t.getFullYear()===e.getFullYear()}function pt(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=be[t];return e?i.slice(0,3):i}function ft(t,e){return new Date(e,t+1,0)}function vt(t){var e=ut(t),i=e.getDay();return 0!==i&>(e,-1*i),e}function gt(t,e){t.setDate(t.getDate()+e)}function yt(t,e,i){var n=Object.keys(we).filter(function(e){return t.includes(e)}),a=we[n[0]];return Object.assign(a,{constants:e,getData:i}),new ke(a)}function mt(t){if(0===t)return[0,0];if(isNaN(t))return{mantissa:-6755399441055744,exponent:972};var e=t>0?1:-1;if(!isFinite(t))return{mantissa:4503599627370496*e,exponent:972};t=Math.abs(t);var i=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,i)),i]}function bt(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Math.ceil(t),n=Math.floor(e),a=i-n,s=a,r=1;a>5&&(a%2!=0&&(a=++i-n),s=a/2,r=2),a<=2&&(r=a/(s=4)),0===a&&(s=5,r=1);for(var o=[],l=0;l<=s;l++)o.push(n+r*l);return o}function xt(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=mt(t),n=Ft(i,2),a=n[0],s=n[1],r=e?e/Math.pow(10,s):0,o=bt(a=a.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function kt(t){function e(t,e){for(var i=xt(t),n=i[1]-i[0],a=0,s=1;a1&&void 0!==arguments[1]&&arguments[1],n=Math.max.apply(Math,It(t)),a=Math.min.apply(Math,It(t)),s=[];if(n>=0&&a>=0)mt(n)[1],s=i?xt(n,a):xt(n);else if(n>0&&a<0){var r=Math.abs(a);n>=r?(mt(n)[1],s=e(n,r)):(mt(r)[1],s=e(r,n).map(function(t){return-1*t}))}else if(n<=0&&a<=0){var o=Math.abs(a),l=Math.abs(n);mt(o)[1],s=(s=i?xt(o,l):xt(o)).reverse().map(function(t){return-1*t})}return s}function wt(t){var e=At(t);return t.indexOf(0)>=0?t.indexOf(0):t[0]>0?-1*t[0]/e:-1*t[t.length-1]/e+(t.length-1)}function At(t){return t[1]-t[0]}function Pt(t){return t[t.length-1]-t[0]}function Lt(t,e){return u(e.zeroLine-t*e.scaleMultiplier)}function Tt(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n=e.reduce(function(e,i){return Math.abs(i-t)i?n.slice(0,i):h(n,i-n.length,0)}else t.values=a;t.chartType||(Bt.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=t/e.length;n<=0&&(n=1);var a=n/Ut;return e.map(function(t,e){return(t+="").length>a&&(i?e%Math.ceil(t.length/a)!=0&&(t=""):t=a-3>0?t.slice(0,a-3)+" ...":t.slice(0,a)+".."),t})}function St(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"axis-mixed"===t?(i.type="line",new Te(e,i)):Oe[t]?new Oe[t](e,i):void console.error("Undefined chart type: "+t)}!function(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===i&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}}('.chart-container{position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .legend-dataset-text{fill:#6c7680;font-weight:600}.graph-svg-tip{position:absolute;z-index:99999;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.graph-svg-tip ol,.graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}');var Et="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},_t=(function(){function t(t){this.value=t}function e(e){function i(t,e){return new Promise(function(i,a){var o={key:t,arg:e,resolve:i,reject:a,next:null};r?r=r.next=o:(s=r=o,n(t,e))})}function n(i,s){try{var r=e[i](s),o=r.value;o instanceof t?Promise.resolve(o.value).then(function(t){n("next",t)},function(t){n("throw",t)}):a(r.done?"return":"normal",r.value)}catch(t){a("throw",t)}}function a(t,e){switch(t){case"return":s.resolve({value:e,done:!0});break;case"throw":s.reject(e);break;default:s.resolve({value:e,done:!1})}(s=s.next)?n(s.key,s.arg):r=null}var s,r;this._invoke=i,"function"!=typeof e.return&&(this.return=void 0)}"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)}}(),function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}),zt=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
            \n\t\t\t\t
            '}),this.hideTip(),this.title=this.container.querySelector(".title"),this.dataPointList=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){e.hideTip()})}},{key:"fill",value:function(){var e=this,i=void 0;this.index&&this.container.setAttribute("data-point-index",this.index),i=this.titleValueFirst?""+this.titleValue+""+this.titleName:this.titleName+""+this.titleValue+"",this.title.innerHTML=i,this.dataPointList.innerHTML="",this.listValues.map(function(i,n){var a=e.colors[n]||"black",s=0===i.formatted||i.formatted?i.formatted:i.value,r=t.create("li",{styles:{"border-top":"3px solid "+a},innerHTML:''+(0===s||s?s:"")+"\n\t\t\t\t\t"+(i.title?i.title:"")});e.dataPointList.appendChild(r)})}},{key:"calcPosition",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight-5,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,i=this.container.querySelector(".svg-pointer");if(this.left<0)i.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var n="calc(50% + "+(this.left-e)+"px)";i.style.left=n,this.left=e}else i.style.left="50%"}},{key:"setValues",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:-1;this.titleName=i.name,this.titleValue=i.value,this.listValues=n,this.x=t,this.y=e,this.titleValueFirst=i.valueFirst||0,this.index=a,this.refresh()}},{key:"hideTip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"showTip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),e}(),Kt={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},$t=function(t){return Kt[t]||t},Qt=6,Zt=4,te=15,ee=10,ie="#dadada",ne="#555b51",ae={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),n=t.getAttribute("r"),a=t.getAttribute("fill");return i.setAttribute("r",parseInt(n)+4),i.setAttribute("fill",a),i.style.opacity="0.6",e&&i.setAttribute("transform",e),i},heat_square:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),n=t.getAttribute("r"),a=t.getAttribute("fill");return i.setAttribute("r",parseInt(n)+4),i.setAttribute("fill",a),i.style.opacity="0.6",e&&i.setAttribute("transform",e),i}},se={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["cx","cy"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},heat_square:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["cx","cy"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},re=350,oe=350,le=re,ue=250,he="easein",ce={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"},de=".chart-container{position:relative;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .legend-dataset-text{fill:#6c7680;font-weight:600}.graph-svg-tip{position:absolute;z-index:99999;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.graph-svg-tip ul{padding-left:0;display:flex}.graph-svg-tip ol{padding-left:0;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:' ';border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}",pe=void 0,fe=function(){function e(t,i){if(_t(this,e),this.parent="string"==typeof t?document.querySelector(t):t,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.rawChartArgs=i,this.title=i.title||"",this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=this.validateColors(i.colors,this.type),this.config={showTooltip:1,showLegend:1,isNavigable:i.isNavigable||0,animate:1,truncateLegends:i.truncateLegends||0},this.measures=JSON.parse(JSON.stringify(Rt));var n=this.measures;this.setMeasures(i),this.title.length||(n.titleHeight=0),this.config.showLegend||(n.legendHeight=0),this.argHeight=i.height||n.baseHeight,this.state={},this.options={},this.initTimeout=Yt,this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return zt(e,[{key:"prepareData",value:function(t){return t}},{key:"prepareFirstData",value:function(t){return t}},{key:"validateColors",value:function(t,e){var i=[];return(t=(t||[]).concat(qt[e])).forEach(function(t){var e=$t(t);b(e)?i.push(e):console.warn('"'+t+'" is not a valid color.')}),i}},{key:"setMeasures",value:function(){}},{key:"configure",value:function(){var t=this.argHeight;this.baseHeight=t,this.height=t-o(this.measures),pe=this.boundDrawFn.bind(this),window.addEventListener("resize",pe),window.addEventListener("orientationchange",this.boundDrawFn.bind(this))}},{key:"boundDrawFn",value:function(){this.draw(!0)}},{key:"unbindWindowEvents",value:function(){window.removeEventListener("resize",pe),window.removeEventListener("orientationchange",this.boundDrawFn.bind(this))}},{key:"setup",value:function(){this.makeContainer(),this.updateWidth(),this.makeTooltip(),this.draw(!1,!0)}},{key:"makeContainer",value:function(){this.parent.innerHTML="";var e={inside:this.parent,className:"chart-container"};this.independentWidth&&(e.styles={width:this.independentWidth+"px"}),this.container=t.create("div",e)}},{key:"makeTooltip",value:function(){this.tip=new Jt({parent:this.container,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.updateWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update(t.data)},this.initTimeout)),this.renderLegend(),this.setupNavigation(i)}},{key:"calc",value:function(){}},{key:"updateWidth",value:function(){this.baseWidth=n(this.parent),this.width=this.baseWidth-l(this.measures)}},{key:"makeChartArea",value:function(){this.svg&&this.container.removeChild(this.svg);var t=this.measures;this.svg=P(this.container,"frappe-chart chart",this.baseWidth,this.baseHeight),this.svgDefs=L(this.svg),this.title.length&&(this.titleEL=H("title",t.margins.left,t.margins.top,this.title,{fontSize:t.titleFontSize,fill:"#666666",dy:t.titleFontSize}));var e=s(t);this.drawArea=T(this.type+"-chart chart-draw-area","translate("+r(t)+", "+e+")"),this.config.showLegend&&(e+=this.height+t.paddings.bottom,this.legendArea=T("chart-legend","translate("+r(t)+", "+e+")")),this.title.length&&this.svg.appendChild(this.titleEL),this.svg.appendChild(this.drawArea),this.config.showLegend&&this.svg.appendChild(this.legendArea),this.updateTipOffset(r(t),s(t))}},{key:"updateTipOffset",value:function(t,e){this.tip.offset={x:t,y:e}}},{key:"setupComponents",value:function(){this.components=new Map}},{key:"update",value:function(t){t||console.error("No data to update."),this.data=this.prepareData(t),this.calc(),this.render()}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var n=[];e.forEach(function(t){n=n.concat(t.update(i))}),n.length>0?(at(this.container,this.svg,n),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},400)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){i(t.container)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"addDataPoint",value:function(){}},{key:"removeDataPoint",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(){}},{key:"updateDataset",value:function(){}},{key:"export",value:function(){var t=rt(this.svg);st(this.title||"Chart",[t])}}]),e}(),ve=function(t){function e(t,i){return _t(this,e),jt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i))}return Ht(e,t),zt(e,[{key:"configure",value:function(t){Wt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,i=this.config.maxSlices;e.sliceTotals=[];var n=this.data.labels.map(function(e,i){var n=0;return t.data.datasets.map(function(t){n+=t.values[i]}),[n,e]}).filter(function(t){return t[0]>=0}),a=n;if(n.length>i){n.sort(function(t,e){return e[0]-t[0]}),a=n.slice(0,i-1);var s=0;n.slice(i-1).map(function(t){s+=t[0]}),a.push([s,"Rest"]),this.colors[i-1]="grey"}e.labels=[],a.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])}),e.grandTotal=e.sliceTotals.reduce(function(t,e){return t+e},0),this.center={x:this.width/2,y:this.height/2}}},{key:"renderLegend",value:function(){var t=this,e=this.state;this.legendArea.textContent="",this.legendTotals=e.sliceTotals.slice(0,this.config.maxLegendPoints);var i=0,n=0;this.legendTotals.map(function(a,s){var r=110,o=Math.floor((t.width-l(t.measures))/r);t.legendTotals.lengtho&&(i=0,n+=20);var u=W(r*i+5,n,5,t.colors[s],e.labels[s]+": "+a);t.legendArea.appendChild(u),i++})}}]),e}(fe),ge=7,ye=1e3,me=86400,be=["January","February","March","April","May","June","July","August","September","October","November","December"],xe=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],ke=function(){function t(e){var i=e.layerClass,n=void 0===i?"":i,a=e.layerTransform,s=void 0===a?"":a,r=e.constants,o=e.getData,l=e.makeElements,u=e.animateElements;_t(this,t),this.layerTransform=s,this.constants=r,this.makeElements=l,this.getData=o,this.animateElements=u,this.store=[],this.labels=[],this.layerClass=n,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return zt(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=T(this.layerClass,this.layerTransform,t)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)}),this.labels.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)||[]),e}}]),t}(),we={donutSlices:{layerClass:"donut-slices",makeElements:function(t){return t.sliceStrings.map(function(e,i){var n=C(e,"donut-path",t.colors[i],"none",t.strokeWidth);return n.style.transition="transform .3s;",n})},animateElements:function(t){return this.store.map(function(e,i){return tt(e,t.sliceStrings[i])})}},pieSlices:{layerClass:"pie-slices",makeElements:function(t){return t.sliceStrings.map(function(e,i){var n=C(e,"pie-path","none",t.colors[i]);return n.style.transition="transform .3s;",n})},animateElements:function(t){return this.store.map(function(e,i){return tt(e,t.sliceStrings[i])})}},percentageBars:{layerClass:"percentage-bars",makeElements:function(t){var e=this;return t.xPositions.map(function(i,n){return E(i,0,t.widths[n],e.constants.barHeight,e.constants.barDepth,t.colors[n])})},animateElements:function(t){if(t)return[]}},yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return I(i,t.labels[n],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos,shortenNumbers:e.constants.shortenNumbers})})},animateElements:function(t){var e=t.positions,i=t.labels,n=this.oldData.positions,a=this.oldData.labels,s=f(n,e),r=Ft(s,2);n=r[0],e=r[1];var o=f(a,i),l=Ft(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return J(t,e[i],n[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return R(i,t.calcLabels[n],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,n=this.oldData.positions,a=this.oldData.calcLabels,s=f(n,e),r=Ft(s,2);n=r[0],e=r[1];var o=f(a,i),l=Ft(o,2);return a=l[0],i=l[1],this.render({positions:n,calcLabels:i}),this.store.map(function(t,i){return X(t,e[i],n[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return Y(t.position,t.label,e.constants.width,{labelPos:t.options.labelPos,mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=f(this.oldData,t),i=Ft(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.position}),a=t.map(function(t){return t.label}),s=t.map(function(t){return t.options}),r=this.oldData.map(function(t){return t.position});return this.render(r.map(function(t,e){return{position:r[e],label:a[e],options:s[e]}})),this.store.map(function(t,e){return J(t,n[e],r[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return B(t.startPos,t.endPos,e.constants.width,t.label,{labelPos:t.options.labelPos})})},animateElements:function(t){var e=f(this.oldData,t),i=Ft(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.endPos}),a=t.map(function(t){return t.label}),s=t.map(function(t){return t.startPos}),r=t.map(function(t){return t.options}),o=this.oldData.map(function(t){return t.endPos}),l=this.oldData.map(function(t){return t.startPos});this.render(o.map(function(t,e){return{startPos:l[e],endPos:o[e],label:a[e],options:r[e]}}));var u=[];return this.store.map(function(t,e){u=u.concat(K(t,s[e],n[e],o[e]))}),u}},heatDomain:{layerClass:function(){return"heat-domain domain-"+this.constants.index},makeElements:function(t){var e=this,i=this.constants,n=i.index,a=i.colWidth,s=i.rowHeight,r=i.squareSize,o=i.xTranslate,l=0;return this.serializedSubDomains=[],t.cols.map(function(t,i){1===i&&e.labels.push(H("domain-name",o,-12,pt(n,!0).toUpperCase(),{fontSize:9})),t.map(function(t,i){if(t.fill){var n={"data-date":t.yyyyMmDd,"data-value":t.dataValue,"data-day":i},a=_("day",o,l,r,t.fill,n);e.serializedSubDomains.push(a)}l+=s}),l=0,o+=a}),this.serializedSubDomains},animateElements:function(t){if(t)return[]}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,n){return V(t.xPositions[n],i,t.barWidth,e.color,t.labels[n],n,t.offsets[n],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=t.xPositions,i=t.yPositions,n=t.offsets,a=t.labels,s=this.oldData.xPositions,r=this.oldData.yPositions,o=this.oldData.offsets,l=this.oldData.labels,u=f(s,e),h=Ft(u,2);s=h[0],e=h[1];var c=f(r,i),d=Ft(c,2);r=d[0],i=d[1];var p=f(o,n),v=Ft(p,2);o=v[0],n=v[1];var g=f(l,a),y=Ft(g,2);l=y[0],a=y[1],this.render({xPositions:s,yPositions:r,offsets:o,labels:a,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var m=[];return this.store.map(function(a,s){m=m.concat($(a,e[s],i[s],t.barWidth,n[s],{zeroLine:t.zeroLine}))}),m}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=G(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,n){return U(t.xPositions[n],i,t.radius,e.color,e.valuesOverPoints?t.values[n]:"",n)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,n=t.values,a=this.oldData.xPositions,s=this.oldData.yPositions,r=this.oldData.values,o=f(a,e),l=Ft(o,2);a=l[0],e=l[1];var u=f(s,i),h=Ft(u,2);s=h[0],i=h[1];var c=f(r,n),d=Ft(c,2);r=d[0],n=d[1],this.render({xPositions:a,yPositions:s,values:n,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var p=[];return Object.keys(this.paths).length&&(p=p.concat(Z(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,n){p=p.concat(Q(t,e[n],i[n]))}),p}}},Ae=function(t){function i(t,e){_t(this,i);var n=jt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.type="percentage",n.setup(),n}return Ht(i,t),zt(i,[{key:"setMeasures",value:function(t){var e=this.measures;this.barOptions=t.barOptions||{};var i=this.barOptions;i.height=i.height||20,i.depth=i.depth||Vt,e.paddings.right=30,e.legendHeight=60,e.baseHeight=8*(i.height+.5*i.depth)}},{key:"setupComponents",value:function(){var t=this.state,e=[["percentageBars",{barHeight:this.barOptions.height,barDepth:this.barOptions.depth},function(){return{xPositions:t.xPositions,widths:t.widths,colors:this.colors}}.bind(this)]];this.components=new Map(e.map(function(t){var e=yt.apply(void 0,It(t));return[t[0],e]}))}},{key:"calc",value:function(){var t=this;Wt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"calc",this).call(this);var e=this.state;e.xPositions=[],e.widths=[];var n=0;e.sliceTotals.map(function(i){var a=t.width*i/e.grandTotal;e.widths.push(a),e.xPositions.push(n),n+=a})}},{key:"makeDataByIndex",value:function(){}},{key:"bindTooltip",value:function(){var t=this,i=this.state;this.container.addEventListener("mousemove",function(n){var a=t.components.get("percentageBars").store,s=n.target;if(a.includes(s)){var r=a.indexOf(s),o=e(t.container),l=e(s),u=l.left-o.left+parseInt(s.getAttribute("width"))/2,h=l.top-o.top,c=(t.formattedLabels&&t.formattedLabels.length>0?t.formattedLabels[r]:t.state.labels[r])+": ",d=i.sliceTotals[r]/i.grandTotal;t.tip.setValues(u,h,{name:c,value:(100*d).toFixed(1)+"%"}),t.tip.showTip()}})}}]),i}(ve),Pe=function(t){function i(t,e){_t(this,i);var n=jt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.type="pie",n.initTimeout=0,n.init=1,n.setup(),n}return Ht(i,t),zt(i,[{key:"configure",value:function(t){Wt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this),this.hoverRadio=t.hoverRadio||.1,this.config.startAngle=t.startAngle||0,this.clockWise=t.clockWise||!1}},{key:"calc",value:function(){var t=this;Wt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"calc",this).call(this);var e=this.state;this.radius=this.height>this.width?this.center.x:this.center.y;var n=this.radius,a=this.clockWise,s=e.slicesProperties||[];e.sliceStrings=[],e.slicesProperties=[];var r=180-this.config.startAngle;e.sliceTotals.map(function(i,o){var l=r,u=i/e.grandTotal*360,h=u>180?1:0,c=a?-u:u,p=r+=c,f=d(l,n),v=d(p,n),g=t.init&&s[o],y=void 0,m=void 0;t.init?(y=g?g.startPosition:f,m=g?g.endPosition:f):(y=f,m=v);var b=360===u?M(y,m,t.center,t.radius,a,h):O(y,m,t.center,t.radius,a,h);e.sliceStrings.push(b),e.slicesProperties.push({startPosition:f,endPosition:v,value:i,total:e.grandTotal,startAngle:l,endAngle:p,angle:c})}),this.init=0}},{key:"setupComponents",value:function(){var t=this.state,e=[["pieSlices",{},function(){return{sliceStrings:t.sliceStrings,colors:this.colors}}.bind(this)]];this.components=new Map(e.map(function(t){var e=yt.apply(void 0,It(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,n=d(t.startAngle+t.angle/2,e);return"translate3d("+n.x*i+"px,"+n.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,i,n,a){if(t){var s=this.colors[i];if(n){it(t,this.calTranslateByAngle(this.state.slicesProperties[i])),t.style.fill=m(s,50);var r=e(this.svg),o=a.pageX-r.left+10,l=a.pageY-r.top-10,u=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[i]:this.state.labels[i])+": ",h=(100*this.state.sliceTotals[i]/this.state.grandTotal).toFixed(1);this.tip.setValues(o,l,{name:u,value:h+"%"}),this.tip.showTip()}else it(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.fill=s}}},{key:"bindTooltip",value:function(){this.container.addEventListener("mousemove",this.mouseMove),this.container.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,i=this.components.get("pieSlices").store,n=this.curActiveSliceIndex,a=this.curActiveSlice;if(i.includes(e)){var s=i.indexOf(e);this.hoverSlice(a,n,!1),this.curActiveSlice=e,this.curActiveSliceIndex=s,this.hoverSlice(e,s,!0,t)}else this.mouseLeave()}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}}]),i}(ve),Le=function(t){function e(t,i){_t(this,e);var n=jt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));n.type="heatmap",n.countLabel=i.countLabel||"";var a=["Sunday","Monday"],s=a.includes(i.startSubDomain)?i.startSubDomain:"Sunday";return n.startSubDomainIndex=a.indexOf(s),n.setup(),n}return Ht(e,t),zt(e,[{key:"setMeasures",value:function(t){var e=this.measures;this.discreteDomains=0===t.discreteDomains?0:1,e.paddings.top=36,e.paddings.bottom=0,e.legendHeight=24,e.baseHeight=12*ge+o(e);var i=this.data,n=this.discreteDomains?12:0;this.independentWidth=12*(ht(i.start,i.end)+n)+l(e)}},{key:"updateWidth",value:function(){var t=this.discreteDomains?12:0,e=this.state.noOfWeeks?this.state.noOfWeeks:52;this.baseWidth=12*(e+t)+l(this.measures)}},{key:"prepareData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;if(t.start&&t.end&&t.start>t.end)throw new Error("Start date cannot be greater than end date.");if(t.start||(t.start=new Date,t.start.setFullYear(t.start.getFullYear()-1)),t.end||(t.end=new Date),t.dataPoints=t.dataPoints||{},parseInt(Object.keys(t.dataPoints)[0])>1e5){var e={};Object.keys(t.dataPoints).forEach(function(i){var n=new Date(i*ye);e[lt(n)]=t.dataPoints[i]}),t.dataPoints=e}return t}},{key:"calc",value:function(){var t=this.state;t.start=ut(this.data.start),t.end=ut(this.data.end),t.firstWeekStart=ut(t.start),t.noOfWeeks=ht(t.start,t.end),t.distribution=Ct(Object.values(this.data.dataPoints),5),t.domainConfigs=this.getDomains()}},{key:"setupComponents",value:function(){var t=this,e=this.state,i=this.discreteDomains?0:1,n=e.domainConfigs.map(function(n,a){return["heatDomain",{index:n.index,colWidth:12,rowHeight:12,squareSize:10,xTranslate:12*e.domainConfigs.filter(function(t,e){return e1&&void 0!==arguments[1]?arguments[1]:"",i=[t.getMonth(),t.getFullYear()],n=i[0],a=i[1],s=vt(t),r={index:n,cols:[]};gt(e=ut(e)||ft(n,a),1);for(var o=ht(s,e),l=[],u=void 0,h=0;h2&&void 0!==arguments[2]&&arguments[2],n=this.state,a=ut(t),s=[],r=0;r=n.start&&a<=n.end;i||a.getMonth()!==e||!l?o.yyyyMmDd=lt(a):o=this.getSubDomainConfig(a),s.push(o)}return s}},{key:"getSubDomainConfig",value:function(t){var e=lt(t),i=this.data.dataPoints[e];return{yyyyMmDd:e,dataValue:i||0,fill:this.colors[Ot(i,this.state.distribution)]}}}]),e}(fe),Te=function(t){function i(t,e){_t(this,i);var n=jt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.barOptions=e.barOptions||{},n.lineOptions=e.lineOptions||{},n.type=e.type||"line",n.init=1,n.setup(),n}return Ht(i,t),zt(i,[{key:"setMeasures",value:function(){this.data.datasets.length<=1&&(this.config.showLegend=0,this.measures.paddings.bottom=30)}},{key:"configure",value:function(t){Wt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||0,this.config.shortenYAxisNumbers=t.axisOptions.shortenYAxisNumbers||0,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"prepareData",value:function(){return Mt(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return Dt(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type),this.makeDataByIndex()}},{key:"calcXPositions",value:function(){var t=this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return u(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=kt(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/Pt(e),n=At(e)*i,a=this.height-wt(e)*n;this.state.yAxis={labels:e,positions:e.map(function(t){return a-t*i}),scaleMultiplier:i,zeroLine:a},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return Lt(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var n=t.values,a=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:n,yPositions:e(n),cumulativeYs:a,cumulativeYPos:e(a)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e){e.yPositions.map(function(e,i){es(n)?t.mapTooltipXPosition(o):t.tip.hideTip()})}},{key:"mapTooltipXPosition",value:function(t){var e=this.state;if(e.yExtremes){var i=Tt(t,e.xAxis.positions,!0),n=this.dataByIndex[i];this.tip.setValues(n.xPos+this.tip.offset.x,n.yExtreme+this.tip.offset.y,{name:n.formattedLabel,value:""},n.values,i),this.tip.showTip()}}},{key:"renderLegend",value:function(){var t=this,e=this.data;e.datasets.length>1&&(this.legendArea.textContent="",e.datasets.map(function(e,i){var n=z(100*i,"0",100,t.colors[i],e.name,t.config.truncateLegends);t.legendArea.appendChild(n)}))}},{key:"makeOverlay",value:function(){var t=this;if(this.init)return void(this.init=0);this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=ae[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(){t.updateOverlay()})}},{key:"bindUnits",value:function(){var t=this;this.dataUnitComponents.map(function(e){e.units.map(function(e){e.addEventListener("click",function(){var i=e.getAttribute("data-point-index");t.setCurrentDataPoint(i)})})}),this.tip.container.addEventListener("click",function(){var e=t.tip.container.getAttribute("data-point-index");t.setCurrentDataPoint(e)})}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];se[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex,e=this.state;return{index:t,label:e.xAxis.labels[t],values:e.datasets.map(function(e){return e.values[t]})}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,a(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;Wt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"addDataPoint",this).call(this,t,e,n),this.data.labels.splice(n,0,t),this.data.datasets.map(function(t,i){t.values.splice(n,0,e[i])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;this.data.labels.length<=1||(Wt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data))}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}},{key:"updateDatasets",value:function(t){this.data.datasets.map(function(e,i){t[i]&&(e.values=t[i])}),this.update(this.data)}}]),i}(fe),Ce=function(t){function i(t,e){_t(this,i);var n=jt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.type="donut",n.initTimeout=0,n.init=1,n.setup(),n}return Ht(i,t),zt(i,[{key:"configure",value:function(t){Wt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this),this.hoverRadio=t.hoverRadio||.1,this.config.startAngle=t.startAngle||0,this.clockWise=t.clockWise||!1,this.strokeWidth=t.strokeWidth||30}},{key:"calc",value:function(){var t=this;Wt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"calc",this).call(this);var e=this.state;this.radius=this.height>this.width?this.center.x-this.strokeWidth/2:this.center.y-this.strokeWidth/2;var n=this.radius,a=this.clockWise,s=e.slicesProperties||[];e.sliceStrings=[],e.slicesProperties=[];var r=180-this.config.startAngle;e.sliceTotals.map(function(i,o){var l=r,u=i/e.grandTotal*360,h=u>180?1:0,c=a?-u:u,p=r+=c,f=d(l,n),v=d(p,n),g=t.init&&s[o],y=void 0,m=void 0;t.init?(y=g?g.startPosition:f,m=g?g.endPosition:f):(y=f,m=v);var b=360===u?N(y,m,t.center,t.radius,t.clockWise,h):D(y,m,t.center,t.radius,t.clockWise,h);e.sliceStrings.push(b),e.slicesProperties.push({startPosition:f,endPosition:v,value:i,total:e.grandTotal,startAngle:l,endAngle:p,angle:c})}),this.init=0}},{key:"setupComponents",value:function(){var t=this.state,e=[["donutSlices",{},function(){return{sliceStrings:t.sliceStrings,colors:this.colors,strokeWidth:this.strokeWidth}}.bind(this)]];this.components=new Map(e.map(function(t){var e=yt.apply(void 0,It(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,n=d(t.startAngle+t.angle/2,e);return"translate3d("+n.x*i+"px,"+n.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,i,n,a){if(t){var s=this.colors[i];if(n){it(t,this.calTranslateByAngle(this.state.slicesProperties[i])),t.style.stroke=m(s,50);var r=e(this.svg),o=a.pageX-r.left+10,l=a.pageY-r.top-10,u=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[i]:this.state.labels[i])+": ",h=(100*this.state.sliceTotals[i]/this.state.grandTotal).toFixed(1);this.tip.setValues(o,l,{name:u,value:h+"%"}),this.tip.showTip()}else it(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.stroke=s}}},{key:"bindTooltip",value:function(){this.container.addEventListener("mousemove",this.mouseMove),this.container.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,i=this.components.get("donutSlices").store,n=this.curActiveSliceIndex,a=this.curActiveSlice;if(i.includes(e)){var s=i.indexOf(e);this.hoverSlice(a,n,!1),this.curActiveSlice=e,this.curActiveSliceIndex=s,this.hoverSlice(e,s,!0,t)}else this.mouseLeave()}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}}]),i}(ve),Oe={bar:Te,line:Te,percentage:Ae,heatmap:Le,pie:Pe,donut:Ce},Me=function t(e,i){return _t(this,t),St(i.type,e,i)},De=Object.freeze({Chart:Me,PercentageChart:Ae,PieChart:Pe,Heatmap:Le,AxisChart:Te}),Ne={};return Ne.NAME="Frappe Charts",Ne.VERSION="1.2.0",Ne=Object.assign({},Ne,De)}(); -//# sourceMappingURL=frappe-charts.min.iife.js.map diff --git a/dist/frappe-charts.min.iife.js.map b/dist/frappe-charts.min.iife.js.map deleted file mode 100644 index 8fe9307..0000000 --- a/dist/frappe-charts.min.iife.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"frappe-charts.min.iife.js","sources":["../src/js/utils/dom.js","../src/js/utils/constants.js","../src/js/utils/helpers.js","../src/js/utils/draw-utils.js","../src/js/utils/colors.js","../src/js/utils/draw.js","../src/js/utils/animate.js","../src/js/utils/animation.js","../src/js/utils/export.js","../src/js/utils/date-utils.js","../src/js/objects/ChartComponents.js","../src/js/utils/intervals.js","../src/js/utils/axis-chart-utils.js","../src/js/chart.js","../node_modules/style-inject/dist/style-inject.es.js","../src/js/objects/SvgTip.js","../src/css/chartsCss.js","../src/js/charts/BaseChart.js","../src/js/charts/AggregationChart.js","../src/js/charts/PercentageChart.js","../src/js/charts/PieChart.js","../src/js/charts/Heatmap.js","../src/js/charts/AxisChart.js","../src/js/charts/DonutChart.js","../src/js/index.js"],"sourcesContent":["export function $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function findNodeIndex(node)\n{\n\tvar i = 0;\n\twhile (node.previousSibling) {\n\t\tnode = node.previousSibling;\n\t\ti++;\n\t}\n\treturn i;\n}\n\n$.create = (tag, o) => {\n\tvar element = document.createElement(tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else if (i in element ) {\n\t\t\telement[i] = val;\n\t\t}\n\t\telse {\n\t\t\telement.setAttribute(i, val);\n\t\t}\n\t}\n\n\treturn element;\n};\n\nexport function getOffset(element) {\n\tlet rect = element.getBoundingClientRect();\n\treturn {\n\t\t// https://stackoverflow.com/a/7436602/6495043\n\t\t// rect.top varies with scroll, so we add whatever has been\n\t\t// scrolled to it to get absolute distance from actual page top\n\t\ttop: rect.top + (document.documentElement.scrollTop || document.body.scrollTop),\n\t\tleft: rect.left + (document.documentElement.scrollLeft || document.body.scrollLeft)\n\t};\n}\n\nexport function isElementInViewport(el) {\n\t// Although straightforward: https://stackoverflow.com/a/7557433/6495043\n\tvar rect = el.getBoundingClientRect();\n\n\treturn (\n\t\trect.top >= 0 &&\n rect.left >= 0 &&\n rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */\n rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */\n\t);\n}\n\nexport function getElementContentWidth(element) {\n\tvar styles = window.getComputedStyle(element);\n\tvar padding = parseFloat(styles.paddingLeft) +\n\t\tparseFloat(styles.paddingRight);\n\n\treturn element.clientWidth - padding;\n}\n\nexport function bind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function (event) {\n\t\t\t\telement.addEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function unbind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function(event) {\n\t\t\t\telement.removeEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function fire(target, type, properties) {\n\tvar evt = document.createEvent(\"HTMLEvents\");\n\n\tevt.initEvent(type, true, true );\n\n\tfor (var j in properties) {\n\t\tevt[j] = properties[j];\n\t}\n\n\treturn target.dispatchEvent(evt);\n}\n\n// https://css-tricks.com/snippets/javascript/loop-queryselectorall-matches/\nexport function forEachNode(nodeList, callback, scope) {\n\tif(!nodeList) return;\n\tfor (var i = 0; i < nodeList.length; i++) {\n\t\tcallback.call(scope, nodeList[i], i);\n\t}\n}\n\nexport function activate($parent, $child, commonClass, activeClass='active', index = -1) {\n\tlet $children = $parent.querySelectorAll(`.${commonClass}.${activeClass}`);\n\n\tforEachNode($children, (node, i) => {\n\t\tif(index >= 0 && i <= index) return;\n\t\tnode.classList.remove(activeClass);\n\t});\n\n\t$child.classList.add(activeClass);\n}\n","export const ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\n\nexport const COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\n\theatmap: []\n};\n\nexport const DATA_COLOR_DIVISIONS = {\n\tbar: 'datasets',\n\tline: 'datasets',\n\tpie: 'labels',\n\tpercentage: 'labels',\n\theatmap: HEATMAP_DISTRIBUTION_SIZE\n};\n\nexport const BASE_MEASURES = {\n\tmargins: {\n\t\ttop: 10,\n\t\tbottom: 10,\n\t\tleft: 20,\n\t\tright: 20\n\t},\n\tpaddings: {\n\t\ttop: 20,\n\t\tbottom: 40,\n\t\tleft: 30,\n\t\tright: 10\n\t},\n\n\tbaseHeight: 240,\n\ttitleHeight: 20,\n\tlegendHeight: 30,\n\n\ttitleFontSize: 12,\n};\n\nexport function getTopOffset(m) {\n\treturn m.titleHeight + m.margins.top + m.paddings.top;\n}\n\nexport function getLeftOffset(m) {\n\treturn m.margins.left + m.paddings.left;\n}\n\nexport function getExtraHeight(m) {\n\tlet totalExtraHeight = m.margins.top + m.margins.bottom\n\t\t+ m.paddings.top + m.paddings.bottom\n\t\t+ m.titleHeight + m.legendHeight;\n\treturn totalExtraHeight;\n}\n\nexport function getExtraWidth(m) {\n\tlet totalExtraWidth = m.margins.left + m.margins.right\n\t\t+ m.paddings.left + m.paddings.right;\n\n\treturn totalExtraWidth;\n}\n\nexport const INIT_CHART_UPDATE_TIMEOUT = 700;\nexport const CHART_POST_ANIMATE_TIMEOUT = 400;\n\nexport const DEFAULT_AXIS_CHART_TYPE = 'line';\nexport const AXIS_DATASET_CHART_TYPES = ['line', 'bar'];\n\nexport const AXIS_LEGEND_BAR_SIZE = 100;\n\nexport const BAR_CHART_SPACE_RATIO = 0.5;\nexport const MIN_BAR_PERCENT_HEIGHT = 0.00;\n\nexport const LINE_CHART_DOT_SIZE = 4;\nexport const DOT_OVERLAY_SIZE_INCR = 4;\n\nexport const PERCENTAGE_BAR_DEFAULT_HEIGHT = 20;\nexport const PERCENTAGE_BAR_DEFAULT_DEPTH = 2;\n\n// Fixed 5-color theme,\n// More colors are difficult to parse visually\nexport const HEATMAP_DISTRIBUTION_SIZE = 5;\n\nexport const HEATMAP_SQUARE_SIZE = 10;\nexport const HEATMAP_GUTTER_SIZE = 2;\n\nexport const DEFAULT_CHAR_WIDTH = 7;\n\nexport const TOOLTIP_POINTER_TRIANGLE_HEIGHT = 5;\n\nconst DEFAULT_CHART_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey'];\nconst HEATMAP_COLORS_GREEN = ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\nexport const HEATMAP_COLORS_BLUE = ['#ebedf0', '#c0ddf9', '#73b3f3', '#3886e1', '#17459e'];\nexport const HEATMAP_COLORS_YELLOW = ['#ebedf0', '#fdf436', '#ffc700', '#ff9100', '#06001c'];\n\nexport const DEFAULT_COLORS = {\n\tbar: DEFAULT_CHART_COLORS,\n\tline: DEFAULT_CHART_COLORS,\n\tpie: DEFAULT_CHART_COLORS,\n\tpercentage: DEFAULT_CHART_COLORS,\n\theatmap: HEATMAP_COLORS_GREEN,\n\tdonut: DEFAULT_CHART_COLORS\n};\n\n// Universal constants\nexport const ANGLE_RATIO = Math.PI / 180;\nexport const FULL_ANGLE = 360;\n","import { ANGLE_RATIO } from './constants';\n\n/**\n * Returns the value of a number upto 2 decimal places.\n * @param {Number} d Any number\n */\nexport function floatTwo(d) {\n\treturn parseFloat(d.toFixed(2));\n}\n\n/**\n * Returns whether or not two given arrays are equal.\n * @param {Array} arr1 First array\n * @param {Array} arr2 Second array\n */\nexport function arraysEqual(arr1, arr2) {\n\tif(arr1.length !== arr2.length) return false;\n\tlet areEqual = true;\n\tarr1.map((d, i) => {\n\t\tif(arr2[i] !== d) areEqual = false;\n\t});\n\treturn areEqual;\n}\n\n/**\n * Shuffles array in place. ES6 version\n * @param {Array} array An array containing the items.\n */\nexport function shuffle(array) {\n\t// Awesomeness: https://bost.ocks.org/mike/shuffle/\n\t// https://stackoverflow.com/a/2450976/6495043\n\t// https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array?noredirect=1&lq=1\n\n\tfor (let i = array.length - 1; i > 0; i--) {\n\t\tlet j = Math.floor(Math.random() * (i + 1));\n\t\t[array[i], array[j]] = [array[j], array[i]];\n\t}\n\n\treturn array;\n}\n\n/**\n * Fill an array with extra points\n * @param {Array} array Array\n * @param {Number} count number of filler elements\n * @param {Object} element element to fill with\n * @param {Boolean} start fill at start?\n */\nexport function fillArray(array, count, element, start=false) {\n\tif(!element) {\n\t\telement = start ? array[0] : array[array.length - 1];\n\t}\n\tlet fillerArray = new Array(Math.abs(count)).fill(element);\n\tarray = start ? fillerArray.concat(array) : array.concat(fillerArray);\n\treturn array;\n}\n\n/**\n * Returns pixel width of string.\n * @param {String} string\n * @param {Number} charWidth Width of single char in pixels\n */\nexport function getStringWidth(string, charWidth) {\n\treturn (string+\"\").length * charWidth;\n}\n\nexport function bindChange(obj, getFn, setFn) {\n\treturn new Proxy(obj, {\n\t\tset: function(target, prop, value) {\n\t\t\tsetFn();\n\t\t\treturn Reflect.set(target, prop, value);\n\t\t},\n\t\tget: function(target, prop) {\n\t\t\tgetFn();\n\t\t\treturn Reflect.get(target, prop);\n\t\t}\n\t});\n}\n\n// https://stackoverflow.com/a/29325222\nexport function getRandomBias(min, max, bias, influence) {\n\tconst range = max - min;\n\tconst biasValue = range * bias + min;\n\tvar rnd = Math.random() * range + min,\t\t// random in range\n\t\tmix = Math.random() * influence;\t\t// random mixer\n\treturn rnd * (1 - mix) + biasValue * mix;\t// mix full range and bias\n}\n\nexport function getPositionByAngle(angle, radius) {\n\treturn {\n\t\tx: Math.sin(angle * ANGLE_RATIO) * radius,\n\t\ty: Math.cos(angle * ANGLE_RATIO) * radius,\n\t};\n}\n","import { fillArray } from './helpers';\n\nexport function getBarHeightAndYAttr(yTop, zeroLine) {\n\tlet height, y;\n\tif (yTop <= zeroLine) {\n\t\theight = zeroLine - yTop;\n\t\ty = yTop;\n\t} else {\n\t\theight = yTop - zeroLine;\n\t\ty = zeroLine;\n\t}\n\n\treturn [height, y];\n}\n\nexport function equilizeNoOfElements(array1, array2,\n\textraCount = array2.length - array1.length) {\n\n\t// Doesn't work if either has zero elements.\n\tif(extraCount > 0) {\n\t\tarray1 = fillArray(array1, extraCount);\n\t} else {\n\t\tarray2 = fillArray(array2, extraCount);\n\t}\n\treturn [array1, array2];\n}\n\nexport function truncateString(txt, len) {\n\tif (!txt) {\n\t\treturn;\n\t}\n\tif (txt.length > len) {\n\t\treturn txt.slice(0, len-3) + '...';\n\t} else {\n\t\treturn txt;\n\t}\n}\n\nexport function shortenLargeNumber(label) {\n\tlet number;\n\tif (typeof label === 'number') number = label;\n\telse if (typeof label === 'string') {\n\t\tnumber = Number(label);\n\t\tif (Number.isNaN(number)) return label;\n\t}\n\n\t// Using absolute since log wont work for negative numbers\n\tlet p = Math.floor(Math.log10(Math.abs(number)));\n\tif (p <= 2) return number; // Return as is for a 3 digit number of less\n\tlet\tl = Math.floor(p / 3);\n\tlet shortened = (Math.pow(10, p - l * 3) * +(number / Math.pow(10, p)).toFixed(1));\n\n\t// Correct for floating point error upto 2 decimal places\n\treturn Math.round(shortened*100)/100 + ' ' + ['', 'K', 'M', 'B', 'T'][l];\n}","const PRESET_COLOR_MAP = {\n\t'light-blue': '#7cd6fd',\n\t'blue': '#5e64ff',\n\t'violet': '#743ee2',\n\t'red': '#ff5858',\n\t'orange': '#ffa00a',\n\t'yellow': '#feef72',\n\t'green': '#28a745',\n\t'light-green': '#98d85b',\n\t'purple': '#b554ff',\n\t'magenta': '#ffa3ef',\n\t'black': '#36114C',\n\t'grey': '#bdd3e6',\n\t'light-grey': '#f0f4f7',\n\t'dark-grey': '#b8c2cc'\n};\n\nfunction limitColor(r){\n\tif (r > 255) return 255;\n\telse if (r < 0) return 0;\n\treturn r;\n}\n\nexport function lightenDarkenColor(color, amt) {\n\tlet col = getColor(color);\n\tlet usePound = false;\n\tif (col[0] == \"#\") {\n\t\tcol = col.slice(1);\n\t\tusePound = true;\n\t}\n\tlet num = parseInt(col,16);\n\tlet r = limitColor((num >> 16) + amt);\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\n\tlet g = limitColor((num & 0x0000FF) + amt);\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\n}\n\nexport function isValidColor(string) {\n\t// https://stackoverflow.com/a/8027444/6495043\n\treturn /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string);\n}\n\nexport const getColor = (color) => {\n\treturn PRESET_COLOR_MAP[color] || color;\n};\n","import { getBarHeightAndYAttr, truncateString, shortenLargeNumber } from './draw-utils';\nimport { getStringWidth } from './helpers';\nimport { DOT_OVERLAY_SIZE_INCR, PERCENTAGE_BAR_DEFAULT_DEPTH } from './constants';\nimport { lightenDarkenColor } from './colors';\n\nexport const AXIS_TICK_LENGTH = 6;\nconst LABEL_MARGIN = 4;\nconst LABEL_MAX_CHARS = 15;\nexport const FONT_SIZE = 10;\nconst BASE_LINE_COLOR = '#dadada';\nconst FONT_FILL = '#555b51';\n\nfunction $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function createSVG(tag, o) {\n\tvar element = document.createElementNS(\"http://www.w3.org/2000/svg\", tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tif(i === \"className\") { i = \"class\"; }\n\t\t\tif(i === \"innerHTML\") {\n\t\t\t\telement['textContent'] = val;\n\t\t\t} else {\n\t\t\t\telement.setAttribute(i, val);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn element;\n}\n\nfunction renderVerticalGradient(svgDefElem, gradientId) {\n\treturn createSVG('linearGradient', {\n\t\tinside: svgDefElem,\n\t\tid: gradientId,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: 0,\n\t\ty2: 1\n\t});\n}\n\nfunction setGradientStop(gradElem, offset, color, opacity) {\n\treturn createSVG('stop', {\n\t\t'inside': gradElem,\n\t\t'style': `stop-color: ${color}`,\n\t\t'offset': offset,\n\t\t'stop-opacity': opacity\n\t});\n}\n\nexport function makeSVGContainer(parent, className, width, height) {\n\treturn createSVG('svg', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\twidth: width,\n\t\theight: height\n\t});\n}\n\nexport function makeSVGDefs(svgContainer) {\n\treturn createSVG('defs', {\n\t\tinside: svgContainer,\n\t});\n}\n\nexport function makeSVGGroup(className, transform='', parent=undefined) {\n\tlet args = {\n\t\tclassName: className,\n\t\ttransform: transform\n\t};\n\tif(parent) args.inside = parent;\n\treturn createSVG('g', args);\n}\n\nexport function wrapInSVGGroup(elements, className='') {\n\tlet g = createSVG('g', {\n\t\tclassName: className\n\t});\n\telements.forEach(e => g.appendChild(e));\n\treturn g;\n}\n\nexport function makePath(pathStr, className='', stroke='none', fill='none', strokeWidth=2) {\n\treturn createSVG('path', {\n\t\tclassName: className,\n\t\td: pathStr,\n\t\tstyles: {\n\t\t\tstroke: stroke,\n\t\t\tfill: fill,\n\t\t\t'stroke-width': strokeWidth\n\t\t}\n\t});\n}\n\nexport function makeArcPathStr(startPosition, endPosition, center, radius, clockWise=1, largeArc=0){\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\n\tlet [arcEndX, arcEndY] = [center.x + endPosition.x, center.y + endPosition.y];\n\treturn `M${center.x} ${center.y}\n\t\tL${arcStartX} ${arcStartY}\n\t\tA ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0}\n\t\t${arcEndX} ${arcEndY} z`;\n}\n\nexport function makeCircleStr(startPosition, endPosition, center, radius, clockWise=1, largeArc=0){\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\n\tlet [arcEndX, midArc, arcEndY] = [center.x + endPosition.x, center.y * 2, center.y + endPosition.y];\n\treturn `M${center.x} ${center.y}\n\t\tL${arcStartX} ${arcStartY}\n\t\tA ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0}\n\t\t${arcEndX} ${midArc} z\n\t\tL${arcStartX} ${midArc}\n\t\tA ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0}\n\t\t${arcEndX} ${arcEndY} z`;\n}\n\nexport function makeArcStrokePathStr(startPosition, endPosition, center, radius, clockWise=1, largeArc=0){\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\n\tlet [arcEndX, arcEndY] = [center.x + endPosition.x, center.y + endPosition.y];\n\n\treturn `M${arcStartX} ${arcStartY}\n\t\tA ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0}\n\t\t${arcEndX} ${arcEndY}`;\n}\n\nexport function makeStrokeCircleStr(startPosition, endPosition, center, radius, clockWise=1, largeArc=0){\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\n\tlet [arcEndX, midArc, arcEndY] = [center.x + endPosition.x, radius * 2 + arcStartY, center.y + startPosition.y];\n\n\treturn `M${arcStartX} ${arcStartY}\n\t\tA ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0}\n\t\t${arcEndX} ${midArc}\n\t\tM${arcStartX} ${midArc}\n\t\tA ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0}\n\t\t${arcEndX} ${arcEndY}`;\n}\n\nexport function makeGradient(svgDefElem, color, lighter = false) {\n\tlet gradientId ='path-fill-gradient' + '-' + color + '-' +(lighter ? 'lighter' : 'default');\n\tlet gradientDef = renderVerticalGradient(svgDefElem, gradientId);\n\tlet opacities = [1, 0.6, 0.2];\n\tif(lighter) {\n\t\topacities = [0.4, 0.2, 0];\n\t}\n\n\tsetGradientStop(gradientDef, \"0%\", color, opacities[0]);\n\tsetGradientStop(gradientDef, \"50%\", color, opacities[1]);\n\tsetGradientStop(gradientDef, \"100%\", color, opacities[2]);\n\n\treturn gradientId;\n}\n\nexport function percentageBar(x, y, width, height,\n\tdepth=PERCENTAGE_BAR_DEFAULT_DEPTH, fill='none') {\n\n\tlet args = {\n\t\tclassName: 'percentage-bar',\n\t\tx: x,\n\t\ty: y,\n\t\twidth: width,\n\t\theight: height,\n\t\tfill: fill,\n\t\tstyles: {\n\t\t\t'stroke': lightenDarkenColor(fill, -25),\n\t\t\t// Diabolically good: https://stackoverflow.com/a/9000859\n\t\t\t// https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\n\t\t\t'stroke-dasharray': `0, ${height + width}, ${width}, ${height}`,\n\t\t\t'stroke-width': depth\n\t\t},\n\t};\n\n\treturn createSVG(\"rect\", args);\n}\n\nexport function heatSquare(className, x, y, size, fill='none', data={}) {\n\tlet args = {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: size,\n\t\theight: size,\n\t\tfill: fill\n\t};\n\n\tObject.keys(data).map(key => {\n\t\targs[key] = data[key];\n\t});\n\n\treturn createSVG(\"rect\", args);\n}\n\nexport function legendBar(x, y, size, fill='none', label, truncate=false) {\n\tlabel = truncate ? truncateString(label, LABEL_MAX_CHARS) : label;\n\n\tlet args = {\n\t\tclassName: 'legend-bar',\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: size,\n\t\theight: '2px',\n\t\tfill: fill\n\t};\n\tlet text = createSVG('text', {\n\t\tclassName: 'legend-dataset-text',\n\t\tx: 0,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE * 2) + 'px',\n\t\t'font-size': (FONT_SIZE * 1.2) + 'px',\n\t\t'text-anchor': 'start',\n\t\tfill: FONT_FILL,\n\t\tinnerHTML: label\n\t});\n\n\tlet group = createSVG('g', {\n\t\ttransform: `translate(${x}, ${y})`\n\t});\n\tgroup.appendChild(createSVG(\"rect\", args));\n\tgroup.appendChild(text);\n\n\treturn group;\n}\n\nexport function legendDot(x, y, size, fill='none', label) {\n\tlet args = {\n\t\tclassName: 'legend-dot',\n\t\tcx: 0,\n\t\tcy: 0,\n\t\tr: size,\n\t\tfill: fill\n\t};\n\tlet text = createSVG('text', {\n\t\tclassName: 'legend-dataset-text',\n\t\tx: 0,\n\t\ty: 0,\n\t\tdx: (FONT_SIZE) + 'px',\n\t\tdy: (FONT_SIZE/3) + 'px',\n\t\t'font-size': (FONT_SIZE * 1.2) + 'px',\n\t\t'text-anchor': 'start',\n\t\tfill: FONT_FILL,\n\t\tinnerHTML: label\n\t});\n\n\tlet group = createSVG('g', {\n\t\ttransform: `translate(${x}, ${y})`\n\t});\n\tgroup.appendChild(createSVG(\"circle\", args));\n\tgroup.appendChild(text);\n\n\treturn group;\n}\n\nexport function makeText(className, x, y, content, options = {}) {\n\tlet fontSize = options.fontSize || FONT_SIZE;\n\tlet dy = options.dy !== undefined ? options.dy : (fontSize / 2);\n\tlet fill = options.fill || FONT_FILL;\n\tlet textAnchor = options.textAnchor || 'start';\n\treturn createSVG('text', {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\tdy: dy + 'px',\n\t\t'font-size': fontSize + 'px',\n\t\tfill: fill,\n\t\t'text-anchor': textAnchor,\n\t\tinnerHTML: content\n\t});\n}\n\nfunction makeVertLine(x, label, y1, y2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tlet l = createSVG('line', {\n\t\tclassName: 'line-vertical ' + options.className,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: y1,\n\t\ty2: y2,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: 0,\n\t\ty: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE,\n\t\tdy: FONT_SIZE + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'middle',\n\t\tinnerHTML: label + \"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(${ x }, 0)`\n\t});\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nfunction makeHoriLine(y, label, x1, x2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.lineType) options.lineType = '';\n\tif (options.shortenNumbers) label = shortenLargeNumber(label);\n\t\n\tlet className = 'line-horizontal ' + options.className +\n\t\t(options.lineType === \"dashed\" ? \"dashed\": \"\");\n\n\tlet l = createSVG('line', {\n\t\tclassName: className,\n\t\tx1: x1,\n\t\tx2: x2,\n\t\ty1: 0,\n\t\ty2: 0,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / 2 - 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': x1 < x2 ? 'end' : 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(0, ${y})`,\n\t\t'stroke-opacity': 1\n\t});\n\n\tif(text === 0 || text === '0') {\n\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\n\t}\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nexport function yLine(y, label, width, options={}) {\n\tif(!options.pos) options.pos = 'left';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\tlet x1 = -1 * AXIS_TICK_LENGTH;\n\tlet x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;\n\n\tif(options.mode === 'tick' && options.pos === 'right') {\n\t\tx1 = width + AXIS_TICK_LENGTH;\n\t\tx2 = width;\n\t}\n\n\t// let offset = options.pos === 'left' ? -1 * options.offset : options.offset;\n\n\tx1 += options.offset;\n\tx2 += options.offset;\n\n\treturn makeHoriLine(y, label, x1, x2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType,\n\t\tshortenNumbers: options.shortenNumbers\n\t});\n}\n\nexport function xLine(x, label, height, options={}) {\n\tif(!options.pos) options.pos = 'bottom';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\t// Draw X axis line in span/tick mode with optional label\n\t// \ty2(span)\n\t// \t\t\t\t\t\t|\n\t// \t\t\t\t\t\t|\n\t//\t\t\t\tx line\t|\n\t//\t\t\t\t\t\t|\n\t// \t\t\t\t\t \t|\n\t// ---------------------+-- y2(tick)\n\t//\t\t\t\t\t\t|\n\t//\t\t\t\t\t\t\ty1\n\n\tlet y1 = height + AXIS_TICK_LENGTH;\n\tlet y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : height;\n\n\tif(options.mode === 'tick' && options.pos === 'top') {\n\t\t// top axis ticks\n\t\ty1 = -1 * AXIS_TICK_LENGTH;\n\t\ty2 = 0;\n\t}\n\n\treturn makeVertLine(x, label, y1, y2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function yMarker(y, label, width, options={}) {\n\tif(!options.labelPos) options.labelPos = 'right';\n\tlet x = options.labelPos === 'left' ? LABEL_MARGIN\n\t\t: width - getStringWidth(label, 5) - LABEL_MARGIN;\n\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: x,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = makeHoriLine(y, '', 0, width, {\n\t\tstroke: options.stroke || BASE_LINE_COLOR,\n\t\tclassName: options.className || '',\n\t\tlineType: options.lineType\n\t});\n\n\tline.appendChild(labelSvg);\n\n\treturn line;\n}\n\nexport function yRegion(y1, y2, width, label, options={}) {\n\t// return a group\n\tlet height = y1 - y2;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`, // remove class\n\t\tstyles: {\n\t\t\tfill: `rgba(228, 234, 239, 0.49)`,\n\t\t\tstroke: BASE_LINE_COLOR,\n\t\t\t'stroke-dasharray': `${width}, ${height}`\n\t\t},\n\t\t// 'data-point-index': index,\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: width,\n\t\theight: height\n\t});\n\n\tif(!options.labelPos) options.labelPos = 'right';\n\tlet x = options.labelPos === 'left' ? LABEL_MARGIN\n\t\t: width - getStringWidth(label+\"\", 4.5) - LABEL_MARGIN;\n\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: x,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet region = createSVG('g', {\n\t\ttransform: `translate(0, ${y2})`\n\t});\n\n\tregion.appendChild(rect);\n\tregion.appendChild(labelSvg);\n\n\treturn region;\n}\n\nexport function datasetBar(x, yTop, width, color, label='', index=0, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\n\tif(height === 0) {\n\t\theight = meta.minHeight;\n\t\ty -= meta.minHeight;\n\t}\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`,\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: width,\n\t\theight: height\n\t});\n\n\tlabel += \"\";\n\n\tif(!label && !label.length) {\n\t\treturn rect;\n\t} else {\n\t\trect.setAttribute('y', 0);\n\t\trect.setAttribute('x', 0);\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: width/2,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\t'data-point-index': index,\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(rect);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function datasetDot(x, y, radius, color, label='', index=0) {\n\tlet dot = createSVG('circle', {\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tcx: x,\n\t\tcy: y,\n\t\tr: radius\n\t});\n\n\tlabel += \"\";\n\n\tif(!label && !label.length) {\n\t\treturn dot;\n\t} else {\n\t\tdot.setAttribute('cy', 0);\n\t\tdot.setAttribute('cx', 0);\n\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1 - radius) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\t'data-point-index': index,\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(dot);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function getPaths(xList, yList, color, options={}, meta={}) {\n\tlet pointsList = yList.map((y, i) => (xList[i] + ',' + y));\n\tlet pointsStr = pointsList.join(\"L\");\n\tlet path = makePath(\"M\"+pointsStr, 'line-graph-path', color);\n\n\t// HeatLine\n\tif(options.heatline) {\n\t\tlet gradient_id = makeGradient(meta.svgDefs, color);\n\t\tpath.style.stroke = `url(#${gradient_id})`;\n\t}\n\n\tlet paths = {\n\t\tpath: path\n\t};\n\n\t// Region\n\tif(options.regionFill) {\n\t\tlet gradient_id_region = makeGradient(meta.svgDefs, color, true);\n\n\t\tlet pathStr = \"M\" + `${xList[0]},${meta.zeroLine}L` + pointsStr + `L${xList.slice(-1)[0]},${meta.zeroLine}`;\n\t\tpaths.region = makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`);\n\t}\n\n\treturn paths;\n}\n\nexport let makeOverlay = {\n\t'bar': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'dot': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\tlet fill = unit.getAttribute('fill');\n\t\toverlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.setAttribute('fill', fill);\n\t\toverlay.style.opacity = '0.6';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'heat_square': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\tlet fill = unit.getAttribute('fill');\n\t\toverlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.setAttribute('fill', fill);\n\t\toverlay.style.opacity = '0.6';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t}\n};\n\nexport let updateOverlay = {\n\t'bar': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['x', 'y', 'width', 'height'];\n\t\tObject.values(unit.attributes)\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t\t.map(attr => {\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'dot': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t\t.map(attr => {\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'heat_square': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t\t.map(attr => {\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n};\n","import { getBarHeightAndYAttr } from './draw-utils';\n\nexport const UNIT_ANIM_DUR = 350;\nexport const PATH_ANIM_DUR = 350;\nexport const MARKER_LINE_ANIM_DUR = UNIT_ANIM_DUR;\nexport const REPLACE_ALL_NEW_DUR = 250;\n\nexport const STD_EASING = 'easein';\n\nexport function translate(unit, oldCoord, newCoord, duration) {\n\tlet old = typeof oldCoord === 'string' ? oldCoord : oldCoord.join(', ');\n\treturn [\n\t\tunit,\n\t\t{transform: newCoord.join(', ')},\n\t\tduration,\n\t\tSTD_EASING,\n\t\t\"translate\",\n\t\t{transform: old}\n\t];\n}\n\nexport function translateVertLine(xLine, newX, oldX) {\n\treturn translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR);\n}\n\nexport function translateHoriLine(yLine, newY, oldY) {\n\treturn translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR);\n}\n\nexport function animateRegion(rectGroup, newY1, newY2, oldY2) {\n\tlet newHeight = newY1 - newY2;\n\tlet rect = rectGroup.childNodes[0];\n\tlet width = rect.getAttribute(\"width\");\n\tlet rectAnim = [\n\t\trect,\n\t\t{ height: newHeight, 'stroke-dasharray': `${width}, ${newHeight}` },\n\t\tMARKER_LINE_ANIM_DUR,\n\t\tSTD_EASING\n\t];\n\n\tlet groupAnim = translate(rectGroup, [0, oldY2], [0, newY2], MARKER_LINE_ANIM_DUR);\n\treturn [rectAnim, groupAnim];\n}\n\nexport function animateBar(bar, x, yTop, width, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\tif(bar.nodeName !== 'rect') {\n\t\tlet rect = bar.childNodes[0];\n\t\tlet rectAnim = [\n\t\t\trect,\n\t\t\t{width: width, height: height},\n\t\t\tUNIT_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\n\t\tlet oldCoordStr = bar.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(bar, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [rectAnim, groupAnim];\n\t} else {\n\t\treturn [[bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animateDot(dot, x, y) {\n\tif(dot.nodeName !== 'circle') {\n\t\tlet oldCoordStr = dot.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(dot, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [groupAnim];\n\t} else {\n\t\treturn [[dot, {cx: x, cy: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animatePath(paths, newXList, newYList, zeroLine) {\n\tlet pathComponents = [];\n\n\tlet pointsStr = newYList.map((y, i) => (newXList[i] + ',' + y));\n\tlet pathStr = pointsStr.join(\"L\");\n\n\tconst animPath = [paths.path, {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\tpathComponents.push(animPath);\n\n\tif(paths.region) {\n\t\tlet regStartPt = `${newXList[0]},${zeroLine}L`;\n\t\tlet regEndPt = `L${newXList.slice(-1)[0]}, ${zeroLine}`;\n\n\t\tconst animRegion = [\n\t\t\tpaths.region,\n\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\tPATH_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\t\tpathComponents.push(animRegion);\n\t}\n\n\treturn pathComponents;\n}\n\nexport function animatePathStr(oldPath, pathStr) {\n\treturn [oldPath, {d: pathStr}, UNIT_ANIM_DUR, STD_EASING];\n}\n","// Leveraging SMIL Animations\n\nimport { REPLACE_ALL_NEW_DUR } from './animate';\n\nconst EASING = {\n\tease: \"0.25 0.1 0.25 1\",\n\tlinear: \"0 0 1 1\",\n\t// easein: \"0.42 0 1 1\",\n\teasein: \"0.1 0.8 0.2 1\",\n\teaseout: \"0 0 0.58 1\",\n\teaseinout: \"0.42 0 0.58 1\"\n};\n\nfunction animateSVGElement(element, props, dur, easingType=\"linear\", type=undefined, oldValues={}) {\n\n\tlet animElement = element.cloneNode(true);\n\tlet newElement = element.cloneNode(true);\n\n\tfor(var attributeName in props) {\n\t\tlet animateElement;\n\t\tif(attributeName === 'transform') {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animateTransform\");\n\t\t} else {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animate\");\n\t\t}\n\t\tlet currentValue = oldValues[attributeName] || element.getAttribute(attributeName);\n\t\tlet value = props[attributeName];\n\n\t\tlet animAttr = {\n\t\t\tattributeName: attributeName,\n\t\t\tfrom: currentValue,\n\t\t\tto: value,\n\t\t\tbegin: \"0s\",\n\t\t\tdur: dur/1000 + \"s\",\n\t\t\tvalues: currentValue + \";\" + value,\n\t\t\tkeySplines: EASING[easingType],\n\t\t\tkeyTimes: \"0;1\",\n\t\t\tcalcMode: \"spline\",\n\t\t\tfill: 'freeze'\n\t\t};\n\n\t\tif(type) {\n\t\t\tanimAttr[\"type\"] = type;\n\t\t}\n\n\t\tfor (var i in animAttr) {\n\t\t\tanimateElement.setAttribute(i, animAttr[i]);\n\t\t}\n\n\t\tanimElement.appendChild(animateElement);\n\n\t\tif(type) {\n\t\t\tnewElement.setAttribute(attributeName, `translate(${value})`);\n\t\t} else {\n\t\t\tnewElement.setAttribute(attributeName, value);\n\t\t}\n\t}\n\n\treturn [animElement, newElement];\n}\n\nexport function transform(element, style) { // eslint-disable-line no-unused-vars\n\telement.style.transform = style;\n\telement.style.webkitTransform = style;\n\telement.style.msTransform = style;\n\telement.style.mozTransform = style;\n\telement.style.oTransform = style;\n}\n\nfunction animateSVG(svgContainer, elements) {\n\tlet newElements = [];\n\tlet animElements = [];\n\n\telements.map(element => {\n\t\tlet unit = element[0];\n\t\tlet parent = unit.parentNode;\n\n\t\tlet animElement, newElement;\n\n\t\telement[0] = unit;\n\t\t[animElement, newElement] = animateSVGElement(...element);\n\n\t\tnewElements.push(newElement);\n\t\tanimElements.push([animElement, parent]);\n\n\t\tparent.replaceChild(animElement, unit);\n\t});\n\n\tlet animSvg = svgContainer.cloneNode(true);\n\n\tanimElements.map((animElement, i) => {\n\t\tanimElement[1].replaceChild(newElements[i], animElement[0]);\n\t\telements[i][0] = newElements[i];\n\t});\n\n\treturn animSvg;\n}\n\nexport function runSMILAnimation(parent, svgElement, elementsToAnimate) {\n\tif(elementsToAnimate.length === 0) return;\n\n\tlet animSvgElement = animateSVG(svgElement, elementsToAnimate);\n\tif(svgElement.parentNode == parent) {\n\t\tparent.removeChild(svgElement);\n\t\tparent.appendChild(animSvgElement);\n\n\t}\n\n\t// Replace the new svgElement (data has already been replaced)\n\tsetTimeout(() => {\n\t\tif(animSvgElement.parentNode == parent) {\n\t\t\tparent.removeChild(animSvgElement);\n\t\t\tparent.appendChild(svgElement);\n\t\t}\n\t}, REPLACE_ALL_NEW_DUR);\n}\n","import { $ } from '../utils/dom';\nimport { CSSTEXT } from '../../css/chartsCss';\n\nexport function downloadFile(filename, data) {\n\tvar a = document.createElement('a');\n\ta.style = \"display: none\";\n\tvar blob = new Blob(data, {type: \"image/svg+xml; charset=utf-8\"});\n\tvar url = window.URL.createObjectURL(blob);\n\ta.href = url;\n\ta.download = filename;\n\tdocument.body.appendChild(a);\n\ta.click();\n\tsetTimeout(function(){\n\t\tdocument.body.removeChild(a);\n\t\twindow.URL.revokeObjectURL(url);\n\t}, 300);\n}\n\nexport function prepareForExport(svg) {\n\tlet clone = svg.cloneNode(true);\n\tclone.classList.add('chart-container');\n\tclone.setAttribute('xmlns', \"http://www.w3.org/2000/svg\");\n\tclone.setAttribute('xmlns:xlink', \"http://www.w3.org/1999/xlink\");\n\tlet styleEl = $.create('style', {\n\t\t'innerHTML': CSSTEXT\n\t});\n\tclone.insertBefore(styleEl, clone.firstChild);\n\n\tlet container = $.create('div');\n\tcontainer.appendChild(clone);\n\n\treturn container.innerHTML;\n}\n","// Playing around with dates\n\nexport const NO_OF_YEAR_MONTHS = 12;\nexport const NO_OF_DAYS_IN_WEEK = 7;\nexport const DAYS_IN_YEAR = 375;\nexport const NO_OF_MILLIS = 1000;\nexport const SEC_IN_DAY = 86400;\n\nexport const MONTH_NAMES = [\"January\", \"February\", \"March\", \"April\", \"May\",\n\t\"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\"];\nexport const MONTH_NAMES_SHORT = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\",\n\t\"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"];\n\nexport const DAY_NAMES_SHORT = [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\"];\nexport const DAY_NAMES = [\"Sunday\", \"Monday\", \"Tuesday\", \"Wednesday\",\n\t\"Thursday\", \"Friday\", \"Saturday\"];\n\n// https://stackoverflow.com/a/11252167/6495043\nfunction treatAsUtc(date) {\n\tlet result = new Date(date);\n\tresult.setMinutes(result.getMinutes() - result.getTimezoneOffset());\n\treturn result;\n}\n\nexport function getYyyyMmDd(date) {\n\tlet dd = date.getDate();\n\tlet mm = date.getMonth() + 1; // getMonth() is zero-based\n\treturn [\n\t\tdate.getFullYear(),\n\t\t(mm>9 ? '' : '0') + mm,\n\t\t(dd>9 ? '' : '0') + dd\n\t].join('-');\n}\n\nexport function clone(date) {\n\treturn new Date(date.getTime());\n}\n\nexport function timestampSec(date) {\n\treturn date.getTime()/NO_OF_MILLIS;\n}\n\nexport function timestampToMidnight(timestamp, roundAhead = false) {\n\tlet midnightTs = Math.floor(timestamp - (timestamp % SEC_IN_DAY));\n\tif(roundAhead) {\n\t\treturn midnightTs + SEC_IN_DAY;\n\t}\n\treturn midnightTs;\n}\n\n// export function getMonthsBetween(startDate, endDate) {}\n\nexport function getWeeksBetween(startDate, endDate) {\n\tlet weekStartDate = setDayToSunday(startDate);\n\treturn Math.ceil(getDaysBetween(weekStartDate, endDate) / NO_OF_DAYS_IN_WEEK);\n}\n\nexport function getDaysBetween(startDate, endDate) {\n\tlet millisecondsPerDay = SEC_IN_DAY * NO_OF_MILLIS;\n\treturn (treatAsUtc(endDate) - treatAsUtc(startDate)) / millisecondsPerDay;\n}\n\nexport function areInSameMonth(startDate, endDate) {\n\treturn startDate.getMonth() === endDate.getMonth()\n\t\t&& startDate.getFullYear() === endDate.getFullYear();\n}\n\nexport function getMonthName(i, short=false) {\n\tlet monthName = MONTH_NAMES[i];\n\treturn short ? monthName.slice(0, 3) : monthName;\n}\n\nexport function getLastDateInMonth (month, year) {\n\treturn new Date(year, month + 1, 0); // 0: last day in previous month\n}\n\n// mutates\nexport function setDayToSunday(date) {\n\tlet newDate = clone(date);\n\tconst day = newDate.getDay();\n\tif(day !== 0) {\n\t\taddDays(newDate, (-1) * day);\n\t}\n\treturn newDate;\n}\n\n// mutates\nexport function addDays(date, numberOfDays) {\n\tdate.setDate(date.getDate() + numberOfDays);\n}\n","import { makeSVGGroup } from '../utils/draw';\nimport { makeText, makePath, xLine, yLine, yMarker, yRegion, datasetBar, datasetDot, percentageBar, getPaths, heatSquare } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { translateHoriLine, translateVertLine, animateRegion, animateBar,\n\tanimateDot, animatePath, animatePathStr } from '../utils/animate';\nimport { getMonthName } from '../utils/date-utils';\n\nclass ChartComponent {\n\tconstructor({\n\t\tlayerClass = '',\n\t\tlayerTransform = '',\n\t\tconstants,\n\n\t\tgetData,\n\t\tmakeElements,\n\t\tanimateElements\n\t}) {\n\t\tthis.layerTransform = layerTransform;\n\t\tthis.constants = constants;\n\n\t\tthis.makeElements = makeElements;\n\t\tthis.getData = getData;\n\n\t\tthis.animateElements = animateElements;\n\n\t\tthis.store = [];\n\t\tthis.labels = [];\n\n\t\tthis.layerClass = layerClass;\n\t\tthis.layerClass = typeof(this.layerClass) === 'function'\n\t\t\t? this.layerClass() : this.layerClass;\n\n\t\tthis.refresh();\n\t}\n\n\trefresh(data) {\n\t\tthis.data = data || this.getData();\n\t}\n\n\tsetup(parent) {\n\t\tthis.layer = makeSVGGroup(this.layerClass, this.layerTransform, parent);\n\t}\n\n\tmake() {\n\t\tthis.render(this.data);\n\t\tthis.oldData = this.data;\n\t}\n\n\trender(data) {\n\t\tthis.store = this.makeElements(data);\n\n\t\tthis.layer.textContent = '';\n\t\tthis.store.forEach(element => {\n\t\t\tthis.layer.appendChild(element);\n\t\t});\n\t\tthis.labels.forEach(element => {\n\t\t\tthis.layer.appendChild(element);\n\t\t});\n\t}\n\n\tupdate(animate = true) {\n\t\tthis.refresh();\n\t\tlet animateElements = [];\n\t\tif(animate) {\n\t\t\tanimateElements = this.animateElements(this.data) || [];\n\t\t}\n\t\treturn animateElements;\n\t}\n}\n\nlet componentConfigs = {\n\tdonutSlices: {\n\t\tlayerClass: 'donut-slices',\n\t\tmakeElements(data) {\n\t\t\treturn data.sliceStrings.map((s, i) => {\n\t\t\t\tlet slice = makePath(s, 'donut-path', data.colors[i], 'none', data.strokeWidth);\n\t\t\t\tslice.style.transition = 'transform .3s;';\n\t\t\t\treturn slice;\n\t\t\t});\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\treturn this.store.map((slice, i) => animatePathStr(slice, newData.sliceStrings[i]));\n\t\t},\n\t},\n\tpieSlices: {\n\t\tlayerClass: 'pie-slices',\n\t\tmakeElements(data) {\n\t\t\treturn data.sliceStrings.map((s, i) =>{\n\t\t\t\tlet slice = makePath(s, 'pie-path', 'none', data.colors[i]);\n\t\t\t\tslice.style.transition = 'transform .3s;';\n\t\t\t\treturn slice;\n\t\t\t});\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\treturn this.store.map((slice, i) =>\n\t\t\t\tanimatePathStr(slice, newData.sliceStrings[i])\n\t\t\t);\n\t\t}\n\t},\n\tpercentageBars: {\n\t\tlayerClass: 'percentage-bars',\n\t\tmakeElements(data) {\n\t\t\treturn data.xPositions.map((x, i) =>{\n\t\t\t\tlet y = 0;\n\t\t\t\tlet bar = percentageBar(x, y, data.widths[i],\n\t\t\t\t\tthis.constants.barHeight, this.constants.barDepth, data.colors[i]);\n\t\t\t\treturn bar;\n\t\t\t});\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tif(newData) return [];\n\t\t}\n\t},\n\tyAxis: {\n\t\tlayerClass: 'y axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\tyLine(position, data.labels[i], this.constants.width,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos, shortenNumbers: this.constants.shortenNumbers})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.labels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tlabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\txAxis: {\n\t\tlayerClass: 'x axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\txLine(position, data.calcLabels[i], this.constants.height,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.calcLabels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.calcLabels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tcalcLabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateVertLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyMarkers: {\n\t\tlayerClass: 'y-markers',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(m =>\n\t\t\t\tyMarker(m.position, m.label, this.constants.width,\n\t\t\t\t\t{labelPos: m.options.labelPos, mode: 'span', lineType: 'dashed'})\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.position);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\t\t\tlet newOptions = newData.map(d => d.options);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.position);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tposition: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i],\n\t\t\t\t\toptions: newOptions[i]\n\t\t\t\t};\n\t\t\t}));\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyRegions: {\n\t\tlayerClass: 'y-regions',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(r =>\n\t\t\t\tyRegion(r.startPos, r.endPos, this.constants.width,\n\t\t\t\t\tr.label, {labelPos: r.options.labelPos})\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.endPos);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\t\t\tlet newStarts = newData.map(d => d.startPos);\n\t\t\tlet newOptions = newData.map(d => d.options);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.endPos);\n\t\t\tlet oldStarts = this.oldData.map(d => d.startPos);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tstartPos: oldStarts[i],\n\t\t\t\t\tendPos: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i],\n\t\t\t\t\toptions: newOptions[i]\n\t\t\t\t};\n\t\t\t}));\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((rectGroup, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateRegion(\n\t\t\t\t\trectGroup, newStarts[i], newPos[i], oldPos[i]\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\theatDomain: {\n\t\tlayerClass: function() { return 'heat-domain domain-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet {index, colWidth, rowHeight, squareSize, xTranslate} = this.constants;\n\t\t\tlet monthNameHeight = -12;\n\t\t\tlet x = xTranslate, y = 0;\n\n\t\t\tthis.serializedSubDomains = [];\n\n\t\t\tdata.cols.map((week, weekNo) => {\n\t\t\t\tif(weekNo === 1) {\n\t\t\t\t\tthis.labels.push(\n\t\t\t\t\t\tmakeText('domain-name', x, monthNameHeight, getMonthName(index, true).toUpperCase(),\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tfontSize: 9\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t)\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tweek.map((day, i) => {\n\t\t\t\t\tif(day.fill) {\n\t\t\t\t\t\tlet data = {\n\t\t\t\t\t\t\t'data-date': day.yyyyMmDd,\n\t\t\t\t\t\t\t'data-value': day.dataValue,\n\t\t\t\t\t\t\t'data-day': i\n\t\t\t\t\t\t};\n\t\t\t\t\t\tlet square = heatSquare('day', x, y, squareSize, day.fill, data);\n\t\t\t\t\t\tthis.serializedSubDomains.push(square);\n\t\t\t\t\t}\n\t\t\t\t\ty += rowHeight;\n\t\t\t\t});\n\t\t\t\ty = 0;\n\t\t\t\tx += colWidth;\n\t\t\t});\n\n\t\t\treturn this.serializedSubDomains;\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tif(newData) return [];\n\t\t}\n\t},\n\n\tbarGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-bars dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'bar';\n\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\treturn datasetBar(\n\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\ty,\n\t\t\t\t\tdata.barWidth,\n\t\t\t\t\tc.color,\n\t\t\t\t\tdata.labels[j],\n\t\t\t\t\tj,\n\t\t\t\t\tdata.offsets[j],\n\t\t\t\t\t{\n\t\t\t\t\t\tzeroLine: data.zeroLine,\n\t\t\t\t\t\tbarsWidth: data.barsWidth,\n\t\t\t\t\t\tminHeight: c.minHeight\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t});\n\t\t\treturn this.units;\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newOffsets = newData.offsets;\n\t\t\tlet newLabels = newData.labels;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldOffsets = this.oldData.offsets;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldOffsets, newOffsets] = equilizeNoOfElements(oldOffsets, newOffsets);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\toffsets: oldOffsets,\n\t\t\t\tlabels: newLabels,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tbarsWidth: this.oldData.barsWidth,\n\t\t\t\tbarWidth: this.oldData.barWidth,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((bar, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateBar(\n\t\t\t\t\tbar, newXPos[i], newYPos[i], newData.barWidth, newOffsets[i],\n\t\t\t\t\t{zeroLine: newData.zeroLine}\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tlineGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-line dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'dot';\n\t\t\tthis.paths = {};\n\t\t\tif(!c.hideLine) {\n\t\t\t\tthis.paths = getPaths(\n\t\t\t\t\tdata.xPositions,\n\t\t\t\t\tdata.yPositions,\n\t\t\t\t\tc.color,\n\t\t\t\t\t{\n\t\t\t\t\t\theatline: c.heatline,\n\t\t\t\t\t\tregionFill: c.regionFill\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tsvgDefs: c.svgDefs,\n\t\t\t\t\t\tzeroLine: data.zeroLine\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tthis.units = [];\n\t\t\tif(!c.hideDots) {\n\t\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\t\treturn datasetDot(\n\t\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\t\ty,\n\t\t\t\t\t\tdata.radius,\n\t\t\t\t\t\tc.color,\n\t\t\t\t\t\t(c.valuesOverPoints ? data.values[j] : ''),\n\t\t\t\t\t\tj\n\t\t\t\t\t);\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn Object.values(this.paths).concat(this.units);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newValues = newData.values;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldValues = this.oldData.values;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldValues, newValues] = equilizeNoOfElements(oldValues, newValues);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\tvalues: newValues,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tradius: this.oldData.radius,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tif(Object.keys(this.paths).length) {\n\t\t\t\tanimateElements = animateElements.concat(animatePath(\n\t\t\t\t\tthis.paths, newXPos, newYPos, newData.zeroLine));\n\t\t\t}\n\n\t\t\tif(this.units.length) {\n\t\t\t\tthis.units.map((dot, i) => {\n\t\t\t\t\tanimateElements = animateElements.concat(animateDot(\n\t\t\t\t\t\tdot, newXPos[i], newYPos[i]));\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn animateElements;\n\t\t}\n\t}\n};\n\nexport function getComponent(name, constants, getData) {\n\tlet keys = Object.keys(componentConfigs).filter(k => name.includes(k));\n\tlet config = componentConfigs[keys[0]];\n\tObject.assign(config, {\n\t\tconstants: constants,\n\t\tgetData: getData\n\t});\n\treturn new ChartComponent(config);\n}\n","import { floatTwo } from './helpers';\n\nfunction normalize(x) {\n\t// Calculates mantissa and exponent of a number\n\t// Returns normalized number and exponent\n\t// https://stackoverflow.com/q/9383593/6495043\n\n\tif(x===0) {\n\t\treturn [0, 0];\n\t}\n\tif(isNaN(x)) {\n\t\treturn {mantissa: -6755399441055744, exponent: 972};\n\t}\n\tvar sig = x > 0 ? 1 : -1;\n\tif(!isFinite(x)) {\n\t\treturn {mantissa: sig * 4503599627370496, exponent: 972};\n\t}\n\n\tx = Math.abs(x);\n\tvar exp = Math.floor(Math.log10(x));\n\tvar man = x/Math.pow(10, exp);\n\n\treturn [sig * man, exp];\n}\n\nfunction getChartRangeIntervals(max, min=0) {\n\tlet upperBound = Math.ceil(max);\n\tlet lowerBound = Math.floor(min);\n\tlet range = upperBound - lowerBound;\n\n\tlet noOfParts = range;\n\tlet partSize = 1;\n\n\t// To avoid too many partitions\n\tif(range > 5) {\n\t\tif(range % 2 !== 0) {\n\t\t\tupperBound++;\n\t\t\t// Recalc range\n\t\t\trange = upperBound - lowerBound;\n\t\t}\n\t\tnoOfParts = range/2;\n\t\tpartSize = 2;\n\t}\n\n\t// Special case: 1 and 2\n\tif(range <= 2) {\n\t\tnoOfParts = 4;\n\t\tpartSize = range/noOfParts;\n\t}\n\n\t// Special case: 0\n\tif(range === 0) {\n\t\tnoOfParts = 5;\n\t\tpartSize = 1;\n\t}\n\n\tlet intervals = [];\n\tfor(var i = 0; i <= noOfParts; i++){\n\t\tintervals.push(lowerBound + partSize * i);\n\t}\n\treturn intervals;\n}\n\nfunction getChartIntervals(maxValue, minValue=0) {\n\tlet [normalMaxValue, exponent] = normalize(maxValue);\n\tlet normalMinValue = minValue ? minValue/Math.pow(10, exponent): 0;\n\n\t// Allow only 7 significant digits\n\tnormalMaxValue = normalMaxValue.toFixed(6);\n\n\tlet intervals = getChartRangeIntervals(normalMaxValue, normalMinValue);\n\tintervals = intervals.map(value => value * Math.pow(10, exponent));\n\treturn intervals;\n}\n\nexport function calcChartIntervals(values, withMinimum=false) {\n\t//*** Where the magic happens ***\n\n\t// Calculates best-fit y intervals from given values\n\t// and returns the interval array\n\n\tlet maxValue = Math.max(...values);\n\tlet minValue = Math.min(...values);\n\n\t// Exponent to be used for pretty print\n\tlet exponent = 0, intervals = []; // eslint-disable-line no-unused-vars\n\n\tfunction getPositiveFirstIntervals(maxValue, absMinValue) {\n\t\tlet intervals = getChartIntervals(maxValue);\n\n\t\tlet intervalSize = intervals[1] - intervals[0];\n\n\t\t// Then unshift the negative values\n\t\tlet value = 0;\n\t\tfor(var i = 1; value < absMinValue; i++) {\n\t\t\tvalue += intervalSize;\n\t\t\tintervals.unshift((-1) * value);\n\t\t}\n\t\treturn intervals;\n\t}\n\n\t// CASE I: Both non-negative\n\n\tif(maxValue >= 0 && minValue >= 0) {\n\t\texponent = normalize(maxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(maxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(maxValue, minValue);\n\t\t}\n\t}\n\n\t// CASE II: Only minValue negative\n\n\telse if(maxValue > 0 && minValue < 0) {\n\t\t// `withMinimum` irrelevant in this case,\n\t\t// We'll be handling both sides of zero separately\n\t\t// (both starting from zero)\n\t\t// Because ceil() and floor() behave differently\n\t\t// in those two regions\n\n\t\tlet absMinValue = Math.abs(minValue);\n\n\t\tif(maxValue >= absMinValue) {\n\t\t\texponent = normalize(maxValue)[1];\n\t\t\tintervals = getPositiveFirstIntervals(maxValue, absMinValue);\n\t\t} else {\n\t\t\t// Mirror: maxValue => absMinValue, then change sign\n\t\t\texponent = normalize(absMinValue)[1];\n\t\t\tlet posIntervals = getPositiveFirstIntervals(absMinValue, maxValue);\n\t\t\tintervals = posIntervals.map(d => d * (-1));\n\t\t}\n\n\t}\n\n\t// CASE III: Both non-positive\n\n\telse if(maxValue <= 0 && minValue <= 0) {\n\t\t// Mirrored Case I:\n\t\t// Work with positives, then reverse the sign and array\n\n\t\tlet pseudoMaxValue = Math.abs(minValue);\n\t\tlet pseudoMinValue = Math.abs(maxValue);\n\n\t\texponent = normalize(pseudoMaxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue, pseudoMinValue);\n\t\t}\n\n\t\tintervals = intervals.reverse().map(d => d * (-1));\n\t}\n\n\treturn intervals;\n}\n\nexport function getZeroIndex(yPts) {\n\tlet zeroIndex;\n\tlet interval = getIntervalSize(yPts);\n\tif(yPts.indexOf(0) >= 0) {\n\t\t// the range has a given zero\n\t\t// zero-line on the chart\n\t\tzeroIndex = yPts.indexOf(0);\n\t} else if(yPts[0] > 0) {\n\t\t// Minimum value is positive\n\t\t// zero-line is off the chart: below\n\t\tlet min = yPts[0];\n\t\tzeroIndex = (-1) * min / interval;\n\t} else {\n\t\t// Maximum value is negative\n\t\t// zero-line is off the chart: above\n\t\tlet max = yPts[yPts.length - 1];\n\t\tzeroIndex = (-1) * max / interval + (yPts.length - 1);\n\t}\n\treturn zeroIndex;\n}\n\nexport function getRealIntervals(max, noOfIntervals, min = 0, asc = 1) {\n\tlet range = max - min;\n\tlet part = range * 1.0 / noOfIntervals;\n\tlet intervals = [];\n\n\tfor(var i = 0; i <= noOfIntervals; i++) {\n\t\tintervals.push(min + part * i);\n\t}\n\n\treturn asc ? intervals : intervals.reverse();\n}\n\nexport function getIntervalSize(orderedArray) {\n\treturn orderedArray[1] - orderedArray[0];\n}\n\nexport function getValueRange(orderedArray) {\n\treturn orderedArray[orderedArray.length-1] - orderedArray[0];\n}\n\nexport function scale(val, yAxis) {\n\treturn floatTwo(yAxis.zeroLine - val * yAxis.scaleMultiplier);\n}\n\nexport function isInRange(val, min, max) {\n\treturn val > min && val < max;\n}\n\nexport function isInRange2D(coord, minCoord, maxCoord) {\n\treturn isInRange(coord[0], minCoord[0], maxCoord[0])\n\t\t&& isInRange(coord[1], minCoord[1], maxCoord[1]);\n}\n\nexport function getClosestInArray(goal, arr, index = false) {\n\tlet closest = arr.reduce(function(prev, curr) {\n\t\treturn (Math.abs(curr - goal) < Math.abs(prev - goal) ? curr : prev);\n\t});\n\n\treturn index ? arr.indexOf(closest) : closest;\n}\n\nexport function calcDistribution(values, distributionSize) {\n\t// Assume non-negative values,\n\t// implying distribution minimum at zero\n\n\tlet dataMaxValue = Math.max(...values);\n\n\tlet distributionStep = 1 / (distributionSize - 1);\n\tlet distribution = [];\n\n\tfor(var i = 0; i < distributionSize; i++) {\n\t\tlet checkpoint = dataMaxValue * (distributionStep * i);\n\t\tdistribution.push(checkpoint);\n\t}\n\n\treturn distribution;\n}\n\nexport function getMaxCheckpoint(value, distribution) {\n\treturn distribution.filter(d => d < value).length;\n}\n","import { fillArray } from '../utils/helpers';\nimport { DEFAULT_AXIS_CHART_TYPE, AXIS_DATASET_CHART_TYPES, DEFAULT_CHAR_WIDTH } from '../utils/constants';\n\nexport function dataPrep(data, type) {\n\tdata.labels = data.labels || [];\n\n\tlet datasetLength = data.labels.length;\n\n\t// Datasets\n\tlet datasets = data.datasets;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\tif(!datasets) {\n\t\t// default\n\t\tdatasets = [{\n\t\t\tvalues: zeroArray\n\t\t}];\n\t}\n\n\tdatasets.map(d=> {\n\t\t// Set values\n\t\tif(!d.values) {\n\t\t\td.values = zeroArray;\n\t\t} else {\n\t\t\t// Check for non values\n\t\t\tlet vals = d.values;\n\t\t\tvals = vals.map(val => (!isNaN(val) ? val : 0));\n\n\t\t\t// Trim or extend\n\t\t\tif(vals.length > datasetLength) {\n\t\t\t\tvals = vals.slice(0, datasetLength);\n\t\t\t} else {\n\t\t\t\tvals = fillArray(vals, datasetLength - vals.length, 0);\n\t\t\t}\n\t\t}\n\n\t\t// Set labels\n\t\t//\n\n\t\t// Set type\n\t\tif(!d.chartType ) {\n\t\t\tif(!AXIS_DATASET_CHART_TYPES.includes(type)) type === DEFAULT_AXIS_CHART_TYPE;\n\t\t\td.chartType = type;\n\t\t}\n\n\t});\n\n\t// Markers\n\n\t// Regions\n\t// data.yRegions = data.yRegions || [];\n\tif(data.yRegions) {\n\t\tdata.yRegions.map(d => {\n\t\t\tif(d.end < d.start) {\n\t\t\t\t[d.start, d.end] = [d.end, d.start];\n\t\t\t}\n\t\t});\n\t}\n\n\treturn data;\n}\n\nexport function zeroDataPrep(realData) {\n\tlet datasetLength = realData.labels.length;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\n\tlet zeroData = {\n\t\tlabels: realData.labels.slice(0, -1),\n\t\tdatasets: realData.datasets.map(d => {\n\t\t\treturn {\n\t\t\t\tname: '',\n\t\t\t\tvalues: zeroArray.slice(0, -1),\n\t\t\t\tchartType: d.chartType\n\t\t\t};\n\t\t}),\n\t};\n\n\tif(realData.yMarkers) {\n\t\tzeroData.yMarkers = [\n\t\t\t{\n\t\t\t\tvalue: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\tif(realData.yRegions) {\n\t\tzeroData.yRegions = [\n\t\t\t{\n\t\t\t\tstart: 0,\n\t\t\t\tend: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\treturn zeroData;\n}\n\nexport function getShortenedLabels(chartWidth, labels=[], isSeries=true) {\n\tlet allowedSpace = chartWidth / labels.length;\n\tif(allowedSpace <= 0) allowedSpace = 1;\n\tlet allowedLetters = allowedSpace / DEFAULT_CHAR_WIDTH;\n\n\tlet calcLabels = labels.map((label, i) => {\n\t\tlabel += \"\";\n\t\tif(label.length > allowedLetters) {\n\n\t\t\tif(!isSeries) {\n\t\t\t\tif(allowedLetters-3 > 0) {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters-3) + \" ...\";\n\t\t\t\t} else {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters) + '..';\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tlet multiple = Math.ceil(label.length/allowedLetters);\n\t\t\t\tif(i % multiple !== 0) {\n\t\t\t\t\tlabel = \"\";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn label;\n\t});\n\n\treturn calcLabels;\n}\n","import '../css/charts.scss';\n\n// import MultiAxisChart from './charts/MultiAxisChart';\nimport PercentageChart from './charts/PercentageChart';\nimport PieChart from './charts/PieChart';\nimport Heatmap from './charts/Heatmap';\nimport AxisChart from './charts/AxisChart';\nimport DonutChart from './charts/DonutChart';\n\nconst chartTypes = {\n\tbar: AxisChart,\n\tline: AxisChart,\n\t// multiaxis: MultiAxisChart,\n\tpercentage: PercentageChart,\n\theatmap: Heatmap,\n\tpie: PieChart,\n\tdonut: DonutChart,\n};\n\nfunction getChartByType(chartType = 'line', parent, options) {\n\tif (chartType === 'axis-mixed') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t}\n\n\tif (!chartTypes[chartType]) {\n\t\tconsole.error(\"Undefined chart type: \" + chartType);\n\t\treturn;\n\t}\n\n\treturn new chartTypes[chartType](parent, options);\n}\n\nclass Chart {\n\tconstructor(parent, options) {\n\t\treturn getChartByType(options.type, parent, options);\n\t}\n}\n\nexport { Chart, PercentageChart, PieChart, Heatmap, AxisChart };","function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","import { $ } from '../utils/dom';\nimport { TOOLTIP_POINTER_TRIANGLE_HEIGHT } from '../utils/constants';\n\nexport default class SvgTip {\n\tconstructor({\n\t\tparent = null,\n\t\tcolors = []\n\t}) {\n\t\tthis.parent = parent;\n\t\tthis.colors = colors;\n\t\tthis.titleName = '';\n\t\tthis.titleValue = '';\n\t\tthis.listValues = [];\n\t\tthis.titleValueFirst = 0;\n\n\t\tthis.x = 0;\n\t\tthis.y = 0;\n\n\t\tthis.top = 0;\n\t\tthis.left = 0;\n\n\t\tthis.setup();\n\t}\n\n\tsetup() {\n\t\tthis.makeTooltip();\n\t}\n\n\trefresh() {\n\t\tthis.fill();\n\t\tthis.calcPosition();\n\t}\n\n\tmakeTooltip() {\n\t\tthis.container = $.create('div', {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'graph-svg-tip comparison',\n\t\t\tinnerHTML: `\n\t\t\t\t
              \n\t\t\t\t
              `\n\t\t});\n\t\tthis.hideTip();\n\n\t\tthis.title = this.container.querySelector('.title');\n\t\tthis.dataPointList = this.container.querySelector('.data-point-list');\n\n\t\tthis.parent.addEventListener('mouseleave', () => {\n\t\t\tthis.hideTip();\n\t\t});\n\t}\n\n\tfill() {\n\t\tlet title;\n\t\tif(this.index) {\n\t\t\tthis.container.setAttribute('data-point-index', this.index);\n\t\t}\n\t\tif(this.titleValueFirst) {\n\t\t\ttitle = `${this.titleValue}${this.titleName}`;\n\t\t} else {\n\t\t\ttitle = `${this.titleName}${this.titleValue}`;\n\t\t}\n\t\tthis.title.innerHTML = title;\n\t\tthis.dataPointList.innerHTML = '';\n\n\t\tthis.listValues.map((set, i) => {\n\t\t\tconst color = this.colors[i] || 'black';\n\t\t\tlet value = set.formatted === 0 || set.formatted ? set.formatted : set.value;\n\n\t\t\tlet li = $.create('li', {\n\t\t\t\tstyles: {\n\t\t\t\t\t'border-top': `3px solid ${color}`\n\t\t\t\t},\n\t\t\t\tinnerHTML: `${ value === 0 || value ? value : '' }\n\t\t\t\t\t${set.title ? set.title : '' }`\n\t\t\t});\n\n\t\t\tthis.dataPointList.appendChild(li);\n\t\t});\n\t}\n\n\tcalcPosition() {\n\t\tlet width = this.container.offsetWidth;\n\n\t\tthis.top = this.y - this.container.offsetHeight\n\t\t\t- TOOLTIP_POINTER_TRIANGLE_HEIGHT;\n\t\tthis.left = this.x - width/2;\n\t\tlet maxLeft = this.parent.offsetWidth - width;\n\n\t\tlet pointer = this.container.querySelector('.svg-pointer');\n\n\t\tif(this.left < 0) {\n\t\t\tpointer.style.left = `calc(50% - ${-1 * this.left}px)`;\n\t\t\tthis.left = 0;\n\t\t} else if(this.left > maxLeft) {\n\t\t\tlet delta = this.left - maxLeft;\n\t\t\tlet pointerOffset = `calc(50% + ${delta}px)`;\n\t\t\tpointer.style.left = pointerOffset;\n\n\t\t\tthis.left = maxLeft;\n\t\t} else {\n\t\t\tpointer.style.left = `50%`;\n\t\t}\n\t}\n\n\tsetValues(x, y, title = {}, listValues = [], index = -1) {\n\t\tthis.titleName = title.name;\n\t\tthis.titleValue = title.value;\n\t\tthis.listValues = listValues;\n\t\tthis.x = x;\n\t\tthis.y = y;\n\t\tthis.titleValueFirst = title.valueFirst || 0;\n\t\tthis.index = index;\n\t\tthis.refresh();\n\t}\n\n\thideTip() {\n\t\tthis.container.style.top = '0px';\n\t\tthis.container.style.left = '0px';\n\t\tthis.container.style.opacity = '0';\n\t}\n\n\tshowTip() {\n\t\tthis.container.style.top = this.top + 'px';\n\t\tthis.container.style.left = this.left + 'px';\n\t\tthis.container.style.opacity = '1';\n\t}\n}\n","export const CSSTEXT = \".chart-container{position:relative;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .legend-dataset-text{fill:#6c7680;font-weight:600}.graph-svg-tip{position:absolute;z-index:99999;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.graph-svg-tip ul{padding-left:0;display:flex}.graph-svg-tip ol{padding-left:0;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:' ';border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}\";","import SvgTip from '../objects/SvgTip';\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup, makeText } from '../utils/draw';\nimport { BASE_MEASURES, getExtraHeight, getExtraWidth, getTopOffset, getLeftOffset,\n\tINIT_CHART_UPDATE_TIMEOUT, CHART_POST_ANIMATE_TIMEOUT, DEFAULT_COLORS} from '../utils/constants';\nimport { getColor, isValidColor } from '../utils/colors';\nimport { runSMILAnimation } from '../utils/animation';\nimport { downloadFile, prepareForExport } from '../utils/export';\n\nlet BOUND_DRAW_FN;\n\nexport default class BaseChart {\n\tconstructor(parent, options) {\n\n\t\tthis.parent = typeof parent === 'string'\n\t\t\t? document.querySelector(parent)\n\t\t\t: parent;\n\n\t\tif (!(this.parent instanceof HTMLElement)) {\n\t\t\tthrow new Error('No `parent` element to render on was provided.');\n\t\t}\n\n\t\tthis.rawChartArgs = options;\n\n\t\tthis.title = options.title || '';\n\t\tthis.type = options.type || '';\n\n\t\tthis.realData = this.prepareData(options.data);\n\t\tthis.data = this.prepareFirstData(this.realData);\n\n\t\tthis.colors = this.validateColors(options.colors, this.type);\n\n\t\tthis.config = {\n\t\t\tshowTooltip: 1, // calculate\n\t\t\tshowLegend: 1, // calculate\n\t\t\tisNavigable: options.isNavigable || 0,\n\t\t\tanimate: 1,\n\t\t\ttruncateLegends: options.truncateLegends || 0\n\t\t};\n\n\t\tthis.measures = JSON.parse(JSON.stringify(BASE_MEASURES));\n\t\tlet m = this.measures;\n\t\tthis.setMeasures(options);\n\t\tif(!this.title.length) { m.titleHeight = 0; }\n\t\tif(!this.config.showLegend) m.legendHeight = 0;\n\t\tthis.argHeight = options.height || m.baseHeight;\n\n\t\tthis.state = {};\n\t\tthis.options = {};\n\n\t\tthis.initTimeout = INIT_CHART_UPDATE_TIMEOUT;\n\n\t\tif(this.config.isNavigable) {\n\t\t\tthis.overlays = [];\n\t\t}\n\n\t\tthis.configure(options);\n\t}\n\n\tprepareData(data) {\n\t\treturn data;\n\t}\n\n\tprepareFirstData(data) {\n\t\treturn data;\n\t}\n\n\tvalidateColors(colors, type) {\n\t\tconst validColors = [];\n\t\tcolors = (colors || []).concat(DEFAULT_COLORS[type]);\n\t\tcolors.forEach((string) => {\n\t\t\tconst color = getColor(string);\n\t\t\tif(!isValidColor(color)) {\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t} else {\n\t\t\t\tvalidColors.push(color);\n\t\t\t}\n\t\t});\n\t\treturn validColors;\n\t}\n\n\tsetMeasures() {\n\t\t// Override measures, including those for title and legend\n\t\t// set config for legend and title\n\t}\n\n\tconfigure() {\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - getExtraHeight(this.measures);\n\n\t\t// Bind window events\n\t\tBOUND_DRAW_FN = this.boundDrawFn.bind(this);\n\t\twindow.addEventListener('resize', BOUND_DRAW_FN);\n\t\twindow.addEventListener('orientationchange', this.boundDrawFn.bind(this));\n\t}\n\n\tboundDrawFn() {\n\t\tthis.draw(true);\n\t}\n\n\tunbindWindowEvents() {\n\t\twindow.removeEventListener('resize', BOUND_DRAW_FN);\n\t\twindow.removeEventListener('orientationchange', this.boundDrawFn.bind(this));\n\t}\n\n\t// Has to be called manually\n\tsetup() {\n\t\tthis.makeContainer();\n\t\tthis.updateWidth();\n\t\tthis.makeTooltip();\n\n\t\tthis.draw(false, true);\n\t}\n\n\tmakeContainer() {\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\n\t\tlet args = {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'chart-container'\n\t\t};\n\n\t\tif(this.independentWidth) {\n\t\t\targs.styles = { width: this.independentWidth + 'px' };\n\t\t}\n\n\t\tthis.container = $.create('div', args);\n\t}\n\n\tmakeTooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.container,\n\t\t\tcolors: this.colors\n\t\t});\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {}\n\n\tdraw(onlyWidthChange=false, init=false) {\n\t\tthis.updateWidth();\n\n\t\tthis.calc(onlyWidthChange);\n\t\tthis.makeChartArea();\n\t\tthis.setupComponents();\n\n\t\tthis.components.forEach(c => c.setup(this.drawArea));\n\t\t// this.components.forEach(c => c.make());\n\t\tthis.render(this.components, false);\n\n\t\tif(init) {\n\t\t\tthis.data = this.realData;\n\t\t\tsetTimeout(() => {this.update(this.data);}, this.initTimeout);\n\t\t}\n\n\t\tthis.renderLegend();\n\n\t\tthis.setupNavigation(init);\n\t}\n\n\tcalc() {} // builds state\n\n\tupdateWidth() {\n\t\tthis.baseWidth = getElementContentWidth(this.parent);\n\t\tthis.width = this.baseWidth - getExtraWidth(this.measures);\n\t}\n\n\tmakeChartArea() {\n\t\tif(this.svg) {\n\t\t\tthis.container.removeChild(this.svg);\n\t\t}\n\t\tlet m = this.measures;\n\n\t\tthis.svg = makeSVGContainer(\n\t\t\tthis.container,\n\t\t\t'frappe-chart chart',\n\t\t\tthis.baseWidth,\n\t\t\tthis.baseHeight\n\t\t);\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\n\n\t\tif(this.title.length) {\n\t\t\tthis.titleEL = makeText(\n\t\t\t\t'title',\n\t\t\t\tm.margins.left,\n\t\t\t\tm.margins.top,\n\t\t\t\tthis.title,\n\t\t\t\t{\n\t\t\t\t\tfontSize: m.titleFontSize,\n\t\t\t\t\tfill: '#666666',\n\t\t\t\t\tdy: m.titleFontSize\n\t\t\t\t}\n\t\t\t);\n\t\t}\n\n\t\tlet top = getTopOffset(m);\n\t\tthis.drawArea = makeSVGGroup(\n\t\t\tthis.type + '-chart chart-draw-area',\n\t\t\t`translate(${getLeftOffset(m)}, ${top})`\n\t\t);\n\n\t\tif(this.config.showLegend) {\n\t\t\ttop += this.height + m.paddings.bottom;\n\t\t\tthis.legendArea = makeSVGGroup(\n\t\t\t\t'chart-legend',\n\t\t\t\t`translate(${getLeftOffset(m)}, ${top})`\n\t\t\t);\n\t\t}\n\n\t\tif(this.title.length) { this.svg.appendChild(this.titleEL); }\n\t\tthis.svg.appendChild(this.drawArea);\n\t\tif(this.config.showLegend) { this.svg.appendChild(this.legendArea); }\n\n\t\tthis.updateTipOffset(getLeftOffset(m), getTopOffset(m));\n\t}\n\n\tupdateTipOffset(x, y) {\n\t\tthis.tip.offset = {\n\t\t\tx: x,\n\t\t\ty: y\n\t\t};\n\t}\n\n\tsetupComponents() { this.components = new Map(); }\n\n\tupdate(data) {\n\t\tif(!data) {\n\t\t\tconsole.error('No data to update.');\n\t\t}\n\t\tthis.data = this.prepareData(data);\n\t\tthis.calc(); // builds state\n\t\tthis.render();\n\t}\n\n\trender(components=this.components, animate=true) {\n\t\tif(this.config.isNavigable) {\n\t\t\t// Remove all existing overlays\n\t\t\tthis.overlays.map(o => o.parentNode.removeChild(o));\n\t\t\t// ref.parentNode.insertBefore(element, ref);\n\t\t}\n\t\tlet elementsToAnimate = [];\n\t\t// Can decouple to this.refreshComponents() first to save animation timeout\n\t\tcomponents.forEach(c => {\n\t\t\telementsToAnimate = elementsToAnimate.concat(c.update(animate));\n\t\t});\n\t\tif(elementsToAnimate.length > 0) {\n\t\t\trunSMILAnimation(this.container, this.svg, elementsToAnimate);\n\t\t\tsetTimeout(() => {\n\t\t\t\tcomponents.forEach(c => c.make());\n\t\t\t\tthis.updateNav();\n\t\t\t}, CHART_POST_ANIMATE_TIMEOUT);\n\t\t} else {\n\t\t\tcomponents.forEach(c => c.make());\n\t\t\tthis.updateNav();\n\t\t}\n\t}\n\n\tupdateNav() {\n\t\tif(this.config.isNavigable) {\n\t\t\tthis.makeOverlay();\n\t\t\tthis.bindUnits();\n\t\t}\n\t}\n\n\trenderLegend() {}\n\n\tsetupNavigation(init=false) {\n\t\tif(!this.config.isNavigable) return;\n\n\t\tif(init) {\n\t\t\tthis.bindOverlay();\n\n\t\t\tthis.keyActions = {\n\t\t\t\t'13': this.onEnterKey.bind(this),\n\t\t\t\t'37': this.onLeftArrow.bind(this),\n\t\t\t\t'38': this.onUpArrow.bind(this),\n\t\t\t\t'39': this.onRightArrow.bind(this),\n\t\t\t\t'40': this.onDownArrow.bind(this),\n\t\t\t};\n\n\t\t\tdocument.addEventListener('keydown', (e) => {\n\t\t\t\tif(isElementInViewport(this.container)) {\n\t\t\t\t\te = e || window.event;\n\t\t\t\t\tif(this.keyActions[e.keyCode]) {\n\t\t\t\t\t\tthis.keyActions[e.keyCode]();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {}\n\tupdateOverlay() {}\n\tbindOverlay() {}\n\tbindUnits() {}\n\n\tonLeftArrow() {}\n\tonRightArrow() {}\n\tonUpArrow() {}\n\tonDownArrow() {}\n\tonEnterKey() {}\n\n\taddDataPoint() {}\n\tremoveDataPoint() {}\n\n\tgetDataPoint() {}\n\tsetCurrentDataPoint() {}\n\n\tupdateDataset() {}\n\n\texport() {\n\t\tlet chartSvg = prepareForExport(this.svg);\n\t\tdownloadFile(this.title || 'Chart', [chartSvg]);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { legendDot } from '../utils/draw';\nimport { getExtraWidth } from '../utils/constants';\n\nexport default class AggregationChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\n\t\tthis.config.maxSlices = args.maxSlices || 20;\n\t\tthis.config.maxLegendPoints = args.maxLegendPoints || 20;\n\t}\n\n\tcalc() {\n\t\tlet s = this.state;\n\t\tlet maxSlices = this.config.maxSlices;\n\t\ts.sliceTotals = [];\n\n\t\tlet allTotals = this.data.labels.map((label, i) => {\n\t\t\tlet total = 0;\n\t\t\tthis.data.datasets.map(e => {\n\t\t\t\ttotal += e.values[i];\n\t\t\t});\n\t\t\treturn [total, label];\n\t\t}).filter(d => { return d[0] >= 0; }); // keep only positive results\n\n\t\tlet totals = allTotals;\n\t\tif(allTotals.length > maxSlices) {\n\t\t\t// Prune and keep a grey area for rest as per maxSlices\n\t\t\tallTotals.sort((a, b) => { return b[0] - a[0]; });\n\n\t\t\ttotals = allTotals.slice(0, maxSlices-1);\n\t\t\tlet remaining = allTotals.slice(maxSlices-1);\n\n\t\t\tlet sumOfRemaining = 0;\n\t\t\tremaining.map(d => {sumOfRemaining += d[0];});\n\t\t\ttotals.push([sumOfRemaining, 'Rest']);\n\t\t\tthis.colors[maxSlices-1] = 'grey';\n\t\t}\n\n\t\ts.labels = [];\n\t\ttotals.map(d => {\n\t\t\ts.sliceTotals.push(d[0]);\n\t\t\ts.labels.push(d[1]);\n\t\t});\n\n\t\ts.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);\n\n\t\tthis.center = {\n\t\t\tx: this.width / 2,\n\t\t\ty: this.height / 2\n\t\t};\n\t}\n\n\trenderLegend() {\n\t\tlet s = this.state;\n\t\tthis.legendArea.textContent = '';\n\t\tthis.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints);\n\n\t\tlet count = 0;\n\t\tlet y = 0;\n\t\tthis.legendTotals.map((d, i) => {\n\t\t\tlet barWidth = 110;\n\t\t\tlet divisor = Math.floor(\n\t\t\t\t(this.width - getExtraWidth(this.measures))/barWidth\n\t\t\t);\n\t\t\tif (this.legendTotals.length < divisor) {\n\t\t\t\tbarWidth = this.width/this.legendTotals.length;\n\t\t\t}\n\t\t\tif(count > divisor) {\n\t\t\t\tcount = 0;\n\t\t\t\ty += 20;\n\t\t\t}\n\t\t\tlet x = barWidth * count + 5;\n\t\t\tlet dot = legendDot(\n\t\t\t\tx,\n\t\t\t\ty,\n\t\t\t\t5,\n\t\t\t\tthis.colors[i],\n\t\t\t\t`${s.labels[i]}: ${d}`\n\t\t\t);\n\t\t\tthis.legendArea.appendChild(dot);\n\t\t\tcount++;\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { getOffset } from '../utils/dom';\nimport { getComponent } from '../objects/ChartComponents';\nimport { PERCENTAGE_BAR_DEFAULT_HEIGHT, PERCENTAGE_BAR_DEFAULT_DEPTH } from '../utils/constants';\n\nexport default class PercentageChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'percentage';\n\t\tthis.setup();\n\t}\n\n\tsetMeasures(options) {\n\t\tlet m = this.measures;\n\t\tthis.barOptions = options.barOptions || {};\n\n\t\tlet b = this.barOptions;\n\t\tb.height = b.height || PERCENTAGE_BAR_DEFAULT_HEIGHT;\n\t\tb.depth = b.depth || PERCENTAGE_BAR_DEFAULT_DEPTH;\n\n\t\tm.paddings.right = 30;\n\t\tm.legendHeight = 60;\n\t\tm.baseHeight = (b.height + b.depth * 0.5) * 8;\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'percentageBars',\n\t\t\t\t{\n\t\t\t\t\tbarHeight: this.barOptions.height,\n\t\t\t\t\tbarDepth: this.barOptions.depth,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: s.xPositions,\n\t\t\t\t\t\twidths: s.widths,\n\t\t\t\t\t\tcolors: this.colors\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tcalc() {\n\t\tsuper.calc();\n\t\tlet s = this.state;\n\n\t\ts.xPositions = [];\n\t\ts.widths = [];\n\n\t\tlet xPos = 0;\n\t\ts.sliceTotals.map((value) => {\n\t\t\tlet width = this.width * value / s.grandTotal;\n\t\t\ts.widths.push(width);\n\t\t\ts.xPositions.push(xPos);\n\t\t\txPos += width;\n\t\t});\n\t}\n\n\tmakeDataByIndex() { }\n\n\tbindTooltip() {\n\t\tlet s = this.state;\n\t\tthis.container.addEventListener('mousemove', (e) => {\n\t\t\tlet bars = this.components.get('percentageBars').store;\n\t\t\tlet bar = e.target;\n\t\t\tif(bars.includes(bar)) {\n\n\t\t\t\tlet i = bars.indexOf(bar);\n\t\t\t\tlet gOff = getOffset(this.container), pOff = getOffset(bar);\n\n\t\t\t\tlet x = pOff.left - gOff.left + parseInt(bar.getAttribute('width'))/2;\n\t\t\t\tlet y = pOff.top - gOff.top;\n\t\t\t\tlet title = (this.formattedLabels && this.formattedLabels.length>0\n\t\t\t\t\t? this.formattedLabels[i] : this.state.labels[i]) + ': ';\n\t\t\t\tlet fraction = s.sliceTotals[i]/s.grandTotal;\n\n\t\t\t\tthis.tip.setValues(x, y, {name: title, value: (fraction*100).toFixed(1) + \"%\"});\n\t\t\t\tthis.tip.showTip();\n\t\t\t}\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset } from '../utils/dom';\nimport { getPositionByAngle } from '../utils/helpers';\nimport { makeArcPathStr, makeCircleStr } from '../utils/draw';\nimport { lightenDarkenColor } from '../utils/colors';\nimport { transform } from '../utils/animation';\nimport { FULL_ANGLE } from '../utils/constants';\n\nexport default class PieChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'pie';\n\t\tthis.initTimeout = 0;\n\t\tthis.init = 1;\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\t\tthis.mouseMove = this.mouseMove.bind(this);\n\t\tthis.mouseLeave = this.mouseLeave.bind(this);\n\n\t\tthis.hoverRadio = args.hoverRadio || 0.1;\n\t\tthis.config.startAngle = args.startAngle || 0;\n\n\t\tthis.clockWise = args.clockWise || false;\n\t}\n\n\tcalc() {\n\t\tsuper.calc();\n\t\tlet s = this.state;\n\t\tthis.radius = (this.height > this.width ? this.center.x : this.center.y);\n\n\t\tconst { radius, clockWise } = this;\n\n\t\tconst prevSlicesProperties = s.slicesProperties || [];\n\t\ts.sliceStrings = [];\n\t\ts.slicesProperties = [];\n\t\tlet curAngle = 180 - this.config.startAngle;\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tconst startAngle = curAngle;\n\t\t\tconst originDiffAngle = (total / s.grandTotal) * FULL_ANGLE;\n\t\t\tconst largeArc = originDiffAngle > 180 ? 1: 0;\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\n\t\t\tconst startPosition = getPositionByAngle(startAngle, radius);\n\t\t\tconst endPosition = getPositionByAngle(endAngle, radius);\n\n\t\t\tconst prevProperty = this.init && prevSlicesProperties[i];\n\n\t\t\tlet curStart,curEnd;\n\t\t\tif(this.init) {\n\t\t\t\tcurStart = prevProperty ? prevProperty.startPosition : startPosition;\n\t\t\t\tcurEnd = prevProperty ? prevProperty.endPosition : startPosition;\n\t\t\t} else {\n\t\t\t\tcurStart = startPosition;\n\t\t\t\tcurEnd = endPosition;\n\t\t\t}\n\t\t\tconst curPath =\n\t\t\t\toriginDiffAngle === 360\n\t\t\t\t\t? makeCircleStr(curStart, curEnd, this.center, this.radius, clockWise, largeArc)\n\t\t\t\t\t: makeArcPathStr(curStart, curEnd, this.center, this.radius, clockWise, largeArc);\n\n\t\t\ts.sliceStrings.push(curPath);\n\t\t\ts.slicesProperties.push({\n\t\t\t\tstartPosition,\n\t\t\t\tendPosition,\n\t\t\t\tvalue: total,\n\t\t\t\ttotal: s.grandTotal,\n\t\t\t\tstartAngle,\n\t\t\t\tendAngle,\n\t\t\t\tangle: diffAngle\n\t\t\t});\n\n\t\t});\n\t\tthis.init = 0;\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'pieSlices',\n\t\t\t\t{ },\n\t\t\t\tfunction() {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tsliceStrings: s.sliceStrings,\n\t\t\t\t\t\tcolors: this.colors\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tcalTranslateByAngle(property){\n\t\tconst{radius,hoverRadio} = this;\n\t\tconst position = getPositionByAngle(property.startAngle+(property.angle / 2),radius);\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\n\t}\n\n\thoverSlice(path,i,flag,e){\n\t\tif(!path) return;\n\t\tconst color = this.colors[i];\n\t\tif(flag) {\n\t\t\ttransform(path, this.calTranslateByAngle(this.state.slicesProperties[i]));\n\t\t\tpath.style.fill = lightenDarkenColor(color, 50);\n\t\t\tlet g_off = getOffset(this.svg);\n\t\t\tlet x = e.pageX - g_off.left + 10;\n\t\t\tlet y = e.pageY - g_off.top - 10;\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t\t? this.formatted_labels[i] : this.state.labels[i]) + ': ';\n\t\t\tlet percent = (this.state.sliceTotals[i] * 100 / this.state.grandTotal).toFixed(1);\n\t\t\tthis.tip.setValues(x, y, {name: title, value: percent + \"%\"});\n\t\t\tthis.tip.showTip();\n\t\t} else {\n\t\t\ttransform(path,'translate3d(0,0,0)');\n\t\t\tthis.tip.hideTip();\n\t\t\tpath.style.fill = color;\n\t\t}\n\t}\n\n\tbindTooltip() {\n\t\tthis.container.addEventListener('mousemove', this.mouseMove);\n\t\tthis.container.addEventListener('mouseleave', this.mouseLeave);\n\t}\n\n\tmouseMove(e){\n\t\tconst target = e.target;\n\t\tlet slices = this.components.get('pieSlices').store;\n\t\tlet prevIndex = this.curActiveSliceIndex;\n\t\tlet prevAcitve = this.curActiveSlice;\n\t\tif(slices.includes(target)) {\n\t\t\tlet i = slices.indexOf(target);\n\t\t\tthis.hoverSlice(prevAcitve, prevIndex,false);\n\t\t\tthis.curActiveSlice = target;\n\t\t\tthis.curActiveSliceIndex = i;\n\t\t\tthis.hoverSlice(target, i, true, e);\n\t\t} else {\n\t\t\tthis.mouseLeave();\n\t\t}\n\t}\n\n\tmouseLeave(){\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { getComponent } from '../objects/ChartComponents';\nimport { makeText, heatSquare } from '../utils/draw';\nimport { DAY_NAMES_SHORT, addDays, areInSameMonth, getLastDateInMonth, setDayToSunday, getYyyyMmDd, getWeeksBetween, getMonthName, clone,\n\tNO_OF_MILLIS, NO_OF_YEAR_MONTHS, NO_OF_DAYS_IN_WEEK } from '../utils/date-utils';\nimport { calcDistribution, getMaxCheckpoint } from '../utils/intervals';\nimport { getExtraHeight, getExtraWidth, HEATMAP_DISTRIBUTION_SIZE, HEATMAP_SQUARE_SIZE,\n\tHEATMAP_GUTTER_SIZE } from '../utils/constants';\n\nconst COL_WIDTH = HEATMAP_SQUARE_SIZE + HEATMAP_GUTTER_SIZE;\nconst ROW_HEIGHT = COL_WIDTH;\n// const DAY_INCR = 1;\n\nexport default class Heatmap extends BaseChart {\n\tconstructor(parent, options) {\n\t\tsuper(parent, options);\n\t\tthis.type = 'heatmap';\n\n\t\tthis.countLabel = options.countLabel || '';\n\n\t\tlet validStarts = ['Sunday', 'Monday'];\n\t\tlet startSubDomain = validStarts.includes(options.startSubDomain)\n\t\t\t? options.startSubDomain : 'Sunday';\n\t\tthis.startSubDomainIndex = validStarts.indexOf(startSubDomain);\n\n\t\tthis.setup();\n\t}\n\n\tsetMeasures(options) {\n\t\tlet m = this.measures;\n\t\tthis.discreteDomains = options.discreteDomains === 0 ? 0 : 1;\n\n\t\tm.paddings.top = ROW_HEIGHT * 3;\n\t\tm.paddings.bottom = 0;\n\t\tm.legendHeight = ROW_HEIGHT * 2;\n\t\tm.baseHeight = ROW_HEIGHT * NO_OF_DAYS_IN_WEEK\n\t\t\t+ getExtraHeight(m);\n\n\t\tlet d = this.data;\n\t\tlet spacing = this.discreteDomains ? NO_OF_YEAR_MONTHS : 0;\n\t\tthis.independentWidth = (getWeeksBetween(d.start, d.end)\n\t\t\t+ spacing) * COL_WIDTH + getExtraWidth(m);\n\t}\n\n\tupdateWidth() {\n\t\tlet spacing = this.discreteDomains ? NO_OF_YEAR_MONTHS : 0;\n\t\tlet noOfWeeks = this.state.noOfWeeks ? this.state.noOfWeeks : 52;\n\t\tthis.baseWidth = (noOfWeeks + spacing) * COL_WIDTH\n\t\t\t+ getExtraWidth(this.measures);\n\t}\n\n\tprepareData(data=this.data) {\n\t\tif(data.start && data.end && data.start > data.end) {\n\t\t\tthrow new Error('Start date cannot be greater than end date.');\n\t\t}\n\n\t\tif(!data.start) {\n\t\t\tdata.start = new Date();\n\t\t\tdata.start.setFullYear( data.start.getFullYear() - 1 );\n\t\t}\n\t\tif(!data.end) { data.end = new Date(); }\n\t\tdata.dataPoints = data.dataPoints || {};\n\n\t\tif(parseInt(Object.keys(data.dataPoints)[0]) > 100000) {\n\t\t\tlet points = {};\n\t\t\tObject.keys(data.dataPoints).forEach(timestampSec => {\n\t\t\t\tlet date = new Date(timestampSec * NO_OF_MILLIS);\n\t\t\t\tpoints[getYyyyMmDd(date)] = data.dataPoints[timestampSec];\n\t\t\t});\n\t\t\tdata.dataPoints = points;\n\t\t}\n\n\t\treturn data;\n\t}\n\n\tcalc() {\n\t\tlet s = this.state;\n\n\t\ts.start = clone(this.data.start);\n\t\ts.end = clone(this.data.end);\n\n\t\ts.firstWeekStart = clone(s.start);\n\t\ts.noOfWeeks = getWeeksBetween(s.start, s.end);\n\t\ts.distribution = calcDistribution(\n\t\t\tObject.values(this.data.dataPoints), HEATMAP_DISTRIBUTION_SIZE);\n\n\t\ts.domainConfigs = this.getDomains();\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\t\tlet lessCol = this.discreteDomains ? 0 : 1;\n\n\t\tlet componentConfigs = s.domainConfigs.map((config, i) => [\n\t\t\t'heatDomain',\n\t\t\t{\n\t\t\t\tindex: config.index,\n\t\t\t\tcolWidth: COL_WIDTH,\n\t\t\t\trowHeight: ROW_HEIGHT,\n\t\t\t\tsquareSize: HEATMAP_SQUARE_SIZE,\n\t\t\t\txTranslate: s.domainConfigs\n\t\t\t\t\t.filter((config, j) => j < i)\n\t\t\t\t\t.map(config => config.cols.length - lessCol)\n\t\t\t\t\t.reduce((a, b) => a + b, 0)\n\t\t\t\t\t* COL_WIDTH\n\t\t\t},\n\t\t\tfunction() {\n\t\t\t\treturn s.domainConfigs[i];\n\t\t\t}.bind(this)\n\n\t\t]);\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.map((args, i) => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\treturn [args[0] + '-' + i, component];\n\t\t\t})\n\t\t);\n\n\t\tlet y = 0;\n\t\tDAY_NAMES_SHORT.forEach((dayName, i) => {\n\t\t\tif([1, 3, 5].includes(i)) {\n\t\t\t\tlet dayText = makeText('subdomain-name', -COL_WIDTH/2, y, dayName,\n\t\t\t\t\t{\n\t\t\t\t\t\tfontSize: HEATMAP_SQUARE_SIZE,\n\t\t\t\t\t\tdy: 8,\n\t\t\t\t\t\ttextAnchor: 'end'\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t\tthis.drawArea.appendChild(dayText);\n\t\t\t}\n\t\t\ty += ROW_HEIGHT;\n\t\t});\n\t}\n\n\tupdate(data) {\n\t\tif(!data) {\n\t\t\tconsole.error('No data to update.');\n\t\t}\n\n\t\tthis.data = this.prepareData(data);\n\t\tthis.draw();\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {\n\t\tthis.container.addEventListener('mousemove', (e) => {\n\t\t\tthis.components.forEach(comp => {\n\t\t\t\tlet daySquares = comp.store;\n\t\t\t\tlet daySquare = e.target;\n\t\t\t\tif(daySquares.includes(daySquare)) {\n\n\t\t\t\t\tlet count = daySquare.getAttribute('data-value');\n\t\t\t\t\tlet dateParts = daySquare.getAttribute('data-date').split('-');\n\n\t\t\t\t\tlet month = getMonthName(parseInt(dateParts[1])-1, true);\n\n\t\t\t\t\tlet gOff = this.container.getBoundingClientRect(), pOff = daySquare.getBoundingClientRect();\n\n\t\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\t\tlet x = pOff.left - gOff.left + width/2;\n\t\t\t\t\tlet y = pOff.top - gOff.top;\n\t\t\t\t\tlet value = count + ' ' + this.countLabel;\n\t\t\t\t\tlet name = ' on ' + month + ' ' + dateParts[0] + ', ' + dateParts[2];\n\n\t\t\t\t\tthis.tip.setValues(x, y, {name: name, value: value, valueFirst: 1}, []);\n\t\t\t\t\tthis.tip.showTip();\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n\n\trenderLegend() {\n\t\tthis.legendArea.textContent = '';\n\t\tlet x = 0;\n\t\tlet y = ROW_HEIGHT;\n\n\t\tlet lessText = makeText('subdomain-name', x, y, 'Less',\n\t\t\t{\n\t\t\t\tfontSize: HEATMAP_SQUARE_SIZE + 1,\n\t\t\t\tdy: 9\n\t\t\t}\n\t\t);\n\t\tx = (COL_WIDTH * 2) + COL_WIDTH/2;\n\t\tthis.legendArea.appendChild(lessText);\n\n\t\tthis.colors.slice(0, HEATMAP_DISTRIBUTION_SIZE).map((color, i) => {\n\t\t\tconst square = heatSquare('heatmap-legend-unit', x + (COL_WIDTH + 3) * i,\n\t\t\t\ty, HEATMAP_SQUARE_SIZE, color);\n\t\t\tthis.legendArea.appendChild(square);\n\t\t});\n\n\t\tlet moreTextX = x + HEATMAP_DISTRIBUTION_SIZE * (COL_WIDTH + 3) + COL_WIDTH/4;\n\t\tlet moreText = makeText('subdomain-name', moreTextX, y, 'More',\n\t\t\t{\n\t\t\t\tfontSize: HEATMAP_SQUARE_SIZE + 1,\n\t\t\t\tdy: 9\n\t\t\t}\n\t\t);\n\t\tthis.legendArea.appendChild(moreText);\n\t}\n\n\tgetDomains() {\n\t\tlet s = this.state;\n\t\tconst [startMonth, startYear] = [s.start.getMonth(), s.start.getFullYear()];\n\t\tconst [endMonth, endYear] = [s.end.getMonth(), s.end.getFullYear()];\n\n\t\tconst noOfMonths = (endMonth - startMonth + 1) + (endYear - startYear) * 12;\n\n\t\tlet domainConfigs = [];\n\n\t\tlet startOfMonth = clone(s.start);\n\t\tfor(var i = 0; i < noOfMonths; i++) {\n\t\t\tlet endDate = s.end;\n\t\t\tif(!areInSameMonth(startOfMonth, s.end)) {\n\t\t\t\tlet [month, year] = [startOfMonth.getMonth(), startOfMonth.getFullYear()];\n\t\t\t\tendDate = getLastDateInMonth(month, year);\n\t\t\t}\n\t\t\tdomainConfigs.push(this.getDomainConfig(startOfMonth, endDate));\n\n\t\t\taddDays(endDate, 1);\n\t\t\tstartOfMonth = endDate;\n\t\t}\n\n\t\treturn domainConfigs;\n\t}\n\n\tgetDomainConfig(startDate, endDate='') {\n\t\tlet [month, year] = [startDate.getMonth(), startDate.getFullYear()];\n\t\tlet startOfWeek = setDayToSunday(startDate); // TODO: Monday as well\n\t\tendDate = clone(endDate) || getLastDateInMonth(month, year);\n\n\t\tlet domainConfig = {\n\t\t\tindex: month,\n\t\t\tcols: []\n\t\t};\n\n\t\taddDays(endDate, 1);\n\t\tlet noOfMonthWeeks = getWeeksBetween(startOfWeek, endDate);\n\n\t\tlet cols = [], col;\n\t\tfor(var i = 0; i < noOfMonthWeeks; i++) {\n\t\t\tcol = this.getCol(startOfWeek, month);\n\t\t\tcols.push(col);\n\n\t\t\tstartOfWeek = new Date(col[NO_OF_DAYS_IN_WEEK - 1].yyyyMmDd);\n\t\t\taddDays(startOfWeek, 1);\n\t\t}\n\n\t\tif(col[NO_OF_DAYS_IN_WEEK - 1].dataValue !== undefined) {\n\t\t\taddDays(startOfWeek, 1);\n\t\t\tcols.push(this.getCol(startOfWeek, month, true));\n\t\t}\n\n\t\tdomainConfig.cols = cols;\n\n\t\treturn domainConfig;\n\t}\n\n\tgetCol(startDate, month, empty = false) {\n\t\tlet s = this.state;\n\n\t\t// startDate is the start of week\n\t\tlet currentDate = clone(startDate);\n\t\tlet col = [];\n\n\t\tfor(var i = 0; i < NO_OF_DAYS_IN_WEEK; i++, addDays(currentDate, 1)) {\n\t\t\tlet config = {};\n\n\t\t\t// Non-generic adjustment for entire heatmap, needs state\n\t\t\tlet currentDateWithinData = currentDate >= s.start && currentDate <= s.end;\n\n\t\t\tif(empty || currentDate.getMonth() !== month || !currentDateWithinData) {\n\t\t\t\tconfig.yyyyMmDd = getYyyyMmDd(currentDate);\n\t\t\t} else {\n\t\t\t\tconfig = this.getSubDomainConfig(currentDate);\n\t\t\t}\n\t\t\tcol.push(config);\n\t\t}\n\n\t\treturn col;\n\t}\n\n\tgetSubDomainConfig(date) {\n\t\tlet yyyyMmDd = getYyyyMmDd(date);\n\t\tlet dataValue = this.data.dataPoints[yyyyMmDd];\n\t\tlet config = {\n\t\t\tyyyyMmDd: yyyyMmDd,\n\t\t\tdataValue: dataValue || 0,\n\t\t\tfill: this.colors[getMaxCheckpoint(dataValue, this.state.distribution)]\n\t\t};\n\t\treturn config;\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { dataPrep, zeroDataPrep, getShortenedLabels } from '../utils/axis-chart-utils';\nimport { AXIS_LEGEND_BAR_SIZE } from '../utils/constants';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset, fire } from '../utils/dom';\nimport { calcChartIntervals, getIntervalSize, getValueRange, getZeroIndex, scale, getClosestInArray } from '../utils/intervals';\nimport { floatTwo } from '../utils/helpers';\nimport { makeOverlay, updateOverlay, legendBar } from '../utils/draw';\nimport { getTopOffset, getLeftOffset, MIN_BAR_PERCENT_HEIGHT, BAR_CHART_SPACE_RATIO,\n\tLINE_CHART_DOT_SIZE } from '../utils/constants';\n\nexport default class AxisChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\n\t\tthis.barOptions = args.barOptions || {};\n\t\tthis.lineOptions = args.lineOptions || {};\n\n\t\tthis.type = args.type || 'line';\n\t\tthis.init = 1;\n\n\t\tthis.setup();\n\t}\n\n\tsetMeasures() {\n\t\tif(this.data.datasets.length <= 1) {\n\t\t\tthis.config.showLegend = 0;\n\t\t\tthis.measures.paddings.bottom = 30;\n\t\t}\n\t}\n\n\tconfigure(options) {\n\t\tsuper.configure(options);\n\n\t\toptions.axisOptions = options.axisOptions || {};\n\t\toptions.tooltipOptions = options.tooltipOptions || {};\n\n\t\tthis.config.xAxisMode = options.axisOptions.xAxisMode || 'span';\n\t\tthis.config.yAxisMode = options.axisOptions.yAxisMode || 'span';\n\t\tthis.config.xIsSeries = options.axisOptions.xIsSeries || 0;\n\t\tthis.config.shortenYAxisNumbers = options.axisOptions.shortenYAxisNumbers || 0;\n\n\t\tthis.config.formatTooltipX = options.tooltipOptions.formatTooltipX;\n\t\tthis.config.formatTooltipY = options.tooltipOptions.formatTooltipY;\n\n\t\tthis.config.valuesOverPoints = options.valuesOverPoints;\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn dataPrep(data, this.type);\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn zeroDataPrep(data);\n\t}\n\n\tcalc(onlyWidthChange = false) {\n\t\tthis.calcXPositions();\n\t\tif(!onlyWidthChange) {\n\t\t\tthis.calcYAxisParameters(this.getAllYValues(), this.type === 'line');\n\t\t}\n\t\tthis.makeDataByIndex();\n\t}\n\n\tcalcXPositions() {\n\t\tlet s = this.state;\n\t\tlet labels = this.data.labels;\n\t\ts.datasetLength = labels.length;\n\n\t\ts.unitWidth = this.width/(s.datasetLength);\n\t\t// Default, as per bar, and mixed. Only line will be a special case\n\t\ts.xOffset = s.unitWidth/2;\n\n\t\t// // For a pure Line Chart\n\t\t// s.unitWidth = this.width/(s.datasetLength - 1);\n\t\t// s.xOffset = 0;\n\n\t\ts.xAxis = {\n\t\t\tlabels: labels,\n\t\t\tpositions: labels.map((d, i) =>\n\t\t\t\tfloatTwo(s.xOffset + i * s.unitWidth)\n\t\t\t)\n\t\t};\n\t}\n\n\tcalcYAxisParameters(dataValues, withMinimum = 'false') {\n\t\tconst yPts = calcChartIntervals(dataValues, withMinimum);\n\t\tconst scaleMultiplier = this.height / getValueRange(yPts);\n\t\tconst intervalHeight = getIntervalSize(yPts) * scaleMultiplier;\n\t\tconst zeroLine = this.height - (getZeroIndex(yPts) * intervalHeight);\n\n\t\tthis.state.yAxis = {\n\t\t\tlabels: yPts,\n\t\t\tpositions: yPts.map(d => zeroLine - d * scaleMultiplier),\n\t\t\tscaleMultiplier: scaleMultiplier,\n\t\t\tzeroLine: zeroLine,\n\t\t};\n\n\t\t// Dependent if above changes\n\t\tthis.calcDatasetPoints();\n\t\tthis.calcYExtremes();\n\t\tthis.calcYRegions();\n\t}\n\n\tcalcDatasetPoints() {\n\t\tlet s = this.state;\n\t\tlet scaleAll = values => values.map(val => scale(val, s.yAxis));\n\n\t\ts.datasets = this.data.datasets.map((d, i) => {\n\t\t\tlet values = d.values;\n\t\t\tlet cumulativeYs = d.cumulativeYs || [];\n\t\t\treturn {\n\t\t\t\tname: d.name,\n\t\t\t\tindex: i,\n\t\t\t\tchartType: d.chartType,\n\n\t\t\t\tvalues: values,\n\t\t\t\tyPositions: scaleAll(values),\n\n\t\t\t\tcumulativeYs: cumulativeYs,\n\t\t\t\tcumulativeYPos: scaleAll(cumulativeYs),\n\t\t\t};\n\t\t});\n\t}\n\n\tcalcYExtremes() {\n\t\tlet s = this.state;\n\t\tif(this.barOptions.stacked) {\n\t\t\ts.yExtremes = s.datasets[s.datasets.length - 1].cumulativeYPos;\n\t\t\treturn;\n\t\t}\n\t\ts.yExtremes = new Array(s.datasetLength).fill(9999);\n\t\ts.datasets.map(d => {\n\t\t\td.yPositions.map((pos, j) => {\n\t\t\t\tif(pos < s.yExtremes[j]) {\n\t\t\t\t\ts.yExtremes[j] = pos;\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n\n\tcalcYRegions() {\n\t\tlet s = this.state;\n\t\tif(this.data.yMarkers) {\n\t\t\tthis.state.yMarkers = this.data.yMarkers.map(d => {\n\t\t\t\td.position = scale(d.value, s.yAxis);\n\t\t\t\tif(!d.options) d.options = {};\n\t\t\t\t// if(!d.label.includes(':')) {\n\t\t\t\t// \td.label += ': ' + d.value;\n\t\t\t\t// }\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t\tif(this.data.yRegions) {\n\t\t\tthis.state.yRegions = this.data.yRegions.map(d => {\n\t\t\t\td.startPos = scale(d.start, s.yAxis);\n\t\t\t\td.endPos = scale(d.end, s.yAxis);\n\t\t\t\tif(!d.options) d.options = {};\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t}\n\n\tgetAllYValues() {\n\t\tlet key = 'values';\n\n\t\tif(this.barOptions.stacked) {\n\t\t\tkey = 'cumulativeYs';\n\t\t\tlet cumulative = new Array(this.state.datasetLength).fill(0);\n\t\t\tthis.data.datasets.map((d, i) => {\n\t\t\t\tlet values = this.data.datasets[i].values;\n\t\t\t\td[key] = cumulative = cumulative.map((c, i) => c + values[i]);\n\t\t\t});\n\t\t}\n\n\t\tlet allValueLists = this.data.datasets.map(d => d[key]);\n\t\tif(this.data.yMarkers) {\n\t\t\tallValueLists.push(this.data.yMarkers.map(d => d.value));\n\t\t}\n\t\tif(this.data.yRegions) {\n\t\t\tthis.data.yRegions.map(d => {\n\t\t\t\tallValueLists.push([d.end, d.start]);\n\t\t\t});\n\t\t}\n\n\t\treturn [].concat(...allValueLists);\n\t}\n\n\tsetupComponents() {\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'yAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.yAxisMode,\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tshortenNumbers: this.config.shortenYAxisNumbers\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'xAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.xAxisMode,\n\t\t\t\t\theight: this.height,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\ts.xAxis.calcLabels = getShortenedLabels(this.width,\n\t\t\t\t\t\ts.xAxis.labels, this.config.xIsSeries);\n\n\t\t\t\t\treturn s.xAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'yRegions',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yRegions;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\t\t];\n\n\t\tlet barDatasets = this.state.datasets.filter(d => d.chartType === 'bar');\n\t\tlet lineDatasets = this.state.datasets.filter(d => d.chartType === 'line');\n\n\t\tlet barsConfigs = barDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'barGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tstacked: this.barOptions.stacked,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t\tminHeight: this.height * MIN_BAR_PERCENT_HEIGHT,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\t\t\t\t\tlet stacked = this.barOptions.stacked;\n\n\t\t\t\t\tlet spaceRatio = this.barOptions.spaceRatio || BAR_CHART_SPACE_RATIO;\n\t\t\t\t\tlet barsWidth = s.unitWidth * (1 - spaceRatio);\n\t\t\t\t\tlet barWidth = barsWidth/(stacked ? 1 : barDatasets.length);\n\n\t\t\t\t\tlet xPositions = s.xAxis.positions.map(x => x - barsWidth/2);\n\t\t\t\t\tif(!stacked) {\n\t\t\t\t\t\txPositions = xPositions.map(p => p + barWidth * index);\n\t\t\t\t\t}\n\n\t\t\t\t\tlet labels = new Array(s.datasetLength).fill('');\n\t\t\t\t\tif(this.config.valuesOverPoints) {\n\t\t\t\t\t\tif(stacked && d.index === s.datasets.length - 1) {\n\t\t\t\t\t\t\tlabels = d.cumulativeYs;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tlabels = d.values;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tlet offsets = new Array(s.datasetLength).fill(0);\n\t\t\t\t\tif(stacked) {\n\t\t\t\t\t\toffsets = d.yPositions.map((y, j) => y - d.cumulativeYPos[j]);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: xPositions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\t\t\t\t\t\toffsets: offsets,\n\t\t\t\t\t\t// values: d.values,\n\t\t\t\t\t\tlabels: labels,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tbarsWidth: barsWidth,\n\t\t\t\t\t\tbarWidth: barWidth,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet lineConfigs = lineDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'lineGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tsvgDefs: this.svgDefs,\n\t\t\t\t\theatline: this.lineOptions.heatline,\n\t\t\t\t\tregionFill: this.lineOptions.regionFill,\n\t\t\t\t\thideDots: this.lineOptions.hideDots,\n\t\t\t\t\thideLine: this.lineOptions.hideLine,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\t\t\t\t\tlet minLine = s.yAxis.positions[0] < s.yAxis.zeroLine\n\t\t\t\t\t\t? s.yAxis.positions[0] : s.yAxis.zeroLine;\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: s.xAxis.positions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\n\t\t\t\t\t\tvalues: d.values,\n\n\t\t\t\t\t\tzeroLine: minLine,\n\t\t\t\t\t\tradius: this.lineOptions.dotSize || LINE_CHART_DOT_SIZE,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet markerConfigs = [\n\t\t\t[\n\t\t\t\t'yMarkers',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yMarkers;\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tcomponentConfigs = componentConfigs.concat(barsConfigs, lineConfigs, markerConfigs);\n\n\t\tlet optionals = ['yMarkers', 'yRegions'];\n\t\tthis.dataUnitComponents = [];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.filter(args => !optionals.includes(args[0]) || this.state[args[0]])\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\tif(args[0].includes('lineGraph') || args[0].includes('barGraph')) {\n\t\t\t\t\tthis.dataUnitComponents.push(component);\n\t\t\t\t}\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tmakeDataByIndex() {\n\t\tthis.dataByIndex = {};\n\n\t\tlet s = this.state;\n\t\tlet formatX = this.config.formatTooltipX;\n\t\tlet formatY = this.config.formatTooltipY;\n\t\tlet titles = s.xAxis.labels;\n\n\t\ttitles.map((label, index) => {\n\t\t\tlet values = this.state.datasets.map((set, i) => {\n\t\t\t\tlet value = set.values[index];\n\t\t\t\treturn {\n\t\t\t\t\ttitle: set.name,\n\t\t\t\t\tvalue: value,\n\t\t\t\t\tyPos: set.yPositions[index],\n\t\t\t\t\tcolor: this.colors[i],\n\t\t\t\t\tformatted: formatY ? formatY(value) : value,\n\t\t\t\t};\n\t\t\t});\n\n\t\t\tthis.dataByIndex[index] = {\n\t\t\t\tlabel: label,\n\t\t\t\tformattedLabel: formatX ? formatX(label) : label,\n\t\t\t\txPos: s.xAxis.positions[index],\n\t\t\t\tvalues: values,\n\t\t\t\tyExtreme: s.yExtremes[index],\n\t\t\t};\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\t// NOTE: could be in tooltip itself, as it is a given functionality for its parent\n\t\tthis.container.addEventListener('mousemove', (e) => {\n\t\t\tlet m = this.measures;\n\t\t\tlet o = getOffset(this.container);\n\t\t\tlet relX = e.pageX - o.left - getLeftOffset(m);\n\t\t\tlet relY = e.pageY - o.top;\n\n\t\t\tif(relY < this.height + getTopOffset(m)\n\t\t\t\t&& relY > getTopOffset(m)) {\n\t\t\t\tthis.mapTooltipXPosition(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.hideTip();\n\t\t\t}\n\t\t});\n\t}\n\n\tmapTooltipXPosition(relX) {\n\t\tlet s = this.state;\n\t\tif(!s.yExtremes) return;\n\n\t\tlet index = getClosestInArray(relX, s.xAxis.positions, true);\n\t\tlet dbi = this.dataByIndex[index];\n\n\t\tthis.tip.setValues(\n\t\t\tdbi.xPos + this.tip.offset.x,\n\t\t\tdbi.yExtreme + this.tip.offset.y,\n\t\t\t{name: dbi.formattedLabel, value: ''},\n\t\t\tdbi.values,\n\t\t\tindex\n\t\t);\n\n\t\tthis.tip.showTip();\n\t}\n\n\trenderLegend() {\n\t\tlet s = this.data;\n\t\tif(s.datasets.length > 1) {\n\t\t\tthis.legendArea.textContent = '';\n\t\t\ts.datasets.map((d, i) => {\n\t\t\t\tlet barWidth = AXIS_LEGEND_BAR_SIZE;\n\t\t\t\t// let rightEndPoint = this.baseWidth - this.measures.margins.left - this.measures.margins.right;\n\t\t\t\t// let multiplier = s.datasets.length - i;\n\t\t\t\tlet rect = legendBar(\n\t\t\t\t\t// rightEndPoint - multiplier * barWidth,\t// To right align\n\t\t\t\t\tbarWidth * i,\n\t\t\t\t\t'0',\n\t\t\t\t\tbarWidth,\n\t\t\t\t\tthis.colors[i],\n\t\t\t\t\td.name,\n\t\t\t\t\tthis.config.truncateLegends);\n\t\t\t\tthis.legendArea.appendChild(rect);\n\t\t\t});\n\t\t}\n\t}\n\n\n\n\t// Overlay\n\tmakeOverlay() {\n\t\tif(this.init) {\n\t\t\tthis.init = 0;\n\t\t\treturn;\n\t\t}\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\n\t\tthis.overlayGuides = this.dataUnitComponents.map(c => {\n\t\t\treturn {\n\t\t\t\ttype: c.unitType,\n\t\t\t\toverlay: undefined,\n\t\t\t\tunits: c.units,\n\t\t\t};\n\t\t});\n\n\t\tif(this.state.currentIndex === undefined) {\n\t\t\tthis.state.currentIndex = this.state.datasetLength - 1;\n\t\t}\n\n\t\t// Render overlays\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\n\t\t\td.overlay = makeOverlay[d.type](currentUnit);\n\t\t\tthis.drawArea.appendChild(d.overlay);\n\t\t});\n\t}\n\n\tupdateOverlayGuides() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\t}\n\n\tbindOverlay() {\n\t\tthis.parent.addEventListener('data-select', () => {\n\t\t\tthis.updateOverlay();\n\t\t});\n\t}\n\n\tbindUnits() {\n\t\tthis.dataUnitComponents.map(c => {\n\t\t\tc.units.map(unit => {\n\t\t\t\tunit.addEventListener('click', () => {\n\t\t\t\t\tlet index = unit.getAttribute('data-point-index');\n\t\t\t\t\tthis.setCurrentDataPoint(index);\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\n\t\t// Note: Doesn't work as tooltip is absolutely positioned\n\t\tthis.tip.container.addEventListener('click', () => {\n\t\t\tlet index = this.tip.container.getAttribute('data-point-index');\n\t\t\tthis.setCurrentDataPoint(index);\n\t\t});\n\t}\n\n\tupdateOverlay() {\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\tupdateOverlay[d.type](currentUnit, d.overlay);\n\t\t});\n\t}\n\n\tonLeftArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex - 1);\n\t}\n\n\tonRightArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex + 1);\n\t}\n\n\tgetDataPoint(index=this.state.currentIndex) {\n\t\tlet s = this.state;\n\t\tlet data_point = {\n\t\t\tindex: index,\n\t\t\tlabel: s.xAxis.labels[index],\n\t\t\tvalues: s.datasets.map(d => d.values[index])\n\t\t};\n\t\treturn data_point;\n\t}\n\n\tsetCurrentDataPoint(index) {\n\t\tlet s = this.state;\n\t\tindex = parseInt(index);\n\t\tif(index < 0) index = 0;\n\t\tif(index >= s.xAxis.labels.length) index = s.xAxis.labels.length - 1;\n\t\tif(index === s.currentIndex) return;\n\t\ts.currentIndex = index;\n\t\tfire(this.parent, \"data-select\", this.getDataPoint());\n\t}\n\n\n\n\t// API\n\taddDataPoint(label, datasetValues, index=this.state.datasetLength) {\n\t\tsuper.addDataPoint(label, datasetValues, index);\n\t\tthis.data.labels.splice(index, 0, label);\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\td.values.splice(index, 0, datasetValues[i]);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\tremoveDataPoint(index = this.state.datasetLength-1) {\n\t\tif (this.data.labels.length <= 1) {\n\t\t\treturn;\n\t\t}\n\t\tsuper.removeDataPoint(index);\n\t\tthis.data.labels.splice(index, 1);\n\t\tthis.data.datasets.map(d => {\n\t\t\td.values.splice(index, 1);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\tupdateDataset(datasetValues, index=0) {\n\t\tthis.data.datasets[index].values = datasetValues;\n\t\tthis.update(this.data);\n\t}\n\t// addDataset(dataset, index) {}\n\t// removeDataset(index = 0) {}\n\n\tupdateDatasets(datasets) {\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\tif(datasets[i]) {\n\t\t\t\td.values = datasets[i];\n\t\t\t}\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\t// updateDataPoint(dataPoint, index = 0) {}\n\t// addDataPoint(dataPoint, index = 0) {}\n\t// removeDataPoint(index = 0) {}\n}\n","import AggregationChart from './AggregationChart';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset } from '../utils/dom';\nimport { getPositionByAngle } from '../utils/helpers';\nimport { makeArcStrokePathStr, makeStrokeCircleStr } from '../utils/draw';\nimport { lightenDarkenColor } from '../utils/colors';\nimport { transform } from '../utils/animation';\nimport { FULL_ANGLE } from '../utils/constants';\n\nexport default class DonutChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'donut';\n\t\tthis.initTimeout = 0;\n\t\tthis.init = 1;\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\t\tthis.mouseMove = this.mouseMove.bind(this);\n\t\tthis.mouseLeave = this.mouseLeave.bind(this);\n\n\t\tthis.hoverRadio = args.hoverRadio || 0.1;\n\t\tthis.config.startAngle = args.startAngle || 0;\n\n\t\tthis.clockWise = args.clockWise || false;\n\t\tthis.strokeWidth = args.strokeWidth || 30;\n\t}\n\n\tcalc() {\n\t\tsuper.calc();\n\t\tlet s = this.state;\n\t\tthis.radius =\n\t\t\tthis.height > this.width\n\t\t\t\t? this.center.x - this.strokeWidth / 2\n\t\t\t\t: this.center.y - this.strokeWidth / 2;\n\n\t\tconst { radius, clockWise } = this;\n\n\t\tconst prevSlicesProperties = s.slicesProperties || [];\n\t\ts.sliceStrings = [];\n\t\ts.slicesProperties = [];\n\t\tlet curAngle = 180 - this.config.startAngle;\n\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tconst startAngle = curAngle;\n\t\t\tconst originDiffAngle = (total / s.grandTotal) * FULL_ANGLE;\n\t\t\tconst largeArc = originDiffAngle > 180 ? 1: 0;\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\n\t\t\tconst startPosition = getPositionByAngle(startAngle, radius);\n\t\t\tconst endPosition = getPositionByAngle(endAngle, radius);\n\n\t\t\tconst prevProperty = this.init && prevSlicesProperties[i];\n\n\t\t\tlet curStart,curEnd;\n\t\t\tif(this.init) {\n\t\t\t\tcurStart = prevProperty ? prevProperty.startPosition : startPosition;\n\t\t\t\tcurEnd = prevProperty ? prevProperty.endPosition : startPosition;\n\t\t\t} else {\n\t\t\t\tcurStart = startPosition;\n\t\t\t\tcurEnd = endPosition;\n\t\t\t}\n\t\t\tconst curPath =\n\t\t\t\toriginDiffAngle === 360\n\t\t\t\t\t? makeStrokeCircleStr(curStart, curEnd, this.center, this.radius, this.clockWise, largeArc)\n\t\t\t\t\t: makeArcStrokePathStr(curStart, curEnd, this.center, this.radius, this.clockWise, largeArc);\n\n\t\t\ts.sliceStrings.push(curPath);\n\t\t\ts.slicesProperties.push({\n\t\t\t\tstartPosition,\n\t\t\t\tendPosition,\n\t\t\t\tvalue: total,\n\t\t\t\ttotal: s.grandTotal,\n\t\t\t\tstartAngle,\n\t\t\t\tendAngle,\n\t\t\t\tangle: diffAngle\n\t\t\t});\n\n\t\t});\n\t\tthis.init = 0;\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'donutSlices',\n\t\t\t\t{ },\n\t\t\t\tfunction() {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tsliceStrings: s.sliceStrings,\n\t\t\t\t\t\tcolors: this.colors,\n\t\t\t\t\t\tstrokeWidth: this.strokeWidth,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tcalTranslateByAngle(property){\n\t\tconst{ radius, hoverRadio } = this;\n\t\tconst position = getPositionByAngle(property.startAngle+(property.angle / 2),radius);\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\n\t}\n\n\thoverSlice(path,i,flag,e){\n\t\tif(!path) return;\n\t\tconst color = this.colors[i];\n\t\tif(flag) {\n\t\t\ttransform(path, this.calTranslateByAngle(this.state.slicesProperties[i]));\n\t\t\tpath.style.stroke = lightenDarkenColor(color, 50);\n\t\t\tlet g_off = getOffset(this.svg);\n\t\t\tlet x = e.pageX - g_off.left + 10;\n\t\t\tlet y = e.pageY - g_off.top - 10;\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t\t? this.formatted_labels[i] : this.state.labels[i]) + ': ';\n\t\t\tlet percent = (this.state.sliceTotals[i] * 100 / this.state.grandTotal).toFixed(1);\n\t\t\tthis.tip.setValues(x, y, {name: title, value: percent + \"%\"});\n\t\t\tthis.tip.showTip();\n\t\t} else {\n\t\t\ttransform(path,'translate3d(0,0,0)');\n\t\t\tthis.tip.hideTip();\n\t\t\tpath.style.stroke = color;\n\t\t}\n\t}\n\n\tbindTooltip() {\n\t\tthis.container.addEventListener('mousemove', this.mouseMove);\n\t\tthis.container.addEventListener('mouseleave', this.mouseLeave);\n\t}\n\n\tmouseMove(e){\n\t\tconst target = e.target;\n\t\tlet slices = this.components.get('donutSlices').store;\n\t\tlet prevIndex = this.curActiveSliceIndex;\n\t\tlet prevAcitve = this.curActiveSlice;\n\t\tif(slices.includes(target)) {\n\t\t\tlet i = slices.indexOf(target);\n\t\t\tthis.hoverSlice(prevAcitve, prevIndex,false);\n\t\t\tthis.curActiveSlice = target;\n\t\t\tthis.curActiveSliceIndex = i;\n\t\t\tthis.hoverSlice(target, i, true, e);\n\t\t} else {\n\t\t\tthis.mouseLeave();\n\t\t}\n\t}\n\n\tmouseLeave(){\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\n\t}\n}\n","import * as Charts from './chart';\n\nlet frappe = { };\n\nfrappe.NAME = 'Frappe Charts';\nfrappe.VERSION = '1.2.0';\n\nfrappe = Object.assign({ }, frappe, Charts);\n\nexport default frappe;"],"names":["expr","con","document","querySelector","getOffset","element","rect","getBoundingClientRect","top","documentElement","scrollTop","body","left","scrollLeft","isElementInViewport","el","bottom","window","innerHeight","clientHeight","right","innerWidth","clientWidth","getElementContentWidth","styles","getComputedStyle","padding","parseFloat","paddingLeft","paddingRight","fire","target","type","properties","evt","createEvent","initEvent","j","dispatchEvent","getTopOffset","m","titleHeight","margins","paddings","getLeftOffset","getExtraHeight","legendHeight","getExtraWidth","floatTwo","d","toFixed","fillArray","array","count","start","length","fillerArray","Array","Math","abs","fill","concat","getStringWidth","string","charWidth","getPositionByAngle","angle","radius","sin","ANGLE_RATIO","cos","getBarHeightAndYAttr","yTop","zeroLine","height","y","equilizeNoOfElements","array1","array2","extraCount","truncateString","txt","len","slice","shortenLargeNumber","label","number","Number","isNaN","p","floor","log10","l","shortened","pow","round","limitColor","r","lightenDarkenColor","color","amt","col","getColor","usePound","num","parseInt","b","g","toString","isValidColor","test","$","createSVG","tag","o","createElementNS","i","val","appendChild","ref","parentNode","insertBefore","keys","map","style","prop","setAttribute","renderVerticalGradient","svgDefElem","gradientId","setGradientStop","gradElem","offset","opacity","makeSVGContainer","parent","className","width","makeSVGDefs","svgContainer","makeSVGGroup","transform","undefined","args","inside","makePath","pathStr","makeArcPathStr","startPosition","endPosition","center","clockWise","largeArc","arcStartX","x","arcStartY","arcEndX","arcEndY","makeCircleStr","midArc","makeArcStrokePathStr","makeStrokeCircleStr","makeGradient","lighter","gradientDef","opacities","percentageBar","depth","PERCENTAGE_BAR_DEFAULT_DEPTH","heatSquare","size","data","key","legendBar","LABEL_MAX_CHARS","text","FONT_SIZE","FONT_FILL","group","legendDot","makeText","content","options","fontSize","dy","textAnchor","makeVertLine","y1","y2","stroke","BASE_LINE_COLOR","LABEL_MARGIN","line","makeHoriLine","x1","x2","lineType","shortenNumbers","yLine","pos","mode","AXIS_TICK_LENGTH","xLine","yMarker","labelPos","labelSvg","yRegion","region","datasetBar","index","meta","minHeight","datasetDot","dot","getPaths","xList","yList","pointsStr","join","path","heatline","gradient_id","svgDefs","paths","regionFill","gradient_id_region","translate","unit","oldCoord","newCoord","duration","old","STD_EASING","translateVertLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","animateBar","bar","nodeName","UNIT_ANIM_DUR","split","animateDot","cx","cy","animatePath","newXList","newYList","pathComponents","animPath","PATH_ANIM_DUR","push","regStartPt","regEndPt","animRegion","animatePathStr","oldPath","animateSVGElement","props","dur","easingType","oldValues","animElement","cloneNode","newElement","attributeName","animateElement","currentValue","value","animAttr","EASING","webkitTransform","msTransform","mozTransform","oTransform","animateSVG","elements","newElements","animElements","replaceChild","animSvg","runSMILAnimation","svgElement","elementsToAnimate","animSvgElement","removeChild","REPLACE_ALL_NEW_DUR","downloadFile","filename","a","createElement","blob","Blob","url","URL","createObjectURL","href","download","click","revokeObjectURL","prepareForExport","svg","clone","classList","add","styleEl","create","CSSTEXT","firstChild","container","innerHTML","treatAsUtc","date","result","Date","setMinutes","getMinutes","getTimezoneOffset","getYyyyMmDd","dd","getDate","mm","getMonth","getFullYear","getTime","getWeeksBetween","startDate","endDate","weekStartDate","setDayToSunday","ceil","getDaysBetween","NO_OF_DAYS_IN_WEEK","millisecondsPerDay","SEC_IN_DAY","NO_OF_MILLIS","areInSameMonth","getMonthName","short","monthName","MONTH_NAMES","getLastDateInMonth","month","year","newDate","day","getDay","addDays","numberOfDays","setDate","getComponent","name","constants","getData","Object","componentConfigs","filter","includes","k","config","assign","ChartComponent","normalize","mantissa","exponent","sig","isFinite","exp","getChartRangeIntervals","max","min","upperBound","lowerBound","range","noOfParts","partSize","intervals","getChartIntervals","maxValue","minValue","normalMaxValue","normalMinValue","calcChartIntervals","values","getPositiveFirstIntervals","absMinValue","intervalSize","unshift","withMinimum","pseudoMaxValue","pseudoMinValue","reverse","getZeroIndex","yPts","interval","getIntervalSize","indexOf","orderedArray","getValueRange","scale","yAxis","scaleMultiplier","getClosestInArray","goal","arr","closest","reduce","prev","curr","calcDistribution","distributionSize","dataMaxValue","distributionStep","distribution","checkpoint","getMaxCheckpoint","dataPrep","labels","datasetLength","datasets","zeroArray","vals","chartType","AXIS_DATASET_CHART_TYPES","yRegions","end","zeroDataPrep","realData","zeroData","yMarkers","getShortenedLabels","chartWidth","isSeries","allowedSpace","allowedLetters","DEFAULT_CHAR_WIDTH","getChartByType","AxisChart","chartTypes","error","css","insertAt","head","getElementsByTagName","styleSheet","cssText","createTextNode","BASE_MEASURES","INIT_CHART_UPDATE_TIMEOUT","DEFAULT_CHART_COLORS","DEFAULT_COLORS","PI","SvgTip","colors","titleName","titleValue","listValues","titleValueFirst","setup","makeTooltip","calcPosition","this","hideTip","title","dataPointList","addEventListener","set","_this2","formatted","li","offsetWidth","offsetHeight","maxLeft","pointer","pointerOffset","valueFirst","refresh","PRESET_COLOR_MAP","makeOverlay","transformValue","overlay","updateOverlay","attributes","attr","specified","nodeValue","BOUND_DRAW_FN","BaseChart","HTMLElement","Error","rawChartArgs","prepareData","prepareFirstData","validateColors","isNavigable","truncateLegends","measures","JSON","parse","stringify","setMeasures","showLegend","argHeight","baseHeight","state","initTimeout","overlays","configure","validColors","forEach","warn","boundDrawFn","bind","draw","removeEventListener","makeContainer","updateWidth","independentWidth","tip","bindTooltip","onlyWidthChange","init","calc","makeChartArea","setupComponents","components","c","_this","drawArea","render","update","renderLegend","setupNavigation","baseWidth","titleEL","titleFontSize","legendArea","updateTipOffset","Map","animate","make","updateNav","bindUnits","bindOverlay","keyActions","onEnterKey","onLeftArrow","onUpArrow","onRightArrow","onDownArrow","e","_this3","event","keyCode","chartSvg","AggregationChart","maxSlices","maxLegendPoints","s","sliceTotals","allTotals","total","totals","sort","sumOfRemaining","grandTotal","textContent","legendTotals","barWidth","divisor","DAY_NAMES_SHORT","layerClass","layerTransform","makeElements","animateElements","store","layer","oldData","sliceStrings","strokeWidth","transition","newData","xPositions","widths","barHeight","barDepth","positions","position","newPos","newLabels","oldPos","oldLabels","calcLabels","_this4","_this5","newOptions","startPos","endPos","_this6","newStarts","oldStarts","colWidth","rowHeight","squareSize","xTranslate","serializedSubDomains","cols","week","weekNo","toUpperCase","yyyyMmDd","dataValue","square","unitType","units","yPositions","offsets","barsWidth","newXPos","newYPos","newOffsets","oldXPos","oldYPos","oldOffsets","hideLine","hideDots","valuesOverPoints","newValues","PercentageChart","barOptions","component","xPos","bars","get","gOff","pOff","formattedLabels","fraction","setValues","showTip","PieChart","mouseMove","mouseLeave","hoverRadio","startAngle","prevSlicesProperties","slicesProperties","curAngle","originDiffAngle","diffAngle","endAngle","prevProperty","curStart","curEnd","curPath","property","flag","calTranslateByAngle","g_off","pageX","pageY","formatted_labels","percent","slices","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","Heatmap","countLabel","validStarts","startSubDomain","startSubDomainIndex","discreteDomains","ROW_HEIGHT","HEATMAP_SQUARE_SIZE","spacing","noOfWeeks","setFullYear","dataPoints","points","timestampSec","firstWeekStart","domainConfigs","getDomains","lessCol","dayName","dayText","daySquares","comp","daySquare","dateParts","lessText","COL_WIDTH","moreText","HEATMAP_DISTRIBUTION_SIZE","startMonth","startYear","noOfMonths","startOfMonth","getDomainConfig","startOfWeek","domainConfig","noOfMonthWeeks","getCol","empty","currentDate","currentDateWithinData","getSubDomainConfig","lineOptions","axisOptions","tooltipOptions","xAxisMode","yAxisMode","xIsSeries","shortenYAxisNumbers","formatTooltipX","formatTooltipY","calcXPositions","calcYAxisParameters","getAllYValues","makeDataByIndex","unitWidth","xOffset","xAxis","dataValues","intervalHeight","calcDatasetPoints","calcYExtremes","calcYRegions","scaleAll","cumulativeYs","stacked","yExtremes","cumulativeYPos","cumulative","allValueLists","barDatasets","lineDatasets","barsConfigs","spaceRatio","lineConfigs","minLine","dotSize","markerConfigs","optionals","dataUnitComponents","dataByIndex","formatX","formatY","relX","relY","mapTooltipXPosition","dbi","yExtreme","formattedLabel","overlayGuides","currentIndex","currentUnit","_this7","setCurrentDataPoint","_this9","_this10","getDataPoint","datasetValues","splice","DonutChart","Chart","frappe","NAME","VERSION","Charts"],"mappings":"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"} \ No newline at end of file diff --git a/docs/assets/js/data.js b/docs/assets/js/data.js deleted file mode 100644 index f679316..0000000 --- a/docs/assets/js/data.js +++ /dev/null @@ -1,179 +0,0 @@ -import { MONTH_NAMES_SHORT } from '../../../src/js/utils/date-utils'; - -// Composite Chart -// ================================================================================ -const reportCountList = [152, 222, 199, 287, 534, 709, - 1179, 1256, 1632, 1856, 1850]; - -export const lineCompositeData = { - labels: ["2007", "2008", "2009", "2010", "2011", "2012", - "2013", "2014", "2015", "2016", "2017"], - - yMarkers: [ - { - label: "Average 100 reports/month", - value: 1200, - options: { labelPos: 'left' } - } - ], - - datasets: [{ - "name": "Events", - "values": reportCountList - }] -}; - - -export const fireball_5_25 = [ - [4, 0, 3, 1, 1, 2, 1, 1, 1, 0, 1, 1], - [2, 3, 3, 2, 1, 3, 0, 1, 2, 7, 10, 4], - [5, 6, 2, 4, 0, 1, 4, 3, 0, 2, 0, 1], - [0, 2, 6, 2, 1, 1, 2, 3, 6, 3, 7, 8], - [6, 8, 7, 7, 4, 5, 6, 5, 22, 12, 10, 11], - [7, 10, 11, 7, 3, 2, 7, 7, 11, 15, 22, 20], - [13, 16, 21, 18, 19, 17, 12, 17, 31, 28, 25, 29], - [24, 14, 21, 14, 11, 15, 19, 21, 41, 22, 32, 18], - [31, 20, 30, 22, 14, 17, 21, 35, 27, 50, 117, 24], - [32, 24, 21, 27, 11, 27, 43, 37, 44, 40, 48, 32], - [31, 38, 36, 26, 23, 23, 25, 29, 26, 47, 61, 50], -]; -export const fireball_2_5 = [ - [22, 6, 6, 9, 7, 8, 6, 14, 19, 10, 8, 20], - [11, 13, 12, 8, 9, 11, 9, 13, 10, 22, 40, 24], - [20, 13, 13, 19, 13, 10, 14, 13, 20, 18, 5, 9], - [7, 13, 16, 19, 12, 11, 21, 27, 27, 24, 33, 33], - [38, 25, 28, 22, 31, 21, 35, 42, 37, 32, 46, 53], - [50, 33, 36, 34, 35, 28, 27, 52, 58, 59, 75, 69], - [54, 67, 67, 45, 66, 51, 38, 64, 90, 113, 116, 87], - [84, 52, 56, 51, 55, 46, 50, 87, 114, 83, 152, 93], - [73, 58, 59, 63, 56, 51, 83, 140, 103, 115, 265, 89], - [106, 95, 94, 71, 77, 75, 99, 136, 129, 154, 168, 156], - [81, 102, 95, 72, 58, 91, 89, 122, 124, 135, 183, 171], -]; -export const fireballOver25 = [ - // [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], - [0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0], - [0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0], - [1, 1, 0, 0, 0, 0, 1, 0, 1, 0, 0, 0], - [0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 2], - [3, 2, 1, 3, 2, 0, 2, 2, 2, 3, 0, 1], - [2, 3, 5, 2, 1, 3, 0, 2, 3, 5, 1, 4], - [7, 4, 6, 1, 9, 2, 2, 2, 20, 9, 4, 9], - [5, 6, 1, 2, 5, 4, 5, 5, 16, 9, 14, 9], - [5, 4, 7, 5, 1, 5, 3, 3, 5, 7, 22, 2], - [5, 13, 11, 6, 1, 7, 9, 8, 14, 17, 16, 3], - [8, 9, 8, 6, 4, 8, 5, 6, 14, 11, 21, 12] -]; - -export const barCompositeData = { - labels: MONTH_NAMES_SHORT, - datasets: [ - { - name: "Over 25 reports", - values: fireballOver25[9], - }, - { - name: "5 to 25 reports", - values: fireball_5_25[9], - }, - { - name: "2 to 5 reports", - values: fireball_2_5[9] - } - ] -}; - -// Demo Chart multitype Chart -// ================================================================================ -export const typeData = { - labels: ["12am-3am", "3am-6am", "6am-9am", "9am-12pm", - "12pm-3pm", "3pm-6pm", "6pm-9pm", "9pm-12am"], - - yMarkers: [ - { - label: "Marker", - value: 43, - options: { labelPos: 'left' } - // type: 'dashed' - } - ], - - yRegions: [ - { - label: "Region", - start: -10, - end: 50, - options: { labelPos: 'right' } - }, - ], - - datasets: [ - { - name: "Some Data", - values: [18, 40, 30, 35, 8, 52, 17, -4], - axisPosition: 'right', - chartType: 'bar' - }, - { - name: "Another Set", - values: [30, 50, -10, 15, 18, 32, 27, 14], - axisPosition: 'right', - chartType: 'bar' - }, - { - name: "Yet Another", - values: [15, 20, -3, -15, 58, 12, -17, 37], - chartType: 'line' - } - ] -}; - -export const trendsData = { - labels: [1967, 1968, 1969, 1970, 1971, 1972, 1973, 1974, 1975, 1976, - 1977, 1978, 1979, 1980, 1981, 1982, 1983, 1984, 1985, 1986, - 1987, 1988, 1989, 1990, 1991, 1992, 1993, 1994, 1995, 1996, - 1997, 1998, 1999, 2000, 2001, 2002, 2003, 2004, 2005, 2006, - 2007, 2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016] , - datasets: [ - { - values: [132.9, 150.0, 149.4, 148.0, 94.4, 97.6, 54.1, 49.2, 22.5, 18.4, - 39.3, 131.0, 220.1, 218.9, 198.9, 162.4, 91.0, 60.5, 20.6, 14.8, - 33.9, 123.0, 211.1, 191.8, 203.3, 133.0, 76.1, 44.9, 25.1, 11.6, - 28.9, 88.3, 136.3, 173.9, 170.4, 163.6, 99.3, 65.3, 45.8, 24.7, - 12.6, 4.2, 4.8, 24.9, 80.8, 84.5, 94.0, 113.3, 69.8, 39.8] - } - ] -}; - -export const moonData = { - names: ["Ganymede", "Callisto", "Io", "Europa"], - masses: [14819000, 10759000, 8931900, 4800000], - distances: [1070.412, 1882.709, 421.700, 671.034], - diameters: [5262.4, 4820.6, 3637.4, 3121.6], -}; - -// const jupiterMoons = { -// 'Ganymede': { -// mass: '14819000 x 10^16 kg', -// 'semi-major-axis': '1070412 km', -// 'diameter': '5262.4 km' -// }, -// 'Callisto': { -// mass: '10759000 x 10^16 kg', -// 'semi-major-axis': '1882709 km', -// 'diameter': '4820.6 km' -// }, -// 'Io': { -// mass: '8931900 x 10^16 kg', -// 'semi-major-axis': '421700 km', -// 'diameter': '3637.4 km' -// }, -// 'Europa': { -// mass: '4800000 x 10^16 kg', -// 'semi-major-axis': '671034 km', -// 'diameter': '3121.6 km' -// }, -// }; - -// ================================================================================ - diff --git a/docs/assets/js/demoConfig.js b/docs/assets/js/demoConfig.js deleted file mode 100644 index b7a0161..0000000 --- a/docs/assets/js/demoConfig.js +++ /dev/null @@ -1,55 +0,0 @@ -import { lineCompositeData, barCompositeData } from './data'; - -export default { - lineComposite: { - elementID: "#chart-composite-1", - options: { - title: "Fireball/Bolide Events - Yearly (reported)", - data: lineCompositeData, - type: "line", - height: 190, - colors: ["green"], - isNavigable: 1, - valuesOverPoints: 1, - - lineOptions: { - dotSize: 8 - } - } - }, - - barComposite: { - elementID: "#chart-composite-2", - options: { - data: barCompositeData, - type: "bar", - height: 210, - colors: ["violet", "light-blue", "#46a9f9"], - valuesOverPoints: 1, - axisOptions: { - xAxisMode: "tick", - shortenYAxisNumbers: true - }, - barOptions: { - stacked: 1 - } - } - }, - - demoMain: { - elementID: "", - options: { - title: "My Awesome Chart", - data: "typeData", - type: "axis-mixed", - height: 300, - colors: ["purple", "magenta", "light-blue"], - maxSlices: 10, - - tooltipOptions: { - formatTooltipX: d => (d + '').toUpperCase(), - formatTooltipY: d => d + ' pts', - } - } - } -}; \ No newline at end of file diff --git a/docs/assets/js/frappe-charts.min.js b/docs/assets/js/frappe-charts.min.js deleted file mode 100644 index 1dc8f0f..0000000 --- a/docs/assets/js/frappe-charts.min.js +++ /dev/null @@ -1,2 +0,0 @@ -var frappe=function(){"use strict";function t(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function e(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function i(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function n(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function a(t,e,i){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0);for(var a in i)n[a]=i[a];return t.dispatchEvent(n)}function s(t){return t.titleHeight+t.margins.top+t.paddings.top}function r(t){return t.margins.left+t.paddings.left}function o(t){return t.margins.top+t.margins.bottom+t.paddings.top+t.paddings.bottom+t.titleHeight+t.legendHeight}function l(t){return t.margins.left+t.margins.right+t.paddings.left+t.paddings.right}function u(t){return parseFloat(t.toFixed(2))}function h(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=n?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(i);return t=n?a.concat(t):t.concat(a)}function c(t,e){return(t+"").length*e}function d(t,e){return{x:Math.sin(t*Xt)*e,y:Math.cos(t*Xt)*e}}function p(t,e){var i=void 0,n=void 0;return t<=e?(i=e-t,n=t):(i=t-e,n=e),[i,n]}function f(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=h(t,i):e=h(e,i),[t,e]}function v(t,e){if(t)return t.length>e?t.slice(0,e-3)+"...":t}function g(t){var e=void 0;if("number"==typeof t)e=t;else if("string"==typeof t&&(e=Number(t),Number.isNaN(e)))return t;var i=Math.floor(Math.log10(Math.abs(e)));if(i<=2)return e;var n=Math.floor(i/3),a=Math.pow(10,i-3*n)*+(e/Math.pow(10,i)).toFixed(1);return Math.round(100*a)/100+" "+["","K","M","B","T"][n]}function y(t){return t>255?255:t<0?0:t}function m(t,e){var i=$t(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),s=y((a>>16)+e),r=y((a>>8&255)+e),o=y((255&a)+e);return(n?"#":"")+(o|r<<8|s<<16).toString(16)}function b(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function x(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function k(t,e){var i=document.createElementNS("http://www.w3.org/2000/svg",t);for(var n in e){var a=e[n];if("inside"===n)x(a).appendChild(i);else if("around"===n){var s=x(a);s.parentNode.insertBefore(i,s),i.appendChild(s)}else"styles"===n?"object"===(void 0===a?"undefined":Et(a))&&Object.keys(a).map(function(t){i.style[t]=a[t]}):("className"===n&&(n="class"),"innerHTML"===n?i.textContent=a:i.setAttribute(n,a))}return i}function w(t,e){return k("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function A(t,e,i,n){return k("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function P(t,e,i,n){return k("svg",{className:e,inside:t,width:i,height:n})}function L(t){return k("defs",{inside:t})}function T(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0,n={className:t,transform:e};return i&&(n.inside=i),k("g",n)}function C(t){return k("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none","stroke-width":arguments.length>4&&void 0!==arguments[4]?arguments[4]:2}})}function O(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=i.x+t.x,o=i.y+t.y,l=i.x+e.x,u=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+r+" "+o+"\n\t\tA "+n+" "+n+" 0 "+s+" "+(a?1:0)+"\n\t\t"+l+" "+u+" z"}function M(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=i.x+t.x,o=i.y+t.y,l=i.x+e.x,u=2*i.y,h=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+r+" "+o+"\n\t\tA "+n+" "+n+" 0 "+s+" "+(a?1:0)+"\n\t\t"+l+" "+u+" z\n\t\tL"+r+" "+u+"\n\t\tA "+n+" "+n+" 0 "+s+" "+(a?1:0)+"\n\t\t"+l+" "+h+" z"}function D(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=i.x+t.x,o=i.y+t.y,l=i.x+e.x,u=i.y+e.y;return"M"+r+" "+o+"\n\t\tA "+n+" "+n+" 0 "+s+" "+(a?1:0)+"\n\t\t"+l+" "+u}function N(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=i.x+t.x,o=i.y+t.y,l=i.x+e.x,u=2*n+o,h=i.y+t.y;return"M"+r+" "+o+"\n\t\tA "+n+" "+n+" 0 "+s+" "+(a?1:0)+"\n\t\t"+l+" "+u+"\n\t\tM"+r+" "+u+"\n\t\tA "+n+" "+n+" 0 "+s+" "+(a?1:0)+"\n\t\t"+l+" "+h}function S(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),a=w(t,n),s=[1,.6,.2];return i&&(s=[.4,.2,0]),A(a,"0%",e,s[0]),A(a,"50%",e,s[1]),A(a,"100%",e,s[2]),n}function E(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:Vt,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:"none";return k("rect",{className:"percentage-bar",x:t,y:e,width:i,height:n,fill:s,styles:{stroke:m(s,-25),"stroke-dasharray":"0, "+(n+i)+", "+i+", "+n,"stroke-width":a}})}function _(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r={className:t,x:e,y:i,width:n,height:n,fill:a};return Object.keys(s).map(function(t){r[t]=s[t]}),k("rect",r)}function z(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none",a=arguments[4];a=arguments.length>5&&void 0!==arguments[5]&&arguments[5]?v(a,te):a;var s={className:"legend-bar",x:0,y:0,width:i,height:"2px",fill:n},r=k("text",{className:"legend-dataset-text",x:0,y:0,dy:2*ee+"px","font-size":1.2*ee+"px","text-anchor":"start",fill:ne,innerHTML:a}),o=k("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(k("rect",s)),o.appendChild(r),o}function W(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none",a=arguments[4],s={className:"legend-dot",cx:0,cy:0,r:i,fill:n},r=k("text",{className:"legend-dataset-text",x:0,y:0,dx:ee+"px",dy:ee/3+"px","font-size":1.2*ee+"px","text-anchor":"start",fill:ne,innerHTML:a}),o=k("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(k("circle",s)),o.appendChild(r),o}function H(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},s=a.fontSize||ee;return k("text",{className:t,x:e,y:i,dy:(void 0!==a.dy?a.dy:s/2)+"px","font-size":s+"px",fill:a.fill||ne,"text-anchor":a.textAnchor||"start",innerHTML:n})}function j(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=ie);var s=k("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),r=k("text",{x:0,y:i>n?i+Zt:i-Zt-ee,dy:ee+"px","font-size":ee+"px","text-anchor":"middle",innerHTML:e+""}),o=k("g",{transform:"translate("+t+", 0)"});return o.appendChild(s),o.appendChild(r),o}function F(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=ie),a.lineType||(a.lineType=""),a.shortenNumbers&&(e=g(e));var s=k("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:0,y2:0,styles:{stroke:a.stroke}}),r=k("text",{x:i3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="left"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=ie),n.className||(n.className="");var a=-1*Qt,s="span"===n.mode?i+Qt:0;return"tick"===n.mode&&"right"===n.pos&&(a=i+Qt,s=i),a+=n.offset,s+=n.offset,F(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType,shortenNumbers:n.shortenNumbers})}function R(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="bottom"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=ie),n.className||(n.className="");var a=i+Qt,s="span"===n.mode?-1*Qt:i;return"tick"===n.mode&&"top"===n.pos&&(a=-1*Qt,s=0),j(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function Y(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};n.labelPos||(n.labelPos="right");var a=k("text",{className:"chart-label",x:"left"===n.labelPos?Zt:i-c(e,5)-Zt,y:0,dy:ee/-2+"px","font-size":ee+"px","text-anchor":"start",innerHTML:e+""}),s=F(t,"",0,i,{stroke:n.stroke||ie,className:n.className||"",lineType:n.lineType});return s.appendChild(a),s}function B(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},s=t-e,r=k("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:ie,"stroke-dasharray":i+", "+s},x:0,y:0,width:i,height:s});a.labelPos||(a.labelPos="right");var o=k("text",{className:"chart-label",x:"left"===a.labelPos?Zt:i-c(n+"",4.5)-Zt,y:0,dy:ee/-2+"px","font-size":ee+"px","text-anchor":"start",innerHTML:n+""}),l=k("g",{transform:"translate(0, "+e+")"});return l.appendChild(r),l.appendChild(o),l}function V(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=p(e,o.zeroLine),u=Ft(l,2),h=u[0],c=u[1];c-=r,0===h&&(h=o.minHeight,c-=o.minHeight);var d=k("rect",{className:"bar mini",style:"fill: "+n,"data-point-index":s,x:t,y:c,width:i,height:h});if((a+="")||a.length){d.setAttribute("y",0),d.setAttribute("x",0);var f=k("text",{className:"data-point-value",x:i/2,y:0,dy:ee/2*-1+"px","font-size":ee+"px","text-anchor":"middle",innerHTML:a}),v=k("g",{"data-point-index":s,transform:"translate("+t+", "+c+")"});return v.appendChild(d),v.appendChild(f),v}return d}function U(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=k("circle",{style:"fill: "+n,"data-point-index":s,cx:t,cy:e,r:i});if((a+="")||a.length){r.setAttribute("cy",0),r.setAttribute("cx",0);var o=k("text",{className:"data-point-value",x:0,y:0,dy:ee/2*-1-i+"px","font-size":ee+"px","text-anchor":"middle",innerHTML:a}),l=k("g",{"data-point-index":s,transform:"translate("+t+", "+e+")"});return l.appendChild(r),l.appendChild(o),l}return r}function G(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},s=e.map(function(e,i){return t[i]+","+e}).join("L"),r=C("M"+s,"line-graph-path",i);if(n.heatline){var o=S(a.svgDefs,i);r.style.stroke="url(#"+o+")"}var l={path:r};if(n.regionFill){var u=S(a.svgDefs,i,!0),h="M"+t[0]+","+a.zeroLine+"L"+s+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=C(h,"region-fill","none","url(#"+u+")")}return l}function q(t,e,i,n){var a="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},n,he,"translate",{transform:a}]}function X(t,e,i){return q(t,[i,0],[e,0],le)}function J(t,e,i){return q(t,[0,i],[0,e],le)}function K(t,e,i,n){var a=e-i,s=t.childNodes[0];return[[s,{height:a,"stroke-dasharray":s.getAttribute("width")+", "+a},le,he],q(t,[0,n],[0,i],le)]}function $(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=p(i,(arguments.length>5&&void 0!==arguments[5]?arguments[5]:{}).zeroLine),r=Ft(s,2),o=r[0],l=r[1];return l-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width:n,height:o},re,he],q(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],le)]:[[t,{width:n,height:o,x:e,y:l},re,he]]}function Q(t,e,i){return"circle"!==t.nodeName?[q(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],le)]:[[t,{cx:e,cy:i},re,he]]}function Z(t,e,i,n){var a=[],s=i.map(function(t,i){return e[i]+","+t}).join("L"),r=[t.path,{d:"M"+s},oe,he];if(a.push(r),t.region){var o=e[0]+","+n+"L",l="L"+e.slice(-1)[0]+", "+n,u=[t.region,{d:"M"+o+s+l},oe,he];a.push(u)}return a}function tt(t,e){return[t,{d:e},re,he]}function et(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var u=void 0;u="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var h=s[l]||t.getAttribute(l),c=e[l],d={attributeName:l,from:h,to:c,begin:"0s",dur:i/1e3+"s",values:h+";"+c,keySplines:ce[n],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};a&&(d.type=a);for(var p in d)u.setAttribute(p,d[p]);r.appendChild(u),a?o.setAttribute(l,"translate("+c+")"):o.setAttribute(l,c)}return[r,o]}function it(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function nt(t,e){var i=[],n=[];e.map(function(t){var e=t[0],a=e.parentNode,s=void 0,r=void 0;t[0]=e;var o=et.apply(void 0,It(t)),l=Ft(o,2);s=l[0],r=l[1],i.push(r),n.push([s,a]),a.replaceChild(s,e)});var a=t.cloneNode(!0);return n.map(function(t,n){t[1].replaceChild(i[n],t[0]),e[n][0]=i[n]}),a}function at(t,e,i){if(0!==i.length){var n=nt(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},ue)}}function st(t,e){var i=document.createElement("a");i.style="display: none";var n=new Blob(e,{type:"image/svg+xml; charset=utf-8"}),a=window.URL.createObjectURL(n);i.href=a,i.download=t,document.body.appendChild(i),i.click(),setTimeout(function(){document.body.removeChild(i),window.URL.revokeObjectURL(a)},300)}function rt(e){var i=e.cloneNode(!0);i.classList.add("chart-container"),i.setAttribute("xmlns","http://www.w3.org/2000/svg"),i.setAttribute("xmlns:xlink","http://www.w3.org/1999/xlink");var n=t.create("style",{innerHTML:de});i.insertBefore(n,i.firstChild);var a=t.create("div");return a.appendChild(i),a.innerHTML}function ot(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function lt(t){var e=t.getDate(),i=t.getMonth()+1;return[t.getFullYear(),(i>9?"":"0")+i,(e>9?"":"0")+e].join("-")}function ut(t){return new Date(t.getTime())}function ht(t,e){var i=vt(t);return Math.ceil(ct(i,e)/ge)}function ct(t,e){var i=me*ye;return(ot(e)-ot(t))/i}function dt(t,e){return t.getMonth()===e.getMonth()&&t.getFullYear()===e.getFullYear()}function pt(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=be[t];return e?i.slice(0,3):i}function ft(t,e){return new Date(e,t+1,0)}function vt(t){var e=ut(t),i=e.getDay();return 0!==i&>(e,-1*i),e}function gt(t,e){t.setDate(t.getDate()+e)}function yt(t,e,i){var n=Object.keys(we).filter(function(e){return t.includes(e)}),a=we[n[0]];return Object.assign(a,{constants:e,getData:i}),new ke(a)}function mt(t){if(0===t)return[0,0];if(isNaN(t))return{mantissa:-6755399441055744,exponent:972};var e=t>0?1:-1;if(!isFinite(t))return{mantissa:4503599627370496*e,exponent:972};t=Math.abs(t);var i=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,i)),i]}function bt(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Math.ceil(t),n=Math.floor(e),a=i-n,s=a,r=1;a>5&&(a%2!=0&&(a=++i-n),s=a/2,r=2),a<=2&&(r=a/(s=4)),0===a&&(s=5,r=1);for(var o=[],l=0;l<=s;l++)o.push(n+r*l);return o}function xt(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=mt(t),n=Ft(i,2),a=n[0],s=n[1],r=e?e/Math.pow(10,s):0,o=bt(a=a.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function kt(t){function e(t,e){for(var i=xt(t),n=i[1]-i[0],a=0,s=1;a1&&void 0!==arguments[1]&&arguments[1],n=Math.max.apply(Math,It(t)),a=Math.min.apply(Math,It(t)),s=[];if(n>=0&&a>=0)mt(n)[1],s=i?xt(n,a):xt(n);else if(n>0&&a<0){var r=Math.abs(a);n>=r?(mt(n)[1],s=e(n,r)):(mt(r)[1],s=e(r,n).map(function(t){return-1*t}))}else if(n<=0&&a<=0){var o=Math.abs(a),l=Math.abs(n);mt(o)[1],s=(s=i?xt(o,l):xt(o)).reverse().map(function(t){return-1*t})}return s}function wt(t){var e=At(t);return t.indexOf(0)>=0?t.indexOf(0):t[0]>0?-1*t[0]/e:-1*t[t.length-1]/e+(t.length-1)}function At(t){return t[1]-t[0]}function Pt(t){return t[t.length-1]-t[0]}function Lt(t,e){return u(e.zeroLine-t*e.scaleMultiplier)}function Tt(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n=e.reduce(function(e,i){return Math.abs(i-t)i?n.slice(0,i):h(n,i-n.length,0)}else t.values=a;t.chartType||(Bt.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=t/e.length;n<=0&&(n=1);var a=n/Ut;return e.map(function(t,e){return(t+="").length>a&&(i?e%Math.ceil(t.length/a)!=0&&(t=""):t=a-3>0?t.slice(0,a-3)+" ...":t.slice(0,a)+".."),t})}function St(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"axis-mixed"===t?(i.type="line",new Te(e,i)):Oe[t]?new Oe[t](e,i):void console.error("Undefined chart type: "+t)}!function(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===i&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}}('.chart-container{position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .legend-dataset-text{fill:#6c7680;font-weight:600}.graph-svg-tip{position:absolute;z-index:99999;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.graph-svg-tip ol,.graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}');var Et="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},_t=(function(){function t(t){this.value=t}function e(e){function i(t,e){return new Promise(function(i,a){var o={key:t,arg:e,resolve:i,reject:a,next:null};r?r=r.next=o:(s=r=o,n(t,e))})}function n(i,s){try{var r=e[i](s),o=r.value;o instanceof t?Promise.resolve(o.value).then(function(t){n("next",t)},function(t){n("throw",t)}):a(r.done?"return":"normal",r.value)}catch(t){a("throw",t)}}function a(t,e){switch(t){case"return":s.resolve({value:e,done:!0});break;case"throw":s.reject(e);break;default:s.resolve({value:e,done:!1})}(s=s.next)?n(s.key,s.arg):r=null}var s,r;this._invoke=i,"function"!=typeof e.return&&(this.return=void 0)}"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)}}(),function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}),zt=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
                \n\t\t\t\t
                '}),this.hideTip(),this.title=this.container.querySelector(".title"),this.dataPointList=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){e.hideTip()})}},{key:"fill",value:function(){var e=this,i=void 0;this.index&&this.container.setAttribute("data-point-index",this.index),i=this.titleValueFirst?""+this.titleValue+""+this.titleName:this.titleName+""+this.titleValue+"",this.title.innerHTML=i,this.dataPointList.innerHTML="",this.listValues.map(function(i,n){var a=e.colors[n]||"black",s=0===i.formatted||i.formatted?i.formatted:i.value,r=t.create("li",{styles:{"border-top":"3px solid "+a},innerHTML:''+(0===s||s?s:"")+"\n\t\t\t\t\t"+(i.title?i.title:"")});e.dataPointList.appendChild(r)})}},{key:"calcPosition",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight-5,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,i=this.container.querySelector(".svg-pointer");if(this.left<0)i.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var n="calc(50% + "+(this.left-e)+"px)";i.style.left=n,this.left=e}else i.style.left="50%"}},{key:"setValues",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:-1;this.titleName=i.name,this.titleValue=i.value,this.listValues=n,this.x=t,this.y=e,this.titleValueFirst=i.valueFirst||0,this.index=a,this.refresh()}},{key:"hideTip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"showTip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),e}(),Kt={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},$t=function(t){return Kt[t]||t},Qt=6,Zt=4,te=15,ee=10,ie="#dadada",ne="#555b51",ae={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),n=t.getAttribute("r"),a=t.getAttribute("fill");return i.setAttribute("r",parseInt(n)+4),i.setAttribute("fill",a),i.style.opacity="0.6",e&&i.setAttribute("transform",e),i},heat_square:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),n=t.getAttribute("r"),a=t.getAttribute("fill");return i.setAttribute("r",parseInt(n)+4),i.setAttribute("fill",a),i.style.opacity="0.6",e&&i.setAttribute("transform",e),i}},se={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["cx","cy"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},heat_square:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["cx","cy"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},re=350,oe=350,le=re,ue=250,he="easein",ce={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"},de=".chart-container{position:relative;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .legend-dataset-text{fill:#6c7680;font-weight:600}.graph-svg-tip{position:absolute;z-index:99999;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.graph-svg-tip ul{padding-left:0;display:flex}.graph-svg-tip ol{padding-left:0;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:' ';border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}",pe=void 0,fe=function(){function e(t,i){if(_t(this,e),this.parent="string"==typeof t?document.querySelector(t):t,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.rawChartArgs=i,this.title=i.title||"",this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=this.validateColors(i.colors,this.type),this.config={showTooltip:1,showLegend:1,isNavigable:i.isNavigable||0,animate:1,truncateLegends:i.truncateLegends||0},this.measures=JSON.parse(JSON.stringify(Rt));var n=this.measures;this.setMeasures(i),this.title.length||(n.titleHeight=0),this.config.showLegend||(n.legendHeight=0),this.argHeight=i.height||n.baseHeight,this.state={},this.options={},this.initTimeout=Yt,this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return zt(e,[{key:"prepareData",value:function(t){return t}},{key:"prepareFirstData",value:function(t){return t}},{key:"validateColors",value:function(t,e){var i=[];return(t=(t||[]).concat(qt[e])).forEach(function(t){var e=$t(t);b(e)?i.push(e):console.warn('"'+t+'" is not a valid color.')}),i}},{key:"setMeasures",value:function(){}},{key:"configure",value:function(){var t=this.argHeight;this.baseHeight=t,this.height=t-o(this.measures),pe=this.boundDrawFn.bind(this),window.addEventListener("resize",pe),window.addEventListener("orientationchange",this.boundDrawFn.bind(this))}},{key:"boundDrawFn",value:function(){this.draw(!0)}},{key:"unbindWindowEvents",value:function(){window.removeEventListener("resize",pe),window.removeEventListener("orientationchange",this.boundDrawFn.bind(this))}},{key:"setup",value:function(){this.makeContainer(),this.updateWidth(),this.makeTooltip(),this.draw(!1,!0)}},{key:"makeContainer",value:function(){this.parent.innerHTML="";var e={inside:this.parent,className:"chart-container"};this.independentWidth&&(e.styles={width:this.independentWidth+"px"}),this.container=t.create("div",e)}},{key:"makeTooltip",value:function(){this.tip=new Jt({parent:this.container,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.updateWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update(t.data)},this.initTimeout)),this.renderLegend(),this.setupNavigation(i)}},{key:"calc",value:function(){}},{key:"updateWidth",value:function(){this.baseWidth=n(this.parent),this.width=this.baseWidth-l(this.measures)}},{key:"makeChartArea",value:function(){this.svg&&this.container.removeChild(this.svg);var t=this.measures;this.svg=P(this.container,"frappe-chart chart",this.baseWidth,this.baseHeight),this.svgDefs=L(this.svg),this.title.length&&(this.titleEL=H("title",t.margins.left,t.margins.top,this.title,{fontSize:t.titleFontSize,fill:"#666666",dy:t.titleFontSize}));var e=s(t);this.drawArea=T(this.type+"-chart chart-draw-area","translate("+r(t)+", "+e+")"),this.config.showLegend&&(e+=this.height+t.paddings.bottom,this.legendArea=T("chart-legend","translate("+r(t)+", "+e+")")),this.title.length&&this.svg.appendChild(this.titleEL),this.svg.appendChild(this.drawArea),this.config.showLegend&&this.svg.appendChild(this.legendArea),this.updateTipOffset(r(t),s(t))}},{key:"updateTipOffset",value:function(t,e){this.tip.offset={x:t,y:e}}},{key:"setupComponents",value:function(){this.components=new Map}},{key:"update",value:function(t){t||console.error("No data to update."),this.data=this.prepareData(t),this.calc(),this.render()}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var n=[];e.forEach(function(t){n=n.concat(t.update(i))}),n.length>0?(at(this.container,this.svg,n),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},400)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){i(t.container)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"addDataPoint",value:function(){}},{key:"removeDataPoint",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(){}},{key:"updateDataset",value:function(){}},{key:"export",value:function(){var t=rt(this.svg);st(this.title||"Chart",[t])}}]),e}(),ve=function(t){function e(t,i){return _t(this,e),jt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i))}return Ht(e,t),zt(e,[{key:"configure",value:function(t){Wt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,i=this.config.maxSlices;e.sliceTotals=[];var n=this.data.labels.map(function(e,i){var n=0;return t.data.datasets.map(function(t){n+=t.values[i]}),[n,e]}).filter(function(t){return t[0]>=0}),a=n;if(n.length>i){n.sort(function(t,e){return e[0]-t[0]}),a=n.slice(0,i-1);var s=0;n.slice(i-1).map(function(t){s+=t[0]}),a.push([s,"Rest"]),this.colors[i-1]="grey"}e.labels=[],a.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])}),e.grandTotal=e.sliceTotals.reduce(function(t,e){return t+e},0),this.center={x:this.width/2,y:this.height/2}}},{key:"renderLegend",value:function(){var t=this,e=this.state;this.legendArea.textContent="",this.legendTotals=e.sliceTotals.slice(0,this.config.maxLegendPoints);var i=0,n=0;this.legendTotals.map(function(a,s){var r=110,o=Math.floor((t.width-l(t.measures))/r);t.legendTotals.lengtho&&(i=0,n+=20);var u=W(r*i+5,n,5,t.colors[s],e.labels[s]+": "+a);t.legendArea.appendChild(u),i++})}}]),e}(fe),ge=7,ye=1e3,me=86400,be=["January","February","March","April","May","June","July","August","September","October","November","December"],xe=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],ke=function(){function t(e){var i=e.layerClass,n=void 0===i?"":i,a=e.layerTransform,s=void 0===a?"":a,r=e.constants,o=e.getData,l=e.makeElements,u=e.animateElements;_t(this,t),this.layerTransform=s,this.constants=r,this.makeElements=l,this.getData=o,this.animateElements=u,this.store=[],this.labels=[],this.layerClass=n,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return zt(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=T(this.layerClass,this.layerTransform,t)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)}),this.labels.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)||[]),e}}]),t}(),we={donutSlices:{layerClass:"donut-slices",makeElements:function(t){return t.sliceStrings.map(function(e,i){var n=C(e,"donut-path",t.colors[i],"none",t.strokeWidth);return n.style.transition="transform .3s;",n})},animateElements:function(t){return this.store.map(function(e,i){return tt(e,t.sliceStrings[i])})}},pieSlices:{layerClass:"pie-slices",makeElements:function(t){return t.sliceStrings.map(function(e,i){var n=C(e,"pie-path","none",t.colors[i]);return n.style.transition="transform .3s;",n})},animateElements:function(t){return this.store.map(function(e,i){return tt(e,t.sliceStrings[i])})}},percentageBars:{layerClass:"percentage-bars",makeElements:function(t){var e=this;return t.xPositions.map(function(i,n){return E(i,0,t.widths[n],e.constants.barHeight,e.constants.barDepth,t.colors[n])})},animateElements:function(t){if(t)return[]}},yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return I(i,t.labels[n],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos,shortenNumbers:e.constants.shortenNumbers})})},animateElements:function(t){var e=t.positions,i=t.labels,n=this.oldData.positions,a=this.oldData.labels,s=f(n,e),r=Ft(s,2);n=r[0],e=r[1];var o=f(a,i),l=Ft(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return J(t,e[i],n[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return R(i,t.calcLabels[n],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,n=this.oldData.positions,a=this.oldData.calcLabels,s=f(n,e),r=Ft(s,2);n=r[0],e=r[1];var o=f(a,i),l=Ft(o,2);return a=l[0],i=l[1],this.render({positions:n,calcLabels:i}),this.store.map(function(t,i){return X(t,e[i],n[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return Y(t.position,t.label,e.constants.width,{labelPos:t.options.labelPos,mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=f(this.oldData,t),i=Ft(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.position}),a=t.map(function(t){return t.label}),s=t.map(function(t){return t.options}),r=this.oldData.map(function(t){return t.position});return this.render(r.map(function(t,e){return{position:r[e],label:a[e],options:s[e]}})),this.store.map(function(t,e){return J(t,n[e],r[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return B(t.startPos,t.endPos,e.constants.width,t.label,{labelPos:t.options.labelPos})})},animateElements:function(t){var e=f(this.oldData,t),i=Ft(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.endPos}),a=t.map(function(t){return t.label}),s=t.map(function(t){return t.startPos}),r=t.map(function(t){return t.options}),o=this.oldData.map(function(t){return t.endPos}),l=this.oldData.map(function(t){return t.startPos});this.render(o.map(function(t,e){return{startPos:l[e],endPos:o[e],label:a[e],options:r[e]}}));var u=[];return this.store.map(function(t,e){u=u.concat(K(t,s[e],n[e],o[e]))}),u}},heatDomain:{layerClass:function(){return"heat-domain domain-"+this.constants.index},makeElements:function(t){var e=this,i=this.constants,n=i.index,a=i.colWidth,s=i.rowHeight,r=i.squareSize,o=i.xTranslate,l=0;return this.serializedSubDomains=[],t.cols.map(function(t,i){1===i&&e.labels.push(H("domain-name",o,-12,pt(n,!0).toUpperCase(),{fontSize:9})),t.map(function(t,i){if(t.fill){var n={"data-date":t.yyyyMmDd,"data-value":t.dataValue,"data-day":i},a=_("day",o,l,r,t.fill,n);e.serializedSubDomains.push(a)}l+=s}),l=0,o+=a}),this.serializedSubDomains},animateElements:function(t){if(t)return[]}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,n){return V(t.xPositions[n],i,t.barWidth,e.color,t.labels[n],n,t.offsets[n],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=t.xPositions,i=t.yPositions,n=t.offsets,a=t.labels,s=this.oldData.xPositions,r=this.oldData.yPositions,o=this.oldData.offsets,l=this.oldData.labels,u=f(s,e),h=Ft(u,2);s=h[0],e=h[1];var c=f(r,i),d=Ft(c,2);r=d[0],i=d[1];var p=f(o,n),v=Ft(p,2);o=v[0],n=v[1];var g=f(l,a),y=Ft(g,2);l=y[0],a=y[1],this.render({xPositions:s,yPositions:r,offsets:o,labels:a,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var m=[];return this.store.map(function(a,s){m=m.concat($(a,e[s],i[s],t.barWidth,n[s],{zeroLine:t.zeroLine}))}),m}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=G(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,n){return U(t.xPositions[n],i,t.radius,e.color,e.valuesOverPoints?t.values[n]:"",n)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,n=t.values,a=this.oldData.xPositions,s=this.oldData.yPositions,r=this.oldData.values,o=f(a,e),l=Ft(o,2);a=l[0],e=l[1];var u=f(s,i),h=Ft(u,2);s=h[0],i=h[1];var c=f(r,n),d=Ft(c,2);r=d[0],n=d[1],this.render({xPositions:a,yPositions:s,values:n,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var p=[];return Object.keys(this.paths).length&&(p=p.concat(Z(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,n){p=p.concat(Q(t,e[n],i[n]))}),p}}},Ae=function(t){function i(t,e){_t(this,i);var n=jt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.type="percentage",n.setup(),n}return Ht(i,t),zt(i,[{key:"setMeasures",value:function(t){var e=this.measures;this.barOptions=t.barOptions||{};var i=this.barOptions;i.height=i.height||20,i.depth=i.depth||Vt,e.paddings.right=30,e.legendHeight=60,e.baseHeight=8*(i.height+.5*i.depth)}},{key:"setupComponents",value:function(){var t=this.state,e=[["percentageBars",{barHeight:this.barOptions.height,barDepth:this.barOptions.depth},function(){return{xPositions:t.xPositions,widths:t.widths,colors:this.colors}}.bind(this)]];this.components=new Map(e.map(function(t){var e=yt.apply(void 0,It(t));return[t[0],e]}))}},{key:"calc",value:function(){var t=this;Wt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"calc",this).call(this);var e=this.state;e.xPositions=[],e.widths=[];var n=0;e.sliceTotals.map(function(i){var a=t.width*i/e.grandTotal;e.widths.push(a),e.xPositions.push(n),n+=a})}},{key:"makeDataByIndex",value:function(){}},{key:"bindTooltip",value:function(){var t=this,i=this.state;this.container.addEventListener("mousemove",function(n){var a=t.components.get("percentageBars").store,s=n.target;if(a.includes(s)){var r=a.indexOf(s),o=e(t.container),l=e(s),u=l.left-o.left+parseInt(s.getAttribute("width"))/2,h=l.top-o.top,c=(t.formattedLabels&&t.formattedLabels.length>0?t.formattedLabels[r]:t.state.labels[r])+": ",d=i.sliceTotals[r]/i.grandTotal;t.tip.setValues(u,h,{name:c,value:(100*d).toFixed(1)+"%"}),t.tip.showTip()}})}}]),i}(ve),Pe=function(t){function i(t,e){_t(this,i);var n=jt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.type="pie",n.initTimeout=0,n.init=1,n.setup(),n}return Ht(i,t),zt(i,[{key:"configure",value:function(t){Wt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this),this.hoverRadio=t.hoverRadio||.1,this.config.startAngle=t.startAngle||0,this.clockWise=t.clockWise||!1}},{key:"calc",value:function(){var t=this;Wt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"calc",this).call(this);var e=this.state;this.radius=this.height>this.width?this.center.x:this.center.y;var n=this.radius,a=this.clockWise,s=e.slicesProperties||[];e.sliceStrings=[],e.slicesProperties=[];var r=180-this.config.startAngle;e.sliceTotals.map(function(i,o){var l=r,u=i/e.grandTotal*360,h=u>180?1:0,c=a?-u:u,p=r+=c,f=d(l,n),v=d(p,n),g=t.init&&s[o],y=void 0,m=void 0;t.init?(y=g?g.startPosition:f,m=g?g.endPosition:f):(y=f,m=v);var b=360===u?M(y,m,t.center,t.radius,a,h):O(y,m,t.center,t.radius,a,h);e.sliceStrings.push(b),e.slicesProperties.push({startPosition:f,endPosition:v,value:i,total:e.grandTotal,startAngle:l,endAngle:p,angle:c})}),this.init=0}},{key:"setupComponents",value:function(){var t=this.state,e=[["pieSlices",{},function(){return{sliceStrings:t.sliceStrings,colors:this.colors}}.bind(this)]];this.components=new Map(e.map(function(t){var e=yt.apply(void 0,It(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,n=d(t.startAngle+t.angle/2,e);return"translate3d("+n.x*i+"px,"+n.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,i,n,a){if(t){var s=this.colors[i];if(n){it(t,this.calTranslateByAngle(this.state.slicesProperties[i])),t.style.fill=m(s,50);var r=e(this.svg),o=a.pageX-r.left+10,l=a.pageY-r.top-10,u=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[i]:this.state.labels[i])+": ",h=(100*this.state.sliceTotals[i]/this.state.grandTotal).toFixed(1);this.tip.setValues(o,l,{name:u,value:h+"%"}),this.tip.showTip()}else it(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.fill=s}}},{key:"bindTooltip",value:function(){this.container.addEventListener("mousemove",this.mouseMove),this.container.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,i=this.components.get("pieSlices").store,n=this.curActiveSliceIndex,a=this.curActiveSlice;if(i.includes(e)){var s=i.indexOf(e);this.hoverSlice(a,n,!1),this.curActiveSlice=e,this.curActiveSliceIndex=s,this.hoverSlice(e,s,!0,t)}else this.mouseLeave()}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}}]),i}(ve),Le=function(t){function e(t,i){_t(this,e);var n=jt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));n.type="heatmap",n.countLabel=i.countLabel||"";var a=["Sunday","Monday"],s=a.includes(i.startSubDomain)?i.startSubDomain:"Sunday";return n.startSubDomainIndex=a.indexOf(s),n.setup(),n}return Ht(e,t),zt(e,[{key:"setMeasures",value:function(t){var e=this.measures;this.discreteDomains=0===t.discreteDomains?0:1,e.paddings.top=36,e.paddings.bottom=0,e.legendHeight=24,e.baseHeight=12*ge+o(e);var i=this.data,n=this.discreteDomains?12:0;this.independentWidth=12*(ht(i.start,i.end)+n)+l(e)}},{key:"updateWidth",value:function(){var t=this.discreteDomains?12:0,e=this.state.noOfWeeks?this.state.noOfWeeks:52;this.baseWidth=12*(e+t)+l(this.measures)}},{key:"prepareData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;if(t.start&&t.end&&t.start>t.end)throw new Error("Start date cannot be greater than end date.");if(t.start||(t.start=new Date,t.start.setFullYear(t.start.getFullYear()-1)),t.end||(t.end=new Date),t.dataPoints=t.dataPoints||{},parseInt(Object.keys(t.dataPoints)[0])>1e5){var e={};Object.keys(t.dataPoints).forEach(function(i){var n=new Date(i*ye);e[lt(n)]=t.dataPoints[i]}),t.dataPoints=e}return t}},{key:"calc",value:function(){var t=this.state;t.start=ut(this.data.start),t.end=ut(this.data.end),t.firstWeekStart=ut(t.start),t.noOfWeeks=ht(t.start,t.end),t.distribution=Ct(Object.values(this.data.dataPoints),5),t.domainConfigs=this.getDomains()}},{key:"setupComponents",value:function(){var t=this,e=this.state,i=this.discreteDomains?0:1,n=e.domainConfigs.map(function(n,a){return["heatDomain",{index:n.index,colWidth:12,rowHeight:12,squareSize:10,xTranslate:12*e.domainConfigs.filter(function(t,e){return e1&&void 0!==arguments[1]?arguments[1]:"",i=[t.getMonth(),t.getFullYear()],n=i[0],a=i[1],s=vt(t),r={index:n,cols:[]};gt(e=ut(e)||ft(n,a),1);for(var o=ht(s,e),l=[],u=void 0,h=0;h2&&void 0!==arguments[2]&&arguments[2],n=this.state,a=ut(t),s=[],r=0;r=n.start&&a<=n.end;i||a.getMonth()!==e||!l?o.yyyyMmDd=lt(a):o=this.getSubDomainConfig(a),s.push(o)}return s}},{key:"getSubDomainConfig",value:function(t){var e=lt(t),i=this.data.dataPoints[e];return{yyyyMmDd:e,dataValue:i||0,fill:this.colors[Ot(i,this.state.distribution)]}}}]),e}(fe),Te=function(t){function i(t,e){_t(this,i);var n=jt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.barOptions=e.barOptions||{},n.lineOptions=e.lineOptions||{},n.type=e.type||"line",n.init=1,n.setup(),n}return Ht(i,t),zt(i,[{key:"setMeasures",value:function(){this.data.datasets.length<=1&&(this.config.showLegend=0,this.measures.paddings.bottom=30)}},{key:"configure",value:function(t){Wt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||0,this.config.shortenYAxisNumbers=t.axisOptions.shortenYAxisNumbers||0,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"prepareData",value:function(){return Mt(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return Dt(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type),this.makeDataByIndex()}},{key:"calcXPositions",value:function(){var t=this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return u(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=kt(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/Pt(e),n=At(e)*i,a=this.height-wt(e)*n;this.state.yAxis={labels:e,positions:e.map(function(t){return a-t*i}),scaleMultiplier:i,zeroLine:a},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return Lt(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var n=t.values,a=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:n,yPositions:e(n),cumulativeYs:a,cumulativeYPos:e(a)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e){e.yPositions.map(function(e,i){es(n)?t.mapTooltipXPosition(o):t.tip.hideTip()})}},{key:"mapTooltipXPosition",value:function(t){var e=this.state;if(e.yExtremes){var i=Tt(t,e.xAxis.positions,!0),n=this.dataByIndex[i];this.tip.setValues(n.xPos+this.tip.offset.x,n.yExtreme+this.tip.offset.y,{name:n.formattedLabel,value:""},n.values,i),this.tip.showTip()}}},{key:"renderLegend",value:function(){var t=this,e=this.data;e.datasets.length>1&&(this.legendArea.textContent="",e.datasets.map(function(e,i){var n=z(100*i,"0",100,t.colors[i],e.name,t.config.truncateLegends);t.legendArea.appendChild(n)}))}},{key:"makeOverlay",value:function(){var t=this;if(this.init)return void(this.init=0);this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=ae[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(){t.updateOverlay()})}},{key:"bindUnits",value:function(){var t=this;this.dataUnitComponents.map(function(e){e.units.map(function(e){e.addEventListener("click",function(){var i=e.getAttribute("data-point-index");t.setCurrentDataPoint(i)})})}),this.tip.container.addEventListener("click",function(){var e=t.tip.container.getAttribute("data-point-index");t.setCurrentDataPoint(e)})}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];se[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex,e=this.state;return{index:t,label:e.xAxis.labels[t],values:e.datasets.map(function(e){return e.values[t]})}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,a(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;Wt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"addDataPoint",this).call(this,t,e,n),this.data.labels.splice(n,0,t),this.data.datasets.map(function(t,i){t.values.splice(n,0,e[i])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;this.data.labels.length<=1||(Wt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data))}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}},{key:"updateDatasets",value:function(t){this.data.datasets.map(function(e,i){t[i]&&(e.values=t[i])}),this.update(this.data)}}]),i}(fe),Ce=function(t){function i(t,e){_t(this,i);var n=jt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.type="donut",n.initTimeout=0,n.init=1,n.setup(),n}return Ht(i,t),zt(i,[{key:"configure",value:function(t){Wt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this),this.hoverRadio=t.hoverRadio||.1,this.config.startAngle=t.startAngle||0,this.clockWise=t.clockWise||!1,this.strokeWidth=t.strokeWidth||30}},{key:"calc",value:function(){var t=this;Wt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"calc",this).call(this);var e=this.state;this.radius=this.height>this.width?this.center.x-this.strokeWidth/2:this.center.y-this.strokeWidth/2;var n=this.radius,a=this.clockWise,s=e.slicesProperties||[];e.sliceStrings=[],e.slicesProperties=[];var r=180-this.config.startAngle;e.sliceTotals.map(function(i,o){var l=r,u=i/e.grandTotal*360,h=u>180?1:0,c=a?-u:u,p=r+=c,f=d(l,n),v=d(p,n),g=t.init&&s[o],y=void 0,m=void 0;t.init?(y=g?g.startPosition:f,m=g?g.endPosition:f):(y=f,m=v);var b=360===u?N(y,m,t.center,t.radius,t.clockWise,h):D(y,m,t.center,t.radius,t.clockWise,h);e.sliceStrings.push(b),e.slicesProperties.push({startPosition:f,endPosition:v,value:i,total:e.grandTotal,startAngle:l,endAngle:p,angle:c})}),this.init=0}},{key:"setupComponents",value:function(){var t=this.state,e=[["donutSlices",{},function(){return{sliceStrings:t.sliceStrings,colors:this.colors,strokeWidth:this.strokeWidth}}.bind(this)]];this.components=new Map(e.map(function(t){var e=yt.apply(void 0,It(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,n=d(t.startAngle+t.angle/2,e);return"translate3d("+n.x*i+"px,"+n.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,i,n,a){if(t){var s=this.colors[i];if(n){it(t,this.calTranslateByAngle(this.state.slicesProperties[i])),t.style.stroke=m(s,50);var r=e(this.svg),o=a.pageX-r.left+10,l=a.pageY-r.top-10,u=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[i]:this.state.labels[i])+": ",h=(100*this.state.sliceTotals[i]/this.state.grandTotal).toFixed(1);this.tip.setValues(o,l,{name:u,value:h+"%"}),this.tip.showTip()}else it(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.stroke=s}}},{key:"bindTooltip",value:function(){this.container.addEventListener("mousemove",this.mouseMove),this.container.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,i=this.components.get("donutSlices").store,n=this.curActiveSliceIndex,a=this.curActiveSlice;if(i.includes(e)){var s=i.indexOf(e);this.hoverSlice(a,n,!1),this.curActiveSlice=e,this.curActiveSliceIndex=s,this.hoverSlice(e,s,!0,t)}else this.mouseLeave()}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}}]),i}(ve),Oe={bar:Te,line:Te,percentage:Ae,heatmap:Le,pie:Pe,donut:Ce},Me=function t(e,i){return _t(this,t),St(i.type,e,i)},De=Object.freeze({Chart:Me,PercentageChart:Ae,PieChart:Pe,Heatmap:Le,AxisChart:Te}),Ne={};return Ne.NAME="Frappe Charts",Ne.VERSION="1.2.0",Ne=Object.assign({},Ne,De)}(); -//# 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 deleted file mode 100644 index fab001c..0000000 --- a/docs/assets/js/frappe-charts.min.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"frappe-charts.min.js","sources":["../../../src/js/utils/dom.js","../../../src/js/utils/constants.js","../../../src/js/utils/helpers.js","../../../src/js/utils/draw-utils.js","../../../src/js/utils/colors.js","../../../src/js/utils/draw.js","../../../src/js/utils/animate.js","../../../src/js/utils/animation.js","../../../src/js/utils/export.js","../../../src/js/utils/date-utils.js","../../../src/js/objects/ChartComponents.js","../../../src/js/utils/intervals.js","../../../src/js/utils/axis-chart-utils.js","../../../src/js/chart.js","../../../node_modules/style-inject/dist/style-inject.es.js","../../../src/js/objects/SvgTip.js","../../../src/css/chartsCss.js","../../../src/js/charts/BaseChart.js","../../../src/js/charts/AggregationChart.js","../../../src/js/charts/PercentageChart.js","../../../src/js/charts/PieChart.js","../../../src/js/charts/Heatmap.js","../../../src/js/charts/AxisChart.js","../../../src/js/charts/DonutChart.js","../../../src/js/index.js"],"sourcesContent":["export function $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function findNodeIndex(node)\n{\n\tvar i = 0;\n\twhile (node.previousSibling) {\n\t\tnode = node.previousSibling;\n\t\ti++;\n\t}\n\treturn i;\n}\n\n$.create = (tag, o) => {\n\tvar element = document.createElement(tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else if (i in element ) {\n\t\t\telement[i] = val;\n\t\t}\n\t\telse {\n\t\t\telement.setAttribute(i, val);\n\t\t}\n\t}\n\n\treturn element;\n};\n\nexport function getOffset(element) {\n\tlet rect = element.getBoundingClientRect();\n\treturn {\n\t\t// https://stackoverflow.com/a/7436602/6495043\n\t\t// rect.top varies with scroll, so we add whatever has been\n\t\t// scrolled to it to get absolute distance from actual page top\n\t\ttop: rect.top + (document.documentElement.scrollTop || document.body.scrollTop),\n\t\tleft: rect.left + (document.documentElement.scrollLeft || document.body.scrollLeft)\n\t};\n}\n\nexport function isElementInViewport(el) {\n\t// Although straightforward: https://stackoverflow.com/a/7557433/6495043\n\tvar rect = el.getBoundingClientRect();\n\n\treturn (\n\t\trect.top >= 0 &&\n rect.left >= 0 &&\n rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */\n rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */\n\t);\n}\n\nexport function getElementContentWidth(element) {\n\tvar styles = window.getComputedStyle(element);\n\tvar padding = parseFloat(styles.paddingLeft) +\n\t\tparseFloat(styles.paddingRight);\n\n\treturn element.clientWidth - padding;\n}\n\nexport function bind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function (event) {\n\t\t\t\telement.addEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function unbind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function(event) {\n\t\t\t\telement.removeEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function fire(target, type, properties) {\n\tvar evt = document.createEvent(\"HTMLEvents\");\n\n\tevt.initEvent(type, true, true );\n\n\tfor (var j in properties) {\n\t\tevt[j] = properties[j];\n\t}\n\n\treturn target.dispatchEvent(evt);\n}\n\n// https://css-tricks.com/snippets/javascript/loop-queryselectorall-matches/\nexport function forEachNode(nodeList, callback, scope) {\n\tif(!nodeList) return;\n\tfor (var i = 0; i < nodeList.length; i++) {\n\t\tcallback.call(scope, nodeList[i], i);\n\t}\n}\n\nexport function activate($parent, $child, commonClass, activeClass='active', index = -1) {\n\tlet $children = $parent.querySelectorAll(`.${commonClass}.${activeClass}`);\n\n\tforEachNode($children, (node, i) => {\n\t\tif(index >= 0 && i <= index) return;\n\t\tnode.classList.remove(activeClass);\n\t});\n\n\t$child.classList.add(activeClass);\n}\n","export const ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\n\nexport const COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\n\theatmap: []\n};\n\nexport const DATA_COLOR_DIVISIONS = {\n\tbar: 'datasets',\n\tline: 'datasets',\n\tpie: 'labels',\n\tpercentage: 'labels',\n\theatmap: HEATMAP_DISTRIBUTION_SIZE\n};\n\nexport const BASE_MEASURES = {\n\tmargins: {\n\t\ttop: 10,\n\t\tbottom: 10,\n\t\tleft: 20,\n\t\tright: 20\n\t},\n\tpaddings: {\n\t\ttop: 20,\n\t\tbottom: 40,\n\t\tleft: 30,\n\t\tright: 10\n\t},\n\n\tbaseHeight: 240,\n\ttitleHeight: 20,\n\tlegendHeight: 30,\n\n\ttitleFontSize: 12,\n};\n\nexport function getTopOffset(m) {\n\treturn m.titleHeight + m.margins.top + m.paddings.top;\n}\n\nexport function getLeftOffset(m) {\n\treturn m.margins.left + m.paddings.left;\n}\n\nexport function getExtraHeight(m) {\n\tlet totalExtraHeight = m.margins.top + m.margins.bottom\n\t\t+ m.paddings.top + m.paddings.bottom\n\t\t+ m.titleHeight + m.legendHeight;\n\treturn totalExtraHeight;\n}\n\nexport function getExtraWidth(m) {\n\tlet totalExtraWidth = m.margins.left + m.margins.right\n\t\t+ m.paddings.left + m.paddings.right;\n\n\treturn totalExtraWidth;\n}\n\nexport const INIT_CHART_UPDATE_TIMEOUT = 700;\nexport const CHART_POST_ANIMATE_TIMEOUT = 400;\n\nexport const DEFAULT_AXIS_CHART_TYPE = 'line';\nexport const AXIS_DATASET_CHART_TYPES = ['line', 'bar'];\n\nexport const AXIS_LEGEND_BAR_SIZE = 100;\n\nexport const BAR_CHART_SPACE_RATIO = 0.5;\nexport const MIN_BAR_PERCENT_HEIGHT = 0.00;\n\nexport const LINE_CHART_DOT_SIZE = 4;\nexport const DOT_OVERLAY_SIZE_INCR = 4;\n\nexport const PERCENTAGE_BAR_DEFAULT_HEIGHT = 20;\nexport const PERCENTAGE_BAR_DEFAULT_DEPTH = 2;\n\n// Fixed 5-color theme,\n// More colors are difficult to parse visually\nexport const HEATMAP_DISTRIBUTION_SIZE = 5;\n\nexport const HEATMAP_SQUARE_SIZE = 10;\nexport const HEATMAP_GUTTER_SIZE = 2;\n\nexport const DEFAULT_CHAR_WIDTH = 7;\n\nexport const TOOLTIP_POINTER_TRIANGLE_HEIGHT = 5;\n\nconst DEFAULT_CHART_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey'];\nconst HEATMAP_COLORS_GREEN = ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\nexport const HEATMAP_COLORS_BLUE = ['#ebedf0', '#c0ddf9', '#73b3f3', '#3886e1', '#17459e'];\nexport const HEATMAP_COLORS_YELLOW = ['#ebedf0', '#fdf436', '#ffc700', '#ff9100', '#06001c'];\n\nexport const DEFAULT_COLORS = {\n\tbar: DEFAULT_CHART_COLORS,\n\tline: DEFAULT_CHART_COLORS,\n\tpie: DEFAULT_CHART_COLORS,\n\tpercentage: DEFAULT_CHART_COLORS,\n\theatmap: HEATMAP_COLORS_GREEN,\n\tdonut: DEFAULT_CHART_COLORS\n};\n\n// Universal constants\nexport const ANGLE_RATIO = Math.PI / 180;\nexport const FULL_ANGLE = 360;\n","import { ANGLE_RATIO } from './constants';\n\n/**\n * Returns the value of a number upto 2 decimal places.\n * @param {Number} d Any number\n */\nexport function floatTwo(d) {\n\treturn parseFloat(d.toFixed(2));\n}\n\n/**\n * Returns whether or not two given arrays are equal.\n * @param {Array} arr1 First array\n * @param {Array} arr2 Second array\n */\nexport function arraysEqual(arr1, arr2) {\n\tif(arr1.length !== arr2.length) return false;\n\tlet areEqual = true;\n\tarr1.map((d, i) => {\n\t\tif(arr2[i] !== d) areEqual = false;\n\t});\n\treturn areEqual;\n}\n\n/**\n * Shuffles array in place. ES6 version\n * @param {Array} array An array containing the items.\n */\nexport function shuffle(array) {\n\t// Awesomeness: https://bost.ocks.org/mike/shuffle/\n\t// https://stackoverflow.com/a/2450976/6495043\n\t// https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array?noredirect=1&lq=1\n\n\tfor (let i = array.length - 1; i > 0; i--) {\n\t\tlet j = Math.floor(Math.random() * (i + 1));\n\t\t[array[i], array[j]] = [array[j], array[i]];\n\t}\n\n\treturn array;\n}\n\n/**\n * Fill an array with extra points\n * @param {Array} array Array\n * @param {Number} count number of filler elements\n * @param {Object} element element to fill with\n * @param {Boolean} start fill at start?\n */\nexport function fillArray(array, count, element, start=false) {\n\tif(!element) {\n\t\telement = start ? array[0] : array[array.length - 1];\n\t}\n\tlet fillerArray = new Array(Math.abs(count)).fill(element);\n\tarray = start ? fillerArray.concat(array) : array.concat(fillerArray);\n\treturn array;\n}\n\n/**\n * Returns pixel width of string.\n * @param {String} string\n * @param {Number} charWidth Width of single char in pixels\n */\nexport function getStringWidth(string, charWidth) {\n\treturn (string+\"\").length * charWidth;\n}\n\nexport function bindChange(obj, getFn, setFn) {\n\treturn new Proxy(obj, {\n\t\tset: function(target, prop, value) {\n\t\t\tsetFn();\n\t\t\treturn Reflect.set(target, prop, value);\n\t\t},\n\t\tget: function(target, prop) {\n\t\t\tgetFn();\n\t\t\treturn Reflect.get(target, prop);\n\t\t}\n\t});\n}\n\n// https://stackoverflow.com/a/29325222\nexport function getRandomBias(min, max, bias, influence) {\n\tconst range = max - min;\n\tconst biasValue = range * bias + min;\n\tvar rnd = Math.random() * range + min,\t\t// random in range\n\t\tmix = Math.random() * influence;\t\t// random mixer\n\treturn rnd * (1 - mix) + biasValue * mix;\t// mix full range and bias\n}\n\nexport function getPositionByAngle(angle, radius) {\n\treturn {\n\t\tx: Math.sin(angle * ANGLE_RATIO) * radius,\n\t\ty: Math.cos(angle * ANGLE_RATIO) * radius,\n\t};\n}\n","import { fillArray } from './helpers';\n\nexport function getBarHeightAndYAttr(yTop, zeroLine) {\n\tlet height, y;\n\tif (yTop <= zeroLine) {\n\t\theight = zeroLine - yTop;\n\t\ty = yTop;\n\t} else {\n\t\theight = yTop - zeroLine;\n\t\ty = zeroLine;\n\t}\n\n\treturn [height, y];\n}\n\nexport function equilizeNoOfElements(array1, array2,\n\textraCount = array2.length - array1.length) {\n\n\t// Doesn't work if either has zero elements.\n\tif(extraCount > 0) {\n\t\tarray1 = fillArray(array1, extraCount);\n\t} else {\n\t\tarray2 = fillArray(array2, extraCount);\n\t}\n\treturn [array1, array2];\n}\n\nexport function truncateString(txt, len) {\n\tif (!txt) {\n\t\treturn;\n\t}\n\tif (txt.length > len) {\n\t\treturn txt.slice(0, len-3) + '...';\n\t} else {\n\t\treturn txt;\n\t}\n}\n\nexport function shortenLargeNumber(label) {\n\tlet number;\n\tif (typeof label === 'number') number = label;\n\telse if (typeof label === 'string') {\n\t\tnumber = Number(label);\n\t\tif (Number.isNaN(number)) return label;\n\t}\n\n\t// Using absolute since log wont work for negative numbers\n\tlet p = Math.floor(Math.log10(Math.abs(number)));\n\tif (p <= 2) return number; // Return as is for a 3 digit number of less\n\tlet\tl = Math.floor(p / 3);\n\tlet shortened = (Math.pow(10, p - l * 3) * +(number / Math.pow(10, p)).toFixed(1));\n\n\t// Correct for floating point error upto 2 decimal places\n\treturn Math.round(shortened*100)/100 + ' ' + ['', 'K', 'M', 'B', 'T'][l];\n}","const PRESET_COLOR_MAP = {\n\t'light-blue': '#7cd6fd',\n\t'blue': '#5e64ff',\n\t'violet': '#743ee2',\n\t'red': '#ff5858',\n\t'orange': '#ffa00a',\n\t'yellow': '#feef72',\n\t'green': '#28a745',\n\t'light-green': '#98d85b',\n\t'purple': '#b554ff',\n\t'magenta': '#ffa3ef',\n\t'black': '#36114C',\n\t'grey': '#bdd3e6',\n\t'light-grey': '#f0f4f7',\n\t'dark-grey': '#b8c2cc'\n};\n\nfunction limitColor(r){\n\tif (r > 255) return 255;\n\telse if (r < 0) return 0;\n\treturn r;\n}\n\nexport function lightenDarkenColor(color, amt) {\n\tlet col = getColor(color);\n\tlet usePound = false;\n\tif (col[0] == \"#\") {\n\t\tcol = col.slice(1);\n\t\tusePound = true;\n\t}\n\tlet num = parseInt(col,16);\n\tlet r = limitColor((num >> 16) + amt);\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\n\tlet g = limitColor((num & 0x0000FF) + amt);\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\n}\n\nexport function isValidColor(string) {\n\t// https://stackoverflow.com/a/8027444/6495043\n\treturn /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string);\n}\n\nexport const getColor = (color) => {\n\treturn PRESET_COLOR_MAP[color] || color;\n};\n","import { getBarHeightAndYAttr, truncateString, shortenLargeNumber } from './draw-utils';\nimport { getStringWidth } from './helpers';\nimport { DOT_OVERLAY_SIZE_INCR, PERCENTAGE_BAR_DEFAULT_DEPTH } from './constants';\nimport { lightenDarkenColor } from './colors';\n\nexport const AXIS_TICK_LENGTH = 6;\nconst LABEL_MARGIN = 4;\nconst LABEL_MAX_CHARS = 15;\nexport const FONT_SIZE = 10;\nconst BASE_LINE_COLOR = '#dadada';\nconst FONT_FILL = '#555b51';\n\nfunction $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function createSVG(tag, o) {\n\tvar element = document.createElementNS(\"http://www.w3.org/2000/svg\", tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tif(i === \"className\") { i = \"class\"; }\n\t\t\tif(i === \"innerHTML\") {\n\t\t\t\telement['textContent'] = val;\n\t\t\t} else {\n\t\t\t\telement.setAttribute(i, val);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn element;\n}\n\nfunction renderVerticalGradient(svgDefElem, gradientId) {\n\treturn createSVG('linearGradient', {\n\t\tinside: svgDefElem,\n\t\tid: gradientId,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: 0,\n\t\ty2: 1\n\t});\n}\n\nfunction setGradientStop(gradElem, offset, color, opacity) {\n\treturn createSVG('stop', {\n\t\t'inside': gradElem,\n\t\t'style': `stop-color: ${color}`,\n\t\t'offset': offset,\n\t\t'stop-opacity': opacity\n\t});\n}\n\nexport function makeSVGContainer(parent, className, width, height) {\n\treturn createSVG('svg', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\twidth: width,\n\t\theight: height\n\t});\n}\n\nexport function makeSVGDefs(svgContainer) {\n\treturn createSVG('defs', {\n\t\tinside: svgContainer,\n\t});\n}\n\nexport function makeSVGGroup(className, transform='', parent=undefined) {\n\tlet args = {\n\t\tclassName: className,\n\t\ttransform: transform\n\t};\n\tif(parent) args.inside = parent;\n\treturn createSVG('g', args);\n}\n\nexport function wrapInSVGGroup(elements, className='') {\n\tlet g = createSVG('g', {\n\t\tclassName: className\n\t});\n\telements.forEach(e => g.appendChild(e));\n\treturn g;\n}\n\nexport function makePath(pathStr, className='', stroke='none', fill='none', strokeWidth=2) {\n\treturn createSVG('path', {\n\t\tclassName: className,\n\t\td: pathStr,\n\t\tstyles: {\n\t\t\tstroke: stroke,\n\t\t\tfill: fill,\n\t\t\t'stroke-width': strokeWidth\n\t\t}\n\t});\n}\n\nexport function makeArcPathStr(startPosition, endPosition, center, radius, clockWise=1, largeArc=0){\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\n\tlet [arcEndX, arcEndY] = [center.x + endPosition.x, center.y + endPosition.y];\n\treturn `M${center.x} ${center.y}\n\t\tL${arcStartX} ${arcStartY}\n\t\tA ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0}\n\t\t${arcEndX} ${arcEndY} z`;\n}\n\nexport function makeCircleStr(startPosition, endPosition, center, radius, clockWise=1, largeArc=0){\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\n\tlet [arcEndX, midArc, arcEndY] = [center.x + endPosition.x, center.y * 2, center.y + endPosition.y];\n\treturn `M${center.x} ${center.y}\n\t\tL${arcStartX} ${arcStartY}\n\t\tA ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0}\n\t\t${arcEndX} ${midArc} z\n\t\tL${arcStartX} ${midArc}\n\t\tA ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0}\n\t\t${arcEndX} ${arcEndY} z`;\n}\n\nexport function makeArcStrokePathStr(startPosition, endPosition, center, radius, clockWise=1, largeArc=0){\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\n\tlet [arcEndX, arcEndY] = [center.x + endPosition.x, center.y + endPosition.y];\n\n\treturn `M${arcStartX} ${arcStartY}\n\t\tA ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0}\n\t\t${arcEndX} ${arcEndY}`;\n}\n\nexport function makeStrokeCircleStr(startPosition, endPosition, center, radius, clockWise=1, largeArc=0){\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\n\tlet [arcEndX, midArc, arcEndY] = [center.x + endPosition.x, radius * 2 + arcStartY, center.y + startPosition.y];\n\n\treturn `M${arcStartX} ${arcStartY}\n\t\tA ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0}\n\t\t${arcEndX} ${midArc}\n\t\tM${arcStartX} ${midArc}\n\t\tA ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0}\n\t\t${arcEndX} ${arcEndY}`;\n}\n\nexport function makeGradient(svgDefElem, color, lighter = false) {\n\tlet gradientId ='path-fill-gradient' + '-' + color + '-' +(lighter ? 'lighter' : 'default');\n\tlet gradientDef = renderVerticalGradient(svgDefElem, gradientId);\n\tlet opacities = [1, 0.6, 0.2];\n\tif(lighter) {\n\t\topacities = [0.4, 0.2, 0];\n\t}\n\n\tsetGradientStop(gradientDef, \"0%\", color, opacities[0]);\n\tsetGradientStop(gradientDef, \"50%\", color, opacities[1]);\n\tsetGradientStop(gradientDef, \"100%\", color, opacities[2]);\n\n\treturn gradientId;\n}\n\nexport function percentageBar(x, y, width, height,\n\tdepth=PERCENTAGE_BAR_DEFAULT_DEPTH, fill='none') {\n\n\tlet args = {\n\t\tclassName: 'percentage-bar',\n\t\tx: x,\n\t\ty: y,\n\t\twidth: width,\n\t\theight: height,\n\t\tfill: fill,\n\t\tstyles: {\n\t\t\t'stroke': lightenDarkenColor(fill, -25),\n\t\t\t// Diabolically good: https://stackoverflow.com/a/9000859\n\t\t\t// https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\n\t\t\t'stroke-dasharray': `0, ${height + width}, ${width}, ${height}`,\n\t\t\t'stroke-width': depth\n\t\t},\n\t};\n\n\treturn createSVG(\"rect\", args);\n}\n\nexport function heatSquare(className, x, y, size, fill='none', data={}) {\n\tlet args = {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: size,\n\t\theight: size,\n\t\tfill: fill\n\t};\n\n\tObject.keys(data).map(key => {\n\t\targs[key] = data[key];\n\t});\n\n\treturn createSVG(\"rect\", args);\n}\n\nexport function legendBar(x, y, size, fill='none', label, truncate=false) {\n\tlabel = truncate ? truncateString(label, LABEL_MAX_CHARS) : label;\n\n\tlet args = {\n\t\tclassName: 'legend-bar',\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: size,\n\t\theight: '2px',\n\t\tfill: fill\n\t};\n\tlet text = createSVG('text', {\n\t\tclassName: 'legend-dataset-text',\n\t\tx: 0,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE * 2) + 'px',\n\t\t'font-size': (FONT_SIZE * 1.2) + 'px',\n\t\t'text-anchor': 'start',\n\t\tfill: FONT_FILL,\n\t\tinnerHTML: label\n\t});\n\n\tlet group = createSVG('g', {\n\t\ttransform: `translate(${x}, ${y})`\n\t});\n\tgroup.appendChild(createSVG(\"rect\", args));\n\tgroup.appendChild(text);\n\n\treturn group;\n}\n\nexport function legendDot(x, y, size, fill='none', label) {\n\tlet args = {\n\t\tclassName: 'legend-dot',\n\t\tcx: 0,\n\t\tcy: 0,\n\t\tr: size,\n\t\tfill: fill\n\t};\n\tlet text = createSVG('text', {\n\t\tclassName: 'legend-dataset-text',\n\t\tx: 0,\n\t\ty: 0,\n\t\tdx: (FONT_SIZE) + 'px',\n\t\tdy: (FONT_SIZE/3) + 'px',\n\t\t'font-size': (FONT_SIZE * 1.2) + 'px',\n\t\t'text-anchor': 'start',\n\t\tfill: FONT_FILL,\n\t\tinnerHTML: label\n\t});\n\n\tlet group = createSVG('g', {\n\t\ttransform: `translate(${x}, ${y})`\n\t});\n\tgroup.appendChild(createSVG(\"circle\", args));\n\tgroup.appendChild(text);\n\n\treturn group;\n}\n\nexport function makeText(className, x, y, content, options = {}) {\n\tlet fontSize = options.fontSize || FONT_SIZE;\n\tlet dy = options.dy !== undefined ? options.dy : (fontSize / 2);\n\tlet fill = options.fill || FONT_FILL;\n\tlet textAnchor = options.textAnchor || 'start';\n\treturn createSVG('text', {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\tdy: dy + 'px',\n\t\t'font-size': fontSize + 'px',\n\t\tfill: fill,\n\t\t'text-anchor': textAnchor,\n\t\tinnerHTML: content\n\t});\n}\n\nfunction makeVertLine(x, label, y1, y2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tlet l = createSVG('line', {\n\t\tclassName: 'line-vertical ' + options.className,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: y1,\n\t\ty2: y2,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: 0,\n\t\ty: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE,\n\t\tdy: FONT_SIZE + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'middle',\n\t\tinnerHTML: label + \"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(${ x }, 0)`\n\t});\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nfunction makeHoriLine(y, label, x1, x2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.lineType) options.lineType = '';\n\tif (options.shortenNumbers) label = shortenLargeNumber(label);\n\t\n\tlet className = 'line-horizontal ' + options.className +\n\t\t(options.lineType === \"dashed\" ? \"dashed\": \"\");\n\n\tlet l = createSVG('line', {\n\t\tclassName: className,\n\t\tx1: x1,\n\t\tx2: x2,\n\t\ty1: 0,\n\t\ty2: 0,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / 2 - 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': x1 < x2 ? 'end' : 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(0, ${y})`,\n\t\t'stroke-opacity': 1\n\t});\n\n\tif(text === 0 || text === '0') {\n\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\n\t}\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nexport function yLine(y, label, width, options={}) {\n\tif(!options.pos) options.pos = 'left';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\tlet x1 = -1 * AXIS_TICK_LENGTH;\n\tlet x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;\n\n\tif(options.mode === 'tick' && options.pos === 'right') {\n\t\tx1 = width + AXIS_TICK_LENGTH;\n\t\tx2 = width;\n\t}\n\n\t// let offset = options.pos === 'left' ? -1 * options.offset : options.offset;\n\n\tx1 += options.offset;\n\tx2 += options.offset;\n\n\treturn makeHoriLine(y, label, x1, x2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType,\n\t\tshortenNumbers: options.shortenNumbers\n\t});\n}\n\nexport function xLine(x, label, height, options={}) {\n\tif(!options.pos) options.pos = 'bottom';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\t// Draw X axis line in span/tick mode with optional label\n\t// \ty2(span)\n\t// \t\t\t\t\t\t|\n\t// \t\t\t\t\t\t|\n\t//\t\t\t\tx line\t|\n\t//\t\t\t\t\t\t|\n\t// \t\t\t\t\t \t|\n\t// ---------------------+-- y2(tick)\n\t//\t\t\t\t\t\t|\n\t//\t\t\t\t\t\t\ty1\n\n\tlet y1 = height + AXIS_TICK_LENGTH;\n\tlet y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : height;\n\n\tif(options.mode === 'tick' && options.pos === 'top') {\n\t\t// top axis ticks\n\t\ty1 = -1 * AXIS_TICK_LENGTH;\n\t\ty2 = 0;\n\t}\n\n\treturn makeVertLine(x, label, y1, y2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function yMarker(y, label, width, options={}) {\n\tif(!options.labelPos) options.labelPos = 'right';\n\tlet x = options.labelPos === 'left' ? LABEL_MARGIN\n\t\t: width - getStringWidth(label, 5) - LABEL_MARGIN;\n\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: x,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = makeHoriLine(y, '', 0, width, {\n\t\tstroke: options.stroke || BASE_LINE_COLOR,\n\t\tclassName: options.className || '',\n\t\tlineType: options.lineType\n\t});\n\n\tline.appendChild(labelSvg);\n\n\treturn line;\n}\n\nexport function yRegion(y1, y2, width, label, options={}) {\n\t// return a group\n\tlet height = y1 - y2;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`, // remove class\n\t\tstyles: {\n\t\t\tfill: `rgba(228, 234, 239, 0.49)`,\n\t\t\tstroke: BASE_LINE_COLOR,\n\t\t\t'stroke-dasharray': `${width}, ${height}`\n\t\t},\n\t\t// 'data-point-index': index,\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: width,\n\t\theight: height\n\t});\n\n\tif(!options.labelPos) options.labelPos = 'right';\n\tlet x = options.labelPos === 'left' ? LABEL_MARGIN\n\t\t: width - getStringWidth(label+\"\", 4.5) - LABEL_MARGIN;\n\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: x,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet region = createSVG('g', {\n\t\ttransform: `translate(0, ${y2})`\n\t});\n\n\tregion.appendChild(rect);\n\tregion.appendChild(labelSvg);\n\n\treturn region;\n}\n\nexport function datasetBar(x, yTop, width, color, label='', index=0, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\n\tif(height === 0) {\n\t\theight = meta.minHeight;\n\t\ty -= meta.minHeight;\n\t}\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`,\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: width,\n\t\theight: height\n\t});\n\n\tlabel += \"\";\n\n\tif(!label && !label.length) {\n\t\treturn rect;\n\t} else {\n\t\trect.setAttribute('y', 0);\n\t\trect.setAttribute('x', 0);\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: width/2,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\t'data-point-index': index,\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(rect);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function datasetDot(x, y, radius, color, label='', index=0) {\n\tlet dot = createSVG('circle', {\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tcx: x,\n\t\tcy: y,\n\t\tr: radius\n\t});\n\n\tlabel += \"\";\n\n\tif(!label && !label.length) {\n\t\treturn dot;\n\t} else {\n\t\tdot.setAttribute('cy', 0);\n\t\tdot.setAttribute('cx', 0);\n\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1 - radius) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\t'data-point-index': index,\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(dot);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function getPaths(xList, yList, color, options={}, meta={}) {\n\tlet pointsList = yList.map((y, i) => (xList[i] + ',' + y));\n\tlet pointsStr = pointsList.join(\"L\");\n\tlet path = makePath(\"M\"+pointsStr, 'line-graph-path', color);\n\n\t// HeatLine\n\tif(options.heatline) {\n\t\tlet gradient_id = makeGradient(meta.svgDefs, color);\n\t\tpath.style.stroke = `url(#${gradient_id})`;\n\t}\n\n\tlet paths = {\n\t\tpath: path\n\t};\n\n\t// Region\n\tif(options.regionFill) {\n\t\tlet gradient_id_region = makeGradient(meta.svgDefs, color, true);\n\n\t\tlet pathStr = \"M\" + `${xList[0]},${meta.zeroLine}L` + pointsStr + `L${xList.slice(-1)[0]},${meta.zeroLine}`;\n\t\tpaths.region = makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`);\n\t}\n\n\treturn paths;\n}\n\nexport let makeOverlay = {\n\t'bar': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'dot': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\tlet fill = unit.getAttribute('fill');\n\t\toverlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.setAttribute('fill', fill);\n\t\toverlay.style.opacity = '0.6';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'heat_square': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\tlet fill = unit.getAttribute('fill');\n\t\toverlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.setAttribute('fill', fill);\n\t\toverlay.style.opacity = '0.6';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t}\n};\n\nexport let updateOverlay = {\n\t'bar': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['x', 'y', 'width', 'height'];\n\t\tObject.values(unit.attributes)\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t\t.map(attr => {\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'dot': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t\t.map(attr => {\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'heat_square': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t\t.map(attr => {\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n};\n","import { getBarHeightAndYAttr } from './draw-utils';\n\nexport const UNIT_ANIM_DUR = 350;\nexport const PATH_ANIM_DUR = 350;\nexport const MARKER_LINE_ANIM_DUR = UNIT_ANIM_DUR;\nexport const REPLACE_ALL_NEW_DUR = 250;\n\nexport const STD_EASING = 'easein';\n\nexport function translate(unit, oldCoord, newCoord, duration) {\n\tlet old = typeof oldCoord === 'string' ? oldCoord : oldCoord.join(', ');\n\treturn [\n\t\tunit,\n\t\t{transform: newCoord.join(', ')},\n\t\tduration,\n\t\tSTD_EASING,\n\t\t\"translate\",\n\t\t{transform: old}\n\t];\n}\n\nexport function translateVertLine(xLine, newX, oldX) {\n\treturn translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR);\n}\n\nexport function translateHoriLine(yLine, newY, oldY) {\n\treturn translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR);\n}\n\nexport function animateRegion(rectGroup, newY1, newY2, oldY2) {\n\tlet newHeight = newY1 - newY2;\n\tlet rect = rectGroup.childNodes[0];\n\tlet width = rect.getAttribute(\"width\");\n\tlet rectAnim = [\n\t\trect,\n\t\t{ height: newHeight, 'stroke-dasharray': `${width}, ${newHeight}` },\n\t\tMARKER_LINE_ANIM_DUR,\n\t\tSTD_EASING\n\t];\n\n\tlet groupAnim = translate(rectGroup, [0, oldY2], [0, newY2], MARKER_LINE_ANIM_DUR);\n\treturn [rectAnim, groupAnim];\n}\n\nexport function animateBar(bar, x, yTop, width, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\tif(bar.nodeName !== 'rect') {\n\t\tlet rect = bar.childNodes[0];\n\t\tlet rectAnim = [\n\t\t\trect,\n\t\t\t{width: width, height: height},\n\t\t\tUNIT_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\n\t\tlet oldCoordStr = bar.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(bar, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [rectAnim, groupAnim];\n\t} else {\n\t\treturn [[bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animateDot(dot, x, y) {\n\tif(dot.nodeName !== 'circle') {\n\t\tlet oldCoordStr = dot.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(dot, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [groupAnim];\n\t} else {\n\t\treturn [[dot, {cx: x, cy: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animatePath(paths, newXList, newYList, zeroLine) {\n\tlet pathComponents = [];\n\n\tlet pointsStr = newYList.map((y, i) => (newXList[i] + ',' + y));\n\tlet pathStr = pointsStr.join(\"L\");\n\n\tconst animPath = [paths.path, {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\tpathComponents.push(animPath);\n\n\tif(paths.region) {\n\t\tlet regStartPt = `${newXList[0]},${zeroLine}L`;\n\t\tlet regEndPt = `L${newXList.slice(-1)[0]}, ${zeroLine}`;\n\n\t\tconst animRegion = [\n\t\t\tpaths.region,\n\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\tPATH_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\t\tpathComponents.push(animRegion);\n\t}\n\n\treturn pathComponents;\n}\n\nexport function animatePathStr(oldPath, pathStr) {\n\treturn [oldPath, {d: pathStr}, UNIT_ANIM_DUR, STD_EASING];\n}\n","// Leveraging SMIL Animations\n\nimport { REPLACE_ALL_NEW_DUR } from './animate';\n\nconst EASING = {\n\tease: \"0.25 0.1 0.25 1\",\n\tlinear: \"0 0 1 1\",\n\t// easein: \"0.42 0 1 1\",\n\teasein: \"0.1 0.8 0.2 1\",\n\teaseout: \"0 0 0.58 1\",\n\teaseinout: \"0.42 0 0.58 1\"\n};\n\nfunction animateSVGElement(element, props, dur, easingType=\"linear\", type=undefined, oldValues={}) {\n\n\tlet animElement = element.cloneNode(true);\n\tlet newElement = element.cloneNode(true);\n\n\tfor(var attributeName in props) {\n\t\tlet animateElement;\n\t\tif(attributeName === 'transform') {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animateTransform\");\n\t\t} else {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animate\");\n\t\t}\n\t\tlet currentValue = oldValues[attributeName] || element.getAttribute(attributeName);\n\t\tlet value = props[attributeName];\n\n\t\tlet animAttr = {\n\t\t\tattributeName: attributeName,\n\t\t\tfrom: currentValue,\n\t\t\tto: value,\n\t\t\tbegin: \"0s\",\n\t\t\tdur: dur/1000 + \"s\",\n\t\t\tvalues: currentValue + \";\" + value,\n\t\t\tkeySplines: EASING[easingType],\n\t\t\tkeyTimes: \"0;1\",\n\t\t\tcalcMode: \"spline\",\n\t\t\tfill: 'freeze'\n\t\t};\n\n\t\tif(type) {\n\t\t\tanimAttr[\"type\"] = type;\n\t\t}\n\n\t\tfor (var i in animAttr) {\n\t\t\tanimateElement.setAttribute(i, animAttr[i]);\n\t\t}\n\n\t\tanimElement.appendChild(animateElement);\n\n\t\tif(type) {\n\t\t\tnewElement.setAttribute(attributeName, `translate(${value})`);\n\t\t} else {\n\t\t\tnewElement.setAttribute(attributeName, value);\n\t\t}\n\t}\n\n\treturn [animElement, newElement];\n}\n\nexport function transform(element, style) { // eslint-disable-line no-unused-vars\n\telement.style.transform = style;\n\telement.style.webkitTransform = style;\n\telement.style.msTransform = style;\n\telement.style.mozTransform = style;\n\telement.style.oTransform = style;\n}\n\nfunction animateSVG(svgContainer, elements) {\n\tlet newElements = [];\n\tlet animElements = [];\n\n\telements.map(element => {\n\t\tlet unit = element[0];\n\t\tlet parent = unit.parentNode;\n\n\t\tlet animElement, newElement;\n\n\t\telement[0] = unit;\n\t\t[animElement, newElement] = animateSVGElement(...element);\n\n\t\tnewElements.push(newElement);\n\t\tanimElements.push([animElement, parent]);\n\n\t\tparent.replaceChild(animElement, unit);\n\t});\n\n\tlet animSvg = svgContainer.cloneNode(true);\n\n\tanimElements.map((animElement, i) => {\n\t\tanimElement[1].replaceChild(newElements[i], animElement[0]);\n\t\telements[i][0] = newElements[i];\n\t});\n\n\treturn animSvg;\n}\n\nexport function runSMILAnimation(parent, svgElement, elementsToAnimate) {\n\tif(elementsToAnimate.length === 0) return;\n\n\tlet animSvgElement = animateSVG(svgElement, elementsToAnimate);\n\tif(svgElement.parentNode == parent) {\n\t\tparent.removeChild(svgElement);\n\t\tparent.appendChild(animSvgElement);\n\n\t}\n\n\t// Replace the new svgElement (data has already been replaced)\n\tsetTimeout(() => {\n\t\tif(animSvgElement.parentNode == parent) {\n\t\t\tparent.removeChild(animSvgElement);\n\t\t\tparent.appendChild(svgElement);\n\t\t}\n\t}, REPLACE_ALL_NEW_DUR);\n}\n","import { $ } from '../utils/dom';\nimport { CSSTEXT } from '../../css/chartsCss';\n\nexport function downloadFile(filename, data) {\n\tvar a = document.createElement('a');\n\ta.style = \"display: none\";\n\tvar blob = new Blob(data, {type: \"image/svg+xml; charset=utf-8\"});\n\tvar url = window.URL.createObjectURL(blob);\n\ta.href = url;\n\ta.download = filename;\n\tdocument.body.appendChild(a);\n\ta.click();\n\tsetTimeout(function(){\n\t\tdocument.body.removeChild(a);\n\t\twindow.URL.revokeObjectURL(url);\n\t}, 300);\n}\n\nexport function prepareForExport(svg) {\n\tlet clone = svg.cloneNode(true);\n\tclone.classList.add('chart-container');\n\tclone.setAttribute('xmlns', \"http://www.w3.org/2000/svg\");\n\tclone.setAttribute('xmlns:xlink', \"http://www.w3.org/1999/xlink\");\n\tlet styleEl = $.create('style', {\n\t\t'innerHTML': CSSTEXT\n\t});\n\tclone.insertBefore(styleEl, clone.firstChild);\n\n\tlet container = $.create('div');\n\tcontainer.appendChild(clone);\n\n\treturn container.innerHTML;\n}\n","// Playing around with dates\n\nexport const NO_OF_YEAR_MONTHS = 12;\nexport const NO_OF_DAYS_IN_WEEK = 7;\nexport const DAYS_IN_YEAR = 375;\nexport const NO_OF_MILLIS = 1000;\nexport const SEC_IN_DAY = 86400;\n\nexport const MONTH_NAMES = [\"January\", \"February\", \"March\", \"April\", \"May\",\n\t\"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\"];\nexport const MONTH_NAMES_SHORT = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\",\n\t\"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"];\n\nexport const DAY_NAMES_SHORT = [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\"];\nexport const DAY_NAMES = [\"Sunday\", \"Monday\", \"Tuesday\", \"Wednesday\",\n\t\"Thursday\", \"Friday\", \"Saturday\"];\n\n// https://stackoverflow.com/a/11252167/6495043\nfunction treatAsUtc(date) {\n\tlet result = new Date(date);\n\tresult.setMinutes(result.getMinutes() - result.getTimezoneOffset());\n\treturn result;\n}\n\nexport function getYyyyMmDd(date) {\n\tlet dd = date.getDate();\n\tlet mm = date.getMonth() + 1; // getMonth() is zero-based\n\treturn [\n\t\tdate.getFullYear(),\n\t\t(mm>9 ? '' : '0') + mm,\n\t\t(dd>9 ? '' : '0') + dd\n\t].join('-');\n}\n\nexport function clone(date) {\n\treturn new Date(date.getTime());\n}\n\nexport function timestampSec(date) {\n\treturn date.getTime()/NO_OF_MILLIS;\n}\n\nexport function timestampToMidnight(timestamp, roundAhead = false) {\n\tlet midnightTs = Math.floor(timestamp - (timestamp % SEC_IN_DAY));\n\tif(roundAhead) {\n\t\treturn midnightTs + SEC_IN_DAY;\n\t}\n\treturn midnightTs;\n}\n\n// export function getMonthsBetween(startDate, endDate) {}\n\nexport function getWeeksBetween(startDate, endDate) {\n\tlet weekStartDate = setDayToSunday(startDate);\n\treturn Math.ceil(getDaysBetween(weekStartDate, endDate) / NO_OF_DAYS_IN_WEEK);\n}\n\nexport function getDaysBetween(startDate, endDate) {\n\tlet millisecondsPerDay = SEC_IN_DAY * NO_OF_MILLIS;\n\treturn (treatAsUtc(endDate) - treatAsUtc(startDate)) / millisecondsPerDay;\n}\n\nexport function areInSameMonth(startDate, endDate) {\n\treturn startDate.getMonth() === endDate.getMonth()\n\t\t&& startDate.getFullYear() === endDate.getFullYear();\n}\n\nexport function getMonthName(i, short=false) {\n\tlet monthName = MONTH_NAMES[i];\n\treturn short ? monthName.slice(0, 3) : monthName;\n}\n\nexport function getLastDateInMonth (month, year) {\n\treturn new Date(year, month + 1, 0); // 0: last day in previous month\n}\n\n// mutates\nexport function setDayToSunday(date) {\n\tlet newDate = clone(date);\n\tconst day = newDate.getDay();\n\tif(day !== 0) {\n\t\taddDays(newDate, (-1) * day);\n\t}\n\treturn newDate;\n}\n\n// mutates\nexport function addDays(date, numberOfDays) {\n\tdate.setDate(date.getDate() + numberOfDays);\n}\n","import { makeSVGGroup } from '../utils/draw';\nimport { makeText, makePath, xLine, yLine, yMarker, yRegion, datasetBar, datasetDot, percentageBar, getPaths, heatSquare } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { translateHoriLine, translateVertLine, animateRegion, animateBar,\n\tanimateDot, animatePath, animatePathStr } from '../utils/animate';\nimport { getMonthName } from '../utils/date-utils';\n\nclass ChartComponent {\n\tconstructor({\n\t\tlayerClass = '',\n\t\tlayerTransform = '',\n\t\tconstants,\n\n\t\tgetData,\n\t\tmakeElements,\n\t\tanimateElements\n\t}) {\n\t\tthis.layerTransform = layerTransform;\n\t\tthis.constants = constants;\n\n\t\tthis.makeElements = makeElements;\n\t\tthis.getData = getData;\n\n\t\tthis.animateElements = animateElements;\n\n\t\tthis.store = [];\n\t\tthis.labels = [];\n\n\t\tthis.layerClass = layerClass;\n\t\tthis.layerClass = typeof(this.layerClass) === 'function'\n\t\t\t? this.layerClass() : this.layerClass;\n\n\t\tthis.refresh();\n\t}\n\n\trefresh(data) {\n\t\tthis.data = data || this.getData();\n\t}\n\n\tsetup(parent) {\n\t\tthis.layer = makeSVGGroup(this.layerClass, this.layerTransform, parent);\n\t}\n\n\tmake() {\n\t\tthis.render(this.data);\n\t\tthis.oldData = this.data;\n\t}\n\n\trender(data) {\n\t\tthis.store = this.makeElements(data);\n\n\t\tthis.layer.textContent = '';\n\t\tthis.store.forEach(element => {\n\t\t\tthis.layer.appendChild(element);\n\t\t});\n\t\tthis.labels.forEach(element => {\n\t\t\tthis.layer.appendChild(element);\n\t\t});\n\t}\n\n\tupdate(animate = true) {\n\t\tthis.refresh();\n\t\tlet animateElements = [];\n\t\tif(animate) {\n\t\t\tanimateElements = this.animateElements(this.data) || [];\n\t\t}\n\t\treturn animateElements;\n\t}\n}\n\nlet componentConfigs = {\n\tdonutSlices: {\n\t\tlayerClass: 'donut-slices',\n\t\tmakeElements(data) {\n\t\t\treturn data.sliceStrings.map((s, i) => {\n\t\t\t\tlet slice = makePath(s, 'donut-path', data.colors[i], 'none', data.strokeWidth);\n\t\t\t\tslice.style.transition = 'transform .3s;';\n\t\t\t\treturn slice;\n\t\t\t});\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\treturn this.store.map((slice, i) => animatePathStr(slice, newData.sliceStrings[i]));\n\t\t},\n\t},\n\tpieSlices: {\n\t\tlayerClass: 'pie-slices',\n\t\tmakeElements(data) {\n\t\t\treturn data.sliceStrings.map((s, i) =>{\n\t\t\t\tlet slice = makePath(s, 'pie-path', 'none', data.colors[i]);\n\t\t\t\tslice.style.transition = 'transform .3s;';\n\t\t\t\treturn slice;\n\t\t\t});\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\treturn this.store.map((slice, i) =>\n\t\t\t\tanimatePathStr(slice, newData.sliceStrings[i])\n\t\t\t);\n\t\t}\n\t},\n\tpercentageBars: {\n\t\tlayerClass: 'percentage-bars',\n\t\tmakeElements(data) {\n\t\t\treturn data.xPositions.map((x, i) =>{\n\t\t\t\tlet y = 0;\n\t\t\t\tlet bar = percentageBar(x, y, data.widths[i],\n\t\t\t\t\tthis.constants.barHeight, this.constants.barDepth, data.colors[i]);\n\t\t\t\treturn bar;\n\t\t\t});\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tif(newData) return [];\n\t\t}\n\t},\n\tyAxis: {\n\t\tlayerClass: 'y axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\tyLine(position, data.labels[i], this.constants.width,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos, shortenNumbers: this.constants.shortenNumbers})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.labels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tlabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\txAxis: {\n\t\tlayerClass: 'x axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\txLine(position, data.calcLabels[i], this.constants.height,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.calcLabels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.calcLabels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tcalcLabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateVertLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyMarkers: {\n\t\tlayerClass: 'y-markers',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(m =>\n\t\t\t\tyMarker(m.position, m.label, this.constants.width,\n\t\t\t\t\t{labelPos: m.options.labelPos, mode: 'span', lineType: 'dashed'})\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.position);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\t\t\tlet newOptions = newData.map(d => d.options);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.position);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tposition: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i],\n\t\t\t\t\toptions: newOptions[i]\n\t\t\t\t};\n\t\t\t}));\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyRegions: {\n\t\tlayerClass: 'y-regions',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(r =>\n\t\t\t\tyRegion(r.startPos, r.endPos, this.constants.width,\n\t\t\t\t\tr.label, {labelPos: r.options.labelPos})\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.endPos);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\t\t\tlet newStarts = newData.map(d => d.startPos);\n\t\t\tlet newOptions = newData.map(d => d.options);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.endPos);\n\t\t\tlet oldStarts = this.oldData.map(d => d.startPos);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tstartPos: oldStarts[i],\n\t\t\t\t\tendPos: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i],\n\t\t\t\t\toptions: newOptions[i]\n\t\t\t\t};\n\t\t\t}));\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((rectGroup, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateRegion(\n\t\t\t\t\trectGroup, newStarts[i], newPos[i], oldPos[i]\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\theatDomain: {\n\t\tlayerClass: function() { return 'heat-domain domain-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet {index, colWidth, rowHeight, squareSize, xTranslate} = this.constants;\n\t\t\tlet monthNameHeight = -12;\n\t\t\tlet x = xTranslate, y = 0;\n\n\t\t\tthis.serializedSubDomains = [];\n\n\t\t\tdata.cols.map((week, weekNo) => {\n\t\t\t\tif(weekNo === 1) {\n\t\t\t\t\tthis.labels.push(\n\t\t\t\t\t\tmakeText('domain-name', x, monthNameHeight, getMonthName(index, true).toUpperCase(),\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tfontSize: 9\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t)\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tweek.map((day, i) => {\n\t\t\t\t\tif(day.fill) {\n\t\t\t\t\t\tlet data = {\n\t\t\t\t\t\t\t'data-date': day.yyyyMmDd,\n\t\t\t\t\t\t\t'data-value': day.dataValue,\n\t\t\t\t\t\t\t'data-day': i\n\t\t\t\t\t\t};\n\t\t\t\t\t\tlet square = heatSquare('day', x, y, squareSize, day.fill, data);\n\t\t\t\t\t\tthis.serializedSubDomains.push(square);\n\t\t\t\t\t}\n\t\t\t\t\ty += rowHeight;\n\t\t\t\t});\n\t\t\t\ty = 0;\n\t\t\t\tx += colWidth;\n\t\t\t});\n\n\t\t\treturn this.serializedSubDomains;\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tif(newData) return [];\n\t\t}\n\t},\n\n\tbarGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-bars dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'bar';\n\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\treturn datasetBar(\n\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\ty,\n\t\t\t\t\tdata.barWidth,\n\t\t\t\t\tc.color,\n\t\t\t\t\tdata.labels[j],\n\t\t\t\t\tj,\n\t\t\t\t\tdata.offsets[j],\n\t\t\t\t\t{\n\t\t\t\t\t\tzeroLine: data.zeroLine,\n\t\t\t\t\t\tbarsWidth: data.barsWidth,\n\t\t\t\t\t\tminHeight: c.minHeight\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t});\n\t\t\treturn this.units;\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newOffsets = newData.offsets;\n\t\t\tlet newLabels = newData.labels;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldOffsets = this.oldData.offsets;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldOffsets, newOffsets] = equilizeNoOfElements(oldOffsets, newOffsets);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\toffsets: oldOffsets,\n\t\t\t\tlabels: newLabels,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tbarsWidth: this.oldData.barsWidth,\n\t\t\t\tbarWidth: this.oldData.barWidth,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((bar, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateBar(\n\t\t\t\t\tbar, newXPos[i], newYPos[i], newData.barWidth, newOffsets[i],\n\t\t\t\t\t{zeroLine: newData.zeroLine}\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tlineGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-line dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'dot';\n\t\t\tthis.paths = {};\n\t\t\tif(!c.hideLine) {\n\t\t\t\tthis.paths = getPaths(\n\t\t\t\t\tdata.xPositions,\n\t\t\t\t\tdata.yPositions,\n\t\t\t\t\tc.color,\n\t\t\t\t\t{\n\t\t\t\t\t\theatline: c.heatline,\n\t\t\t\t\t\tregionFill: c.regionFill\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tsvgDefs: c.svgDefs,\n\t\t\t\t\t\tzeroLine: data.zeroLine\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tthis.units = [];\n\t\t\tif(!c.hideDots) {\n\t\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\t\treturn datasetDot(\n\t\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\t\ty,\n\t\t\t\t\t\tdata.radius,\n\t\t\t\t\t\tc.color,\n\t\t\t\t\t\t(c.valuesOverPoints ? data.values[j] : ''),\n\t\t\t\t\t\tj\n\t\t\t\t\t);\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn Object.values(this.paths).concat(this.units);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newValues = newData.values;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldValues = this.oldData.values;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldValues, newValues] = equilizeNoOfElements(oldValues, newValues);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\tvalues: newValues,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tradius: this.oldData.radius,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tif(Object.keys(this.paths).length) {\n\t\t\t\tanimateElements = animateElements.concat(animatePath(\n\t\t\t\t\tthis.paths, newXPos, newYPos, newData.zeroLine));\n\t\t\t}\n\n\t\t\tif(this.units.length) {\n\t\t\t\tthis.units.map((dot, i) => {\n\t\t\t\t\tanimateElements = animateElements.concat(animateDot(\n\t\t\t\t\t\tdot, newXPos[i], newYPos[i]));\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn animateElements;\n\t\t}\n\t}\n};\n\nexport function getComponent(name, constants, getData) {\n\tlet keys = Object.keys(componentConfigs).filter(k => name.includes(k));\n\tlet config = componentConfigs[keys[0]];\n\tObject.assign(config, {\n\t\tconstants: constants,\n\t\tgetData: getData\n\t});\n\treturn new ChartComponent(config);\n}\n","import { floatTwo } from './helpers';\n\nfunction normalize(x) {\n\t// Calculates mantissa and exponent of a number\n\t// Returns normalized number and exponent\n\t// https://stackoverflow.com/q/9383593/6495043\n\n\tif(x===0) {\n\t\treturn [0, 0];\n\t}\n\tif(isNaN(x)) {\n\t\treturn {mantissa: -6755399441055744, exponent: 972};\n\t}\n\tvar sig = x > 0 ? 1 : -1;\n\tif(!isFinite(x)) {\n\t\treturn {mantissa: sig * 4503599627370496, exponent: 972};\n\t}\n\n\tx = Math.abs(x);\n\tvar exp = Math.floor(Math.log10(x));\n\tvar man = x/Math.pow(10, exp);\n\n\treturn [sig * man, exp];\n}\n\nfunction getChartRangeIntervals(max, min=0) {\n\tlet upperBound = Math.ceil(max);\n\tlet lowerBound = Math.floor(min);\n\tlet range = upperBound - lowerBound;\n\n\tlet noOfParts = range;\n\tlet partSize = 1;\n\n\t// To avoid too many partitions\n\tif(range > 5) {\n\t\tif(range % 2 !== 0) {\n\t\t\tupperBound++;\n\t\t\t// Recalc range\n\t\t\trange = upperBound - lowerBound;\n\t\t}\n\t\tnoOfParts = range/2;\n\t\tpartSize = 2;\n\t}\n\n\t// Special case: 1 and 2\n\tif(range <= 2) {\n\t\tnoOfParts = 4;\n\t\tpartSize = range/noOfParts;\n\t}\n\n\t// Special case: 0\n\tif(range === 0) {\n\t\tnoOfParts = 5;\n\t\tpartSize = 1;\n\t}\n\n\tlet intervals = [];\n\tfor(var i = 0; i <= noOfParts; i++){\n\t\tintervals.push(lowerBound + partSize * i);\n\t}\n\treturn intervals;\n}\n\nfunction getChartIntervals(maxValue, minValue=0) {\n\tlet [normalMaxValue, exponent] = normalize(maxValue);\n\tlet normalMinValue = minValue ? minValue/Math.pow(10, exponent): 0;\n\n\t// Allow only 7 significant digits\n\tnormalMaxValue = normalMaxValue.toFixed(6);\n\n\tlet intervals = getChartRangeIntervals(normalMaxValue, normalMinValue);\n\tintervals = intervals.map(value => value * Math.pow(10, exponent));\n\treturn intervals;\n}\n\nexport function calcChartIntervals(values, withMinimum=false) {\n\t//*** Where the magic happens ***\n\n\t// Calculates best-fit y intervals from given values\n\t// and returns the interval array\n\n\tlet maxValue = Math.max(...values);\n\tlet minValue = Math.min(...values);\n\n\t// Exponent to be used for pretty print\n\tlet exponent = 0, intervals = []; // eslint-disable-line no-unused-vars\n\n\tfunction getPositiveFirstIntervals(maxValue, absMinValue) {\n\t\tlet intervals = getChartIntervals(maxValue);\n\n\t\tlet intervalSize = intervals[1] - intervals[0];\n\n\t\t// Then unshift the negative values\n\t\tlet value = 0;\n\t\tfor(var i = 1; value < absMinValue; i++) {\n\t\t\tvalue += intervalSize;\n\t\t\tintervals.unshift((-1) * value);\n\t\t}\n\t\treturn intervals;\n\t}\n\n\t// CASE I: Both non-negative\n\n\tif(maxValue >= 0 && minValue >= 0) {\n\t\texponent = normalize(maxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(maxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(maxValue, minValue);\n\t\t}\n\t}\n\n\t// CASE II: Only minValue negative\n\n\telse if(maxValue > 0 && minValue < 0) {\n\t\t// `withMinimum` irrelevant in this case,\n\t\t// We'll be handling both sides of zero separately\n\t\t// (both starting from zero)\n\t\t// Because ceil() and floor() behave differently\n\t\t// in those two regions\n\n\t\tlet absMinValue = Math.abs(minValue);\n\n\t\tif(maxValue >= absMinValue) {\n\t\t\texponent = normalize(maxValue)[1];\n\t\t\tintervals = getPositiveFirstIntervals(maxValue, absMinValue);\n\t\t} else {\n\t\t\t// Mirror: maxValue => absMinValue, then change sign\n\t\t\texponent = normalize(absMinValue)[1];\n\t\t\tlet posIntervals = getPositiveFirstIntervals(absMinValue, maxValue);\n\t\t\tintervals = posIntervals.map(d => d * (-1));\n\t\t}\n\n\t}\n\n\t// CASE III: Both non-positive\n\n\telse if(maxValue <= 0 && minValue <= 0) {\n\t\t// Mirrored Case I:\n\t\t// Work with positives, then reverse the sign and array\n\n\t\tlet pseudoMaxValue = Math.abs(minValue);\n\t\tlet pseudoMinValue = Math.abs(maxValue);\n\n\t\texponent = normalize(pseudoMaxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue, pseudoMinValue);\n\t\t}\n\n\t\tintervals = intervals.reverse().map(d => d * (-1));\n\t}\n\n\treturn intervals;\n}\n\nexport function getZeroIndex(yPts) {\n\tlet zeroIndex;\n\tlet interval = getIntervalSize(yPts);\n\tif(yPts.indexOf(0) >= 0) {\n\t\t// the range has a given zero\n\t\t// zero-line on the chart\n\t\tzeroIndex = yPts.indexOf(0);\n\t} else if(yPts[0] > 0) {\n\t\t// Minimum value is positive\n\t\t// zero-line is off the chart: below\n\t\tlet min = yPts[0];\n\t\tzeroIndex = (-1) * min / interval;\n\t} else {\n\t\t// Maximum value is negative\n\t\t// zero-line is off the chart: above\n\t\tlet max = yPts[yPts.length - 1];\n\t\tzeroIndex = (-1) * max / interval + (yPts.length - 1);\n\t}\n\treturn zeroIndex;\n}\n\nexport function getRealIntervals(max, noOfIntervals, min = 0, asc = 1) {\n\tlet range = max - min;\n\tlet part = range * 1.0 / noOfIntervals;\n\tlet intervals = [];\n\n\tfor(var i = 0; i <= noOfIntervals; i++) {\n\t\tintervals.push(min + part * i);\n\t}\n\n\treturn asc ? intervals : intervals.reverse();\n}\n\nexport function getIntervalSize(orderedArray) {\n\treturn orderedArray[1] - orderedArray[0];\n}\n\nexport function getValueRange(orderedArray) {\n\treturn orderedArray[orderedArray.length-1] - orderedArray[0];\n}\n\nexport function scale(val, yAxis) {\n\treturn floatTwo(yAxis.zeroLine - val * yAxis.scaleMultiplier);\n}\n\nexport function isInRange(val, min, max) {\n\treturn val > min && val < max;\n}\n\nexport function isInRange2D(coord, minCoord, maxCoord) {\n\treturn isInRange(coord[0], minCoord[0], maxCoord[0])\n\t\t&& isInRange(coord[1], minCoord[1], maxCoord[1]);\n}\n\nexport function getClosestInArray(goal, arr, index = false) {\n\tlet closest = arr.reduce(function(prev, curr) {\n\t\treturn (Math.abs(curr - goal) < Math.abs(prev - goal) ? curr : prev);\n\t});\n\n\treturn index ? arr.indexOf(closest) : closest;\n}\n\nexport function calcDistribution(values, distributionSize) {\n\t// Assume non-negative values,\n\t// implying distribution minimum at zero\n\n\tlet dataMaxValue = Math.max(...values);\n\n\tlet distributionStep = 1 / (distributionSize - 1);\n\tlet distribution = [];\n\n\tfor(var i = 0; i < distributionSize; i++) {\n\t\tlet checkpoint = dataMaxValue * (distributionStep * i);\n\t\tdistribution.push(checkpoint);\n\t}\n\n\treturn distribution;\n}\n\nexport function getMaxCheckpoint(value, distribution) {\n\treturn distribution.filter(d => d < value).length;\n}\n","import { fillArray } from '../utils/helpers';\nimport { DEFAULT_AXIS_CHART_TYPE, AXIS_DATASET_CHART_TYPES, DEFAULT_CHAR_WIDTH } from '../utils/constants';\n\nexport function dataPrep(data, type) {\n\tdata.labels = data.labels || [];\n\n\tlet datasetLength = data.labels.length;\n\n\t// Datasets\n\tlet datasets = data.datasets;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\tif(!datasets) {\n\t\t// default\n\t\tdatasets = [{\n\t\t\tvalues: zeroArray\n\t\t}];\n\t}\n\n\tdatasets.map(d=> {\n\t\t// Set values\n\t\tif(!d.values) {\n\t\t\td.values = zeroArray;\n\t\t} else {\n\t\t\t// Check for non values\n\t\t\tlet vals = d.values;\n\t\t\tvals = vals.map(val => (!isNaN(val) ? val : 0));\n\n\t\t\t// Trim or extend\n\t\t\tif(vals.length > datasetLength) {\n\t\t\t\tvals = vals.slice(0, datasetLength);\n\t\t\t} else {\n\t\t\t\tvals = fillArray(vals, datasetLength - vals.length, 0);\n\t\t\t}\n\t\t}\n\n\t\t// Set labels\n\t\t//\n\n\t\t// Set type\n\t\tif(!d.chartType ) {\n\t\t\tif(!AXIS_DATASET_CHART_TYPES.includes(type)) type === DEFAULT_AXIS_CHART_TYPE;\n\t\t\td.chartType = type;\n\t\t}\n\n\t});\n\n\t// Markers\n\n\t// Regions\n\t// data.yRegions = data.yRegions || [];\n\tif(data.yRegions) {\n\t\tdata.yRegions.map(d => {\n\t\t\tif(d.end < d.start) {\n\t\t\t\t[d.start, d.end] = [d.end, d.start];\n\t\t\t}\n\t\t});\n\t}\n\n\treturn data;\n}\n\nexport function zeroDataPrep(realData) {\n\tlet datasetLength = realData.labels.length;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\n\tlet zeroData = {\n\t\tlabels: realData.labels.slice(0, -1),\n\t\tdatasets: realData.datasets.map(d => {\n\t\t\treturn {\n\t\t\t\tname: '',\n\t\t\t\tvalues: zeroArray.slice(0, -1),\n\t\t\t\tchartType: d.chartType\n\t\t\t};\n\t\t}),\n\t};\n\n\tif(realData.yMarkers) {\n\t\tzeroData.yMarkers = [\n\t\t\t{\n\t\t\t\tvalue: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\tif(realData.yRegions) {\n\t\tzeroData.yRegions = [\n\t\t\t{\n\t\t\t\tstart: 0,\n\t\t\t\tend: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\treturn zeroData;\n}\n\nexport function getShortenedLabels(chartWidth, labels=[], isSeries=true) {\n\tlet allowedSpace = chartWidth / labels.length;\n\tif(allowedSpace <= 0) allowedSpace = 1;\n\tlet allowedLetters = allowedSpace / DEFAULT_CHAR_WIDTH;\n\n\tlet calcLabels = labels.map((label, i) => {\n\t\tlabel += \"\";\n\t\tif(label.length > allowedLetters) {\n\n\t\t\tif(!isSeries) {\n\t\t\t\tif(allowedLetters-3 > 0) {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters-3) + \" ...\";\n\t\t\t\t} else {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters) + '..';\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tlet multiple = Math.ceil(label.length/allowedLetters);\n\t\t\t\tif(i % multiple !== 0) {\n\t\t\t\t\tlabel = \"\";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn label;\n\t});\n\n\treturn calcLabels;\n}\n","import '../css/charts.scss';\n\n// import MultiAxisChart from './charts/MultiAxisChart';\nimport PercentageChart from './charts/PercentageChart';\nimport PieChart from './charts/PieChart';\nimport Heatmap from './charts/Heatmap';\nimport AxisChart from './charts/AxisChart';\nimport DonutChart from './charts/DonutChart';\n\nconst chartTypes = {\n\tbar: AxisChart,\n\tline: AxisChart,\n\t// multiaxis: MultiAxisChart,\n\tpercentage: PercentageChart,\n\theatmap: Heatmap,\n\tpie: PieChart,\n\tdonut: DonutChart,\n};\n\nfunction getChartByType(chartType = 'line', parent, options) {\n\tif (chartType === 'axis-mixed') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t}\n\n\tif (!chartTypes[chartType]) {\n\t\tconsole.error(\"Undefined chart type: \" + chartType);\n\t\treturn;\n\t}\n\n\treturn new chartTypes[chartType](parent, options);\n}\n\nclass Chart {\n\tconstructor(parent, options) {\n\t\treturn getChartByType(options.type, parent, options);\n\t}\n}\n\nexport { Chart, PercentageChart, PieChart, Heatmap, AxisChart };","function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","import { $ } from '../utils/dom';\nimport { TOOLTIP_POINTER_TRIANGLE_HEIGHT } from '../utils/constants';\n\nexport default class SvgTip {\n\tconstructor({\n\t\tparent = null,\n\t\tcolors = []\n\t}) {\n\t\tthis.parent = parent;\n\t\tthis.colors = colors;\n\t\tthis.titleName = '';\n\t\tthis.titleValue = '';\n\t\tthis.listValues = [];\n\t\tthis.titleValueFirst = 0;\n\n\t\tthis.x = 0;\n\t\tthis.y = 0;\n\n\t\tthis.top = 0;\n\t\tthis.left = 0;\n\n\t\tthis.setup();\n\t}\n\n\tsetup() {\n\t\tthis.makeTooltip();\n\t}\n\n\trefresh() {\n\t\tthis.fill();\n\t\tthis.calcPosition();\n\t}\n\n\tmakeTooltip() {\n\t\tthis.container = $.create('div', {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'graph-svg-tip comparison',\n\t\t\tinnerHTML: `\n\t\t\t\t
                  \n\t\t\t\t
                  `\n\t\t});\n\t\tthis.hideTip();\n\n\t\tthis.title = this.container.querySelector('.title');\n\t\tthis.dataPointList = this.container.querySelector('.data-point-list');\n\n\t\tthis.parent.addEventListener('mouseleave', () => {\n\t\t\tthis.hideTip();\n\t\t});\n\t}\n\n\tfill() {\n\t\tlet title;\n\t\tif(this.index) {\n\t\t\tthis.container.setAttribute('data-point-index', this.index);\n\t\t}\n\t\tif(this.titleValueFirst) {\n\t\t\ttitle = `${this.titleValue}${this.titleName}`;\n\t\t} else {\n\t\t\ttitle = `${this.titleName}${this.titleValue}`;\n\t\t}\n\t\tthis.title.innerHTML = title;\n\t\tthis.dataPointList.innerHTML = '';\n\n\t\tthis.listValues.map((set, i) => {\n\t\t\tconst color = this.colors[i] || 'black';\n\t\t\tlet value = set.formatted === 0 || set.formatted ? set.formatted : set.value;\n\n\t\t\tlet li = $.create('li', {\n\t\t\t\tstyles: {\n\t\t\t\t\t'border-top': `3px solid ${color}`\n\t\t\t\t},\n\t\t\t\tinnerHTML: `${ value === 0 || value ? value : '' }\n\t\t\t\t\t${set.title ? set.title : '' }`\n\t\t\t});\n\n\t\t\tthis.dataPointList.appendChild(li);\n\t\t});\n\t}\n\n\tcalcPosition() {\n\t\tlet width = this.container.offsetWidth;\n\n\t\tthis.top = this.y - this.container.offsetHeight\n\t\t\t- TOOLTIP_POINTER_TRIANGLE_HEIGHT;\n\t\tthis.left = this.x - width/2;\n\t\tlet maxLeft = this.parent.offsetWidth - width;\n\n\t\tlet pointer = this.container.querySelector('.svg-pointer');\n\n\t\tif(this.left < 0) {\n\t\t\tpointer.style.left = `calc(50% - ${-1 * this.left}px)`;\n\t\t\tthis.left = 0;\n\t\t} else if(this.left > maxLeft) {\n\t\t\tlet delta = this.left - maxLeft;\n\t\t\tlet pointerOffset = `calc(50% + ${delta}px)`;\n\t\t\tpointer.style.left = pointerOffset;\n\n\t\t\tthis.left = maxLeft;\n\t\t} else {\n\t\t\tpointer.style.left = `50%`;\n\t\t}\n\t}\n\n\tsetValues(x, y, title = {}, listValues = [], index = -1) {\n\t\tthis.titleName = title.name;\n\t\tthis.titleValue = title.value;\n\t\tthis.listValues = listValues;\n\t\tthis.x = x;\n\t\tthis.y = y;\n\t\tthis.titleValueFirst = title.valueFirst || 0;\n\t\tthis.index = index;\n\t\tthis.refresh();\n\t}\n\n\thideTip() {\n\t\tthis.container.style.top = '0px';\n\t\tthis.container.style.left = '0px';\n\t\tthis.container.style.opacity = '0';\n\t}\n\n\tshowTip() {\n\t\tthis.container.style.top = this.top + 'px';\n\t\tthis.container.style.left = this.left + 'px';\n\t\tthis.container.style.opacity = '1';\n\t}\n}\n","export const CSSTEXT = \".chart-container{position:relative;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .legend-dataset-text{fill:#6c7680;font-weight:600}.graph-svg-tip{position:absolute;z-index:99999;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.graph-svg-tip ul{padding-left:0;display:flex}.graph-svg-tip ol{padding-left:0;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:' ';border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}\";","import SvgTip from '../objects/SvgTip';\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup, makeText } from '../utils/draw';\nimport { BASE_MEASURES, getExtraHeight, getExtraWidth, getTopOffset, getLeftOffset,\n\tINIT_CHART_UPDATE_TIMEOUT, CHART_POST_ANIMATE_TIMEOUT, DEFAULT_COLORS} from '../utils/constants';\nimport { getColor, isValidColor } from '../utils/colors';\nimport { runSMILAnimation } from '../utils/animation';\nimport { downloadFile, prepareForExport } from '../utils/export';\n\nlet BOUND_DRAW_FN;\n\nexport default class BaseChart {\n\tconstructor(parent, options) {\n\n\t\tthis.parent = typeof parent === 'string'\n\t\t\t? document.querySelector(parent)\n\t\t\t: parent;\n\n\t\tif (!(this.parent instanceof HTMLElement)) {\n\t\t\tthrow new Error('No `parent` element to render on was provided.');\n\t\t}\n\n\t\tthis.rawChartArgs = options;\n\n\t\tthis.title = options.title || '';\n\t\tthis.type = options.type || '';\n\n\t\tthis.realData = this.prepareData(options.data);\n\t\tthis.data = this.prepareFirstData(this.realData);\n\n\t\tthis.colors = this.validateColors(options.colors, this.type);\n\n\t\tthis.config = {\n\t\t\tshowTooltip: 1, // calculate\n\t\t\tshowLegend: 1, // calculate\n\t\t\tisNavigable: options.isNavigable || 0,\n\t\t\tanimate: 1,\n\t\t\ttruncateLegends: options.truncateLegends || 0\n\t\t};\n\n\t\tthis.measures = JSON.parse(JSON.stringify(BASE_MEASURES));\n\t\tlet m = this.measures;\n\t\tthis.setMeasures(options);\n\t\tif(!this.title.length) { m.titleHeight = 0; }\n\t\tif(!this.config.showLegend) m.legendHeight = 0;\n\t\tthis.argHeight = options.height || m.baseHeight;\n\n\t\tthis.state = {};\n\t\tthis.options = {};\n\n\t\tthis.initTimeout = INIT_CHART_UPDATE_TIMEOUT;\n\n\t\tif(this.config.isNavigable) {\n\t\t\tthis.overlays = [];\n\t\t}\n\n\t\tthis.configure(options);\n\t}\n\n\tprepareData(data) {\n\t\treturn data;\n\t}\n\n\tprepareFirstData(data) {\n\t\treturn data;\n\t}\n\n\tvalidateColors(colors, type) {\n\t\tconst validColors = [];\n\t\tcolors = (colors || []).concat(DEFAULT_COLORS[type]);\n\t\tcolors.forEach((string) => {\n\t\t\tconst color = getColor(string);\n\t\t\tif(!isValidColor(color)) {\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t} else {\n\t\t\t\tvalidColors.push(color);\n\t\t\t}\n\t\t});\n\t\treturn validColors;\n\t}\n\n\tsetMeasures() {\n\t\t// Override measures, including those for title and legend\n\t\t// set config for legend and title\n\t}\n\n\tconfigure() {\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - getExtraHeight(this.measures);\n\n\t\t// Bind window events\n\t\tBOUND_DRAW_FN = this.boundDrawFn.bind(this);\n\t\twindow.addEventListener('resize', BOUND_DRAW_FN);\n\t\twindow.addEventListener('orientationchange', this.boundDrawFn.bind(this));\n\t}\n\n\tboundDrawFn() {\n\t\tthis.draw(true);\n\t}\n\n\tunbindWindowEvents() {\n\t\twindow.removeEventListener('resize', BOUND_DRAW_FN);\n\t\twindow.removeEventListener('orientationchange', this.boundDrawFn.bind(this));\n\t}\n\n\t// Has to be called manually\n\tsetup() {\n\t\tthis.makeContainer();\n\t\tthis.updateWidth();\n\t\tthis.makeTooltip();\n\n\t\tthis.draw(false, true);\n\t}\n\n\tmakeContainer() {\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\n\t\tlet args = {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'chart-container'\n\t\t};\n\n\t\tif(this.independentWidth) {\n\t\t\targs.styles = { width: this.independentWidth + 'px' };\n\t\t}\n\n\t\tthis.container = $.create('div', args);\n\t}\n\n\tmakeTooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.container,\n\t\t\tcolors: this.colors\n\t\t});\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {}\n\n\tdraw(onlyWidthChange=false, init=false) {\n\t\tthis.updateWidth();\n\n\t\tthis.calc(onlyWidthChange);\n\t\tthis.makeChartArea();\n\t\tthis.setupComponents();\n\n\t\tthis.components.forEach(c => c.setup(this.drawArea));\n\t\t// this.components.forEach(c => c.make());\n\t\tthis.render(this.components, false);\n\n\t\tif(init) {\n\t\t\tthis.data = this.realData;\n\t\t\tsetTimeout(() => {this.update(this.data);}, this.initTimeout);\n\t\t}\n\n\t\tthis.renderLegend();\n\n\t\tthis.setupNavigation(init);\n\t}\n\n\tcalc() {} // builds state\n\n\tupdateWidth() {\n\t\tthis.baseWidth = getElementContentWidth(this.parent);\n\t\tthis.width = this.baseWidth - getExtraWidth(this.measures);\n\t}\n\n\tmakeChartArea() {\n\t\tif(this.svg) {\n\t\t\tthis.container.removeChild(this.svg);\n\t\t}\n\t\tlet m = this.measures;\n\n\t\tthis.svg = makeSVGContainer(\n\t\t\tthis.container,\n\t\t\t'frappe-chart chart',\n\t\t\tthis.baseWidth,\n\t\t\tthis.baseHeight\n\t\t);\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\n\n\t\tif(this.title.length) {\n\t\t\tthis.titleEL = makeText(\n\t\t\t\t'title',\n\t\t\t\tm.margins.left,\n\t\t\t\tm.margins.top,\n\t\t\t\tthis.title,\n\t\t\t\t{\n\t\t\t\t\tfontSize: m.titleFontSize,\n\t\t\t\t\tfill: '#666666',\n\t\t\t\t\tdy: m.titleFontSize\n\t\t\t\t}\n\t\t\t);\n\t\t}\n\n\t\tlet top = getTopOffset(m);\n\t\tthis.drawArea = makeSVGGroup(\n\t\t\tthis.type + '-chart chart-draw-area',\n\t\t\t`translate(${getLeftOffset(m)}, ${top})`\n\t\t);\n\n\t\tif(this.config.showLegend) {\n\t\t\ttop += this.height + m.paddings.bottom;\n\t\t\tthis.legendArea = makeSVGGroup(\n\t\t\t\t'chart-legend',\n\t\t\t\t`translate(${getLeftOffset(m)}, ${top})`\n\t\t\t);\n\t\t}\n\n\t\tif(this.title.length) { this.svg.appendChild(this.titleEL); }\n\t\tthis.svg.appendChild(this.drawArea);\n\t\tif(this.config.showLegend) { this.svg.appendChild(this.legendArea); }\n\n\t\tthis.updateTipOffset(getLeftOffset(m), getTopOffset(m));\n\t}\n\n\tupdateTipOffset(x, y) {\n\t\tthis.tip.offset = {\n\t\t\tx: x,\n\t\t\ty: y\n\t\t};\n\t}\n\n\tsetupComponents() { this.components = new Map(); }\n\n\tupdate(data) {\n\t\tif(!data) {\n\t\t\tconsole.error('No data to update.');\n\t\t}\n\t\tthis.data = this.prepareData(data);\n\t\tthis.calc(); // builds state\n\t\tthis.render();\n\t}\n\n\trender(components=this.components, animate=true) {\n\t\tif(this.config.isNavigable) {\n\t\t\t// Remove all existing overlays\n\t\t\tthis.overlays.map(o => o.parentNode.removeChild(o));\n\t\t\t// ref.parentNode.insertBefore(element, ref);\n\t\t}\n\t\tlet elementsToAnimate = [];\n\t\t// Can decouple to this.refreshComponents() first to save animation timeout\n\t\tcomponents.forEach(c => {\n\t\t\telementsToAnimate = elementsToAnimate.concat(c.update(animate));\n\t\t});\n\t\tif(elementsToAnimate.length > 0) {\n\t\t\trunSMILAnimation(this.container, this.svg, elementsToAnimate);\n\t\t\tsetTimeout(() => {\n\t\t\t\tcomponents.forEach(c => c.make());\n\t\t\t\tthis.updateNav();\n\t\t\t}, CHART_POST_ANIMATE_TIMEOUT);\n\t\t} else {\n\t\t\tcomponents.forEach(c => c.make());\n\t\t\tthis.updateNav();\n\t\t}\n\t}\n\n\tupdateNav() {\n\t\tif(this.config.isNavigable) {\n\t\t\tthis.makeOverlay();\n\t\t\tthis.bindUnits();\n\t\t}\n\t}\n\n\trenderLegend() {}\n\n\tsetupNavigation(init=false) {\n\t\tif(!this.config.isNavigable) return;\n\n\t\tif(init) {\n\t\t\tthis.bindOverlay();\n\n\t\t\tthis.keyActions = {\n\t\t\t\t'13': this.onEnterKey.bind(this),\n\t\t\t\t'37': this.onLeftArrow.bind(this),\n\t\t\t\t'38': this.onUpArrow.bind(this),\n\t\t\t\t'39': this.onRightArrow.bind(this),\n\t\t\t\t'40': this.onDownArrow.bind(this),\n\t\t\t};\n\n\t\t\tdocument.addEventListener('keydown', (e) => {\n\t\t\t\tif(isElementInViewport(this.container)) {\n\t\t\t\t\te = e || window.event;\n\t\t\t\t\tif(this.keyActions[e.keyCode]) {\n\t\t\t\t\t\tthis.keyActions[e.keyCode]();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {}\n\tupdateOverlay() {}\n\tbindOverlay() {}\n\tbindUnits() {}\n\n\tonLeftArrow() {}\n\tonRightArrow() {}\n\tonUpArrow() {}\n\tonDownArrow() {}\n\tonEnterKey() {}\n\n\taddDataPoint() {}\n\tremoveDataPoint() {}\n\n\tgetDataPoint() {}\n\tsetCurrentDataPoint() {}\n\n\tupdateDataset() {}\n\n\texport() {\n\t\tlet chartSvg = prepareForExport(this.svg);\n\t\tdownloadFile(this.title || 'Chart', [chartSvg]);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { legendDot } from '../utils/draw';\nimport { getExtraWidth } from '../utils/constants';\n\nexport default class AggregationChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\n\t\tthis.config.maxSlices = args.maxSlices || 20;\n\t\tthis.config.maxLegendPoints = args.maxLegendPoints || 20;\n\t}\n\n\tcalc() {\n\t\tlet s = this.state;\n\t\tlet maxSlices = this.config.maxSlices;\n\t\ts.sliceTotals = [];\n\n\t\tlet allTotals = this.data.labels.map((label, i) => {\n\t\t\tlet total = 0;\n\t\t\tthis.data.datasets.map(e => {\n\t\t\t\ttotal += e.values[i];\n\t\t\t});\n\t\t\treturn [total, label];\n\t\t}).filter(d => { return d[0] >= 0; }); // keep only positive results\n\n\t\tlet totals = allTotals;\n\t\tif(allTotals.length > maxSlices) {\n\t\t\t// Prune and keep a grey area for rest as per maxSlices\n\t\t\tallTotals.sort((a, b) => { return b[0] - a[0]; });\n\n\t\t\ttotals = allTotals.slice(0, maxSlices-1);\n\t\t\tlet remaining = allTotals.slice(maxSlices-1);\n\n\t\t\tlet sumOfRemaining = 0;\n\t\t\tremaining.map(d => {sumOfRemaining += d[0];});\n\t\t\ttotals.push([sumOfRemaining, 'Rest']);\n\t\t\tthis.colors[maxSlices-1] = 'grey';\n\t\t}\n\n\t\ts.labels = [];\n\t\ttotals.map(d => {\n\t\t\ts.sliceTotals.push(d[0]);\n\t\t\ts.labels.push(d[1]);\n\t\t});\n\n\t\ts.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);\n\n\t\tthis.center = {\n\t\t\tx: this.width / 2,\n\t\t\ty: this.height / 2\n\t\t};\n\t}\n\n\trenderLegend() {\n\t\tlet s = this.state;\n\t\tthis.legendArea.textContent = '';\n\t\tthis.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints);\n\n\t\tlet count = 0;\n\t\tlet y = 0;\n\t\tthis.legendTotals.map((d, i) => {\n\t\t\tlet barWidth = 110;\n\t\t\tlet divisor = Math.floor(\n\t\t\t\t(this.width - getExtraWidth(this.measures))/barWidth\n\t\t\t);\n\t\t\tif (this.legendTotals.length < divisor) {\n\t\t\t\tbarWidth = this.width/this.legendTotals.length;\n\t\t\t}\n\t\t\tif(count > divisor) {\n\t\t\t\tcount = 0;\n\t\t\t\ty += 20;\n\t\t\t}\n\t\t\tlet x = barWidth * count + 5;\n\t\t\tlet dot = legendDot(\n\t\t\t\tx,\n\t\t\t\ty,\n\t\t\t\t5,\n\t\t\t\tthis.colors[i],\n\t\t\t\t`${s.labels[i]}: ${d}`\n\t\t\t);\n\t\t\tthis.legendArea.appendChild(dot);\n\t\t\tcount++;\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { getOffset } from '../utils/dom';\nimport { getComponent } from '../objects/ChartComponents';\nimport { PERCENTAGE_BAR_DEFAULT_HEIGHT, PERCENTAGE_BAR_DEFAULT_DEPTH } from '../utils/constants';\n\nexport default class PercentageChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'percentage';\n\t\tthis.setup();\n\t}\n\n\tsetMeasures(options) {\n\t\tlet m = this.measures;\n\t\tthis.barOptions = options.barOptions || {};\n\n\t\tlet b = this.barOptions;\n\t\tb.height = b.height || PERCENTAGE_BAR_DEFAULT_HEIGHT;\n\t\tb.depth = b.depth || PERCENTAGE_BAR_DEFAULT_DEPTH;\n\n\t\tm.paddings.right = 30;\n\t\tm.legendHeight = 60;\n\t\tm.baseHeight = (b.height + b.depth * 0.5) * 8;\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'percentageBars',\n\t\t\t\t{\n\t\t\t\t\tbarHeight: this.barOptions.height,\n\t\t\t\t\tbarDepth: this.barOptions.depth,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: s.xPositions,\n\t\t\t\t\t\twidths: s.widths,\n\t\t\t\t\t\tcolors: this.colors\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tcalc() {\n\t\tsuper.calc();\n\t\tlet s = this.state;\n\n\t\ts.xPositions = [];\n\t\ts.widths = [];\n\n\t\tlet xPos = 0;\n\t\ts.sliceTotals.map((value) => {\n\t\t\tlet width = this.width * value / s.grandTotal;\n\t\t\ts.widths.push(width);\n\t\t\ts.xPositions.push(xPos);\n\t\t\txPos += width;\n\t\t});\n\t}\n\n\tmakeDataByIndex() { }\n\n\tbindTooltip() {\n\t\tlet s = this.state;\n\t\tthis.container.addEventListener('mousemove', (e) => {\n\t\t\tlet bars = this.components.get('percentageBars').store;\n\t\t\tlet bar = e.target;\n\t\t\tif(bars.includes(bar)) {\n\n\t\t\t\tlet i = bars.indexOf(bar);\n\t\t\t\tlet gOff = getOffset(this.container), pOff = getOffset(bar);\n\n\t\t\t\tlet x = pOff.left - gOff.left + parseInt(bar.getAttribute('width'))/2;\n\t\t\t\tlet y = pOff.top - gOff.top;\n\t\t\t\tlet title = (this.formattedLabels && this.formattedLabels.length>0\n\t\t\t\t\t? this.formattedLabels[i] : this.state.labels[i]) + ': ';\n\t\t\t\tlet fraction = s.sliceTotals[i]/s.grandTotal;\n\n\t\t\t\tthis.tip.setValues(x, y, {name: title, value: (fraction*100).toFixed(1) + \"%\"});\n\t\t\t\tthis.tip.showTip();\n\t\t\t}\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset } from '../utils/dom';\nimport { getPositionByAngle } from '../utils/helpers';\nimport { makeArcPathStr, makeCircleStr } from '../utils/draw';\nimport { lightenDarkenColor } from '../utils/colors';\nimport { transform } from '../utils/animation';\nimport { FULL_ANGLE } from '../utils/constants';\n\nexport default class PieChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'pie';\n\t\tthis.initTimeout = 0;\n\t\tthis.init = 1;\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\t\tthis.mouseMove = this.mouseMove.bind(this);\n\t\tthis.mouseLeave = this.mouseLeave.bind(this);\n\n\t\tthis.hoverRadio = args.hoverRadio || 0.1;\n\t\tthis.config.startAngle = args.startAngle || 0;\n\n\t\tthis.clockWise = args.clockWise || false;\n\t}\n\n\tcalc() {\n\t\tsuper.calc();\n\t\tlet s = this.state;\n\t\tthis.radius = (this.height > this.width ? this.center.x : this.center.y);\n\n\t\tconst { radius, clockWise } = this;\n\n\t\tconst prevSlicesProperties = s.slicesProperties || [];\n\t\ts.sliceStrings = [];\n\t\ts.slicesProperties = [];\n\t\tlet curAngle = 180 - this.config.startAngle;\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tconst startAngle = curAngle;\n\t\t\tconst originDiffAngle = (total / s.grandTotal) * FULL_ANGLE;\n\t\t\tconst largeArc = originDiffAngle > 180 ? 1: 0;\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\n\t\t\tconst startPosition = getPositionByAngle(startAngle, radius);\n\t\t\tconst endPosition = getPositionByAngle(endAngle, radius);\n\n\t\t\tconst prevProperty = this.init && prevSlicesProperties[i];\n\n\t\t\tlet curStart,curEnd;\n\t\t\tif(this.init) {\n\t\t\t\tcurStart = prevProperty ? prevProperty.startPosition : startPosition;\n\t\t\t\tcurEnd = prevProperty ? prevProperty.endPosition : startPosition;\n\t\t\t} else {\n\t\t\t\tcurStart = startPosition;\n\t\t\t\tcurEnd = endPosition;\n\t\t\t}\n\t\t\tconst curPath =\n\t\t\t\toriginDiffAngle === 360\n\t\t\t\t\t? makeCircleStr(curStart, curEnd, this.center, this.radius, clockWise, largeArc)\n\t\t\t\t\t: makeArcPathStr(curStart, curEnd, this.center, this.radius, clockWise, largeArc);\n\n\t\t\ts.sliceStrings.push(curPath);\n\t\t\ts.slicesProperties.push({\n\t\t\t\tstartPosition,\n\t\t\t\tendPosition,\n\t\t\t\tvalue: total,\n\t\t\t\ttotal: s.grandTotal,\n\t\t\t\tstartAngle,\n\t\t\t\tendAngle,\n\t\t\t\tangle: diffAngle\n\t\t\t});\n\n\t\t});\n\t\tthis.init = 0;\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'pieSlices',\n\t\t\t\t{ },\n\t\t\t\tfunction() {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tsliceStrings: s.sliceStrings,\n\t\t\t\t\t\tcolors: this.colors\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tcalTranslateByAngle(property){\n\t\tconst{radius,hoverRadio} = this;\n\t\tconst position = getPositionByAngle(property.startAngle+(property.angle / 2),radius);\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\n\t}\n\n\thoverSlice(path,i,flag,e){\n\t\tif(!path) return;\n\t\tconst color = this.colors[i];\n\t\tif(flag) {\n\t\t\ttransform(path, this.calTranslateByAngle(this.state.slicesProperties[i]));\n\t\t\tpath.style.fill = lightenDarkenColor(color, 50);\n\t\t\tlet g_off = getOffset(this.svg);\n\t\t\tlet x = e.pageX - g_off.left + 10;\n\t\t\tlet y = e.pageY - g_off.top - 10;\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t\t? this.formatted_labels[i] : this.state.labels[i]) + ': ';\n\t\t\tlet percent = (this.state.sliceTotals[i] * 100 / this.state.grandTotal).toFixed(1);\n\t\t\tthis.tip.setValues(x, y, {name: title, value: percent + \"%\"});\n\t\t\tthis.tip.showTip();\n\t\t} else {\n\t\t\ttransform(path,'translate3d(0,0,0)');\n\t\t\tthis.tip.hideTip();\n\t\t\tpath.style.fill = color;\n\t\t}\n\t}\n\n\tbindTooltip() {\n\t\tthis.container.addEventListener('mousemove', this.mouseMove);\n\t\tthis.container.addEventListener('mouseleave', this.mouseLeave);\n\t}\n\n\tmouseMove(e){\n\t\tconst target = e.target;\n\t\tlet slices = this.components.get('pieSlices').store;\n\t\tlet prevIndex = this.curActiveSliceIndex;\n\t\tlet prevAcitve = this.curActiveSlice;\n\t\tif(slices.includes(target)) {\n\t\t\tlet i = slices.indexOf(target);\n\t\t\tthis.hoverSlice(prevAcitve, prevIndex,false);\n\t\t\tthis.curActiveSlice = target;\n\t\t\tthis.curActiveSliceIndex = i;\n\t\t\tthis.hoverSlice(target, i, true, e);\n\t\t} else {\n\t\t\tthis.mouseLeave();\n\t\t}\n\t}\n\n\tmouseLeave(){\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { getComponent } from '../objects/ChartComponents';\nimport { makeText, heatSquare } from '../utils/draw';\nimport { DAY_NAMES_SHORT, addDays, areInSameMonth, getLastDateInMonth, setDayToSunday, getYyyyMmDd, getWeeksBetween, getMonthName, clone,\n\tNO_OF_MILLIS, NO_OF_YEAR_MONTHS, NO_OF_DAYS_IN_WEEK } from '../utils/date-utils';\nimport { calcDistribution, getMaxCheckpoint } from '../utils/intervals';\nimport { getExtraHeight, getExtraWidth, HEATMAP_DISTRIBUTION_SIZE, HEATMAP_SQUARE_SIZE,\n\tHEATMAP_GUTTER_SIZE } from '../utils/constants';\n\nconst COL_WIDTH = HEATMAP_SQUARE_SIZE + HEATMAP_GUTTER_SIZE;\nconst ROW_HEIGHT = COL_WIDTH;\n// const DAY_INCR = 1;\n\nexport default class Heatmap extends BaseChart {\n\tconstructor(parent, options) {\n\t\tsuper(parent, options);\n\t\tthis.type = 'heatmap';\n\n\t\tthis.countLabel = options.countLabel || '';\n\n\t\tlet validStarts = ['Sunday', 'Monday'];\n\t\tlet startSubDomain = validStarts.includes(options.startSubDomain)\n\t\t\t? options.startSubDomain : 'Sunday';\n\t\tthis.startSubDomainIndex = validStarts.indexOf(startSubDomain);\n\n\t\tthis.setup();\n\t}\n\n\tsetMeasures(options) {\n\t\tlet m = this.measures;\n\t\tthis.discreteDomains = options.discreteDomains === 0 ? 0 : 1;\n\n\t\tm.paddings.top = ROW_HEIGHT * 3;\n\t\tm.paddings.bottom = 0;\n\t\tm.legendHeight = ROW_HEIGHT * 2;\n\t\tm.baseHeight = ROW_HEIGHT * NO_OF_DAYS_IN_WEEK\n\t\t\t+ getExtraHeight(m);\n\n\t\tlet d = this.data;\n\t\tlet spacing = this.discreteDomains ? NO_OF_YEAR_MONTHS : 0;\n\t\tthis.independentWidth = (getWeeksBetween(d.start, d.end)\n\t\t\t+ spacing) * COL_WIDTH + getExtraWidth(m);\n\t}\n\n\tupdateWidth() {\n\t\tlet spacing = this.discreteDomains ? NO_OF_YEAR_MONTHS : 0;\n\t\tlet noOfWeeks = this.state.noOfWeeks ? this.state.noOfWeeks : 52;\n\t\tthis.baseWidth = (noOfWeeks + spacing) * COL_WIDTH\n\t\t\t+ getExtraWidth(this.measures);\n\t}\n\n\tprepareData(data=this.data) {\n\t\tif(data.start && data.end && data.start > data.end) {\n\t\t\tthrow new Error('Start date cannot be greater than end date.');\n\t\t}\n\n\t\tif(!data.start) {\n\t\t\tdata.start = new Date();\n\t\t\tdata.start.setFullYear( data.start.getFullYear() - 1 );\n\t\t}\n\t\tif(!data.end) { data.end = new Date(); }\n\t\tdata.dataPoints = data.dataPoints || {};\n\n\t\tif(parseInt(Object.keys(data.dataPoints)[0]) > 100000) {\n\t\t\tlet points = {};\n\t\t\tObject.keys(data.dataPoints).forEach(timestampSec => {\n\t\t\t\tlet date = new Date(timestampSec * NO_OF_MILLIS);\n\t\t\t\tpoints[getYyyyMmDd(date)] = data.dataPoints[timestampSec];\n\t\t\t});\n\t\t\tdata.dataPoints = points;\n\t\t}\n\n\t\treturn data;\n\t}\n\n\tcalc() {\n\t\tlet s = this.state;\n\n\t\ts.start = clone(this.data.start);\n\t\ts.end = clone(this.data.end);\n\n\t\ts.firstWeekStart = clone(s.start);\n\t\ts.noOfWeeks = getWeeksBetween(s.start, s.end);\n\t\ts.distribution = calcDistribution(\n\t\t\tObject.values(this.data.dataPoints), HEATMAP_DISTRIBUTION_SIZE);\n\n\t\ts.domainConfigs = this.getDomains();\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\t\tlet lessCol = this.discreteDomains ? 0 : 1;\n\n\t\tlet componentConfigs = s.domainConfigs.map((config, i) => [\n\t\t\t'heatDomain',\n\t\t\t{\n\t\t\t\tindex: config.index,\n\t\t\t\tcolWidth: COL_WIDTH,\n\t\t\t\trowHeight: ROW_HEIGHT,\n\t\t\t\tsquareSize: HEATMAP_SQUARE_SIZE,\n\t\t\t\txTranslate: s.domainConfigs\n\t\t\t\t\t.filter((config, j) => j < i)\n\t\t\t\t\t.map(config => config.cols.length - lessCol)\n\t\t\t\t\t.reduce((a, b) => a + b, 0)\n\t\t\t\t\t* COL_WIDTH\n\t\t\t},\n\t\t\tfunction() {\n\t\t\t\treturn s.domainConfigs[i];\n\t\t\t}.bind(this)\n\n\t\t]);\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.map((args, i) => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\treturn [args[0] + '-' + i, component];\n\t\t\t})\n\t\t);\n\n\t\tlet y = 0;\n\t\tDAY_NAMES_SHORT.forEach((dayName, i) => {\n\t\t\tif([1, 3, 5].includes(i)) {\n\t\t\t\tlet dayText = makeText('subdomain-name', -COL_WIDTH/2, y, dayName,\n\t\t\t\t\t{\n\t\t\t\t\t\tfontSize: HEATMAP_SQUARE_SIZE,\n\t\t\t\t\t\tdy: 8,\n\t\t\t\t\t\ttextAnchor: 'end'\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t\tthis.drawArea.appendChild(dayText);\n\t\t\t}\n\t\t\ty += ROW_HEIGHT;\n\t\t});\n\t}\n\n\tupdate(data) {\n\t\tif(!data) {\n\t\t\tconsole.error('No data to update.');\n\t\t}\n\n\t\tthis.data = this.prepareData(data);\n\t\tthis.draw();\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {\n\t\tthis.container.addEventListener('mousemove', (e) => {\n\t\t\tthis.components.forEach(comp => {\n\t\t\t\tlet daySquares = comp.store;\n\t\t\t\tlet daySquare = e.target;\n\t\t\t\tif(daySquares.includes(daySquare)) {\n\n\t\t\t\t\tlet count = daySquare.getAttribute('data-value');\n\t\t\t\t\tlet dateParts = daySquare.getAttribute('data-date').split('-');\n\n\t\t\t\t\tlet month = getMonthName(parseInt(dateParts[1])-1, true);\n\n\t\t\t\t\tlet gOff = this.container.getBoundingClientRect(), pOff = daySquare.getBoundingClientRect();\n\n\t\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\t\tlet x = pOff.left - gOff.left + width/2;\n\t\t\t\t\tlet y = pOff.top - gOff.top;\n\t\t\t\t\tlet value = count + ' ' + this.countLabel;\n\t\t\t\t\tlet name = ' on ' + month + ' ' + dateParts[0] + ', ' + dateParts[2];\n\n\t\t\t\t\tthis.tip.setValues(x, y, {name: name, value: value, valueFirst: 1}, []);\n\t\t\t\t\tthis.tip.showTip();\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n\n\trenderLegend() {\n\t\tthis.legendArea.textContent = '';\n\t\tlet x = 0;\n\t\tlet y = ROW_HEIGHT;\n\n\t\tlet lessText = makeText('subdomain-name', x, y, 'Less',\n\t\t\t{\n\t\t\t\tfontSize: HEATMAP_SQUARE_SIZE + 1,\n\t\t\t\tdy: 9\n\t\t\t}\n\t\t);\n\t\tx = (COL_WIDTH * 2) + COL_WIDTH/2;\n\t\tthis.legendArea.appendChild(lessText);\n\n\t\tthis.colors.slice(0, HEATMAP_DISTRIBUTION_SIZE).map((color, i) => {\n\t\t\tconst square = heatSquare('heatmap-legend-unit', x + (COL_WIDTH + 3) * i,\n\t\t\t\ty, HEATMAP_SQUARE_SIZE, color);\n\t\t\tthis.legendArea.appendChild(square);\n\t\t});\n\n\t\tlet moreTextX = x + HEATMAP_DISTRIBUTION_SIZE * (COL_WIDTH + 3) + COL_WIDTH/4;\n\t\tlet moreText = makeText('subdomain-name', moreTextX, y, 'More',\n\t\t\t{\n\t\t\t\tfontSize: HEATMAP_SQUARE_SIZE + 1,\n\t\t\t\tdy: 9\n\t\t\t}\n\t\t);\n\t\tthis.legendArea.appendChild(moreText);\n\t}\n\n\tgetDomains() {\n\t\tlet s = this.state;\n\t\tconst [startMonth, startYear] = [s.start.getMonth(), s.start.getFullYear()];\n\t\tconst [endMonth, endYear] = [s.end.getMonth(), s.end.getFullYear()];\n\n\t\tconst noOfMonths = (endMonth - startMonth + 1) + (endYear - startYear) * 12;\n\n\t\tlet domainConfigs = [];\n\n\t\tlet startOfMonth = clone(s.start);\n\t\tfor(var i = 0; i < noOfMonths; i++) {\n\t\t\tlet endDate = s.end;\n\t\t\tif(!areInSameMonth(startOfMonth, s.end)) {\n\t\t\t\tlet [month, year] = [startOfMonth.getMonth(), startOfMonth.getFullYear()];\n\t\t\t\tendDate = getLastDateInMonth(month, year);\n\t\t\t}\n\t\t\tdomainConfigs.push(this.getDomainConfig(startOfMonth, endDate));\n\n\t\t\taddDays(endDate, 1);\n\t\t\tstartOfMonth = endDate;\n\t\t}\n\n\t\treturn domainConfigs;\n\t}\n\n\tgetDomainConfig(startDate, endDate='') {\n\t\tlet [month, year] = [startDate.getMonth(), startDate.getFullYear()];\n\t\tlet startOfWeek = setDayToSunday(startDate); // TODO: Monday as well\n\t\tendDate = clone(endDate) || getLastDateInMonth(month, year);\n\n\t\tlet domainConfig = {\n\t\t\tindex: month,\n\t\t\tcols: []\n\t\t};\n\n\t\taddDays(endDate, 1);\n\t\tlet noOfMonthWeeks = getWeeksBetween(startOfWeek, endDate);\n\n\t\tlet cols = [], col;\n\t\tfor(var i = 0; i < noOfMonthWeeks; i++) {\n\t\t\tcol = this.getCol(startOfWeek, month);\n\t\t\tcols.push(col);\n\n\t\t\tstartOfWeek = new Date(col[NO_OF_DAYS_IN_WEEK - 1].yyyyMmDd);\n\t\t\taddDays(startOfWeek, 1);\n\t\t}\n\n\t\tif(col[NO_OF_DAYS_IN_WEEK - 1].dataValue !== undefined) {\n\t\t\taddDays(startOfWeek, 1);\n\t\t\tcols.push(this.getCol(startOfWeek, month, true));\n\t\t}\n\n\t\tdomainConfig.cols = cols;\n\n\t\treturn domainConfig;\n\t}\n\n\tgetCol(startDate, month, empty = false) {\n\t\tlet s = this.state;\n\n\t\t// startDate is the start of week\n\t\tlet currentDate = clone(startDate);\n\t\tlet col = [];\n\n\t\tfor(var i = 0; i < NO_OF_DAYS_IN_WEEK; i++, addDays(currentDate, 1)) {\n\t\t\tlet config = {};\n\n\t\t\t// Non-generic adjustment for entire heatmap, needs state\n\t\t\tlet currentDateWithinData = currentDate >= s.start && currentDate <= s.end;\n\n\t\t\tif(empty || currentDate.getMonth() !== month || !currentDateWithinData) {\n\t\t\t\tconfig.yyyyMmDd = getYyyyMmDd(currentDate);\n\t\t\t} else {\n\t\t\t\tconfig = this.getSubDomainConfig(currentDate);\n\t\t\t}\n\t\t\tcol.push(config);\n\t\t}\n\n\t\treturn col;\n\t}\n\n\tgetSubDomainConfig(date) {\n\t\tlet yyyyMmDd = getYyyyMmDd(date);\n\t\tlet dataValue = this.data.dataPoints[yyyyMmDd];\n\t\tlet config = {\n\t\t\tyyyyMmDd: yyyyMmDd,\n\t\t\tdataValue: dataValue || 0,\n\t\t\tfill: this.colors[getMaxCheckpoint(dataValue, this.state.distribution)]\n\t\t};\n\t\treturn config;\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { dataPrep, zeroDataPrep, getShortenedLabels } from '../utils/axis-chart-utils';\nimport { AXIS_LEGEND_BAR_SIZE } from '../utils/constants';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset, fire } from '../utils/dom';\nimport { calcChartIntervals, getIntervalSize, getValueRange, getZeroIndex, scale, getClosestInArray } from '../utils/intervals';\nimport { floatTwo } from '../utils/helpers';\nimport { makeOverlay, updateOverlay, legendBar } from '../utils/draw';\nimport { getTopOffset, getLeftOffset, MIN_BAR_PERCENT_HEIGHT, BAR_CHART_SPACE_RATIO,\n\tLINE_CHART_DOT_SIZE } from '../utils/constants';\n\nexport default class AxisChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\n\t\tthis.barOptions = args.barOptions || {};\n\t\tthis.lineOptions = args.lineOptions || {};\n\n\t\tthis.type = args.type || 'line';\n\t\tthis.init = 1;\n\n\t\tthis.setup();\n\t}\n\n\tsetMeasures() {\n\t\tif(this.data.datasets.length <= 1) {\n\t\t\tthis.config.showLegend = 0;\n\t\t\tthis.measures.paddings.bottom = 30;\n\t\t}\n\t}\n\n\tconfigure(options) {\n\t\tsuper.configure(options);\n\n\t\toptions.axisOptions = options.axisOptions || {};\n\t\toptions.tooltipOptions = options.tooltipOptions || {};\n\n\t\tthis.config.xAxisMode = options.axisOptions.xAxisMode || 'span';\n\t\tthis.config.yAxisMode = options.axisOptions.yAxisMode || 'span';\n\t\tthis.config.xIsSeries = options.axisOptions.xIsSeries || 0;\n\t\tthis.config.shortenYAxisNumbers = options.axisOptions.shortenYAxisNumbers || 0;\n\n\t\tthis.config.formatTooltipX = options.tooltipOptions.formatTooltipX;\n\t\tthis.config.formatTooltipY = options.tooltipOptions.formatTooltipY;\n\n\t\tthis.config.valuesOverPoints = options.valuesOverPoints;\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn dataPrep(data, this.type);\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn zeroDataPrep(data);\n\t}\n\n\tcalc(onlyWidthChange = false) {\n\t\tthis.calcXPositions();\n\t\tif(!onlyWidthChange) {\n\t\t\tthis.calcYAxisParameters(this.getAllYValues(), this.type === 'line');\n\t\t}\n\t\tthis.makeDataByIndex();\n\t}\n\n\tcalcXPositions() {\n\t\tlet s = this.state;\n\t\tlet labels = this.data.labels;\n\t\ts.datasetLength = labels.length;\n\n\t\ts.unitWidth = this.width/(s.datasetLength);\n\t\t// Default, as per bar, and mixed. Only line will be a special case\n\t\ts.xOffset = s.unitWidth/2;\n\n\t\t// // For a pure Line Chart\n\t\t// s.unitWidth = this.width/(s.datasetLength - 1);\n\t\t// s.xOffset = 0;\n\n\t\ts.xAxis = {\n\t\t\tlabels: labels,\n\t\t\tpositions: labels.map((d, i) =>\n\t\t\t\tfloatTwo(s.xOffset + i * s.unitWidth)\n\t\t\t)\n\t\t};\n\t}\n\n\tcalcYAxisParameters(dataValues, withMinimum = 'false') {\n\t\tconst yPts = calcChartIntervals(dataValues, withMinimum);\n\t\tconst scaleMultiplier = this.height / getValueRange(yPts);\n\t\tconst intervalHeight = getIntervalSize(yPts) * scaleMultiplier;\n\t\tconst zeroLine = this.height - (getZeroIndex(yPts) * intervalHeight);\n\n\t\tthis.state.yAxis = {\n\t\t\tlabels: yPts,\n\t\t\tpositions: yPts.map(d => zeroLine - d * scaleMultiplier),\n\t\t\tscaleMultiplier: scaleMultiplier,\n\t\t\tzeroLine: zeroLine,\n\t\t};\n\n\t\t// Dependent if above changes\n\t\tthis.calcDatasetPoints();\n\t\tthis.calcYExtremes();\n\t\tthis.calcYRegions();\n\t}\n\n\tcalcDatasetPoints() {\n\t\tlet s = this.state;\n\t\tlet scaleAll = values => values.map(val => scale(val, s.yAxis));\n\n\t\ts.datasets = this.data.datasets.map((d, i) => {\n\t\t\tlet values = d.values;\n\t\t\tlet cumulativeYs = d.cumulativeYs || [];\n\t\t\treturn {\n\t\t\t\tname: d.name,\n\t\t\t\tindex: i,\n\t\t\t\tchartType: d.chartType,\n\n\t\t\t\tvalues: values,\n\t\t\t\tyPositions: scaleAll(values),\n\n\t\t\t\tcumulativeYs: cumulativeYs,\n\t\t\t\tcumulativeYPos: scaleAll(cumulativeYs),\n\t\t\t};\n\t\t});\n\t}\n\n\tcalcYExtremes() {\n\t\tlet s = this.state;\n\t\tif(this.barOptions.stacked) {\n\t\t\ts.yExtremes = s.datasets[s.datasets.length - 1].cumulativeYPos;\n\t\t\treturn;\n\t\t}\n\t\ts.yExtremes = new Array(s.datasetLength).fill(9999);\n\t\ts.datasets.map(d => {\n\t\t\td.yPositions.map((pos, j) => {\n\t\t\t\tif(pos < s.yExtremes[j]) {\n\t\t\t\t\ts.yExtremes[j] = pos;\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n\n\tcalcYRegions() {\n\t\tlet s = this.state;\n\t\tif(this.data.yMarkers) {\n\t\t\tthis.state.yMarkers = this.data.yMarkers.map(d => {\n\t\t\t\td.position = scale(d.value, s.yAxis);\n\t\t\t\tif(!d.options) d.options = {};\n\t\t\t\t// if(!d.label.includes(':')) {\n\t\t\t\t// \td.label += ': ' + d.value;\n\t\t\t\t// }\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t\tif(this.data.yRegions) {\n\t\t\tthis.state.yRegions = this.data.yRegions.map(d => {\n\t\t\t\td.startPos = scale(d.start, s.yAxis);\n\t\t\t\td.endPos = scale(d.end, s.yAxis);\n\t\t\t\tif(!d.options) d.options = {};\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t}\n\n\tgetAllYValues() {\n\t\tlet key = 'values';\n\n\t\tif(this.barOptions.stacked) {\n\t\t\tkey = 'cumulativeYs';\n\t\t\tlet cumulative = new Array(this.state.datasetLength).fill(0);\n\t\t\tthis.data.datasets.map((d, i) => {\n\t\t\t\tlet values = this.data.datasets[i].values;\n\t\t\t\td[key] = cumulative = cumulative.map((c, i) => c + values[i]);\n\t\t\t});\n\t\t}\n\n\t\tlet allValueLists = this.data.datasets.map(d => d[key]);\n\t\tif(this.data.yMarkers) {\n\t\t\tallValueLists.push(this.data.yMarkers.map(d => d.value));\n\t\t}\n\t\tif(this.data.yRegions) {\n\t\t\tthis.data.yRegions.map(d => {\n\t\t\t\tallValueLists.push([d.end, d.start]);\n\t\t\t});\n\t\t}\n\n\t\treturn [].concat(...allValueLists);\n\t}\n\n\tsetupComponents() {\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'yAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.yAxisMode,\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tshortenNumbers: this.config.shortenYAxisNumbers\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'xAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.xAxisMode,\n\t\t\t\t\theight: this.height,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\ts.xAxis.calcLabels = getShortenedLabels(this.width,\n\t\t\t\t\t\ts.xAxis.labels, this.config.xIsSeries);\n\n\t\t\t\t\treturn s.xAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'yRegions',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yRegions;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\t\t];\n\n\t\tlet barDatasets = this.state.datasets.filter(d => d.chartType === 'bar');\n\t\tlet lineDatasets = this.state.datasets.filter(d => d.chartType === 'line');\n\n\t\tlet barsConfigs = barDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'barGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tstacked: this.barOptions.stacked,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t\tminHeight: this.height * MIN_BAR_PERCENT_HEIGHT,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\t\t\t\t\tlet stacked = this.barOptions.stacked;\n\n\t\t\t\t\tlet spaceRatio = this.barOptions.spaceRatio || BAR_CHART_SPACE_RATIO;\n\t\t\t\t\tlet barsWidth = s.unitWidth * (1 - spaceRatio);\n\t\t\t\t\tlet barWidth = barsWidth/(stacked ? 1 : barDatasets.length);\n\n\t\t\t\t\tlet xPositions = s.xAxis.positions.map(x => x - barsWidth/2);\n\t\t\t\t\tif(!stacked) {\n\t\t\t\t\t\txPositions = xPositions.map(p => p + barWidth * index);\n\t\t\t\t\t}\n\n\t\t\t\t\tlet labels = new Array(s.datasetLength).fill('');\n\t\t\t\t\tif(this.config.valuesOverPoints) {\n\t\t\t\t\t\tif(stacked && d.index === s.datasets.length - 1) {\n\t\t\t\t\t\t\tlabels = d.cumulativeYs;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tlabels = d.values;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tlet offsets = new Array(s.datasetLength).fill(0);\n\t\t\t\t\tif(stacked) {\n\t\t\t\t\t\toffsets = d.yPositions.map((y, j) => y - d.cumulativeYPos[j]);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: xPositions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\t\t\t\t\t\toffsets: offsets,\n\t\t\t\t\t\t// values: d.values,\n\t\t\t\t\t\tlabels: labels,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tbarsWidth: barsWidth,\n\t\t\t\t\t\tbarWidth: barWidth,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet lineConfigs = lineDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'lineGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tsvgDefs: this.svgDefs,\n\t\t\t\t\theatline: this.lineOptions.heatline,\n\t\t\t\t\tregionFill: this.lineOptions.regionFill,\n\t\t\t\t\thideDots: this.lineOptions.hideDots,\n\t\t\t\t\thideLine: this.lineOptions.hideLine,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\t\t\t\t\tlet minLine = s.yAxis.positions[0] < s.yAxis.zeroLine\n\t\t\t\t\t\t? s.yAxis.positions[0] : s.yAxis.zeroLine;\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: s.xAxis.positions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\n\t\t\t\t\t\tvalues: d.values,\n\n\t\t\t\t\t\tzeroLine: minLine,\n\t\t\t\t\t\tradius: this.lineOptions.dotSize || LINE_CHART_DOT_SIZE,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet markerConfigs = [\n\t\t\t[\n\t\t\t\t'yMarkers',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yMarkers;\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tcomponentConfigs = componentConfigs.concat(barsConfigs, lineConfigs, markerConfigs);\n\n\t\tlet optionals = ['yMarkers', 'yRegions'];\n\t\tthis.dataUnitComponents = [];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.filter(args => !optionals.includes(args[0]) || this.state[args[0]])\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\tif(args[0].includes('lineGraph') || args[0].includes('barGraph')) {\n\t\t\t\t\tthis.dataUnitComponents.push(component);\n\t\t\t\t}\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tmakeDataByIndex() {\n\t\tthis.dataByIndex = {};\n\n\t\tlet s = this.state;\n\t\tlet formatX = this.config.formatTooltipX;\n\t\tlet formatY = this.config.formatTooltipY;\n\t\tlet titles = s.xAxis.labels;\n\n\t\ttitles.map((label, index) => {\n\t\t\tlet values = this.state.datasets.map((set, i) => {\n\t\t\t\tlet value = set.values[index];\n\t\t\t\treturn {\n\t\t\t\t\ttitle: set.name,\n\t\t\t\t\tvalue: value,\n\t\t\t\t\tyPos: set.yPositions[index],\n\t\t\t\t\tcolor: this.colors[i],\n\t\t\t\t\tformatted: formatY ? formatY(value) : value,\n\t\t\t\t};\n\t\t\t});\n\n\t\t\tthis.dataByIndex[index] = {\n\t\t\t\tlabel: label,\n\t\t\t\tformattedLabel: formatX ? formatX(label) : label,\n\t\t\t\txPos: s.xAxis.positions[index],\n\t\t\t\tvalues: values,\n\t\t\t\tyExtreme: s.yExtremes[index],\n\t\t\t};\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\t// NOTE: could be in tooltip itself, as it is a given functionality for its parent\n\t\tthis.container.addEventListener('mousemove', (e) => {\n\t\t\tlet m = this.measures;\n\t\t\tlet o = getOffset(this.container);\n\t\t\tlet relX = e.pageX - o.left - getLeftOffset(m);\n\t\t\tlet relY = e.pageY - o.top;\n\n\t\t\tif(relY < this.height + getTopOffset(m)\n\t\t\t\t&& relY > getTopOffset(m)) {\n\t\t\t\tthis.mapTooltipXPosition(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.hideTip();\n\t\t\t}\n\t\t});\n\t}\n\n\tmapTooltipXPosition(relX) {\n\t\tlet s = this.state;\n\t\tif(!s.yExtremes) return;\n\n\t\tlet index = getClosestInArray(relX, s.xAxis.positions, true);\n\t\tlet dbi = this.dataByIndex[index];\n\n\t\tthis.tip.setValues(\n\t\t\tdbi.xPos + this.tip.offset.x,\n\t\t\tdbi.yExtreme + this.tip.offset.y,\n\t\t\t{name: dbi.formattedLabel, value: ''},\n\t\t\tdbi.values,\n\t\t\tindex\n\t\t);\n\n\t\tthis.tip.showTip();\n\t}\n\n\trenderLegend() {\n\t\tlet s = this.data;\n\t\tif(s.datasets.length > 1) {\n\t\t\tthis.legendArea.textContent = '';\n\t\t\ts.datasets.map((d, i) => {\n\t\t\t\tlet barWidth = AXIS_LEGEND_BAR_SIZE;\n\t\t\t\t// let rightEndPoint = this.baseWidth - this.measures.margins.left - this.measures.margins.right;\n\t\t\t\t// let multiplier = s.datasets.length - i;\n\t\t\t\tlet rect = legendBar(\n\t\t\t\t\t// rightEndPoint - multiplier * barWidth,\t// To right align\n\t\t\t\t\tbarWidth * i,\n\t\t\t\t\t'0',\n\t\t\t\t\tbarWidth,\n\t\t\t\t\tthis.colors[i],\n\t\t\t\t\td.name,\n\t\t\t\t\tthis.config.truncateLegends);\n\t\t\t\tthis.legendArea.appendChild(rect);\n\t\t\t});\n\t\t}\n\t}\n\n\n\n\t// Overlay\n\tmakeOverlay() {\n\t\tif(this.init) {\n\t\t\tthis.init = 0;\n\t\t\treturn;\n\t\t}\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\n\t\tthis.overlayGuides = this.dataUnitComponents.map(c => {\n\t\t\treturn {\n\t\t\t\ttype: c.unitType,\n\t\t\t\toverlay: undefined,\n\t\t\t\tunits: c.units,\n\t\t\t};\n\t\t});\n\n\t\tif(this.state.currentIndex === undefined) {\n\t\t\tthis.state.currentIndex = this.state.datasetLength - 1;\n\t\t}\n\n\t\t// Render overlays\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\n\t\t\td.overlay = makeOverlay[d.type](currentUnit);\n\t\t\tthis.drawArea.appendChild(d.overlay);\n\t\t});\n\t}\n\n\tupdateOverlayGuides() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\t}\n\n\tbindOverlay() {\n\t\tthis.parent.addEventListener('data-select', () => {\n\t\t\tthis.updateOverlay();\n\t\t});\n\t}\n\n\tbindUnits() {\n\t\tthis.dataUnitComponents.map(c => {\n\t\t\tc.units.map(unit => {\n\t\t\t\tunit.addEventListener('click', () => {\n\t\t\t\t\tlet index = unit.getAttribute('data-point-index');\n\t\t\t\t\tthis.setCurrentDataPoint(index);\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\n\t\t// Note: Doesn't work as tooltip is absolutely positioned\n\t\tthis.tip.container.addEventListener('click', () => {\n\t\t\tlet index = this.tip.container.getAttribute('data-point-index');\n\t\t\tthis.setCurrentDataPoint(index);\n\t\t});\n\t}\n\n\tupdateOverlay() {\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\tupdateOverlay[d.type](currentUnit, d.overlay);\n\t\t});\n\t}\n\n\tonLeftArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex - 1);\n\t}\n\n\tonRightArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex + 1);\n\t}\n\n\tgetDataPoint(index=this.state.currentIndex) {\n\t\tlet s = this.state;\n\t\tlet data_point = {\n\t\t\tindex: index,\n\t\t\tlabel: s.xAxis.labels[index],\n\t\t\tvalues: s.datasets.map(d => d.values[index])\n\t\t};\n\t\treturn data_point;\n\t}\n\n\tsetCurrentDataPoint(index) {\n\t\tlet s = this.state;\n\t\tindex = parseInt(index);\n\t\tif(index < 0) index = 0;\n\t\tif(index >= s.xAxis.labels.length) index = s.xAxis.labels.length - 1;\n\t\tif(index === s.currentIndex) return;\n\t\ts.currentIndex = index;\n\t\tfire(this.parent, \"data-select\", this.getDataPoint());\n\t}\n\n\n\n\t// API\n\taddDataPoint(label, datasetValues, index=this.state.datasetLength) {\n\t\tsuper.addDataPoint(label, datasetValues, index);\n\t\tthis.data.labels.splice(index, 0, label);\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\td.values.splice(index, 0, datasetValues[i]);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\tremoveDataPoint(index = this.state.datasetLength-1) {\n\t\tif (this.data.labels.length <= 1) {\n\t\t\treturn;\n\t\t}\n\t\tsuper.removeDataPoint(index);\n\t\tthis.data.labels.splice(index, 1);\n\t\tthis.data.datasets.map(d => {\n\t\t\td.values.splice(index, 1);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\tupdateDataset(datasetValues, index=0) {\n\t\tthis.data.datasets[index].values = datasetValues;\n\t\tthis.update(this.data);\n\t}\n\t// addDataset(dataset, index) {}\n\t// removeDataset(index = 0) {}\n\n\tupdateDatasets(datasets) {\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\tif(datasets[i]) {\n\t\t\t\td.values = datasets[i];\n\t\t\t}\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\t// updateDataPoint(dataPoint, index = 0) {}\n\t// addDataPoint(dataPoint, index = 0) {}\n\t// removeDataPoint(index = 0) {}\n}\n","import AggregationChart from './AggregationChart';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset } from '../utils/dom';\nimport { getPositionByAngle } from '../utils/helpers';\nimport { makeArcStrokePathStr, makeStrokeCircleStr } from '../utils/draw';\nimport { lightenDarkenColor } from '../utils/colors';\nimport { transform } from '../utils/animation';\nimport { FULL_ANGLE } from '../utils/constants';\n\nexport default class DonutChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'donut';\n\t\tthis.initTimeout = 0;\n\t\tthis.init = 1;\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\t\tthis.mouseMove = this.mouseMove.bind(this);\n\t\tthis.mouseLeave = this.mouseLeave.bind(this);\n\n\t\tthis.hoverRadio = args.hoverRadio || 0.1;\n\t\tthis.config.startAngle = args.startAngle || 0;\n\n\t\tthis.clockWise = args.clockWise || false;\n\t\tthis.strokeWidth = args.strokeWidth || 30;\n\t}\n\n\tcalc() {\n\t\tsuper.calc();\n\t\tlet s = this.state;\n\t\tthis.radius =\n\t\t\tthis.height > this.width\n\t\t\t\t? this.center.x - this.strokeWidth / 2\n\t\t\t\t: this.center.y - this.strokeWidth / 2;\n\n\t\tconst { radius, clockWise } = this;\n\n\t\tconst prevSlicesProperties = s.slicesProperties || [];\n\t\ts.sliceStrings = [];\n\t\ts.slicesProperties = [];\n\t\tlet curAngle = 180 - this.config.startAngle;\n\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tconst startAngle = curAngle;\n\t\t\tconst originDiffAngle = (total / s.grandTotal) * FULL_ANGLE;\n\t\t\tconst largeArc = originDiffAngle > 180 ? 1: 0;\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\n\t\t\tconst startPosition = getPositionByAngle(startAngle, radius);\n\t\t\tconst endPosition = getPositionByAngle(endAngle, radius);\n\n\t\t\tconst prevProperty = this.init && prevSlicesProperties[i];\n\n\t\t\tlet curStart,curEnd;\n\t\t\tif(this.init) {\n\t\t\t\tcurStart = prevProperty ? prevProperty.startPosition : startPosition;\n\t\t\t\tcurEnd = prevProperty ? prevProperty.endPosition : startPosition;\n\t\t\t} else {\n\t\t\t\tcurStart = startPosition;\n\t\t\t\tcurEnd = endPosition;\n\t\t\t}\n\t\t\tconst curPath =\n\t\t\t\toriginDiffAngle === 360\n\t\t\t\t\t? makeStrokeCircleStr(curStart, curEnd, this.center, this.radius, this.clockWise, largeArc)\n\t\t\t\t\t: makeArcStrokePathStr(curStart, curEnd, this.center, this.radius, this.clockWise, largeArc);\n\n\t\t\ts.sliceStrings.push(curPath);\n\t\t\ts.slicesProperties.push({\n\t\t\t\tstartPosition,\n\t\t\t\tendPosition,\n\t\t\t\tvalue: total,\n\t\t\t\ttotal: s.grandTotal,\n\t\t\t\tstartAngle,\n\t\t\t\tendAngle,\n\t\t\t\tangle: diffAngle\n\t\t\t});\n\n\t\t});\n\t\tthis.init = 0;\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'donutSlices',\n\t\t\t\t{ },\n\t\t\t\tfunction() {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tsliceStrings: s.sliceStrings,\n\t\t\t\t\t\tcolors: this.colors,\n\t\t\t\t\t\tstrokeWidth: this.strokeWidth,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tcalTranslateByAngle(property){\n\t\tconst{ radius, hoverRadio } = this;\n\t\tconst position = getPositionByAngle(property.startAngle+(property.angle / 2),radius);\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\n\t}\n\n\thoverSlice(path,i,flag,e){\n\t\tif(!path) return;\n\t\tconst color = this.colors[i];\n\t\tif(flag) {\n\t\t\ttransform(path, this.calTranslateByAngle(this.state.slicesProperties[i]));\n\t\t\tpath.style.stroke = lightenDarkenColor(color, 50);\n\t\t\tlet g_off = getOffset(this.svg);\n\t\t\tlet x = e.pageX - g_off.left + 10;\n\t\t\tlet y = e.pageY - g_off.top - 10;\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t\t? this.formatted_labels[i] : this.state.labels[i]) + ': ';\n\t\t\tlet percent = (this.state.sliceTotals[i] * 100 / this.state.grandTotal).toFixed(1);\n\t\t\tthis.tip.setValues(x, y, {name: title, value: percent + \"%\"});\n\t\t\tthis.tip.showTip();\n\t\t} else {\n\t\t\ttransform(path,'translate3d(0,0,0)');\n\t\t\tthis.tip.hideTip();\n\t\t\tpath.style.stroke = color;\n\t\t}\n\t}\n\n\tbindTooltip() {\n\t\tthis.container.addEventListener('mousemove', this.mouseMove);\n\t\tthis.container.addEventListener('mouseleave', this.mouseLeave);\n\t}\n\n\tmouseMove(e){\n\t\tconst target = e.target;\n\t\tlet slices = this.components.get('donutSlices').store;\n\t\tlet prevIndex = this.curActiveSliceIndex;\n\t\tlet prevAcitve = this.curActiveSlice;\n\t\tif(slices.includes(target)) {\n\t\t\tlet i = slices.indexOf(target);\n\t\t\tthis.hoverSlice(prevAcitve, prevIndex,false);\n\t\t\tthis.curActiveSlice = target;\n\t\t\tthis.curActiveSliceIndex = i;\n\t\t\tthis.hoverSlice(target, i, true, e);\n\t\t} else {\n\t\t\tthis.mouseLeave();\n\t\t}\n\t}\n\n\tmouseLeave(){\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\n\t}\n}\n","import * as Charts from './chart';\n\nlet frappe = { };\n\nfrappe.NAME = 'Frappe Charts';\nfrappe.VERSION = '1.2.0';\n\nfrappe = Object.assign({ }, frappe, Charts);\n\nexport default frappe;"],"names":["expr","con","document","querySelector","getOffset","element","rect","getBoundingClientRect","top","documentElement","scrollTop","body","left","scrollLeft","isElementInViewport","el","bottom","window","innerHeight","clientHeight","right","innerWidth","clientWidth","getElementContentWidth","styles","getComputedStyle","padding","parseFloat","paddingLeft","paddingRight","fire","target","type","properties","evt","createEvent","initEvent","j","dispatchEvent","getTopOffset","m","titleHeight","margins","paddings","getLeftOffset","getExtraHeight","legendHeight","getExtraWidth","floatTwo","d","toFixed","fillArray","array","count","start","length","fillerArray","Array","Math","abs","fill","concat","getStringWidth","string","charWidth","getPositionByAngle","angle","radius","sin","ANGLE_RATIO","cos","getBarHeightAndYAttr","yTop","zeroLine","height","y","equilizeNoOfElements","array1","array2","extraCount","truncateString","txt","len","slice","shortenLargeNumber","label","number","Number","isNaN","p","floor","log10","l","shortened","pow","round","limitColor","r","lightenDarkenColor","color","amt","col","getColor","usePound","num","parseInt","b","g","toString","isValidColor","test","$","createSVG","tag","o","createElementNS","i","val","appendChild","ref","parentNode","insertBefore","keys","map","style","prop","setAttribute","renderVerticalGradient","svgDefElem","gradientId","setGradientStop","gradElem","offset","opacity","makeSVGContainer","parent","className","width","makeSVGDefs","svgContainer","makeSVGGroup","transform","undefined","args","inside","makePath","pathStr","makeArcPathStr","startPosition","endPosition","center","clockWise","largeArc","arcStartX","x","arcStartY","arcEndX","arcEndY","makeCircleStr","midArc","makeArcStrokePathStr","makeStrokeCircleStr","makeGradient","lighter","gradientDef","opacities","percentageBar","depth","PERCENTAGE_BAR_DEFAULT_DEPTH","heatSquare","size","data","key","legendBar","LABEL_MAX_CHARS","text","FONT_SIZE","FONT_FILL","group","legendDot","makeText","content","options","fontSize","dy","textAnchor","makeVertLine","y1","y2","stroke","BASE_LINE_COLOR","LABEL_MARGIN","line","makeHoriLine","x1","x2","lineType","shortenNumbers","yLine","pos","mode","AXIS_TICK_LENGTH","xLine","yMarker","labelPos","labelSvg","yRegion","region","datasetBar","index","meta","minHeight","datasetDot","dot","getPaths","xList","yList","pointsStr","join","path","heatline","gradient_id","svgDefs","paths","regionFill","gradient_id_region","translate","unit","oldCoord","newCoord","duration","old","STD_EASING","translateVertLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","animateBar","bar","nodeName","UNIT_ANIM_DUR","split","animateDot","cx","cy","animatePath","newXList","newYList","pathComponents","animPath","PATH_ANIM_DUR","push","regStartPt","regEndPt","animRegion","animatePathStr","oldPath","animateSVGElement","props","dur","easingType","oldValues","animElement","cloneNode","newElement","attributeName","animateElement","currentValue","value","animAttr","EASING","webkitTransform","msTransform","mozTransform","oTransform","animateSVG","elements","newElements","animElements","replaceChild","animSvg","runSMILAnimation","svgElement","elementsToAnimate","animSvgElement","removeChild","REPLACE_ALL_NEW_DUR","downloadFile","filename","a","createElement","blob","Blob","url","URL","createObjectURL","href","download","click","revokeObjectURL","prepareForExport","svg","clone","classList","add","styleEl","create","CSSTEXT","firstChild","container","innerHTML","treatAsUtc","date","result","Date","setMinutes","getMinutes","getTimezoneOffset","getYyyyMmDd","dd","getDate","mm","getMonth","getFullYear","getTime","getWeeksBetween","startDate","endDate","weekStartDate","setDayToSunday","ceil","getDaysBetween","NO_OF_DAYS_IN_WEEK","millisecondsPerDay","SEC_IN_DAY","NO_OF_MILLIS","areInSameMonth","getMonthName","short","monthName","MONTH_NAMES","getLastDateInMonth","month","year","newDate","day","getDay","addDays","numberOfDays","setDate","getComponent","name","constants","getData","Object","componentConfigs","filter","includes","k","config","assign","ChartComponent","normalize","mantissa","exponent","sig","isFinite","exp","getChartRangeIntervals","max","min","upperBound","lowerBound","range","noOfParts","partSize","intervals","getChartIntervals","maxValue","minValue","normalMaxValue","normalMinValue","calcChartIntervals","values","getPositiveFirstIntervals","absMinValue","intervalSize","unshift","withMinimum","pseudoMaxValue","pseudoMinValue","reverse","getZeroIndex","yPts","interval","getIntervalSize","indexOf","orderedArray","getValueRange","scale","yAxis","scaleMultiplier","getClosestInArray","goal","arr","closest","reduce","prev","curr","calcDistribution","distributionSize","dataMaxValue","distributionStep","distribution","checkpoint","getMaxCheckpoint","dataPrep","labels","datasetLength","datasets","zeroArray","vals","chartType","AXIS_DATASET_CHART_TYPES","yRegions","end","zeroDataPrep","realData","zeroData","yMarkers","getShortenedLabels","chartWidth","isSeries","allowedSpace","allowedLetters","DEFAULT_CHAR_WIDTH","getChartByType","AxisChart","chartTypes","error","css","insertAt","head","getElementsByTagName","styleSheet","cssText","createTextNode","BASE_MEASURES","INIT_CHART_UPDATE_TIMEOUT","DEFAULT_CHART_COLORS","DEFAULT_COLORS","PI","SvgTip","colors","titleName","titleValue","listValues","titleValueFirst","setup","makeTooltip","calcPosition","this","hideTip","title","dataPointList","addEventListener","set","_this2","formatted","li","offsetWidth","offsetHeight","maxLeft","pointer","pointerOffset","valueFirst","refresh","PRESET_COLOR_MAP","makeOverlay","transformValue","overlay","updateOverlay","attributes","attr","specified","nodeValue","BOUND_DRAW_FN","BaseChart","HTMLElement","Error","rawChartArgs","prepareData","prepareFirstData","validateColors","isNavigable","truncateLegends","measures","JSON","parse","stringify","setMeasures","showLegend","argHeight","baseHeight","state","initTimeout","overlays","configure","validColors","forEach","warn","boundDrawFn","bind","draw","removeEventListener","makeContainer","updateWidth","independentWidth","tip","bindTooltip","onlyWidthChange","init","calc","makeChartArea","setupComponents","components","c","_this","drawArea","render","update","renderLegend","setupNavigation","baseWidth","titleEL","titleFontSize","legendArea","updateTipOffset","Map","animate","make","updateNav","bindUnits","bindOverlay","keyActions","onEnterKey","onLeftArrow","onUpArrow","onRightArrow","onDownArrow","e","_this3","event","keyCode","chartSvg","AggregationChart","maxSlices","maxLegendPoints","s","sliceTotals","allTotals","total","totals","sort","sumOfRemaining","grandTotal","textContent","legendTotals","barWidth","divisor","DAY_NAMES_SHORT","layerClass","layerTransform","makeElements","animateElements","store","layer","oldData","sliceStrings","strokeWidth","transition","newData","xPositions","widths","barHeight","barDepth","positions","position","newPos","newLabels","oldPos","oldLabels","calcLabels","_this4","_this5","newOptions","startPos","endPos","_this6","newStarts","oldStarts","colWidth","rowHeight","squareSize","xTranslate","serializedSubDomains","cols","week","weekNo","toUpperCase","yyyyMmDd","dataValue","square","unitType","units","yPositions","offsets","barsWidth","newXPos","newYPos","newOffsets","oldXPos","oldYPos","oldOffsets","hideLine","hideDots","valuesOverPoints","newValues","PercentageChart","barOptions","component","xPos","bars","get","gOff","pOff","formattedLabels","fraction","setValues","showTip","PieChart","mouseMove","mouseLeave","hoverRadio","startAngle","prevSlicesProperties","slicesProperties","curAngle","originDiffAngle","diffAngle","endAngle","prevProperty","curStart","curEnd","curPath","property","flag","calTranslateByAngle","g_off","pageX","pageY","formatted_labels","percent","slices","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","Heatmap","countLabel","validStarts","startSubDomain","startSubDomainIndex","discreteDomains","ROW_HEIGHT","HEATMAP_SQUARE_SIZE","spacing","noOfWeeks","setFullYear","dataPoints","points","timestampSec","firstWeekStart","domainConfigs","getDomains","lessCol","dayName","dayText","daySquares","comp","daySquare","dateParts","lessText","COL_WIDTH","moreText","HEATMAP_DISTRIBUTION_SIZE","startMonth","startYear","noOfMonths","startOfMonth","getDomainConfig","startOfWeek","domainConfig","noOfMonthWeeks","getCol","empty","currentDate","currentDateWithinData","getSubDomainConfig","lineOptions","axisOptions","tooltipOptions","xAxisMode","yAxisMode","xIsSeries","shortenYAxisNumbers","formatTooltipX","formatTooltipY","calcXPositions","calcYAxisParameters","getAllYValues","makeDataByIndex","unitWidth","xOffset","xAxis","dataValues","intervalHeight","calcDatasetPoints","calcYExtremes","calcYRegions","scaleAll","cumulativeYs","stacked","yExtremes","cumulativeYPos","cumulative","allValueLists","barDatasets","lineDatasets","barsConfigs","spaceRatio","lineConfigs","minLine","dotSize","markerConfigs","optionals","dataUnitComponents","dataByIndex","formatX","formatY","relX","relY","mapTooltipXPosition","dbi","yExtreme","formattedLabel","overlayGuides","currentIndex","currentUnit","_this7","setCurrentDataPoint","_this9","_this10","getDataPoint","datasetValues","splice","DonutChart","Chart","frappe","NAME","VERSION","Charts"],"mappings":"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"} \ No newline at end of file diff --git a/docs/assets/js/highlight.pack.js b/docs/assets/js/highlight.pack.js deleted file mode 100755 index 11063f6..0000000 --- a/docs/assets/js/highlight.pack.js +++ /dev/null @@ -1,2 +0,0 @@ -/*! highlight.js v9.9.0 | BSD3 License | git.io/hljslicense */ -!function(e){var n="object"==typeof window&&window||"object"==typeof self&&self;"undefined"!=typeof exports?e(exports):n&&(n.hljs=e({}),"function"==typeof define&&define.amd&&define([],function(){return n.hljs}))}(function(e){function n(e){return e.replace(/[&<>]/gm,function(e){return I[e]})}function t(e){return e.nodeName.toLowerCase()}function r(e,n){var t=e&&e.exec(n);return t&&0===t.index}function i(e){return k.test(e)}function a(e){var n,t,r,a,o=e.className+" ";if(o+=e.parentNode?e.parentNode.className:"",t=B.exec(o))return R(t[1])?t[1]:"no-highlight";for(o=o.split(/\s+/),n=0,r=o.length;r>n;n++)if(a=o[n],i(a)||R(a))return a}function o(e,n){var t,r={};for(t in e)r[t]=e[t];if(n)for(t in n)r[t]=n[t];return r}function u(e){var n=[];return function r(e,i){for(var a=e.firstChild;a;a=a.nextSibling)3===a.nodeType?i+=a.nodeValue.length:1===a.nodeType&&(n.push({event:"start",offset:i,node:a}),i=r(a,i),t(a).match(/br|hr|img|input/)||n.push({event:"stop",offset:i,node:a}));return i}(e,0),n}function c(e,r,i){function a(){return e.length&&r.length?e[0].offset!==r[0].offset?e[0].offset"}function u(e){l+=""}function c(e){("start"===e.event?o:u)(e.node)}for(var s=0,l="",f=[];e.length||r.length;){var g=a();if(l+=n(i.substring(s,g[0].offset)),s=g[0].offset,g===e){f.reverse().forEach(u);do c(g.splice(0,1)[0]),g=a();while(g===e&&g.length&&g[0].offset===s);f.reverse().forEach(o)}else"start"===g[0].event?f.push(g[0].node):f.pop(),c(g.splice(0,1)[0])}return l+n(i.substr(s))}function s(e){function n(e){return e&&e.source||e}function t(t,r){return new RegExp(n(t),"m"+(e.cI?"i":"")+(r?"g":""))}function r(i,a){if(!i.compiled){if(i.compiled=!0,i.k=i.k||i.bK,i.k){var u={},c=function(n,t){e.cI&&(t=t.toLowerCase()),t.split(" ").forEach(function(e){var t=e.split("|");u[t[0]]=[n,t[1]?Number(t[1]):1]})};"string"==typeof i.k?c("keyword",i.k):E(i.k).forEach(function(e){c(e,i.k[e])}),i.k=u}i.lR=t(i.l||/\w+/,!0),a&&(i.bK&&(i.b="\\b("+i.bK.split(" ").join("|")+")\\b"),i.b||(i.b=/\B|\b/),i.bR=t(i.b),i.e||i.eW||(i.e=/\B|\b/),i.e&&(i.eR=t(i.e)),i.tE=n(i.e)||"",i.eW&&a.tE&&(i.tE+=(i.e?"|":"")+a.tE)),i.i&&(i.iR=t(i.i)),null==i.r&&(i.r=1),i.c||(i.c=[]);var s=[];i.c.forEach(function(e){e.v?e.v.forEach(function(n){s.push(o(e,n))}):s.push("self"===e?i:e)}),i.c=s,i.c.forEach(function(e){r(e,i)}),i.starts&&r(i.starts,a);var l=i.c.map(function(e){return e.bK?"\\.?("+e.b+")\\.?":e.b}).concat([i.tE,i.i]).map(n).filter(Boolean);i.t=l.length?t(l.join("|"),!0):{exec:function(){return null}}}}r(e)}function l(e,t,i,a){function o(e,n){var t,i;for(t=0,i=n.c.length;i>t;t++)if(r(n.c[t].bR,e))return n.c[t]}function u(e,n){if(r(e.eR,n)){for(;e.endsParent&&e.parent;)e=e.parent;return e}return e.eW?u(e.parent,n):void 0}function c(e,n){return!i&&r(n.iR,e)}function g(e,n){var t=N.cI?n[0].toLowerCase():n[0];return e.k.hasOwnProperty(t)&&e.k[t]}function h(e,n,t,r){var i=r?"":y.classPrefix,a='',a+n+o}function p(){var e,t,r,i;if(!E.k)return n(B);for(i="",t=0,E.lR.lastIndex=0,r=E.lR.exec(B);r;)i+=n(B.substring(t,r.index)),e=g(E,r),e?(M+=e[1],i+=h(e[0],n(r[0]))):i+=n(r[0]),t=E.lR.lastIndex,r=E.lR.exec(B);return i+n(B.substr(t))}function d(){var e="string"==typeof E.sL;if(e&&!x[E.sL])return n(B);var t=e?l(E.sL,B,!0,L[E.sL]):f(B,E.sL.length?E.sL:void 0);return E.r>0&&(M+=t.r),e&&(L[E.sL]=t.top),h(t.language,t.value,!1,!0)}function b(){k+=null!=E.sL?d():p(),B=""}function v(e){k+=e.cN?h(e.cN,"",!0):"",E=Object.create(e,{parent:{value:E}})}function m(e,n){if(B+=e,null==n)return b(),0;var t=o(n,E);if(t)return t.skip?B+=n:(t.eB&&(B+=n),b(),t.rB||t.eB||(B=n)),v(t,n),t.rB?0:n.length;var r=u(E,n);if(r){var i=E;i.skip?B+=n:(i.rE||i.eE||(B+=n),b(),i.eE&&(B=n));do E.cN&&(k+=C),E.skip||(M+=E.r),E=E.parent;while(E!==r.parent);return r.starts&&v(r.starts,""),i.rE?0:n.length}if(c(n,E))throw new Error('Illegal lexeme "'+n+'" for mode "'+(E.cN||"")+'"');return B+=n,n.length||1}var N=R(e);if(!N)throw new Error('Unknown language: "'+e+'"');s(N);var w,E=a||N,L={},k="";for(w=E;w!==N;w=w.parent)w.cN&&(k=h(w.cN,"",!0)+k);var B="",M=0;try{for(var I,j,O=0;;){if(E.t.lastIndex=O,I=E.t.exec(t),!I)break;j=m(t.substring(O,I.index),I[0]),O=I.index+j}for(m(t.substr(O)),w=E;w.parent;w=w.parent)w.cN&&(k+=C);return{r:M,value:k,language:e,top:E}}catch(T){if(T.message&&-1!==T.message.indexOf("Illegal"))return{r:0,value:n(t)};throw T}}function f(e,t){t=t||y.languages||E(x);var r={r:0,value:n(e)},i=r;return t.filter(R).forEach(function(n){var t=l(n,e,!1);t.language=n,t.r>i.r&&(i=t),t.r>r.r&&(i=r,r=t)}),i.language&&(r.second_best=i),r}function g(e){return y.tabReplace||y.useBR?e.replace(M,function(e,n){return y.useBR&&"\n"===e?"
                  ":y.tabReplace?n.replace(/\t/g,y.tabReplace):void 0}):e}function h(e,n,t){var r=n?L[n]:t,i=[e.trim()];return e.match(/\bhljs\b/)||i.push("hljs"),-1===e.indexOf(r)&&i.push(r),i.join(" ").trim()}function p(e){var n,t,r,o,s,p=a(e);i(p)||(y.useBR?(n=document.createElementNS("http://www.w3.org/1999/xhtml","div"),n.innerHTML=e.innerHTML.replace(/\n/g,"").replace(//g,"\n")):n=e,s=n.textContent,r=p?l(p,s,!0):f(s),t=u(n),t.length&&(o=document.createElementNS("http://www.w3.org/1999/xhtml","div"),o.innerHTML=r.value,r.value=c(t,u(o),s)),r.value=g(r.value),e.innerHTML=r.value,e.className=h(e.className,p,r.language),e.result={language:r.language,re:r.r},r.second_best&&(e.second_best={language:r.second_best.language,re:r.second_best.r}))}function d(e){y=o(y,e)}function b(){if(!b.called){b.called=!0;var e=document.querySelectorAll("pre code");w.forEach.call(e,p)}}function v(){addEventListener("DOMContentLoaded",b,!1),addEventListener("load",b,!1)}function m(n,t){var r=x[n]=t(e);r.aliases&&r.aliases.forEach(function(e){L[e]=n})}function N(){return E(x)}function R(e){return e=(e||"").toLowerCase(),x[e]||x[L[e]]}var w=[],E=Object.keys,x={},L={},k=/^(no-?highlight|plain|text)$/i,B=/\blang(?:uage)?-([\w-]+)\b/i,M=/((^(<[^>]+>|\t|)+|(?:\n)))/gm,C="                  ",y={classPrefix:"hljs-",tabReplace:null,useBR:!1,languages:void 0},I={"&":"&","<":"<",">":">"};return e.highlight=l,e.highlightAuto=f,e.fixMarkup=g,e.highlightBlock=p,e.configure=d,e.initHighlighting=b,e.initHighlightingOnLoad=v,e.registerLanguage=m,e.listLanguages=N,e.getLanguage=R,e.inherit=o,e.IR="[a-zA-Z]\\w*",e.UIR="[a-zA-Z_]\\w*",e.NR="\\b\\d+(\\.\\d+)?",e.CNR="(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)",e.BNR="\\b(0b[01]+)",e.RSR="!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~",e.BE={b:"\\\\[\\s\\S]",r:0},e.ASM={cN:"string",b:"'",e:"'",i:"\\n",c:[e.BE]},e.QSM={cN:"string",b:'"',e:'"',i:"\\n",c:[e.BE]},e.PWM={b:/\b(a|an|the|are|I'm|isn't|don't|doesn't|won't|but|just|should|pretty|simply|enough|gonna|going|wtf|so|such|will|you|your|like)\b/},e.C=function(n,t,r){var i=e.inherit({cN:"comment",b:n,e:t,c:[]},r||{});return i.c.push(e.PWM),i.c.push({cN:"doctag",b:"(?:TODO|FIXME|NOTE|BUG|XXX):",r:0}),i},e.CLCM=e.C("//","$"),e.CBCM=e.C("/\\*","\\*/"),e.HCM=e.C("#","$"),e.NM={cN:"number",b:e.NR,r:0},e.CNM={cN:"number",b:e.CNR,r:0},e.BNM={cN:"number",b:e.BNR,r:0},e.CSSNM={cN:"number",b:e.NR+"(%|em|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|px|deg|grad|rad|turn|s|ms|Hz|kHz|dpi|dpcm|dppx)?",r:0},e.RM={cN:"regexp",b:/\//,e:/\/[gimuy]*/,i:/\n/,c:[e.BE,{b:/\[/,e:/\]/,r:0,c:[e.BE]}]},e.TM={cN:"title",b:e.IR,r:0},e.UTM={cN:"title",b:e.UIR,r:0},e.METHOD_GUARD={b:"\\.\\s*"+e.UIR,r:0},e});hljs.registerLanguage("xml",function(s){var e="[A-Za-z0-9\\._:-]+",t={eW:!0,i:/`]+/}]}]}]};return{aliases:["html","xhtml","rss","atom","xjb","xsd","xsl","plist"],cI:!0,c:[{cN:"meta",b:"",r:10,c:[{b:"\\[",e:"\\]"}]},s.C("",{r:10}),{b:"<\\!\\[CDATA\\[",e:"\\]\\]>",r:10},{b:/<\?(php)?/,e:/\?>/,sL:"php",c:[{b:"/\\*",e:"\\*/",skip:!0}]},{cN:"tag",b:"|$)",e:">",k:{name:"style"},c:[t],starts:{e:"",rE:!0,sL:["css","xml"]}},{cN:"tag",b:"|$)",e:">",k:{name:"script"},c:[t],starts:{e:"",rE:!0,sL:["actionscript","javascript","handlebars","xml"]}},{cN:"meta",v:[{b:/<\?xml/,e:/\?>/,r:10},{b:/<\?\w+/,e:/\?>/}]},{cN:"tag",b:"",c:[{cN:"name",b:/[^\/><\s]+/,r:0},t]}]}});hljs.registerLanguage("javascript",function(e){var r="[A-Za-z$_][0-9A-Za-z$_]*",t={keyword:"in of if for while finally var new function do return void else break catch instanceof with throw case default try this switch continue typeof delete let yield const export super debugger as async await static import from as",literal:"true false null undefined NaN Infinity",built_in:"eval isFinite isNaN parseFloat parseInt decodeURI decodeURIComponent encodeURI encodeURIComponent escape unescape Object Function Boolean Error EvalError InternalError RangeError ReferenceError StopIteration SyntaxError TypeError URIError Number Math Date String RegExp Array Float32Array Float64Array Int16Array Int32Array Int8Array Uint16Array Uint32Array Uint8Array Uint8ClampedArray ArrayBuffer DataView JSON Intl arguments require module console window document Symbol Set Map WeakSet WeakMap Proxy Reflect Promise"},a={cN:"number",v:[{b:"\\b(0[bB][01]+)"},{b:"\\b(0[oO][0-7]+)"},{b:e.CNR}],r:0},n={cN:"subst",b:"\\$\\{",e:"\\}",k:t,c:[]},c={cN:"string",b:"`",e:"`",c:[e.BE,n]};n.c=[e.ASM,e.QSM,c,a,e.RM];var s=n.c.concat([e.CBCM,e.CLCM]);return{aliases:["js","jsx"],k:t,c:[{cN:"meta",r:10,b:/^\s*['"]use (strict|asm)['"]/},{cN:"meta",b:/^#!/,e:/$/},e.ASM,e.QSM,c,e.CLCM,e.CBCM,a,{b:/[{,]\s*/,r:0,c:[{b:r+"\\s*:",rB:!0,r:0,c:[{cN:"attr",b:r,r:0}]}]},{b:"("+e.RSR+"|\\b(case|return|throw)\\b)\\s*",k:"return throw case",c:[e.CLCM,e.CBCM,e.RM,{cN:"function",b:"(\\(.*?\\)|"+r+")\\s*=>",rB:!0,e:"\\s*=>",c:[{cN:"params",v:[{b:r},{b:/\(\s*\)/},{b:/\(/,e:/\)/,eB:!0,eE:!0,k:t,c:s}]}]},{b://,sL:"xml",c:[{b:/<\w+\s*\/>/,skip:!0},{b:/<\w+/,e:/(\/\w+|\w+\/)>/,skip:!0,c:[{b:/<\w+\s*\/>/,skip:!0},"self"]}]}],r:0},{cN:"function",bK:"function",e:/\{/,eE:!0,c:[e.inherit(e.TM,{b:r}),{cN:"params",b:/\(/,e:/\)/,eB:!0,eE:!0,c:s}],i:/\[|%/},{b:/\$[(.]/},e.METHOD_GUARD,{cN:"class",bK:"class",e:/[{;=]/,eE:!0,i:/[:"\[\]]/,c:[{bK:"extends"},e.UTM]},{bK:"constructor",e:/\{/,eE:!0}],i:/#(?!!)/}}); \ No newline at end of file diff --git a/docs/assets/js/index.js b/docs/assets/js/index.js deleted file mode 100755 index c1ac20e..0000000 --- a/docs/assets/js/index.js +++ /dev/null @@ -1,373 +0,0 @@ -import { shuffle, getRandomBias } from '../../../src/js/utils/helpers'; -import { HEATMAP_COLORS_YELLOW, HEATMAP_COLORS_BLUE } from '../../../src/js/utils/constants'; -import { SEC_IN_DAY, clone, timestampToMidnight, timestampSec, addDays } from '../../../src/js/utils/date-utils'; -import { fireballOver25, fireball_2_5, fireball_5_25, lineCompositeData, - barCompositeData, typeData, trendsData, moonData } from './data'; -import demoConfig from './demoConfig'; -// import { lineComposite, barComposite } from './demoConfig'; -// ================================================================================ - -let Chart = frappe.Chart; // eslint-disable-line no-undef - -let lc = demoConfig.lineComposite; -let lineCompositeChart = new Chart (lc.elementID, lc.options); - -let bc = demoConfig.barComposite; -let barCompositeChart = new Chart (bc.elementID, bc.options); - -lineCompositeChart.parent.addEventListener('data-select', (e) => { - let i = e.index; - barCompositeChart.updateDatasets([ - fireballOver25[i], fireball_5_25[i], fireball_2_5[i] - ]); -}); - -// ================================================================================ - -let customColors = ['purple', 'magenta', 'light-blue']; -let typeChartArgs = { - title: "My Awesome Chart", - data: typeData, - type: 'axis-mixed', - height: 300, - colors: customColors, - - // maxLegendPoints: 6, - maxSlices: 10, - - tooltipOptions: { - formatTooltipX: d => (d + '').toUpperCase(), - formatTooltipY: d => d + ' pts', - } -}; - -let aggrChart = new Chart("#chart-aggr", typeChartArgs); - -Array.prototype.slice.call( - document.querySelectorAll('.aggr-type-buttons button') -).map(el => { - el.addEventListener('click', (e) => { - let btn = e.target; - let type = btn.getAttribute('data-type'); - typeChartArgs.type = type; - if(type !== 'axis-mixed') { - typeChartArgs.colors = undefined; - } else { - typeChartArgs.colors = customColors; - } - - if(type !== 'percentage') { - typeChartArgs.height = 300; - } else { - typeChartArgs.height = undefined; - } - - let newChart = new Chart("#chart-aggr", typeChartArgs); - if(newChart){ - aggrChart = newChart; - } - Array.prototype.slice.call( - btn.parentNode.querySelectorAll('button')).map(el => { - el.classList.remove('active'); - }); - btn.classList.add('active'); - }); -}); - -document.querySelector('.export-aggr').addEventListener('click', () => { - aggrChart.export(); -}); - -// Update values chart -// ================================================================================ -let updateDataAllLabels = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun", "Mon", "Tue", - "Wed", "Thu", "Fri", "Sat", "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", - "Sat", "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun", "Mon"]; - -let getRandom = () => Math.floor(getRandomBias(-40, 60, 0.8, 1)); -let updateDataAllValues = Array.from({length: 30}, getRandom); - -// We're gonna be shuffling this -let updateDataAllIndices = updateDataAllLabels.map((d,i) => i); - -let getUpdateData = (source_array, length=10) => { - let indices = updateDataAllIndices.slice(0, length); - return indices.map((index) => source_array[index]); -}; - -let updateData = { - labels: getUpdateData(updateDataAllLabels), - datasets: [{ - "values": getUpdateData(updateDataAllValues) - }], - yMarkers: [ - { - label: "Altitude", - value: 25, - type: 'dashed' - } - ], - yRegions: [ - { - label: "Range", - start: 10, - end: 45 - }, - ], -}; - -let updateChart = new Chart("#chart-update", { - data: updateData, - type: 'line', - height: 300, - colors: ['#ff6c03'], - lineOptions: { - // hideLine: 1, - regionFill: 1 - }, -}); - -let chartUpdateButtons = document.querySelector('.chart-update-buttons'); - -chartUpdateButtons.querySelector('[data-update="random"]').addEventListener("click", () => { - shuffle(updateDataAllIndices); - let value = getRandom(); - let start = getRandom(); - let end = getRandom(); - let data = { - labels: updateDataAllLabels.slice(0, 10), - datasets: [{values: getUpdateData(updateDataAllValues)}], - yMarkers: [ - { - label: "Altitude", - value: value, - type: 'dashed' - } - ], - yRegions: [ - { - label: "Range", - start: start, - end: end - }, - ], - }; - updateChart.update(data); -}); - -chartUpdateButtons.querySelector('[data-update="add"]').addEventListener("click", () => { - let index = updateChart.state.datasetLength; // last index to add - if(index >= updateDataAllIndices.length) return; - updateChart.addDataPoint( - updateDataAllLabels[index], [updateDataAllValues[index]] - ); -}); - -chartUpdateButtons.querySelector('[data-update="remove"]').addEventListener("click", () => { - updateChart.removeDataPoint(); -}); - -document.querySelector('.export-update').addEventListener('click', () => { - updateChart.export(); -}); - -// Trends Chart -// ================================================================================ - -let plotChartArgs = { - title: "Mean Total Sunspot Count - Yearly", - data: trendsData, - type: 'line', - height: 300, - colors: ['#238e38'], - lineOptions: { - hideDots: 1, - heatline: 1, - }, - axisOptions: { - xAxisMode: 'tick', - yAxisMode: 'span', - xIsSeries: 1 - } -}; - -let trendsChart = new Chart("#chart-trends", plotChartArgs); - -Array.prototype.slice.call( - document.querySelectorAll('.chart-plot-buttons button') -).map(el => { - el.addEventListener('click', (e) => { - let btn = e.target; - let type = btn.getAttribute('data-type'); - let config = {}; - config[type] = 1; - - if(['regionFill', 'heatline'].includes(type)) { - config.hideDots = 1; - } - - // plotChartArgs.init = false; - plotChartArgs.lineOptions = config; - - new Chart("#chart-trends", plotChartArgs); - - Array.prototype.slice.call( - btn.parentNode.querySelectorAll('button')).map(el => { - el.classList.remove('active'); - }); - btn.classList.add('active'); - }); -}); - -document.querySelector('.export-trends').addEventListener('click', () => { - trendsChart.export(); -}); - - -// Event chart -// ================================================================================ - - - -let eventsData = { - labels: ["Ganymede", "Callisto", "Io", "Europa"], - datasets: [ - { - "values": moonData.distances, - "formatted": moonData.distances.map(d => d*1000 + " km") - } - ] -}; - -let eventsChart = new Chart("#chart-events", { - title: "Jupiter's Moons: Semi-major Axis (1000 km)", - data: eventsData, - type: 'bar', - height: 330, - colors: ['grey'], - isNavigable: 1, -}); - -let dataDiv = document.querySelector('.chart-events-data'); - -eventsChart.parent.addEventListener('data-select', (e) => { - let name = moonData.names[e.index]; - dataDiv.querySelector('.moon-name').innerHTML = name; - dataDiv.querySelector('.semi-major-axis').innerHTML = moonData.distances[e.index] * 1000; - dataDiv.querySelector('.mass').innerHTML = moonData.masses[e.index]; - dataDiv.querySelector('.diameter').innerHTML = moonData.diameters[e.index]; - dataDiv.querySelector('img').src = "./assets/img/" + name.toLowerCase() + ".jpg"; -}); - -// Heatmap -// ================================================================================ - -let today = new Date(); -let start = clone(today); -addDays(start, 4); -let end = clone(start); -start.setFullYear( start.getFullYear() - 2 ); -end.setFullYear( end.getFullYear() - 1 ); - -let dataPoints = {}; - -let startTs = timestampSec(start); -let endTs = timestampSec(end); - -startTs = timestampToMidnight(startTs); -endTs = timestampToMidnight(endTs, true); - -while (startTs < endTs) { - dataPoints[parseInt(startTs)] = Math.floor(getRandomBias(0, 5, 0.2, 1)); - startTs += SEC_IN_DAY; -} - -const heatmapData = { - dataPoints: dataPoints, - start: start, - end: end -}; - -let heatmapArgs = { - title: "Monthly Distribution", - data: heatmapData, - type: 'heatmap', - discreteDomains: 1, - countLabel: 'Level', - colors: HEATMAP_COLORS_BLUE, - legendScale: [0, 1, 2, 4, 5] -}; -let heatmapChart = new Chart("#chart-heatmap", heatmapArgs); - -Array.prototype.slice.call( - document.querySelectorAll('.heatmap-mode-buttons button') -).map(el => { - el.addEventListener('click', (e) => { - let btn = e.target; - let mode = btn.getAttribute('data-mode'); - let discreteDomains = 0; - - if(mode === 'discrete') { - discreteDomains = 1; - } - - let colors = []; - let colors_mode = document - .querySelector('.heatmap-color-buttons .active') - .getAttribute('data-color'); - if(colors_mode === 'halloween') { - colors = HEATMAP_COLORS_YELLOW; - } else if (colors_mode === 'blue') { - colors = HEATMAP_COLORS_BLUE; - } - - heatmapArgs.discreteDomains = discreteDomains; - heatmapArgs.colors = colors; - new Chart("#chart-heatmap", heatmapArgs); - - Array.prototype.slice.call( - btn.parentNode.querySelectorAll('button')).map(el => { - el.classList.remove('active'); - }); - btn.classList.add('active'); - }); -}); - -Array.prototype.slice.call( - document.querySelectorAll('.heatmap-color-buttons button') -).map(el => { - el.addEventListener('click', (e) => { - let btn = e.target; - let colors_mode = btn.getAttribute('data-color'); - let colors = []; - - if(colors_mode === 'halloween') { - colors = HEATMAP_COLORS_YELLOW; - } else if (colors_mode === 'blue') { - colors = HEATMAP_COLORS_BLUE; - } - - let discreteDomains = 1; - - let view_mode = document - .querySelector('.heatmap-mode-buttons .active') - .getAttribute('data-mode'); - if(view_mode === 'continuous') { - discreteDomains = 0; - } - - heatmapArgs.discreteDomains = discreteDomains; - heatmapArgs.colors = colors; - new Chart("#chart-heatmap", heatmapArgs); - - Array.prototype.slice.call( - btn.parentNode.querySelectorAll('button')).map(el => { - el.classList.remove('active'); - }); - btn.classList.add('active'); - }); -}); - -document.querySelector('.export-heatmap').addEventListener('click', () => { - heatmapChart.export(); -}); diff --git a/docs/assets/js/index.min.js b/docs/assets/js/index.min.js deleted file mode 100644 index f41784c..0000000 --- a/docs/assets/js/index.min.js +++ /dev/null @@ -1,657 +0,0 @@ -(function () { -'use strict'; - -// Fixed 5-color theme, -// More colors are difficult to parse visually - - - - - - - - - -var HEATMAP_COLORS_BLUE = ['#ebedf0', '#c0ddf9', '#73b3f3', '#3886e1', '#17459e']; -var HEATMAP_COLORS_YELLOW = ['#ebedf0', '#fdf436', '#ffc700', '#ff9100', '#06001c']; - - - -// Universal constants - -/** - * Returns the value of a number upto 2 decimal places. - * @param {Number} d Any number - */ - - -/** - * Returns whether or not two given arrays are equal. - * @param {Array} arr1 First array - * @param {Array} arr2 Second array - */ - - -/** - * Shuffles array in place. ES6 version - * @param {Array} array An array containing the items. - */ -function shuffle(array) { - // Awesomeness: https://bost.ocks.org/mike/shuffle/ - // https://stackoverflow.com/a/2450976/6495043 - // https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array?noredirect=1&lq=1 - - for (var i = array.length - 1; i > 0; i--) { - var j = Math.floor(Math.random() * (i + 1)); - var _ref = [array[j], array[i]]; - array[i] = _ref[0]; - array[j] = _ref[1]; - } - - return array; -} - -/** - * Fill an array with extra points - * @param {Array} array Array - * @param {Number} count number of filler elements - * @param {Object} element element to fill with - * @param {Boolean} start fill at start? - */ - - -/** - * Returns pixel width of string. - * @param {String} string - * @param {Number} charWidth Width of single char in pixels - */ - - - - -// https://stackoverflow.com/a/29325222 -function getRandomBias(min, max, bias, influence) { - var range = max - min; - var biasValue = range * bias + min; - var rnd = Math.random() * range + min, - // random in range - mix = Math.random() * influence; // random mixer - return rnd * (1 - mix) + biasValue * mix; // mix full range and bias -} - -// Playing around with dates - - - - -var NO_OF_MILLIS = 1000; -var SEC_IN_DAY = 86400; - - -var MONTH_NAMES_SHORT = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]; - - - - - - -function clone(date) { - return new Date(date.getTime()); -} - -function timestampSec(date) { - return date.getTime() / NO_OF_MILLIS; -} - -function timestampToMidnight(timestamp) { - var roundAhead = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false; - - var midnightTs = Math.floor(timestamp - timestamp % SEC_IN_DAY); - if (roundAhead) { - return midnightTs + SEC_IN_DAY; - } - return midnightTs; -} - -// export function getMonthsBetween(startDate, endDate) {} - - - - - - - - - - - -// mutates - - -// mutates -function addDays(date, numberOfDays) { - date.setDate(date.getDate() + numberOfDays); -} - -// Composite Chart -// ================================================================================ -var reportCountList = [152, 222, 199, 287, 534, 709, 1179, 1256, 1632, 1856, 1850]; - -var lineCompositeData = { - labels: ["2007", "2008", "2009", "2010", "2011", "2012", "2013", "2014", "2015", "2016", "2017"], - - yMarkers: [{ - label: "Average 100 reports/month", - value: 1200, - options: { labelPos: 'left' } - }], - - datasets: [{ - "name": "Events", - "values": reportCountList - }] -}; - -var fireball_5_25 = [[4, 0, 3, 1, 1, 2, 1, 1, 1, 0, 1, 1], [2, 3, 3, 2, 1, 3, 0, 1, 2, 7, 10, 4], [5, 6, 2, 4, 0, 1, 4, 3, 0, 2, 0, 1], [0, 2, 6, 2, 1, 1, 2, 3, 6, 3, 7, 8], [6, 8, 7, 7, 4, 5, 6, 5, 22, 12, 10, 11], [7, 10, 11, 7, 3, 2, 7, 7, 11, 15, 22, 20], [13, 16, 21, 18, 19, 17, 12, 17, 31, 28, 25, 29], [24, 14, 21, 14, 11, 15, 19, 21, 41, 22, 32, 18], [31, 20, 30, 22, 14, 17, 21, 35, 27, 50, 117, 24], [32, 24, 21, 27, 11, 27, 43, 37, 44, 40, 48, 32], [31, 38, 36, 26, 23, 23, 25, 29, 26, 47, 61, 50]]; -var fireball_2_5 = [[22, 6, 6, 9, 7, 8, 6, 14, 19, 10, 8, 20], [11, 13, 12, 8, 9, 11, 9, 13, 10, 22, 40, 24], [20, 13, 13, 19, 13, 10, 14, 13, 20, 18, 5, 9], [7, 13, 16, 19, 12, 11, 21, 27, 27, 24, 33, 33], [38, 25, 28, 22, 31, 21, 35, 42, 37, 32, 46, 53], [50, 33, 36, 34, 35, 28, 27, 52, 58, 59, 75, 69], [54, 67, 67, 45, 66, 51, 38, 64, 90, 113, 116, 87], [84, 52, 56, 51, 55, 46, 50, 87, 114, 83, 152, 93], [73, 58, 59, 63, 56, 51, 83, 140, 103, 115, 265, 89], [106, 95, 94, 71, 77, 75, 99, 136, 129, 154, 168, 156], [81, 102, 95, 72, 58, 91, 89, 122, 124, 135, 183, 171]]; -var fireballOver25 = [ -// [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], -[0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0], [0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0], [1, 1, 0, 0, 0, 0, 1, 0, 1, 0, 0, 0], [0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 2], [3, 2, 1, 3, 2, 0, 2, 2, 2, 3, 0, 1], [2, 3, 5, 2, 1, 3, 0, 2, 3, 5, 1, 4], [7, 4, 6, 1, 9, 2, 2, 2, 20, 9, 4, 9], [5, 6, 1, 2, 5, 4, 5, 5, 16, 9, 14, 9], [5, 4, 7, 5, 1, 5, 3, 3, 5, 7, 22, 2], [5, 13, 11, 6, 1, 7, 9, 8, 14, 17, 16, 3], [8, 9, 8, 6, 4, 8, 5, 6, 14, 11, 21, 12]]; - -var barCompositeData = { - labels: MONTH_NAMES_SHORT, - datasets: [{ - name: "Over 25 reports", - values: fireballOver25[9] - }, { - name: "5 to 25 reports", - values: fireball_5_25[9] - }, { - name: "2 to 5 reports", - values: fireball_2_5[9] - }] -}; - -// Demo Chart multitype Chart -// ================================================================================ -var typeData = { - labels: ["12am-3am", "3am-6am", "6am-9am", "9am-12pm", "12pm-3pm", "3pm-6pm", "6pm-9pm", "9pm-12am"], - - yMarkers: [{ - label: "Marker", - value: 43, - options: { labelPos: 'left' - // type: 'dashed' - } }], - - yRegions: [{ - label: "Region", - start: -10, - end: 50, - options: { labelPos: 'right' } - }], - - datasets: [{ - name: "Some Data", - values: [18, 40, 30, 35, 8, 52, 17, -4], - axisPosition: 'right', - chartType: 'bar' - }, { - name: "Another Set", - values: [30, 50, -10, 15, 18, 32, 27, 14], - axisPosition: 'right', - chartType: 'bar' - }, { - name: "Yet Another", - values: [15, 20, -3, -15, 58, 12, -17, 37], - chartType: 'line' - }] -}; - -var trendsData = { - labels: [1967, 1968, 1969, 1970, 1971, 1972, 1973, 1974, 1975, 1976, 1977, 1978, 1979, 1980, 1981, 1982, 1983, 1984, 1985, 1986, 1987, 1988, 1989, 1990, 1991, 1992, 1993, 1994, 1995, 1996, 1997, 1998, 1999, 2000, 2001, 2002, 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016], - datasets: [{ - values: [132.9, 150.0, 149.4, 148.0, 94.4, 97.6, 54.1, 49.2, 22.5, 18.4, 39.3, 131.0, 220.1, 218.9, 198.9, 162.4, 91.0, 60.5, 20.6, 14.8, 33.9, 123.0, 211.1, 191.8, 203.3, 133.0, 76.1, 44.9, 25.1, 11.6, 28.9, 88.3, 136.3, 173.9, 170.4, 163.6, 99.3, 65.3, 45.8, 24.7, 12.6, 4.2, 4.8, 24.9, 80.8, 84.5, 94.0, 113.3, 69.8, 39.8] - }] -}; - -var moonData = { - names: ["Ganymede", "Callisto", "Io", "Europa"], - masses: [14819000, 10759000, 8931900, 4800000], - distances: [1070.412, 1882.709, 421.700, 671.034], - diameters: [5262.4, 4820.6, 3637.4, 3121.6] -}; - -// const jupiterMoons = { -// 'Ganymede': { -// mass: '14819000 x 10^16 kg', -// 'semi-major-axis': '1070412 km', -// 'diameter': '5262.4 km' -// }, -// 'Callisto': { -// mass: '10759000 x 10^16 kg', -// 'semi-major-axis': '1882709 km', -// 'diameter': '4820.6 km' -// }, -// 'Io': { -// mass: '8931900 x 10^16 kg', -// 'semi-major-axis': '421700 km', -// 'diameter': '3637.4 km' -// }, -// 'Europa': { -// mass: '4800000 x 10^16 kg', -// 'semi-major-axis': '671034 km', -// 'diameter': '3121.6 km' -// }, -// }; - -// ================================================================================ - -var demoConfig = { - lineComposite: { - elementID: "#chart-composite-1", - options: { - title: "Fireball/Bolide Events - Yearly (reported)", - data: lineCompositeData, - type: "line", - height: 190, - colors: ["green"], - isNavigable: 1, - valuesOverPoints: 1, - - lineOptions: { - dotSize: 8 - } - } - }, - - barComposite: { - elementID: "#chart-composite-2", - options: { - data: barCompositeData, - type: "bar", - height: 210, - colors: ["violet", "light-blue", "#46a9f9"], - valuesOverPoints: 1, - axisOptions: { - xAxisMode: "tick", - shortenYAxisNumbers: true - }, - barOptions: { - stacked: 1 - } - } - }, - - demoMain: { - elementID: "", - options: { - title: "My Awesome Chart", - data: "typeData", - type: "axis-mixed", - height: 300, - colors: ["purple", "magenta", "light-blue"], - maxSlices: 10, - - tooltipOptions: { - formatTooltipX: function formatTooltipX(d) { - return (d + '').toUpperCase(); - }, - formatTooltipY: function formatTooltipY(d) { - return d + ' pts'; - } - } - } - } -}; - -// import { lineComposite, barComposite } from './demoConfig'; -// ================================================================================ - -var Chart = frappe.Chart; // eslint-disable-line no-undef - -var lc = demoConfig.lineComposite; -var lineCompositeChart = new Chart(lc.elementID, lc.options); - -var bc = demoConfig.barComposite; -var barCompositeChart = new Chart(bc.elementID, bc.options); - -lineCompositeChart.parent.addEventListener('data-select', function (e) { - var i = e.index; - barCompositeChart.updateDatasets([fireballOver25[i], fireball_5_25[i], fireball_2_5[i]]); -}); - -// ================================================================================ - -var customColors = ['purple', 'magenta', 'light-blue']; -var typeChartArgs = { - title: "My Awesome Chart", - data: typeData, - type: 'axis-mixed', - height: 300, - colors: customColors, - - // maxLegendPoints: 6, - maxSlices: 10, - - tooltipOptions: { - formatTooltipX: function formatTooltipX(d) { - return (d + '').toUpperCase(); - }, - formatTooltipY: function formatTooltipY(d) { - return d + ' pts'; - } - } -}; - -var aggrChart = new Chart("#chart-aggr", typeChartArgs); - -Array.prototype.slice.call(document.querySelectorAll('.aggr-type-buttons button')).map(function (el) { - el.addEventListener('click', function (e) { - var btn = e.target; - var type = btn.getAttribute('data-type'); - typeChartArgs.type = type; - if (type !== 'axis-mixed') { - typeChartArgs.colors = undefined; - } else { - typeChartArgs.colors = customColors; - } - - if (type !== 'percentage') { - typeChartArgs.height = 300; - } else { - typeChartArgs.height = undefined; - } - - var newChart = new Chart("#chart-aggr", typeChartArgs); - if (newChart) { - aggrChart = newChart; - } - Array.prototype.slice.call(btn.parentNode.querySelectorAll('button')).map(function (el) { - el.classList.remove('active'); - }); - btn.classList.add('active'); - }); -}); - -document.querySelector('.export-aggr').addEventListener('click', function () { - aggrChart.export(); -}); - -// Update values chart -// ================================================================================ -var updateDataAllLabels = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun", "Mon"]; - -var getRandom = function getRandom() { - return Math.floor(getRandomBias(-40, 60, 0.8, 1)); -}; -var updateDataAllValues = Array.from({ length: 30 }, getRandom); - -// We're gonna be shuffling this -var updateDataAllIndices = updateDataAllLabels.map(function (d, i) { - return i; -}); - -var getUpdateData = function getUpdateData(source_array) { - var length = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 10; - - var indices = updateDataAllIndices.slice(0, length); - return indices.map(function (index) { - return source_array[index]; - }); -}; - -var updateData = { - labels: getUpdateData(updateDataAllLabels), - datasets: [{ - "values": getUpdateData(updateDataAllValues) - }], - yMarkers: [{ - label: "Altitude", - value: 25, - type: 'dashed' - }], - yRegions: [{ - label: "Range", - start: 10, - end: 45 - }] -}; - -var updateChart = new Chart("#chart-update", { - data: updateData, - type: 'line', - height: 300, - colors: ['#ff6c03'], - lineOptions: { - // hideLine: 1, - regionFill: 1 - } -}); - -var chartUpdateButtons = document.querySelector('.chart-update-buttons'); - -chartUpdateButtons.querySelector('[data-update="random"]').addEventListener("click", function () { - shuffle(updateDataAllIndices); - var value = getRandom(); - var start = getRandom(); - var end = getRandom(); - var data = { - labels: updateDataAllLabels.slice(0, 10), - datasets: [{ values: getUpdateData(updateDataAllValues) }], - yMarkers: [{ - label: "Altitude", - value: value, - type: 'dashed' - }], - yRegions: [{ - label: "Range", - start: start, - end: end - }] - }; - updateChart.update(data); -}); - -chartUpdateButtons.querySelector('[data-update="add"]').addEventListener("click", function () { - var index = updateChart.state.datasetLength; // last index to add - if (index >= updateDataAllIndices.length) return; - updateChart.addDataPoint(updateDataAllLabels[index], [updateDataAllValues[index]]); -}); - -chartUpdateButtons.querySelector('[data-update="remove"]').addEventListener("click", function () { - updateChart.removeDataPoint(); -}); - -document.querySelector('.export-update').addEventListener('click', function () { - updateChart.export(); -}); - -// Trends Chart -// ================================================================================ - -var plotChartArgs = { - title: "Mean Total Sunspot Count - Yearly", - data: trendsData, - type: 'line', - height: 300, - colors: ['#238e38'], - lineOptions: { - hideDots: 1, - heatline: 1 - }, - axisOptions: { - xAxisMode: 'tick', - yAxisMode: 'span', - xIsSeries: 1 - } -}; - -var trendsChart = new Chart("#chart-trends", plotChartArgs); - -Array.prototype.slice.call(document.querySelectorAll('.chart-plot-buttons button')).map(function (el) { - el.addEventListener('click', function (e) { - var btn = e.target; - var type = btn.getAttribute('data-type'); - var config = {}; - config[type] = 1; - - if (['regionFill', 'heatline'].includes(type)) { - config.hideDots = 1; - } - - // plotChartArgs.init = false; - plotChartArgs.lineOptions = config; - - new Chart("#chart-trends", plotChartArgs); - - Array.prototype.slice.call(btn.parentNode.querySelectorAll('button')).map(function (el) { - el.classList.remove('active'); - }); - btn.classList.add('active'); - }); -}); - -document.querySelector('.export-trends').addEventListener('click', function () { - trendsChart.export(); -}); - -// Event chart -// ================================================================================ - - -var eventsData = { - labels: ["Ganymede", "Callisto", "Io", "Europa"], - datasets: [{ - "values": moonData.distances, - "formatted": moonData.distances.map(function (d) { - return d * 1000 + " km"; - }) - }] -}; - -var eventsChart = new Chart("#chart-events", { - title: "Jupiter's Moons: Semi-major Axis (1000 km)", - data: eventsData, - type: 'bar', - height: 330, - colors: ['grey'], - isNavigable: 1 -}); - -var dataDiv = document.querySelector('.chart-events-data'); - -eventsChart.parent.addEventListener('data-select', function (e) { - var name = moonData.names[e.index]; - dataDiv.querySelector('.moon-name').innerHTML = name; - dataDiv.querySelector('.semi-major-axis').innerHTML = moonData.distances[e.index] * 1000; - dataDiv.querySelector('.mass').innerHTML = moonData.masses[e.index]; - dataDiv.querySelector('.diameter').innerHTML = moonData.diameters[e.index]; - dataDiv.querySelector('img').src = "./assets/img/" + name.toLowerCase() + ".jpg"; -}); - -// Heatmap -// ================================================================================ - -var today = new Date(); -var start = clone(today); -addDays(start, 4); -var end = clone(start); -start.setFullYear(start.getFullYear() - 2); -end.setFullYear(end.getFullYear() - 1); - -var dataPoints = {}; - -var startTs = timestampSec(start); -var endTs = timestampSec(end); - -startTs = timestampToMidnight(startTs); -endTs = timestampToMidnight(endTs, true); - -while (startTs < endTs) { - dataPoints[parseInt(startTs)] = Math.floor(getRandomBias(0, 5, 0.2, 1)); - startTs += SEC_IN_DAY; -} - -var heatmapData = { - dataPoints: dataPoints, - start: start, - end: end -}; - -var heatmapArgs = { - title: "Monthly Distribution", - data: heatmapData, - type: 'heatmap', - discreteDomains: 1, - countLabel: 'Level', - colors: HEATMAP_COLORS_BLUE, - legendScale: [0, 1, 2, 4, 5] -}; -var heatmapChart = new Chart("#chart-heatmap", heatmapArgs); - -Array.prototype.slice.call(document.querySelectorAll('.heatmap-mode-buttons button')).map(function (el) { - el.addEventListener('click', function (e) { - var btn = e.target; - var mode = btn.getAttribute('data-mode'); - var discreteDomains = 0; - - if (mode === 'discrete') { - discreteDomains = 1; - } - - var colors = []; - var colors_mode = document.querySelector('.heatmap-color-buttons .active').getAttribute('data-color'); - if (colors_mode === 'halloween') { - colors = HEATMAP_COLORS_YELLOW; - } else if (colors_mode === 'blue') { - colors = HEATMAP_COLORS_BLUE; - } - - heatmapArgs.discreteDomains = discreteDomains; - heatmapArgs.colors = colors; - new Chart("#chart-heatmap", heatmapArgs); - - Array.prototype.slice.call(btn.parentNode.querySelectorAll('button')).map(function (el) { - el.classList.remove('active'); - }); - btn.classList.add('active'); - }); -}); - -Array.prototype.slice.call(document.querySelectorAll('.heatmap-color-buttons button')).map(function (el) { - el.addEventListener('click', function (e) { - var btn = e.target; - var colors_mode = btn.getAttribute('data-color'); - var colors = []; - - if (colors_mode === 'halloween') { - colors = HEATMAP_COLORS_YELLOW; - } else if (colors_mode === 'blue') { - colors = HEATMAP_COLORS_BLUE; - } - - var discreteDomains = 1; - - var view_mode = document.querySelector('.heatmap-mode-buttons .active').getAttribute('data-mode'); - if (view_mode === 'continuous') { - discreteDomains = 0; - } - - heatmapArgs.discreteDomains = discreteDomains; - heatmapArgs.colors = colors; - new Chart("#chart-heatmap", heatmapArgs); - - Array.prototype.slice.call(btn.parentNode.querySelectorAll('button')).map(function (el) { - el.classList.remove('active'); - }); - btn.classList.add('active'); - }); -}); - -document.querySelector('.export-heatmap').addEventListener('click', function () { - heatmapChart.export(); -}); - -}()); -//# sourceMappingURL=index.min.js.map diff --git a/docs/assets/js/index.min.js.map b/docs/assets/js/index.min.js.map deleted file mode 100644 index 3b5b52c..0000000 --- a/docs/assets/js/index.min.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"index.min.js","sources":["../../../src/js/utils/constants.js","../../../src/js/utils/helpers.js","../../../src/js/utils/date-utils.js","data.js","demoConfig.js","index.js"],"sourcesContent":["export const ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\n\nexport const COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\n\theatmap: []\n};\n\nexport const DATA_COLOR_DIVISIONS = {\n\tbar: 'datasets',\n\tline: 'datasets',\n\tpie: 'labels',\n\tpercentage: 'labels',\n\theatmap: HEATMAP_DISTRIBUTION_SIZE\n};\n\nexport const BASE_MEASURES = {\n\tmargins: {\n\t\ttop: 10,\n\t\tbottom: 10,\n\t\tleft: 20,\n\t\tright: 20\n\t},\n\tpaddings: {\n\t\ttop: 20,\n\t\tbottom: 40,\n\t\tleft: 30,\n\t\tright: 10\n\t},\n\n\tbaseHeight: 240,\n\ttitleHeight: 20,\n\tlegendHeight: 30,\n\n\ttitleFontSize: 12,\n};\n\nexport function getTopOffset(m) {\n\treturn m.titleHeight + m.margins.top + m.paddings.top;\n}\n\nexport function getLeftOffset(m) {\n\treturn m.margins.left + m.paddings.left;\n}\n\nexport function getExtraHeight(m) {\n\tlet totalExtraHeight = m.margins.top + m.margins.bottom\n\t\t+ m.paddings.top + m.paddings.bottom\n\t\t+ m.titleHeight + m.legendHeight;\n\treturn totalExtraHeight;\n}\n\nexport function getExtraWidth(m) {\n\tlet totalExtraWidth = m.margins.left + m.margins.right\n\t\t+ m.paddings.left + m.paddings.right;\n\n\treturn totalExtraWidth;\n}\n\nexport const INIT_CHART_UPDATE_TIMEOUT = 700;\nexport const CHART_POST_ANIMATE_TIMEOUT = 400;\n\nexport const DEFAULT_AXIS_CHART_TYPE = 'line';\nexport const AXIS_DATASET_CHART_TYPES = ['line', 'bar'];\n\nexport const AXIS_LEGEND_BAR_SIZE = 100;\n\nexport const BAR_CHART_SPACE_RATIO = 0.5;\nexport const MIN_BAR_PERCENT_HEIGHT = 0.00;\n\nexport const LINE_CHART_DOT_SIZE = 4;\nexport const DOT_OVERLAY_SIZE_INCR = 4;\n\nexport const PERCENTAGE_BAR_DEFAULT_HEIGHT = 20;\nexport const PERCENTAGE_BAR_DEFAULT_DEPTH = 2;\n\n// Fixed 5-color theme,\n// More colors are difficult to parse visually\nexport const HEATMAP_DISTRIBUTION_SIZE = 5;\n\nexport const HEATMAP_SQUARE_SIZE = 10;\nexport const HEATMAP_GUTTER_SIZE = 2;\n\nexport const DEFAULT_CHAR_WIDTH = 7;\n\nexport const TOOLTIP_POINTER_TRIANGLE_HEIGHT = 5;\n\nconst DEFAULT_CHART_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey'];\nconst HEATMAP_COLORS_GREEN = ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\nexport const HEATMAP_COLORS_BLUE = ['#ebedf0', '#c0ddf9', '#73b3f3', '#3886e1', '#17459e'];\nexport const HEATMAP_COLORS_YELLOW = ['#ebedf0', '#fdf436', '#ffc700', '#ff9100', '#06001c'];\n\nexport const DEFAULT_COLORS = {\n\tbar: DEFAULT_CHART_COLORS,\n\tline: DEFAULT_CHART_COLORS,\n\tpie: DEFAULT_CHART_COLORS,\n\tpercentage: DEFAULT_CHART_COLORS,\n\theatmap: HEATMAP_COLORS_GREEN,\n\tdonut: DEFAULT_CHART_COLORS\n};\n\n// Universal constants\nexport const ANGLE_RATIO = Math.PI / 180;\nexport const FULL_ANGLE = 360;\n","import { ANGLE_RATIO } from './constants';\n\n/**\n * Returns the value of a number upto 2 decimal places.\n * @param {Number} d Any number\n */\nexport function floatTwo(d) {\n\treturn parseFloat(d.toFixed(2));\n}\n\n/**\n * Returns whether or not two given arrays are equal.\n * @param {Array} arr1 First array\n * @param {Array} arr2 Second array\n */\nexport function arraysEqual(arr1, arr2) {\n\tif(arr1.length !== arr2.length) return false;\n\tlet areEqual = true;\n\tarr1.map((d, i) => {\n\t\tif(arr2[i] !== d) areEqual = false;\n\t});\n\treturn areEqual;\n}\n\n/**\n * Shuffles array in place. ES6 version\n * @param {Array} array An array containing the items.\n */\nexport function shuffle(array) {\n\t// Awesomeness: https://bost.ocks.org/mike/shuffle/\n\t// https://stackoverflow.com/a/2450976/6495043\n\t// https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array?noredirect=1&lq=1\n\n\tfor (let i = array.length - 1; i > 0; i--) {\n\t\tlet j = Math.floor(Math.random() * (i + 1));\n\t\t[array[i], array[j]] = [array[j], array[i]];\n\t}\n\n\treturn array;\n}\n\n/**\n * Fill an array with extra points\n * @param {Array} array Array\n * @param {Number} count number of filler elements\n * @param {Object} element element to fill with\n * @param {Boolean} start fill at start?\n */\nexport function fillArray(array, count, element, start=false) {\n\tif(!element) {\n\t\telement = start ? array[0] : array[array.length - 1];\n\t}\n\tlet fillerArray = new Array(Math.abs(count)).fill(element);\n\tarray = start ? fillerArray.concat(array) : array.concat(fillerArray);\n\treturn array;\n}\n\n/**\n * Returns pixel width of string.\n * @param {String} string\n * @param {Number} charWidth Width of single char in pixels\n */\nexport function getStringWidth(string, charWidth) {\n\treturn (string+\"\").length * charWidth;\n}\n\nexport function bindChange(obj, getFn, setFn) {\n\treturn new Proxy(obj, {\n\t\tset: function(target, prop, value) {\n\t\t\tsetFn();\n\t\t\treturn Reflect.set(target, prop, value);\n\t\t},\n\t\tget: function(target, prop) {\n\t\t\tgetFn();\n\t\t\treturn Reflect.get(target, prop);\n\t\t}\n\t});\n}\n\n// https://stackoverflow.com/a/29325222\nexport function getRandomBias(min, max, bias, influence) {\n\tconst range = max - min;\n\tconst biasValue = range * bias + min;\n\tvar rnd = Math.random() * range + min,\t\t// random in range\n\t\tmix = Math.random() * influence;\t\t// random mixer\n\treturn rnd * (1 - mix) + biasValue * mix;\t// mix full range and bias\n}\n\nexport function getPositionByAngle(angle, radius) {\n\treturn {\n\t\tx: Math.sin(angle * ANGLE_RATIO) * radius,\n\t\ty: Math.cos(angle * ANGLE_RATIO) * radius,\n\t};\n}\n","// Playing around with dates\n\nexport const NO_OF_YEAR_MONTHS = 12;\nexport const NO_OF_DAYS_IN_WEEK = 7;\nexport const DAYS_IN_YEAR = 375;\nexport const NO_OF_MILLIS = 1000;\nexport const SEC_IN_DAY = 86400;\n\nexport const MONTH_NAMES = [\"January\", \"February\", \"March\", \"April\", \"May\",\n\t\"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\"];\nexport const MONTH_NAMES_SHORT = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\",\n\t\"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"];\n\nexport const DAY_NAMES_SHORT = [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\"];\nexport const DAY_NAMES = [\"Sunday\", \"Monday\", \"Tuesday\", \"Wednesday\",\n\t\"Thursday\", \"Friday\", \"Saturday\"];\n\n// https://stackoverflow.com/a/11252167/6495043\nfunction treatAsUtc(date) {\n\tlet result = new Date(date);\n\tresult.setMinutes(result.getMinutes() - result.getTimezoneOffset());\n\treturn result;\n}\n\nexport function getYyyyMmDd(date) {\n\tlet dd = date.getDate();\n\tlet mm = date.getMonth() + 1; // getMonth() is zero-based\n\treturn [\n\t\tdate.getFullYear(),\n\t\t(mm>9 ? '' : '0') + mm,\n\t\t(dd>9 ? '' : '0') + dd\n\t].join('-');\n}\n\nexport function clone(date) {\n\treturn new Date(date.getTime());\n}\n\nexport function timestampSec(date) {\n\treturn date.getTime()/NO_OF_MILLIS;\n}\n\nexport function timestampToMidnight(timestamp, roundAhead = false) {\n\tlet midnightTs = Math.floor(timestamp - (timestamp % SEC_IN_DAY));\n\tif(roundAhead) {\n\t\treturn midnightTs + SEC_IN_DAY;\n\t}\n\treturn midnightTs;\n}\n\n// export function getMonthsBetween(startDate, endDate) {}\n\nexport function getWeeksBetween(startDate, endDate) {\n\tlet weekStartDate = setDayToSunday(startDate);\n\treturn Math.ceil(getDaysBetween(weekStartDate, endDate) / NO_OF_DAYS_IN_WEEK);\n}\n\nexport function getDaysBetween(startDate, endDate) {\n\tlet millisecondsPerDay = SEC_IN_DAY * NO_OF_MILLIS;\n\treturn (treatAsUtc(endDate) - treatAsUtc(startDate)) / millisecondsPerDay;\n}\n\nexport function areInSameMonth(startDate, endDate) {\n\treturn startDate.getMonth() === endDate.getMonth()\n\t\t&& startDate.getFullYear() === endDate.getFullYear();\n}\n\nexport function getMonthName(i, short=false) {\n\tlet monthName = MONTH_NAMES[i];\n\treturn short ? monthName.slice(0, 3) : monthName;\n}\n\nexport function getLastDateInMonth (month, year) {\n\treturn new Date(year, month + 1, 0); // 0: last day in previous month\n}\n\n// mutates\nexport function setDayToSunday(date) {\n\tlet newDate = clone(date);\n\tconst day = newDate.getDay();\n\tif(day !== 0) {\n\t\taddDays(newDate, (-1) * day);\n\t}\n\treturn newDate;\n}\n\n// mutates\nexport function addDays(date, numberOfDays) {\n\tdate.setDate(date.getDate() + numberOfDays);\n}\n","import { MONTH_NAMES_SHORT } from '../../../src/js/utils/date-utils';\n\n// Composite Chart\n// ================================================================================\nconst reportCountList = [152, 222, 199, 287, 534, 709,\n\t1179, 1256, 1632, 1856, 1850];\n\nexport const lineCompositeData = {\n\tlabels: [\"2007\", \"2008\", \"2009\", \"2010\", \"2011\", \"2012\",\n\t\t\"2013\", \"2014\", \"2015\", \"2016\", \"2017\"],\n\n\tyMarkers: [\n\t\t{\n\t\t\tlabel: \"Average 100 reports/month\",\n\t\t\tvalue: 1200,\n\t\t\toptions: { labelPos: 'left' }\n\t\t}\n\t],\n\n\tdatasets: [{\n\t\t\"name\": \"Events\",\n\t\t\"values\": reportCountList\n\t}]\n};\n\n\nexport const fireball_5_25 = [\n\t[4, 0, 3, 1, 1, 2, 1, 1, 1, 0, 1, 1],\n\t[2, 3, 3, 2, 1, 3, 0, 1, 2, 7, 10, 4],\n\t[5, 6, 2, 4, 0, 1, 4, 3, 0, 2, 0, 1],\n\t[0, 2, 6, 2, 1, 1, 2, 3, 6, 3, 7, 8],\n\t[6, 8, 7, 7, 4, 5, 6, 5, 22, 12, 10, 11],\n\t[7, 10, 11, 7, 3, 2, 7, 7, 11, 15, 22, 20],\n\t[13, 16, 21, 18, 19, 17, 12, 17, 31, 28, 25, 29],\n\t[24, 14, 21, 14, 11, 15, 19, 21, 41, 22, 32, 18],\n\t[31, 20, 30, 22, 14, 17, 21, 35, 27, 50, 117, 24],\n\t[32, 24, 21, 27, 11, 27, 43, 37, 44, 40, 48, 32],\n\t[31, 38, 36, 26, 23, 23, 25, 29, 26, 47, 61, 50],\n];\nexport const fireball_2_5 = [\n\t[22, 6, 6, 9, 7, 8, 6, 14, 19, 10, 8, 20],\n\t[11, 13, 12, 8, 9, 11, 9, 13, 10, 22, 40, 24],\n\t[20, 13, 13, 19, 13, 10, 14, 13, 20, 18, 5, 9],\n\t[7, 13, 16, 19, 12, 11, 21, 27, 27, 24, 33, 33],\n\t[38, 25, 28, 22, 31, 21, 35, 42, 37, 32, 46, 53],\n\t[50, 33, 36, 34, 35, 28, 27, 52, 58, 59, 75, 69],\n\t[54, 67, 67, 45, 66, 51, 38, 64, 90, 113, 116, 87],\n\t[84, 52, 56, 51, 55, 46, 50, 87, 114, 83, 152, 93],\n\t[73, 58, 59, 63, 56, 51, 83, 140, 103, 115, 265, 89],\n\t[106, 95, 94, 71, 77, 75, 99, 136, 129, 154, 168, 156],\n\t[81, 102, 95, 72, 58, 91, 89, 122, 124, 135, 183, 171],\n];\nexport const fireballOver25 = [\n\t// [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],\n\t[0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0],\n\t[0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0],\n\t[1, 1, 0, 0, 0, 0, 1, 0, 1, 0, 0, 0],\n\t[0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 2],\n\t[3, 2, 1, 3, 2, 0, 2, 2, 2, 3, 0, 1],\n\t[2, 3, 5, 2, 1, 3, 0, 2, 3, 5, 1, 4],\n\t[7, 4, 6, 1, 9, 2, 2, 2, 20, 9, 4, 9],\n\t[5, 6, 1, 2, 5, 4, 5, 5, 16, 9, 14, 9],\n\t[5, 4, 7, 5, 1, 5, 3, 3, 5, 7, 22, 2],\n\t[5, 13, 11, 6, 1, 7, 9, 8, 14, 17, 16, 3],\n\t[8, 9, 8, 6, 4, 8, 5, 6, 14, 11, 21, 12]\n];\n\nexport const barCompositeData = {\n\tlabels: MONTH_NAMES_SHORT,\n\tdatasets: [\n\t\t{\n\t\t\tname: \"Over 25 reports\",\n\t\t\tvalues: fireballOver25[9],\n\t\t},\n\t\t{\n\t\t\tname: \"5 to 25 reports\",\n\t\t\tvalues: fireball_5_25[9],\n\t\t},\n\t\t{\n\t\t\tname: \"2 to 5 reports\",\n\t\t\tvalues: fireball_2_5[9]\n\t\t}\n\t]\n};\n\n// Demo Chart multitype Chart\n// ================================================================================\nexport const typeData = {\n\tlabels: [\"12am-3am\", \"3am-6am\", \"6am-9am\", \"9am-12pm\",\n\t\t\"12pm-3pm\", \"3pm-6pm\", \"6pm-9pm\", \"9pm-12am\"],\n\n\tyMarkers: [\n\t\t{\n\t\t\tlabel: \"Marker\",\n\t\t\tvalue: 43,\n\t\t\toptions: { labelPos: 'left' }\n\t\t\t// type: 'dashed'\n\t\t}\n\t],\n\n\tyRegions: [\n\t\t{\n\t\t\tlabel: \"Region\",\n\t\t\tstart: -10,\n\t\t\tend: 50,\n\t\t\toptions: { labelPos: 'right' }\n\t\t},\n\t],\n\n\tdatasets: [\n\t\t{\n\t\t\tname: \"Some Data\",\n\t\t\tvalues: [18, 40, 30, 35, 8, 52, 17, -4],\n\t\t\taxisPosition: 'right',\n\t\t\tchartType: 'bar'\n\t\t},\n\t\t{\n\t\t\tname: \"Another Set\",\n\t\t\tvalues: [30, 50, -10, 15, 18, 32, 27, 14],\n\t\t\taxisPosition: 'right',\n\t\t\tchartType: 'bar'\n\t\t},\n\t\t{\n\t\t\tname: \"Yet Another\",\n\t\t\tvalues: [15, 20, -3, -15, 58, 12, -17, 37],\n\t\t\tchartType: 'line'\n\t\t}\n\t]\n};\n\nexport const trendsData = {\n\tlabels: [1967, 1968, 1969, 1970, 1971, 1972, 1973, 1974, 1975, 1976,\n\t\t1977, 1978, 1979, 1980, 1981, 1982, 1983, 1984, 1985, 1986,\n\t\t1987, 1988, 1989, 1990, 1991, 1992, 1993, 1994, 1995, 1996,\n\t\t1997, 1998, 1999, 2000, 2001, 2002, 2003, 2004, 2005, 2006,\n\t\t2007, 2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016] ,\n\tdatasets: [\n\t\t{\n\t\t\tvalues: [132.9, 150.0, 149.4, 148.0, 94.4, 97.6, 54.1, 49.2, 22.5, 18.4,\n\t\t\t\t39.3, 131.0, 220.1, 218.9, 198.9, 162.4, 91.0, 60.5, 20.6, 14.8,\n\t\t\t\t33.9, 123.0, 211.1, 191.8, 203.3, 133.0, 76.1, 44.9, 25.1, 11.6,\n\t\t\t\t28.9, 88.3, 136.3, 173.9, 170.4, 163.6, 99.3, 65.3, 45.8, 24.7,\n\t\t\t\t12.6, 4.2, 4.8, 24.9, 80.8, 84.5, 94.0, 113.3, 69.8, 39.8]\n\t\t}\n\t]\n};\n\nexport const moonData = {\n\tnames: [\"Ganymede\", \"Callisto\", \"Io\", \"Europa\"],\n\tmasses: [14819000, 10759000, 8931900, 4800000],\n\tdistances: [1070.412, 1882.709, 421.700, 671.034],\n\tdiameters: [5262.4, 4820.6, 3637.4, 3121.6],\n};\n\n// const jupiterMoons = {\n// \t'Ganymede': {\n// \t\tmass: '14819000 x 10^16 kg',\n// \t\t'semi-major-axis': '1070412 km',\n// \t\t'diameter': '5262.4 km'\n// \t},\n// \t'Callisto': {\n// \t\tmass: '10759000 x 10^16 kg',\n// \t\t'semi-major-axis': '1882709 km',\n// \t\t'diameter': '4820.6 km'\n// \t},\n// \t'Io': {\n// \t\tmass: '8931900 x 10^16 kg',\n// \t\t'semi-major-axis': '421700 km',\n// \t\t'diameter': '3637.4 km'\n// \t},\n// \t'Europa': {\n// \t\tmass: '4800000 x 10^16 kg',\n// \t\t'semi-major-axis': '671034 km',\n// \t\t'diameter': '3121.6 km'\n// \t},\n// };\n\n// ================================================================================\n\n","import { lineCompositeData, barCompositeData } from './data';\n\nexport default {\n\tlineComposite: {\n\t\telementID: \"#chart-composite-1\",\n\t\toptions: {\n\t\t\ttitle: \"Fireball/Bolide Events - Yearly (reported)\",\n\t\t\tdata: lineCompositeData,\n\t\t\ttype: \"line\",\n\t\t\theight: 190,\n\t\t\tcolors: [\"green\"],\n\t\t\tisNavigable: 1,\n\t\t\tvaluesOverPoints: 1,\n\n\t\t\tlineOptions: {\n\t\t\t\tdotSize: 8\n\t\t\t}\n\t\t}\n\t},\n\n\tbarComposite: {\n\t\telementID: \"#chart-composite-2\",\n\t\toptions: {\n\t\t\tdata: barCompositeData,\n\t\t\ttype: \"bar\",\n\t\t\theight: 210,\n\t\t\tcolors: [\"violet\", \"light-blue\", \"#46a9f9\"],\n\t\t\tvaluesOverPoints: 1,\n\t\t\taxisOptions: {\n\t\t\t\txAxisMode: \"tick\",\n\t\t\t\tshortenYAxisNumbers: true\n\t\t\t},\n\t\t\tbarOptions: {\n\t\t\t\tstacked: 1\n\t\t\t}\n\t\t}\n\t},\n\n\tdemoMain: {\n\t\telementID: \"\",\n\t\toptions: {\n\t\t\ttitle: \"My Awesome Chart\",\n\t\t\tdata: \"typeData\",\n\t\t\ttype: \"axis-mixed\",\n\t\t\theight: 300,\n\t\t\tcolors: [\"purple\", \"magenta\", \"light-blue\"],\n\t\t\tmaxSlices: 10,\n\n\t\t\ttooltipOptions: {\n\t\t\t\tformatTooltipX: d => (d + '').toUpperCase(),\n\t\t\t\tformatTooltipY: d => d + ' pts',\n\t\t\t}\n\t\t}\n\t}\n};","import { shuffle, getRandomBias } from '../../../src/js/utils/helpers';\nimport { HEATMAP_COLORS_YELLOW, HEATMAP_COLORS_BLUE } from '../../../src/js/utils/constants';\nimport { SEC_IN_DAY, clone, timestampToMidnight, timestampSec, addDays } from '../../../src/js/utils/date-utils';\nimport { fireballOver25, fireball_2_5, fireball_5_25, lineCompositeData,\n\tbarCompositeData, typeData, trendsData, moonData } from './data';\nimport demoConfig from './demoConfig';\n// import { lineComposite, barComposite } from './demoConfig';\n// ================================================================================\n\nlet Chart = frappe.Chart; // eslint-disable-line no-undef\n\nlet lc = demoConfig.lineComposite;\nlet lineCompositeChart = new Chart (lc.elementID, lc.options);\n\nlet bc = demoConfig.barComposite;\nlet barCompositeChart = new Chart (bc.elementID, bc.options);\n\nlineCompositeChart.parent.addEventListener('data-select', (e) => {\n\tlet i = e.index;\n\tbarCompositeChart.updateDatasets([\n\t\tfireballOver25[i], fireball_5_25[i], fireball_2_5[i]\n\t]);\n});\n\n// ================================================================================\n\nlet customColors = ['purple', 'magenta', 'light-blue'];\nlet typeChartArgs = {\n\ttitle: \"My Awesome Chart\",\n\tdata: typeData,\n\ttype: 'axis-mixed',\n\theight: 300,\n\tcolors: customColors,\n\n\t// maxLegendPoints: 6,\n\tmaxSlices: 10,\n\n\ttooltipOptions: {\n\t\tformatTooltipX: d => (d + '').toUpperCase(),\n\t\tformatTooltipY: d => d + ' pts',\n\t}\n};\n\nlet aggrChart = new Chart(\"#chart-aggr\", typeChartArgs);\n\nArray.prototype.slice.call(\n\tdocument.querySelectorAll('.aggr-type-buttons button')\n).map(el => {\n\tel.addEventListener('click', (e) => {\n\t\tlet btn = e.target;\n\t\tlet type = btn.getAttribute('data-type');\n\t\ttypeChartArgs.type = type;\n\t\tif(type !== 'axis-mixed') {\n\t\t\ttypeChartArgs.colors = undefined;\n\t\t} else {\n\t\t\ttypeChartArgs.colors = customColors;\n\t\t}\n\n\t\tif(type !== 'percentage') {\n\t\t\ttypeChartArgs.height = 300;\n\t\t} else {\n\t\t\ttypeChartArgs.height = undefined;\n\t\t}\n\n\t\tlet newChart = new Chart(\"#chart-aggr\", typeChartArgs);\n\t\tif(newChart){\n\t\t\taggrChart = newChart;\n\t\t}\n\t\tArray.prototype.slice.call(\n\t\t\tbtn.parentNode.querySelectorAll('button')).map(el => {\n\t\t\tel.classList.remove('active');\n\t\t});\n\t\tbtn.classList.add('active');\n\t});\n});\n\ndocument.querySelector('.export-aggr').addEventListener('click', () => {\n\taggrChart.export();\n});\n\n// Update values chart\n// ================================================================================\nlet updateDataAllLabels = [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\", \"Sun\", \"Mon\", \"Tue\",\n\t\"Wed\", \"Thu\", \"Fri\", \"Sat\", \"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\",\n\t\"Sat\", \"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\", \"Sun\", \"Mon\"];\n\nlet getRandom = () => Math.floor(getRandomBias(-40, 60, 0.8, 1));\nlet updateDataAllValues = Array.from({length: 30}, getRandom);\n\n// We're gonna be shuffling this\nlet updateDataAllIndices = updateDataAllLabels.map((d,i) => i);\n\nlet getUpdateData = (source_array, length=10) => {\n\tlet indices = updateDataAllIndices.slice(0, length);\n\treturn indices.map((index) => source_array[index]);\n};\n\nlet updateData = {\n\tlabels: getUpdateData(updateDataAllLabels),\n\tdatasets: [{\n\t\t\"values\": getUpdateData(updateDataAllValues)\n\t}],\n\tyMarkers: [\n\t\t{\n\t\t\tlabel: \"Altitude\",\n\t\t\tvalue: 25,\n\t\t\ttype: 'dashed'\n\t\t}\n\t],\n\tyRegions: [\n\t\t{\n\t\t\tlabel: \"Range\",\n\t\t\tstart: 10,\n\t\t\tend: 45\n\t\t},\n\t],\n};\n\nlet updateChart = new Chart(\"#chart-update\", {\n\tdata: updateData,\n\ttype: 'line',\n\theight: 300,\n\tcolors: ['#ff6c03'],\n\tlineOptions: {\n\t\t// hideLine: 1,\n\t\tregionFill: 1\n\t},\n});\n\nlet chartUpdateButtons = document.querySelector('.chart-update-buttons');\n\nchartUpdateButtons.querySelector('[data-update=\"random\"]').addEventListener(\"click\", () => {\n\tshuffle(updateDataAllIndices);\n\tlet value = getRandom();\n\tlet start = getRandom();\n\tlet end = getRandom();\n\tlet data = {\n\t\tlabels: updateDataAllLabels.slice(0, 10),\n\t\tdatasets: [{values: getUpdateData(updateDataAllValues)}],\n\t\tyMarkers: [\n\t\t\t{\n\t\t\t\tlabel: \"Altitude\",\n\t\t\t\tvalue: value,\n\t\t\t\ttype: 'dashed'\n\t\t\t}\n\t\t],\n\t\tyRegions: [\n\t\t\t{\n\t\t\t\tlabel: \"Range\",\n\t\t\t\tstart: start,\n\t\t\t\tend: end\n\t\t\t},\n\t\t],\n\t};\n\tupdateChart.update(data);\n});\n\nchartUpdateButtons.querySelector('[data-update=\"add\"]').addEventListener(\"click\", () => {\n\tlet index = updateChart.state.datasetLength; // last index to add\n\tif(index >= updateDataAllIndices.length) return;\n\tupdateChart.addDataPoint(\n\t\tupdateDataAllLabels[index], [updateDataAllValues[index]]\n\t);\n});\n\nchartUpdateButtons.querySelector('[data-update=\"remove\"]').addEventListener(\"click\", () => {\n\tupdateChart.removeDataPoint();\n});\n\ndocument.querySelector('.export-update').addEventListener('click', () => {\n\tupdateChart.export();\n});\n\n// Trends Chart\n// ================================================================================\n\nlet plotChartArgs = {\n\ttitle: \"Mean Total Sunspot Count - Yearly\",\n\tdata: trendsData,\n\ttype: 'line',\n\theight: 300,\n\tcolors: ['#238e38'],\n\tlineOptions: {\n\t\thideDots: 1,\n\t\theatline: 1,\n\t},\n\taxisOptions: {\n\t\txAxisMode: 'tick',\n\t\tyAxisMode: 'span',\n\t\txIsSeries: 1\n\t}\n};\n\nlet trendsChart = new Chart(\"#chart-trends\", plotChartArgs);\n\nArray.prototype.slice.call(\n\tdocument.querySelectorAll('.chart-plot-buttons button')\n).map(el => {\n\tel.addEventListener('click', (e) => {\n\t\tlet btn = e.target;\n\t\tlet type = btn.getAttribute('data-type');\n\t\tlet config = {};\n\t\tconfig[type] = 1;\n\n\t\tif(['regionFill', 'heatline'].includes(type)) {\n\t\t\tconfig.hideDots = 1;\n\t\t}\n\n\t\t// plotChartArgs.init = false;\n\t\tplotChartArgs.lineOptions = config;\n\n\t\tnew Chart(\"#chart-trends\", plotChartArgs);\n\n\t\tArray.prototype.slice.call(\n\t\t\tbtn.parentNode.querySelectorAll('button')).map(el => {\n\t\t\tel.classList.remove('active');\n\t\t});\n\t\tbtn.classList.add('active');\n\t});\n});\n\ndocument.querySelector('.export-trends').addEventListener('click', () => {\n\ttrendsChart.export();\n});\n\n\n// Event chart\n// ================================================================================\n\n\n\nlet eventsData = {\n\tlabels: [\"Ganymede\", \"Callisto\", \"Io\", \"Europa\"],\n\tdatasets: [\n\t\t{\n\t\t\t\"values\": moonData.distances,\n\t\t\t\"formatted\": moonData.distances.map(d => d*1000 + \" km\")\n\t\t}\n\t]\n};\n\nlet eventsChart = new Chart(\"#chart-events\", {\n\ttitle: \"Jupiter's Moons: Semi-major Axis (1000 km)\",\n\tdata: eventsData,\n\ttype: 'bar',\n\theight: 330,\n\tcolors: ['grey'],\n\tisNavigable: 1,\n});\n\nlet dataDiv = document.querySelector('.chart-events-data');\n\neventsChart.parent.addEventListener('data-select', (e) => {\n\tlet name = moonData.names[e.index];\n\tdataDiv.querySelector('.moon-name').innerHTML = name;\n\tdataDiv.querySelector('.semi-major-axis').innerHTML = moonData.distances[e.index] * 1000;\n\tdataDiv.querySelector('.mass').innerHTML = moonData.masses[e.index];\n\tdataDiv.querySelector('.diameter').innerHTML = moonData.diameters[e.index];\n\tdataDiv.querySelector('img').src = \"./assets/img/\" + name.toLowerCase() + \".jpg\";\n});\n\n// Heatmap\n// ================================================================================\n\nlet today = new Date();\nlet start = clone(today);\naddDays(start, 4);\nlet end = clone(start);\nstart.setFullYear( start.getFullYear() - 2 );\nend.setFullYear( end.getFullYear() - 1 );\n\nlet dataPoints = {};\n\nlet startTs = timestampSec(start);\nlet endTs = timestampSec(end);\n\nstartTs = timestampToMidnight(startTs);\nendTs = timestampToMidnight(endTs, true);\n\nwhile (startTs < endTs) {\n\tdataPoints[parseInt(startTs)] = Math.floor(getRandomBias(0, 5, 0.2, 1));\n\tstartTs += SEC_IN_DAY;\n}\n\nconst heatmapData = {\n\tdataPoints: dataPoints,\n\tstart: start,\n\tend: end\n};\n\nlet heatmapArgs = {\n\ttitle: \"Monthly Distribution\",\n\tdata: heatmapData,\n\ttype: 'heatmap',\n\tdiscreteDomains: 1,\n\tcountLabel: 'Level',\n\tcolors: HEATMAP_COLORS_BLUE,\n\tlegendScale: [0, 1, 2, 4, 5]\n};\nlet heatmapChart = new Chart(\"#chart-heatmap\", heatmapArgs);\n\nArray.prototype.slice.call(\n\tdocument.querySelectorAll('.heatmap-mode-buttons button')\n).map(el => {\n\tel.addEventListener('click', (e) => {\n\t\tlet btn = e.target;\n\t\tlet mode = btn.getAttribute('data-mode');\n\t\tlet discreteDomains = 0;\n\n\t\tif(mode === 'discrete') {\n\t\t\tdiscreteDomains = 1;\n\t\t}\n\n\t\tlet colors = [];\n\t\tlet colors_mode = document\n\t\t\t.querySelector('.heatmap-color-buttons .active')\n\t\t\t.getAttribute('data-color');\n\t\tif(colors_mode === 'halloween') {\n\t\t\tcolors = HEATMAP_COLORS_YELLOW;\n\t\t} else if (colors_mode === 'blue') {\n\t\t\tcolors = HEATMAP_COLORS_BLUE;\n\t\t}\n\n\t\theatmapArgs.discreteDomains = discreteDomains;\n\t\theatmapArgs.colors = colors;\n\t\tnew Chart(\"#chart-heatmap\", heatmapArgs);\n\n\t\tArray.prototype.slice.call(\n\t\t\tbtn.parentNode.querySelectorAll('button')).map(el => {\n\t\t\tel.classList.remove('active');\n\t\t});\n\t\tbtn.classList.add('active');\n\t});\n});\n\nArray.prototype.slice.call(\n\tdocument.querySelectorAll('.heatmap-color-buttons button')\n).map(el => {\n\tel.addEventListener('click', (e) => {\n\t\tlet btn = e.target;\n\t\tlet colors_mode = btn.getAttribute('data-color');\n\t\tlet colors = [];\n\n\t\tif(colors_mode === 'halloween') {\n\t\t\tcolors = HEATMAP_COLORS_YELLOW;\n\t\t} else if (colors_mode === 'blue') {\n\t\t\tcolors = HEATMAP_COLORS_BLUE;\n\t\t}\n\n\t\tlet discreteDomains = 1;\n\n\t\tlet view_mode = document\n\t\t\t.querySelector('.heatmap-mode-buttons .active')\n\t\t\t.getAttribute('data-mode');\n\t\tif(view_mode === 'continuous') {\n\t\t\tdiscreteDomains = 0;\n\t\t}\n\n\t\theatmapArgs.discreteDomains = discreteDomains;\n\t\theatmapArgs.colors = colors;\n\t\tnew Chart(\"#chart-heatmap\", heatmapArgs);\n\n\t\tArray.prototype.slice.call(\n\t\t\tbtn.parentNode.querySelectorAll('button')).map(el => {\n\t\t\tel.classList.remove('active');\n\t\t});\n\t\tbtn.classList.add('active');\n\t});\n});\n\ndocument.querySelector('.export-heatmap').addEventListener('click', () => {\n\theatmapChart.export();\n});\n"],"names":["HEATMAP_COLORS_BLUE","HEATMAP_COLORS_YELLOW","shuffle","array","i","length","j","Math","floor","random","getRandomBias","min","max","bias","influence","range","biasValue","rnd","mix","NO_OF_MILLIS","SEC_IN_DAY","MONTH_NAMES_SHORT","clone","date","Date","getTime","timestampSec","timestampToMidnight","timestamp","roundAhead","midnightTs","addDays","numberOfDays","setDate","getDate","reportCountList","lineCompositeData","labelPos","fireball_5_25","fireball_2_5","fireballOver25","barCompositeData","typeData","trendsData","moonData","d","toUpperCase","Chart","frappe","lc","demoConfig","lineComposite","lineCompositeChart","elementID","options","bc","barComposite","barCompositeChart","parent","addEventListener","e","index","updateDatasets","customColors","typeChartArgs","aggrChart","Array","prototype","slice","call","document","querySelectorAll","map","btn","target","type","getAttribute","colors","undefined","height","newChart","parentNode","classList","remove","add","querySelector","export","updateDataAllLabels","getRandom","updateDataAllValues","from","updateDataAllIndices","getUpdateData","source_array","indices","updateData","updateChart","chartUpdateButtons","value","start","end","data","values","update","state","datasetLength","addDataPoint","removeDataPoint","plotChartArgs","trendsChart","config","includes","hideDots","lineOptions","eventsData","distances","eventsChart","dataDiv","name","names","innerHTML","masses","diameters","src","toLowerCase","today","setFullYear","getFullYear","dataPoints","startTs","endTs","parseInt","heatmapData","heatmapArgs","heatmapChart","mode","discreteDomains","colors_mode","view_mode"],"mappings":"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"} \ No newline at end of file From 173a6f19c57201aea6c311e6ccd7a945c642dc25 Mon Sep 17 00:00:00 2001 From: Niclas Ostberg Date: Fri, 23 Aug 2019 15:02:01 +0200 Subject: [PATCH 2/5] linechart spline option --- .eslintrc.json | 2 +- .gitignore | 6 ++++- src/js/charts/AxisChart.js | 1 + src/js/objects/ChartComponents.js | 5 ++-- src/js/utils/animate.js | 17 ++++++------ src/js/utils/draw-utils.js | 44 +++++++++++++++++++++++++++++++ src/js/utils/draw.js | 7 ++++- 7 files changed, 69 insertions(+), 13 deletions(-) diff --git a/.eslintrc.json b/.eslintrc.json index c066e75..bd82cc3 100644 --- a/.eslintrc.json +++ b/.eslintrc.json @@ -14,7 +14,7 @@ ], "linebreak-style": [ "error", - "unix" + "windows" ], "semi": [ "error", diff --git a/.gitignore b/.gitignore index 1127623..bb6312e 100644 --- a/.gitignore +++ b/.gitignore @@ -60,4 +60,8 @@ typings/ # next.js build output .next -.DS_Store \ No newline at end of file +.DS_Store + +package-lock.json +dist/ +docs/assets/js/ diff --git a/src/js/charts/AxisChart.js b/src/js/charts/AxisChart.js index 9ae40f3..39a2b8b 100644 --- a/src/js/charts/AxisChart.js +++ b/src/js/charts/AxisChart.js @@ -298,6 +298,7 @@ export default class AxisChart extends BaseChart { svgDefs: this.svgDefs, heatline: this.lineOptions.heatline, regionFill: this.lineOptions.regionFill, + spline: this.lineOptions.spline, hideDots: this.lineOptions.hideDots, hideLine: this.lineOptions.hideLine, diff --git a/src/js/objects/ChartComponents.js b/src/js/objects/ChartComponents.js index ab4a982..571bd82 100644 --- a/src/js/objects/ChartComponents.js +++ b/src/js/objects/ChartComponents.js @@ -368,7 +368,8 @@ let componentConfigs = { c.color, { heatline: c.heatline, - regionFill: c.regionFill + regionFill: c.regionFill, + spline: c.spline }, { svgDefs: c.svgDefs, @@ -419,7 +420,7 @@ let componentConfigs = { if(Object.keys(this.paths).length) { animateElements = animateElements.concat(animatePath( - this.paths, newXPos, newYPos, newData.zeroLine)); + this.paths, newXPos, newYPos, newData.zeroLine, this.constants.spline)); } if(this.units.length) { diff --git a/src/js/utils/animate.js b/src/js/utils/animate.js index 283b7b5..fd1d8c0 100644 --- a/src/js/utils/animate.js +++ b/src/js/utils/animate.js @@ -1,4 +1,4 @@ -import { getBarHeightAndYAttr } from './draw-utils'; +import { getBarHeightAndYAttr, createSplineCurve } from './draw-utils'; export const UNIT_ANIM_DUR = 350; export const PATH_ANIM_DUR = 350; @@ -74,13 +74,14 @@ export function animateDot(dot, x, y) { // dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein); } -export function animatePath(paths, newXList, newYList, zeroLine) { +export function animatePath(paths, newXList, newYList, zeroLine, spline) { let pathComponents = []; + let pointsStr = newYList.map((y, i) => (newXList[i] + ',' + y)).join("L"); + + if (spline) + pointsStr = createSplineCurve(newXList, newYList); - let pointsStr = newYList.map((y, i) => (newXList[i] + ',' + y)); - let pathStr = pointsStr.join("L"); - - const animPath = [paths.path, {d:"M"+pathStr}, PATH_ANIM_DUR, STD_EASING]; + const animPath = [paths.path, {d:"M" + pointsStr}, PATH_ANIM_DUR, STD_EASING]; pathComponents.push(animPath); if(paths.region) { @@ -89,7 +90,7 @@ export function animatePath(paths, newXList, newYList, zeroLine) { const animRegion = [ paths.region, - {d:"M" + regStartPt + pathStr + regEndPt}, + {d:"M" + regStartPt + pointsStr + regEndPt}, PATH_ANIM_DUR, STD_EASING ]; @@ -101,4 +102,4 @@ export function animatePath(paths, newXList, newYList, zeroLine) { export function animatePathStr(oldPath, pathStr) { return [oldPath, {d: pathStr}, UNIT_ANIM_DUR, STD_EASING]; -} +} \ No newline at end of file diff --git a/src/js/utils/draw-utils.js b/src/js/utils/draw-utils.js index 00a1bbf..e781c0d 100644 --- a/src/js/utils/draw-utils.js +++ b/src/js/utils/draw-utils.js @@ -52,4 +52,48 @@ export function shortenLargeNumber(label) { // Correct for floating point error upto 2 decimal places return Math.round(shortened*100)/100 + ' ' + ['', 'K', 'M', 'B', 'T'][l]; +} + +// cubic bezier curve calculation (from example by François Romain) +export function createSplineCurve(xList, yList) { + + let points=[]; + for(let i=0;i { + let lengthX = pointB[0] - pointA[0]; + let lengthY = pointB[1] - pointA[1]; + return { + length: Math.sqrt(Math.pow(lengthX, 2) + Math.pow(lengthY, 2)), + angle: Math.atan2(lengthY, lengthX) + }; + }; + + let controlPoint = (current, previous, next, reverse) => { + let p = previous || current; + let n = next || current; + let o = line(p, n); + let angle = o.angle + (reverse ? Math.PI : 0); + let length = o.length * smoothing; + let x = current[0] + Math.cos(angle) * length; + let y = current[1] + Math.sin(angle) * length; + return [x, y]; + }; + + let bezierCommand = (point, i, a) => { + let cps = controlPoint(a[i - 1], a[i - 2], point); + let cpe = controlPoint(point, a[i - 1], a[i + 1], true); + return `C ${cps[0]},${cps[1]} ${cpe[0]},${cpe[1]} ${point[0]},${point[1]}`; + }; + + let pointStr = (points, command) => { + return points.reduce((acc, point, i, a) => i === 0 + ? `${point[0]},${point[1]}` + : `${acc} ${command(point, i, a)}`, ''); + }; + + return pointStr(points, bezierCommand); } \ No newline at end of file diff --git a/src/js/utils/draw.js b/src/js/utils/draw.js index 506f3cf..c65790d 100644 --- a/src/js/utils/draw.js +++ b/src/js/utils/draw.js @@ -1,4 +1,4 @@ -import { getBarHeightAndYAttr, truncateString, shortenLargeNumber } from './draw-utils'; +import { getBarHeightAndYAttr, truncateString, shortenLargeNumber, createSplineCurve } from './draw-utils'; import { getStringWidth } from './helpers'; import { DOT_OVERLAY_SIZE_INCR, PERCENTAGE_BAR_DEFAULT_DEPTH } from './constants'; import { lightenDarkenColor } from './colors'; @@ -577,6 +577,11 @@ export function datasetDot(x, y, radius, color, label='', index=0) { export function getPaths(xList, yList, color, options={}, meta={}) { let pointsList = yList.map((y, i) => (xList[i] + ',' + y)); let pointsStr = pointsList.join("L"); + + // Spline + if (options.spline) + pointsStr = createSplineCurve(xList, yList); + let path = makePath("M"+pointsStr, 'line-graph-path', color); // HeatLine From 6ca111a5acea343491b0ac0e8f06cb1c6f36740b Mon Sep 17 00:00:00 2001 From: nniclas Date: Sat, 24 Aug 2019 11:43:46 +0200 Subject: [PATCH 3/5] files missing re-added --- .gitignore | 6 +- dist/frappe-charts.esm.js | 4003 +++++++++++++++++++++++ dist/frappe-charts.min.cjs.js | 2 + dist/frappe-charts.min.cjs.js.map | 1 + dist/frappe-charts.min.esm.js | 2 + dist/frappe-charts.min.esm.js.map | 1 + dist/frappe-charts.min.iife.js | 2 + dist/frappe-charts.min.iife.js.map | 1 + docs/assets/js/data.js | 179 + docs/assets/js/demoConfig.js | 55 + docs/assets/js/frappe-charts.min.js | 2 + docs/assets/js/frappe-charts.min.js.map | 1 + docs/assets/js/highlight.pack.js | 2 + docs/assets/js/index.js | 373 +++ docs/assets/js/index.min.js | 657 ++++ docs/assets/js/index.min.js.map | 1 + package-lock.json | 27 +- 17 files changed, 5289 insertions(+), 26 deletions(-) create mode 100644 dist/frappe-charts.esm.js create mode 100644 dist/frappe-charts.min.cjs.js create mode 100644 dist/frappe-charts.min.cjs.js.map create mode 100644 dist/frappe-charts.min.esm.js create mode 100644 dist/frappe-charts.min.esm.js.map create mode 100644 dist/frappe-charts.min.iife.js create mode 100644 dist/frappe-charts.min.iife.js.map create mode 100644 docs/assets/js/data.js create mode 100644 docs/assets/js/demoConfig.js create mode 100644 docs/assets/js/frappe-charts.min.js create mode 100644 docs/assets/js/frappe-charts.min.js.map create mode 100644 docs/assets/js/highlight.pack.js create mode 100644 docs/assets/js/index.js create mode 100644 docs/assets/js/index.min.js create mode 100644 docs/assets/js/index.min.js.map diff --git a/.gitignore b/.gitignore index bb6312e..1127623 100644 --- a/.gitignore +++ b/.gitignore @@ -60,8 +60,4 @@ typings/ # next.js build output .next -.DS_Store - -package-lock.json -dist/ -docs/assets/js/ +.DS_Store \ No newline at end of file diff --git a/dist/frappe-charts.esm.js b/dist/frappe-charts.esm.js new file mode 100644 index 0000000..7ff1cb4 --- /dev/null +++ b/dist/frappe-charts.esm.js @@ -0,0 +1,4003 @@ +function $(expr, con) { + return typeof expr === "string"? (con || document).querySelector(expr) : expr || null; +} + + + +$.create = (tag, o) => { + var element = document.createElement(tag); + + for (var i in o) { + var val = o[i]; + + if (i === "inside") { + $(val).appendChild(element); + } + else if (i === "around") { + var ref = $(val); + ref.parentNode.insertBefore(element, ref); + element.appendChild(ref); + + } else if (i === "styles") { + if(typeof val === "object") { + Object.keys(val).map(prop => { + element.style[prop] = val[prop]; + }); + } + } else if (i in element ) { + element[i] = val; + } + else { + element.setAttribute(i, val); + } + } + + return element; +}; + +function getOffset(element) { + let rect = element.getBoundingClientRect(); + return { + // https://stackoverflow.com/a/7436602/6495043 + // rect.top varies with scroll, so we add whatever has been + // scrolled to it to get absolute distance from actual page top + top: rect.top + (document.documentElement.scrollTop || document.body.scrollTop), + left: rect.left + (document.documentElement.scrollLeft || document.body.scrollLeft) + }; +} + +function isElementInViewport(el) { + // Although straightforward: https://stackoverflow.com/a/7557433/6495043 + var rect = el.getBoundingClientRect(); + + return ( + rect.top >= 0 && + rect.left >= 0 && + rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */ + rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */ + ); +} + +function getElementContentWidth(element) { + var styles = window.getComputedStyle(element); + var padding = parseFloat(styles.paddingLeft) + + parseFloat(styles.paddingRight); + + return element.clientWidth - padding; +} + + + + + +function fire(target, type, properties) { + var evt = document.createEvent("HTMLEvents"); + + evt.initEvent(type, true, true ); + + for (var j in properties) { + evt[j] = properties[j]; + } + + return target.dispatchEvent(evt); +} + +// https://css-tricks.com/snippets/javascript/loop-queryselectorall-matches/ + +const BASE_MEASURES = { + margins: { + top: 10, + bottom: 10, + left: 20, + right: 20 + }, + paddings: { + top: 20, + bottom: 40, + left: 30, + right: 10 + }, + + baseHeight: 240, + titleHeight: 20, + legendHeight: 30, + + titleFontSize: 12, +}; + +function getTopOffset(m) { + return m.titleHeight + m.margins.top + m.paddings.top; +} + +function getLeftOffset(m) { + return m.margins.left + m.paddings.left; +} + +function getExtraHeight(m) { + let totalExtraHeight = m.margins.top + m.margins.bottom + + m.paddings.top + m.paddings.bottom + + m.titleHeight + m.legendHeight; + return totalExtraHeight; +} + +function getExtraWidth(m) { + let totalExtraWidth = m.margins.left + m.margins.right + + m.paddings.left + m.paddings.right; + + return totalExtraWidth; +} + +const INIT_CHART_UPDATE_TIMEOUT = 700; +const CHART_POST_ANIMATE_TIMEOUT = 400; + +const DEFAULT_AXIS_CHART_TYPE = 'line'; +const AXIS_DATASET_CHART_TYPES = ['line', 'bar']; + +const AXIS_LEGEND_BAR_SIZE = 100; + +const BAR_CHART_SPACE_RATIO = 0.5; +const MIN_BAR_PERCENT_HEIGHT = 0.00; + +const LINE_CHART_DOT_SIZE = 4; +const DOT_OVERLAY_SIZE_INCR = 4; + +const PERCENTAGE_BAR_DEFAULT_HEIGHT = 20; +const PERCENTAGE_BAR_DEFAULT_DEPTH = 2; + +// Fixed 5-color theme, +// More colors are difficult to parse visually +const HEATMAP_DISTRIBUTION_SIZE = 5; + +const HEATMAP_SQUARE_SIZE = 10; +const HEATMAP_GUTTER_SIZE = 2; + +const DEFAULT_CHAR_WIDTH = 7; + +const TOOLTIP_POINTER_TRIANGLE_HEIGHT = 5; + +const DEFAULT_CHART_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange', + 'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey']; +const HEATMAP_COLORS_GREEN = ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127']; + + + +const DEFAULT_COLORS = { + bar: DEFAULT_CHART_COLORS, + line: DEFAULT_CHART_COLORS, + pie: DEFAULT_CHART_COLORS, + percentage: DEFAULT_CHART_COLORS, + heatmap: HEATMAP_COLORS_GREEN, + donut: DEFAULT_CHART_COLORS +}; + +// Universal constants +const ANGLE_RATIO = Math.PI / 180; +const FULL_ANGLE = 360; + +class SvgTip { + constructor({ + parent = null, + colors = [] + }) { + this.parent = parent; + this.colors = colors; + this.titleName = ''; + this.titleValue = ''; + this.listValues = []; + this.titleValueFirst = 0; + + this.x = 0; + this.y = 0; + + this.top = 0; + this.left = 0; + + this.setup(); + } + + setup() { + this.makeTooltip(); + } + + refresh() { + this.fill(); + this.calcPosition(); + } + + makeTooltip() { + this.container = $.create('div', { + inside: this.parent, + className: 'graph-svg-tip comparison', + innerHTML: ` +
                    +
                    ` + }); + this.hideTip(); + + this.title = this.container.querySelector('.title'); + this.dataPointList = this.container.querySelector('.data-point-list'); + + this.parent.addEventListener('mouseleave', () => { + this.hideTip(); + }); + } + + fill() { + let title; + if(this.index) { + this.container.setAttribute('data-point-index', this.index); + } + if(this.titleValueFirst) { + title = `${this.titleValue}${this.titleName}`; + } else { + title = `${this.titleName}${this.titleValue}`; + } + this.title.innerHTML = title; + this.dataPointList.innerHTML = ''; + + this.listValues.map((set, i) => { + const color = this.colors[i] || 'black'; + let value = set.formatted === 0 || set.formatted ? set.formatted : set.value; + + let li = $.create('li', { + styles: { + 'border-top': `3px solid ${color}` + }, + innerHTML: `${ value === 0 || value ? value : '' } + ${set.title ? set.title : '' }` + }); + + this.dataPointList.appendChild(li); + }); + } + + calcPosition() { + let width = this.container.offsetWidth; + + this.top = this.y - this.container.offsetHeight + - TOOLTIP_POINTER_TRIANGLE_HEIGHT; + this.left = this.x - width/2; + let maxLeft = this.parent.offsetWidth - width; + + let pointer = this.container.querySelector('.svg-pointer'); + + if(this.left < 0) { + pointer.style.left = `calc(50% - ${-1 * this.left}px)`; + this.left = 0; + } else if(this.left > maxLeft) { + let delta = this.left - maxLeft; + let pointerOffset = `calc(50% + ${delta}px)`; + pointer.style.left = pointerOffset; + + this.left = maxLeft; + } else { + pointer.style.left = `50%`; + } + } + + setValues(x, y, title = {}, listValues = [], index = -1) { + this.titleName = title.name; + this.titleValue = title.value; + this.listValues = listValues; + this.x = x; + this.y = y; + this.titleValueFirst = title.valueFirst || 0; + this.index = index; + this.refresh(); + } + + hideTip() { + this.container.style.top = '0px'; + this.container.style.left = '0px'; + this.container.style.opacity = '0'; + } + + showTip() { + this.container.style.top = this.top + 'px'; + this.container.style.left = this.left + 'px'; + this.container.style.opacity = '1'; + } +} + +/** + * Returns the value of a number upto 2 decimal places. + * @param {Number} d Any number + */ +function floatTwo(d) { + return parseFloat(d.toFixed(2)); +} + +/** + * Returns whether or not two given arrays are equal. + * @param {Array} arr1 First array + * @param {Array} arr2 Second array + */ + + +/** + * Shuffles array in place. ES6 version + * @param {Array} array An array containing the items. + */ + + +/** + * Fill an array with extra points + * @param {Array} array Array + * @param {Number} count number of filler elements + * @param {Object} element element to fill with + * @param {Boolean} start fill at start? + */ +function fillArray(array, count, element, start=false) { + if(!element) { + element = start ? array[0] : array[array.length - 1]; + } + let fillerArray = new Array(Math.abs(count)).fill(element); + array = start ? fillerArray.concat(array) : array.concat(fillerArray); + return array; +} + +/** + * Returns pixel width of string. + * @param {String} string + * @param {Number} charWidth Width of single char in pixels + */ +function getStringWidth(string, charWidth) { + return (string+"").length * charWidth; +} + + + +// https://stackoverflow.com/a/29325222 + + +function getPositionByAngle(angle, radius) { + return { + x: Math.sin(angle * ANGLE_RATIO) * radius, + y: Math.cos(angle * ANGLE_RATIO) * radius, + }; +} + +function getBarHeightAndYAttr(yTop, zeroLine) { + let height, y; + if (yTop <= zeroLine) { + height = zeroLine - yTop; + y = yTop; + } else { + height = yTop - zeroLine; + y = zeroLine; + } + + return [height, y]; +} + +function equilizeNoOfElements(array1, array2, + extraCount = array2.length - array1.length) { + + // Doesn't work if either has zero elements. + if(extraCount > 0) { + array1 = fillArray(array1, extraCount); + } else { + array2 = fillArray(array2, extraCount); + } + return [array1, array2]; +} + +function truncateString(txt, len) { + if (!txt) { + return; + } + if (txt.length > len) { + return txt.slice(0, len-3) + '...'; + } else { + return txt; + } +} + +function shortenLargeNumber(label) { + let number; + if (typeof label === 'number') number = label; + else if (typeof label === 'string') { + number = Number(label); + if (Number.isNaN(number)) return label; + } + + // Using absolute since log wont work for negative numbers + let p = Math.floor(Math.log10(Math.abs(number))); + if (p <= 2) return number; // Return as is for a 3 digit number of less + let l = Math.floor(p / 3); + let shortened = (Math.pow(10, p - l * 3) * +(number / Math.pow(10, p)).toFixed(1)); + + // Correct for floating point error upto 2 decimal places + return Math.round(shortened*100)/100 + ' ' + ['', 'K', 'M', 'B', 'T'][l]; +} + +// cubic bezier curve calculation (from example by François Romain) +function createSplineCurve(xList, yList) { + + let points=[]; + for(let i=0;i { + let lengthX = pointB[0] - pointA[0]; + let lengthY = pointB[1] - pointA[1]; + return { + length: Math.sqrt(Math.pow(lengthX, 2) + Math.pow(lengthY, 2)), + angle: Math.atan2(lengthY, lengthX) + }; + }; + + let controlPoint = (current, previous, next, reverse) => { + let p = previous || current; + let n = next || current; + let o = line(p, n); + let angle = o.angle + (reverse ? Math.PI : 0); + let length = o.length * smoothing; + let x = current[0] + Math.cos(angle) * length; + let y = current[1] + Math.sin(angle) * length; + return [x, y]; + }; + + let bezierCommand = (point, i, a) => { + let cps = controlPoint(a[i - 1], a[i - 2], point); + let cpe = controlPoint(point, a[i - 1], a[i + 1], true); + return `C ${cps[0]},${cps[1]} ${cpe[0]},${cpe[1]} ${point[0]},${point[1]}`; + }; + + let pointStr = (points, command) => { + return points.reduce((acc, point, i, a) => i === 0 + ? `${point[0]},${point[1]}` + : `${acc} ${command(point, i, a)}`, ''); + }; + + return pointStr(points, bezierCommand); +} + +const PRESET_COLOR_MAP = { + 'light-blue': '#7cd6fd', + 'blue': '#5e64ff', + 'violet': '#743ee2', + 'red': '#ff5858', + 'orange': '#ffa00a', + 'yellow': '#feef72', + 'green': '#28a745', + 'light-green': '#98d85b', + 'purple': '#b554ff', + 'magenta': '#ffa3ef', + 'black': '#36114C', + 'grey': '#bdd3e6', + 'light-grey': '#f0f4f7', + 'dark-grey': '#b8c2cc' +}; + +function limitColor(r){ + if (r > 255) return 255; + else if (r < 0) return 0; + return r; +} + +function lightenDarkenColor(color, amt) { + let col = getColor(color); + let usePound = false; + if (col[0] == "#") { + col = col.slice(1); + usePound = true; + } + let num = parseInt(col,16); + let r = limitColor((num >> 16) + amt); + let b = limitColor(((num >> 8) & 0x00FF) + amt); + let g = limitColor((num & 0x0000FF) + amt); + return (usePound?"#":"") + (g | (b << 8) | (r << 16)).toString(16); +} + +function isValidColor(string) { + // https://stackoverflow.com/a/8027444/6495043 + return /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string); +} + +const getColor = (color) => { + return PRESET_COLOR_MAP[color] || color; +}; + +const AXIS_TICK_LENGTH = 6; +const LABEL_MARGIN = 4; +const LABEL_MAX_CHARS = 15; +const FONT_SIZE = 10; +const BASE_LINE_COLOR = '#dadada'; +const FONT_FILL = '#555b51'; + +function $$1(expr, con) { + return typeof expr === "string"? (con || document).querySelector(expr) : expr || null; +} + +function createSVG(tag, o) { + var element = document.createElementNS("http://www.w3.org/2000/svg", tag); + + for (var i in o) { + var val = o[i]; + + if (i === "inside") { + $$1(val).appendChild(element); + } + else if (i === "around") { + var ref = $$1(val); + ref.parentNode.insertBefore(element, ref); + element.appendChild(ref); + + } else if (i === "styles") { + if(typeof val === "object") { + Object.keys(val).map(prop => { + element.style[prop] = val[prop]; + }); + } + } else { + if(i === "className") { i = "class"; } + if(i === "innerHTML") { + element['textContent'] = val; + } else { + element.setAttribute(i, val); + } + } + } + + return element; +} + +function renderVerticalGradient(svgDefElem, gradientId) { + return createSVG('linearGradient', { + inside: svgDefElem, + id: gradientId, + x1: 0, + x2: 0, + y1: 0, + y2: 1 + }); +} + +function setGradientStop(gradElem, offset, color, opacity) { + return createSVG('stop', { + 'inside': gradElem, + 'style': `stop-color: ${color}`, + 'offset': offset, + 'stop-opacity': opacity + }); +} + +function makeSVGContainer(parent, className, width, height) { + return createSVG('svg', { + className: className, + inside: parent, + width: width, + height: height + }); +} + +function makeSVGDefs(svgContainer) { + return createSVG('defs', { + inside: svgContainer, + }); +} + +function makeSVGGroup(className, transform='', parent=undefined) { + let args = { + className: className, + transform: transform + }; + if(parent) args.inside = parent; + return createSVG('g', args); +} + + + +function makePath(pathStr, className='', stroke='none', fill='none', strokeWidth=2) { + return createSVG('path', { + className: className, + d: pathStr, + styles: { + stroke: stroke, + fill: fill, + 'stroke-width': strokeWidth + } + }); +} + +function makeArcPathStr(startPosition, endPosition, center, radius, clockWise=1, largeArc=0){ + let [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y]; + let [arcEndX, arcEndY] = [center.x + endPosition.x, center.y + endPosition.y]; + return `M${center.x} ${center.y} + L${arcStartX} ${arcStartY} + A ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0} + ${arcEndX} ${arcEndY} z`; +} + +function makeCircleStr(startPosition, endPosition, center, radius, clockWise=1, largeArc=0){ + let [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y]; + let [arcEndX, midArc, arcEndY] = [center.x + endPosition.x, center.y * 2, center.y + endPosition.y]; + return `M${center.x} ${center.y} + L${arcStartX} ${arcStartY} + A ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0} + ${arcEndX} ${midArc} z + L${arcStartX} ${midArc} + A ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0} + ${arcEndX} ${arcEndY} z`; +} + +function makeArcStrokePathStr(startPosition, endPosition, center, radius, clockWise=1, largeArc=0){ + let [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y]; + let [arcEndX, arcEndY] = [center.x + endPosition.x, center.y + endPosition.y]; + + return `M${arcStartX} ${arcStartY} + A ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0} + ${arcEndX} ${arcEndY}`; +} + +function makeStrokeCircleStr(startPosition, endPosition, center, radius, clockWise=1, largeArc=0){ + let [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y]; + let [arcEndX, midArc, arcEndY] = [center.x + endPosition.x, radius * 2 + arcStartY, center.y + startPosition.y]; + + return `M${arcStartX} ${arcStartY} + A ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0} + ${arcEndX} ${midArc} + M${arcStartX} ${midArc} + A ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0} + ${arcEndX} ${arcEndY}`; +} + +function makeGradient(svgDefElem, color, lighter = false) { + let gradientId ='path-fill-gradient' + '-' + color + '-' +(lighter ? 'lighter' : 'default'); + let gradientDef = renderVerticalGradient(svgDefElem, gradientId); + let opacities = [1, 0.6, 0.2]; + if(lighter) { + opacities = [0.4, 0.2, 0]; + } + + setGradientStop(gradientDef, "0%", color, opacities[0]); + setGradientStop(gradientDef, "50%", color, opacities[1]); + setGradientStop(gradientDef, "100%", color, opacities[2]); + + return gradientId; +} + +function percentageBar(x, y, width, height, + depth=PERCENTAGE_BAR_DEFAULT_DEPTH, fill='none') { + + let args = { + className: 'percentage-bar', + x: x, + y: y, + width: width, + height: height, + fill: fill, + styles: { + 'stroke': lightenDarkenColor(fill, -25), + // Diabolically good: https://stackoverflow.com/a/9000859 + // https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray + 'stroke-dasharray': `0, ${height + width}, ${width}, ${height}`, + 'stroke-width': depth + }, + }; + + return createSVG("rect", args); +} + +function heatSquare(className, x, y, size, fill='none', data={}) { + let args = { + className: className, + x: x, + y: y, + width: size, + height: size, + fill: fill + }; + + Object.keys(data).map(key => { + args[key] = data[key]; + }); + + return createSVG("rect", args); +} + +function legendBar(x, y, size, fill='none', label, truncate=false) { + label = truncate ? truncateString(label, LABEL_MAX_CHARS) : label; + + let args = { + className: 'legend-bar', + x: 0, + y: 0, + width: size, + height: '2px', + fill: fill + }; + let text = createSVG('text', { + className: 'legend-dataset-text', + x: 0, + y: 0, + dy: (FONT_SIZE * 2) + 'px', + 'font-size': (FONT_SIZE * 1.2) + 'px', + 'text-anchor': 'start', + fill: FONT_FILL, + innerHTML: label + }); + + let group = createSVG('g', { + transform: `translate(${x}, ${y})` + }); + group.appendChild(createSVG("rect", args)); + group.appendChild(text); + + return group; +} + +function legendDot(x, y, size, fill='none', label) { + let args = { + className: 'legend-dot', + cx: 0, + cy: 0, + r: size, + fill: fill + }; + let text = createSVG('text', { + className: 'legend-dataset-text', + x: 0, + y: 0, + dx: (FONT_SIZE) + 'px', + dy: (FONT_SIZE/3) + 'px', + 'font-size': (FONT_SIZE * 1.2) + 'px', + 'text-anchor': 'start', + fill: FONT_FILL, + innerHTML: label + }); + + let group = createSVG('g', { + transform: `translate(${x}, ${y})` + }); + group.appendChild(createSVG("circle", args)); + group.appendChild(text); + + return group; +} + +function makeText(className, x, y, content, options = {}) { + let fontSize = options.fontSize || FONT_SIZE; + let dy = options.dy !== undefined ? options.dy : (fontSize / 2); + let fill = options.fill || FONT_FILL; + let textAnchor = options.textAnchor || 'start'; + return createSVG('text', { + className: className, + x: x, + y: y, + dy: dy + 'px', + 'font-size': fontSize + 'px', + fill: fill, + 'text-anchor': textAnchor, + innerHTML: content + }); +} + +function makeVertLine(x, label, y1, y2, options={}) { + if(!options.stroke) options.stroke = BASE_LINE_COLOR; + let l = createSVG('line', { + className: 'line-vertical ' + options.className, + x1: 0, + x2: 0, + y1: y1, + y2: y2, + styles: { + stroke: options.stroke + } + }); + + let text = createSVG('text', { + x: 0, + y: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE, + dy: FONT_SIZE + 'px', + 'font-size': FONT_SIZE + 'px', + 'text-anchor': 'middle', + innerHTML: label + "" + }); + + let line = createSVG('g', { + transform: `translate(${ x }, 0)` + }); + + line.appendChild(l); + line.appendChild(text); + + return line; +} + +function makeHoriLine(y, label, x1, x2, options={}) { + if(!options.stroke) options.stroke = BASE_LINE_COLOR; + if(!options.lineType) options.lineType = ''; + if (options.shortenNumbers) label = shortenLargeNumber(label); + + let className = 'line-horizontal ' + options.className + + (options.lineType === "dashed" ? "dashed": ""); + + let l = createSVG('line', { + className: className, + x1: x1, + x2: x2, + y1: 0, + y2: 0, + styles: { + stroke: options.stroke + } + }); + + let text = createSVG('text', { + x: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN, + y: 0, + dy: (FONT_SIZE / 2 - 2) + 'px', + 'font-size': FONT_SIZE + 'px', + 'text-anchor': x1 < x2 ? 'end' : 'start', + innerHTML: label+"" + }); + + let line = createSVG('g', { + transform: `translate(0, ${y})`, + 'stroke-opacity': 1 + }); + + if(text === 0 || text === '0') { + line.style.stroke = "rgba(27, 31, 35, 0.6)"; + } + + line.appendChild(l); + line.appendChild(text); + + return line; +} + +function yLine(y, label, width, options={}) { + if(!options.pos) options.pos = 'left'; + if(!options.offset) options.offset = 0; + if(!options.mode) options.mode = 'span'; + if(!options.stroke) options.stroke = BASE_LINE_COLOR; + if(!options.className) options.className = ''; + + let x1 = -1 * AXIS_TICK_LENGTH; + let x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0; + + if(options.mode === 'tick' && options.pos === 'right') { + x1 = width + AXIS_TICK_LENGTH; + x2 = width; + } + + // let offset = options.pos === 'left' ? -1 * options.offset : options.offset; + + x1 += options.offset; + x2 += options.offset; + + return makeHoriLine(y, label, x1, x2, { + stroke: options.stroke, + className: options.className, + lineType: options.lineType, + shortenNumbers: options.shortenNumbers + }); +} + +function xLine(x, label, height, options={}) { + if(!options.pos) options.pos = 'bottom'; + if(!options.offset) options.offset = 0; + if(!options.mode) options.mode = 'span'; + if(!options.stroke) options.stroke = BASE_LINE_COLOR; + if(!options.className) options.className = ''; + + // Draw X axis line in span/tick mode with optional label + // y2(span) + // | + // | + // x line | + // | + // | + // ---------------------+-- y2(tick) + // | + // y1 + + let y1 = height + AXIS_TICK_LENGTH; + let y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : height; + + if(options.mode === 'tick' && options.pos === 'top') { + // top axis ticks + y1 = -1 * AXIS_TICK_LENGTH; + y2 = 0; + } + + return makeVertLine(x, label, y1, y2, { + stroke: options.stroke, + className: options.className, + lineType: options.lineType + }); +} + +function yMarker(y, label, width, options={}) { + if(!options.labelPos) options.labelPos = 'right'; + let x = options.labelPos === 'left' ? LABEL_MARGIN + : width - getStringWidth(label, 5) - LABEL_MARGIN; + + let labelSvg = createSVG('text', { + className: 'chart-label', + x: x, + y: 0, + dy: (FONT_SIZE / -2) + 'px', + 'font-size': FONT_SIZE + 'px', + 'text-anchor': 'start', + innerHTML: label+"" + }); + + let line = makeHoriLine(y, '', 0, width, { + stroke: options.stroke || BASE_LINE_COLOR, + className: options.className || '', + lineType: options.lineType + }); + + line.appendChild(labelSvg); + + return line; +} + +function yRegion(y1, y2, width, label, options={}) { + // return a group + let height = y1 - y2; + + let rect = createSVG('rect', { + className: `bar mini`, // remove class + styles: { + fill: `rgba(228, 234, 239, 0.49)`, + stroke: BASE_LINE_COLOR, + 'stroke-dasharray': `${width}, ${height}` + }, + // 'data-point-index': index, + x: 0, + y: 0, + width: width, + height: height + }); + + if(!options.labelPos) options.labelPos = 'right'; + let x = options.labelPos === 'left' ? LABEL_MARGIN + : width - getStringWidth(label+"", 4.5) - LABEL_MARGIN; + + let labelSvg = createSVG('text', { + className: 'chart-label', + x: x, + y: 0, + dy: (FONT_SIZE / -2) + 'px', + 'font-size': FONT_SIZE + 'px', + 'text-anchor': 'start', + innerHTML: label+"" + }); + + let region = createSVG('g', { + transform: `translate(0, ${y2})` + }); + + region.appendChild(rect); + region.appendChild(labelSvg); + + return region; +} + +function datasetBar(x, yTop, width, color, label='', index=0, offset=0, meta={}) { + let [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine); + y -= offset; + + if(height === 0) { + height = meta.minHeight; + y -= meta.minHeight; + } + + let rect = createSVG('rect', { + className: `bar mini`, + style: `fill: ${color}`, + 'data-point-index': index, + x: x, + y: y, + width: width, + height: height + }); + + label += ""; + + if(!label && !label.length) { + return rect; + } else { + rect.setAttribute('y', 0); + rect.setAttribute('x', 0); + let text = createSVG('text', { + className: 'data-point-value', + x: width/2, + y: 0, + dy: (FONT_SIZE / 2 * -1) + 'px', + 'font-size': FONT_SIZE + 'px', + 'text-anchor': 'middle', + innerHTML: label + }); + + let group = createSVG('g', { + 'data-point-index': index, + transform: `translate(${x}, ${y})` + }); + group.appendChild(rect); + group.appendChild(text); + + return group; + } +} + +function datasetDot(x, y, radius, color, label='', index=0) { + let dot = createSVG('circle', { + style: `fill: ${color}`, + 'data-point-index': index, + cx: x, + cy: y, + r: radius + }); + + label += ""; + + if(!label && !label.length) { + return dot; + } else { + dot.setAttribute('cy', 0); + dot.setAttribute('cx', 0); + + let text = createSVG('text', { + className: 'data-point-value', + x: 0, + y: 0, + dy: (FONT_SIZE / 2 * -1 - radius) + 'px', + 'font-size': FONT_SIZE + 'px', + 'text-anchor': 'middle', + innerHTML: label + }); + + let group = createSVG('g', { + 'data-point-index': index, + transform: `translate(${x}, ${y})` + }); + group.appendChild(dot); + group.appendChild(text); + + return group; + } +} + +function getPaths(xList, yList, color, options={}, meta={}) { + let pointsList = yList.map((y, i) => (xList[i] + ',' + y)); + let pointsStr = pointsList.join("L"); + + // Spline + if (options.spline) + pointsStr = createSplineCurve(xList, yList); + + let path = makePath("M"+pointsStr, 'line-graph-path', color); + + // HeatLine + if(options.heatline) { + let gradient_id = makeGradient(meta.svgDefs, color); + path.style.stroke = `url(#${gradient_id})`; + } + + let paths = { + path: path + }; + + // Region + if(options.regionFill) { + let gradient_id_region = makeGradient(meta.svgDefs, color, true); + + let pathStr = "M" + `${xList[0]},${meta.zeroLine}L` + pointsStr + `L${xList.slice(-1)[0]},${meta.zeroLine}`; + paths.region = makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`); + } + + return paths; +} + +let makeOverlay = { + 'bar': (unit) => { + let transformValue; + if(unit.nodeName !== 'rect') { + transformValue = unit.getAttribute('transform'); + unit = unit.childNodes[0]; + } + let overlay = unit.cloneNode(); + overlay.style.fill = '#000000'; + overlay.style.opacity = '0.4'; + + if(transformValue) { + overlay.setAttribute('transform', transformValue); + } + return overlay; + }, + + 'dot': (unit) => { + let transformValue; + if(unit.nodeName !== 'circle') { + transformValue = unit.getAttribute('transform'); + unit = unit.childNodes[0]; + } + let overlay = unit.cloneNode(); + let radius = unit.getAttribute('r'); + let fill = unit.getAttribute('fill'); + overlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR); + overlay.setAttribute('fill', fill); + overlay.style.opacity = '0.6'; + + if(transformValue) { + overlay.setAttribute('transform', transformValue); + } + return overlay; + }, + + 'heat_square': (unit) => { + let transformValue; + if(unit.nodeName !== 'circle') { + transformValue = unit.getAttribute('transform'); + unit = unit.childNodes[0]; + } + let overlay = unit.cloneNode(); + let radius = unit.getAttribute('r'); + let fill = unit.getAttribute('fill'); + overlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR); + overlay.setAttribute('fill', fill); + overlay.style.opacity = '0.6'; + + if(transformValue) { + overlay.setAttribute('transform', transformValue); + } + return overlay; + } +}; + +let updateOverlay = { + 'bar': (unit, overlay) => { + let transformValue; + if(unit.nodeName !== 'rect') { + transformValue = unit.getAttribute('transform'); + unit = unit.childNodes[0]; + } + let attributes = ['x', 'y', 'width', 'height']; + Object.values(unit.attributes) + .filter(attr => attributes.includes(attr.name) && attr.specified) + .map(attr => { + overlay.setAttribute(attr.name, attr.nodeValue); + }); + + if(transformValue) { + overlay.setAttribute('transform', transformValue); + } + }, + + 'dot': (unit, overlay) => { + let transformValue; + if(unit.nodeName !== 'circle') { + transformValue = unit.getAttribute('transform'); + unit = unit.childNodes[0]; + } + let attributes = ['cx', 'cy']; + Object.values(unit.attributes) + .filter(attr => attributes.includes(attr.name) && attr.specified) + .map(attr => { + overlay.setAttribute(attr.name, attr.nodeValue); + }); + + if(transformValue) { + overlay.setAttribute('transform', transformValue); + } + }, + + 'heat_square': (unit, overlay) => { + let transformValue; + if(unit.nodeName !== 'circle') { + transformValue = unit.getAttribute('transform'); + unit = unit.childNodes[0]; + } + let attributes = ['cx', 'cy']; + Object.values(unit.attributes) + .filter(attr => attributes.includes(attr.name) && attr.specified) + .map(attr => { + overlay.setAttribute(attr.name, attr.nodeValue); + }); + + if(transformValue) { + overlay.setAttribute('transform', transformValue); + } + }, +}; + +const UNIT_ANIM_DUR = 350; +const PATH_ANIM_DUR = 350; +const MARKER_LINE_ANIM_DUR = UNIT_ANIM_DUR; +const REPLACE_ALL_NEW_DUR = 250; + +const STD_EASING = 'easein'; + +function translate(unit, oldCoord, newCoord, duration) { + let old = typeof oldCoord === 'string' ? oldCoord : oldCoord.join(', '); + return [ + unit, + {transform: newCoord.join(', ')}, + duration, + STD_EASING, + "translate", + {transform: old} + ]; +} + +function translateVertLine(xLine, newX, oldX) { + return translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR); +} + +function translateHoriLine(yLine, newY, oldY) { + return translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR); +} + +function animateRegion(rectGroup, newY1, newY2, oldY2) { + let newHeight = newY1 - newY2; + let rect = rectGroup.childNodes[0]; + let width = rect.getAttribute("width"); + let rectAnim = [ + rect, + { height: newHeight, 'stroke-dasharray': `${width}, ${newHeight}` }, + MARKER_LINE_ANIM_DUR, + STD_EASING + ]; + + let groupAnim = translate(rectGroup, [0, oldY2], [0, newY2], MARKER_LINE_ANIM_DUR); + return [rectAnim, groupAnim]; +} + +function animateBar(bar, x, yTop, width, offset=0, meta={}) { + let [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine); + y -= offset; + if(bar.nodeName !== 'rect') { + let rect = bar.childNodes[0]; + let rectAnim = [ + rect, + {width: width, height: height}, + UNIT_ANIM_DUR, + STD_EASING + ]; + + let oldCoordStr = bar.getAttribute("transform").split("(")[1].slice(0, -1); + let groupAnim = translate(bar, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR); + return [rectAnim, groupAnim]; + } else { + return [[bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING]]; + } + // bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein); +} + +function animateDot(dot, x, y) { + if(dot.nodeName !== 'circle') { + let oldCoordStr = dot.getAttribute("transform").split("(")[1].slice(0, -1); + let groupAnim = translate(dot, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR); + return [groupAnim]; + } else { + return [[dot, {cx: x, cy: y}, UNIT_ANIM_DUR, STD_EASING]]; + } + // dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein); +} + +function animatePath(paths, newXList, newYList, zeroLine, spline) { + let pathComponents = []; + let pointsStr = newYList.map((y, i) => (newXList[i] + ',' + y)).join("L"); + + if (spline) + pointsStr = createSplineCurve(newXList, newYList); + + const animPath = [paths.path, {d:"M" + pointsStr}, PATH_ANIM_DUR, STD_EASING]; + pathComponents.push(animPath); + + if(paths.region) { + let regStartPt = `${newXList[0]},${zeroLine}L`; + let regEndPt = `L${newXList.slice(-1)[0]}, ${zeroLine}`; + + const animRegion = [ + paths.region, + {d:"M" + regStartPt + pointsStr + regEndPt}, + PATH_ANIM_DUR, + STD_EASING + ]; + pathComponents.push(animRegion); + } + + return pathComponents; +} + +function animatePathStr(oldPath, pathStr) { + return [oldPath, {d: pathStr}, UNIT_ANIM_DUR, STD_EASING]; +} + +// Leveraging SMIL Animations + +const EASING = { + ease: "0.25 0.1 0.25 1", + linear: "0 0 1 1", + // easein: "0.42 0 1 1", + easein: "0.1 0.8 0.2 1", + easeout: "0 0 0.58 1", + easeinout: "0.42 0 0.58 1" +}; + +function animateSVGElement(element, props, dur, easingType="linear", type=undefined, oldValues={}) { + + let animElement = element.cloneNode(true); + let newElement = element.cloneNode(true); + + for(var attributeName in props) { + let animateElement; + if(attributeName === 'transform') { + animateElement = document.createElementNS("http://www.w3.org/2000/svg", "animateTransform"); + } else { + animateElement = document.createElementNS("http://www.w3.org/2000/svg", "animate"); + } + let currentValue = oldValues[attributeName] || element.getAttribute(attributeName); + let value = props[attributeName]; + + let animAttr = { + attributeName: attributeName, + from: currentValue, + to: value, + begin: "0s", + dur: dur/1000 + "s", + values: currentValue + ";" + value, + keySplines: EASING[easingType], + keyTimes: "0;1", + calcMode: "spline", + fill: 'freeze' + }; + + if(type) { + animAttr["type"] = type; + } + + for (var i in animAttr) { + animateElement.setAttribute(i, animAttr[i]); + } + + animElement.appendChild(animateElement); + + if(type) { + newElement.setAttribute(attributeName, `translate(${value})`); + } else { + newElement.setAttribute(attributeName, value); + } + } + + return [animElement, newElement]; +} + +function transform(element, style) { // eslint-disable-line no-unused-vars + element.style.transform = style; + element.style.webkitTransform = style; + element.style.msTransform = style; + element.style.mozTransform = style; + element.style.oTransform = style; +} + +function animateSVG(svgContainer, elements) { + let newElements = []; + let animElements = []; + + elements.map(element => { + let unit = element[0]; + let parent = unit.parentNode; + + let animElement, newElement; + + element[0] = unit; + [animElement, newElement] = animateSVGElement(...element); + + newElements.push(newElement); + animElements.push([animElement, parent]); + + parent.replaceChild(animElement, unit); + }); + + let animSvg = svgContainer.cloneNode(true); + + animElements.map((animElement, i) => { + animElement[1].replaceChild(newElements[i], animElement[0]); + elements[i][0] = newElements[i]; + }); + + return animSvg; +} + +function runSMILAnimation(parent, svgElement, elementsToAnimate) { + if(elementsToAnimate.length === 0) return; + + let animSvgElement = animateSVG(svgElement, elementsToAnimate); + if(svgElement.parentNode == parent) { + parent.removeChild(svgElement); + parent.appendChild(animSvgElement); + + } + + // Replace the new svgElement (data has already been replaced) + setTimeout(() => { + if(animSvgElement.parentNode == parent) { + parent.removeChild(animSvgElement); + parent.appendChild(svgElement); + } + }, REPLACE_ALL_NEW_DUR); +} + +const CSSTEXT = ".chart-container{position:relative;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .legend-dataset-text{fill:#6c7680;font-weight:600}.graph-svg-tip{position:absolute;z-index:99999;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.graph-svg-tip ul{padding-left:0;display:flex}.graph-svg-tip ol{padding-left:0;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:' ';border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}"; + +function downloadFile(filename, data) { + var a = document.createElement('a'); + a.style = "display: none"; + var blob = new Blob(data, {type: "image/svg+xml; charset=utf-8"}); + var url = window.URL.createObjectURL(blob); + a.href = url; + a.download = filename; + document.body.appendChild(a); + a.click(); + setTimeout(function(){ + document.body.removeChild(a); + window.URL.revokeObjectURL(url); + }, 300); +} + +function prepareForExport(svg) { + let clone = svg.cloneNode(true); + clone.classList.add('chart-container'); + clone.setAttribute('xmlns', "http://www.w3.org/2000/svg"); + clone.setAttribute('xmlns:xlink', "http://www.w3.org/1999/xlink"); + let styleEl = $.create('style', { + 'innerHTML': CSSTEXT + }); + clone.insertBefore(styleEl, clone.firstChild); + + let container = $.create('div'); + container.appendChild(clone); + + return container.innerHTML; +} + +class BaseChart { + constructor(parent, options) { + + this.parent = typeof parent === 'string' + ? document.querySelector(parent) + : parent; + + if (!(this.parent instanceof HTMLElement)) { + throw new Error('No `parent` element to render on was provided.'); + } + + this.rawChartArgs = options; + + this.title = options.title || ''; + this.type = options.type || ''; + + this.realData = this.prepareData(options.data); + this.data = this.prepareFirstData(this.realData); + + this.colors = this.validateColors(options.colors, this.type); + + this.config = { + showTooltip: 1, // calculate + showLegend: 1, // calculate + isNavigable: options.isNavigable || 0, + animate: 1, + truncateLegends: options.truncateLegends || 0 + }; + + this.measures = JSON.parse(JSON.stringify(BASE_MEASURES)); + let m = this.measures; + this.setMeasures(options); + if(!this.title.length) { m.titleHeight = 0; } + if(!this.config.showLegend) m.legendHeight = 0; + this.argHeight = options.height || m.baseHeight; + + this.state = {}; + this.options = {}; + + this.initTimeout = INIT_CHART_UPDATE_TIMEOUT; + + if(this.config.isNavigable) { + this.overlays = []; + } + + this.configure(options); + } + + prepareData(data) { + return data; + } + + prepareFirstData(data) { + return data; + } + + validateColors(colors, type) { + const validColors = []; + colors = (colors || []).concat(DEFAULT_COLORS[type]); + colors.forEach((string) => { + const color = getColor(string); + if(!isValidColor(color)) { + console.warn('"' + string + '" is not a valid color.'); + } else { + validColors.push(color); + } + }); + return validColors; + } + + setMeasures() { + // Override measures, including those for title and legend + // set config for legend and title + } + + configure() { + let height = this.argHeight; + this.baseHeight = height; + this.height = height - getExtraHeight(this.measures); + + // Bind window events + this.boundDrawFn = () => this.draw(true); + window.addEventListener('resize', this.boundDrawFn); + window.addEventListener('orientationchange', this.boundDrawFn); + } + + destroy() { + window.removeEventListener('resize', this.boundDrawFn); + window.removeEventListener('orientationchange', this.boundDrawFn); + } + + // Has to be called manually + setup() { + this.makeContainer(); + this.updateWidth(); + this.makeTooltip(); + + this.draw(false, true); + } + + makeContainer() { + // Chart needs a dedicated parent element + this.parent.innerHTML = ''; + + let args = { + inside: this.parent, + className: 'chart-container' + }; + + if(this.independentWidth) { + args.styles = { width: this.independentWidth + 'px' }; + } + + this.container = $.create('div', args); + } + + makeTooltip() { + this.tip = new SvgTip({ + parent: this.container, + colors: this.colors + }); + this.bindTooltip(); + } + + bindTooltip() {} + + draw(onlyWidthChange=false, init=false) { + this.updateWidth(); + + this.calc(onlyWidthChange); + this.makeChartArea(); + this.setupComponents(); + + this.components.forEach(c => c.setup(this.drawArea)); + // this.components.forEach(c => c.make()); + this.render(this.components, false); + + if(init) { + this.data = this.realData; + setTimeout(() => {this.update(this.data);}, this.initTimeout); + } + + this.renderLegend(); + + this.setupNavigation(init); + } + + calc() {} // builds state + + updateWidth() { + this.baseWidth = getElementContentWidth(this.parent); + this.width = this.baseWidth - getExtraWidth(this.measures); + } + + makeChartArea() { + if(this.svg) { + this.container.removeChild(this.svg); + } + let m = this.measures; + + this.svg = makeSVGContainer( + this.container, + 'frappe-chart chart', + this.baseWidth, + this.baseHeight + ); + this.svgDefs = makeSVGDefs(this.svg); + + if(this.title.length) { + this.titleEL = makeText( + 'title', + m.margins.left, + m.margins.top, + this.title, + { + fontSize: m.titleFontSize, + fill: '#666666', + dy: m.titleFontSize + } + ); + } + + let top = getTopOffset(m); + this.drawArea = makeSVGGroup( + this.type + '-chart chart-draw-area', + `translate(${getLeftOffset(m)}, ${top})` + ); + + if(this.config.showLegend) { + top += this.height + m.paddings.bottom; + this.legendArea = makeSVGGroup( + 'chart-legend', + `translate(${getLeftOffset(m)}, ${top})` + ); + } + + if(this.title.length) { this.svg.appendChild(this.titleEL); } + this.svg.appendChild(this.drawArea); + if(this.config.showLegend) { this.svg.appendChild(this.legendArea); } + + this.updateTipOffset(getLeftOffset(m), getTopOffset(m)); + } + + updateTipOffset(x, y) { + this.tip.offset = { + x: x, + y: y + }; + } + + setupComponents() { this.components = new Map(); } + + update(data) { + if(!data) { + console.error('No data to update.'); + } + this.data = this.prepareData(data); + this.calc(); // builds state + this.render(); + } + + render(components=this.components, animate=true) { + if(this.config.isNavigable) { + // Remove all existing overlays + this.overlays.map(o => o.parentNode.removeChild(o)); + // ref.parentNode.insertBefore(element, ref); + } + let elementsToAnimate = []; + // Can decouple to this.refreshComponents() first to save animation timeout + components.forEach(c => { + elementsToAnimate = elementsToAnimate.concat(c.update(animate)); + }); + if(elementsToAnimate.length > 0) { + runSMILAnimation(this.container, this.svg, elementsToAnimate); + setTimeout(() => { + components.forEach(c => c.make()); + this.updateNav(); + }, CHART_POST_ANIMATE_TIMEOUT); + } else { + components.forEach(c => c.make()); + this.updateNav(); + } + } + + updateNav() { + if(this.config.isNavigable) { + this.makeOverlay(); + this.bindUnits(); + } + } + + renderLegend() {} + + setupNavigation(init=false) { + if(!this.config.isNavigable) return; + + if(init) { + this.bindOverlay(); + + this.keyActions = { + '13': this.onEnterKey.bind(this), + '37': this.onLeftArrow.bind(this), + '38': this.onUpArrow.bind(this), + '39': this.onRightArrow.bind(this), + '40': this.onDownArrow.bind(this), + }; + + document.addEventListener('keydown', (e) => { + if(isElementInViewport(this.container)) { + e = e || window.event; + if(this.keyActions[e.keyCode]) { + this.keyActions[e.keyCode](); + } + } + }); + } + } + + makeOverlay() {} + updateOverlay() {} + bindOverlay() {} + bindUnits() {} + + onLeftArrow() {} + onRightArrow() {} + onUpArrow() {} + onDownArrow() {} + onEnterKey() {} + + addDataPoint() {} + removeDataPoint() {} + + getDataPoint() {} + setCurrentDataPoint() {} + + updateDataset() {} + + export() { + let chartSvg = prepareForExport(this.svg); + downloadFile(this.title || 'Chart', [chartSvg]); + } +} + +class AggregationChart extends BaseChart { + constructor(parent, args) { + super(parent, args); + } + + configure(args) { + super.configure(args); + + this.config.maxSlices = args.maxSlices || 20; + this.config.maxLegendPoints = args.maxLegendPoints || 20; + } + + calc() { + let s = this.state; + let maxSlices = this.config.maxSlices; + s.sliceTotals = []; + + let allTotals = this.data.labels.map((label, i) => { + let total = 0; + this.data.datasets.map(e => { + total += e.values[i]; + }); + return [total, label]; + }).filter(d => { return d[0] >= 0; }); // keep only positive results + + let totals = allTotals; + if(allTotals.length > maxSlices) { + // Prune and keep a grey area for rest as per maxSlices + allTotals.sort((a, b) => { return b[0] - a[0]; }); + + totals = allTotals.slice(0, maxSlices-1); + let remaining = allTotals.slice(maxSlices-1); + + let sumOfRemaining = 0; + remaining.map(d => {sumOfRemaining += d[0];}); + totals.push([sumOfRemaining, 'Rest']); + this.colors[maxSlices-1] = 'grey'; + } + + s.labels = []; + totals.map(d => { + s.sliceTotals.push(d[0]); + s.labels.push(d[1]); + }); + + s.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0); + + this.center = { + x: this.width / 2, + y: this.height / 2 + }; + } + + renderLegend() { + let s = this.state; + this.legendArea.textContent = ''; + this.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints); + + let count = 0; + let y = 0; + this.legendTotals.map((d, i) => { + let barWidth = 110; + let divisor = Math.floor( + (this.width - getExtraWidth(this.measures))/barWidth + ); + if (this.legendTotals.length < divisor) { + barWidth = this.width/this.legendTotals.length; + } + if(count > divisor) { + count = 0; + y += 20; + } + let x = barWidth * count + 5; + let dot = legendDot( + x, + y, + 5, + this.colors[i], + `${s.labels[i]}: ${d}` + ); + this.legendArea.appendChild(dot); + count++; + }); + } +} + +// Playing around with dates + +const NO_OF_YEAR_MONTHS = 12; +const NO_OF_DAYS_IN_WEEK = 7; + +const NO_OF_MILLIS = 1000; +const SEC_IN_DAY = 86400; + +const MONTH_NAMES = ["January", "February", "March", "April", "May", + "June", "July", "August", "September", "October", "November", "December"]; + + +const DAY_NAMES_SHORT = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"]; + + +// https://stackoverflow.com/a/11252167/6495043 +function treatAsUtc(date) { + let result = new Date(date); + result.setMinutes(result.getMinutes() - result.getTimezoneOffset()); + return result; +} + +function getYyyyMmDd(date) { + let dd = date.getDate(); + let mm = date.getMonth() + 1; // getMonth() is zero-based + return [ + date.getFullYear(), + (mm>9 ? '' : '0') + mm, + (dd>9 ? '' : '0') + dd + ].join('-'); +} + +function clone(date) { + return new Date(date.getTime()); +} + + + + + +// export function getMonthsBetween(startDate, endDate) {} + +function getWeeksBetween(startDate, endDate) { + let weekStartDate = setDayToSunday(startDate); + return Math.ceil(getDaysBetween(weekStartDate, endDate) / NO_OF_DAYS_IN_WEEK); +} + +function getDaysBetween(startDate, endDate) { + let millisecondsPerDay = SEC_IN_DAY * NO_OF_MILLIS; + return (treatAsUtc(endDate) - treatAsUtc(startDate)) / millisecondsPerDay; +} + +function areInSameMonth(startDate, endDate) { + return startDate.getMonth() === endDate.getMonth() + && startDate.getFullYear() === endDate.getFullYear(); +} + +function getMonthName(i, short=false) { + let monthName = MONTH_NAMES[i]; + return short ? monthName.slice(0, 3) : monthName; +} + +function getLastDateInMonth (month, year) { + return new Date(year, month + 1, 0); // 0: last day in previous month +} + +// mutates +function setDayToSunday(date) { + let newDate = clone(date); + const day = newDate.getDay(); + if(day !== 0) { + addDays(newDate, (-1) * day); + } + return newDate; +} + +// mutates +function addDays(date, numberOfDays) { + date.setDate(date.getDate() + numberOfDays); +} + +class ChartComponent { + constructor({ + layerClass = '', + layerTransform = '', + constants, + + getData, + makeElements, + animateElements + }) { + this.layerTransform = layerTransform; + this.constants = constants; + + this.makeElements = makeElements; + this.getData = getData; + + this.animateElements = animateElements; + + this.store = []; + this.labels = []; + + this.layerClass = layerClass; + this.layerClass = typeof(this.layerClass) === 'function' + ? this.layerClass() : this.layerClass; + + this.refresh(); + } + + refresh(data) { + this.data = data || this.getData(); + } + + setup(parent) { + this.layer = makeSVGGroup(this.layerClass, this.layerTransform, parent); + } + + make() { + this.render(this.data); + this.oldData = this.data; + } + + render(data) { + this.store = this.makeElements(data); + + this.layer.textContent = ''; + this.store.forEach(element => { + this.layer.appendChild(element); + }); + this.labels.forEach(element => { + this.layer.appendChild(element); + }); + } + + update(animate = true) { + this.refresh(); + let animateElements = []; + if(animate) { + animateElements = this.animateElements(this.data) || []; + } + return animateElements; + } +} + +let componentConfigs = { + donutSlices: { + layerClass: 'donut-slices', + makeElements(data) { + return data.sliceStrings.map((s, i) => { + let slice = makePath(s, 'donut-path', data.colors[i], 'none', data.strokeWidth); + slice.style.transition = 'transform .3s;'; + return slice; + }); + }, + + animateElements(newData) { + return this.store.map((slice, i) => animatePathStr(slice, newData.sliceStrings[i])); + }, + }, + pieSlices: { + layerClass: 'pie-slices', + makeElements(data) { + return data.sliceStrings.map((s, i) =>{ + let slice = makePath(s, 'pie-path', 'none', data.colors[i]); + slice.style.transition = 'transform .3s;'; + return slice; + }); + }, + + animateElements(newData) { + return this.store.map((slice, i) => + animatePathStr(slice, newData.sliceStrings[i]) + ); + } + }, + percentageBars: { + layerClass: 'percentage-bars', + makeElements(data) { + return data.xPositions.map((x, i) =>{ + let y = 0; + let bar = percentageBar(x, y, data.widths[i], + this.constants.barHeight, this.constants.barDepth, data.colors[i]); + return bar; + }); + }, + + animateElements(newData) { + if(newData) return []; + } + }, + yAxis: { + layerClass: 'y axis', + makeElements(data) { + return data.positions.map((position, i) => + yLine(position, data.labels[i], this.constants.width, + {mode: this.constants.mode, pos: this.constants.pos, shortenNumbers: this.constants.shortenNumbers}) + ); + }, + + animateElements(newData) { + let newPos = newData.positions; + let newLabels = newData.labels; + let oldPos = this.oldData.positions; + let oldLabels = this.oldData.labels; + + [oldPos, newPos] = equilizeNoOfElements(oldPos, newPos); + [oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels); + + this.render({ + positions: oldPos, + labels: newLabels + }); + + return this.store.map((line, i) => { + return translateHoriLine( + line, newPos[i], oldPos[i] + ); + }); + } + }, + + xAxis: { + layerClass: 'x axis', + makeElements(data) { + return data.positions.map((position, i) => + xLine(position, data.calcLabels[i], this.constants.height, + {mode: this.constants.mode, pos: this.constants.pos}) + ); + }, + + animateElements(newData) { + let newPos = newData.positions; + let newLabels = newData.calcLabels; + let oldPos = this.oldData.positions; + let oldLabels = this.oldData.calcLabels; + + [oldPos, newPos] = equilizeNoOfElements(oldPos, newPos); + [oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels); + + this.render({ + positions: oldPos, + calcLabels: newLabels + }); + + return this.store.map((line, i) => { + return translateVertLine( + line, newPos[i], oldPos[i] + ); + }); + } + }, + + yMarkers: { + layerClass: 'y-markers', + makeElements(data) { + return data.map(m => + yMarker(m.position, m.label, this.constants.width, + {labelPos: m.options.labelPos, mode: 'span', lineType: 'dashed'}) + ); + }, + animateElements(newData) { + [this.oldData, newData] = equilizeNoOfElements(this.oldData, newData); + + let newPos = newData.map(d => d.position); + let newLabels = newData.map(d => d.label); + let newOptions = newData.map(d => d.options); + + let oldPos = this.oldData.map(d => d.position); + + this.render(oldPos.map((pos, i) => { + return { + position: oldPos[i], + label: newLabels[i], + options: newOptions[i] + }; + })); + + return this.store.map((line, i) => { + return translateHoriLine( + line, newPos[i], oldPos[i] + ); + }); + } + }, + + yRegions: { + layerClass: 'y-regions', + makeElements(data) { + return data.map(r => + yRegion(r.startPos, r.endPos, this.constants.width, + r.label, {labelPos: r.options.labelPos}) + ); + }, + animateElements(newData) { + [this.oldData, newData] = equilizeNoOfElements(this.oldData, newData); + + let newPos = newData.map(d => d.endPos); + let newLabels = newData.map(d => d.label); + let newStarts = newData.map(d => d.startPos); + let newOptions = newData.map(d => d.options); + + let oldPos = this.oldData.map(d => d.endPos); + let oldStarts = this.oldData.map(d => d.startPos); + + this.render(oldPos.map((pos, i) => { + return { + startPos: oldStarts[i], + endPos: oldPos[i], + label: newLabels[i], + options: newOptions[i] + }; + })); + + let animateElements = []; + + this.store.map((rectGroup, i) => { + animateElements = animateElements.concat(animateRegion( + rectGroup, newStarts[i], newPos[i], oldPos[i] + )); + }); + + return animateElements; + } + }, + + heatDomain: { + layerClass: function() { return 'heat-domain domain-' + this.constants.index; }, + makeElements(data) { + let {index, colWidth, rowHeight, squareSize, xTranslate} = this.constants; + let monthNameHeight = -12; + let x = xTranslate, y = 0; + + this.serializedSubDomains = []; + + data.cols.map((week, weekNo) => { + if(weekNo === 1) { + this.labels.push( + makeText('domain-name', x, monthNameHeight, getMonthName(index, true).toUpperCase(), + { + fontSize: 9 + } + ) + ); + } + week.map((day, i) => { + if(day.fill) { + let data = { + 'data-date': day.yyyyMmDd, + 'data-value': day.dataValue, + 'data-day': i + }; + let square = heatSquare('day', x, y, squareSize, day.fill, data); + this.serializedSubDomains.push(square); + } + y += rowHeight; + }); + y = 0; + x += colWidth; + }); + + return this.serializedSubDomains; + }, + + animateElements(newData) { + if(newData) return []; + } + }, + + barGraph: { + layerClass: function() { return 'dataset-units dataset-bars dataset-' + this.constants.index; }, + makeElements(data) { + let c = this.constants; + this.unitType = 'bar'; + this.units = data.yPositions.map((y, j) => { + return datasetBar( + data.xPositions[j], + y, + data.barWidth, + c.color, + data.labels[j], + j, + data.offsets[j], + { + zeroLine: data.zeroLine, + barsWidth: data.barsWidth, + minHeight: c.minHeight + } + ); + }); + return this.units; + }, + animateElements(newData) { + let newXPos = newData.xPositions; + let newYPos = newData.yPositions; + let newOffsets = newData.offsets; + let newLabels = newData.labels; + + let oldXPos = this.oldData.xPositions; + let oldYPos = this.oldData.yPositions; + let oldOffsets = this.oldData.offsets; + let oldLabels = this.oldData.labels; + + [oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos); + [oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos); + [oldOffsets, newOffsets] = equilizeNoOfElements(oldOffsets, newOffsets); + [oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels); + + this.render({ + xPositions: oldXPos, + yPositions: oldYPos, + offsets: oldOffsets, + labels: newLabels, + + zeroLine: this.oldData.zeroLine, + barsWidth: this.oldData.barsWidth, + barWidth: this.oldData.barWidth, + }); + + let animateElements = []; + + this.store.map((bar, i) => { + animateElements = animateElements.concat(animateBar( + bar, newXPos[i], newYPos[i], newData.barWidth, newOffsets[i], + {zeroLine: newData.zeroLine} + )); + }); + + return animateElements; + } + }, + + lineGraph: { + layerClass: function() { return 'dataset-units dataset-line dataset-' + this.constants.index; }, + makeElements(data) { + let c = this.constants; + this.unitType = 'dot'; + this.paths = {}; + if(!c.hideLine) { + this.paths = getPaths( + data.xPositions, + data.yPositions, + c.color, + { + heatline: c.heatline, + regionFill: c.regionFill, + spline: c.spline + }, + { + svgDefs: c.svgDefs, + zeroLine: data.zeroLine + } + ); + } + + this.units = []; + if(!c.hideDots) { + this.units = data.yPositions.map((y, j) => { + return datasetDot( + data.xPositions[j], + y, + data.radius, + c.color, + (c.valuesOverPoints ? data.values[j] : ''), + j + ); + }); + } + + return Object.values(this.paths).concat(this.units); + }, + animateElements(newData) { + let newXPos = newData.xPositions; + let newYPos = newData.yPositions; + let newValues = newData.values; + + let oldXPos = this.oldData.xPositions; + let oldYPos = this.oldData.yPositions; + let oldValues = this.oldData.values; + + [oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos); + [oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos); + [oldValues, newValues] = equilizeNoOfElements(oldValues, newValues); + + this.render({ + xPositions: oldXPos, + yPositions: oldYPos, + values: newValues, + + zeroLine: this.oldData.zeroLine, + radius: this.oldData.radius, + }); + + let animateElements = []; + + if(Object.keys(this.paths).length) { + animateElements = animateElements.concat(animatePath( + this.paths, newXPos, newYPos, newData.zeroLine, this.constants.spline)); + } + + if(this.units.length) { + this.units.map((dot, i) => { + animateElements = animateElements.concat(animateDot( + dot, newXPos[i], newYPos[i])); + }); + } + + return animateElements; + } + } +}; + +function getComponent(name, constants, getData) { + let keys = Object.keys(componentConfigs).filter(k => name.includes(k)); + let config = componentConfigs[keys[0]]; + Object.assign(config, { + constants: constants, + getData: getData + }); + return new ChartComponent(config); +} + +class PercentageChart extends AggregationChart { + constructor(parent, args) { + super(parent, args); + this.type = 'percentage'; + this.setup(); + } + + setMeasures(options) { + let m = this.measures; + this.barOptions = options.barOptions || {}; + + let b = this.barOptions; + b.height = b.height || PERCENTAGE_BAR_DEFAULT_HEIGHT; + b.depth = b.depth || PERCENTAGE_BAR_DEFAULT_DEPTH; + + m.paddings.right = 30; + m.legendHeight = 60; + m.baseHeight = (b.height + b.depth * 0.5) * 8; + } + + setupComponents() { + let s = this.state; + + let componentConfigs = [ + [ + 'percentageBars', + { + barHeight: this.barOptions.height, + barDepth: this.barOptions.depth, + }, + function() { + return { + xPositions: s.xPositions, + widths: s.widths, + colors: this.colors + }; + }.bind(this) + ] + ]; + + this.components = new Map(componentConfigs + .map(args => { + let component = getComponent(...args); + return [args[0], component]; + })); + } + + calc() { + super.calc(); + let s = this.state; + + s.xPositions = []; + s.widths = []; + + let xPos = 0; + s.sliceTotals.map((value) => { + let width = this.width * value / s.grandTotal; + s.widths.push(width); + s.xPositions.push(xPos); + xPos += width; + }); + } + + makeDataByIndex() { } + + bindTooltip() { + let s = this.state; + this.container.addEventListener('mousemove', (e) => { + let bars = this.components.get('percentageBars').store; + let bar = e.target; + if(bars.includes(bar)) { + + let i = bars.indexOf(bar); + let gOff = getOffset(this.container), pOff = getOffset(bar); + + let x = pOff.left - gOff.left + parseInt(bar.getAttribute('width'))/2; + let y = pOff.top - gOff.top; + let title = (this.formattedLabels && this.formattedLabels.length>0 + ? this.formattedLabels[i] : this.state.labels[i]) + ': '; + let fraction = s.sliceTotals[i]/s.grandTotal; + + this.tip.setValues(x, y, {name: title, value: (fraction*100).toFixed(1) + "%"}); + this.tip.showTip(); + } + }); + } +} + +class PieChart extends AggregationChart { + constructor(parent, args) { + super(parent, args); + this.type = 'pie'; + this.initTimeout = 0; + this.init = 1; + + this.setup(); + } + + configure(args) { + super.configure(args); + this.mouseMove = this.mouseMove.bind(this); + this.mouseLeave = this.mouseLeave.bind(this); + + this.hoverRadio = args.hoverRadio || 0.1; + this.config.startAngle = args.startAngle || 0; + + this.clockWise = args.clockWise || false; + } + + calc() { + super.calc(); + let s = this.state; + this.radius = (this.height > this.width ? this.center.x : this.center.y); + + const { radius, clockWise } = this; + + const prevSlicesProperties = s.slicesProperties || []; + s.sliceStrings = []; + s.slicesProperties = []; + let curAngle = 180 - this.config.startAngle; + s.sliceTotals.map((total, i) => { + const startAngle = curAngle; + const originDiffAngle = (total / s.grandTotal) * FULL_ANGLE; + const largeArc = originDiffAngle > 180 ? 1: 0; + const diffAngle = clockWise ? -originDiffAngle : originDiffAngle; + const endAngle = curAngle = curAngle + diffAngle; + const startPosition = getPositionByAngle(startAngle, radius); + const endPosition = getPositionByAngle(endAngle, radius); + + const prevProperty = this.init && prevSlicesProperties[i]; + + let curStart,curEnd; + if(this.init) { + curStart = prevProperty ? prevProperty.startPosition : startPosition; + curEnd = prevProperty ? prevProperty.endPosition : startPosition; + } else { + curStart = startPosition; + curEnd = endPosition; + } + const curPath = + originDiffAngle === 360 + ? makeCircleStr(curStart, curEnd, this.center, this.radius, clockWise, largeArc) + : makeArcPathStr(curStart, curEnd, this.center, this.radius, clockWise, largeArc); + + s.sliceStrings.push(curPath); + s.slicesProperties.push({ + startPosition, + endPosition, + value: total, + total: s.grandTotal, + startAngle, + endAngle, + angle: diffAngle + }); + + }); + this.init = 0; + } + + setupComponents() { + let s = this.state; + + let componentConfigs = [ + [ + 'pieSlices', + { }, + function() { + return { + sliceStrings: s.sliceStrings, + colors: this.colors + }; + }.bind(this) + ] + ]; + + this.components = new Map(componentConfigs + .map(args => { + let component = getComponent(...args); + return [args[0], component]; + })); + } + + calTranslateByAngle(property){ + const{radius,hoverRadio} = this; + const position = getPositionByAngle(property.startAngle+(property.angle / 2),radius); + return `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`; + } + + hoverSlice(path,i,flag,e){ + if(!path) return; + const color = this.colors[i]; + if(flag) { + transform(path, this.calTranslateByAngle(this.state.slicesProperties[i])); + path.style.fill = lightenDarkenColor(color, 50); + let g_off = getOffset(this.svg); + let x = e.pageX - g_off.left + 10; + let y = e.pageY - g_off.top - 10; + let title = (this.formatted_labels && this.formatted_labels.length > 0 + ? this.formatted_labels[i] : this.state.labels[i]) + ': '; + let percent = (this.state.sliceTotals[i] * 100 / this.state.grandTotal).toFixed(1); + this.tip.setValues(x, y, {name: title, value: percent + "%"}); + this.tip.showTip(); + } else { + transform(path,'translate3d(0,0,0)'); + this.tip.hideTip(); + path.style.fill = color; + } + } + + bindTooltip() { + this.container.addEventListener('mousemove', this.mouseMove); + this.container.addEventListener('mouseleave', this.mouseLeave); + } + + mouseMove(e){ + const target = e.target; + let slices = this.components.get('pieSlices').store; + let prevIndex = this.curActiveSliceIndex; + let prevAcitve = this.curActiveSlice; + if(slices.includes(target)) { + let i = slices.indexOf(target); + this.hoverSlice(prevAcitve, prevIndex,false); + this.curActiveSlice = target; + this.curActiveSliceIndex = i; + this.hoverSlice(target, i, true, e); + } else { + this.mouseLeave(); + } + } + + mouseLeave(){ + this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false); + } +} + +function normalize(x) { + // Calculates mantissa and exponent of a number + // Returns normalized number and exponent + // https://stackoverflow.com/q/9383593/6495043 + + if(x===0) { + return [0, 0]; + } + if(isNaN(x)) { + return {mantissa: -6755399441055744, exponent: 972}; + } + var sig = x > 0 ? 1 : -1; + if(!isFinite(x)) { + return {mantissa: sig * 4503599627370496, exponent: 972}; + } + + x = Math.abs(x); + var exp = Math.floor(Math.log10(x)); + var man = x/Math.pow(10, exp); + + return [sig * man, exp]; +} + +function getChartRangeIntervals(max, min=0) { + let upperBound = Math.ceil(max); + let lowerBound = Math.floor(min); + let range = upperBound - lowerBound; + + let noOfParts = range; + let partSize = 1; + + // To avoid too many partitions + if(range > 5) { + if(range % 2 !== 0) { + upperBound++; + // Recalc range + range = upperBound - lowerBound; + } + noOfParts = range/2; + partSize = 2; + } + + // Special case: 1 and 2 + if(range <= 2) { + noOfParts = 4; + partSize = range/noOfParts; + } + + // Special case: 0 + if(range === 0) { + noOfParts = 5; + partSize = 1; + } + + let intervals = []; + for(var i = 0; i <= noOfParts; i++){ + intervals.push(lowerBound + partSize * i); + } + return intervals; +} + +function getChartIntervals(maxValue, minValue=0) { + let [normalMaxValue, exponent] = normalize(maxValue); + let normalMinValue = minValue ? minValue/Math.pow(10, exponent): 0; + + // Allow only 7 significant digits + normalMaxValue = normalMaxValue.toFixed(6); + + let intervals = getChartRangeIntervals(normalMaxValue, normalMinValue); + intervals = intervals.map(value => value * Math.pow(10, exponent)); + return intervals; +} + +function calcChartIntervals(values, withMinimum=false) { + //*** Where the magic happens *** + + // Calculates best-fit y intervals from given values + // and returns the interval array + + let maxValue = Math.max(...values); + let minValue = Math.min(...values); + + // Exponent to be used for pretty print + let exponent = 0, intervals = []; // eslint-disable-line no-unused-vars + + function getPositiveFirstIntervals(maxValue, absMinValue) { + let intervals = getChartIntervals(maxValue); + + let intervalSize = intervals[1] - intervals[0]; + + // Then unshift the negative values + let value = 0; + for(var i = 1; value < absMinValue; i++) { + value += intervalSize; + intervals.unshift((-1) * value); + } + return intervals; + } + + // CASE I: Both non-negative + + if(maxValue >= 0 && minValue >= 0) { + exponent = normalize(maxValue)[1]; + if(!withMinimum) { + intervals = getChartIntervals(maxValue); + } else { + intervals = getChartIntervals(maxValue, minValue); + } + } + + // CASE II: Only minValue negative + + else if(maxValue > 0 && minValue < 0) { + // `withMinimum` irrelevant in this case, + // We'll be handling both sides of zero separately + // (both starting from zero) + // Because ceil() and floor() behave differently + // in those two regions + + let absMinValue = Math.abs(minValue); + + if(maxValue >= absMinValue) { + exponent = normalize(maxValue)[1]; + intervals = getPositiveFirstIntervals(maxValue, absMinValue); + } else { + // Mirror: maxValue => absMinValue, then change sign + exponent = normalize(absMinValue)[1]; + let posIntervals = getPositiveFirstIntervals(absMinValue, maxValue); + intervals = posIntervals.map(d => d * (-1)); + } + + } + + // CASE III: Both non-positive + + else if(maxValue <= 0 && minValue <= 0) { + // Mirrored Case I: + // Work with positives, then reverse the sign and array + + let pseudoMaxValue = Math.abs(minValue); + let pseudoMinValue = Math.abs(maxValue); + + exponent = normalize(pseudoMaxValue)[1]; + if(!withMinimum) { + intervals = getChartIntervals(pseudoMaxValue); + } else { + intervals = getChartIntervals(pseudoMaxValue, pseudoMinValue); + } + + intervals = intervals.reverse().map(d => d * (-1)); + } + + return intervals; +} + +function getZeroIndex(yPts) { + let zeroIndex; + let interval = getIntervalSize(yPts); + if(yPts.indexOf(0) >= 0) { + // the range has a given zero + // zero-line on the chart + zeroIndex = yPts.indexOf(0); + } else if(yPts[0] > 0) { + // Minimum value is positive + // zero-line is off the chart: below + let min = yPts[0]; + zeroIndex = (-1) * min / interval; + } else { + // Maximum value is negative + // zero-line is off the chart: above + let max = yPts[yPts.length - 1]; + zeroIndex = (-1) * max / interval + (yPts.length - 1); + } + return zeroIndex; +} + + + +function getIntervalSize(orderedArray) { + return orderedArray[1] - orderedArray[0]; +} + +function getValueRange(orderedArray) { + return orderedArray[orderedArray.length-1] - orderedArray[0]; +} + +function scale(val, yAxis) { + return floatTwo(yAxis.zeroLine - val * yAxis.scaleMultiplier); +} + + + + + +function getClosestInArray(goal, arr, index = false) { + let closest = arr.reduce(function(prev, curr) { + return (Math.abs(curr - goal) < Math.abs(prev - goal) ? curr : prev); + }, []); + + return index ? arr.indexOf(closest) : closest; +} + +function calcDistribution(values, distributionSize) { + // Assume non-negative values, + // implying distribution minimum at zero + + let dataMaxValue = Math.max(...values); + + let distributionStep = 1 / (distributionSize - 1); + let distribution = []; + + for(var i = 0; i < distributionSize; i++) { + let checkpoint = dataMaxValue * (distributionStep * i); + distribution.push(checkpoint); + } + + return distribution; +} + +function getMaxCheckpoint(value, distribution) { + return distribution.filter(d => d < value).length; +} + +const COL_WIDTH = HEATMAP_SQUARE_SIZE + HEATMAP_GUTTER_SIZE; +const ROW_HEIGHT = COL_WIDTH; +// const DAY_INCR = 1; + +class Heatmap extends BaseChart { + constructor(parent, options) { + super(parent, options); + this.type = 'heatmap'; + + this.countLabel = options.countLabel || ''; + + let validStarts = ['Sunday', 'Monday']; + let startSubDomain = validStarts.includes(options.startSubDomain) + ? options.startSubDomain : 'Sunday'; + this.startSubDomainIndex = validStarts.indexOf(startSubDomain); + + this.setup(); + } + + setMeasures(options) { + let m = this.measures; + this.discreteDomains = options.discreteDomains === 0 ? 0 : 1; + + m.paddings.top = ROW_HEIGHT * 3; + m.paddings.bottom = 0; + m.legendHeight = ROW_HEIGHT * 2; + m.baseHeight = ROW_HEIGHT * NO_OF_DAYS_IN_WEEK + + getExtraHeight(m); + + let d = this.data; + let spacing = this.discreteDomains ? NO_OF_YEAR_MONTHS : 0; + this.independentWidth = (getWeeksBetween(d.start, d.end) + + spacing) * COL_WIDTH + getExtraWidth(m); + } + + updateWidth() { + let spacing = this.discreteDomains ? NO_OF_YEAR_MONTHS : 0; + let noOfWeeks = this.state.noOfWeeks ? this.state.noOfWeeks : 52; + this.baseWidth = (noOfWeeks + spacing) * COL_WIDTH + + getExtraWidth(this.measures); + } + + prepareData(data=this.data) { + if(data.start && data.end && data.start > data.end) { + throw new Error('Start date cannot be greater than end date.'); + } + + if(!data.start) { + data.start = new Date(); + data.start.setFullYear( data.start.getFullYear() - 1 ); + } + if(!data.end) { data.end = new Date(); } + data.dataPoints = data.dataPoints || {}; + + if(parseInt(Object.keys(data.dataPoints)[0]) > 100000) { + let points = {}; + Object.keys(data.dataPoints).forEach(timestampSec$$1 => { + let date = new Date(timestampSec$$1 * NO_OF_MILLIS); + points[getYyyyMmDd(date)] = data.dataPoints[timestampSec$$1]; + }); + data.dataPoints = points; + } + + return data; + } + + calc() { + let s = this.state; + + s.start = clone(this.data.start); + s.end = clone(this.data.end); + + s.firstWeekStart = clone(s.start); + s.noOfWeeks = getWeeksBetween(s.start, s.end); + s.distribution = calcDistribution( + Object.values(this.data.dataPoints), HEATMAP_DISTRIBUTION_SIZE); + + s.domainConfigs = this.getDomains(); + } + + setupComponents() { + let s = this.state; + let lessCol = this.discreteDomains ? 0 : 1; + + let componentConfigs = s.domainConfigs.map((config, i) => [ + 'heatDomain', + { + index: config.index, + colWidth: COL_WIDTH, + rowHeight: ROW_HEIGHT, + squareSize: HEATMAP_SQUARE_SIZE, + xTranslate: s.domainConfigs + .filter((config, j) => j < i) + .map(config => config.cols.length - lessCol) + .reduce((a, b) => a + b, 0) + * COL_WIDTH + }, + function() { + return s.domainConfigs[i]; + }.bind(this) + + ]); + + this.components = new Map(componentConfigs + .map((args, i) => { + let component = getComponent(...args); + return [args[0] + '-' + i, component]; + }) + ); + + let y = 0; + DAY_NAMES_SHORT.forEach((dayName, i) => { + if([1, 3, 5].includes(i)) { + let dayText = makeText('subdomain-name', -COL_WIDTH/2, y, dayName, + { + fontSize: HEATMAP_SQUARE_SIZE, + dy: 8, + textAnchor: 'end' + } + ); + this.drawArea.appendChild(dayText); + } + y += ROW_HEIGHT; + }); + } + + update(data) { + if(!data) { + console.error('No data to update.'); + } + + this.data = this.prepareData(data); + this.draw(); + this.bindTooltip(); + } + + bindTooltip() { + this.container.addEventListener('mousemove', (e) => { + this.components.forEach(comp => { + let daySquares = comp.store; + let daySquare = e.target; + if(daySquares.includes(daySquare)) { + + let count = daySquare.getAttribute('data-value'); + let dateParts = daySquare.getAttribute('data-date').split('-'); + + let month = getMonthName(parseInt(dateParts[1])-1, true); + + let gOff = this.container.getBoundingClientRect(), pOff = daySquare.getBoundingClientRect(); + + let width = parseInt(e.target.getAttribute('width')); + let x = pOff.left - gOff.left + width/2; + let y = pOff.top - gOff.top; + let value = count + ' ' + this.countLabel; + let name = ' on ' + month + ' ' + dateParts[0] + ', ' + dateParts[2]; + + this.tip.setValues(x, y, {name: name, value: value, valueFirst: 1}, []); + this.tip.showTip(); + } + }); + }); + } + + renderLegend() { + this.legendArea.textContent = ''; + let x = 0; + let y = ROW_HEIGHT; + + let lessText = makeText('subdomain-name', x, y, 'Less', + { + fontSize: HEATMAP_SQUARE_SIZE + 1, + dy: 9 + } + ); + x = (COL_WIDTH * 2) + COL_WIDTH/2; + this.legendArea.appendChild(lessText); + + this.colors.slice(0, HEATMAP_DISTRIBUTION_SIZE).map((color, i) => { + const square = heatSquare('heatmap-legend-unit', x + (COL_WIDTH + 3) * i, + y, HEATMAP_SQUARE_SIZE, color); + this.legendArea.appendChild(square); + }); + + let moreTextX = x + HEATMAP_DISTRIBUTION_SIZE * (COL_WIDTH + 3) + COL_WIDTH/4; + let moreText = makeText('subdomain-name', moreTextX, y, 'More', + { + fontSize: HEATMAP_SQUARE_SIZE + 1, + dy: 9 + } + ); + this.legendArea.appendChild(moreText); + } + + getDomains() { + let s = this.state; + const [startMonth, startYear] = [s.start.getMonth(), s.start.getFullYear()]; + const [endMonth, endYear] = [s.end.getMonth(), s.end.getFullYear()]; + + const noOfMonths = (endMonth - startMonth + 1) + (endYear - startYear) * 12; + + let domainConfigs = []; + + let startOfMonth = clone(s.start); + for(var i = 0; i < noOfMonths; i++) { + let endDate = s.end; + if(!areInSameMonth(startOfMonth, s.end)) { + let [month, year] = [startOfMonth.getMonth(), startOfMonth.getFullYear()]; + endDate = getLastDateInMonth(month, year); + } + domainConfigs.push(this.getDomainConfig(startOfMonth, endDate)); + + addDays(endDate, 1); + startOfMonth = endDate; + } + + return domainConfigs; + } + + getDomainConfig(startDate, endDate='') { + let [month, year] = [startDate.getMonth(), startDate.getFullYear()]; + let startOfWeek = setDayToSunday(startDate); // TODO: Monday as well + endDate = clone(endDate) || getLastDateInMonth(month, year); + + let domainConfig = { + index: month, + cols: [] + }; + + addDays(endDate, 1); + let noOfMonthWeeks = getWeeksBetween(startOfWeek, endDate); + + let cols = [], col; + for(var i = 0; i < noOfMonthWeeks; i++) { + col = this.getCol(startOfWeek, month); + cols.push(col); + + startOfWeek = new Date(col[NO_OF_DAYS_IN_WEEK - 1].yyyyMmDd); + addDays(startOfWeek, 1); + } + + if(col[NO_OF_DAYS_IN_WEEK - 1].dataValue !== undefined) { + addDays(startOfWeek, 1); + cols.push(this.getCol(startOfWeek, month, true)); + } + + domainConfig.cols = cols; + + return domainConfig; + } + + getCol(startDate, month, empty = false) { + let s = this.state; + + // startDate is the start of week + let currentDate = clone(startDate); + let col = []; + + for(var i = 0; i < NO_OF_DAYS_IN_WEEK; i++, addDays(currentDate, 1)) { + let config = {}; + + // Non-generic adjustment for entire heatmap, needs state + let currentDateWithinData = currentDate >= s.start && currentDate <= s.end; + + if(empty || currentDate.getMonth() !== month || !currentDateWithinData) { + config.yyyyMmDd = getYyyyMmDd(currentDate); + } else { + config = this.getSubDomainConfig(currentDate); + } + col.push(config); + } + + return col; + } + + getSubDomainConfig(date) { + let yyyyMmDd = getYyyyMmDd(date); + let dataValue = this.data.dataPoints[yyyyMmDd]; + let config = { + yyyyMmDd: yyyyMmDd, + dataValue: dataValue || 0, + fill: this.colors[getMaxCheckpoint(dataValue, this.state.distribution)] + }; + return config; + } +} + +function dataPrep(data, type) { + data.labels = data.labels || []; + + let datasetLength = data.labels.length; + + // Datasets + let datasets = data.datasets; + let zeroArray = new Array(datasetLength).fill(0); + if(!datasets) { + // default + datasets = [{ + values: zeroArray + }]; + } + + datasets.map(d=> { + // Set values + if(!d.values) { + d.values = zeroArray; + } else { + // Check for non values + let vals = d.values; + vals = vals.map(val => (!isNaN(val) ? val : 0)); + + // Trim or extend + if(vals.length > datasetLength) { + vals = vals.slice(0, datasetLength); + } else { + vals = fillArray(vals, datasetLength - vals.length, 0); + } + } + + // Set labels + // + + // Set type + if(!d.chartType ) { + if(!AXIS_DATASET_CHART_TYPES.includes(type)) type === DEFAULT_AXIS_CHART_TYPE; + d.chartType = type; + } + + }); + + // Markers + + // Regions + // data.yRegions = data.yRegions || []; + if(data.yRegions) { + data.yRegions.map(d => { + if(d.end < d.start) { + [d.start, d.end] = [d.end, d.start]; + } + }); + } + + return data; +} + +function zeroDataPrep(realData) { + let datasetLength = realData.labels.length; + let zeroArray = new Array(datasetLength).fill(0); + + let zeroData = { + labels: realData.labels.slice(0, -1), + datasets: realData.datasets.map(d => { + return { + name: '', + values: zeroArray.slice(0, -1), + chartType: d.chartType + }; + }), + }; + + if(realData.yMarkers) { + zeroData.yMarkers = [ + { + value: 0, + label: '' + } + ]; + } + + if(realData.yRegions) { + zeroData.yRegions = [ + { + start: 0, + end: 0, + label: '' + } + ]; + } + + return zeroData; +} + +function getShortenedLabels(chartWidth, labels=[], isSeries=true) { + let allowedSpace = chartWidth / labels.length; + if(allowedSpace <= 0) allowedSpace = 1; + let allowedLetters = allowedSpace / DEFAULT_CHAR_WIDTH; + + let calcLabels = labels.map((label, i) => { + label += ""; + if(label.length > allowedLetters) { + + if(!isSeries) { + if(allowedLetters-3 > 0) { + label = label.slice(0, allowedLetters-3) + " ..."; + } else { + label = label.slice(0, allowedLetters) + '..'; + } + } else { + let multiple = Math.ceil(label.length/allowedLetters); + if(i % multiple !== 0) { + label = ""; + } + } + } + return label; + }); + + return calcLabels; +} + +class AxisChart extends BaseChart { + constructor(parent, args) { + super(parent, args); + + this.barOptions = args.barOptions || {}; + this.lineOptions = args.lineOptions || {}; + + this.type = args.type || 'line'; + this.init = 1; + + this.setup(); + } + + setMeasures() { + if(this.data.datasets.length <= 1) { + this.config.showLegend = 0; + this.measures.paddings.bottom = 30; + } + } + + configure(options) { + super.configure(options); + + options.axisOptions = options.axisOptions || {}; + options.tooltipOptions = options.tooltipOptions || {}; + + this.config.xAxisMode = options.axisOptions.xAxisMode || 'span'; + this.config.yAxisMode = options.axisOptions.yAxisMode || 'span'; + this.config.xIsSeries = options.axisOptions.xIsSeries || 0; + this.config.shortenYAxisNumbers = options.axisOptions.shortenYAxisNumbers || 0; + + this.config.formatTooltipX = options.tooltipOptions.formatTooltipX; + this.config.formatTooltipY = options.tooltipOptions.formatTooltipY; + + this.config.valuesOverPoints = options.valuesOverPoints; + } + + prepareData(data=this.data) { + return dataPrep(data, this.type); + } + + prepareFirstData(data=this.data) { + return zeroDataPrep(data); + } + + calc(onlyWidthChange = false) { + this.calcXPositions(); + if(!onlyWidthChange) { + this.calcYAxisParameters(this.getAllYValues(), this.type === 'line'); + } + this.makeDataByIndex(); + } + + calcXPositions() { + let s = this.state; + let labels = this.data.labels; + s.datasetLength = labels.length; + + s.unitWidth = this.width/(s.datasetLength); + // Default, as per bar, and mixed. Only line will be a special case + s.xOffset = s.unitWidth/2; + + // // For a pure Line Chart + // s.unitWidth = this.width/(s.datasetLength - 1); + // s.xOffset = 0; + + s.xAxis = { + labels: labels, + positions: labels.map((d, i) => + floatTwo(s.xOffset + i * s.unitWidth) + ) + }; + } + + calcYAxisParameters(dataValues, withMinimum = 'false') { + const yPts = calcChartIntervals(dataValues, withMinimum); + const scaleMultiplier = this.height / getValueRange(yPts); + const intervalHeight = getIntervalSize(yPts) * scaleMultiplier; + const zeroLine = this.height - (getZeroIndex(yPts) * intervalHeight); + + this.state.yAxis = { + labels: yPts, + positions: yPts.map(d => zeroLine - d * scaleMultiplier), + scaleMultiplier: scaleMultiplier, + zeroLine: zeroLine, + }; + + // Dependent if above changes + this.calcDatasetPoints(); + this.calcYExtremes(); + this.calcYRegions(); + } + + calcDatasetPoints() { + let s = this.state; + let scaleAll = values => values.map(val => scale(val, s.yAxis)); + + s.datasets = this.data.datasets.map((d, i) => { + let values = d.values; + let cumulativeYs = d.cumulativeYs || []; + return { + name: d.name, + index: i, + chartType: d.chartType, + + values: values, + yPositions: scaleAll(values), + + cumulativeYs: cumulativeYs, + cumulativeYPos: scaleAll(cumulativeYs), + }; + }); + } + + calcYExtremes() { + let s = this.state; + if(this.barOptions.stacked) { + s.yExtremes = s.datasets[s.datasets.length - 1].cumulativeYPos; + return; + } + s.yExtremes = new Array(s.datasetLength).fill(9999); + s.datasets.map(d => { + d.yPositions.map((pos, j) => { + if(pos < s.yExtremes[j]) { + s.yExtremes[j] = pos; + } + }); + }); + } + + calcYRegions() { + let s = this.state; + if(this.data.yMarkers) { + this.state.yMarkers = this.data.yMarkers.map(d => { + d.position = scale(d.value, s.yAxis); + if(!d.options) d.options = {}; + // if(!d.label.includes(':')) { + // d.label += ': ' + d.value; + // } + return d; + }); + } + if(this.data.yRegions) { + this.state.yRegions = this.data.yRegions.map(d => { + d.startPos = scale(d.start, s.yAxis); + d.endPos = scale(d.end, s.yAxis); + if(!d.options) d.options = {}; + return d; + }); + } + } + + getAllYValues() { + let key = 'values'; + + if(this.barOptions.stacked) { + key = 'cumulativeYs'; + let cumulative = new Array(this.state.datasetLength).fill(0); + this.data.datasets.map((d, i) => { + let values = this.data.datasets[i].values; + d[key] = cumulative = cumulative.map((c, i) => c + values[i]); + }); + } + + let allValueLists = this.data.datasets.map(d => d[key]); + if(this.data.yMarkers) { + allValueLists.push(this.data.yMarkers.map(d => d.value)); + } + if(this.data.yRegions) { + this.data.yRegions.map(d => { + allValueLists.push([d.end, d.start]); + }); + } + + return [].concat(...allValueLists); + } + + setupComponents() { + let componentConfigs = [ + [ + 'yAxis', + { + mode: this.config.yAxisMode, + width: this.width, + shortenNumbers: this.config.shortenYAxisNumbers + // pos: 'right' + }, + function() { + return this.state.yAxis; + }.bind(this) + ], + + [ + 'xAxis', + { + mode: this.config.xAxisMode, + height: this.height, + // pos: 'right' + }, + function() { + let s = this.state; + s.xAxis.calcLabels = getShortenedLabels(this.width, + s.xAxis.labels, this.config.xIsSeries); + + return s.xAxis; + }.bind(this) + ], + + [ + 'yRegions', + { + width: this.width, + pos: 'right' + }, + function() { + return this.state.yRegions; + }.bind(this) + ], + ]; + + let barDatasets = this.state.datasets.filter(d => d.chartType === 'bar'); + let lineDatasets = this.state.datasets.filter(d => d.chartType === 'line'); + + let barsConfigs = barDatasets.map(d => { + let index = d.index; + return [ + 'barGraph' + '-' + d.index, + { + index: index, + color: this.colors[index], + stacked: this.barOptions.stacked, + + // same for all datasets + valuesOverPoints: this.config.valuesOverPoints, + minHeight: this.height * MIN_BAR_PERCENT_HEIGHT, + }, + function() { + let s = this.state; + let d = s.datasets[index]; + let stacked = this.barOptions.stacked; + + let spaceRatio = this.barOptions.spaceRatio || BAR_CHART_SPACE_RATIO; + let barsWidth = s.unitWidth * (1 - spaceRatio); + let barWidth = barsWidth/(stacked ? 1 : barDatasets.length); + + let xPositions = s.xAxis.positions.map(x => x - barsWidth/2); + if(!stacked) { + xPositions = xPositions.map(p => p + barWidth * index); + } + + let labels = new Array(s.datasetLength).fill(''); + if(this.config.valuesOverPoints) { + if(stacked && d.index === s.datasets.length - 1) { + labels = d.cumulativeYs; + } else { + labels = d.values; + } + } + + let offsets = new Array(s.datasetLength).fill(0); + if(stacked) { + offsets = d.yPositions.map((y, j) => y - d.cumulativeYPos[j]); + } + + return { + xPositions: xPositions, + yPositions: d.yPositions, + offsets: offsets, + // values: d.values, + labels: labels, + + zeroLine: s.yAxis.zeroLine, + barsWidth: barsWidth, + barWidth: barWidth, + }; + }.bind(this) + ]; + }); + + let lineConfigs = lineDatasets.map(d => { + let index = d.index; + return [ + 'lineGraph' + '-' + d.index, + { + index: index, + color: this.colors[index], + svgDefs: this.svgDefs, + heatline: this.lineOptions.heatline, + regionFill: this.lineOptions.regionFill, + spline: this.lineOptions.spline, + hideDots: this.lineOptions.hideDots, + hideLine: this.lineOptions.hideLine, + + // same for all datasets + valuesOverPoints: this.config.valuesOverPoints, + }, + function() { + let s = this.state; + let d = s.datasets[index]; + let minLine = s.yAxis.positions[0] < s.yAxis.zeroLine + ? s.yAxis.positions[0] : s.yAxis.zeroLine; + + return { + xPositions: s.xAxis.positions, + yPositions: d.yPositions, + + values: d.values, + + zeroLine: minLine, + radius: this.lineOptions.dotSize || LINE_CHART_DOT_SIZE, + }; + }.bind(this) + ]; + }); + + let markerConfigs = [ + [ + 'yMarkers', + { + width: this.width, + pos: 'right' + }, + function() { + return this.state.yMarkers; + }.bind(this) + ] + ]; + + componentConfigs = componentConfigs.concat(barsConfigs, lineConfigs, markerConfigs); + + let optionals = ['yMarkers', 'yRegions']; + this.dataUnitComponents = []; + + this.components = new Map(componentConfigs + .filter(args => !optionals.includes(args[0]) || this.state[args[0]]) + .map(args => { + let component = getComponent(...args); + if(args[0].includes('lineGraph') || args[0].includes('barGraph')) { + this.dataUnitComponents.push(component); + } + return [args[0], component]; + })); + } + + makeDataByIndex() { + this.dataByIndex = {}; + + let s = this.state; + let formatX = this.config.formatTooltipX; + let formatY = this.config.formatTooltipY; + let titles = s.xAxis.labels; + + titles.map((label, index) => { + let values = this.state.datasets.map((set, i) => { + let value = set.values[index]; + return { + title: set.name, + value: value, + yPos: set.yPositions[index], + color: this.colors[i], + formatted: formatY ? formatY(value) : value, + }; + }); + + this.dataByIndex[index] = { + label: label, + formattedLabel: formatX ? formatX(label) : label, + xPos: s.xAxis.positions[index], + values: values, + yExtreme: s.yExtremes[index], + }; + }); + } + + bindTooltip() { + // NOTE: could be in tooltip itself, as it is a given functionality for its parent + this.container.addEventListener('mousemove', (e) => { + let m = this.measures; + let o = getOffset(this.container); + let relX = e.pageX - o.left - getLeftOffset(m); + let relY = e.pageY - o.top; + + if(relY < this.height + getTopOffset(m) + && relY > getTopOffset(m)) { + this.mapTooltipXPosition(relX); + } else { + this.tip.hideTip(); + } + }); + } + + mapTooltipXPosition(relX) { + let s = this.state; + if(!s.yExtremes) return; + + let index = getClosestInArray(relX, s.xAxis.positions, true); + let dbi = this.dataByIndex[index]; + + this.tip.setValues( + dbi.xPos + this.tip.offset.x, + dbi.yExtreme + this.tip.offset.y, + {name: dbi.formattedLabel, value: ''}, + dbi.values, + index + ); + + this.tip.showTip(); + } + + renderLegend() { + let s = this.data; + if(s.datasets.length > 1) { + this.legendArea.textContent = ''; + s.datasets.map((d, i) => { + let barWidth = AXIS_LEGEND_BAR_SIZE; + // let rightEndPoint = this.baseWidth - this.measures.margins.left - this.measures.margins.right; + // let multiplier = s.datasets.length - i; + let rect = legendBar( + // rightEndPoint - multiplier * barWidth, // To right align + barWidth * i, + '0', + barWidth, + this.colors[i], + d.name, + this.config.truncateLegends); + this.legendArea.appendChild(rect); + }); + } + } + + + + // Overlay + makeOverlay() { + if(this.init) { + this.init = 0; + return; + } + if(this.overlayGuides) { + this.overlayGuides.forEach(g => { + let o = g.overlay; + o.parentNode.removeChild(o); + }); + } + + this.overlayGuides = this.dataUnitComponents.map(c => { + return { + type: c.unitType, + overlay: undefined, + units: c.units, + }; + }); + + if(this.state.currentIndex === undefined) { + this.state.currentIndex = this.state.datasetLength - 1; + } + + // Render overlays + this.overlayGuides.map(d => { + let currentUnit = d.units[this.state.currentIndex]; + + d.overlay = makeOverlay[d.type](currentUnit); + this.drawArea.appendChild(d.overlay); + }); + } + + updateOverlayGuides() { + if(this.overlayGuides) { + this.overlayGuides.forEach(g => { + let o = g.overlay; + o.parentNode.removeChild(o); + }); + } + } + + bindOverlay() { + this.parent.addEventListener('data-select', () => { + this.updateOverlay(); + }); + } + + bindUnits() { + this.dataUnitComponents.map(c => { + c.units.map(unit => { + unit.addEventListener('click', () => { + let index = unit.getAttribute('data-point-index'); + this.setCurrentDataPoint(index); + }); + }); + }); + + // Note: Doesn't work as tooltip is absolutely positioned + this.tip.container.addEventListener('click', () => { + let index = this.tip.container.getAttribute('data-point-index'); + this.setCurrentDataPoint(index); + }); + } + + updateOverlay() { + this.overlayGuides.map(d => { + let currentUnit = d.units[this.state.currentIndex]; + updateOverlay[d.type](currentUnit, d.overlay); + }); + } + + onLeftArrow() { + this.setCurrentDataPoint(this.state.currentIndex - 1); + } + + onRightArrow() { + this.setCurrentDataPoint(this.state.currentIndex + 1); + } + + getDataPoint(index=this.state.currentIndex) { + let s = this.state; + let data_point = { + index: index, + label: s.xAxis.labels[index], + values: s.datasets.map(d => d.values[index]) + }; + return data_point; + } + + setCurrentDataPoint(index) { + let s = this.state; + index = parseInt(index); + if(index < 0) index = 0; + if(index >= s.xAxis.labels.length) index = s.xAxis.labels.length - 1; + if(index === s.currentIndex) return; + s.currentIndex = index; + fire(this.parent, "data-select", this.getDataPoint()); + } + + + + // API + addDataPoint(label, datasetValues, index=this.state.datasetLength) { + super.addDataPoint(label, datasetValues, index); + this.data.labels.splice(index, 0, label); + this.data.datasets.map((d, i) => { + d.values.splice(index, 0, datasetValues[i]); + }); + this.update(this.data); + } + + removeDataPoint(index = this.state.datasetLength-1) { + if (this.data.labels.length <= 1) { + return; + } + super.removeDataPoint(index); + this.data.labels.splice(index, 1); + this.data.datasets.map(d => { + d.values.splice(index, 1); + }); + this.update(this.data); + } + + updateDataset(datasetValues, index=0) { + this.data.datasets[index].values = datasetValues; + this.update(this.data); + } + // addDataset(dataset, index) {} + // removeDataset(index = 0) {} + + updateDatasets(datasets) { + this.data.datasets.map((d, i) => { + if(datasets[i]) { + d.values = datasets[i]; + } + }); + this.update(this.data); + } + + // updateDataPoint(dataPoint, index = 0) {} + // addDataPoint(dataPoint, index = 0) {} + // removeDataPoint(index = 0) {} +} + +class DonutChart extends AggregationChart { + constructor(parent, args) { + super(parent, args); + this.type = 'donut'; + this.initTimeout = 0; + this.init = 1; + + this.setup(); + } + + configure(args) { + super.configure(args); + this.mouseMove = this.mouseMove.bind(this); + this.mouseLeave = this.mouseLeave.bind(this); + + this.hoverRadio = args.hoverRadio || 0.1; + this.config.startAngle = args.startAngle || 0; + + this.clockWise = args.clockWise || false; + this.strokeWidth = args.strokeWidth || 30; + } + + calc() { + super.calc(); + let s = this.state; + this.radius = + this.height > this.width + ? this.center.x - this.strokeWidth / 2 + : this.center.y - this.strokeWidth / 2; + + const { radius, clockWise } = this; + + const prevSlicesProperties = s.slicesProperties || []; + s.sliceStrings = []; + s.slicesProperties = []; + let curAngle = 180 - this.config.startAngle; + + s.sliceTotals.map((total, i) => { + const startAngle = curAngle; + const originDiffAngle = (total / s.grandTotal) * FULL_ANGLE; + const largeArc = originDiffAngle > 180 ? 1: 0; + const diffAngle = clockWise ? -originDiffAngle : originDiffAngle; + const endAngle = curAngle = curAngle + diffAngle; + const startPosition = getPositionByAngle(startAngle, radius); + const endPosition = getPositionByAngle(endAngle, radius); + + const prevProperty = this.init && prevSlicesProperties[i]; + + let curStart,curEnd; + if(this.init) { + curStart = prevProperty ? prevProperty.startPosition : startPosition; + curEnd = prevProperty ? prevProperty.endPosition : startPosition; + } else { + curStart = startPosition; + curEnd = endPosition; + } + const curPath = + originDiffAngle === 360 + ? makeStrokeCircleStr(curStart, curEnd, this.center, this.radius, this.clockWise, largeArc) + : makeArcStrokePathStr(curStart, curEnd, this.center, this.radius, this.clockWise, largeArc); + + s.sliceStrings.push(curPath); + s.slicesProperties.push({ + startPosition, + endPosition, + value: total, + total: s.grandTotal, + startAngle, + endAngle, + angle: diffAngle + }); + + }); + this.init = 0; + } + + setupComponents() { + let s = this.state; + + let componentConfigs = [ + [ + 'donutSlices', + { }, + function() { + return { + sliceStrings: s.sliceStrings, + colors: this.colors, + strokeWidth: this.strokeWidth, + }; + }.bind(this) + ] + ]; + + this.components = new Map(componentConfigs + .map(args => { + let component = getComponent(...args); + return [args[0], component]; + })); + } + + calTranslateByAngle(property){ + const{ radius, hoverRadio } = this; + const position = getPositionByAngle(property.startAngle+(property.angle / 2),radius); + return `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`; + } + + hoverSlice(path,i,flag,e){ + if(!path) return; + const color = this.colors[i]; + if(flag) { + transform(path, this.calTranslateByAngle(this.state.slicesProperties[i])); + path.style.stroke = lightenDarkenColor(color, 50); + let g_off = getOffset(this.svg); + let x = e.pageX - g_off.left + 10; + let y = e.pageY - g_off.top - 10; + let title = (this.formatted_labels && this.formatted_labels.length > 0 + ? this.formatted_labels[i] : this.state.labels[i]) + ': '; + let percent = (this.state.sliceTotals[i] * 100 / this.state.grandTotal).toFixed(1); + this.tip.setValues(x, y, {name: title, value: percent + "%"}); + this.tip.showTip(); + } else { + transform(path,'translate3d(0,0,0)'); + this.tip.hideTip(); + path.style.stroke = color; + } + } + + bindTooltip() { + this.container.addEventListener('mousemove', this.mouseMove); + this.container.addEventListener('mouseleave', this.mouseLeave); + } + + mouseMove(e){ + const target = e.target; + let slices = this.components.get('donutSlices').store; + let prevIndex = this.curActiveSliceIndex; + let prevAcitve = this.curActiveSlice; + if(slices.includes(target)) { + let i = slices.indexOf(target); + this.hoverSlice(prevAcitve, prevIndex,false); + this.curActiveSlice = target; + this.curActiveSliceIndex = i; + this.hoverSlice(target, i, true, e); + } else { + this.mouseLeave(); + } + } + + mouseLeave(){ + this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false); + } +} + +// import MultiAxisChart from './charts/MultiAxisChart'; +const chartTypes = { + bar: AxisChart, + line: AxisChart, + // multiaxis: MultiAxisChart, + percentage: PercentageChart, + heatmap: Heatmap, + pie: PieChart, + donut: DonutChart, +}; + +function getChartByType(chartType = 'line', parent, options) { + if (chartType === 'axis-mixed') { + options.type = 'line'; + return new AxisChart(parent, options); + } + + if (!chartTypes[chartType]) { + console.error("Undefined chart type: " + chartType); + return; + } + + return new chartTypes[chartType](parent, options); +} + +class Chart { + constructor(parent, options) { + return getChartByType(options.type, parent, options); + } +} + +export { Chart, PercentageChart, PieChart, Heatmap, AxisChart }; diff --git a/dist/frappe-charts.min.cjs.js b/dist/frappe-charts.min.cjs.js new file mode 100644 index 0000000..338cbb4 --- /dev/null +++ b/dist/frappe-charts.min.cjs.js @@ -0,0 +1,2 @@ +"use strict";function styleInject(t,e){void 0===e&&(e={});var n=e.insertAt;if(t&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===n&&i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}}function $(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function getOffset(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function isElementInViewport(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function getElementContentWidth(t){var e=window.getComputedStyle(t),n=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-n}function fire(t,e,n){var i=document.createEvent("HTMLEvents");i.initEvent(e,!0,!0);for(var a in n)i[a]=n[a];return t.dispatchEvent(i)}function getTopOffset(t){return t.titleHeight+t.margins.top+t.paddings.top}function getLeftOffset(t){return t.margins.left+t.paddings.left}function getExtraHeight(t){return t.margins.top+t.margins.bottom+t.paddings.top+t.paddings.bottom+t.titleHeight+t.legendHeight}function getExtraWidth(t){return t.margins.left+t.margins.right+t.paddings.left+t.paddings.right}function _classCallCheck$4(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function floatTwo(t){return parseFloat(t.toFixed(2))}function fillArray(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]&&arguments[3];n||(n=i?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(n);return t=i?a.concat(t):t.concat(a)}function getStringWidth(t,e){return(t+"").length*e}function getPositionByAngle(t,e){return{x:Math.sin(t*ANGLE_RATIO)*e,y:Math.cos(t*ANGLE_RATIO)*e}}function getBarHeightAndYAttr(t,e){var n=void 0,i=void 0;return t<=e?(n=e-t,i=t):(n=t-e,i=e),[n,i]}function equilizeNoOfElements(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return n>0?t=fillArray(t,n):e=fillArray(e,n),[t,e]}function truncateString(t,e){if(t)return t.length>e?t.slice(0,e-3)+"...":t}function shortenLargeNumber(t){var e=void 0;if("number"==typeof t)e=t;else if("string"==typeof t&&(e=Number(t),Number.isNaN(e)))return t;var n=Math.floor(Math.log10(Math.abs(e)));if(n<=2)return e;var i=Math.floor(n/3),a=Math.pow(10,n-3*i)*+(e/Math.pow(10,n)).toFixed(1);return Math.round(100*a)/100+" "+["","K","M","B","T"][i]}function createSplineCurve(t,e){for(var n=[],i=0;i255?255:t<0?0:t}function lightenDarkenColor(t,e){var n=getColor(t),i=!1;"#"==n[0]&&(n=n.slice(1),i=!0);var a=parseInt(n,16),r=limitColor((a>>16)+e),o=limitColor((a>>8&255)+e),s=limitColor((255&a)+e);return(i?"#":"")+(s|o<<8|r<<16).toString(16)}function isValidColor(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function $$1(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function createSVG(t,e){var n=document.createElementNS("http://www.w3.org/2000/svg",t);for(var i in e){var a=e[i];if("inside"===i)$$1(a).appendChild(n);else if("around"===i){var r=$$1(a);r.parentNode.insertBefore(n,r),n.appendChild(r)}else"styles"===i?"object"===(void 0===a?"undefined":_typeof$2(a))&&Object.keys(a).map(function(t){n.style[t]=a[t]}):("className"===i&&(i="class"),"innerHTML"===i?n.textContent=a:n.setAttribute(i,a))}return n}function renderVerticalGradient(t,e){return createSVG("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function setGradientStop(t,e,n,i){return createSVG("stop",{inside:t,style:"stop-color: "+n,offset:e,"stop-opacity":i})}function makeSVGContainer(t,e,n,i){return createSVG("svg",{className:e,inside:t,width:n,height:i})}function makeSVGDefs(t){return createSVG("defs",{inside:t})}function makeSVGGroup(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0,i={className:t,transform:e};return n&&(i.inside=n),createSVG("g",i)}function makePath(t){return createSVG("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none","stroke-width":arguments.length>4&&void 0!==arguments[4]?arguments[4]:2}})}function makeArcPathStr(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,o=n.x+t.x,s=n.y+t.y,l=n.x+e.x,u=n.y+e.y;return"M"+n.x+" "+n.y+"\n\t\tL"+o+" "+s+"\n\t\tA "+i+" "+i+" 0 "+r+" "+(a?1:0)+"\n\t\t"+l+" "+u+" z"}function makeCircleStr(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,o=n.x+t.x,s=n.y+t.y,l=n.x+e.x,u=2*n.y,c=n.y+e.y;return"M"+n.x+" "+n.y+"\n\t\tL"+o+" "+s+"\n\t\tA "+i+" "+i+" 0 "+r+" "+(a?1:0)+"\n\t\t"+l+" "+u+" z\n\t\tL"+o+" "+u+"\n\t\tA "+i+" "+i+" 0 "+r+" "+(a?1:0)+"\n\t\t"+l+" "+c+" z"}function makeArcStrokePathStr(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,o=n.x+t.x,s=n.y+t.y,l=n.x+e.x,u=n.y+e.y;return"M"+o+" "+s+"\n\t\tA "+i+" "+i+" 0 "+r+" "+(a?1:0)+"\n\t\t"+l+" "+u}function makeStrokeCircleStr(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,o=n.x+t.x,s=n.y+t.y,l=n.x+e.x,u=2*i+s,c=n.y+t.y;return"M"+o+" "+s+"\n\t\tA "+i+" "+i+" 0 "+r+" "+(a?1:0)+"\n\t\t"+l+" "+u+"\n\t\tM"+o+" "+u+"\n\t\tA "+i+" "+i+" 0 "+r+" "+(a?1:0)+"\n\t\t"+l+" "+c}function makeGradient(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i="path-fill-gradient-"+e+"-"+(n?"lighter":"default"),a=renderVerticalGradient(t,i),r=[1,.6,.2];return n&&(r=[.4,.2,0]),setGradientStop(a,"0%",e,r[0]),setGradientStop(a,"50%",e,r[1]),setGradientStop(a,"100%",e,r[2]),i}function percentageBar(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:PERCENTAGE_BAR_DEFAULT_DEPTH,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:"none";return createSVG("rect",{className:"percentage-bar",x:t,y:e,width:n,height:i,fill:r,styles:{stroke:lightenDarkenColor(r,-25),"stroke-dasharray":"0, "+(i+n)+", "+n+", "+i,"stroke-width":a}})}function heatSquare(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},o={className:t,x:e,y:n,width:i,height:i,fill:a};return Object.keys(r).map(function(t){o[t]=r[t]}),createSVG("rect",o)}function legendBar(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none",a=arguments[4];a=arguments.length>5&&void 0!==arguments[5]&&arguments[5]?truncateString(a,LABEL_MAX_CHARS):a;var r={className:"legend-bar",x:0,y:0,width:n,height:"2px",fill:i},o=createSVG("text",{className:"legend-dataset-text",x:0,y:0,dy:2*FONT_SIZE+"px","font-size":1.2*FONT_SIZE+"px","text-anchor":"start",fill:FONT_FILL,innerHTML:a}),s=createSVG("g",{transform:"translate("+t+", "+e+")"});return s.appendChild(createSVG("rect",r)),s.appendChild(o),s}function legendDot(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none",a=arguments[4],r={className:"legend-dot",cx:0,cy:0,r:n,fill:i},o=createSVG("text",{className:"legend-dataset-text",x:0,y:0,dx:FONT_SIZE+"px",dy:FONT_SIZE/3+"px","font-size":1.2*FONT_SIZE+"px","text-anchor":"start",fill:FONT_FILL,innerHTML:a}),s=createSVG("g",{transform:"translate("+t+", "+e+")"});return s.appendChild(createSVG("circle",r)),s.appendChild(o),s}function makeText(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},r=a.fontSize||FONT_SIZE;return createSVG("text",{className:t,x:e,y:n,dy:(void 0!==a.dy?a.dy:r/2)+"px","font-size":r+"px",fill:a.fill||FONT_FILL,"text-anchor":a.textAnchor||"start",innerHTML:i})}function makeVertLine(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=BASE_LINE_COLOR);var r=createSVG("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:n,y2:i,styles:{stroke:a.stroke}}),o=createSVG("text",{x:0,y:n>i?n+LABEL_MARGIN:n-LABEL_MARGIN-FONT_SIZE,dy:FONT_SIZE+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:e+""}),s=createSVG("g",{transform:"translate("+t+", 0)"});return s.appendChild(r),s.appendChild(o),s}function makeHoriLine(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=BASE_LINE_COLOR),a.lineType||(a.lineType=""),a.shortenNumbers&&(e=shortenLargeNumber(e));var r=createSVG("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:n,x2:i,y1:0,y2:0,styles:{stroke:a.stroke}}),o=createSVG("text",{x:n3&&void 0!==arguments[3]?arguments[3]:{};i.pos||(i.pos="left"),i.offset||(i.offset=0),i.mode||(i.mode="span"),i.stroke||(i.stroke=BASE_LINE_COLOR),i.className||(i.className="");var a=-1*AXIS_TICK_LENGTH,r="span"===i.mode?n+AXIS_TICK_LENGTH:0;return"tick"===i.mode&&"right"===i.pos&&(a=n+AXIS_TICK_LENGTH,r=n),a+=i.offset,r+=i.offset,makeHoriLine(t,e,a,r,{stroke:i.stroke,className:i.className,lineType:i.lineType,shortenNumbers:i.shortenNumbers})}function xLine(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};i.pos||(i.pos="bottom"),i.offset||(i.offset=0),i.mode||(i.mode="span"),i.stroke||(i.stroke=BASE_LINE_COLOR),i.className||(i.className="");var a=n+AXIS_TICK_LENGTH,r="span"===i.mode?-1*AXIS_TICK_LENGTH:n;return"tick"===i.mode&&"top"===i.pos&&(a=-1*AXIS_TICK_LENGTH,r=0),makeVertLine(t,e,a,r,{stroke:i.stroke,className:i.className,lineType:i.lineType})}function yMarker(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};i.labelPos||(i.labelPos="right");var a=createSVG("text",{className:"chart-label",x:"left"===i.labelPos?LABEL_MARGIN:n-getStringWidth(e,5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:e+""}),r=makeHoriLine(t,"",0,n,{stroke:i.stroke||BASE_LINE_COLOR,className:i.className||"",lineType:i.lineType});return r.appendChild(a),r}function yRegion(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},r=t-e,o=createSVG("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:BASE_LINE_COLOR,"stroke-dasharray":n+", "+r},x:0,y:0,width:n,height:r});a.labelPos||(a.labelPos="right");var s=createSVG("text",{className:"chart-label",x:"left"===a.labelPos?LABEL_MARGIN:n-getStringWidth(i+"",4.5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:i+""}),l=createSVG("g",{transform:"translate(0, "+e+")"});return l.appendChild(o),l.appendChild(s),l}function datasetBar(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,o=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,s=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=getBarHeightAndYAttr(e,s.zeroLine),u=_slicedToArray(l,2),c=u[0],h=u[1];h-=o,0===c&&(c=s.minHeight,h-=s.minHeight);var d=createSVG("rect",{className:"bar mini",style:"fill: "+i,"data-point-index":r,x:t,y:h,width:n,height:c});if((a+="")||a.length){d.setAttribute("y",0),d.setAttribute("x",0);var f=createSVG("text",{className:"data-point-value",x:n/2,y:0,dy:FONT_SIZE/2*-1+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:a}),p=createSVG("g",{"data-point-index":r,transform:"translate("+t+", "+h+")"});return p.appendChild(d),p.appendChild(f),p}return d}function datasetDot(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,o=createSVG("circle",{style:"fill: "+i,"data-point-index":r,cx:t,cy:e,r:n});if((a+="")||a.length){o.setAttribute("cy",0),o.setAttribute("cx",0);var s=createSVG("text",{className:"data-point-value",x:0,y:0,dy:FONT_SIZE/2*-1-n+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:a}),l=createSVG("g",{"data-point-index":r,transform:"translate("+t+", "+e+")"});return l.appendChild(o),l.appendChild(s),l}return o}function getPaths(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},r=e.map(function(e,n){return t[n]+","+e}).join("L");i.spline&&(r=createSplineCurve(t,e));var o=makePath("M"+r,"line-graph-path",n);if(i.heatline){var s=makeGradient(a.svgDefs,n);o.style.stroke="url(#"+s+")"}var l={path:o};if(i.regionFill){var u=makeGradient(a.svgDefs,n,!0),c="M"+t[0]+","+a.zeroLine+"L"+r+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=makePath(c,"region-fill","none","url(#"+u+")")}return l}function translate(t,e,n,i){var a="string"==typeof e?e:e.join(", ");return[t,{transform:n.join(", ")},i,STD_EASING,"translate",{transform:a}]}function translateVertLine(t,e,n){return translate(t,[n,0],[e,0],MARKER_LINE_ANIM_DUR)}function translateHoriLine(t,e,n){return translate(t,[0,n],[0,e],MARKER_LINE_ANIM_DUR)}function animateRegion(t,e,n,i){var a=e-n,r=t.childNodes[0];return[[r,{height:a,"stroke-dasharray":r.getAttribute("width")+", "+a},MARKER_LINE_ANIM_DUR,STD_EASING],translate(t,[0,i],[0,n],MARKER_LINE_ANIM_DUR)]}function animateBar(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,r=getBarHeightAndYAttr(n,(arguments.length>5&&void 0!==arguments[5]?arguments[5]:{}).zeroLine),o=_slicedToArray$2(r,2),s=o[0],l=o[1];return l-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width:i,height:s},UNIT_ANIM_DUR,STD_EASING],translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],MARKER_LINE_ANIM_DUR)]:[[t,{width:i,height:s,x:e,y:l},UNIT_ANIM_DUR,STD_EASING]]}function animateDot(t,e,n){return"circle"!==t.nodeName?[translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,n],MARKER_LINE_ANIM_DUR)]:[[t,{cx:e,cy:n},UNIT_ANIM_DUR,STD_EASING]]}function animatePath(t,e,n,i,a){var r=[],o=n.map(function(t,n){return e[n]+","+t}).join("L");a&&(o=createSplineCurve(e,n));var s=[t.path,{d:"M"+o},PATH_ANIM_DUR,STD_EASING];if(r.push(s),t.region){var l=e[0]+","+i+"L",u="L"+e.slice(-1)[0]+", "+i,c=[t.region,{d:"M"+l+o+u},PATH_ANIM_DUR,STD_EASING];r.push(c)}return r}function animatePathStr(t,e){return[t,{d:e},UNIT_ANIM_DUR,STD_EASING]}function _toConsumableArray$1(t){if(Array.isArray(t)){for(var e=0,n=Array(t.length);e3&&void 0!==arguments[3]?arguments[3]:"linear",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},o=t.cloneNode(!0),s=t.cloneNode(!0);for(var l in e){var u=void 0;u="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var c=r[l]||t.getAttribute(l),h=e[l],d={attributeName:l,from:c,to:h,begin:"0s",dur:n/1e3+"s",values:c+";"+h,keySplines:EASING[i],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};a&&(d.type=a);for(var f in d)u.setAttribute(f,d[f]);o.appendChild(u),a?s.setAttribute(l,"translate("+h+")"):s.setAttribute(l,h)}return[o,s]}function transform(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function animateSVG(t,e){var n=[],i=[];e.map(function(t){var e=t[0],a=e.parentNode,r=void 0,o=void 0;t[0]=e;var s=animateSVGElement.apply(void 0,_toConsumableArray$1(t)),l=_slicedToArray$1(s,2);r=l[0],o=l[1],n.push(o),i.push([r,a]),a.replaceChild(r,e)});var a=t.cloneNode(!0);return i.map(function(t,i){t[1].replaceChild(n[i],t[0]),e[i][0]=n[i]}),a}function runSMILAnimation(t,e,n){if(0!==n.length){var i=animateSVG(e,n);e.parentNode==t&&(t.removeChild(e),t.appendChild(i)),setTimeout(function(){i.parentNode==t&&(t.removeChild(i),t.appendChild(e))},REPLACE_ALL_NEW_DUR)}}function downloadFile(t,e){var n=document.createElement("a");n.style="display: none";var i=new Blob(e,{type:"image/svg+xml; charset=utf-8"}),a=window.URL.createObjectURL(i);n.href=a,n.download=t,document.body.appendChild(n),n.click(),setTimeout(function(){document.body.removeChild(n),window.URL.revokeObjectURL(a)},300)}function prepareForExport(t){var e=t.cloneNode(!0);e.classList.add("chart-container"),e.setAttribute("xmlns","http://www.w3.org/2000/svg"),e.setAttribute("xmlns:xlink","http://www.w3.org/1999/xlink");var n=$.create("style",{innerHTML:CSSTEXT});e.insertBefore(n,e.firstChild);var i=$.create("div");return i.appendChild(e),i.innerHTML}function _classCallCheck$3(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck$2(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn$1(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 _inherits$1(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)}function treatAsUtc(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function getYyyyMmDd(t){var e=t.getDate(),n=t.getMonth()+1;return[t.getFullYear(),(n>9?"":"0")+n,(e>9?"":"0")+e].join("-")}function clone(t){return new Date(t.getTime())}function getWeeksBetween(t,e){var n=setDayToSunday(t);return Math.ceil(getDaysBetween(n,e)/NO_OF_DAYS_IN_WEEK)}function getDaysBetween(t,e){var n=SEC_IN_DAY*NO_OF_MILLIS;return(treatAsUtc(e)-treatAsUtc(t))/n}function areInSameMonth(t,e){return t.getMonth()===e.getMonth()&&t.getFullYear()===e.getFullYear()}function getMonthName(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=MONTH_NAMES[t];return e?n.slice(0,3):n}function getLastDateInMonth(t,e){return new Date(e,t+1,0)}function setDayToSunday(t){var e=clone(t),n=e.getDay();return 0!==n&&addDays(e,-1*n),e}function addDays(t,e){t.setDate(t.getDate()+e)}function _classCallCheck$5(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function getComponent(t,e,n){var i=Object.keys(componentConfigs).filter(function(e){return t.includes(e)}),a=componentConfigs[i[0]];return Object.assign(a,{constants:e,getData:n}),new ChartComponent(a)}function _toConsumableArray(t){if(Array.isArray(t)){for(var e=0,n=Array(t.length);e0?1:-1;if(!isFinite(t))return{mantissa:4503599627370496*e,exponent:972};t=Math.abs(t);var n=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,n)),n]}function getChartRangeIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=Math.ceil(t),i=Math.floor(e),a=n-i,r=a,o=1;a>5&&(a%2!=0&&(a=++n-i),r=a/2,o=2),a<=2&&(o=a/(r=4)),0===a&&(r=5,o=1);for(var s=[],l=0;l<=r;l++)s.push(i+o*l);return s}function getChartIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=normalize(t),i=_slicedToArray$4(n,2),a=i[0],r=i[1],o=e?e/Math.pow(10,r):0,s=getChartRangeIntervals(a=a.toFixed(6),o);return s=s.map(function(t){return t*Math.pow(10,r)})}function calcChartIntervals(t){function e(t,e){for(var n=getChartIntervals(t),i=n[1]-n[0],a=0,r=1;a1&&void 0!==arguments[1]&&arguments[1],i=Math.max.apply(Math,_toConsumableArray$4(t)),a=Math.min.apply(Math,_toConsumableArray$4(t)),r=[];if(i>=0&&a>=0)normalize(i)[1],r=n?getChartIntervals(i,a):getChartIntervals(i);else if(i>0&&a<0){var o=Math.abs(a);i>=o?(normalize(i)[1],r=e(i,o)):(normalize(o)[1],r=e(o,i).map(function(t){return-1*t}))}else if(i<=0&&a<=0){var s=Math.abs(a),l=Math.abs(i);normalize(s)[1],r=(r=n?getChartIntervals(s,l):getChartIntervals(s)).reverse().map(function(t){return-1*t})}return r}function getZeroIndex(t){var e=getIntervalSize(t);return t.indexOf(0)>=0?t.indexOf(0):t[0]>0?-1*t[0]/e:-1*t[t.length-1]/e+(t.length-1)}function getIntervalSize(t){return t[1]-t[0]}function getValueRange(t){return t[t.length-1]-t[0]}function scale(t,e){return floatTwo(e.zeroLine-t*e.scaleMultiplier)}function getClosestInArray(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i=e.reduce(function(e,n){return Math.abs(n-t)n?i.slice(0,n):fillArray(i,n-i.length,0)}else t.values=a;t.chartType||(AXIS_DATASET_CHART_TYPES.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],i=t/e.length;i<=0&&(i=1);var a=i/DEFAULT_CHAR_WIDTH;return e.map(function(t,e){return(t+="").length>a&&(n?e%Math.ceil(t.length/a)!=0&&(t=""):t=a-3>0?t.slice(0,a-3)+" ...":t.slice(0,a)+".."),t})}function _toConsumableArray$5(t){if(Array.isArray(t)){for(var e=0,n=Array(t.length);e0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],n=arguments[2];return"axis-mixed"===t?(n.type="line",new AxisChart(e,n)):chartTypes[t]?new chartTypes[t](e,n):void console.error("Undefined chart type: "+t)}Object.defineProperty(exports,"__esModule",{value:!0});var css='.chart-container{position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .legend-dataset-text{fill:#6c7680;font-weight:600}.graph-svg-tip{position:absolute;z-index:99999;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.graph-svg-tip ol,.graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}';styleInject(css);var asyncGenerator=function(){function t(t){this.value=t}function e(e){function n(t,e){return new Promise(function(n,a){var s={key:t,arg:e,resolve:n,reject:a,next:null};o?o=o.next=s:(r=o=s,i(t,e))})}function i(n,r){try{var o=e[n](r),s=o.value;s instanceof t?Promise.resolve(s.value).then(function(t){i("next",t)},function(t){i("throw",t)}):a(o.done?"return":"normal",o.value)}catch(t){a("throw",t)}}function a(t,e){switch(t){case"return":r.resolve({value:e,done:!0});break;case"throw":r.reject(e);break;default:r.resolve({value:e,done:!1})}(r=r.next)?i(r.key,r.arg):o=null}var r,o;this._invoke=n,"function"!=typeof e.return&&(this.return=void 0)}return"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)},{wrap:function(t){return function(){return new e(t.apply(this,arguments))}},await:function(e){return new t(e)}}}(),_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t};$.create=function(t,e){var n=document.createElement(t);for(var i in e){var a=e[i];if("inside"===i)$(a).appendChild(n);else if("around"===i){var r=$(a);r.parentNode.insertBefore(n,r),n.appendChild(r)}else"styles"===i?"object"===(void 0===a?"undefined":_typeof(a))&&Object.keys(a).map(function(t){n.style[t]=a[t]}):i in n?n[i]=a:n.setAttribute(i,a)}return n};var BASE_MEASURES={margins:{top:10,bottom:10,left:20,right:20},paddings:{top:20,bottom:40,left:30,right:10},baseHeight:240,titleHeight:20,legendHeight:30,titleFontSize:12},INIT_CHART_UPDATE_TIMEOUT=700,CHART_POST_ANIMATE_TIMEOUT=400,DEFAULT_AXIS_CHART_TYPE="line",AXIS_DATASET_CHART_TYPES=["line","bar"],AXIS_LEGEND_BAR_SIZE=100,BAR_CHART_SPACE_RATIO=.5,MIN_BAR_PERCENT_HEIGHT=0,LINE_CHART_DOT_SIZE=4,DOT_OVERLAY_SIZE_INCR=4,PERCENTAGE_BAR_DEFAULT_HEIGHT=20,PERCENTAGE_BAR_DEFAULT_DEPTH=2,HEATMAP_DISTRIBUTION_SIZE=5,HEATMAP_SQUARE_SIZE=10,HEATMAP_GUTTER_SIZE=2,DEFAULT_CHAR_WIDTH=7,TOOLTIP_POINTER_TRIANGLE_HEIGHT=5,DEFAULT_CHART_COLORS=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],HEATMAP_COLORS_GREEN=["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],DEFAULT_COLORS={bar:DEFAULT_CHART_COLORS,line:DEFAULT_CHART_COLORS,pie:DEFAULT_CHART_COLORS,percentage:DEFAULT_CHART_COLORS,heatmap:HEATMAP_COLORS_GREEN,donut:DEFAULT_CHART_COLORS},ANGLE_RATIO=Math.PI/180,FULL_ANGLE=360,_createClass$3=function(){function t(t,e){for(var n=0;n\n\t\t\t\t
                      \n\t\t\t\t
                      '}),this.hideTip(),this.title=this.container.querySelector(".title"),this.dataPointList=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){t.hideTip()})}},{key:"fill",value:function(){var t=this,e=void 0;this.index&&this.container.setAttribute("data-point-index",this.index),e=this.titleValueFirst?""+this.titleValue+""+this.titleName:this.titleName+""+this.titleValue+"",this.title.innerHTML=e,this.dataPointList.innerHTML="",this.listValues.map(function(e,n){var i=t.colors[n]||"black",a=0===e.formatted||e.formatted?e.formatted:e.value,r=$.create("li",{styles:{"border-top":"3px solid "+i},innerHTML:''+(0===a||a?a:"")+"\n\t\t\t\t\t"+(e.title?e.title:"")});t.dataPointList.appendChild(r)})}},{key:"calcPosition",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight-TOOLTIP_POINTER_TRIANGLE_HEIGHT,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,n=this.container.querySelector(".svg-pointer");if(this.left<0)n.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var i="calc(50% + "+(this.left-e)+"px)";n.style.left=i,this.left=e}else n.style.left="50%"}},{key:"setValues",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:-1;this.titleName=n.name,this.titleValue=n.value,this.listValues=i,this.x=t,this.y=e,this.titleValueFirst=n.valueFirst||0,this.index=a,this.refresh()}},{key:"hideTip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"showTip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),t}(),PRESET_COLOR_MAP={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},getColor=function(t){return PRESET_COLOR_MAP[t]||t},_slicedToArray=function(){function t(t,e){var n=[],i=!0,a=!1,r=void 0;try{for(var o,s=t[Symbol.iterator]();!(i=(o=s.next()).done)&&(n.push(o.value),!e||n.length!==e);i=!0);}catch(t){a=!0,r=t}finally{try{!i&&s.return&&s.return()}finally{if(a)throw r}}return n}return function(e,n){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return t(e,n);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),_typeof$2="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},AXIS_TICK_LENGTH=6,LABEL_MARGIN=4,LABEL_MAX_CHARS=15,FONT_SIZE=10,BASE_LINE_COLOR="#dadada",FONT_FILL="#555b51",makeOverlay={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var n=t.cloneNode();return n.style.fill="#000000",n.style.opacity="0.4",e&&n.setAttribute("transform",e),n},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var n=t.cloneNode(),i=t.getAttribute("r"),a=t.getAttribute("fill");return n.setAttribute("r",parseInt(i)+DOT_OVERLAY_SIZE_INCR),n.setAttribute("fill",a),n.style.opacity="0.6",e&&n.setAttribute("transform",e),n},heat_square:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var n=t.cloneNode(),i=t.getAttribute("r"),a=t.getAttribute("fill");return n.setAttribute("r",parseInt(i)+DOT_OVERLAY_SIZE_INCR),n.setAttribute("fill",a),n.style.opacity="0.6",e&&n.setAttribute("transform",e),n}},updateOverlay={bar:function(t,e){var n=void 0;"rect"!==t.nodeName&&(n=t.getAttribute("transform"),t=t.childNodes[0]);var i=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return i.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),n&&e.setAttribute("transform",n)},dot:function(t,e){var n=void 0;"circle"!==t.nodeName&&(n=t.getAttribute("transform"),t=t.childNodes[0]);var i=["cx","cy"];Object.values(t.attributes).filter(function(t){return i.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),n&&e.setAttribute("transform",n)},heat_square:function(t,e){var n=void 0;"circle"!==t.nodeName&&(n=t.getAttribute("transform"),t=t.childNodes[0]);var i=["cx","cy"];Object.values(t.attributes).filter(function(t){return i.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),n&&e.setAttribute("transform",n)}},_slicedToArray$2=function(){function t(t,e){var n=[],i=!0,a=!1,r=void 0;try{for(var o,s=t[Symbol.iterator]();!(i=(o=s.next()).done)&&(n.push(o.value),!e||n.length!==e);i=!0);}catch(t){a=!0,r=t}finally{try{!i&&s.return&&s.return()}finally{if(a)throw r}}return n}return function(e,n){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return t(e,n);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),UNIT_ANIM_DUR=350,PATH_ANIM_DUR=350,MARKER_LINE_ANIM_DUR=UNIT_ANIM_DUR,REPLACE_ALL_NEW_DUR=250,STD_EASING="easein",_slicedToArray$1=function(){function t(t,e){var n=[],i=!0,a=!1,r=void 0;try{for(var o,s=t[Symbol.iterator]();!(i=(o=s.next()).done)&&(n.push(o.value),!e||n.length!==e);i=!0);}catch(t){a=!0,r=t}finally{try{!i&&s.return&&s.return()}finally{if(a)throw r}}return n}return function(e,n){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return t(e,n);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),EASING={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},CSSTEXT=".chart-container{position:relative;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .legend-dataset-text{fill:#6c7680;font-weight:600}.graph-svg-tip{position:absolute;z-index:99999;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.graph-svg-tip ul{padding-left:0;display:flex}.graph-svg-tip ol{padding-left:0;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:' ';border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}",_createClass$2=function(){function t(t,e){for(var n=0;n0&&void 0!==arguments[0]&&arguments[0],n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.updateWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),n&&(this.data=this.realData,setTimeout(function(){t.update(t.data)},this.initTimeout)),this.renderLegend(),this.setupNavigation(n)}},{key:"calc",value:function(){}},{key:"updateWidth",value:function(){this.baseWidth=getElementContentWidth(this.parent),this.width=this.baseWidth-getExtraWidth(this.measures)}},{key:"makeChartArea",value:function(){this.svg&&this.container.removeChild(this.svg);var t=this.measures;this.svg=makeSVGContainer(this.container,"frappe-chart chart",this.baseWidth,this.baseHeight),this.svgDefs=makeSVGDefs(this.svg),this.title.length&&(this.titleEL=makeText("title",t.margins.left,t.margins.top,this.title,{fontSize:t.titleFontSize,fill:"#666666",dy:t.titleFontSize}));var e=getTopOffset(t);this.drawArea=makeSVGGroup(this.type+"-chart chart-draw-area","translate("+getLeftOffset(t)+", "+e+")"),this.config.showLegend&&(e+=this.height+t.paddings.bottom,this.legendArea=makeSVGGroup("chart-legend","translate("+getLeftOffset(t)+", "+e+")")),this.title.length&&this.svg.appendChild(this.titleEL),this.svg.appendChild(this.drawArea),this.config.showLegend&&this.svg.appendChild(this.legendArea),this.updateTipOffset(getLeftOffset(t),getTopOffset(t))}},{key:"updateTipOffset",value:function(t,e){this.tip.offset={x:t,y:e}}},{key:"setupComponents",value:function(){this.components=new Map}},{key:"update",value:function(t){t||console.error("No data to update."),this.data=this.prepareData(t),this.calc(),this.render()}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var i=[];e.forEach(function(t){i=i.concat(t.update(n))}),i.length>0?(runSMILAnimation(this.container,this.svg,i),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},CHART_POST_ANIMATE_TIMEOUT)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){isElementInViewport(t.container)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"addDataPoint",value:function(){}},{key:"removeDataPoint",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(){}},{key:"updateDataset",value:function(){}},{key:"export",value:function(){var t=prepareForExport(this.svg);downloadFile(this.title||"Chart",[t])}}]),t}(),_createClass$1=function(){function t(t,e){for(var n=0;n=0}),a=i;if(i.length>n){i.sort(function(t,e){return e[0]-t[0]}),a=i.slice(0,n-1);var r=0;i.slice(n-1).map(function(t){r+=t[0]}),a.push([r,"Rest"]),this.colors[n-1]="grey"}e.labels=[],a.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])}),e.grandTotal=e.sliceTotals.reduce(function(t,e){return t+e},0),this.center={x:this.width/2,y:this.height/2}}},{key:"renderLegend",value:function(){var t=this,e=this.state;this.legendArea.textContent="",this.legendTotals=e.sliceTotals.slice(0,this.config.maxLegendPoints);var n=0,i=0;this.legendTotals.map(function(a,r){var o=110,s=Math.floor((t.width-getExtraWidth(t.measures))/o);t.legendTotals.lengths&&(n=0,i+=20);var l=legendDot(o*n+5,i,5,t.colors[r],e.labels[r]+": "+a);t.legendArea.appendChild(l),n++})}}]),e}(BaseChart),NO_OF_YEAR_MONTHS=12,NO_OF_DAYS_IN_WEEK=7,NO_OF_MILLIS=1e3,SEC_IN_DAY=86400,MONTH_NAMES=["January","February","March","April","May","June","July","August","September","October","November","December"],DAY_NAMES_SHORT=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],_slicedToArray$3=function(){function t(t,e){var n=[],i=!0,a=!1,r=void 0;try{for(var o,s=t[Symbol.iterator]();!(i=(o=s.next()).done)&&(n.push(o.value),!e||n.length!==e);i=!0);}catch(t){a=!0,r=t}finally{try{!i&&s.return&&s.return()}finally{if(a)throw r}}return n}return function(e,n){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return t(e,n);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),_createClass$4=function(){function t(t,e){for(var n=0;n0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)||[]),e}}]),t}(),componentConfigs={donutSlices:{layerClass:"donut-slices",makeElements:function(t){return t.sliceStrings.map(function(e,n){var i=makePath(e,"donut-path",t.colors[n],"none",t.strokeWidth);return i.style.transition="transform .3s;",i})},animateElements:function(t){return this.store.map(function(e,n){return animatePathStr(e,t.sliceStrings[n])})}},pieSlices:{layerClass:"pie-slices",makeElements:function(t){return t.sliceStrings.map(function(e,n){var i=makePath(e,"pie-path","none",t.colors[n]);return i.style.transition="transform .3s;",i})},animateElements:function(t){return this.store.map(function(e,n){return animatePathStr(e,t.sliceStrings[n])})}},percentageBars:{layerClass:"percentage-bars",makeElements:function(t){var e=this;return t.xPositions.map(function(n,i){return percentageBar(n,0,t.widths[i],e.constants.barHeight,e.constants.barDepth,t.colors[i])})},animateElements:function(t){if(t)return[]}},yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(n,i){return yLine(n,t.labels[i],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos,shortenNumbers:e.constants.shortenNumbers})})},animateElements:function(t){var e=t.positions,n=t.labels,i=this.oldData.positions,a=this.oldData.labels,r=equilizeNoOfElements(i,e),o=_slicedToArray$3(r,2);i=o[0],e=o[1];var s=equilizeNoOfElements(a,n),l=_slicedToArray$3(s,2);return a=l[0],n=l[1],this.render({positions:i,labels:n}),this.store.map(function(t,n){return translateHoriLine(t,e[n],i[n])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(n,i){return xLine(n,t.calcLabels[i],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,n=t.calcLabels,i=this.oldData.positions,a=this.oldData.calcLabels,r=equilizeNoOfElements(i,e),o=_slicedToArray$3(r,2);i=o[0],e=o[1];var s=equilizeNoOfElements(a,n),l=_slicedToArray$3(s,2);return a=l[0],n=l[1],this.render({positions:i,calcLabels:n}),this.store.map(function(t,n){return translateVertLine(t,e[n],i[n])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return yMarker(t.position,t.label,e.constants.width,{labelPos:t.options.labelPos,mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),n=_slicedToArray$3(e,2);this.oldData=n[0];var i=(t=n[1]).map(function(t){return t.position}),a=t.map(function(t){return t.label}),r=t.map(function(t){return t.options}),o=this.oldData.map(function(t){return t.position});return this.render(o.map(function(t,e){return{position:o[e],label:a[e],options:r[e]}})),this.store.map(function(t,e){return translateHoriLine(t,i[e],o[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return yRegion(t.startPos,t.endPos,e.constants.width,t.label,{labelPos:t.options.labelPos})})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),n=_slicedToArray$3(e,2);this.oldData=n[0];var i=(t=n[1]).map(function(t){return t.endPos}),a=t.map(function(t){return t.label}),r=t.map(function(t){return t.startPos}),o=t.map(function(t){return t.options}),s=this.oldData.map(function(t){return t.endPos}),l=this.oldData.map(function(t){return t.startPos});this.render(s.map(function(t,e){return{startPos:l[e],endPos:s[e],label:a[e],options:o[e]}}));var u=[];return this.store.map(function(t,e){u=u.concat(animateRegion(t,r[e],i[e],s[e]))}),u}},heatDomain:{layerClass:function(){return"heat-domain domain-"+this.constants.index},makeElements:function(t){var e=this,n=this.constants,i=n.index,a=n.colWidth,r=n.rowHeight,o=n.squareSize,s=n.xTranslate,l=0;return this.serializedSubDomains=[],t.cols.map(function(t,n){1===n&&e.labels.push(makeText("domain-name",s,-12,getMonthName(i,!0).toUpperCase(),{fontSize:9})),t.map(function(t,n){if(t.fill){var i={"data-date":t.yyyyMmDd,"data-value":t.dataValue,"data-day":n},a=heatSquare("day",s,l,o,t.fill,i);e.serializedSubDomains.push(a)}l+=r}),l=0,s+=a}),this.serializedSubDomains},animateElements:function(t){if(t)return[]}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(n,i){return datasetBar(t.xPositions[i],n,t.barWidth,e.color,t.labels[i],i,t.offsets[i],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=t.xPositions,n=t.yPositions,i=t.offsets,a=t.labels,r=this.oldData.xPositions,o=this.oldData.yPositions,s=this.oldData.offsets,l=this.oldData.labels,u=equilizeNoOfElements(r,e),c=_slicedToArray$3(u,2);r=c[0],e=c[1];var h=equilizeNoOfElements(o,n),d=_slicedToArray$3(h,2);o=d[0],n=d[1];var f=equilizeNoOfElements(s,i),p=_slicedToArray$3(f,2);s=p[0],i=p[1];var v=equilizeNoOfElements(l,a),g=_slicedToArray$3(v,2);l=g[0],a=g[1],this.render({xPositions:r,yPositions:o,offsets:s,labels:a,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var y=[];return this.store.map(function(a,r){y=y.concat(animateBar(a,e[r],n[r],t.barWidth,i[r],{zeroLine:t.zeroLine}))}),y}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=getPaths(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill,spline:e.spline},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(n,i){return datasetDot(t.xPositions[i],n,t.radius,e.color,e.valuesOverPoints?t.values[i]:"",i)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,n=t.yPositions,i=t.values,a=this.oldData.xPositions,r=this.oldData.yPositions,o=this.oldData.values,s=equilizeNoOfElements(a,e),l=_slicedToArray$3(s,2);a=l[0],e=l[1];var u=equilizeNoOfElements(r,n),c=_slicedToArray$3(u,2);r=c[0],n=c[1];var h=equilizeNoOfElements(o,i),d=_slicedToArray$3(h,2);o=d[0],i=d[1],this.render({xPositions:a,yPositions:r,values:i,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var f=[];return Object.keys(this.paths).length&&(f=f.concat(animatePath(this.paths,e,n,t.zeroLine,this.constants.spline))),this.units.length&&this.units.map(function(t,i){f=f.concat(animateDot(t,e[i],n[i]))}),f}}},_createClass=function(){function t(t,e){for(var n=0;n0?t.formattedLabels[r]:t.state.labels[r])+": ",h=e.sliceTotals[r]/e.grandTotal;t.tip.setValues(l,u,{name:c,value:(100*h).toFixed(1)+"%"}),t.tip.showTip()}})}}]),e}(AggregationChart),_createClass$5=function(){function t(t,e){for(var n=0;nthis.width?this.center.x:this.center.y;var i=this.radius,a=this.clockWise,r=n.slicesProperties||[];n.sliceStrings=[],n.slicesProperties=[];var o=180-this.config.startAngle;n.sliceTotals.map(function(e,s){var l=o,u=e/n.grandTotal*FULL_ANGLE,c=u>180?1:0,h=a?-u:u,d=o+=h,f=getPositionByAngle(l,i),p=getPositionByAngle(d,i),v=t.init&&r[s],g=void 0,y=void 0;t.init?(g=v?v.startPosition:f,y=v?v.endPosition:f):(g=f,y=p);var m=360===u?makeCircleStr(g,y,t.center,t.radius,a,c):makeArcPathStr(g,y,t.center,t.radius,a,c);n.sliceStrings.push(m),n.slicesProperties.push({startPosition:f,endPosition:p,value:e,total:n.grandTotal,startAngle:l,endAngle:d,angle:h})}),this.init=0}},{key:"setupComponents",value:function(){var t=this.state,e=[["pieSlices",{},function(){return{sliceStrings:t.sliceStrings,colors:this.colors}}.bind(this)]];this.components=new Map(e.map(function(t){var e=getComponent.apply(void 0,_toConsumableArray$2(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,n=this.hoverRadio,i=getPositionByAngle(t.startAngle+t.angle/2,e);return"translate3d("+i.x*n+"px,"+i.y*n+"px,0)"}},{key:"hoverSlice",value:function(t,e,n,i){if(t){var a=this.colors[e];if(n){transform(t,this.calTranslateByAngle(this.state.slicesProperties[e])),t.style.fill=lightenDarkenColor(a,50);var r=getOffset(this.svg),o=i.pageX-r.left+10,s=i.pageY-r.top-10,l=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[e]:this.state.labels[e])+": ",u=(100*this.state.sliceTotals[e]/this.state.grandTotal).toFixed(1);this.tip.setValues(o,s,{name:l,value:u+"%"}),this.tip.showTip()}else transform(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.fill=a}}},{key:"bindTooltip",value:function(){this.container.addEventListener("mousemove",this.mouseMove),this.container.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,n=this.components.get("pieSlices").store,i=this.curActiveSliceIndex,a=this.curActiveSlice;if(n.includes(e)){var r=n.indexOf(e);this.hoverSlice(a,i,!1),this.curActiveSlice=e,this.curActiveSliceIndex=r,this.hoverSlice(e,r,!0,t)}else this.mouseLeave()}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}}]),e}(AggregationChart),_slicedToArray$4=function(){function t(t,e){var n=[],i=!0,a=!1,r=void 0;try{for(var o,s=t[Symbol.iterator]();!(i=(o=s.next()).done)&&(n.push(o.value),!e||n.length!==e);i=!0);}catch(t){a=!0,r=t}finally{try{!i&&s.return&&s.return()}finally{if(a)throw r}}return n}return function(e,n){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return t(e,n);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),_createClass$6=function(){function t(t,e){for(var n=0;n0&&void 0!==arguments[0]?arguments[0]:this.data;if(t.start&&t.end&&t.start>t.end)throw new Error("Start date cannot be greater than end date.");if(t.start||(t.start=new Date,t.start.setFullYear(t.start.getFullYear()-1)),t.end||(t.end=new Date),t.dataPoints=t.dataPoints||{},parseInt(Object.keys(t.dataPoints)[0])>1e5){var e={};Object.keys(t.dataPoints).forEach(function(n){var i=new Date(n*NO_OF_MILLIS);e[getYyyyMmDd(i)]=t.dataPoints[n]}),t.dataPoints=e}return t}},{key:"calc",value:function(){var t=this.state;t.start=clone(this.data.start),t.end=clone(this.data.end),t.firstWeekStart=clone(t.start),t.noOfWeeks=getWeeksBetween(t.start,t.end),t.distribution=calcDistribution(Object.values(this.data.dataPoints),HEATMAP_DISTRIBUTION_SIZE),t.domainConfigs=this.getDomains()}},{key:"setupComponents",value:function(){var t=this,e=this.state,n=this.discreteDomains?0:1,i=e.domainConfigs.map(function(i,a){return["heatDomain",{index:i.index,colWidth:COL_WIDTH,rowHeight:ROW_HEIGHT,squareSize:HEATMAP_SQUARE_SIZE,xTranslate:e.domainConfigs.filter(function(t,e){return e1&&void 0!==arguments[1]?arguments[1]:"",n=[t.getMonth(),t.getFullYear()],i=n[0],a=n[1],r=setDayToSunday(t),o={index:i,cols:[]};addDays(e=clone(e)||getLastDateInMonth(i,a),1);for(var s=getWeeksBetween(r,e),l=[],u=void 0,c=0;c2&&void 0!==arguments[2]&&arguments[2],i=this.state,a=clone(t),r=[],o=0;o=i.start&&a<=i.end;n||a.getMonth()!==e||!l?s.yyyyMmDd=getYyyyMmDd(a):s=this.getSubDomainConfig(a),r.push(s)}return r}},{key:"getSubDomainConfig",value:function(t){var e=getYyyyMmDd(t),n=this.data.dataPoints[e];return{yyyyMmDd:e,dataValue:n||0,fill:this.colors[getMaxCheckpoint(n,this.state.distribution)]}}}]),e}(BaseChart),_createClass$7=function(){function t(t,e){for(var n=0;n0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return zeroDataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type),this.makeDataByIndex()}},{key:"calcXPositions",value:function(){var t=this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,n){return floatTwo(t.xOffset+n*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=calcChartIntervals(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),n=this.height/getValueRange(e),i=getIntervalSize(e)*n,a=this.height-getZeroIndex(e)*i;this.state.yAxis={labels:e,positions:e.map(function(t){return a-t*n}),scaleMultiplier:n,zeroLine:a},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return scale(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,n){var i=t.values,a=t.cumulativeYs||[];return{name:t.name,index:n,chartType:t.chartType,values:i,yPositions:e(i),cumulativeYs:a,cumulativeYPos:e(a)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e){e.yPositions.map(function(e,n){egetTopOffset(n)?t.mapTooltipXPosition(a):t.tip.hideTip()})}},{key:"mapTooltipXPosition",value:function(t){var e=this.state;if(e.yExtremes){var n=getClosestInArray(t,e.xAxis.positions,!0),i=this.dataByIndex[n];this.tip.setValues(i.xPos+this.tip.offset.x,i.yExtreme+this.tip.offset.y,{name:i.formattedLabel,value:""},i.values,n),this.tip.showTip()}}},{key:"renderLegend",value:function(){var t=this,e=this.data;e.datasets.length>1&&(this.legendArea.textContent="",e.datasets.map(function(e,n){var i=AXIS_LEGEND_BAR_SIZE,a=legendBar(i*n,"0",i,t.colors[n],e.name,t.config.truncateLegends);t.legendArea.appendChild(a)}))}},{key:"makeOverlay",value:function(){var t=this;if(this.init)return void(this.init=0);this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var n=e.units[t.state.currentIndex];e.overlay=makeOverlay[e.type](n),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(){t.updateOverlay()})}},{key:"bindUnits",value:function(){var t=this;this.dataUnitComponents.map(function(e){e.units.map(function(e){e.addEventListener("click",function(){var n=e.getAttribute("data-point-index");t.setCurrentDataPoint(n)})})}),this.tip.container.addEventListener("click",function(){var e=t.tip.container.getAttribute("data-point-index");t.setCurrentDataPoint(e)})}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var n=e.units[t.state.currentIndex];updateOverlay[e.type](n,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex,e=this.state;return{index:t,label:e.xAxis.labels[t],values:e.datasets.map(function(e){return e.values[t]})}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,fire(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,n){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;_get$3(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"addDataPoint",this).call(this,t,n,i),this.data.labels.splice(i,0,t),this.data.datasets.map(function(t,e){t.values.splice(i,0,n[e])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;this.data.labels.length<=1||(_get$3(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data))}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}},{key:"updateDatasets",value:function(t){this.data.datasets.map(function(e,n){t[n]&&(e.values=t[n])}),this.update(this.data)}}]),e}(BaseChart),_createClass$8=function(){function t(t,e){for(var n=0;nthis.width?this.center.x-this.strokeWidth/2:this.center.y-this.strokeWidth/2;var i=this.radius,a=this.clockWise,r=n.slicesProperties||[];n.sliceStrings=[],n.slicesProperties=[];var o=180-this.config.startAngle;n.sliceTotals.map(function(e,s){var l=o,u=e/n.grandTotal*FULL_ANGLE,c=u>180?1:0,h=a?-u:u,d=o+=h,f=getPositionByAngle(l,i),p=getPositionByAngle(d,i),v=t.init&&r[s],g=void 0,y=void 0;t.init?(g=v?v.startPosition:f,y=v?v.endPosition:f):(g=f,y=p);var m=360===u?makeStrokeCircleStr(g,y,t.center,t.radius,t.clockWise,c):makeArcStrokePathStr(g,y,t.center,t.radius,t.clockWise,c);n.sliceStrings.push(m),n.slicesProperties.push({startPosition:f,endPosition:p,value:e,total:n.grandTotal,startAngle:l,endAngle:d,angle:h})}),this.init=0}},{key:"setupComponents",value:function(){var t=this.state,e=[["donutSlices",{},function(){return{sliceStrings:t.sliceStrings,colors:this.colors,strokeWidth:this.strokeWidth}}.bind(this)]];this.components=new Map(e.map(function(t){var e=getComponent.apply(void 0,_toConsumableArray$6(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,n=this.hoverRadio,i=getPositionByAngle(t.startAngle+t.angle/2,e);return"translate3d("+i.x*n+"px,"+i.y*n+"px,0)"}},{key:"hoverSlice",value:function(t,e,n,i){if(t){var a=this.colors[e];if(n){transform(t,this.calTranslateByAngle(this.state.slicesProperties[e])),t.style.stroke=lightenDarkenColor(a,50);var r=getOffset(this.svg),o=i.pageX-r.left+10,s=i.pageY-r.top-10,l=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[e]:this.state.labels[e])+": ",u=(100*this.state.sliceTotals[e]/this.state.grandTotal).toFixed(1);this.tip.setValues(o,s,{name:l,value:u+"%"}),this.tip.showTip()}else transform(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.stroke=a}}},{key:"bindTooltip",value:function(){this.container.addEventListener("mousemove",this.mouseMove),this.container.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,n=this.components.get("donutSlices").store,i=this.curActiveSliceIndex,a=this.curActiveSlice;if(n.includes(e)){var r=n.indexOf(e);this.hoverSlice(a,i,!1),this.curActiveSlice=e,this.curActiveSliceIndex=r,this.hoverSlice(e,r,!0,t)}else this.mouseLeave()}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}}]),e}(AggregationChart),chartTypes={bar:AxisChart,line:AxisChart,percentage:PercentageChart,heatmap:Heatmap,pie:PieChart,donut:DonutChart},Chart=function t(e,n){return _classCallCheck(this,t),getChartByType(n.type,e,n)};exports.Chart=Chart,exports.PercentageChart=PercentageChart,exports.PieChart=PieChart,exports.Heatmap=Heatmap,exports.AxisChart=AxisChart; +//# sourceMappingURL=frappe-charts.min.cjs.js.map diff --git a/dist/frappe-charts.min.cjs.js.map b/dist/frappe-charts.min.cjs.js.map new file mode 100644 index 0000000..340821d --- /dev/null +++ b/dist/frappe-charts.min.cjs.js.map @@ -0,0 +1 @@ +{"version":3,"file":"frappe-charts.min.cjs.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/js/utils/dom.js","../src/js/utils/constants.js","../src/js/utils/helpers.js","../src/js/utils/draw-utils.js","../src/js/utils/colors.js","../src/js/utils/draw.js","../src/js/utils/animate.js","../src/js/utils/animation.js","../src/js/utils/export.js","../src/js/utils/date-utils.js","../src/js/objects/ChartComponents.js","../src/js/utils/intervals.js","../src/js/utils/axis-chart-utils.js","../src/js/chart.js","../src/js/objects/SvgTip.js","../src/css/chartsCss.js","../src/js/charts/BaseChart.js","../src/js/charts/AggregationChart.js","../src/js/charts/PercentageChart.js","../src/js/charts/PieChart.js","../src/js/charts/Heatmap.js","../src/js/charts/AxisChart.js","../src/js/charts/DonutChart.js"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","export function $(expr, con) {\r\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\r\n}\r\n\r\nexport function findNodeIndex(node)\r\n{\r\n\tvar i = 0;\r\n\twhile (node.previousSibling) {\r\n\t\tnode = node.previousSibling;\r\n\t\ti++;\r\n\t}\r\n\treturn i;\r\n}\r\n\r\n$.create = (tag, o) => {\r\n\tvar element = document.createElement(tag);\r\n\r\n\tfor (var i in o) {\r\n\t\tvar val = o[i];\r\n\r\n\t\tif (i === \"inside\") {\r\n\t\t\t$(val).appendChild(element);\r\n\t\t}\r\n\t\telse if (i === \"around\") {\r\n\t\t\tvar ref = $(val);\r\n\t\t\tref.parentNode.insertBefore(element, ref);\r\n\t\t\telement.appendChild(ref);\r\n\r\n\t\t} else if (i === \"styles\") {\r\n\t\t\tif(typeof val === \"object\") {\r\n\t\t\t\tObject.keys(val).map(prop => {\r\n\t\t\t\t\telement.style[prop] = val[prop];\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t} else if (i in element ) {\r\n\t\t\telement[i] = val;\r\n\t\t}\r\n\t\telse {\r\n\t\t\telement.setAttribute(i, val);\r\n\t\t}\r\n\t}\r\n\r\n\treturn element;\r\n};\r\n\r\nexport function getOffset(element) {\r\n\tlet rect = element.getBoundingClientRect();\r\n\treturn {\r\n\t\t// https://stackoverflow.com/a/7436602/6495043\r\n\t\t// rect.top varies with scroll, so we add whatever has been\r\n\t\t// scrolled to it to get absolute distance from actual page top\r\n\t\ttop: rect.top + (document.documentElement.scrollTop || document.body.scrollTop),\r\n\t\tleft: rect.left + (document.documentElement.scrollLeft || document.body.scrollLeft)\r\n\t};\r\n}\r\n\r\nexport function isElementInViewport(el) {\r\n\t// Although straightforward: https://stackoverflow.com/a/7557433/6495043\r\n\tvar rect = el.getBoundingClientRect();\r\n\r\n\treturn (\r\n\t\trect.top >= 0 &&\r\n rect.left >= 0 &&\r\n rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */\r\n rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */\r\n\t);\r\n}\r\n\r\nexport function getElementContentWidth(element) {\r\n\tvar styles = window.getComputedStyle(element);\r\n\tvar padding = parseFloat(styles.paddingLeft) +\r\n\t\tparseFloat(styles.paddingRight);\r\n\r\n\treturn element.clientWidth - padding;\r\n}\r\n\r\nexport function bind(element, o){\r\n\tif (element) {\r\n\t\tfor (var event in o) {\r\n\t\t\tvar callback = o[event];\r\n\r\n\t\t\tevent.split(/\\s+/).forEach(function (event) {\r\n\t\t\t\telement.addEventListener(event, callback);\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n}\r\n\r\nexport function unbind(element, o){\r\n\tif (element) {\r\n\t\tfor (var event in o) {\r\n\t\t\tvar callback = o[event];\r\n\r\n\t\t\tevent.split(/\\s+/).forEach(function(event) {\r\n\t\t\t\telement.removeEventListener(event, callback);\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n}\r\n\r\nexport function fire(target, type, properties) {\r\n\tvar evt = document.createEvent(\"HTMLEvents\");\r\n\r\n\tevt.initEvent(type, true, true );\r\n\r\n\tfor (var j in properties) {\r\n\t\tevt[j] = properties[j];\r\n\t}\r\n\r\n\treturn target.dispatchEvent(evt);\r\n}\r\n\r\n// https://css-tricks.com/snippets/javascript/loop-queryselectorall-matches/\r\nexport function forEachNode(nodeList, callback, scope) {\r\n\tif(!nodeList) return;\r\n\tfor (var i = 0; i < nodeList.length; i++) {\r\n\t\tcallback.call(scope, nodeList[i], i);\r\n\t}\r\n}\r\n\r\nexport function activate($parent, $child, commonClass, activeClass='active', index = -1) {\r\n\tlet $children = $parent.querySelectorAll(`.${commonClass}.${activeClass}`);\r\n\r\n\tforEachNode($children, (node, i) => {\r\n\t\tif(index >= 0 && i <= index) return;\r\n\t\tnode.classList.remove(activeClass);\r\n\t});\r\n\r\n\t$child.classList.add(activeClass);\r\n}\r\n","export const ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\r\n\r\nexport const COMPATIBLE_CHARTS = {\r\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\r\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\r\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\r\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\r\n\theatmap: []\r\n};\r\n\r\nexport const DATA_COLOR_DIVISIONS = {\r\n\tbar: 'datasets',\r\n\tline: 'datasets',\r\n\tpie: 'labels',\r\n\tpercentage: 'labels',\r\n\theatmap: HEATMAP_DISTRIBUTION_SIZE\r\n};\r\n\r\nexport const BASE_MEASURES = {\r\n\tmargins: {\r\n\t\ttop: 10,\r\n\t\tbottom: 10,\r\n\t\tleft: 20,\r\n\t\tright: 20\r\n\t},\r\n\tpaddings: {\r\n\t\ttop: 20,\r\n\t\tbottom: 40,\r\n\t\tleft: 30,\r\n\t\tright: 10\r\n\t},\r\n\r\n\tbaseHeight: 240,\r\n\ttitleHeight: 20,\r\n\tlegendHeight: 30,\r\n\r\n\ttitleFontSize: 12,\r\n};\r\n\r\nexport function getTopOffset(m) {\r\n\treturn m.titleHeight + m.margins.top + m.paddings.top;\r\n}\r\n\r\nexport function getLeftOffset(m) {\r\n\treturn m.margins.left + m.paddings.left;\r\n}\r\n\r\nexport function getExtraHeight(m) {\r\n\tlet totalExtraHeight = m.margins.top + m.margins.bottom\r\n\t\t+ m.paddings.top + m.paddings.bottom\r\n\t\t+ m.titleHeight + m.legendHeight;\r\n\treturn totalExtraHeight;\r\n}\r\n\r\nexport function getExtraWidth(m) {\r\n\tlet totalExtraWidth = m.margins.left + m.margins.right\r\n\t\t+ m.paddings.left + m.paddings.right;\r\n\r\n\treturn totalExtraWidth;\r\n}\r\n\r\nexport const INIT_CHART_UPDATE_TIMEOUT = 700;\r\nexport const CHART_POST_ANIMATE_TIMEOUT = 400;\r\n\r\nexport const DEFAULT_AXIS_CHART_TYPE = 'line';\r\nexport const AXIS_DATASET_CHART_TYPES = ['line', 'bar'];\r\n\r\nexport const AXIS_LEGEND_BAR_SIZE = 100;\r\n\r\nexport const BAR_CHART_SPACE_RATIO = 0.5;\r\nexport const MIN_BAR_PERCENT_HEIGHT = 0.00;\r\n\r\nexport const LINE_CHART_DOT_SIZE = 4;\r\nexport const DOT_OVERLAY_SIZE_INCR = 4;\r\n\r\nexport const PERCENTAGE_BAR_DEFAULT_HEIGHT = 20;\r\nexport const PERCENTAGE_BAR_DEFAULT_DEPTH = 2;\r\n\r\n// Fixed 5-color theme,\r\n// More colors are difficult to parse visually\r\nexport const HEATMAP_DISTRIBUTION_SIZE = 5;\r\n\r\nexport const HEATMAP_SQUARE_SIZE = 10;\r\nexport const HEATMAP_GUTTER_SIZE = 2;\r\n\r\nexport const DEFAULT_CHAR_WIDTH = 7;\r\n\r\nexport const TOOLTIP_POINTER_TRIANGLE_HEIGHT = 5;\r\n\r\nconst DEFAULT_CHART_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\r\n\t'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey'];\r\nconst HEATMAP_COLORS_GREEN = ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\r\nexport const HEATMAP_COLORS_BLUE = ['#ebedf0', '#c0ddf9', '#73b3f3', '#3886e1', '#17459e'];\r\nexport const HEATMAP_COLORS_YELLOW = ['#ebedf0', '#fdf436', '#ffc700', '#ff9100', '#06001c'];\r\n\r\nexport const DEFAULT_COLORS = {\r\n\tbar: DEFAULT_CHART_COLORS,\r\n\tline: DEFAULT_CHART_COLORS,\r\n\tpie: DEFAULT_CHART_COLORS,\r\n\tpercentage: DEFAULT_CHART_COLORS,\r\n\theatmap: HEATMAP_COLORS_GREEN,\r\n\tdonut: DEFAULT_CHART_COLORS\r\n};\r\n\r\n// Universal constants\r\nexport const ANGLE_RATIO = Math.PI / 180;\r\nexport const FULL_ANGLE = 360;\r\n","import { ANGLE_RATIO } from './constants';\r\n\r\n/**\r\n * Returns the value of a number upto 2 decimal places.\r\n * @param {Number} d Any number\r\n */\r\nexport function floatTwo(d) {\r\n\treturn parseFloat(d.toFixed(2));\r\n}\r\n\r\n/**\r\n * Returns whether or not two given arrays are equal.\r\n * @param {Array} arr1 First array\r\n * @param {Array} arr2 Second array\r\n */\r\nexport function arraysEqual(arr1, arr2) {\r\n\tif(arr1.length !== arr2.length) return false;\r\n\tlet areEqual = true;\r\n\tarr1.map((d, i) => {\r\n\t\tif(arr2[i] !== d) areEqual = false;\r\n\t});\r\n\treturn areEqual;\r\n}\r\n\r\n/**\r\n * Shuffles array in place. ES6 version\r\n * @param {Array} array An array containing the items.\r\n */\r\nexport function shuffle(array) {\r\n\t// Awesomeness: https://bost.ocks.org/mike/shuffle/\r\n\t// https://stackoverflow.com/a/2450976/6495043\r\n\t// https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array?noredirect=1&lq=1\r\n\r\n\tfor (let i = array.length - 1; i > 0; i--) {\r\n\t\tlet j = Math.floor(Math.random() * (i + 1));\r\n\t\t[array[i], array[j]] = [array[j], array[i]];\r\n\t}\r\n\r\n\treturn array;\r\n}\r\n\r\n/**\r\n * Fill an array with extra points\r\n * @param {Array} array Array\r\n * @param {Number} count number of filler elements\r\n * @param {Object} element element to fill with\r\n * @param {Boolean} start fill at start?\r\n */\r\nexport function fillArray(array, count, element, start=false) {\r\n\tif(!element) {\r\n\t\telement = start ? array[0] : array[array.length - 1];\r\n\t}\r\n\tlet fillerArray = new Array(Math.abs(count)).fill(element);\r\n\tarray = start ? fillerArray.concat(array) : array.concat(fillerArray);\r\n\treturn array;\r\n}\r\n\r\n/**\r\n * Returns pixel width of string.\r\n * @param {String} string\r\n * @param {Number} charWidth Width of single char in pixels\r\n */\r\nexport function getStringWidth(string, charWidth) {\r\n\treturn (string+\"\").length * charWidth;\r\n}\r\n\r\nexport function bindChange(obj, getFn, setFn) {\r\n\treturn new Proxy(obj, {\r\n\t\tset: function(target, prop, value) {\r\n\t\t\tsetFn();\r\n\t\t\treturn Reflect.set(target, prop, value);\r\n\t\t},\r\n\t\tget: function(target, prop) {\r\n\t\t\tgetFn();\r\n\t\t\treturn Reflect.get(target, prop);\r\n\t\t}\r\n\t});\r\n}\r\n\r\n// https://stackoverflow.com/a/29325222\r\nexport function getRandomBias(min, max, bias, influence) {\r\n\tconst range = max - min;\r\n\tconst biasValue = range * bias + min;\r\n\tvar rnd = Math.random() * range + min,\t\t// random in range\r\n\t\tmix = Math.random() * influence;\t\t// random mixer\r\n\treturn rnd * (1 - mix) + biasValue * mix;\t// mix full range and bias\r\n}\r\n\r\nexport function getPositionByAngle(angle, radius) {\r\n\treturn {\r\n\t\tx: Math.sin(angle * ANGLE_RATIO) * radius,\r\n\t\ty: Math.cos(angle * ANGLE_RATIO) * radius,\r\n\t};\r\n}\r\n","import { fillArray } from './helpers';\r\n\r\nexport function getBarHeightAndYAttr(yTop, zeroLine) {\r\n\tlet height, y;\r\n\tif (yTop <= zeroLine) {\r\n\t\theight = zeroLine - yTop;\r\n\t\ty = yTop;\r\n\t} else {\r\n\t\theight = yTop - zeroLine;\r\n\t\ty = zeroLine;\r\n\t}\r\n\r\n\treturn [height, y];\r\n}\r\n\r\nexport function equilizeNoOfElements(array1, array2,\r\n\textraCount = array2.length - array1.length) {\r\n\r\n\t// Doesn't work if either has zero elements.\r\n\tif(extraCount > 0) {\r\n\t\tarray1 = fillArray(array1, extraCount);\r\n\t} else {\r\n\t\tarray2 = fillArray(array2, extraCount);\r\n\t}\r\n\treturn [array1, array2];\r\n}\r\n\r\nexport function truncateString(txt, len) {\r\n\tif (!txt) {\r\n\t\treturn;\r\n\t}\r\n\tif (txt.length > len) {\r\n\t\treturn txt.slice(0, len-3) + '...';\r\n\t} else {\r\n\t\treturn txt;\r\n\t}\r\n}\r\n\r\nexport function shortenLargeNumber(label) {\r\n\tlet number;\r\n\tif (typeof label === 'number') number = label;\r\n\telse if (typeof label === 'string') {\r\n\t\tnumber = Number(label);\r\n\t\tif (Number.isNaN(number)) return label;\r\n\t}\r\n\r\n\t// Using absolute since log wont work for negative numbers\r\n\tlet p = Math.floor(Math.log10(Math.abs(number)));\r\n\tif (p <= 2) return number; // Return as is for a 3 digit number of less\r\n\tlet\tl = Math.floor(p / 3);\r\n\tlet shortened = (Math.pow(10, p - l * 3) * +(number / Math.pow(10, p)).toFixed(1));\r\n\r\n\t// Correct for floating point error upto 2 decimal places\r\n\treturn Math.round(shortened*100)/100 + ' ' + ['', 'K', 'M', 'B', 'T'][l];\r\n}\r\n\r\n// cubic bezier curve calculation (from example by François Romain)\r\nexport function createSplineCurve(xList, yList) {\r\n\r\n\tlet points=[];\r\n\tfor(let i=0;i {\r\n\t\tlet lengthX = pointB[0] - pointA[0];\r\n\t\tlet lengthY = pointB[1] - pointA[1];\r\n\t\treturn {\r\n\t\t\tlength: Math.sqrt(Math.pow(lengthX, 2) + Math.pow(lengthY, 2)),\r\n\t\t\tangle: Math.atan2(lengthY, lengthX)\r\n\t\t};\r\n\t};\r\n \r\n\tlet controlPoint = (current, previous, next, reverse) => {\r\n\t\tlet p = previous || current;\r\n\t\tlet n = next || current;\r\n\t\tlet o = line(p, n);\r\n\t\tlet angle = o.angle + (reverse ? Math.PI : 0);\r\n\t\tlet length = o.length * smoothing;\r\n\t\tlet x = current[0] + Math.cos(angle) * length;\r\n\t\tlet y = current[1] + Math.sin(angle) * length;\r\n\t\treturn [x, y];\r\n\t};\r\n \r\n\tlet bezierCommand = (point, i, a) => {\r\n\t\tlet cps = controlPoint(a[i - 1], a[i - 2], point);\r\n\t\tlet cpe = controlPoint(point, a[i - 1], a[i + 1], true);\r\n\t\treturn `C ${cps[0]},${cps[1]} ${cpe[0]},${cpe[1]} ${point[0]},${point[1]}`;\r\n\t};\r\n \r\n\tlet pointStr = (points, command) => {\r\n\t\treturn points.reduce((acc, point, i, a) => i === 0\r\n\t\t\t? `${point[0]},${point[1]}`\r\n\t\t\t: `${acc} ${command(point, i, a)}`, '');\r\n\t};\r\n \r\n\treturn pointStr(points, bezierCommand);\r\n}","const PRESET_COLOR_MAP = {\r\n\t'light-blue': '#7cd6fd',\r\n\t'blue': '#5e64ff',\r\n\t'violet': '#743ee2',\r\n\t'red': '#ff5858',\r\n\t'orange': '#ffa00a',\r\n\t'yellow': '#feef72',\r\n\t'green': '#28a745',\r\n\t'light-green': '#98d85b',\r\n\t'purple': '#b554ff',\r\n\t'magenta': '#ffa3ef',\r\n\t'black': '#36114C',\r\n\t'grey': '#bdd3e6',\r\n\t'light-grey': '#f0f4f7',\r\n\t'dark-grey': '#b8c2cc'\r\n};\r\n\r\nfunction limitColor(r){\r\n\tif (r > 255) return 255;\r\n\telse if (r < 0) return 0;\r\n\treturn r;\r\n}\r\n\r\nexport function lightenDarkenColor(color, amt) {\r\n\tlet col = getColor(color);\r\n\tlet usePound = false;\r\n\tif (col[0] == \"#\") {\r\n\t\tcol = col.slice(1);\r\n\t\tusePound = true;\r\n\t}\r\n\tlet num = parseInt(col,16);\r\n\tlet r = limitColor((num >> 16) + amt);\r\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\r\n\tlet g = limitColor((num & 0x0000FF) + amt);\r\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\r\n}\r\n\r\nexport function isValidColor(string) {\r\n\t// https://stackoverflow.com/a/8027444/6495043\r\n\treturn /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string);\r\n}\r\n\r\nexport const getColor = (color) => {\r\n\treturn PRESET_COLOR_MAP[color] || color;\r\n};\r\n","import { getBarHeightAndYAttr, truncateString, shortenLargeNumber, createSplineCurve } from './draw-utils';\r\nimport { getStringWidth } from './helpers';\r\nimport { DOT_OVERLAY_SIZE_INCR, PERCENTAGE_BAR_DEFAULT_DEPTH } from './constants';\r\nimport { lightenDarkenColor } from './colors';\r\n\r\nexport const AXIS_TICK_LENGTH = 6;\r\nconst LABEL_MARGIN = 4;\r\nconst LABEL_MAX_CHARS = 15;\r\nexport const FONT_SIZE = 10;\r\nconst BASE_LINE_COLOR = '#dadada';\r\nconst FONT_FILL = '#555b51';\r\n\r\nfunction $(expr, con) {\r\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\r\n}\r\n\r\nexport function createSVG(tag, o) {\r\n\tvar element = document.createElementNS(\"http://www.w3.org/2000/svg\", tag);\r\n\r\n\tfor (var i in o) {\r\n\t\tvar val = o[i];\r\n\r\n\t\tif (i === \"inside\") {\r\n\t\t\t$(val).appendChild(element);\r\n\t\t}\r\n\t\telse if (i === \"around\") {\r\n\t\t\tvar ref = $(val);\r\n\t\t\tref.parentNode.insertBefore(element, ref);\r\n\t\t\telement.appendChild(ref);\r\n\r\n\t\t} else if (i === \"styles\") {\r\n\t\t\tif(typeof val === \"object\") {\r\n\t\t\t\tObject.keys(val).map(prop => {\r\n\t\t\t\t\telement.style[prop] = val[prop];\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tif(i === \"className\") { i = \"class\"; }\r\n\t\t\tif(i === \"innerHTML\") {\r\n\t\t\t\telement['textContent'] = val;\r\n\t\t\t} else {\r\n\t\t\t\telement.setAttribute(i, val);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\treturn element;\r\n}\r\n\r\nfunction renderVerticalGradient(svgDefElem, gradientId) {\r\n\treturn createSVG('linearGradient', {\r\n\t\tinside: svgDefElem,\r\n\t\tid: gradientId,\r\n\t\tx1: 0,\r\n\t\tx2: 0,\r\n\t\ty1: 0,\r\n\t\ty2: 1\r\n\t});\r\n}\r\n\r\nfunction setGradientStop(gradElem, offset, color, opacity) {\r\n\treturn createSVG('stop', {\r\n\t\t'inside': gradElem,\r\n\t\t'style': `stop-color: ${color}`,\r\n\t\t'offset': offset,\r\n\t\t'stop-opacity': opacity\r\n\t});\r\n}\r\n\r\nexport function makeSVGContainer(parent, className, width, height) {\r\n\treturn createSVG('svg', {\r\n\t\tclassName: className,\r\n\t\tinside: parent,\r\n\t\twidth: width,\r\n\t\theight: height\r\n\t});\r\n}\r\n\r\nexport function makeSVGDefs(svgContainer) {\r\n\treturn createSVG('defs', {\r\n\t\tinside: svgContainer,\r\n\t});\r\n}\r\n\r\nexport function makeSVGGroup(className, transform='', parent=undefined) {\r\n\tlet args = {\r\n\t\tclassName: className,\r\n\t\ttransform: transform\r\n\t};\r\n\tif(parent) args.inside = parent;\r\n\treturn createSVG('g', args);\r\n}\r\n\r\nexport function wrapInSVGGroup(elements, className='') {\r\n\tlet g = createSVG('g', {\r\n\t\tclassName: className\r\n\t});\r\n\telements.forEach(e => g.appendChild(e));\r\n\treturn g;\r\n}\r\n\r\nexport function makePath(pathStr, className='', stroke='none', fill='none', strokeWidth=2) {\r\n\treturn createSVG('path', {\r\n\t\tclassName: className,\r\n\t\td: pathStr,\r\n\t\tstyles: {\r\n\t\t\tstroke: stroke,\r\n\t\t\tfill: fill,\r\n\t\t\t'stroke-width': strokeWidth\r\n\t\t}\r\n\t});\r\n}\r\n\r\nexport function makeArcPathStr(startPosition, endPosition, center, radius, clockWise=1, largeArc=0){\r\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\r\n\tlet [arcEndX, arcEndY] = [center.x + endPosition.x, center.y + endPosition.y];\r\n\treturn `M${center.x} ${center.y}\r\n\t\tL${arcStartX} ${arcStartY}\r\n\t\tA ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0}\r\n\t\t${arcEndX} ${arcEndY} z`;\r\n}\r\n\r\nexport function makeCircleStr(startPosition, endPosition, center, radius, clockWise=1, largeArc=0){\r\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\r\n\tlet [arcEndX, midArc, arcEndY] = [center.x + endPosition.x, center.y * 2, center.y + endPosition.y];\r\n\treturn `M${center.x} ${center.y}\r\n\t\tL${arcStartX} ${arcStartY}\r\n\t\tA ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0}\r\n\t\t${arcEndX} ${midArc} z\r\n\t\tL${arcStartX} ${midArc}\r\n\t\tA ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0}\r\n\t\t${arcEndX} ${arcEndY} z`;\r\n}\r\n\r\nexport function makeArcStrokePathStr(startPosition, endPosition, center, radius, clockWise=1, largeArc=0){\r\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\r\n\tlet [arcEndX, arcEndY] = [center.x + endPosition.x, center.y + endPosition.y];\r\n\r\n\treturn `M${arcStartX} ${arcStartY}\r\n\t\tA ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0}\r\n\t\t${arcEndX} ${arcEndY}`;\r\n}\r\n\r\nexport function makeStrokeCircleStr(startPosition, endPosition, center, radius, clockWise=1, largeArc=0){\r\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\r\n\tlet [arcEndX, midArc, arcEndY] = [center.x + endPosition.x, radius * 2 + arcStartY, center.y + startPosition.y];\r\n\r\n\treturn `M${arcStartX} ${arcStartY}\r\n\t\tA ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0}\r\n\t\t${arcEndX} ${midArc}\r\n\t\tM${arcStartX} ${midArc}\r\n\t\tA ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0}\r\n\t\t${arcEndX} ${arcEndY}`;\r\n}\r\n\r\nexport function makeGradient(svgDefElem, color, lighter = false) {\r\n\tlet gradientId ='path-fill-gradient' + '-' + color + '-' +(lighter ? 'lighter' : 'default');\r\n\tlet gradientDef = renderVerticalGradient(svgDefElem, gradientId);\r\n\tlet opacities = [1, 0.6, 0.2];\r\n\tif(lighter) {\r\n\t\topacities = [0.4, 0.2, 0];\r\n\t}\r\n\r\n\tsetGradientStop(gradientDef, \"0%\", color, opacities[0]);\r\n\tsetGradientStop(gradientDef, \"50%\", color, opacities[1]);\r\n\tsetGradientStop(gradientDef, \"100%\", color, opacities[2]);\r\n\r\n\treturn gradientId;\r\n}\r\n\r\nexport function percentageBar(x, y, width, height,\r\n\tdepth=PERCENTAGE_BAR_DEFAULT_DEPTH, fill='none') {\r\n\r\n\tlet args = {\r\n\t\tclassName: 'percentage-bar',\r\n\t\tx: x,\r\n\t\ty: y,\r\n\t\twidth: width,\r\n\t\theight: height,\r\n\t\tfill: fill,\r\n\t\tstyles: {\r\n\t\t\t'stroke': lightenDarkenColor(fill, -25),\r\n\t\t\t// Diabolically good: https://stackoverflow.com/a/9000859\r\n\t\t\t// https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\r\n\t\t\t'stroke-dasharray': `0, ${height + width}, ${width}, ${height}`,\r\n\t\t\t'stroke-width': depth\r\n\t\t},\r\n\t};\r\n\r\n\treturn createSVG(\"rect\", args);\r\n}\r\n\r\nexport function heatSquare(className, x, y, size, fill='none', data={}) {\r\n\tlet args = {\r\n\t\tclassName: className,\r\n\t\tx: x,\r\n\t\ty: y,\r\n\t\twidth: size,\r\n\t\theight: size,\r\n\t\tfill: fill\r\n\t};\r\n\r\n\tObject.keys(data).map(key => {\r\n\t\targs[key] = data[key];\r\n\t});\r\n\r\n\treturn createSVG(\"rect\", args);\r\n}\r\n\r\nexport function legendBar(x, y, size, fill='none', label, truncate=false) {\r\n\tlabel = truncate ? truncateString(label, LABEL_MAX_CHARS) : label;\r\n\r\n\tlet args = {\r\n\t\tclassName: 'legend-bar',\r\n\t\tx: 0,\r\n\t\ty: 0,\r\n\t\twidth: size,\r\n\t\theight: '2px',\r\n\t\tfill: fill\r\n\t};\r\n\tlet text = createSVG('text', {\r\n\t\tclassName: 'legend-dataset-text',\r\n\t\tx: 0,\r\n\t\ty: 0,\r\n\t\tdy: (FONT_SIZE * 2) + 'px',\r\n\t\t'font-size': (FONT_SIZE * 1.2) + 'px',\r\n\t\t'text-anchor': 'start',\r\n\t\tfill: FONT_FILL,\r\n\t\tinnerHTML: label\r\n\t});\r\n\r\n\tlet group = createSVG('g', {\r\n\t\ttransform: `translate(${x}, ${y})`\r\n\t});\r\n\tgroup.appendChild(createSVG(\"rect\", args));\r\n\tgroup.appendChild(text);\r\n\r\n\treturn group;\r\n}\r\n\r\nexport function legendDot(x, y, size, fill='none', label) {\r\n\tlet args = {\r\n\t\tclassName: 'legend-dot',\r\n\t\tcx: 0,\r\n\t\tcy: 0,\r\n\t\tr: size,\r\n\t\tfill: fill\r\n\t};\r\n\tlet text = createSVG('text', {\r\n\t\tclassName: 'legend-dataset-text',\r\n\t\tx: 0,\r\n\t\ty: 0,\r\n\t\tdx: (FONT_SIZE) + 'px',\r\n\t\tdy: (FONT_SIZE/3) + 'px',\r\n\t\t'font-size': (FONT_SIZE * 1.2) + 'px',\r\n\t\t'text-anchor': 'start',\r\n\t\tfill: FONT_FILL,\r\n\t\tinnerHTML: label\r\n\t});\r\n\r\n\tlet group = createSVG('g', {\r\n\t\ttransform: `translate(${x}, ${y})`\r\n\t});\r\n\tgroup.appendChild(createSVG(\"circle\", args));\r\n\tgroup.appendChild(text);\r\n\r\n\treturn group;\r\n}\r\n\r\nexport function makeText(className, x, y, content, options = {}) {\r\n\tlet fontSize = options.fontSize || FONT_SIZE;\r\n\tlet dy = options.dy !== undefined ? options.dy : (fontSize / 2);\r\n\tlet fill = options.fill || FONT_FILL;\r\n\tlet textAnchor = options.textAnchor || 'start';\r\n\treturn createSVG('text', {\r\n\t\tclassName: className,\r\n\t\tx: x,\r\n\t\ty: y,\r\n\t\tdy: dy + 'px',\r\n\t\t'font-size': fontSize + 'px',\r\n\t\tfill: fill,\r\n\t\t'text-anchor': textAnchor,\r\n\t\tinnerHTML: content\r\n\t});\r\n}\r\n\r\nfunction makeVertLine(x, label, y1, y2, options={}) {\r\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\r\n\tlet l = createSVG('line', {\r\n\t\tclassName: 'line-vertical ' + options.className,\r\n\t\tx1: 0,\r\n\t\tx2: 0,\r\n\t\ty1: y1,\r\n\t\ty2: y2,\r\n\t\tstyles: {\r\n\t\t\tstroke: options.stroke\r\n\t\t}\r\n\t});\r\n\r\n\tlet text = createSVG('text', {\r\n\t\tx: 0,\r\n\t\ty: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE,\r\n\t\tdy: FONT_SIZE + 'px',\r\n\t\t'font-size': FONT_SIZE + 'px',\r\n\t\t'text-anchor': 'middle',\r\n\t\tinnerHTML: label + \"\"\r\n\t});\r\n\r\n\tlet line = createSVG('g', {\r\n\t\ttransform: `translate(${ x }, 0)`\r\n\t});\r\n\r\n\tline.appendChild(l);\r\n\tline.appendChild(text);\r\n\r\n\treturn line;\r\n}\r\n\r\nfunction makeHoriLine(y, label, x1, x2, options={}) {\r\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\r\n\tif(!options.lineType) options.lineType = '';\r\n\tif (options.shortenNumbers) label = shortenLargeNumber(label);\r\n\t\r\n\tlet className = 'line-horizontal ' + options.className +\r\n\t\t(options.lineType === \"dashed\" ? \"dashed\": \"\");\r\n\r\n\tlet l = createSVG('line', {\r\n\t\tclassName: className,\r\n\t\tx1: x1,\r\n\t\tx2: x2,\r\n\t\ty1: 0,\r\n\t\ty2: 0,\r\n\t\tstyles: {\r\n\t\t\tstroke: options.stroke\r\n\t\t}\r\n\t});\r\n\r\n\tlet text = createSVG('text', {\r\n\t\tx: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,\r\n\t\ty: 0,\r\n\t\tdy: (FONT_SIZE / 2 - 2) + 'px',\r\n\t\t'font-size': FONT_SIZE + 'px',\r\n\t\t'text-anchor': x1 < x2 ? 'end' : 'start',\r\n\t\tinnerHTML: label+\"\"\r\n\t});\r\n\r\n\tlet line = createSVG('g', {\r\n\t\ttransform: `translate(0, ${y})`,\r\n\t\t'stroke-opacity': 1\r\n\t});\r\n\r\n\tif(text === 0 || text === '0') {\r\n\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\r\n\t}\r\n\r\n\tline.appendChild(l);\r\n\tline.appendChild(text);\r\n\r\n\treturn line;\r\n}\r\n\r\nexport function yLine(y, label, width, options={}) {\r\n\tif(!options.pos) options.pos = 'left';\r\n\tif(!options.offset) options.offset = 0;\r\n\tif(!options.mode) options.mode = 'span';\r\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\r\n\tif(!options.className) options.className = '';\r\n\r\n\tlet x1 = -1 * AXIS_TICK_LENGTH;\r\n\tlet x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;\r\n\r\n\tif(options.mode === 'tick' && options.pos === 'right') {\r\n\t\tx1 = width + AXIS_TICK_LENGTH;\r\n\t\tx2 = width;\r\n\t}\r\n\r\n\t// let offset = options.pos === 'left' ? -1 * options.offset : options.offset;\r\n\r\n\tx1 += options.offset;\r\n\tx2 += options.offset;\r\n\r\n\treturn makeHoriLine(y, label, x1, x2, {\r\n\t\tstroke: options.stroke,\r\n\t\tclassName: options.className,\r\n\t\tlineType: options.lineType,\r\n\t\tshortenNumbers: options.shortenNumbers\r\n\t});\r\n}\r\n\r\nexport function xLine(x, label, height, options={}) {\r\n\tif(!options.pos) options.pos = 'bottom';\r\n\tif(!options.offset) options.offset = 0;\r\n\tif(!options.mode) options.mode = 'span';\r\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\r\n\tif(!options.className) options.className = '';\r\n\r\n\t// Draw X axis line in span/tick mode with optional label\r\n\t// \ty2(span)\r\n\t// \t\t\t\t\t\t|\r\n\t// \t\t\t\t\t\t|\r\n\t//\t\t\t\tx line\t|\r\n\t//\t\t\t\t\t\t|\r\n\t// \t\t\t\t\t \t|\r\n\t// ---------------------+-- y2(tick)\r\n\t//\t\t\t\t\t\t|\r\n\t//\t\t\t\t\t\t\ty1\r\n\r\n\tlet y1 = height + AXIS_TICK_LENGTH;\r\n\tlet y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : height;\r\n\r\n\tif(options.mode === 'tick' && options.pos === 'top') {\r\n\t\t// top axis ticks\r\n\t\ty1 = -1 * AXIS_TICK_LENGTH;\r\n\t\ty2 = 0;\r\n\t}\r\n\r\n\treturn makeVertLine(x, label, y1, y2, {\r\n\t\tstroke: options.stroke,\r\n\t\tclassName: options.className,\r\n\t\tlineType: options.lineType\r\n\t});\r\n}\r\n\r\nexport function yMarker(y, label, width, options={}) {\r\n\tif(!options.labelPos) options.labelPos = 'right';\r\n\tlet x = options.labelPos === 'left' ? LABEL_MARGIN\r\n\t\t: width - getStringWidth(label, 5) - LABEL_MARGIN;\r\n\r\n\tlet labelSvg = createSVG('text', {\r\n\t\tclassName: 'chart-label',\r\n\t\tx: x,\r\n\t\ty: 0,\r\n\t\tdy: (FONT_SIZE / -2) + 'px',\r\n\t\t'font-size': FONT_SIZE + 'px',\r\n\t\t'text-anchor': 'start',\r\n\t\tinnerHTML: label+\"\"\r\n\t});\r\n\r\n\tlet line = makeHoriLine(y, '', 0, width, {\r\n\t\tstroke: options.stroke || BASE_LINE_COLOR,\r\n\t\tclassName: options.className || '',\r\n\t\tlineType: options.lineType\r\n\t});\r\n\r\n\tline.appendChild(labelSvg);\r\n\r\n\treturn line;\r\n}\r\n\r\nexport function yRegion(y1, y2, width, label, options={}) {\r\n\t// return a group\r\n\tlet height = y1 - y2;\r\n\r\n\tlet rect = createSVG('rect', {\r\n\t\tclassName: `bar mini`, // remove class\r\n\t\tstyles: {\r\n\t\t\tfill: `rgba(228, 234, 239, 0.49)`,\r\n\t\t\tstroke: BASE_LINE_COLOR,\r\n\t\t\t'stroke-dasharray': `${width}, ${height}`\r\n\t\t},\r\n\t\t// 'data-point-index': index,\r\n\t\tx: 0,\r\n\t\ty: 0,\r\n\t\twidth: width,\r\n\t\theight: height\r\n\t});\r\n\r\n\tif(!options.labelPos) options.labelPos = 'right';\r\n\tlet x = options.labelPos === 'left' ? LABEL_MARGIN\r\n\t\t: width - getStringWidth(label+\"\", 4.5) - LABEL_MARGIN;\r\n\r\n\tlet labelSvg = createSVG('text', {\r\n\t\tclassName: 'chart-label',\r\n\t\tx: x,\r\n\t\ty: 0,\r\n\t\tdy: (FONT_SIZE / -2) + 'px',\r\n\t\t'font-size': FONT_SIZE + 'px',\r\n\t\t'text-anchor': 'start',\r\n\t\tinnerHTML: label+\"\"\r\n\t});\r\n\r\n\tlet region = createSVG('g', {\r\n\t\ttransform: `translate(0, ${y2})`\r\n\t});\r\n\r\n\tregion.appendChild(rect);\r\n\tregion.appendChild(labelSvg);\r\n\r\n\treturn region;\r\n}\r\n\r\nexport function datasetBar(x, yTop, width, color, label='', index=0, offset=0, meta={}) {\r\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\r\n\ty -= offset;\r\n\r\n\tif(height === 0) {\r\n\t\theight = meta.minHeight;\r\n\t\ty -= meta.minHeight;\r\n\t}\r\n\r\n\tlet rect = createSVG('rect', {\r\n\t\tclassName: `bar mini`,\r\n\t\tstyle: `fill: ${color}`,\r\n\t\t'data-point-index': index,\r\n\t\tx: x,\r\n\t\ty: y,\r\n\t\twidth: width,\r\n\t\theight: height\r\n\t});\r\n\r\n\tlabel += \"\";\r\n\r\n\tif(!label && !label.length) {\r\n\t\treturn rect;\r\n\t} else {\r\n\t\trect.setAttribute('y', 0);\r\n\t\trect.setAttribute('x', 0);\r\n\t\tlet text = createSVG('text', {\r\n\t\t\tclassName: 'data-point-value',\r\n\t\t\tx: width/2,\r\n\t\t\ty: 0,\r\n\t\t\tdy: (FONT_SIZE / 2 * -1) + 'px',\r\n\t\t\t'font-size': FONT_SIZE + 'px',\r\n\t\t\t'text-anchor': 'middle',\r\n\t\t\tinnerHTML: label\r\n\t\t});\r\n\r\n\t\tlet group = createSVG('g', {\r\n\t\t\t'data-point-index': index,\r\n\t\t\ttransform: `translate(${x}, ${y})`\r\n\t\t});\r\n\t\tgroup.appendChild(rect);\r\n\t\tgroup.appendChild(text);\r\n\r\n\t\treturn group;\r\n\t}\r\n}\r\n\r\nexport function datasetDot(x, y, radius, color, label='', index=0) {\r\n\tlet dot = createSVG('circle', {\r\n\t\tstyle: `fill: ${color}`,\r\n\t\t'data-point-index': index,\r\n\t\tcx: x,\r\n\t\tcy: y,\r\n\t\tr: radius\r\n\t});\r\n\r\n\tlabel += \"\";\r\n\r\n\tif(!label && !label.length) {\r\n\t\treturn dot;\r\n\t} else {\r\n\t\tdot.setAttribute('cy', 0);\r\n\t\tdot.setAttribute('cx', 0);\r\n\r\n\t\tlet text = createSVG('text', {\r\n\t\t\tclassName: 'data-point-value',\r\n\t\t\tx: 0,\r\n\t\t\ty: 0,\r\n\t\t\tdy: (FONT_SIZE / 2 * -1 - radius) + 'px',\r\n\t\t\t'font-size': FONT_SIZE + 'px',\r\n\t\t\t'text-anchor': 'middle',\r\n\t\t\tinnerHTML: label\r\n\t\t});\r\n\r\n\t\tlet group = createSVG('g', {\r\n\t\t\t'data-point-index': index,\r\n\t\t\ttransform: `translate(${x}, ${y})`\r\n\t\t});\r\n\t\tgroup.appendChild(dot);\r\n\t\tgroup.appendChild(text);\r\n\r\n\t\treturn group;\r\n\t}\r\n}\r\n\r\nexport function getPaths(xList, yList, color, options={}, meta={}) {\r\n\tlet pointsList = yList.map((y, i) => (xList[i] + ',' + y));\r\n\tlet pointsStr = pointsList.join(\"L\");\r\n\r\n\t// Spline\r\n\tif (options.spline)\r\n\t\tpointsStr = createSplineCurve(xList, yList);\r\n \r\n\tlet path = makePath(\"M\"+pointsStr, 'line-graph-path', color);\r\n\r\n\t// HeatLine\r\n\tif(options.heatline) {\r\n\t\tlet gradient_id = makeGradient(meta.svgDefs, color);\r\n\t\tpath.style.stroke = `url(#${gradient_id})`;\r\n\t}\r\n\r\n\tlet paths = {\r\n\t\tpath: path\r\n\t};\r\n\r\n\t// Region\r\n\tif(options.regionFill) {\r\n\t\tlet gradient_id_region = makeGradient(meta.svgDefs, color, true);\r\n\r\n\t\tlet pathStr = \"M\" + `${xList[0]},${meta.zeroLine}L` + pointsStr + `L${xList.slice(-1)[0]},${meta.zeroLine}`;\r\n\t\tpaths.region = makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`);\r\n\t}\r\n\r\n\treturn paths;\r\n}\r\n\r\nexport let makeOverlay = {\r\n\t'bar': (unit) => {\r\n\t\tlet transformValue;\r\n\t\tif(unit.nodeName !== 'rect') {\r\n\t\t\ttransformValue = unit.getAttribute('transform');\r\n\t\t\tunit = unit.childNodes[0];\r\n\t\t}\r\n\t\tlet overlay = unit.cloneNode();\r\n\t\toverlay.style.fill = '#000000';\r\n\t\toverlay.style.opacity = '0.4';\r\n\r\n\t\tif(transformValue) {\r\n\t\t\toverlay.setAttribute('transform', transformValue);\r\n\t\t}\r\n\t\treturn overlay;\r\n\t},\r\n\r\n\t'dot': (unit) => {\r\n\t\tlet transformValue;\r\n\t\tif(unit.nodeName !== 'circle') {\r\n\t\t\ttransformValue = unit.getAttribute('transform');\r\n\t\t\tunit = unit.childNodes[0];\r\n\t\t}\r\n\t\tlet overlay = unit.cloneNode();\r\n\t\tlet radius = unit.getAttribute('r');\r\n\t\tlet fill = unit.getAttribute('fill');\r\n\t\toverlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR);\r\n\t\toverlay.setAttribute('fill', fill);\r\n\t\toverlay.style.opacity = '0.6';\r\n\r\n\t\tif(transformValue) {\r\n\t\t\toverlay.setAttribute('transform', transformValue);\r\n\t\t}\r\n\t\treturn overlay;\r\n\t},\r\n\r\n\t'heat_square': (unit) => {\r\n\t\tlet transformValue;\r\n\t\tif(unit.nodeName !== 'circle') {\r\n\t\t\ttransformValue = unit.getAttribute('transform');\r\n\t\t\tunit = unit.childNodes[0];\r\n\t\t}\r\n\t\tlet overlay = unit.cloneNode();\r\n\t\tlet radius = unit.getAttribute('r');\r\n\t\tlet fill = unit.getAttribute('fill');\r\n\t\toverlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR);\r\n\t\toverlay.setAttribute('fill', fill);\r\n\t\toverlay.style.opacity = '0.6';\r\n\r\n\t\tif(transformValue) {\r\n\t\t\toverlay.setAttribute('transform', transformValue);\r\n\t\t}\r\n\t\treturn overlay;\r\n\t}\r\n};\r\n\r\nexport let updateOverlay = {\r\n\t'bar': (unit, overlay) => {\r\n\t\tlet transformValue;\r\n\t\tif(unit.nodeName !== 'rect') {\r\n\t\t\ttransformValue = unit.getAttribute('transform');\r\n\t\t\tunit = unit.childNodes[0];\r\n\t\t}\r\n\t\tlet attributes = ['x', 'y', 'width', 'height'];\r\n\t\tObject.values(unit.attributes)\r\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\r\n\t\t\t.map(attr => {\r\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\r\n\t\t\t});\r\n\r\n\t\tif(transformValue) {\r\n\t\t\toverlay.setAttribute('transform', transformValue);\r\n\t\t}\r\n\t},\r\n\r\n\t'dot': (unit, overlay) => {\r\n\t\tlet transformValue;\r\n\t\tif(unit.nodeName !== 'circle') {\r\n\t\t\ttransformValue = unit.getAttribute('transform');\r\n\t\t\tunit = unit.childNodes[0];\r\n\t\t}\r\n\t\tlet attributes = ['cx', 'cy'];\r\n\t\tObject.values(unit.attributes)\r\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\r\n\t\t\t.map(attr => {\r\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\r\n\t\t\t});\r\n\r\n\t\tif(transformValue) {\r\n\t\t\toverlay.setAttribute('transform', transformValue);\r\n\t\t}\r\n\t},\r\n\r\n\t'heat_square': (unit, overlay) => {\r\n\t\tlet transformValue;\r\n\t\tif(unit.nodeName !== 'circle') {\r\n\t\t\ttransformValue = unit.getAttribute('transform');\r\n\t\t\tunit = unit.childNodes[0];\r\n\t\t}\r\n\t\tlet attributes = ['cx', 'cy'];\r\n\t\tObject.values(unit.attributes)\r\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\r\n\t\t\t.map(attr => {\r\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\r\n\t\t\t});\r\n\r\n\t\tif(transformValue) {\r\n\t\t\toverlay.setAttribute('transform', transformValue);\r\n\t\t}\r\n\t},\r\n};\r\n","import { getBarHeightAndYAttr, createSplineCurve } from './draw-utils';\r\n\r\nexport const UNIT_ANIM_DUR = 350;\r\nexport const PATH_ANIM_DUR = 350;\r\nexport const MARKER_LINE_ANIM_DUR = UNIT_ANIM_DUR;\r\nexport const REPLACE_ALL_NEW_DUR = 250;\r\n\r\nexport const STD_EASING = 'easein';\r\n\r\nexport function translate(unit, oldCoord, newCoord, duration) {\r\n\tlet old = typeof oldCoord === 'string' ? oldCoord : oldCoord.join(', ');\r\n\treturn [\r\n\t\tunit,\r\n\t\t{transform: newCoord.join(', ')},\r\n\t\tduration,\r\n\t\tSTD_EASING,\r\n\t\t\"translate\",\r\n\t\t{transform: old}\r\n\t];\r\n}\r\n\r\nexport function translateVertLine(xLine, newX, oldX) {\r\n\treturn translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR);\r\n}\r\n\r\nexport function translateHoriLine(yLine, newY, oldY) {\r\n\treturn translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR);\r\n}\r\n\r\nexport function animateRegion(rectGroup, newY1, newY2, oldY2) {\r\n\tlet newHeight = newY1 - newY2;\r\n\tlet rect = rectGroup.childNodes[0];\r\n\tlet width = rect.getAttribute(\"width\");\r\n\tlet rectAnim = [\r\n\t\trect,\r\n\t\t{ height: newHeight, 'stroke-dasharray': `${width}, ${newHeight}` },\r\n\t\tMARKER_LINE_ANIM_DUR,\r\n\t\tSTD_EASING\r\n\t];\r\n\r\n\tlet groupAnim = translate(rectGroup, [0, oldY2], [0, newY2], MARKER_LINE_ANIM_DUR);\r\n\treturn [rectAnim, groupAnim];\r\n}\r\n\r\nexport function animateBar(bar, x, yTop, width, offset=0, meta={}) {\r\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\r\n\ty -= offset;\r\n\tif(bar.nodeName !== 'rect') {\r\n\t\tlet rect = bar.childNodes[0];\r\n\t\tlet rectAnim = [\r\n\t\t\trect,\r\n\t\t\t{width: width, height: height},\r\n\t\t\tUNIT_ANIM_DUR,\r\n\t\t\tSTD_EASING\r\n\t\t];\r\n\r\n\t\tlet oldCoordStr = bar.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\r\n\t\tlet groupAnim = translate(bar, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\r\n\t\treturn [rectAnim, groupAnim];\r\n\t} else {\r\n\t\treturn [[bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING]];\r\n\t}\r\n\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\r\n}\r\n\r\nexport function animateDot(dot, x, y) {\r\n\tif(dot.nodeName !== 'circle') {\r\n\t\tlet oldCoordStr = dot.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\r\n\t\tlet groupAnim = translate(dot, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\r\n\t\treturn [groupAnim];\r\n\t} else {\r\n\t\treturn [[dot, {cx: x, cy: y}, UNIT_ANIM_DUR, STD_EASING]];\r\n\t}\r\n\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\r\n}\r\n\r\nexport function animatePath(paths, newXList, newYList, zeroLine, spline) {\r\n\tlet pathComponents = [];\r\n\tlet pointsStr = newYList.map((y, i) => (newXList[i] + ',' + y)).join(\"L\");\r\n \r\n\tif (spline)\r\n\t\tpointsStr = createSplineCurve(newXList, newYList);\r\n\r\n\tconst animPath = [paths.path, {d:\"M\" + pointsStr}, PATH_ANIM_DUR, STD_EASING];\r\n\tpathComponents.push(animPath);\r\n\r\n\tif(paths.region) {\r\n\t\tlet regStartPt = `${newXList[0]},${zeroLine}L`;\r\n\t\tlet regEndPt = `L${newXList.slice(-1)[0]}, ${zeroLine}`;\r\n\r\n\t\tconst animRegion = [\r\n\t\t\tpaths.region,\r\n\t\t\t{d:\"M\" + regStartPt + pointsStr + regEndPt},\r\n\t\t\tPATH_ANIM_DUR,\r\n\t\t\tSTD_EASING\r\n\t\t];\r\n\t\tpathComponents.push(animRegion);\r\n\t}\r\n\r\n\treturn pathComponents;\r\n}\r\n\r\nexport function animatePathStr(oldPath, pathStr) {\r\n\treturn [oldPath, {d: pathStr}, UNIT_ANIM_DUR, STD_EASING];\r\n}","// Leveraging SMIL Animations\r\n\r\nimport { REPLACE_ALL_NEW_DUR } from './animate';\r\n\r\nconst EASING = {\r\n\tease: \"0.25 0.1 0.25 1\",\r\n\tlinear: \"0 0 1 1\",\r\n\t// easein: \"0.42 0 1 1\",\r\n\teasein: \"0.1 0.8 0.2 1\",\r\n\teaseout: \"0 0 0.58 1\",\r\n\teaseinout: \"0.42 0 0.58 1\"\r\n};\r\n\r\nfunction animateSVGElement(element, props, dur, easingType=\"linear\", type=undefined, oldValues={}) {\r\n\r\n\tlet animElement = element.cloneNode(true);\r\n\tlet newElement = element.cloneNode(true);\r\n\r\n\tfor(var attributeName in props) {\r\n\t\tlet animateElement;\r\n\t\tif(attributeName === 'transform') {\r\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animateTransform\");\r\n\t\t} else {\r\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animate\");\r\n\t\t}\r\n\t\tlet currentValue = oldValues[attributeName] || element.getAttribute(attributeName);\r\n\t\tlet value = props[attributeName];\r\n\r\n\t\tlet animAttr = {\r\n\t\t\tattributeName: attributeName,\r\n\t\t\tfrom: currentValue,\r\n\t\t\tto: value,\r\n\t\t\tbegin: \"0s\",\r\n\t\t\tdur: dur/1000 + \"s\",\r\n\t\t\tvalues: currentValue + \";\" + value,\r\n\t\t\tkeySplines: EASING[easingType],\r\n\t\t\tkeyTimes: \"0;1\",\r\n\t\t\tcalcMode: \"spline\",\r\n\t\t\tfill: 'freeze'\r\n\t\t};\r\n\r\n\t\tif(type) {\r\n\t\t\tanimAttr[\"type\"] = type;\r\n\t\t}\r\n\r\n\t\tfor (var i in animAttr) {\r\n\t\t\tanimateElement.setAttribute(i, animAttr[i]);\r\n\t\t}\r\n\r\n\t\tanimElement.appendChild(animateElement);\r\n\r\n\t\tif(type) {\r\n\t\t\tnewElement.setAttribute(attributeName, `translate(${value})`);\r\n\t\t} else {\r\n\t\t\tnewElement.setAttribute(attributeName, value);\r\n\t\t}\r\n\t}\r\n\r\n\treturn [animElement, newElement];\r\n}\r\n\r\nexport function transform(element, style) { // eslint-disable-line no-unused-vars\r\n\telement.style.transform = style;\r\n\telement.style.webkitTransform = style;\r\n\telement.style.msTransform = style;\r\n\telement.style.mozTransform = style;\r\n\telement.style.oTransform = style;\r\n}\r\n\r\nfunction animateSVG(svgContainer, elements) {\r\n\tlet newElements = [];\r\n\tlet animElements = [];\r\n\r\n\telements.map(element => {\r\n\t\tlet unit = element[0];\r\n\t\tlet parent = unit.parentNode;\r\n\r\n\t\tlet animElement, newElement;\r\n\r\n\t\telement[0] = unit;\r\n\t\t[animElement, newElement] = animateSVGElement(...element);\r\n\r\n\t\tnewElements.push(newElement);\r\n\t\tanimElements.push([animElement, parent]);\r\n\r\n\t\tparent.replaceChild(animElement, unit);\r\n\t});\r\n\r\n\tlet animSvg = svgContainer.cloneNode(true);\r\n\r\n\tanimElements.map((animElement, i) => {\r\n\t\tanimElement[1].replaceChild(newElements[i], animElement[0]);\r\n\t\telements[i][0] = newElements[i];\r\n\t});\r\n\r\n\treturn animSvg;\r\n}\r\n\r\nexport function runSMILAnimation(parent, svgElement, elementsToAnimate) {\r\n\tif(elementsToAnimate.length === 0) return;\r\n\r\n\tlet animSvgElement = animateSVG(svgElement, elementsToAnimate);\r\n\tif(svgElement.parentNode == parent) {\r\n\t\tparent.removeChild(svgElement);\r\n\t\tparent.appendChild(animSvgElement);\r\n\r\n\t}\r\n\r\n\t// Replace the new svgElement (data has already been replaced)\r\n\tsetTimeout(() => {\r\n\t\tif(animSvgElement.parentNode == parent) {\r\n\t\t\tparent.removeChild(animSvgElement);\r\n\t\t\tparent.appendChild(svgElement);\r\n\t\t}\r\n\t}, REPLACE_ALL_NEW_DUR);\r\n}\r\n","import { $ } from '../utils/dom';\r\nimport { CSSTEXT } from '../../css/chartsCss';\r\n\r\nexport function downloadFile(filename, data) {\r\n\tvar a = document.createElement('a');\r\n\ta.style = \"display: none\";\r\n\tvar blob = new Blob(data, {type: \"image/svg+xml; charset=utf-8\"});\r\n\tvar url = window.URL.createObjectURL(blob);\r\n\ta.href = url;\r\n\ta.download = filename;\r\n\tdocument.body.appendChild(a);\r\n\ta.click();\r\n\tsetTimeout(function(){\r\n\t\tdocument.body.removeChild(a);\r\n\t\twindow.URL.revokeObjectURL(url);\r\n\t}, 300);\r\n}\r\n\r\nexport function prepareForExport(svg) {\r\n\tlet clone = svg.cloneNode(true);\r\n\tclone.classList.add('chart-container');\r\n\tclone.setAttribute('xmlns', \"http://www.w3.org/2000/svg\");\r\n\tclone.setAttribute('xmlns:xlink', \"http://www.w3.org/1999/xlink\");\r\n\tlet styleEl = $.create('style', {\r\n\t\t'innerHTML': CSSTEXT\r\n\t});\r\n\tclone.insertBefore(styleEl, clone.firstChild);\r\n\r\n\tlet container = $.create('div');\r\n\tcontainer.appendChild(clone);\r\n\r\n\treturn container.innerHTML;\r\n}\r\n","// Playing around with dates\r\n\r\nexport const NO_OF_YEAR_MONTHS = 12;\r\nexport const NO_OF_DAYS_IN_WEEK = 7;\r\nexport const DAYS_IN_YEAR = 375;\r\nexport const NO_OF_MILLIS = 1000;\r\nexport const SEC_IN_DAY = 86400;\r\n\r\nexport const MONTH_NAMES = [\"January\", \"February\", \"March\", \"April\", \"May\",\r\n\t\"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\"];\r\nexport const MONTH_NAMES_SHORT = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\",\r\n\t\"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"];\r\n\r\nexport const DAY_NAMES_SHORT = [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\"];\r\nexport const DAY_NAMES = [\"Sunday\", \"Monday\", \"Tuesday\", \"Wednesday\",\r\n\t\"Thursday\", \"Friday\", \"Saturday\"];\r\n\r\n// https://stackoverflow.com/a/11252167/6495043\r\nfunction treatAsUtc(date) {\r\n\tlet result = new Date(date);\r\n\tresult.setMinutes(result.getMinutes() - result.getTimezoneOffset());\r\n\treturn result;\r\n}\r\n\r\nexport function getYyyyMmDd(date) {\r\n\tlet dd = date.getDate();\r\n\tlet mm = date.getMonth() + 1; // getMonth() is zero-based\r\n\treturn [\r\n\t\tdate.getFullYear(),\r\n\t\t(mm>9 ? '' : '0') + mm,\r\n\t\t(dd>9 ? '' : '0') + dd\r\n\t].join('-');\r\n}\r\n\r\nexport function clone(date) {\r\n\treturn new Date(date.getTime());\r\n}\r\n\r\nexport function timestampSec(date) {\r\n\treturn date.getTime()/NO_OF_MILLIS;\r\n}\r\n\r\nexport function timestampToMidnight(timestamp, roundAhead = false) {\r\n\tlet midnightTs = Math.floor(timestamp - (timestamp % SEC_IN_DAY));\r\n\tif(roundAhead) {\r\n\t\treturn midnightTs + SEC_IN_DAY;\r\n\t}\r\n\treturn midnightTs;\r\n}\r\n\r\n// export function getMonthsBetween(startDate, endDate) {}\r\n\r\nexport function getWeeksBetween(startDate, endDate) {\r\n\tlet weekStartDate = setDayToSunday(startDate);\r\n\treturn Math.ceil(getDaysBetween(weekStartDate, endDate) / NO_OF_DAYS_IN_WEEK);\r\n}\r\n\r\nexport function getDaysBetween(startDate, endDate) {\r\n\tlet millisecondsPerDay = SEC_IN_DAY * NO_OF_MILLIS;\r\n\treturn (treatAsUtc(endDate) - treatAsUtc(startDate)) / millisecondsPerDay;\r\n}\r\n\r\nexport function areInSameMonth(startDate, endDate) {\r\n\treturn startDate.getMonth() === endDate.getMonth()\r\n\t\t&& startDate.getFullYear() === endDate.getFullYear();\r\n}\r\n\r\nexport function getMonthName(i, short=false) {\r\n\tlet monthName = MONTH_NAMES[i];\r\n\treturn short ? monthName.slice(0, 3) : monthName;\r\n}\r\n\r\nexport function getLastDateInMonth (month, year) {\r\n\treturn new Date(year, month + 1, 0); // 0: last day in previous month\r\n}\r\n\r\n// mutates\r\nexport function setDayToSunday(date) {\r\n\tlet newDate = clone(date);\r\n\tconst day = newDate.getDay();\r\n\tif(day !== 0) {\r\n\t\taddDays(newDate, (-1) * day);\r\n\t}\r\n\treturn newDate;\r\n}\r\n\r\n// mutates\r\nexport function addDays(date, numberOfDays) {\r\n\tdate.setDate(date.getDate() + numberOfDays);\r\n}\r\n","import { makeSVGGroup } from '../utils/draw';\r\nimport { makeText, makePath, xLine, yLine, yMarker, yRegion, datasetBar, datasetDot, percentageBar, getPaths, heatSquare } from '../utils/draw';\r\nimport { equilizeNoOfElements } from '../utils/draw-utils';\r\nimport { translateHoriLine, translateVertLine, animateRegion, animateBar,\r\n\tanimateDot, animatePath, animatePathStr } from '../utils/animate';\r\nimport { getMonthName } from '../utils/date-utils';\r\n\r\nclass ChartComponent {\r\n\tconstructor({\r\n\t\tlayerClass = '',\r\n\t\tlayerTransform = '',\r\n\t\tconstants,\r\n\r\n\t\tgetData,\r\n\t\tmakeElements,\r\n\t\tanimateElements\r\n\t}) {\r\n\t\tthis.layerTransform = layerTransform;\r\n\t\tthis.constants = constants;\r\n\r\n\t\tthis.makeElements = makeElements;\r\n\t\tthis.getData = getData;\r\n\r\n\t\tthis.animateElements = animateElements;\r\n\r\n\t\tthis.store = [];\r\n\t\tthis.labels = [];\r\n\r\n\t\tthis.layerClass = layerClass;\r\n\t\tthis.layerClass = typeof(this.layerClass) === 'function'\r\n\t\t\t? this.layerClass() : this.layerClass;\r\n\r\n\t\tthis.refresh();\r\n\t}\r\n\r\n\trefresh(data) {\r\n\t\tthis.data = data || this.getData();\r\n\t}\r\n\r\n\tsetup(parent) {\r\n\t\tthis.layer = makeSVGGroup(this.layerClass, this.layerTransform, parent);\r\n\t}\r\n\r\n\tmake() {\r\n\t\tthis.render(this.data);\r\n\t\tthis.oldData = this.data;\r\n\t}\r\n\r\n\trender(data) {\r\n\t\tthis.store = this.makeElements(data);\r\n\r\n\t\tthis.layer.textContent = '';\r\n\t\tthis.store.forEach(element => {\r\n\t\t\tthis.layer.appendChild(element);\r\n\t\t});\r\n\t\tthis.labels.forEach(element => {\r\n\t\t\tthis.layer.appendChild(element);\r\n\t\t});\r\n\t}\r\n\r\n\tupdate(animate = true) {\r\n\t\tthis.refresh();\r\n\t\tlet animateElements = [];\r\n\t\tif(animate) {\r\n\t\t\tanimateElements = this.animateElements(this.data) || [];\r\n\t\t}\r\n\t\treturn animateElements;\r\n\t}\r\n}\r\n\r\nlet componentConfigs = {\r\n\tdonutSlices: {\r\n\t\tlayerClass: 'donut-slices',\r\n\t\tmakeElements(data) {\r\n\t\t\treturn data.sliceStrings.map((s, i) => {\r\n\t\t\t\tlet slice = makePath(s, 'donut-path', data.colors[i], 'none', data.strokeWidth);\r\n\t\t\t\tslice.style.transition = 'transform .3s;';\r\n\t\t\t\treturn slice;\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tanimateElements(newData) {\r\n\t\t\treturn this.store.map((slice, i) => animatePathStr(slice, newData.sliceStrings[i]));\r\n\t\t},\r\n\t},\r\n\tpieSlices: {\r\n\t\tlayerClass: 'pie-slices',\r\n\t\tmakeElements(data) {\r\n\t\t\treturn data.sliceStrings.map((s, i) =>{\r\n\t\t\t\tlet slice = makePath(s, 'pie-path', 'none', data.colors[i]);\r\n\t\t\t\tslice.style.transition = 'transform .3s;';\r\n\t\t\t\treturn slice;\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tanimateElements(newData) {\r\n\t\t\treturn this.store.map((slice, i) =>\r\n\t\t\t\tanimatePathStr(slice, newData.sliceStrings[i])\r\n\t\t\t);\r\n\t\t}\r\n\t},\r\n\tpercentageBars: {\r\n\t\tlayerClass: 'percentage-bars',\r\n\t\tmakeElements(data) {\r\n\t\t\treturn data.xPositions.map((x, i) =>{\r\n\t\t\t\tlet y = 0;\r\n\t\t\t\tlet bar = percentageBar(x, y, data.widths[i],\r\n\t\t\t\t\tthis.constants.barHeight, this.constants.barDepth, data.colors[i]);\r\n\t\t\t\treturn bar;\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tanimateElements(newData) {\r\n\t\t\tif(newData) return [];\r\n\t\t}\r\n\t},\r\n\tyAxis: {\r\n\t\tlayerClass: 'y axis',\r\n\t\tmakeElements(data) {\r\n\t\t\treturn data.positions.map((position, i) =>\r\n\t\t\t\tyLine(position, data.labels[i], this.constants.width,\r\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos, shortenNumbers: this.constants.shortenNumbers})\r\n\t\t\t);\r\n\t\t},\r\n\r\n\t\tanimateElements(newData) {\r\n\t\t\tlet newPos = newData.positions;\r\n\t\t\tlet newLabels = newData.labels;\r\n\t\t\tlet oldPos = this.oldData.positions;\r\n\t\t\tlet oldLabels = this.oldData.labels;\r\n\r\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\r\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\r\n\r\n\t\t\tthis.render({\r\n\t\t\t\tpositions: oldPos,\r\n\t\t\t\tlabels: newLabels\r\n\t\t\t});\r\n\r\n\t\t\treturn this.store.map((line, i) => {\r\n\t\t\t\treturn translateHoriLine(\r\n\t\t\t\t\tline, newPos[i], oldPos[i]\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t}\r\n\t},\r\n\r\n\txAxis: {\r\n\t\tlayerClass: 'x axis',\r\n\t\tmakeElements(data) {\r\n\t\t\treturn data.positions.map((position, i) =>\r\n\t\t\t\txLine(position, data.calcLabels[i], this.constants.height,\r\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\r\n\t\t\t);\r\n\t\t},\r\n\r\n\t\tanimateElements(newData) {\r\n\t\t\tlet newPos = newData.positions;\r\n\t\t\tlet newLabels = newData.calcLabels;\r\n\t\t\tlet oldPos = this.oldData.positions;\r\n\t\t\tlet oldLabels = this.oldData.calcLabels;\r\n\r\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\r\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\r\n\r\n\t\t\tthis.render({\r\n\t\t\t\tpositions: oldPos,\r\n\t\t\t\tcalcLabels: newLabels\r\n\t\t\t});\r\n\r\n\t\t\treturn this.store.map((line, i) => {\r\n\t\t\t\treturn translateVertLine(\r\n\t\t\t\t\tline, newPos[i], oldPos[i]\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t}\r\n\t},\r\n\r\n\tyMarkers: {\r\n\t\tlayerClass: 'y-markers',\r\n\t\tmakeElements(data) {\r\n\t\t\treturn data.map(m =>\r\n\t\t\t\tyMarker(m.position, m.label, this.constants.width,\r\n\t\t\t\t\t{labelPos: m.options.labelPos, mode: 'span', lineType: 'dashed'})\r\n\t\t\t);\r\n\t\t},\r\n\t\tanimateElements(newData) {\r\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\r\n\r\n\t\t\tlet newPos = newData.map(d => d.position);\r\n\t\t\tlet newLabels = newData.map(d => d.label);\r\n\t\t\tlet newOptions = newData.map(d => d.options);\r\n\r\n\t\t\tlet oldPos = this.oldData.map(d => d.position);\r\n\r\n\t\t\tthis.render(oldPos.map((pos, i) => {\r\n\t\t\t\treturn {\r\n\t\t\t\t\tposition: oldPos[i],\r\n\t\t\t\t\tlabel: newLabels[i],\r\n\t\t\t\t\toptions: newOptions[i]\r\n\t\t\t\t};\r\n\t\t\t}));\r\n\r\n\t\t\treturn this.store.map((line, i) => {\r\n\t\t\t\treturn translateHoriLine(\r\n\t\t\t\t\tline, newPos[i], oldPos[i]\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t}\r\n\t},\r\n\r\n\tyRegions: {\r\n\t\tlayerClass: 'y-regions',\r\n\t\tmakeElements(data) {\r\n\t\t\treturn data.map(r =>\r\n\t\t\t\tyRegion(r.startPos, r.endPos, this.constants.width,\r\n\t\t\t\t\tr.label, {labelPos: r.options.labelPos})\r\n\t\t\t);\r\n\t\t},\r\n\t\tanimateElements(newData) {\r\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\r\n\r\n\t\t\tlet newPos = newData.map(d => d.endPos);\r\n\t\t\tlet newLabels = newData.map(d => d.label);\r\n\t\t\tlet newStarts = newData.map(d => d.startPos);\r\n\t\t\tlet newOptions = newData.map(d => d.options);\r\n\r\n\t\t\tlet oldPos = this.oldData.map(d => d.endPos);\r\n\t\t\tlet oldStarts = this.oldData.map(d => d.startPos);\r\n\r\n\t\t\tthis.render(oldPos.map((pos, i) => {\r\n\t\t\t\treturn {\r\n\t\t\t\t\tstartPos: oldStarts[i],\r\n\t\t\t\t\tendPos: oldPos[i],\r\n\t\t\t\t\tlabel: newLabels[i],\r\n\t\t\t\t\toptions: newOptions[i]\r\n\t\t\t\t};\r\n\t\t\t}));\r\n\r\n\t\t\tlet animateElements = [];\r\n\r\n\t\t\tthis.store.map((rectGroup, i) => {\r\n\t\t\t\tanimateElements = animateElements.concat(animateRegion(\r\n\t\t\t\t\trectGroup, newStarts[i], newPos[i], oldPos[i]\r\n\t\t\t\t));\r\n\t\t\t});\r\n\r\n\t\t\treturn animateElements;\r\n\t\t}\r\n\t},\r\n\r\n\theatDomain: {\r\n\t\tlayerClass: function() { return 'heat-domain domain-' + this.constants.index; },\r\n\t\tmakeElements(data) {\r\n\t\t\tlet {index, colWidth, rowHeight, squareSize, xTranslate} = this.constants;\r\n\t\t\tlet monthNameHeight = -12;\r\n\t\t\tlet x = xTranslate, y = 0;\r\n\r\n\t\t\tthis.serializedSubDomains = [];\r\n\r\n\t\t\tdata.cols.map((week, weekNo) => {\r\n\t\t\t\tif(weekNo === 1) {\r\n\t\t\t\t\tthis.labels.push(\r\n\t\t\t\t\t\tmakeText('domain-name', x, monthNameHeight, getMonthName(index, true).toUpperCase(),\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\tfontSize: 9\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t);\r\n\t\t\t\t}\r\n\t\t\t\tweek.map((day, i) => {\r\n\t\t\t\t\tif(day.fill) {\r\n\t\t\t\t\t\tlet data = {\r\n\t\t\t\t\t\t\t'data-date': day.yyyyMmDd,\r\n\t\t\t\t\t\t\t'data-value': day.dataValue,\r\n\t\t\t\t\t\t\t'data-day': i\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t\tlet square = heatSquare('day', x, y, squareSize, day.fill, data);\r\n\t\t\t\t\t\tthis.serializedSubDomains.push(square);\r\n\t\t\t\t\t}\r\n\t\t\t\t\ty += rowHeight;\r\n\t\t\t\t});\r\n\t\t\t\ty = 0;\r\n\t\t\t\tx += colWidth;\r\n\t\t\t});\r\n\r\n\t\t\treturn this.serializedSubDomains;\r\n\t\t},\r\n\r\n\t\tanimateElements(newData) {\r\n\t\t\tif(newData) return [];\r\n\t\t}\r\n\t},\r\n\r\n\tbarGraph: {\r\n\t\tlayerClass: function() { return 'dataset-units dataset-bars dataset-' + this.constants.index; },\r\n\t\tmakeElements(data) {\r\n\t\t\tlet c = this.constants;\r\n\t\t\tthis.unitType = 'bar';\r\n\t\t\tthis.units = data.yPositions.map((y, j) => {\r\n\t\t\t\treturn datasetBar(\r\n\t\t\t\t\tdata.xPositions[j],\r\n\t\t\t\t\ty,\r\n\t\t\t\t\tdata.barWidth,\r\n\t\t\t\t\tc.color,\r\n\t\t\t\t\tdata.labels[j],\r\n\t\t\t\t\tj,\r\n\t\t\t\t\tdata.offsets[j],\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tzeroLine: data.zeroLine,\r\n\t\t\t\t\t\tbarsWidth: data.barsWidth,\r\n\t\t\t\t\t\tminHeight: c.minHeight\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t\treturn this.units;\r\n\t\t},\r\n\t\tanimateElements(newData) {\r\n\t\t\tlet newXPos = newData.xPositions;\r\n\t\t\tlet newYPos = newData.yPositions;\r\n\t\t\tlet newOffsets = newData.offsets;\r\n\t\t\tlet newLabels = newData.labels;\r\n\r\n\t\t\tlet oldXPos = this.oldData.xPositions;\r\n\t\t\tlet oldYPos = this.oldData.yPositions;\r\n\t\t\tlet oldOffsets = this.oldData.offsets;\r\n\t\t\tlet oldLabels = this.oldData.labels;\r\n\r\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\r\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\r\n\t\t\t[oldOffsets, newOffsets] = equilizeNoOfElements(oldOffsets, newOffsets);\r\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\r\n\r\n\t\t\tthis.render({\r\n\t\t\t\txPositions: oldXPos,\r\n\t\t\t\tyPositions: oldYPos,\r\n\t\t\t\toffsets: oldOffsets,\r\n\t\t\t\tlabels: newLabels,\r\n\r\n\t\t\t\tzeroLine: this.oldData.zeroLine,\r\n\t\t\t\tbarsWidth: this.oldData.barsWidth,\r\n\t\t\t\tbarWidth: this.oldData.barWidth,\r\n\t\t\t});\r\n\r\n\t\t\tlet animateElements = [];\r\n\r\n\t\t\tthis.store.map((bar, i) => {\r\n\t\t\t\tanimateElements = animateElements.concat(animateBar(\r\n\t\t\t\t\tbar, newXPos[i], newYPos[i], newData.barWidth, newOffsets[i],\r\n\t\t\t\t\t{zeroLine: newData.zeroLine}\r\n\t\t\t\t));\r\n\t\t\t});\r\n\r\n\t\t\treturn animateElements;\r\n\t\t}\r\n\t},\r\n\r\n\tlineGraph: {\r\n\t\tlayerClass: function() { return 'dataset-units dataset-line dataset-' + this.constants.index; },\r\n\t\tmakeElements(data) {\r\n\t\t\tlet c = this.constants;\r\n\t\t\tthis.unitType = 'dot';\r\n\t\t\tthis.paths = {};\r\n\t\t\tif(!c.hideLine) {\r\n\t\t\t\tthis.paths = getPaths(\r\n\t\t\t\t\tdata.xPositions,\r\n\t\t\t\t\tdata.yPositions,\r\n\t\t\t\t\tc.color,\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\theatline: c.heatline,\r\n\t\t\t\t\t\tregionFill: c.regionFill,\r\n\t\t\t\t\t\tspline: c.spline\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tsvgDefs: c.svgDefs,\r\n\t\t\t\t\t\tzeroLine: data.zeroLine\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t\t}\r\n\r\n\t\t\tthis.units = [];\r\n\t\t\tif(!c.hideDots) {\r\n\t\t\t\tthis.units = data.yPositions.map((y, j) => {\r\n\t\t\t\t\treturn datasetDot(\r\n\t\t\t\t\t\tdata.xPositions[j],\r\n\t\t\t\t\t\ty,\r\n\t\t\t\t\t\tdata.radius,\r\n\t\t\t\t\t\tc.color,\r\n\t\t\t\t\t\t(c.valuesOverPoints ? data.values[j] : ''),\r\n\t\t\t\t\t\tj\r\n\t\t\t\t\t);\r\n\t\t\t\t});\r\n\t\t\t}\r\n\r\n\t\t\treturn Object.values(this.paths).concat(this.units);\r\n\t\t},\r\n\t\tanimateElements(newData) {\r\n\t\t\tlet newXPos = newData.xPositions;\r\n\t\t\tlet newYPos = newData.yPositions;\r\n\t\t\tlet newValues = newData.values;\r\n\r\n\t\t\tlet oldXPos = this.oldData.xPositions;\r\n\t\t\tlet oldYPos = this.oldData.yPositions;\r\n\t\t\tlet oldValues = this.oldData.values;\r\n\r\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\r\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\r\n\t\t\t[oldValues, newValues] = equilizeNoOfElements(oldValues, newValues);\r\n\r\n\t\t\tthis.render({\r\n\t\t\t\txPositions: oldXPos,\r\n\t\t\t\tyPositions: oldYPos,\r\n\t\t\t\tvalues: newValues,\r\n\r\n\t\t\t\tzeroLine: this.oldData.zeroLine,\r\n\t\t\t\tradius: this.oldData.radius,\r\n\t\t\t});\r\n\r\n\t\t\tlet animateElements = [];\r\n\r\n\t\t\tif(Object.keys(this.paths).length) {\r\n\t\t\t\tanimateElements = animateElements.concat(animatePath(\r\n\t\t\t\t\tthis.paths, newXPos, newYPos, newData.zeroLine, this.constants.spline));\r\n\t\t\t}\r\n\r\n\t\t\tif(this.units.length) {\r\n\t\t\t\tthis.units.map((dot, i) => {\r\n\t\t\t\t\tanimateElements = animateElements.concat(animateDot(\r\n\t\t\t\t\t\tdot, newXPos[i], newYPos[i]));\r\n\t\t\t\t});\r\n\t\t\t}\r\n\r\n\t\t\treturn animateElements;\r\n\t\t}\r\n\t}\r\n};\r\n\r\nexport function getComponent(name, constants, getData) {\r\n\tlet keys = Object.keys(componentConfigs).filter(k => name.includes(k));\r\n\tlet config = componentConfigs[keys[0]];\r\n\tObject.assign(config, {\r\n\t\tconstants: constants,\r\n\t\tgetData: getData\r\n\t});\r\n\treturn new ChartComponent(config);\r\n}\r\n","import { floatTwo } from './helpers';\r\n\r\nfunction normalize(x) {\r\n\t// Calculates mantissa and exponent of a number\r\n\t// Returns normalized number and exponent\r\n\t// https://stackoverflow.com/q/9383593/6495043\r\n\r\n\tif(x===0) {\r\n\t\treturn [0, 0];\r\n\t}\r\n\tif(isNaN(x)) {\r\n\t\treturn {mantissa: -6755399441055744, exponent: 972};\r\n\t}\r\n\tvar sig = x > 0 ? 1 : -1;\r\n\tif(!isFinite(x)) {\r\n\t\treturn {mantissa: sig * 4503599627370496, exponent: 972};\r\n\t}\r\n\r\n\tx = Math.abs(x);\r\n\tvar exp = Math.floor(Math.log10(x));\r\n\tvar man = x/Math.pow(10, exp);\r\n\r\n\treturn [sig * man, exp];\r\n}\r\n\r\nfunction getChartRangeIntervals(max, min=0) {\r\n\tlet upperBound = Math.ceil(max);\r\n\tlet lowerBound = Math.floor(min);\r\n\tlet range = upperBound - lowerBound;\r\n\r\n\tlet noOfParts = range;\r\n\tlet partSize = 1;\r\n\r\n\t// To avoid too many partitions\r\n\tif(range > 5) {\r\n\t\tif(range % 2 !== 0) {\r\n\t\t\tupperBound++;\r\n\t\t\t// Recalc range\r\n\t\t\trange = upperBound - lowerBound;\r\n\t\t}\r\n\t\tnoOfParts = range/2;\r\n\t\tpartSize = 2;\r\n\t}\r\n\r\n\t// Special case: 1 and 2\r\n\tif(range <= 2) {\r\n\t\tnoOfParts = 4;\r\n\t\tpartSize = range/noOfParts;\r\n\t}\r\n\r\n\t// Special case: 0\r\n\tif(range === 0) {\r\n\t\tnoOfParts = 5;\r\n\t\tpartSize = 1;\r\n\t}\r\n\r\n\tlet intervals = [];\r\n\tfor(var i = 0; i <= noOfParts; i++){\r\n\t\tintervals.push(lowerBound + partSize * i);\r\n\t}\r\n\treturn intervals;\r\n}\r\n\r\nfunction getChartIntervals(maxValue, minValue=0) {\r\n\tlet [normalMaxValue, exponent] = normalize(maxValue);\r\n\tlet normalMinValue = minValue ? minValue/Math.pow(10, exponent): 0;\r\n\r\n\t// Allow only 7 significant digits\r\n\tnormalMaxValue = normalMaxValue.toFixed(6);\r\n\r\n\tlet intervals = getChartRangeIntervals(normalMaxValue, normalMinValue);\r\n\tintervals = intervals.map(value => value * Math.pow(10, exponent));\r\n\treturn intervals;\r\n}\r\n\r\nexport function calcChartIntervals(values, withMinimum=false) {\r\n\t//*** Where the magic happens ***\r\n\r\n\t// Calculates best-fit y intervals from given values\r\n\t// and returns the interval array\r\n\r\n\tlet maxValue = Math.max(...values);\r\n\tlet minValue = Math.min(...values);\r\n\r\n\t// Exponent to be used for pretty print\r\n\tlet exponent = 0, intervals = []; // eslint-disable-line no-unused-vars\r\n\r\n\tfunction getPositiveFirstIntervals(maxValue, absMinValue) {\r\n\t\tlet intervals = getChartIntervals(maxValue);\r\n\r\n\t\tlet intervalSize = intervals[1] - intervals[0];\r\n\r\n\t\t// Then unshift the negative values\r\n\t\tlet value = 0;\r\n\t\tfor(var i = 1; value < absMinValue; i++) {\r\n\t\t\tvalue += intervalSize;\r\n\t\t\tintervals.unshift((-1) * value);\r\n\t\t}\r\n\t\treturn intervals;\r\n\t}\r\n\r\n\t// CASE I: Both non-negative\r\n\r\n\tif(maxValue >= 0 && minValue >= 0) {\r\n\t\texponent = normalize(maxValue)[1];\r\n\t\tif(!withMinimum) {\r\n\t\t\tintervals = getChartIntervals(maxValue);\r\n\t\t} else {\r\n\t\t\tintervals = getChartIntervals(maxValue, minValue);\r\n\t\t}\r\n\t}\r\n\r\n\t// CASE II: Only minValue negative\r\n\r\n\telse if(maxValue > 0 && minValue < 0) {\r\n\t\t// `withMinimum` irrelevant in this case,\r\n\t\t// We'll be handling both sides of zero separately\r\n\t\t// (both starting from zero)\r\n\t\t// Because ceil() and floor() behave differently\r\n\t\t// in those two regions\r\n\r\n\t\tlet absMinValue = Math.abs(minValue);\r\n\r\n\t\tif(maxValue >= absMinValue) {\r\n\t\t\texponent = normalize(maxValue)[1];\r\n\t\t\tintervals = getPositiveFirstIntervals(maxValue, absMinValue);\r\n\t\t} else {\r\n\t\t\t// Mirror: maxValue => absMinValue, then change sign\r\n\t\t\texponent = normalize(absMinValue)[1];\r\n\t\t\tlet posIntervals = getPositiveFirstIntervals(absMinValue, maxValue);\r\n\t\t\tintervals = posIntervals.map(d => d * (-1));\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t// CASE III: Both non-positive\r\n\r\n\telse if(maxValue <= 0 && minValue <= 0) {\r\n\t\t// Mirrored Case I:\r\n\t\t// Work with positives, then reverse the sign and array\r\n\r\n\t\tlet pseudoMaxValue = Math.abs(minValue);\r\n\t\tlet pseudoMinValue = Math.abs(maxValue);\r\n\r\n\t\texponent = normalize(pseudoMaxValue)[1];\r\n\t\tif(!withMinimum) {\r\n\t\t\tintervals = getChartIntervals(pseudoMaxValue);\r\n\t\t} else {\r\n\t\t\tintervals = getChartIntervals(pseudoMaxValue, pseudoMinValue);\r\n\t\t}\r\n\r\n\t\tintervals = intervals.reverse().map(d => d * (-1));\r\n\t}\r\n\r\n\treturn intervals;\r\n}\r\n\r\nexport function getZeroIndex(yPts) {\r\n\tlet zeroIndex;\r\n\tlet interval = getIntervalSize(yPts);\r\n\tif(yPts.indexOf(0) >= 0) {\r\n\t\t// the range has a given zero\r\n\t\t// zero-line on the chart\r\n\t\tzeroIndex = yPts.indexOf(0);\r\n\t} else if(yPts[0] > 0) {\r\n\t\t// Minimum value is positive\r\n\t\t// zero-line is off the chart: below\r\n\t\tlet min = yPts[0];\r\n\t\tzeroIndex = (-1) * min / interval;\r\n\t} else {\r\n\t\t// Maximum value is negative\r\n\t\t// zero-line is off the chart: above\r\n\t\tlet max = yPts[yPts.length - 1];\r\n\t\tzeroIndex = (-1) * max / interval + (yPts.length - 1);\r\n\t}\r\n\treturn zeroIndex;\r\n}\r\n\r\nexport function getRealIntervals(max, noOfIntervals, min = 0, asc = 1) {\r\n\tlet range = max - min;\r\n\tlet part = range * 1.0 / noOfIntervals;\r\n\tlet intervals = [];\r\n\r\n\tfor(var i = 0; i <= noOfIntervals; i++) {\r\n\t\tintervals.push(min + part * i);\r\n\t}\r\n\r\n\treturn asc ? intervals : intervals.reverse();\r\n}\r\n\r\nexport function getIntervalSize(orderedArray) {\r\n\treturn orderedArray[1] - orderedArray[0];\r\n}\r\n\r\nexport function getValueRange(orderedArray) {\r\n\treturn orderedArray[orderedArray.length-1] - orderedArray[0];\r\n}\r\n\r\nexport function scale(val, yAxis) {\r\n\treturn floatTwo(yAxis.zeroLine - val * yAxis.scaleMultiplier);\r\n}\r\n\r\nexport function isInRange(val, min, max) {\r\n\treturn val > min && val < max;\r\n}\r\n\r\nexport function isInRange2D(coord, minCoord, maxCoord) {\r\n\treturn isInRange(coord[0], minCoord[0], maxCoord[0])\r\n\t\t&& isInRange(coord[1], minCoord[1], maxCoord[1]);\r\n}\r\n\r\nexport function getClosestInArray(goal, arr, index = false) {\r\n\tlet closest = arr.reduce(function(prev, curr) {\r\n\t\treturn (Math.abs(curr - goal) < Math.abs(prev - goal) ? curr : prev);\r\n\t}, []);\r\n\r\n\treturn index ? arr.indexOf(closest) : closest;\r\n}\r\n\r\nexport function calcDistribution(values, distributionSize) {\r\n\t// Assume non-negative values,\r\n\t// implying distribution minimum at zero\r\n\r\n\tlet dataMaxValue = Math.max(...values);\r\n\r\n\tlet distributionStep = 1 / (distributionSize - 1);\r\n\tlet distribution = [];\r\n\r\n\tfor(var i = 0; i < distributionSize; i++) {\r\n\t\tlet checkpoint = dataMaxValue * (distributionStep * i);\r\n\t\tdistribution.push(checkpoint);\r\n\t}\r\n\r\n\treturn distribution;\r\n}\r\n\r\nexport function getMaxCheckpoint(value, distribution) {\r\n\treturn distribution.filter(d => d < value).length;\r\n}\r\n","import { fillArray } from '../utils/helpers';\r\nimport { DEFAULT_AXIS_CHART_TYPE, AXIS_DATASET_CHART_TYPES, DEFAULT_CHAR_WIDTH } from '../utils/constants';\r\n\r\nexport function dataPrep(data, type) {\r\n\tdata.labels = data.labels || [];\r\n\r\n\tlet datasetLength = data.labels.length;\r\n\r\n\t// Datasets\r\n\tlet datasets = data.datasets;\r\n\tlet zeroArray = new Array(datasetLength).fill(0);\r\n\tif(!datasets) {\r\n\t\t// default\r\n\t\tdatasets = [{\r\n\t\t\tvalues: zeroArray\r\n\t\t}];\r\n\t}\r\n\r\n\tdatasets.map(d=> {\r\n\t\t// Set values\r\n\t\tif(!d.values) {\r\n\t\t\td.values = zeroArray;\r\n\t\t} else {\r\n\t\t\t// Check for non values\r\n\t\t\tlet vals = d.values;\r\n\t\t\tvals = vals.map(val => (!isNaN(val) ? val : 0));\r\n\r\n\t\t\t// Trim or extend\r\n\t\t\tif(vals.length > datasetLength) {\r\n\t\t\t\tvals = vals.slice(0, datasetLength);\r\n\t\t\t} else {\r\n\t\t\t\tvals = fillArray(vals, datasetLength - vals.length, 0);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t// Set labels\r\n\t\t//\r\n\r\n\t\t// Set type\r\n\t\tif(!d.chartType ) {\r\n\t\t\tif(!AXIS_DATASET_CHART_TYPES.includes(type)) type === DEFAULT_AXIS_CHART_TYPE;\r\n\t\t\td.chartType = type;\r\n\t\t}\r\n\r\n\t});\r\n\r\n\t// Markers\r\n\r\n\t// Regions\r\n\t// data.yRegions = data.yRegions || [];\r\n\tif(data.yRegions) {\r\n\t\tdata.yRegions.map(d => {\r\n\t\t\tif(d.end < d.start) {\r\n\t\t\t\t[d.start, d.end] = [d.end, d.start];\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\treturn data;\r\n}\r\n\r\nexport function zeroDataPrep(realData) {\r\n\tlet datasetLength = realData.labels.length;\r\n\tlet zeroArray = new Array(datasetLength).fill(0);\r\n\r\n\tlet zeroData = {\r\n\t\tlabels: realData.labels.slice(0, -1),\r\n\t\tdatasets: realData.datasets.map(d => {\r\n\t\t\treturn {\r\n\t\t\t\tname: '',\r\n\t\t\t\tvalues: zeroArray.slice(0, -1),\r\n\t\t\t\tchartType: d.chartType\r\n\t\t\t};\r\n\t\t}),\r\n\t};\r\n\r\n\tif(realData.yMarkers) {\r\n\t\tzeroData.yMarkers = [\r\n\t\t\t{\r\n\t\t\t\tvalue: 0,\r\n\t\t\t\tlabel: ''\r\n\t\t\t}\r\n\t\t];\r\n\t}\r\n\r\n\tif(realData.yRegions) {\r\n\t\tzeroData.yRegions = [\r\n\t\t\t{\r\n\t\t\t\tstart: 0,\r\n\t\t\t\tend: 0,\r\n\t\t\t\tlabel: ''\r\n\t\t\t}\r\n\t\t];\r\n\t}\r\n\r\n\treturn zeroData;\r\n}\r\n\r\nexport function getShortenedLabels(chartWidth, labels=[], isSeries=true) {\r\n\tlet allowedSpace = chartWidth / labels.length;\r\n\tif(allowedSpace <= 0) allowedSpace = 1;\r\n\tlet allowedLetters = allowedSpace / DEFAULT_CHAR_WIDTH;\r\n\r\n\tlet calcLabels = labels.map((label, i) => {\r\n\t\tlabel += \"\";\r\n\t\tif(label.length > allowedLetters) {\r\n\r\n\t\t\tif(!isSeries) {\r\n\t\t\t\tif(allowedLetters-3 > 0) {\r\n\t\t\t\t\tlabel = label.slice(0, allowedLetters-3) + \" ...\";\r\n\t\t\t\t} else {\r\n\t\t\t\t\tlabel = label.slice(0, allowedLetters) + '..';\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tlet multiple = Math.ceil(label.length/allowedLetters);\r\n\t\t\t\tif(i % multiple !== 0) {\r\n\t\t\t\t\tlabel = \"\";\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn label;\r\n\t});\r\n\r\n\treturn calcLabels;\r\n}\r\n","import '../css/charts.scss';\r\n\r\n// import MultiAxisChart from './charts/MultiAxisChart';\r\nimport PercentageChart from './charts/PercentageChart';\r\nimport PieChart from './charts/PieChart';\r\nimport Heatmap from './charts/Heatmap';\r\nimport AxisChart from './charts/AxisChart';\r\nimport DonutChart from './charts/DonutChart';\r\n\r\nconst chartTypes = {\r\n\tbar: AxisChart,\r\n\tline: AxisChart,\r\n\t// multiaxis: MultiAxisChart,\r\n\tpercentage: PercentageChart,\r\n\theatmap: Heatmap,\r\n\tpie: PieChart,\r\n\tdonut: DonutChart,\r\n};\r\n\r\nfunction getChartByType(chartType = 'line', parent, options) {\r\n\tif (chartType === 'axis-mixed') {\r\n\t\toptions.type = 'line';\r\n\t\treturn new AxisChart(parent, options);\r\n\t}\r\n\r\n\tif (!chartTypes[chartType]) {\r\n\t\tconsole.error(\"Undefined chart type: \" + chartType);\r\n\t\treturn;\r\n\t}\r\n\r\n\treturn new chartTypes[chartType](parent, options);\r\n}\r\n\r\nclass Chart {\r\n\tconstructor(parent, options) {\r\n\t\treturn getChartByType(options.type, parent, options);\r\n\t}\r\n}\r\n\r\nexport { Chart, PercentageChart, PieChart, Heatmap, AxisChart };","import { $ } from '../utils/dom';\r\nimport { TOOLTIP_POINTER_TRIANGLE_HEIGHT } from '../utils/constants';\r\n\r\nexport default class SvgTip {\r\n\tconstructor({\r\n\t\tparent = null,\r\n\t\tcolors = []\r\n\t}) {\r\n\t\tthis.parent = parent;\r\n\t\tthis.colors = colors;\r\n\t\tthis.titleName = '';\r\n\t\tthis.titleValue = '';\r\n\t\tthis.listValues = [];\r\n\t\tthis.titleValueFirst = 0;\r\n\r\n\t\tthis.x = 0;\r\n\t\tthis.y = 0;\r\n\r\n\t\tthis.top = 0;\r\n\t\tthis.left = 0;\r\n\r\n\t\tthis.setup();\r\n\t}\r\n\r\n\tsetup() {\r\n\t\tthis.makeTooltip();\r\n\t}\r\n\r\n\trefresh() {\r\n\t\tthis.fill();\r\n\t\tthis.calcPosition();\r\n\t}\r\n\r\n\tmakeTooltip() {\r\n\t\tthis.container = $.create('div', {\r\n\t\t\tinside: this.parent,\r\n\t\t\tclassName: 'graph-svg-tip comparison',\r\n\t\t\tinnerHTML: `\r\n\t\t\t\t
                        \r\n\t\t\t\t
                        `\r\n\t\t});\r\n\t\tthis.hideTip();\r\n\r\n\t\tthis.title = this.container.querySelector('.title');\r\n\t\tthis.dataPointList = this.container.querySelector('.data-point-list');\r\n\r\n\t\tthis.parent.addEventListener('mouseleave', () => {\r\n\t\t\tthis.hideTip();\r\n\t\t});\r\n\t}\r\n\r\n\tfill() {\r\n\t\tlet title;\r\n\t\tif(this.index) {\r\n\t\t\tthis.container.setAttribute('data-point-index', this.index);\r\n\t\t}\r\n\t\tif(this.titleValueFirst) {\r\n\t\t\ttitle = `${this.titleValue}${this.titleName}`;\r\n\t\t} else {\r\n\t\t\ttitle = `${this.titleName}${this.titleValue}`;\r\n\t\t}\r\n\t\tthis.title.innerHTML = title;\r\n\t\tthis.dataPointList.innerHTML = '';\r\n\r\n\t\tthis.listValues.map((set, i) => {\r\n\t\t\tconst color = this.colors[i] || 'black';\r\n\t\t\tlet value = set.formatted === 0 || set.formatted ? set.formatted : set.value;\r\n\r\n\t\t\tlet li = $.create('li', {\r\n\t\t\t\tstyles: {\r\n\t\t\t\t\t'border-top': `3px solid ${color}`\r\n\t\t\t\t},\r\n\t\t\t\tinnerHTML: `${ value === 0 || value ? value : '' }\r\n\t\t\t\t\t${set.title ? set.title : '' }`\r\n\t\t\t});\r\n\r\n\t\t\tthis.dataPointList.appendChild(li);\r\n\t\t});\r\n\t}\r\n\r\n\tcalcPosition() {\r\n\t\tlet width = this.container.offsetWidth;\r\n\r\n\t\tthis.top = this.y - this.container.offsetHeight\r\n\t\t\t- TOOLTIP_POINTER_TRIANGLE_HEIGHT;\r\n\t\tthis.left = this.x - width/2;\r\n\t\tlet maxLeft = this.parent.offsetWidth - width;\r\n\r\n\t\tlet pointer = this.container.querySelector('.svg-pointer');\r\n\r\n\t\tif(this.left < 0) {\r\n\t\t\tpointer.style.left = `calc(50% - ${-1 * this.left}px)`;\r\n\t\t\tthis.left = 0;\r\n\t\t} else if(this.left > maxLeft) {\r\n\t\t\tlet delta = this.left - maxLeft;\r\n\t\t\tlet pointerOffset = `calc(50% + ${delta}px)`;\r\n\t\t\tpointer.style.left = pointerOffset;\r\n\r\n\t\t\tthis.left = maxLeft;\r\n\t\t} else {\r\n\t\t\tpointer.style.left = `50%`;\r\n\t\t}\r\n\t}\r\n\r\n\tsetValues(x, y, title = {}, listValues = [], index = -1) {\r\n\t\tthis.titleName = title.name;\r\n\t\tthis.titleValue = title.value;\r\n\t\tthis.listValues = listValues;\r\n\t\tthis.x = x;\r\n\t\tthis.y = y;\r\n\t\tthis.titleValueFirst = title.valueFirst || 0;\r\n\t\tthis.index = index;\r\n\t\tthis.refresh();\r\n\t}\r\n\r\n\thideTip() {\r\n\t\tthis.container.style.top = '0px';\r\n\t\tthis.container.style.left = '0px';\r\n\t\tthis.container.style.opacity = '0';\r\n\t}\r\n\r\n\tshowTip() {\r\n\t\tthis.container.style.top = this.top + 'px';\r\n\t\tthis.container.style.left = this.left + 'px';\r\n\t\tthis.container.style.opacity = '1';\r\n\t}\r\n}\r\n","export const CSSTEXT = \".chart-container{position:relative;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .legend-dataset-text{fill:#6c7680;font-weight:600}.graph-svg-tip{position:absolute;z-index:99999;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.graph-svg-tip ul{padding-left:0;display:flex}.graph-svg-tip ol{padding-left:0;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:' ';border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}\";","import SvgTip from '../objects/SvgTip';\r\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\r\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup, makeText } from '../utils/draw';\r\nimport { BASE_MEASURES, getExtraHeight, getExtraWidth, getTopOffset, getLeftOffset,\r\n\tINIT_CHART_UPDATE_TIMEOUT, CHART_POST_ANIMATE_TIMEOUT, DEFAULT_COLORS} from '../utils/constants';\r\nimport { getColor, isValidColor } from '../utils/colors';\r\nimport { runSMILAnimation } from '../utils/animation';\r\nimport { downloadFile, prepareForExport } from '../utils/export';\r\n\r\nexport default class BaseChart {\r\n\tconstructor(parent, options) {\r\n\r\n\t\tthis.parent = typeof parent === 'string'\r\n\t\t\t? document.querySelector(parent)\r\n\t\t\t: parent;\r\n\r\n\t\tif (!(this.parent instanceof HTMLElement)) {\r\n\t\t\tthrow new Error('No `parent` element to render on was provided.');\r\n\t\t}\r\n\r\n\t\tthis.rawChartArgs = options;\r\n\r\n\t\tthis.title = options.title || '';\r\n\t\tthis.type = options.type || '';\r\n\r\n\t\tthis.realData = this.prepareData(options.data);\r\n\t\tthis.data = this.prepareFirstData(this.realData);\r\n\r\n\t\tthis.colors = this.validateColors(options.colors, this.type);\r\n\r\n\t\tthis.config = {\r\n\t\t\tshowTooltip: 1, // calculate\r\n\t\t\tshowLegend: 1, // calculate\r\n\t\t\tisNavigable: options.isNavigable || 0,\r\n\t\t\tanimate: 1,\r\n\t\t\ttruncateLegends: options.truncateLegends || 0\r\n\t\t};\r\n\r\n\t\tthis.measures = JSON.parse(JSON.stringify(BASE_MEASURES));\r\n\t\tlet m = this.measures;\r\n\t\tthis.setMeasures(options);\r\n\t\tif(!this.title.length) { m.titleHeight = 0; }\r\n\t\tif(!this.config.showLegend) m.legendHeight = 0;\r\n\t\tthis.argHeight = options.height || m.baseHeight;\r\n\r\n\t\tthis.state = {};\r\n\t\tthis.options = {};\r\n\r\n\t\tthis.initTimeout = INIT_CHART_UPDATE_TIMEOUT;\r\n\r\n\t\tif(this.config.isNavigable) {\r\n\t\t\tthis.overlays = [];\r\n\t\t}\r\n\r\n\t\tthis.configure(options);\r\n\t}\r\n\r\n\tprepareData(data) {\r\n\t\treturn data;\r\n\t}\r\n\r\n\tprepareFirstData(data) {\r\n\t\treturn data;\r\n\t}\r\n\r\n\tvalidateColors(colors, type) {\r\n\t\tconst validColors = [];\r\n\t\tcolors = (colors || []).concat(DEFAULT_COLORS[type]);\r\n\t\tcolors.forEach((string) => {\r\n\t\t\tconst color = getColor(string);\r\n\t\t\tif(!isValidColor(color)) {\r\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\r\n\t\t\t} else {\r\n\t\t\t\tvalidColors.push(color);\r\n\t\t\t}\r\n\t\t});\r\n\t\treturn validColors;\r\n\t}\r\n\r\n\tsetMeasures() {\r\n\t\t// Override measures, including those for title and legend\r\n\t\t// set config for legend and title\r\n\t}\r\n\r\n\tconfigure() {\r\n\t\tlet height = this.argHeight;\r\n\t\tthis.baseHeight = height;\r\n\t\tthis.height = height - getExtraHeight(this.measures);\r\n\r\n\t\t// Bind window events\r\n\t\tthis.boundDrawFn = () => this.draw(true);\r\n\t\twindow.addEventListener('resize', this.boundDrawFn);\r\n\t\twindow.addEventListener('orientationchange', this.boundDrawFn);\r\n\t}\r\n\r\n\tdestroy() {\r\n\t\twindow.removeEventListener('resize', this.boundDrawFn);\r\n\t\twindow.removeEventListener('orientationchange', this.boundDrawFn);\r\n\t}\r\n\r\n\t// Has to be called manually\r\n\tsetup() {\r\n\t\tthis.makeContainer();\r\n\t\tthis.updateWidth();\r\n\t\tthis.makeTooltip();\r\n\r\n\t\tthis.draw(false, true);\r\n\t}\r\n\r\n\tmakeContainer() {\r\n\t\t// Chart needs a dedicated parent element\r\n\t\tthis.parent.innerHTML = '';\r\n\r\n\t\tlet args = {\r\n\t\t\tinside: this.parent,\r\n\t\t\tclassName: 'chart-container'\r\n\t\t};\r\n\r\n\t\tif(this.independentWidth) {\r\n\t\t\targs.styles = { width: this.independentWidth + 'px' };\r\n\t\t}\r\n\r\n\t\tthis.container = $.create('div', args);\r\n\t}\r\n\r\n\tmakeTooltip() {\r\n\t\tthis.tip = new SvgTip({\r\n\t\t\tparent: this.container,\r\n\t\t\tcolors: this.colors\r\n\t\t});\r\n\t\tthis.bindTooltip();\r\n\t}\r\n\r\n\tbindTooltip() {}\r\n\r\n\tdraw(onlyWidthChange=false, init=false) {\r\n\t\tthis.updateWidth();\r\n\r\n\t\tthis.calc(onlyWidthChange);\r\n\t\tthis.makeChartArea();\r\n\t\tthis.setupComponents();\r\n\r\n\t\tthis.components.forEach(c => c.setup(this.drawArea));\r\n\t\t// this.components.forEach(c => c.make());\r\n\t\tthis.render(this.components, false);\r\n\r\n\t\tif(init) {\r\n\t\t\tthis.data = this.realData;\r\n\t\t\tsetTimeout(() => {this.update(this.data);}, this.initTimeout);\r\n\t\t}\r\n\r\n\t\tthis.renderLegend();\r\n\r\n\t\tthis.setupNavigation(init);\r\n\t}\r\n\r\n\tcalc() {} // builds state\r\n\r\n\tupdateWidth() {\r\n\t\tthis.baseWidth = getElementContentWidth(this.parent);\r\n\t\tthis.width = this.baseWidth - getExtraWidth(this.measures);\r\n\t}\r\n\r\n\tmakeChartArea() {\r\n\t\tif(this.svg) {\r\n\t\t\tthis.container.removeChild(this.svg);\r\n\t\t}\r\n\t\tlet m = this.measures;\r\n\r\n\t\tthis.svg = makeSVGContainer(\r\n\t\t\tthis.container,\r\n\t\t\t'frappe-chart chart',\r\n\t\t\tthis.baseWidth,\r\n\t\t\tthis.baseHeight\r\n\t\t);\r\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\r\n\r\n\t\tif(this.title.length) {\r\n\t\t\tthis.titleEL = makeText(\r\n\t\t\t\t'title',\r\n\t\t\t\tm.margins.left,\r\n\t\t\t\tm.margins.top,\r\n\t\t\t\tthis.title,\r\n\t\t\t\t{\r\n\t\t\t\t\tfontSize: m.titleFontSize,\r\n\t\t\t\t\tfill: '#666666',\r\n\t\t\t\t\tdy: m.titleFontSize\r\n\t\t\t\t}\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\tlet top = getTopOffset(m);\r\n\t\tthis.drawArea = makeSVGGroup(\r\n\t\t\tthis.type + '-chart chart-draw-area',\r\n\t\t\t`translate(${getLeftOffset(m)}, ${top})`\r\n\t\t);\r\n\r\n\t\tif(this.config.showLegend) {\r\n\t\t\ttop += this.height + m.paddings.bottom;\r\n\t\t\tthis.legendArea = makeSVGGroup(\r\n\t\t\t\t'chart-legend',\r\n\t\t\t\t`translate(${getLeftOffset(m)}, ${top})`\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\tif(this.title.length) { this.svg.appendChild(this.titleEL); }\r\n\t\tthis.svg.appendChild(this.drawArea);\r\n\t\tif(this.config.showLegend) { this.svg.appendChild(this.legendArea); }\r\n\r\n\t\tthis.updateTipOffset(getLeftOffset(m), getTopOffset(m));\r\n\t}\r\n\r\n\tupdateTipOffset(x, y) {\r\n\t\tthis.tip.offset = {\r\n\t\t\tx: x,\r\n\t\t\ty: y\r\n\t\t};\r\n\t}\r\n\r\n\tsetupComponents() { this.components = new Map(); }\r\n\r\n\tupdate(data) {\r\n\t\tif(!data) {\r\n\t\t\tconsole.error('No data to update.');\r\n\t\t}\r\n\t\tthis.data = this.prepareData(data);\r\n\t\tthis.calc(); // builds state\r\n\t\tthis.render();\r\n\t}\r\n\r\n\trender(components=this.components, animate=true) {\r\n\t\tif(this.config.isNavigable) {\r\n\t\t\t// Remove all existing overlays\r\n\t\t\tthis.overlays.map(o => o.parentNode.removeChild(o));\r\n\t\t\t// ref.parentNode.insertBefore(element, ref);\r\n\t\t}\r\n\t\tlet elementsToAnimate = [];\r\n\t\t// Can decouple to this.refreshComponents() first to save animation timeout\r\n\t\tcomponents.forEach(c => {\r\n\t\t\telementsToAnimate = elementsToAnimate.concat(c.update(animate));\r\n\t\t});\r\n\t\tif(elementsToAnimate.length > 0) {\r\n\t\t\trunSMILAnimation(this.container, this.svg, elementsToAnimate);\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tcomponents.forEach(c => c.make());\r\n\t\t\t\tthis.updateNav();\r\n\t\t\t}, CHART_POST_ANIMATE_TIMEOUT);\r\n\t\t} else {\r\n\t\t\tcomponents.forEach(c => c.make());\r\n\t\t\tthis.updateNav();\r\n\t\t}\r\n\t}\r\n\r\n\tupdateNav() {\r\n\t\tif(this.config.isNavigable) {\r\n\t\t\tthis.makeOverlay();\r\n\t\t\tthis.bindUnits();\r\n\t\t}\r\n\t}\r\n\r\n\trenderLegend() {}\r\n\r\n\tsetupNavigation(init=false) {\r\n\t\tif(!this.config.isNavigable) return;\r\n\r\n\t\tif(init) {\r\n\t\t\tthis.bindOverlay();\r\n\r\n\t\t\tthis.keyActions = {\r\n\t\t\t\t'13': this.onEnterKey.bind(this),\r\n\t\t\t\t'37': this.onLeftArrow.bind(this),\r\n\t\t\t\t'38': this.onUpArrow.bind(this),\r\n\t\t\t\t'39': this.onRightArrow.bind(this),\r\n\t\t\t\t'40': this.onDownArrow.bind(this),\r\n\t\t\t};\r\n\r\n\t\t\tdocument.addEventListener('keydown', (e) => {\r\n\t\t\t\tif(isElementInViewport(this.container)) {\r\n\t\t\t\t\te = e || window.event;\r\n\t\t\t\t\tif(this.keyActions[e.keyCode]) {\r\n\t\t\t\t\t\tthis.keyActions[e.keyCode]();\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\tmakeOverlay() {}\r\n\tupdateOverlay() {}\r\n\tbindOverlay() {}\r\n\tbindUnits() {}\r\n\r\n\tonLeftArrow() {}\r\n\tonRightArrow() {}\r\n\tonUpArrow() {}\r\n\tonDownArrow() {}\r\n\tonEnterKey() {}\r\n\r\n\taddDataPoint() {}\r\n\tremoveDataPoint() {}\r\n\r\n\tgetDataPoint() {}\r\n\tsetCurrentDataPoint() {}\r\n\r\n\tupdateDataset() {}\r\n\r\n\texport() {\r\n\t\tlet chartSvg = prepareForExport(this.svg);\r\n\t\tdownloadFile(this.title || 'Chart', [chartSvg]);\r\n\t}\r\n}\r\n","import BaseChart from './BaseChart';\r\nimport { legendDot } from '../utils/draw';\r\nimport { getExtraWidth } from '../utils/constants';\r\n\r\nexport default class AggregationChart extends BaseChart {\r\n\tconstructor(parent, args) {\r\n\t\tsuper(parent, args);\r\n\t}\r\n\r\n\tconfigure(args) {\r\n\t\tsuper.configure(args);\r\n\r\n\t\tthis.config.maxSlices = args.maxSlices || 20;\r\n\t\tthis.config.maxLegendPoints = args.maxLegendPoints || 20;\r\n\t}\r\n\r\n\tcalc() {\r\n\t\tlet s = this.state;\r\n\t\tlet maxSlices = this.config.maxSlices;\r\n\t\ts.sliceTotals = [];\r\n\r\n\t\tlet allTotals = this.data.labels.map((label, i) => {\r\n\t\t\tlet total = 0;\r\n\t\t\tthis.data.datasets.map(e => {\r\n\t\t\t\ttotal += e.values[i];\r\n\t\t\t});\r\n\t\t\treturn [total, label];\r\n\t\t}).filter(d => { return d[0] >= 0; }); // keep only positive results\r\n\r\n\t\tlet totals = allTotals;\r\n\t\tif(allTotals.length > maxSlices) {\r\n\t\t\t// Prune and keep a grey area for rest as per maxSlices\r\n\t\t\tallTotals.sort((a, b) => { return b[0] - a[0]; });\r\n\r\n\t\t\ttotals = allTotals.slice(0, maxSlices-1);\r\n\t\t\tlet remaining = allTotals.slice(maxSlices-1);\r\n\r\n\t\t\tlet sumOfRemaining = 0;\r\n\t\t\tremaining.map(d => {sumOfRemaining += d[0];});\r\n\t\t\ttotals.push([sumOfRemaining, 'Rest']);\r\n\t\t\tthis.colors[maxSlices-1] = 'grey';\r\n\t\t}\r\n\r\n\t\ts.labels = [];\r\n\t\ttotals.map(d => {\r\n\t\t\ts.sliceTotals.push(d[0]);\r\n\t\t\ts.labels.push(d[1]);\r\n\t\t});\r\n\r\n\t\ts.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);\r\n\r\n\t\tthis.center = {\r\n\t\t\tx: this.width / 2,\r\n\t\t\ty: this.height / 2\r\n\t\t};\r\n\t}\r\n\r\n\trenderLegend() {\r\n\t\tlet s = this.state;\r\n\t\tthis.legendArea.textContent = '';\r\n\t\tthis.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints);\r\n\r\n\t\tlet count = 0;\r\n\t\tlet y = 0;\r\n\t\tthis.legendTotals.map((d, i) => {\r\n\t\t\tlet barWidth = 110;\r\n\t\t\tlet divisor = Math.floor(\r\n\t\t\t\t(this.width - getExtraWidth(this.measures))/barWidth\r\n\t\t\t);\r\n\t\t\tif (this.legendTotals.length < divisor) {\r\n\t\t\t\tbarWidth = this.width/this.legendTotals.length;\r\n\t\t\t}\r\n\t\t\tif(count > divisor) {\r\n\t\t\t\tcount = 0;\r\n\t\t\t\ty += 20;\r\n\t\t\t}\r\n\t\t\tlet x = barWidth * count + 5;\r\n\t\t\tlet dot = legendDot(\r\n\t\t\t\tx,\r\n\t\t\t\ty,\r\n\t\t\t\t5,\r\n\t\t\t\tthis.colors[i],\r\n\t\t\t\t`${s.labels[i]}: ${d}`\r\n\t\t\t);\r\n\t\t\tthis.legendArea.appendChild(dot);\r\n\t\t\tcount++;\r\n\t\t});\r\n\t}\r\n}\r\n","import AggregationChart from './AggregationChart';\r\nimport { getOffset } from '../utils/dom';\r\nimport { getComponent } from '../objects/ChartComponents';\r\nimport { PERCENTAGE_BAR_DEFAULT_HEIGHT, PERCENTAGE_BAR_DEFAULT_DEPTH } from '../utils/constants';\r\n\r\nexport default class PercentageChart extends AggregationChart {\r\n\tconstructor(parent, args) {\r\n\t\tsuper(parent, args);\r\n\t\tthis.type = 'percentage';\r\n\t\tthis.setup();\r\n\t}\r\n\r\n\tsetMeasures(options) {\r\n\t\tlet m = this.measures;\r\n\t\tthis.barOptions = options.barOptions || {};\r\n\r\n\t\tlet b = this.barOptions;\r\n\t\tb.height = b.height || PERCENTAGE_BAR_DEFAULT_HEIGHT;\r\n\t\tb.depth = b.depth || PERCENTAGE_BAR_DEFAULT_DEPTH;\r\n\r\n\t\tm.paddings.right = 30;\r\n\t\tm.legendHeight = 60;\r\n\t\tm.baseHeight = (b.height + b.depth * 0.5) * 8;\r\n\t}\r\n\r\n\tsetupComponents() {\r\n\t\tlet s = this.state;\r\n\r\n\t\tlet componentConfigs = [\r\n\t\t\t[\r\n\t\t\t\t'percentageBars',\r\n\t\t\t\t{\r\n\t\t\t\t\tbarHeight: this.barOptions.height,\r\n\t\t\t\t\tbarDepth: this.barOptions.depth,\r\n\t\t\t\t},\r\n\t\t\t\tfunction() {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\txPositions: s.xPositions,\r\n\t\t\t\t\t\twidths: s.widths,\r\n\t\t\t\t\t\tcolors: this.colors\r\n\t\t\t\t\t};\r\n\t\t\t\t}.bind(this)\r\n\t\t\t]\r\n\t\t];\r\n\r\n\t\tthis.components = new Map(componentConfigs\r\n\t\t\t.map(args => {\r\n\t\t\t\tlet component = getComponent(...args);\r\n\t\t\t\treturn [args[0], component];\r\n\t\t\t}));\r\n\t}\r\n\r\n\tcalc() {\r\n\t\tsuper.calc();\r\n\t\tlet s = this.state;\r\n\r\n\t\ts.xPositions = [];\r\n\t\ts.widths = [];\r\n\r\n\t\tlet xPos = 0;\r\n\t\ts.sliceTotals.map((value) => {\r\n\t\t\tlet width = this.width * value / s.grandTotal;\r\n\t\t\ts.widths.push(width);\r\n\t\t\ts.xPositions.push(xPos);\r\n\t\t\txPos += width;\r\n\t\t});\r\n\t}\r\n\r\n\tmakeDataByIndex() { }\r\n\r\n\tbindTooltip() {\r\n\t\tlet s = this.state;\r\n\t\tthis.container.addEventListener('mousemove', (e) => {\r\n\t\t\tlet bars = this.components.get('percentageBars').store;\r\n\t\t\tlet bar = e.target;\r\n\t\t\tif(bars.includes(bar)) {\r\n\r\n\t\t\t\tlet i = bars.indexOf(bar);\r\n\t\t\t\tlet gOff = getOffset(this.container), pOff = getOffset(bar);\r\n\r\n\t\t\t\tlet x = pOff.left - gOff.left + parseInt(bar.getAttribute('width'))/2;\r\n\t\t\t\tlet y = pOff.top - gOff.top;\r\n\t\t\t\tlet title = (this.formattedLabels && this.formattedLabels.length>0\r\n\t\t\t\t\t? this.formattedLabels[i] : this.state.labels[i]) + ': ';\r\n\t\t\t\tlet fraction = s.sliceTotals[i]/s.grandTotal;\r\n\r\n\t\t\t\tthis.tip.setValues(x, y, {name: title, value: (fraction*100).toFixed(1) + \"%\"});\r\n\t\t\t\tthis.tip.showTip();\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n}\r\n","import AggregationChart from './AggregationChart';\r\nimport { getComponent } from '../objects/ChartComponents';\r\nimport { getOffset } from '../utils/dom';\r\nimport { getPositionByAngle } from '../utils/helpers';\r\nimport { makeArcPathStr, makeCircleStr } from '../utils/draw';\r\nimport { lightenDarkenColor } from '../utils/colors';\r\nimport { transform } from '../utils/animation';\r\nimport { FULL_ANGLE } from '../utils/constants';\r\n\r\nexport default class PieChart extends AggregationChart {\r\n\tconstructor(parent, args) {\r\n\t\tsuper(parent, args);\r\n\t\tthis.type = 'pie';\r\n\t\tthis.initTimeout = 0;\r\n\t\tthis.init = 1;\r\n\r\n\t\tthis.setup();\r\n\t}\r\n\r\n\tconfigure(args) {\r\n\t\tsuper.configure(args);\r\n\t\tthis.mouseMove = this.mouseMove.bind(this);\r\n\t\tthis.mouseLeave = this.mouseLeave.bind(this);\r\n\r\n\t\tthis.hoverRadio = args.hoverRadio || 0.1;\r\n\t\tthis.config.startAngle = args.startAngle || 0;\r\n\r\n\t\tthis.clockWise = args.clockWise || false;\r\n\t}\r\n\r\n\tcalc() {\r\n\t\tsuper.calc();\r\n\t\tlet s = this.state;\r\n\t\tthis.radius = (this.height > this.width ? this.center.x : this.center.y);\r\n\r\n\t\tconst { radius, clockWise } = this;\r\n\r\n\t\tconst prevSlicesProperties = s.slicesProperties || [];\r\n\t\ts.sliceStrings = [];\r\n\t\ts.slicesProperties = [];\r\n\t\tlet curAngle = 180 - this.config.startAngle;\r\n\t\ts.sliceTotals.map((total, i) => {\r\n\t\t\tconst startAngle = curAngle;\r\n\t\t\tconst originDiffAngle = (total / s.grandTotal) * FULL_ANGLE;\r\n\t\t\tconst largeArc = originDiffAngle > 180 ? 1: 0;\r\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\r\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\r\n\t\t\tconst startPosition = getPositionByAngle(startAngle, radius);\r\n\t\t\tconst endPosition = getPositionByAngle(endAngle, radius);\r\n\r\n\t\t\tconst prevProperty = this.init && prevSlicesProperties[i];\r\n\r\n\t\t\tlet curStart,curEnd;\r\n\t\t\tif(this.init) {\r\n\t\t\t\tcurStart = prevProperty ? prevProperty.startPosition : startPosition;\r\n\t\t\t\tcurEnd = prevProperty ? prevProperty.endPosition : startPosition;\r\n\t\t\t} else {\r\n\t\t\t\tcurStart = startPosition;\r\n\t\t\t\tcurEnd = endPosition;\r\n\t\t\t}\r\n\t\t\tconst curPath =\r\n\t\t\t\toriginDiffAngle === 360\r\n\t\t\t\t\t? makeCircleStr(curStart, curEnd, this.center, this.radius, clockWise, largeArc)\r\n\t\t\t\t\t: makeArcPathStr(curStart, curEnd, this.center, this.radius, clockWise, largeArc);\r\n\r\n\t\t\ts.sliceStrings.push(curPath);\r\n\t\t\ts.slicesProperties.push({\r\n\t\t\t\tstartPosition,\r\n\t\t\t\tendPosition,\r\n\t\t\t\tvalue: total,\r\n\t\t\t\ttotal: s.grandTotal,\r\n\t\t\t\tstartAngle,\r\n\t\t\t\tendAngle,\r\n\t\t\t\tangle: diffAngle\r\n\t\t\t});\r\n\r\n\t\t});\r\n\t\tthis.init = 0;\r\n\t}\r\n\r\n\tsetupComponents() {\r\n\t\tlet s = this.state;\r\n\r\n\t\tlet componentConfigs = [\r\n\t\t\t[\r\n\t\t\t\t'pieSlices',\r\n\t\t\t\t{ },\r\n\t\t\t\tfunction() {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tsliceStrings: s.sliceStrings,\r\n\t\t\t\t\t\tcolors: this.colors\r\n\t\t\t\t\t};\r\n\t\t\t\t}.bind(this)\r\n\t\t\t]\r\n\t\t];\r\n\r\n\t\tthis.components = new Map(componentConfigs\r\n\t\t\t.map(args => {\r\n\t\t\t\tlet component = getComponent(...args);\r\n\t\t\t\treturn [args[0], component];\r\n\t\t\t}));\r\n\t}\r\n\r\n\tcalTranslateByAngle(property){\r\n\t\tconst{radius,hoverRadio} = this;\r\n\t\tconst position = getPositionByAngle(property.startAngle+(property.angle / 2),radius);\r\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\r\n\t}\r\n\r\n\thoverSlice(path,i,flag,e){\r\n\t\tif(!path) return;\r\n\t\tconst color = this.colors[i];\r\n\t\tif(flag) {\r\n\t\t\ttransform(path, this.calTranslateByAngle(this.state.slicesProperties[i]));\r\n\t\t\tpath.style.fill = lightenDarkenColor(color, 50);\r\n\t\t\tlet g_off = getOffset(this.svg);\r\n\t\t\tlet x = e.pageX - g_off.left + 10;\r\n\t\t\tlet y = e.pageY - g_off.top - 10;\r\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length > 0\r\n\t\t\t\t? this.formatted_labels[i] : this.state.labels[i]) + ': ';\r\n\t\t\tlet percent = (this.state.sliceTotals[i] * 100 / this.state.grandTotal).toFixed(1);\r\n\t\t\tthis.tip.setValues(x, y, {name: title, value: percent + \"%\"});\r\n\t\t\tthis.tip.showTip();\r\n\t\t} else {\r\n\t\t\ttransform(path,'translate3d(0,0,0)');\r\n\t\t\tthis.tip.hideTip();\r\n\t\t\tpath.style.fill = color;\r\n\t\t}\r\n\t}\r\n\r\n\tbindTooltip() {\r\n\t\tthis.container.addEventListener('mousemove', this.mouseMove);\r\n\t\tthis.container.addEventListener('mouseleave', this.mouseLeave);\r\n\t}\r\n\r\n\tmouseMove(e){\r\n\t\tconst target = e.target;\r\n\t\tlet slices = this.components.get('pieSlices').store;\r\n\t\tlet prevIndex = this.curActiveSliceIndex;\r\n\t\tlet prevAcitve = this.curActiveSlice;\r\n\t\tif(slices.includes(target)) {\r\n\t\t\tlet i = slices.indexOf(target);\r\n\t\t\tthis.hoverSlice(prevAcitve, prevIndex,false);\r\n\t\t\tthis.curActiveSlice = target;\r\n\t\t\tthis.curActiveSliceIndex = i;\r\n\t\t\tthis.hoverSlice(target, i, true, e);\r\n\t\t} else {\r\n\t\t\tthis.mouseLeave();\r\n\t\t}\r\n\t}\r\n\r\n\tmouseLeave(){\r\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\r\n\t}\r\n}\r\n","import BaseChart from './BaseChart';\r\nimport { getComponent } from '../objects/ChartComponents';\r\nimport { makeText, heatSquare } from '../utils/draw';\r\nimport { DAY_NAMES_SHORT, addDays, areInSameMonth, getLastDateInMonth, setDayToSunday, getYyyyMmDd, getWeeksBetween, getMonthName, clone,\r\n\tNO_OF_MILLIS, NO_OF_YEAR_MONTHS, NO_OF_DAYS_IN_WEEK } from '../utils/date-utils';\r\nimport { calcDistribution, getMaxCheckpoint } from '../utils/intervals';\r\nimport { getExtraHeight, getExtraWidth, HEATMAP_DISTRIBUTION_SIZE, HEATMAP_SQUARE_SIZE,\r\n\tHEATMAP_GUTTER_SIZE } from '../utils/constants';\r\n\r\nconst COL_WIDTH = HEATMAP_SQUARE_SIZE + HEATMAP_GUTTER_SIZE;\r\nconst ROW_HEIGHT = COL_WIDTH;\r\n// const DAY_INCR = 1;\r\n\r\nexport default class Heatmap extends BaseChart {\r\n\tconstructor(parent, options) {\r\n\t\tsuper(parent, options);\r\n\t\tthis.type = 'heatmap';\r\n\r\n\t\tthis.countLabel = options.countLabel || '';\r\n\r\n\t\tlet validStarts = ['Sunday', 'Monday'];\r\n\t\tlet startSubDomain = validStarts.includes(options.startSubDomain)\r\n\t\t\t? options.startSubDomain : 'Sunday';\r\n\t\tthis.startSubDomainIndex = validStarts.indexOf(startSubDomain);\r\n\r\n\t\tthis.setup();\r\n\t}\r\n\r\n\tsetMeasures(options) {\r\n\t\tlet m = this.measures;\r\n\t\tthis.discreteDomains = options.discreteDomains === 0 ? 0 : 1;\r\n\r\n\t\tm.paddings.top = ROW_HEIGHT * 3;\r\n\t\tm.paddings.bottom = 0;\r\n\t\tm.legendHeight = ROW_HEIGHT * 2;\r\n\t\tm.baseHeight = ROW_HEIGHT * NO_OF_DAYS_IN_WEEK\r\n\t\t\t+ getExtraHeight(m);\r\n\r\n\t\tlet d = this.data;\r\n\t\tlet spacing = this.discreteDomains ? NO_OF_YEAR_MONTHS : 0;\r\n\t\tthis.independentWidth = (getWeeksBetween(d.start, d.end)\r\n\t\t\t+ spacing) * COL_WIDTH + getExtraWidth(m);\r\n\t}\r\n\r\n\tupdateWidth() {\r\n\t\tlet spacing = this.discreteDomains ? NO_OF_YEAR_MONTHS : 0;\r\n\t\tlet noOfWeeks = this.state.noOfWeeks ? this.state.noOfWeeks : 52;\r\n\t\tthis.baseWidth = (noOfWeeks + spacing) * COL_WIDTH\r\n\t\t\t+ getExtraWidth(this.measures);\r\n\t}\r\n\r\n\tprepareData(data=this.data) {\r\n\t\tif(data.start && data.end && data.start > data.end) {\r\n\t\t\tthrow new Error('Start date cannot be greater than end date.');\r\n\t\t}\r\n\r\n\t\tif(!data.start) {\r\n\t\t\tdata.start = new Date();\r\n\t\t\tdata.start.setFullYear( data.start.getFullYear() - 1 );\r\n\t\t}\r\n\t\tif(!data.end) { data.end = new Date(); }\r\n\t\tdata.dataPoints = data.dataPoints || {};\r\n\r\n\t\tif(parseInt(Object.keys(data.dataPoints)[0]) > 100000) {\r\n\t\t\tlet points = {};\r\n\t\t\tObject.keys(data.dataPoints).forEach(timestampSec => {\r\n\t\t\t\tlet date = new Date(timestampSec * NO_OF_MILLIS);\r\n\t\t\t\tpoints[getYyyyMmDd(date)] = data.dataPoints[timestampSec];\r\n\t\t\t});\r\n\t\t\tdata.dataPoints = points;\r\n\t\t}\r\n\r\n\t\treturn data;\r\n\t}\r\n\r\n\tcalc() {\r\n\t\tlet s = this.state;\r\n\r\n\t\ts.start = clone(this.data.start);\r\n\t\ts.end = clone(this.data.end);\r\n\r\n\t\ts.firstWeekStart = clone(s.start);\r\n\t\ts.noOfWeeks = getWeeksBetween(s.start, s.end);\r\n\t\ts.distribution = calcDistribution(\r\n\t\t\tObject.values(this.data.dataPoints), HEATMAP_DISTRIBUTION_SIZE);\r\n\r\n\t\ts.domainConfigs = this.getDomains();\r\n\t}\r\n\r\n\tsetupComponents() {\r\n\t\tlet s = this.state;\r\n\t\tlet lessCol = this.discreteDomains ? 0 : 1;\r\n\r\n\t\tlet componentConfigs = s.domainConfigs.map((config, i) => [\r\n\t\t\t'heatDomain',\r\n\t\t\t{\r\n\t\t\t\tindex: config.index,\r\n\t\t\t\tcolWidth: COL_WIDTH,\r\n\t\t\t\trowHeight: ROW_HEIGHT,\r\n\t\t\t\tsquareSize: HEATMAP_SQUARE_SIZE,\r\n\t\t\t\txTranslate: s.domainConfigs\r\n\t\t\t\t\t.filter((config, j) => j < i)\r\n\t\t\t\t\t.map(config => config.cols.length - lessCol)\r\n\t\t\t\t\t.reduce((a, b) => a + b, 0)\r\n\t\t\t\t\t* COL_WIDTH\r\n\t\t\t},\r\n\t\t\tfunction() {\r\n\t\t\t\treturn s.domainConfigs[i];\r\n\t\t\t}.bind(this)\r\n\r\n\t\t]);\r\n\r\n\t\tthis.components = new Map(componentConfigs\r\n\t\t\t.map((args, i) => {\r\n\t\t\t\tlet component = getComponent(...args);\r\n\t\t\t\treturn [args[0] + '-' + i, component];\r\n\t\t\t})\r\n\t\t);\r\n\r\n\t\tlet y = 0;\r\n\t\tDAY_NAMES_SHORT.forEach((dayName, i) => {\r\n\t\t\tif([1, 3, 5].includes(i)) {\r\n\t\t\t\tlet dayText = makeText('subdomain-name', -COL_WIDTH/2, y, dayName,\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tfontSize: HEATMAP_SQUARE_SIZE,\r\n\t\t\t\t\t\tdy: 8,\r\n\t\t\t\t\t\ttextAnchor: 'end'\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t\t\tthis.drawArea.appendChild(dayText);\r\n\t\t\t}\r\n\t\t\ty += ROW_HEIGHT;\r\n\t\t});\r\n\t}\r\n\r\n\tupdate(data) {\r\n\t\tif(!data) {\r\n\t\t\tconsole.error('No data to update.');\r\n\t\t}\r\n\r\n\t\tthis.data = this.prepareData(data);\r\n\t\tthis.draw();\r\n\t\tthis.bindTooltip();\r\n\t}\r\n\r\n\tbindTooltip() {\r\n\t\tthis.container.addEventListener('mousemove', (e) => {\r\n\t\t\tthis.components.forEach(comp => {\r\n\t\t\t\tlet daySquares = comp.store;\r\n\t\t\t\tlet daySquare = e.target;\r\n\t\t\t\tif(daySquares.includes(daySquare)) {\r\n\r\n\t\t\t\t\tlet count = daySquare.getAttribute('data-value');\r\n\t\t\t\t\tlet dateParts = daySquare.getAttribute('data-date').split('-');\r\n\r\n\t\t\t\t\tlet month = getMonthName(parseInt(dateParts[1])-1, true);\r\n\r\n\t\t\t\t\tlet gOff = this.container.getBoundingClientRect(), pOff = daySquare.getBoundingClientRect();\r\n\r\n\t\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\r\n\t\t\t\t\tlet x = pOff.left - gOff.left + width/2;\r\n\t\t\t\t\tlet y = pOff.top - gOff.top;\r\n\t\t\t\t\tlet value = count + ' ' + this.countLabel;\r\n\t\t\t\t\tlet name = ' on ' + month + ' ' + dateParts[0] + ', ' + dateParts[2];\r\n\r\n\t\t\t\t\tthis.tip.setValues(x, y, {name: name, value: value, valueFirst: 1}, []);\r\n\t\t\t\t\tthis.tip.showTip();\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t});\r\n\t}\r\n\r\n\trenderLegend() {\r\n\t\tthis.legendArea.textContent = '';\r\n\t\tlet x = 0;\r\n\t\tlet y = ROW_HEIGHT;\r\n\r\n\t\tlet lessText = makeText('subdomain-name', x, y, 'Less',\r\n\t\t\t{\r\n\t\t\t\tfontSize: HEATMAP_SQUARE_SIZE + 1,\r\n\t\t\t\tdy: 9\r\n\t\t\t}\r\n\t\t);\r\n\t\tx = (COL_WIDTH * 2) + COL_WIDTH/2;\r\n\t\tthis.legendArea.appendChild(lessText);\r\n\r\n\t\tthis.colors.slice(0, HEATMAP_DISTRIBUTION_SIZE).map((color, i) => {\r\n\t\t\tconst square = heatSquare('heatmap-legend-unit', x + (COL_WIDTH + 3) * i,\r\n\t\t\t\ty, HEATMAP_SQUARE_SIZE, color);\r\n\t\t\tthis.legendArea.appendChild(square);\r\n\t\t});\r\n\r\n\t\tlet moreTextX = x + HEATMAP_DISTRIBUTION_SIZE * (COL_WIDTH + 3) + COL_WIDTH/4;\r\n\t\tlet moreText = makeText('subdomain-name', moreTextX, y, 'More',\r\n\t\t\t{\r\n\t\t\t\tfontSize: HEATMAP_SQUARE_SIZE + 1,\r\n\t\t\t\tdy: 9\r\n\t\t\t}\r\n\t\t);\r\n\t\tthis.legendArea.appendChild(moreText);\r\n\t}\r\n\r\n\tgetDomains() {\r\n\t\tlet s = this.state;\r\n\t\tconst [startMonth, startYear] = [s.start.getMonth(), s.start.getFullYear()];\r\n\t\tconst [endMonth, endYear] = [s.end.getMonth(), s.end.getFullYear()];\r\n\r\n\t\tconst noOfMonths = (endMonth - startMonth + 1) + (endYear - startYear) * 12;\r\n\r\n\t\tlet domainConfigs = [];\r\n\r\n\t\tlet startOfMonth = clone(s.start);\r\n\t\tfor(var i = 0; i < noOfMonths; i++) {\r\n\t\t\tlet endDate = s.end;\r\n\t\t\tif(!areInSameMonth(startOfMonth, s.end)) {\r\n\t\t\t\tlet [month, year] = [startOfMonth.getMonth(), startOfMonth.getFullYear()];\r\n\t\t\t\tendDate = getLastDateInMonth(month, year);\r\n\t\t\t}\r\n\t\t\tdomainConfigs.push(this.getDomainConfig(startOfMonth, endDate));\r\n\r\n\t\t\taddDays(endDate, 1);\r\n\t\t\tstartOfMonth = endDate;\r\n\t\t}\r\n\r\n\t\treturn domainConfigs;\r\n\t}\r\n\r\n\tgetDomainConfig(startDate, endDate='') {\r\n\t\tlet [month, year] = [startDate.getMonth(), startDate.getFullYear()];\r\n\t\tlet startOfWeek = setDayToSunday(startDate); // TODO: Monday as well\r\n\t\tendDate = clone(endDate) || getLastDateInMonth(month, year);\r\n\r\n\t\tlet domainConfig = {\r\n\t\t\tindex: month,\r\n\t\t\tcols: []\r\n\t\t};\r\n\r\n\t\taddDays(endDate, 1);\r\n\t\tlet noOfMonthWeeks = getWeeksBetween(startOfWeek, endDate);\r\n\r\n\t\tlet cols = [], col;\r\n\t\tfor(var i = 0; i < noOfMonthWeeks; i++) {\r\n\t\t\tcol = this.getCol(startOfWeek, month);\r\n\t\t\tcols.push(col);\r\n\r\n\t\t\tstartOfWeek = new Date(col[NO_OF_DAYS_IN_WEEK - 1].yyyyMmDd);\r\n\t\t\taddDays(startOfWeek, 1);\r\n\t\t}\r\n\r\n\t\tif(col[NO_OF_DAYS_IN_WEEK - 1].dataValue !== undefined) {\r\n\t\t\taddDays(startOfWeek, 1);\r\n\t\t\tcols.push(this.getCol(startOfWeek, month, true));\r\n\t\t}\r\n\r\n\t\tdomainConfig.cols = cols;\r\n\r\n\t\treturn domainConfig;\r\n\t}\r\n\r\n\tgetCol(startDate, month, empty = false) {\r\n\t\tlet s = this.state;\r\n\r\n\t\t// startDate is the start of week\r\n\t\tlet currentDate = clone(startDate);\r\n\t\tlet col = [];\r\n\r\n\t\tfor(var i = 0; i < NO_OF_DAYS_IN_WEEK; i++, addDays(currentDate, 1)) {\r\n\t\t\tlet config = {};\r\n\r\n\t\t\t// Non-generic adjustment for entire heatmap, needs state\r\n\t\t\tlet currentDateWithinData = currentDate >= s.start && currentDate <= s.end;\r\n\r\n\t\t\tif(empty || currentDate.getMonth() !== month || !currentDateWithinData) {\r\n\t\t\t\tconfig.yyyyMmDd = getYyyyMmDd(currentDate);\r\n\t\t\t} else {\r\n\t\t\t\tconfig = this.getSubDomainConfig(currentDate);\r\n\t\t\t}\r\n\t\t\tcol.push(config);\r\n\t\t}\r\n\r\n\t\treturn col;\r\n\t}\r\n\r\n\tgetSubDomainConfig(date) {\r\n\t\tlet yyyyMmDd = getYyyyMmDd(date);\r\n\t\tlet dataValue = this.data.dataPoints[yyyyMmDd];\r\n\t\tlet config = {\r\n\t\t\tyyyyMmDd: yyyyMmDd,\r\n\t\t\tdataValue: dataValue || 0,\r\n\t\t\tfill: this.colors[getMaxCheckpoint(dataValue, this.state.distribution)]\r\n\t\t};\r\n\t\treturn config;\r\n\t}\r\n}\r\n","import BaseChart from './BaseChart';\r\nimport { dataPrep, zeroDataPrep, getShortenedLabels } from '../utils/axis-chart-utils';\r\nimport { AXIS_LEGEND_BAR_SIZE } from '../utils/constants';\r\nimport { getComponent } from '../objects/ChartComponents';\r\nimport { getOffset, fire } from '../utils/dom';\r\nimport { calcChartIntervals, getIntervalSize, getValueRange, getZeroIndex, scale, getClosestInArray } from '../utils/intervals';\r\nimport { floatTwo } from '../utils/helpers';\r\nimport { makeOverlay, updateOverlay, legendBar } from '../utils/draw';\r\nimport { getTopOffset, getLeftOffset, MIN_BAR_PERCENT_HEIGHT, BAR_CHART_SPACE_RATIO,\r\n\tLINE_CHART_DOT_SIZE } from '../utils/constants';\r\n\r\nexport default class AxisChart extends BaseChart {\r\n\tconstructor(parent, args) {\r\n\t\tsuper(parent, args);\r\n\r\n\t\tthis.barOptions = args.barOptions || {};\r\n\t\tthis.lineOptions = args.lineOptions || {};\r\n\r\n\t\tthis.type = args.type || 'line';\r\n\t\tthis.init = 1;\r\n\r\n\t\tthis.setup();\r\n\t}\r\n\r\n\tsetMeasures() {\r\n\t\tif(this.data.datasets.length <= 1) {\r\n\t\t\tthis.config.showLegend = 0;\r\n\t\t\tthis.measures.paddings.bottom = 30;\r\n\t\t}\r\n\t}\r\n\r\n\tconfigure(options) {\r\n\t\tsuper.configure(options);\r\n\r\n\t\toptions.axisOptions = options.axisOptions || {};\r\n\t\toptions.tooltipOptions = options.tooltipOptions || {};\r\n\r\n\t\tthis.config.xAxisMode = options.axisOptions.xAxisMode || 'span';\r\n\t\tthis.config.yAxisMode = options.axisOptions.yAxisMode || 'span';\r\n\t\tthis.config.xIsSeries = options.axisOptions.xIsSeries || 0;\r\n\t\tthis.config.shortenYAxisNumbers = options.axisOptions.shortenYAxisNumbers || 0;\r\n\r\n\t\tthis.config.formatTooltipX = options.tooltipOptions.formatTooltipX;\r\n\t\tthis.config.formatTooltipY = options.tooltipOptions.formatTooltipY;\r\n\r\n\t\tthis.config.valuesOverPoints = options.valuesOverPoints;\r\n\t}\r\n\r\n\tprepareData(data=this.data) {\r\n\t\treturn dataPrep(data, this.type);\r\n\t}\r\n\r\n\tprepareFirstData(data=this.data) {\r\n\t\treturn zeroDataPrep(data);\r\n\t}\r\n\r\n\tcalc(onlyWidthChange = false) {\r\n\t\tthis.calcXPositions();\r\n\t\tif(!onlyWidthChange) {\r\n\t\t\tthis.calcYAxisParameters(this.getAllYValues(), this.type === 'line');\r\n\t\t}\r\n\t\tthis.makeDataByIndex();\r\n\t}\r\n\r\n\tcalcXPositions() {\r\n\t\tlet s = this.state;\r\n\t\tlet labels = this.data.labels;\r\n\t\ts.datasetLength = labels.length;\r\n\r\n\t\ts.unitWidth = this.width/(s.datasetLength);\r\n\t\t// Default, as per bar, and mixed. Only line will be a special case\r\n\t\ts.xOffset = s.unitWidth/2;\r\n\r\n\t\t// // For a pure Line Chart\r\n\t\t// s.unitWidth = this.width/(s.datasetLength - 1);\r\n\t\t// s.xOffset = 0;\r\n\r\n\t\ts.xAxis = {\r\n\t\t\tlabels: labels,\r\n\t\t\tpositions: labels.map((d, i) =>\r\n\t\t\t\tfloatTwo(s.xOffset + i * s.unitWidth)\r\n\t\t\t)\r\n\t\t};\r\n\t}\r\n\r\n\tcalcYAxisParameters(dataValues, withMinimum = 'false') {\r\n\t\tconst yPts = calcChartIntervals(dataValues, withMinimum);\r\n\t\tconst scaleMultiplier = this.height / getValueRange(yPts);\r\n\t\tconst intervalHeight = getIntervalSize(yPts) * scaleMultiplier;\r\n\t\tconst zeroLine = this.height - (getZeroIndex(yPts) * intervalHeight);\r\n\r\n\t\tthis.state.yAxis = {\r\n\t\t\tlabels: yPts,\r\n\t\t\tpositions: yPts.map(d => zeroLine - d * scaleMultiplier),\r\n\t\t\tscaleMultiplier: scaleMultiplier,\r\n\t\t\tzeroLine: zeroLine,\r\n\t\t};\r\n\r\n\t\t// Dependent if above changes\r\n\t\tthis.calcDatasetPoints();\r\n\t\tthis.calcYExtremes();\r\n\t\tthis.calcYRegions();\r\n\t}\r\n\r\n\tcalcDatasetPoints() {\r\n\t\tlet s = this.state;\r\n\t\tlet scaleAll = values => values.map(val => scale(val, s.yAxis));\r\n\r\n\t\ts.datasets = this.data.datasets.map((d, i) => {\r\n\t\t\tlet values = d.values;\r\n\t\t\tlet cumulativeYs = d.cumulativeYs || [];\r\n\t\t\treturn {\r\n\t\t\t\tname: d.name,\r\n\t\t\t\tindex: i,\r\n\t\t\t\tchartType: d.chartType,\r\n\r\n\t\t\t\tvalues: values,\r\n\t\t\t\tyPositions: scaleAll(values),\r\n\r\n\t\t\t\tcumulativeYs: cumulativeYs,\r\n\t\t\t\tcumulativeYPos: scaleAll(cumulativeYs),\r\n\t\t\t};\r\n\t\t});\r\n\t}\r\n\r\n\tcalcYExtremes() {\r\n\t\tlet s = this.state;\r\n\t\tif(this.barOptions.stacked) {\r\n\t\t\ts.yExtremes = s.datasets[s.datasets.length - 1].cumulativeYPos;\r\n\t\t\treturn;\r\n\t\t}\r\n\t\ts.yExtremes = new Array(s.datasetLength).fill(9999);\r\n\t\ts.datasets.map(d => {\r\n\t\t\td.yPositions.map((pos, j) => {\r\n\t\t\t\tif(pos < s.yExtremes[j]) {\r\n\t\t\t\t\ts.yExtremes[j] = pos;\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t});\r\n\t}\r\n\r\n\tcalcYRegions() {\r\n\t\tlet s = this.state;\r\n\t\tif(this.data.yMarkers) {\r\n\t\t\tthis.state.yMarkers = this.data.yMarkers.map(d => {\r\n\t\t\t\td.position = scale(d.value, s.yAxis);\r\n\t\t\t\tif(!d.options) d.options = {};\r\n\t\t\t\t// if(!d.label.includes(':')) {\r\n\t\t\t\t// \td.label += ': ' + d.value;\r\n\t\t\t\t// }\r\n\t\t\t\treturn d;\r\n\t\t\t});\r\n\t\t}\r\n\t\tif(this.data.yRegions) {\r\n\t\t\tthis.state.yRegions = this.data.yRegions.map(d => {\r\n\t\t\t\td.startPos = scale(d.start, s.yAxis);\r\n\t\t\t\td.endPos = scale(d.end, s.yAxis);\r\n\t\t\t\tif(!d.options) d.options = {};\r\n\t\t\t\treturn d;\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\tgetAllYValues() {\r\n\t\tlet key = 'values';\r\n\r\n\t\tif(this.barOptions.stacked) {\r\n\t\t\tkey = 'cumulativeYs';\r\n\t\t\tlet cumulative = new Array(this.state.datasetLength).fill(0);\r\n\t\t\tthis.data.datasets.map((d, i) => {\r\n\t\t\t\tlet values = this.data.datasets[i].values;\r\n\t\t\t\td[key] = cumulative = cumulative.map((c, i) => c + values[i]);\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\tlet allValueLists = this.data.datasets.map(d => d[key]);\r\n\t\tif(this.data.yMarkers) {\r\n\t\t\tallValueLists.push(this.data.yMarkers.map(d => d.value));\r\n\t\t}\r\n\t\tif(this.data.yRegions) {\r\n\t\t\tthis.data.yRegions.map(d => {\r\n\t\t\t\tallValueLists.push([d.end, d.start]);\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\treturn [].concat(...allValueLists);\r\n\t}\r\n\r\n\tsetupComponents() {\r\n\t\tlet componentConfigs = [\r\n\t\t\t[\r\n\t\t\t\t'yAxis',\r\n\t\t\t\t{\r\n\t\t\t\t\tmode: this.config.yAxisMode,\r\n\t\t\t\t\twidth: this.width,\r\n\t\t\t\t\tshortenNumbers: this.config.shortenYAxisNumbers\r\n\t\t\t\t\t// pos: 'right'\r\n\t\t\t\t},\r\n\t\t\t\tfunction() {\r\n\t\t\t\t\treturn this.state.yAxis;\r\n\t\t\t\t}.bind(this)\r\n\t\t\t],\r\n\r\n\t\t\t[\r\n\t\t\t\t'xAxis',\r\n\t\t\t\t{\r\n\t\t\t\t\tmode: this.config.xAxisMode,\r\n\t\t\t\t\theight: this.height,\r\n\t\t\t\t\t// pos: 'right'\r\n\t\t\t\t},\r\n\t\t\t\tfunction() {\r\n\t\t\t\t\tlet s = this.state;\r\n\t\t\t\t\ts.xAxis.calcLabels = getShortenedLabels(this.width,\r\n\t\t\t\t\t\ts.xAxis.labels, this.config.xIsSeries);\r\n\r\n\t\t\t\t\treturn s.xAxis;\r\n\t\t\t\t}.bind(this)\r\n\t\t\t],\r\n\r\n\t\t\t[\r\n\t\t\t\t'yRegions',\r\n\t\t\t\t{\r\n\t\t\t\t\twidth: this.width,\r\n\t\t\t\t\tpos: 'right'\r\n\t\t\t\t},\r\n\t\t\t\tfunction() {\r\n\t\t\t\t\treturn this.state.yRegions;\r\n\t\t\t\t}.bind(this)\r\n\t\t\t],\r\n\t\t];\r\n\r\n\t\tlet barDatasets = this.state.datasets.filter(d => d.chartType === 'bar');\r\n\t\tlet lineDatasets = this.state.datasets.filter(d => d.chartType === 'line');\r\n\r\n\t\tlet barsConfigs = barDatasets.map(d => {\r\n\t\t\tlet index = d.index;\r\n\t\t\treturn [\r\n\t\t\t\t'barGraph' + '-' + d.index,\r\n\t\t\t\t{\r\n\t\t\t\t\tindex: index,\r\n\t\t\t\t\tcolor: this.colors[index],\r\n\t\t\t\t\tstacked: this.barOptions.stacked,\r\n\r\n\t\t\t\t\t// same for all datasets\r\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\r\n\t\t\t\t\tminHeight: this.height * MIN_BAR_PERCENT_HEIGHT,\r\n\t\t\t\t},\r\n\t\t\t\tfunction() {\r\n\t\t\t\t\tlet s = this.state;\r\n\t\t\t\t\tlet d = s.datasets[index];\r\n\t\t\t\t\tlet stacked = this.barOptions.stacked;\r\n\r\n\t\t\t\t\tlet spaceRatio = this.barOptions.spaceRatio || BAR_CHART_SPACE_RATIO;\r\n\t\t\t\t\tlet barsWidth = s.unitWidth * (1 - spaceRatio);\r\n\t\t\t\t\tlet barWidth = barsWidth/(stacked ? 1 : barDatasets.length);\r\n\r\n\t\t\t\t\tlet xPositions = s.xAxis.positions.map(x => x - barsWidth/2);\r\n\t\t\t\t\tif(!stacked) {\r\n\t\t\t\t\t\txPositions = xPositions.map(p => p + barWidth * index);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tlet labels = new Array(s.datasetLength).fill('');\r\n\t\t\t\t\tif(this.config.valuesOverPoints) {\r\n\t\t\t\t\t\tif(stacked && d.index === s.datasets.length - 1) {\r\n\t\t\t\t\t\t\tlabels = d.cumulativeYs;\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\tlabels = d.values;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tlet offsets = new Array(s.datasetLength).fill(0);\r\n\t\t\t\t\tif(stacked) {\r\n\t\t\t\t\t\toffsets = d.yPositions.map((y, j) => y - d.cumulativeYPos[j]);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\txPositions: xPositions,\r\n\t\t\t\t\t\tyPositions: d.yPositions,\r\n\t\t\t\t\t\toffsets: offsets,\r\n\t\t\t\t\t\t// values: d.values,\r\n\t\t\t\t\t\tlabels: labels,\r\n\r\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\r\n\t\t\t\t\t\tbarsWidth: barsWidth,\r\n\t\t\t\t\t\tbarWidth: barWidth,\r\n\t\t\t\t\t};\r\n\t\t\t\t}.bind(this)\r\n\t\t\t];\r\n\t\t});\r\n\r\n\t\tlet lineConfigs = lineDatasets.map(d => {\r\n\t\t\tlet index = d.index;\r\n\t\t\treturn [\r\n\t\t\t\t'lineGraph' + '-' + d.index,\r\n\t\t\t\t{\r\n\t\t\t\t\tindex: index,\r\n\t\t\t\t\tcolor: this.colors[index],\r\n\t\t\t\t\tsvgDefs: this.svgDefs,\r\n\t\t\t\t\theatline: this.lineOptions.heatline,\r\n\t\t\t\t\tregionFill: this.lineOptions.regionFill,\r\n\t\t\t\t\tspline: this.lineOptions.spline,\r\n\t\t\t\t\thideDots: this.lineOptions.hideDots,\r\n\t\t\t\t\thideLine: this.lineOptions.hideLine,\r\n\r\n\t\t\t\t\t// same for all datasets\r\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\r\n\t\t\t\t},\r\n\t\t\t\tfunction() {\r\n\t\t\t\t\tlet s = this.state;\r\n\t\t\t\t\tlet d = s.datasets[index];\r\n\t\t\t\t\tlet minLine = s.yAxis.positions[0] < s.yAxis.zeroLine\r\n\t\t\t\t\t\t? s.yAxis.positions[0] : s.yAxis.zeroLine;\r\n\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\txPositions: s.xAxis.positions,\r\n\t\t\t\t\t\tyPositions: d.yPositions,\r\n\r\n\t\t\t\t\t\tvalues: d.values,\r\n\r\n\t\t\t\t\t\tzeroLine: minLine,\r\n\t\t\t\t\t\tradius: this.lineOptions.dotSize || LINE_CHART_DOT_SIZE,\r\n\t\t\t\t\t};\r\n\t\t\t\t}.bind(this)\r\n\t\t\t];\r\n\t\t});\r\n\r\n\t\tlet markerConfigs = [\r\n\t\t\t[\r\n\t\t\t\t'yMarkers',\r\n\t\t\t\t{\r\n\t\t\t\t\twidth: this.width,\r\n\t\t\t\t\tpos: 'right'\r\n\t\t\t\t},\r\n\t\t\t\tfunction() {\r\n\t\t\t\t\treturn this.state.yMarkers;\r\n\t\t\t\t}.bind(this)\r\n\t\t\t]\r\n\t\t];\r\n\r\n\t\tcomponentConfigs = componentConfigs.concat(barsConfigs, lineConfigs, markerConfigs);\r\n\r\n\t\tlet optionals = ['yMarkers', 'yRegions'];\r\n\t\tthis.dataUnitComponents = [];\r\n\r\n\t\tthis.components = new Map(componentConfigs\r\n\t\t\t.filter(args => !optionals.includes(args[0]) || this.state[args[0]])\r\n\t\t\t.map(args => {\r\n\t\t\t\tlet component = getComponent(...args);\r\n\t\t\t\tif(args[0].includes('lineGraph') || args[0].includes('barGraph')) {\r\n\t\t\t\t\tthis.dataUnitComponents.push(component);\r\n\t\t\t\t}\r\n\t\t\t\treturn [args[0], component];\r\n\t\t\t}));\r\n\t}\r\n\r\n\tmakeDataByIndex() {\r\n\t\tthis.dataByIndex = {};\r\n\r\n\t\tlet s = this.state;\r\n\t\tlet formatX = this.config.formatTooltipX;\r\n\t\tlet formatY = this.config.formatTooltipY;\r\n\t\tlet titles = s.xAxis.labels;\r\n\r\n\t\ttitles.map((label, index) => {\r\n\t\t\tlet values = this.state.datasets.map((set, i) => {\r\n\t\t\t\tlet value = set.values[index];\r\n\t\t\t\treturn {\r\n\t\t\t\t\ttitle: set.name,\r\n\t\t\t\t\tvalue: value,\r\n\t\t\t\t\tyPos: set.yPositions[index],\r\n\t\t\t\t\tcolor: this.colors[i],\r\n\t\t\t\t\tformatted: formatY ? formatY(value) : value,\r\n\t\t\t\t};\r\n\t\t\t});\r\n\r\n\t\t\tthis.dataByIndex[index] = {\r\n\t\t\t\tlabel: label,\r\n\t\t\t\tformattedLabel: formatX ? formatX(label) : label,\r\n\t\t\t\txPos: s.xAxis.positions[index],\r\n\t\t\t\tvalues: values,\r\n\t\t\t\tyExtreme: s.yExtremes[index],\r\n\t\t\t};\r\n\t\t});\r\n\t}\r\n\r\n\tbindTooltip() {\r\n\t\t// NOTE: could be in tooltip itself, as it is a given functionality for its parent\r\n\t\tthis.container.addEventListener('mousemove', (e) => {\r\n\t\t\tlet m = this.measures;\r\n\t\t\tlet o = getOffset(this.container);\r\n\t\t\tlet relX = e.pageX - o.left - getLeftOffset(m);\r\n\t\t\tlet relY = e.pageY - o.top;\r\n\r\n\t\t\tif(relY < this.height + getTopOffset(m)\r\n\t\t\t\t&& relY > getTopOffset(m)) {\r\n\t\t\t\tthis.mapTooltipXPosition(relX);\r\n\t\t\t} else {\r\n\t\t\t\tthis.tip.hideTip();\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\tmapTooltipXPosition(relX) {\r\n\t\tlet s = this.state;\r\n\t\tif(!s.yExtremes) return;\r\n\r\n\t\tlet index = getClosestInArray(relX, s.xAxis.positions, true);\r\n\t\tlet dbi = this.dataByIndex[index];\r\n\r\n\t\tthis.tip.setValues(\r\n\t\t\tdbi.xPos + this.tip.offset.x,\r\n\t\t\tdbi.yExtreme + this.tip.offset.y,\r\n\t\t\t{name: dbi.formattedLabel, value: ''},\r\n\t\t\tdbi.values,\r\n\t\t\tindex\r\n\t\t);\r\n\r\n\t\tthis.tip.showTip();\r\n\t}\r\n\r\n\trenderLegend() {\r\n\t\tlet s = this.data;\r\n\t\tif(s.datasets.length > 1) {\r\n\t\t\tthis.legendArea.textContent = '';\r\n\t\t\ts.datasets.map((d, i) => {\r\n\t\t\t\tlet barWidth = AXIS_LEGEND_BAR_SIZE;\r\n\t\t\t\t// let rightEndPoint = this.baseWidth - this.measures.margins.left - this.measures.margins.right;\r\n\t\t\t\t// let multiplier = s.datasets.length - i;\r\n\t\t\t\tlet rect = legendBar(\r\n\t\t\t\t\t// rightEndPoint - multiplier * barWidth,\t// To right align\r\n\t\t\t\t\tbarWidth * i,\r\n\t\t\t\t\t'0',\r\n\t\t\t\t\tbarWidth,\r\n\t\t\t\t\tthis.colors[i],\r\n\t\t\t\t\td.name,\r\n\t\t\t\t\tthis.config.truncateLegends);\r\n\t\t\t\tthis.legendArea.appendChild(rect);\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\r\n\r\n\t// Overlay\r\n\tmakeOverlay() {\r\n\t\tif(this.init) {\r\n\t\t\tthis.init = 0;\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tif(this.overlayGuides) {\r\n\t\t\tthis.overlayGuides.forEach(g => {\r\n\t\t\t\tlet o = g.overlay;\r\n\t\t\t\to.parentNode.removeChild(o);\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\tthis.overlayGuides = this.dataUnitComponents.map(c => {\r\n\t\t\treturn {\r\n\t\t\t\ttype: c.unitType,\r\n\t\t\t\toverlay: undefined,\r\n\t\t\t\tunits: c.units,\r\n\t\t\t};\r\n\t\t});\r\n\r\n\t\tif(this.state.currentIndex === undefined) {\r\n\t\t\tthis.state.currentIndex = this.state.datasetLength - 1;\r\n\t\t}\r\n\r\n\t\t// Render overlays\r\n\t\tthis.overlayGuides.map(d => {\r\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\r\n\r\n\t\t\td.overlay = makeOverlay[d.type](currentUnit);\r\n\t\t\tthis.drawArea.appendChild(d.overlay);\r\n\t\t});\r\n\t}\r\n\r\n\tupdateOverlayGuides() {\r\n\t\tif(this.overlayGuides) {\r\n\t\t\tthis.overlayGuides.forEach(g => {\r\n\t\t\t\tlet o = g.overlay;\r\n\t\t\t\to.parentNode.removeChild(o);\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\tbindOverlay() {\r\n\t\tthis.parent.addEventListener('data-select', () => {\r\n\t\t\tthis.updateOverlay();\r\n\t\t});\r\n\t}\r\n\r\n\tbindUnits() {\r\n\t\tthis.dataUnitComponents.map(c => {\r\n\t\t\tc.units.map(unit => {\r\n\t\t\t\tunit.addEventListener('click', () => {\r\n\t\t\t\t\tlet index = unit.getAttribute('data-point-index');\r\n\t\t\t\t\tthis.setCurrentDataPoint(index);\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t});\r\n\r\n\t\t// Note: Doesn't work as tooltip is absolutely positioned\r\n\t\tthis.tip.container.addEventListener('click', () => {\r\n\t\t\tlet index = this.tip.container.getAttribute('data-point-index');\r\n\t\t\tthis.setCurrentDataPoint(index);\r\n\t\t});\r\n\t}\r\n\r\n\tupdateOverlay() {\r\n\t\tthis.overlayGuides.map(d => {\r\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\r\n\t\t\tupdateOverlay[d.type](currentUnit, d.overlay);\r\n\t\t});\r\n\t}\r\n\r\n\tonLeftArrow() {\r\n\t\tthis.setCurrentDataPoint(this.state.currentIndex - 1);\r\n\t}\r\n\r\n\tonRightArrow() {\r\n\t\tthis.setCurrentDataPoint(this.state.currentIndex + 1);\r\n\t}\r\n\r\n\tgetDataPoint(index=this.state.currentIndex) {\r\n\t\tlet s = this.state;\r\n\t\tlet data_point = {\r\n\t\t\tindex: index,\r\n\t\t\tlabel: s.xAxis.labels[index],\r\n\t\t\tvalues: s.datasets.map(d => d.values[index])\r\n\t\t};\r\n\t\treturn data_point;\r\n\t}\r\n\r\n\tsetCurrentDataPoint(index) {\r\n\t\tlet s = this.state;\r\n\t\tindex = parseInt(index);\r\n\t\tif(index < 0) index = 0;\r\n\t\tif(index >= s.xAxis.labels.length) index = s.xAxis.labels.length - 1;\r\n\t\tif(index === s.currentIndex) return;\r\n\t\ts.currentIndex = index;\r\n\t\tfire(this.parent, \"data-select\", this.getDataPoint());\r\n\t}\r\n\r\n\r\n\r\n\t// API\r\n\taddDataPoint(label, datasetValues, index=this.state.datasetLength) {\r\n\t\tsuper.addDataPoint(label, datasetValues, index);\r\n\t\tthis.data.labels.splice(index, 0, label);\r\n\t\tthis.data.datasets.map((d, i) => {\r\n\t\t\td.values.splice(index, 0, datasetValues[i]);\r\n\t\t});\r\n\t\tthis.update(this.data);\r\n\t}\r\n\r\n\tremoveDataPoint(index = this.state.datasetLength-1) {\r\n\t\tif (this.data.labels.length <= 1) {\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tsuper.removeDataPoint(index);\r\n\t\tthis.data.labels.splice(index, 1);\r\n\t\tthis.data.datasets.map(d => {\r\n\t\t\td.values.splice(index, 1);\r\n\t\t});\r\n\t\tthis.update(this.data);\r\n\t}\r\n\r\n\tupdateDataset(datasetValues, index=0) {\r\n\t\tthis.data.datasets[index].values = datasetValues;\r\n\t\tthis.update(this.data);\r\n\t}\r\n\t// addDataset(dataset, index) {}\r\n\t// removeDataset(index = 0) {}\r\n\r\n\tupdateDatasets(datasets) {\r\n\t\tthis.data.datasets.map((d, i) => {\r\n\t\t\tif(datasets[i]) {\r\n\t\t\t\td.values = datasets[i];\r\n\t\t\t}\r\n\t\t});\r\n\t\tthis.update(this.data);\r\n\t}\r\n\r\n\t// updateDataPoint(dataPoint, index = 0) {}\r\n\t// addDataPoint(dataPoint, index = 0) {}\r\n\t// removeDataPoint(index = 0) {}\r\n}\r\n","import AggregationChart from './AggregationChart';\r\nimport { getComponent } from '../objects/ChartComponents';\r\nimport { getOffset } from '../utils/dom';\r\nimport { getPositionByAngle } from '../utils/helpers';\r\nimport { makeArcStrokePathStr, makeStrokeCircleStr } from '../utils/draw';\r\nimport { lightenDarkenColor } from '../utils/colors';\r\nimport { transform } from '../utils/animation';\r\nimport { FULL_ANGLE } from '../utils/constants';\r\n\r\nexport default class DonutChart extends AggregationChart {\r\n\tconstructor(parent, args) {\r\n\t\tsuper(parent, args);\r\n\t\tthis.type = 'donut';\r\n\t\tthis.initTimeout = 0;\r\n\t\tthis.init = 1;\r\n\r\n\t\tthis.setup();\r\n\t}\r\n\r\n\tconfigure(args) {\r\n\t\tsuper.configure(args);\r\n\t\tthis.mouseMove = this.mouseMove.bind(this);\r\n\t\tthis.mouseLeave = this.mouseLeave.bind(this);\r\n\r\n\t\tthis.hoverRadio = args.hoverRadio || 0.1;\r\n\t\tthis.config.startAngle = args.startAngle || 0;\r\n\r\n\t\tthis.clockWise = args.clockWise || false;\r\n\t\tthis.strokeWidth = args.strokeWidth || 30;\r\n\t}\r\n\r\n\tcalc() {\r\n\t\tsuper.calc();\r\n\t\tlet s = this.state;\r\n\t\tthis.radius =\r\n\t\t\tthis.height > this.width\r\n\t\t\t\t? this.center.x - this.strokeWidth / 2\r\n\t\t\t\t: this.center.y - this.strokeWidth / 2;\r\n\r\n\t\tconst { radius, clockWise } = this;\r\n\r\n\t\tconst prevSlicesProperties = s.slicesProperties || [];\r\n\t\ts.sliceStrings = [];\r\n\t\ts.slicesProperties = [];\r\n\t\tlet curAngle = 180 - this.config.startAngle;\r\n\r\n\t\ts.sliceTotals.map((total, i) => {\r\n\t\t\tconst startAngle = curAngle;\r\n\t\t\tconst originDiffAngle = (total / s.grandTotal) * FULL_ANGLE;\r\n\t\t\tconst largeArc = originDiffAngle > 180 ? 1: 0;\r\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\r\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\r\n\t\t\tconst startPosition = getPositionByAngle(startAngle, radius);\r\n\t\t\tconst endPosition = getPositionByAngle(endAngle, radius);\r\n\r\n\t\t\tconst prevProperty = this.init && prevSlicesProperties[i];\r\n\r\n\t\t\tlet curStart,curEnd;\r\n\t\t\tif(this.init) {\r\n\t\t\t\tcurStart = prevProperty ? prevProperty.startPosition : startPosition;\r\n\t\t\t\tcurEnd = prevProperty ? prevProperty.endPosition : startPosition;\r\n\t\t\t} else {\r\n\t\t\t\tcurStart = startPosition;\r\n\t\t\t\tcurEnd = endPosition;\r\n\t\t\t}\r\n\t\t\tconst curPath =\r\n\t\t\t\toriginDiffAngle === 360\r\n\t\t\t\t\t? makeStrokeCircleStr(curStart, curEnd, this.center, this.radius, this.clockWise, largeArc)\r\n\t\t\t\t\t: makeArcStrokePathStr(curStart, curEnd, this.center, this.radius, this.clockWise, largeArc);\r\n\r\n\t\t\ts.sliceStrings.push(curPath);\r\n\t\t\ts.slicesProperties.push({\r\n\t\t\t\tstartPosition,\r\n\t\t\t\tendPosition,\r\n\t\t\t\tvalue: total,\r\n\t\t\t\ttotal: s.grandTotal,\r\n\t\t\t\tstartAngle,\r\n\t\t\t\tendAngle,\r\n\t\t\t\tangle: diffAngle\r\n\t\t\t});\r\n\r\n\t\t});\r\n\t\tthis.init = 0;\r\n\t}\r\n\r\n\tsetupComponents() {\r\n\t\tlet s = this.state;\r\n\r\n\t\tlet componentConfigs = [\r\n\t\t\t[\r\n\t\t\t\t'donutSlices',\r\n\t\t\t\t{ },\r\n\t\t\t\tfunction() {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tsliceStrings: s.sliceStrings,\r\n\t\t\t\t\t\tcolors: this.colors,\r\n\t\t\t\t\t\tstrokeWidth: this.strokeWidth,\r\n\t\t\t\t\t};\r\n\t\t\t\t}.bind(this)\r\n\t\t\t]\r\n\t\t];\r\n\r\n\t\tthis.components = new Map(componentConfigs\r\n\t\t\t.map(args => {\r\n\t\t\t\tlet component = getComponent(...args);\r\n\t\t\t\treturn [args[0], component];\r\n\t\t\t}));\r\n\t}\r\n\r\n\tcalTranslateByAngle(property){\r\n\t\tconst{ radius, hoverRadio } = this;\r\n\t\tconst position = getPositionByAngle(property.startAngle+(property.angle / 2),radius);\r\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\r\n\t}\r\n\r\n\thoverSlice(path,i,flag,e){\r\n\t\tif(!path) return;\r\n\t\tconst color = this.colors[i];\r\n\t\tif(flag) {\r\n\t\t\ttransform(path, this.calTranslateByAngle(this.state.slicesProperties[i]));\r\n\t\t\tpath.style.stroke = lightenDarkenColor(color, 50);\r\n\t\t\tlet g_off = getOffset(this.svg);\r\n\t\t\tlet x = e.pageX - g_off.left + 10;\r\n\t\t\tlet y = e.pageY - g_off.top - 10;\r\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length > 0\r\n\t\t\t\t? this.formatted_labels[i] : this.state.labels[i]) + ': ';\r\n\t\t\tlet percent = (this.state.sliceTotals[i] * 100 / this.state.grandTotal).toFixed(1);\r\n\t\t\tthis.tip.setValues(x, y, {name: title, value: percent + \"%\"});\r\n\t\t\tthis.tip.showTip();\r\n\t\t} else {\r\n\t\t\ttransform(path,'translate3d(0,0,0)');\r\n\t\t\tthis.tip.hideTip();\r\n\t\t\tpath.style.stroke = color;\r\n\t\t}\r\n\t}\r\n\r\n\tbindTooltip() {\r\n\t\tthis.container.addEventListener('mousemove', this.mouseMove);\r\n\t\tthis.container.addEventListener('mouseleave', this.mouseLeave);\r\n\t}\r\n\r\n\tmouseMove(e){\r\n\t\tconst target = e.target;\r\n\t\tlet slices = this.components.get('donutSlices').store;\r\n\t\tlet prevIndex = this.curActiveSliceIndex;\r\n\t\tlet prevAcitve = this.curActiveSlice;\r\n\t\tif(slices.includes(target)) {\r\n\t\t\tlet i = slices.indexOf(target);\r\n\t\t\tthis.hoverSlice(prevAcitve, prevIndex,false);\r\n\t\t\tthis.curActiveSlice = target;\r\n\t\t\tthis.curActiveSliceIndex = i;\r\n\t\t\tthis.hoverSlice(target, i, true, e);\r\n\t\t} else {\r\n\t\t\tthis.mouseLeave();\r\n\t\t}\r\n\t}\r\n\r\n\tmouseLeave(){\r\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\r\n\t}\r\n}\r\n"],"names":["styleInject","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","$","expr","con","querySelector","getOffset","element","rect","getBoundingClientRect","top","documentElement","scrollTop","body","left","scrollLeft","isElementInViewport","el","bottom","window","innerHeight","clientHeight","right","innerWidth","clientWidth","getElementContentWidth","styles","getComputedStyle","padding","parseFloat","paddingLeft","paddingRight","fire","target","properties","evt","createEvent","initEvent","j","dispatchEvent","getTopOffset","m","titleHeight","margins","paddings","getLeftOffset","getExtraHeight","legendHeight","getExtraWidth","floatTwo","d","toFixed","fillArray","array","count","start","length","fillerArray","Array","Math","abs","fill","concat","getStringWidth","string","charWidth","getPositionByAngle","angle","radius","sin","ANGLE_RATIO","cos","getBarHeightAndYAttr","yTop","zeroLine","height","y","equilizeNoOfElements","array1","array2","extraCount","truncateString","txt","len","slice","shortenLargeNumber","label","number","Number","isNaN","p","floor","log10","l","shortened","pow","round","createSplineCurve","xList","yList","points","i","push","line","pointA","pointB","lengthX","lengthY","sqrt","atan2","controlPoint","current","previous","next","reverse","o","PI","command","reduce","acc","point","a","cps","cpe","limitColor","r","lightenDarkenColor","color","amt","col","getColor","usePound","num","parseInt","b","g","toString","isValidColor","test","createSVG","tag","createElementNS","val","parentNode","keys","map","prop","setAttribute","renderVerticalGradient","svgDefElem","gradientId","setGradientStop","gradElem","offset","opacity","makeSVGContainer","parent","className","width","makeSVGDefs","svgContainer","makeSVGGroup","transform","undefined","args","inside","makePath","pathStr","makeArcPathStr","startPosition","endPosition","center","clockWise","largeArc","arcStartX","x","arcStartY","arcEndX","arcEndY","makeCircleStr","midArc","makeArcStrokePathStr","makeStrokeCircleStr","makeGradient","lighter","gradientDef","opacities","percentageBar","depth","PERCENTAGE_BAR_DEFAULT_DEPTH","heatSquare","size","data","key","legendBar","LABEL_MAX_CHARS","text","FONT_SIZE","FONT_FILL","group","legendDot","makeText","content","options","fontSize","dy","textAnchor","makeVertLine","y1","y2","stroke","BASE_LINE_COLOR","LABEL_MARGIN","makeHoriLine","x1","x2","lineType","shortenNumbers","yLine","pos","mode","AXIS_TICK_LENGTH","xLine","yMarker","labelPos","labelSvg","yRegion","region","datasetBar","index","meta","minHeight","datasetDot","dot","getPaths","pointsStr","join","spline","path","heatline","gradient_id","svgDefs","paths","regionFill","gradient_id_region","translate","unit","oldCoord","newCoord","duration","old","STD_EASING","translateVertLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","animateBar","bar","nodeName","UNIT_ANIM_DUR","split","animateDot","cx","cy","animatePath","newXList","newYList","pathComponents","animPath","PATH_ANIM_DUR","regStartPt","regEndPt","animRegion","animatePathStr","oldPath","animateSVGElement","props","dur","easingType","oldValues","animElement","cloneNode","newElement","attributeName","animateElement","currentValue","value","animAttr","EASING","webkitTransform","msTransform","mozTransform","oTransform","animateSVG","elements","newElements","animElements","replaceChild","animSvg","runSMILAnimation","svgElement","elementsToAnimate","animSvgElement","removeChild","REPLACE_ALL_NEW_DUR","downloadFile","filename","blob","Blob","url","URL","createObjectURL","href","download","click","revokeObjectURL","prepareForExport","svg","clone","classList","add","styleEl","create","CSSTEXT","container","innerHTML","treatAsUtc","date","result","Date","setMinutes","getMinutes","getTimezoneOffset","getYyyyMmDd","dd","getDate","mm","getMonth","getFullYear","getTime","getWeeksBetween","startDate","endDate","weekStartDate","setDayToSunday","ceil","getDaysBetween","NO_OF_DAYS_IN_WEEK","millisecondsPerDay","SEC_IN_DAY","NO_OF_MILLIS","areInSameMonth","getMonthName","short","monthName","MONTH_NAMES","getLastDateInMonth","month","year","newDate","day","getDay","addDays","numberOfDays","setDate","getComponent","name","constants","getData","Object","componentConfigs","filter","includes","k","config","assign","ChartComponent","normalize","mantissa","exponent","sig","isFinite","exp","getChartRangeIntervals","max","min","upperBound","lowerBound","range","noOfParts","partSize","intervals","getChartIntervals","maxValue","minValue","normalMaxValue","normalMinValue","calcChartIntervals","values","getPositiveFirstIntervals","absMinValue","intervalSize","unshift","withMinimum","pseudoMaxValue","pseudoMinValue","getZeroIndex","yPts","interval","getIntervalSize","indexOf","orderedArray","getValueRange","scale","yAxis","scaleMultiplier","getClosestInArray","goal","arr","closest","prev","curr","calcDistribution","distributionSize","dataMaxValue","distributionStep","distribution","checkpoint","getMaxCheckpoint","dataPrep","labels","datasetLength","datasets","zeroArray","vals","chartType","AXIS_DATASET_CHART_TYPES","yRegions","end","zeroDataPrep","realData","zeroData","yMarkers","getShortenedLabels","chartWidth","isSeries","allowedSpace","allowedLetters","DEFAULT_CHAR_WIDTH","getChartByType","AxisChart","chartTypes","error","BASE_MEASURES","INIT_CHART_UPDATE_TIMEOUT","CHART_POST_ANIMATE_TIMEOUT","DEFAULT_AXIS_CHART_TYPE","AXIS_LEGEND_BAR_SIZE","BAR_CHART_SPACE_RATIO","MIN_BAR_PERCENT_HEIGHT","LINE_CHART_DOT_SIZE","DOT_OVERLAY_SIZE_INCR","PERCENTAGE_BAR_DEFAULT_HEIGHT","HEATMAP_DISTRIBUTION_SIZE","HEATMAP_SQUARE_SIZE","HEATMAP_GUTTER_SIZE","TOOLTIP_POINTER_TRIANGLE_HEIGHT","DEFAULT_CHART_COLORS","HEATMAP_COLORS_GREEN","DEFAULT_COLORS","FULL_ANGLE","SvgTip","colors","titleName","titleValue","listValues","titleValueFirst","setup","makeTooltip","calcPosition","this","hideTip","title","dataPointList","addEventListener","set","_this2","formatted","li","offsetWidth","offsetHeight","maxLeft","pointer","pointerOffset","valueFirst","refresh","PRESET_COLOR_MAP","makeOverlay","transformValue","overlay","updateOverlay","attributes","attr","specified","nodeValue","BaseChart","HTMLElement","Error","rawChartArgs","prepareData","prepareFirstData","validateColors","isNavigable","truncateLegends","measures","JSON","parse","stringify","setMeasures","showLegend","argHeight","baseHeight","state","initTimeout","overlays","configure","validColors","forEach","warn","boundDrawFn","_this","draw","removeEventListener","makeContainer","updateWidth","independentWidth","tip","bindTooltip","onlyWidthChange","init","calc","makeChartArea","setupComponents","components","c","drawArea","render","update","renderLegend","setupNavigation","baseWidth","titleEL","titleFontSize","legendArea","updateTipOffset","Map","animate","make","updateNav","bindUnits","bindOverlay","keyActions","onEnterKey","bind","onLeftArrow","onUpArrow","onRightArrow","onDownArrow","e","_this4","event","keyCode","chartSvg","AggregationChart","maxSlices","maxLegendPoints","s","sliceTotals","allTotals","total","totals","sort","sumOfRemaining","grandTotal","textContent","legendTotals","barWidth","divisor","_this3","NO_OF_YEAR_MONTHS","DAY_NAMES_SHORT","layerClass","layerTransform","makeElements","animateElements","store","layer","oldData","sliceStrings","strokeWidth","transition","newData","xPositions","widths","barHeight","barDepth","positions","position","newPos","newLabels","oldPos","oldLabels","calcLabels","_this5","newOptions","startPos","endPos","_this6","newStarts","oldStarts","colWidth","rowHeight","squareSize","xTranslate","serializedSubDomains","cols","week","weekNo","toUpperCase","yyyyMmDd","dataValue","square","unitType","units","yPositions","offsets","barsWidth","newXPos","newYPos","newOffsets","oldXPos","oldYPos","oldOffsets","hideLine","hideDots","valuesOverPoints","newValues","PercentageChart","barOptions","component","xPos","bars","get","gOff","pOff","formattedLabels","fraction","setValues","showTip","PieChart","mouseMove","mouseLeave","hoverRadio","startAngle","prevSlicesProperties","slicesProperties","curAngle","originDiffAngle","diffAngle","endAngle","prevProperty","curStart","curEnd","curPath","property","flag","calTranslateByAngle","g_off","pageX","pageY","formatted_labels","percent","slices","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","COL_WIDTH","ROW_HEIGHT","Heatmap","countLabel","validStarts","startSubDomain","startSubDomainIndex","discreteDomains","spacing","noOfWeeks","setFullYear","dataPoints","timestampSec","firstWeekStart","domainConfigs","getDomains","lessCol","dayName","dayText","daySquares","comp","daySquare","dateParts","lessText","moreText","startMonth","startYear","noOfMonths","startOfMonth","getDomainConfig","startOfWeek","domainConfig","noOfMonthWeeks","getCol","empty","currentDate","currentDateWithinData","getSubDomainConfig","lineOptions","axisOptions","tooltipOptions","xAxisMode","yAxisMode","xIsSeries","shortenYAxisNumbers","formatTooltipX","formatTooltipY","calcXPositions","calcYAxisParameters","getAllYValues","makeDataByIndex","unitWidth","xOffset","xAxis","dataValues","intervalHeight","calcDatasetPoints","calcYExtremes","calcYRegions","scaleAll","cumulativeYs","stacked","yExtremes","cumulativeYPos","cumulative","allValueLists","barDatasets","lineDatasets","barsConfigs","spaceRatio","lineConfigs","minLine","dotSize","markerConfigs","optionals","dataUnitComponents","dataByIndex","formatX","formatY","relX","relY","mapTooltipXPosition","dbi","yExtreme","formattedLabel","overlayGuides","currentIndex","currentUnit","_this7","setCurrentDataPoint","_this9","_this10","getDataPoint","datasetValues","splice","DonutChart","Chart"],"mappings":"YAAA,SAASA,aAAYC,EAAKC,OACX,KAARA,IAAiBA,KACtB,IAAIC,GAAWD,EAAIC,QAEnB,IAAKF,GAA2B,mBAAbG,UAAnB,CAEA,GAAIC,GAAOD,SAASC,MAAQD,SAASE,qBAAqB,QAAQ,GAC9DC,EAAQH,SAASI,cAAc,QACnCD,GAAME,KAAO,WAEI,QAAbN,GACEE,EAAKK,WACPL,EAAKM,aAAaJ,EAAOF,EAAKK,YAKhCL,EAAKO,YAAYL,GAGfA,EAAMM,WACRN,EAAMM,WAAWC,QAAUb,EAE3BM,EAAMK,YAAYR,SAASW,eAAed,KCvB9C,QAAgBe,GAAEC,EAAMC,SACA,gBAATD,IAAoBC,GAAOd,UAAUe,cAAcF,GAAQA,GAAQ,KA4ClF,QAAgBG,WAAUC,MACrBC,GAAOD,EAAQE,mCAKbD,EAAKE,KAAOpB,SAASqB,gBAAgBC,WAAatB,SAASuB,KAAKD,gBAC/DJ,EAAKM,MAAQxB,SAASqB,gBAAgBI,YAAczB,SAASuB,KAAKE,aAI1E,QAAgBC,qBAAoBC,MAE/BT,GAAOS,EAAGR,8BAGbD,GAAKE,KAAO,GACNF,EAAKM,MAAQ,GACbN,EAAKU,SAAWC,OAAOC,aAAe9B,SAASqB,gBAAgBU,iBAC1DC,QAAUH,OAAOI,YAAcjC,SAASqB,gBAAgBa,aAIrE,QAAgBC,wBAAuBlB,MAClCmB,GAASP,OAAOQ,iBAAiBpB,GACjCqB,EAAUC,WAAWH,EAAOI,aAC/BD,WAAWH,EAAOK,oBAEZxB,GAAQiB,YAAcI,EA2B9B,QAAgBI,MAAKC,EAAQtC,EAAMuC,MAC9BC,GAAM7C,SAAS8C,YAAY,gBAE3BC,UAAU1C,GAAM,GAAM,OAErB,GAAI2C,KAAKJ,KACTI,GAAKJ,EAAWI,SAGdL,GAAOM,cAAcJ,GCtE7B,QAAgBK,cAAaC,SACrBA,GAAEC,YAAcD,EAAEE,QAAQjC,IAAM+B,EAAEG,SAASlC,IAGnD,QAAgBmC,eAAcJ,SACtBA,GAAEE,QAAQ7B,KAAO2B,EAAEG,SAAS9B,KAGpC,QAAgBgC,gBAAeL,SACPA,GAAEE,QAAQjC,IAAM+B,EAAEE,QAAQzB,OAC9CuB,EAAEG,SAASlC,IAAM+B,EAAEG,SAAS1B,OAC5BuB,EAAEC,YAAcD,EAAEM,aAItB,QAAgBC,eAAcP,SACPA,GAAEE,QAAQ7B,KAAO2B,EAAEE,QAAQrB,MAC9CmB,EAAEG,SAAS9B,KAAO2B,EAAEG,SAAStB,oHClDjC,QAAgB2B,UAASC,SACjBrB,YAAWqB,EAAEC,QAAQ,IAyC7B,QAAgBC,WAAUC,EAAOC,EAAO/C,MAASgD,0DAC5ChD,OACOgD,EAAQF,EAAM,GAAKA,EAAMA,EAAMG,OAAS,OAE/CC,GAAc,GAAIC,OAAMC,KAAKC,IAAIN,IAAQO,KAAKtD,YAC1CgD,EAAQE,EAAYK,OAAOT,GAASA,EAAMS,OAAOL,GAS1D,QAAgBM,gBAAeC,EAAQC,UAC9BD,EAAO,IAAIR,OAASS,EAyB7B,QAAgBC,oBAAmBC,EAAOC,YAErCT,KAAKU,IAAIF,EAAQG,aAAeF,IAChCT,KAAKY,IAAIJ,EAAQG,aAAeF,WCzFrBI,sBAAqBC,EAAMC,MACtCC,UAAQC,eACRH,IAAQC,KACFA,EAAWD,IAChBA,MAEKA,EAAOC,IACZA,IAGGC,EAAQC,GAGjB,QAAgBC,sBAAqBC,EAAQC,MAC5CC,0DAAaD,EAAOvB,OAASsB,EAAOtB,aAGjCwB,GAAa,IACN5B,UAAU0B,EAAQE,KAElB5B,UAAU2B,EAAQC,IAEpBF,EAAQC,GAGjB,QAAgBE,gBAAeC,EAAKC,MAC9BD,QAGDA,GAAI1B,OAAS2B,EACTD,EAAIE,MAAM,EAAGD,EAAI,GAAK,MAEtBD,EAIT,QAAgBG,oBAAmBC,MAC9BC,aACiB,gBAAVD,GAAoBC,EAASD,MACnC,IAAqB,gBAAVA,OACNE,OAAOF,GACZE,OAAOC,MAAMF,IAAS,MAAOD,MAI9BI,GAAI/B,KAAKgC,MAAMhC,KAAKiC,MAAMjC,KAAKC,IAAI2B,QACnCG,GAAK,EAAG,MAAOH,MACfM,GAAIlC,KAAKgC,MAAMD,EAAI,GACnBI,EAAanC,KAAKoC,IAAI,GAAIL,EAAQ,EAAJG,KAAWN,EAAS5B,KAAKoC,IAAI,GAAIL,IAAIvC,QAAQ,SAGxEQ,MAAKqC,MAAgB,IAAVF,GAAe,IAAM,KAAO,GAAI,IAAK,IAAK,IAAK,KAAKD,GAIvE,QAAgBI,mBAAkBC,EAAOC,OAGpC,GADAC,MACIC,EAAE,EAAEA,EAAEH,EAAM1C,OAAO6C,MACnBC,MAAMJ,EAAMG,GAAIF,EAAME,QAI1BE,GAAO,SAACC,EAAQC,MACfC,GAAUD,EAAO,GAAKD,EAAO,GAC7BG,EAAUF,EAAO,GAAKD,EAAO,iBAExB7C,KAAKiD,KAAKjD,KAAKoC,IAAIW,EAAS,GAAK/C,KAAKoC,IAAIY,EAAS,UACpDhD,KAAKkD,MAAMF,EAASD,KAIzBI,EAAe,SAACC,EAASC,EAAUC,EAAMC,MAGxCC,GAAIZ,EAFAS,GAAYD,EACZE,GAAQF,GAEZ5C,EAAQgD,EAAEhD,OAAS+C,EAAUvD,KAAKyD,GAAK,GACvC5D,EAfW,GAeF2D,EAAE3D,cACPuD,EAAQ,GAAKpD,KAAKY,IAAIJ,GAASX,EAC/BuD,EAAQ,GAAKpD,KAAKU,IAAIF,GAASX,UAUzB,UAAC4C,EAAQiB,SAChBjB,GAAOkB,OAAO,SAACC,EAAKC,EAAOnB,EAAGoB,SAAY,KAANpB,EACrCmB,EAAM,OAAMA,EAAM,GAClBD,MAAOF,EAAQG,EAAOnB,EAAGoB,IAAM,KAGtBrB,EAZI,SAACoB,EAAOnB,EAAGoB,MAC1BC,GAAMZ,EAAaW,EAAEpB,EAAI,GAAIoB,EAAEpB,EAAI,GAAImB,GACvCG,EAAMb,EAAaU,EAAOC,EAAEpB,EAAI,GAAIoB,EAAEpB,EAAI,IAAI,cACtCqB,EAAI,OAAMA,EAAI,OAAMC,EAAI,OAAMA,EAAI,OAAMH,EAAM,OAAMA,EAAM,KCvExE,QAASI,YAAWC,SACfA,GAAI,IAAY,IACXA,EAAI,EAAU,EAChBA,EAGR,QAAgBC,oBAAmBC,EAAOC,MACrCC,GAAMC,SAASH,GACfI,GAAW,CACD,MAAVF,EAAI,OACDA,EAAI7C,MAAM,MACL,MAERgD,GAAMC,SAASJ,EAAI,IACnBJ,EAAID,YAAYQ,GAAO,IAAMJ,GAC7BM,EAAIV,YAAaQ,GAAO,EAAK,KAAUJ,GACvCO,EAAIX,YAAkB,IAANQ,GAAkBJ,UAC9BG,EAAS,IAAI,KAAOI,EAAKD,GAAK,EAAMT,GAAK,IAAKW,SAAS,IAGhE,QAAgBC,cAAazE,8CAEgB0E,KAAK1E,GC3BlD,QAAS9D,KAAEC,EAAMC,SACO,gBAATD,IAAoBC,GAAOd,UAAUe,cAAcF,GAAQA,GAAQ,KAGlF,QAAgBwI,WAAUC,EAAKzB,MAC1B5G,GAAUjB,SAASuJ,gBAAgB,6BAA8BD,OAEhE,GAAIvC,KAAKc,GAAG,IACZ2B,GAAM3B,EAAEd,MAEF,WAANA,MACDyC,GAAKhJ,YAAYS,OAEf,IAAU,WAAN8F,EAAgB,IACpBjH,GAAMc,IAAE4I,KACRC,WAAWlJ,aAAaU,EAASnB,KAC7BU,YAAYV,OAEJ,WAANiH,EACQ,qBAARyC,wBAAAA,YACFE,KAAKF,GAAKG,IAAI,cACZxJ,MAAMyJ,GAAQJ,EAAII,MAInB,cAAN7C,MAAyB,SACnB,cAANA,IACF,YAAyByC,IAEjBK,aAAa9C,EAAGyC,UAKpBvI,GAGR,QAAS6I,wBAAuBC,EAAYC,SACpCX,WAAU,yBACRU,KACJC,KACA,KACA,KACA,KACA,IAIN,QAASC,iBAAgBC,EAAUC,EAAQ1B,EAAO2B,SAC1Cf,WAAU,eACNa,uBACczB,SACd0B,iBACMC,IAIlB,QAAgBC,kBAAiBC,EAAQC,EAAWC,EAAOnF,SACnDgE,WAAU,iBACLkB,SACHD,QACDE,SACCnF,IAIV,QAAgBoF,aAAYC,SACpBrB,WAAU,eACRqB,IAIV,QAAgBC,cAAaJ,MAAWK,0DAAU,GAAIN,6DAAOO,GACxDC,aACQP,YACAK,SAETN,KAAQQ,EAAKC,OAAST,GAClBjB,UAAU,IAAKyB,GAWvB,QAAgBE,UAASC,SACjB5B,WAAU,yEAD0B,KAGvC4B,wEAHkD,mEAAa,6EAAoB,KAYxF,QAAgBC,gBAAeC,EAAeC,EAAaC,EAAQvG,MAAQwG,0DAAU,EAAGC,yDAAS,EAC3FC,EAAyBH,EAAOI,EAAIN,EAAcM,EAAvCC,EAA0CL,EAAO/F,EAAI6F,EAAc7F,EAC9EqG,EAAqBN,EAAOI,EAAIL,EAAYK,EAAnCG,EAAsCP,EAAO/F,EAAI8F,EAAY9F,YAChE+F,EAAOI,MAAKJ,EAAO/F,YAC1BkG,MAAaE,aACZ5G,MAAUA,QAAYyG,OAAYD,EAAY,EAAI,YACpDK,MAAWC,OAGf,QAAgBC,eAAcV,EAAeC,EAAaC,EAAQvG,MAAQwG,0DAAU,EAAGC,yDAAS,EAC1FC,EAAyBH,EAAOI,EAAIN,EAAcM,EAAvCC,EAA0CL,EAAO/F,EAAI6F,EAAc7F,EAC9EqG,EAA6BN,EAAOI,EAAIL,EAAYK,EAA3CK,EAAyD,EAAXT,EAAO/F,EAA7CsG,EAAoDP,EAAO/F,EAAI8F,EAAY9F,YACtF+F,EAAOI,MAAKJ,EAAO/F,YAC1BkG,MAAaE,aACZ5G,MAAUA,QAAYyG,OAAYD,EAAY,EAAI,YACpDK,MAAWG,cACVN,MAAaM,aACZhH,MAAUA,QAAYyG,OAAYD,EAAY,EAAI,YACpDK,MAAWC,OAGf,QAAgBG,sBAAqBZ,EAAeC,EAAaC,EAAQvG,MAAQwG,0DAAU,EAAGC,yDAAS,EACjGC,EAAyBH,EAAOI,EAAIN,EAAcM,EAAvCC,EAA0CL,EAAO/F,EAAI6F,EAAc7F,EAC9EqG,EAAqBN,EAAOI,EAAIL,EAAYK,EAAnCG,EAAsCP,EAAO/F,EAAI8F,EAAY9F,YAEhEkG,MAAaE,aACnB5G,MAAUA,QAAYyG,OAAYD,EAAY,EAAI,YACpDK,MAAWC,EAGf,QAAgBI,qBAAoBb,EAAeC,EAAaC,EAAQvG,MAAQwG,0DAAU,EAAGC,yDAAS,EAChGC,EAAyBH,EAAOI,EAAIN,EAAcM,EAAvCC,EAA0CL,EAAO/F,EAAI6F,EAAc7F,EAC9EqG,EAA6BN,EAAOI,EAAIL,EAAYK,EAA3CK,EAAuD,EAAThH,EAAa4G,EAAnDE,EAA8DP,EAAO/F,EAAI6F,EAAc7F,YAElGkG,MAAaE,aACnB5G,MAAUA,QAAYyG,OAAYD,EAAY,EAAI,YACpDK,MAAWG,YACVN,MAAaM,aACZhH,MAAUA,QAAYyG,OAAYD,EAAY,EAAI,YACpDK,MAAWC,EAGf,QAAgBK,cAAalC,EAAYtB,MAAOyD,2DAC3ClC,EAAY,sBAA6BvB,EAAQ,KAAMyD,EAAU,UAAY,WAC7EC,EAAcrC,uBAAuBC,EAAYC,GACjDoC,GAAa,EAAG,GAAK,UACtBF,QACW,GAAK,GAAK,oBAGRC,EAAa,KAAM1D,EAAO2D,EAAU,oBACpCD,EAAa,MAAO1D,EAAO2D,EAAU,oBACrCD,EAAa,OAAQ1D,EAAO2D,EAAU,IAE/CpC,EAGR,QAAgBqC,eAAcZ,EAAGnG,EAAGkF,EAAOnF,MAC1CiH,0DAAMC,6BAA8BhI,yDAAK,aAkBlC8E,WAAU,kBAfL,mBACRoC,IACAnG,QACIkF,SACCnF,OACFd,iBAEKiE,mBAAmBjE,GAAO,8BAGVc,EAASmF,QAAUA,OAAUnF,iBACvCiH,KAOnB,QAAgBE,YAAWjC,EAAWkB,EAAGnG,EAAGmH,MAAMlI,0DAAK,OAAQmI,4DAC1D5B,aACQP,IACRkB,IACAnG,QACImH,SACCA,OACFlI,iBAGAmF,KAAKgD,GAAM/C,IAAI,cAChBgD,GAAOD,EAAKC,KAGXtD,UAAU,OAAQyB,GAG1B,QAAgB8B,WAAUnB,EAAGnG,EAAGmH,MAAMlI,0DAAK,OAAQyB,yEAC/BL,eAAeK,EAAO6G,iBAAmB7G,KAExD8E,cACQ,eACR,IACA,QACI2B,SACC,WACFlI,GAEHuI,EAAOzD,UAAU,kBACT,wBACR,IACA,KACc,EAAZ0D,UAAiB,iBACI,IAAZA,UAAmB,mBAClB,aACTC,oBACKhH,IAGRiH,EAAQ5D,UAAU,4BACGoC,OAAMnG,iBAEzB9E,YAAY6I,UAAU,OAAQyB,MAC9BtK,YAAYsM,GAEXG,EAGR,QAAgBC,WAAUzB,EAAGnG,EAAGmH,MAAMlI,0DAAK,OAAQyB,eAC9C8E,aACQ,gBACP,KACA,IACD2B,OACGlI,GAEHuI,EAAOzD,UAAU,kBACT,wBACR,IACA,KACE0D,UAAa,QACbA,UAAU,EAAK,iBACM,IAAZA,UAAmB,mBAClB,aACTC,oBACKhH,IAGRiH,EAAQ5D,UAAU,4BACGoC,OAAMnG,iBAEzB9E,YAAY6I,UAAU,SAAUyB,MAChCtK,YAAYsM,GAEXG,EAGR,QAAgBE,UAAS5C,EAAWkB,EAAGnG,EAAG8H,MAASC,6DAC9CC,EAAWD,EAAQC,UAAYP,gBAI5B1D,WAAU,kBACLkB,IACRkB,IACAnG,UANoBuF,KAAfwC,EAAQE,GAAmBF,EAAQE,GAAMD,EAAW,GAOnD,iBACIA,EAAW,UAPdD,EAAQ9I,MAAQyI,wBACVK,EAAQG,YAAc,kBAS3BJ,IAIb,QAASK,cAAahC,EAAGzF,EAAO0H,EAAIC,MAAIN,4DACnCA,GAAQO,SAAQP,EAAQO,OAASC,oBACjCtH,GAAI8C,UAAU,kBACN,iBAAmBgE,EAAQ9C,aAClC,KACA,KACAmD,KACAC,iBAEKN,EAAQO,UAIdd,EAAOzD,UAAU,UACjB,IACAqE,EAAKC,EAAKD,EAAKI,aAAeJ,EAAKI,aAAef,aACjDA,UAAY,iBACHA,UAAY,mBACV,mBACJ/G,EAAQ,KAGhBiB,EAAOoC,UAAU,4BACKoC,oBAGrBjL,YAAY+F,KACZ/F,YAAYsM,GAEV7F,EAGR,QAAS8G,cAAazI,EAAGU,EAAOgI,EAAIC,MAAIZ,4DACnCA,GAAQO,SAAQP,EAAQO,OAASC,iBACjCR,EAAQa,WAAUb,EAAQa,SAAW,IACrCb,EAAQc,iBAAgBnI,EAAQD,mBAAmBC,OAKnDO,GAAI8C,UAAU,kBAHF,mBAAqBgE,EAAQ9C,WACtB,WAArB8C,EAAQa,SAAwB,SAAU,OAIvCF,KACAC,KACA,KACA,iBAEKZ,EAAQO,UAIdd,EAAOzD,UAAU,UACjB2E,EAAKC,EAAKD,EAAKF,aAAeE,EAAKF,eACnC,KACEf,UAAY,EAAI,EAAK,iBACbA,UAAY,mBACViB,EAAKC,EAAK,MAAQ,kBACtBjI,EAAM,KAGdiB,EAAOoC,UAAU,+BACO/D,uBACT,UAGP,KAATwH,GAAuB,MAATA,MACX3M,MAAMyN,OAAS,2BAGhBpN,YAAY+F,KACZ/F,YAAYsM,GAEV7F,EAGR,QAAgBmH,OAAM9I,EAAGU,EAAOwE,MAAO6C,4DAClCA,GAAQgB,MAAKhB,EAAQgB,IAAM,QAC3BhB,EAAQlD,SAAQkD,EAAQlD,OAAS,GACjCkD,EAAQiB,OAAMjB,EAAQiB,KAAO,QAC7BjB,EAAQO,SAAQP,EAAQO,OAASC,iBACjCR,EAAQ9C,YAAW8C,EAAQ9C,UAAY,OAEvCyD,IAAM,EAAIO,iBACVN,EAAsB,SAAjBZ,EAAQiB,KAAkB9D,EAAQ+D,iBAAmB,QAE1C,SAAjBlB,EAAQiB,MAAmC,UAAhBjB,EAAQgB,QAChC7D,EAAQ+D,mBACR/D,MAKA6C,EAAQlD,UACRkD,EAAQlD,OAEP4D,aAAazI,EAAGU,EAAOgI,EAAIC,UACzBZ,EAAQO,iBACLP,EAAQ9C,mBACT8C,EAAQa,wBACFb,EAAQc,iBAI1B,QAAgBK,OAAM/C,EAAGzF,EAAOX,MAAQgI,4DACnCA,GAAQgB,MAAKhB,EAAQgB,IAAM,UAC3BhB,EAAQlD,SAAQkD,EAAQlD,OAAS,GACjCkD,EAAQiB,OAAMjB,EAAQiB,KAAO,QAC7BjB,EAAQO,SAAQP,EAAQO,OAASC,iBACjCR,EAAQ9C,YAAW8C,EAAQ9C,UAAY,OAavCmD,GAAKrI,EAASkJ,iBACdZ,EAAsB,SAAjBN,EAAQiB,MAAmB,EAAIC,iBAAmBlJ,QAEvC,SAAjBgI,EAAQiB,MAAmC,QAAhBjB,EAAQgB,SAE/B,EAAIE,mBACL,GAGCd,aAAahC,EAAGzF,EAAO0H,EAAIC,UACzBN,EAAQO,iBACLP,EAAQ9C,mBACT8C,EAAQa,WAIpB,QAAgBO,SAAQnJ,EAAGU,EAAOwE,MAAO6C,4DACpCA,GAAQqB,WAAUrB,EAAQqB,SAAW,YAIrCC,GAAWtF,UAAU,kBACb,gBAJiB,SAArBgE,EAAQqB,SAAsBZ,aACnCtD,EAAQ/F,eAAeuB,EAAO,GAAK8H,eAKlC,KACEf,WAAa,EAAK,iBACVA,UAAY,mBACV,kBACJ/G,EAAM,KAGdiB,EAAO8G,aAAazI,EAAG,GAAI,EAAGkF,UACzB6C,EAAQO,QAAUC,0BACfR,EAAQ9C,WAAa,YACtB8C,EAAQa,oBAGd1N,YAAYmO,GAEV1H,EAGR,QAAgB2H,SAAQlB,EAAIC,EAAInD,EAAOxE,MAAOqH,6DAEzChI,EAASqI,EAAKC,EAEdzM,EAAOmI,UAAU,6EAIXwE,mCACerD,OAAUnF,KAG/B,IACA,QACImF,SACCnF,GAGLgI,GAAQqB,WAAUrB,EAAQqB,SAAW,YAIrCC,GAAWtF,UAAU,kBACb,gBAJiB,SAArBgE,EAAQqB,SAAsBZ,aACnCtD,EAAQ/F,eAAeuB,EAAM,GAAI,KAAO8H,eAKvC,KACEf,WAAa,EAAK,iBACVA,UAAY,mBACV,kBACJ/G,EAAM,KAGd6I,EAASxF,UAAU,+BACKsE,iBAGrBnN,YAAYU,KACZV,YAAYmO,GAEZE,EAGR,QAAgBC,YAAWrD,EAAGtG,EAAMqF,EAAO/B,MAAOzC,0DAAM,GAAI+I,yDAAM,EAAG5E,yDAAO,EAAG6E,8DAC5D9J,qBAAqBC,EAAM6J,EAAK5J,gCAA7CC,OAAQC,UACR6E,EAES,IAAX9E,MACO2J,EAAKC,aACTD,EAAKC,cAGP/N,GAAOmI,UAAU,4CAEJZ,qBACIsG,IACjBtD,IACAnG,QACIkF,SACCnF,WAGA,KAEKW,EAAM9B,OAEb,GACD2F,aAAa,IAAK,KAClBA,aAAa,IAAK,MACnBiD,GAAOzD,UAAU,kBACT,qBACRmB,EAAM,IACN,KACEuC,UAAY,GAAK,EAAK,iBACdA,UAAY,mBACV,mBACJ/G,IAGRiH,EAAQ5D,UAAU,wBACD0F,yBACItD,OAAMnG,iBAEzB9E,YAAYU,KACZV,YAAYsM,GAEXG,QArBA/L,GAyBT,QAAgBgO,YAAWzD,EAAGnG,EAAGR,EAAQ2D,MAAOzC,0DAAM,GAAI+I,yDAAM,EAC3DI,EAAM9F,UAAU,yBACHZ,qBACIsG,KAChBtD,KACAnG,IACDR,WAGK,KAEKkB,EAAM9B,OAEb,GACF2F,aAAa,KAAM,KACnBA,aAAa,KAAM,MAEnBiD,GAAOzD,UAAU,kBACT,qBACR,IACA,KACE0D,UAAY,GAAK,EAAIjI,EAAU,iBACvBiI,UAAY,mBACV,mBACJ/G,IAGRiH,EAAQ5D,UAAU,wBACD0F,yBACItD,OAAMnG,iBAEzB9E,YAAY2O,KACZ3O,YAAYsM,GAEXG,QAtBAkC,GA0BT,QAAgBC,UAASxI,EAAOC,EAAO4B,MAAO4E,6DAAY2B,4DAErDK,EADaxI,EAAM8C,IAAI,SAACrE,EAAGyB,SAAOH,GAAMG,GAAK,IAAMzB,IAC5BgK,KAAK,IAG5BjC,GAAQkC,SACXF,EAAY1I,kBAAkBC,EAAOC,OAElC2I,GAAOxE,SAAS,IAAIqE,EAAW,kBAAmB5G,MAGnD4E,EAAQoC,SAAU,IAChBC,GAAczD,aAAa+C,EAAKW,QAASlH,KACxCtI,MAAMyN,eAAiB8B,SAGzBE,SACGJ,MAIJnC,EAAQwC,WAAY,IAClBC,GAAqB7D,aAAa+C,EAAKW,QAASlH,GAAO,GAEvDwC,EAAU,IAASrE,EAAM,OAAMoI,EAAK5J,aAAciK,MAAgBzI,EAAMd,OAAO,GAAG,OAAMkJ,EAAK5J,WAC3FyJ,OAAS7D,SAASC,gBAAwB,eAAgB6E,aAG1DF,GCnlBR,QAAgBG,WAAUC,EAAMC,EAAUC,EAAUC,MAC/CC,GAA0B,gBAAbH,GAAwBA,EAAWA,EAASX,KAAK,aAEjEU,GACCpF,UAAWsF,EAASZ,KAAK,OAC1Ba,EACAE,WACA,aACCzF,UAAWwF,IAId,QAAgBE,mBAAkB9B,EAAO+B,EAAMC,SACvCT,WAAUvB,GAAQgC,EAAM,IAAKD,EAAM,GAAIE,sBAG/C,QAAgBC,mBAAkBtC,EAAOuC,EAAMC,SACvCb,WAAU3B,GAAQ,EAAGwC,IAAQ,EAAGD,GAAOF,sBAG/C,QAAgBI,eAAcC,EAAWC,EAAOC,EAAOC,MAClDC,GAAYH,EAAQC,EACpB9P,EAAO4P,EAAUK,WAAW,WAG/BjQ,GACEmE,OAAQ6L,EAAWE,mBAHVlQ,EAAKmQ,aAAa,cAGyBH,GACtDT,qBACAJ,YAGeN,UAAUe,GAAY,EAAGG,IAAS,EAAGD,GAAQP,uBAI9D,QAAgBa,YAAWC,EAAK9F,EAAGtG,EAAMqF,MAAOL,0DAAO,IACpCjF,qBAAqBC,8DAAWC,kCAA7CC,OAAQC,iBACR6E,EACe,SAAjBoH,EAAIC,WACKD,EAAIJ,WAAW,IAGxB3G,MAAOA,EAAOnF,OAAQA,GACvBoM,cACApB,YAIeN,UAAUwB,EADRA,EAAIF,aAAa,aAAaK,MAAM,KAAK,GAAG5L,MAAM,GAAI,IAC3B2F,EAAGnG,GAAImL,yBAG3Cc,GAAM/G,MAAOA,EAAOnF,OAAQA,EAAQoG,EAAGA,EAAGnG,EAAGA,GAAImM,cAAepB,aAK3E,QAAgBsB,YAAWxC,EAAK1D,EAAGnG,SACd,WAAjB6J,EAAIqC,UAEUzB,UAAUZ,EADRA,EAAIkC,aAAa,aAAaK,MAAM,KAAK,GAAG5L,MAAM,GAAI,IAC3B2F,EAAGnG,GAAImL,yBAG3CtB,GAAMyC,GAAInG,EAAGoG,GAAIvM,GAAImM,cAAepB,aAK/C,QAAgByB,aAAYlC,EAAOmC,EAAUC,EAAU5M,EAAUmK,MAC5D0C,MACA5C,EAAY2C,EAASrI,IAAI,SAACrE,EAAGyB,SAAOgL,GAAShL,GAAK,IAAMzB,IAAIgK,KAAK,IAEjEC,KACHF,EAAY1I,kBAAkBoL,EAAUC,OAEnCE,IAAYtC,EAAMJ,MAAO5L,EAAE,IAAMyL,GAAY8C,cAAe9B,iBACnDrJ,KAAKkL,GAEjBtC,EAAMf,OAAQ,IACZuD,GAAgBL,EAAS,OAAM3M,MAC/BiN,MAAeN,EAASjM,OAAO,GAAG,QAAOV,EAEvCkN,GACL1C,EAAMf,QACLjL,EAAE,IAAMwO,EAAa/C,EAAYgD,GAClCF,cACA9B,cAEcrJ,KAAKsL,SAGdL,GAGR,QAAgBM,gBAAeC,EAASvH,UAC/BuH,GAAU5O,EAAGqH,GAAUwG,cAAepB,uJC1F/C,QAASoC,mBAAkBxR,EAASyR,EAAOC,MAAKC,0DAAW,SAAUvS,6DAAKwK,GAAWgI,4DAEhFC,EAAc7R,EAAQ8R,WAAU,GAChCC,EAAa/R,EAAQ8R,WAAU,OAE/B,GAAIE,KAAiBP,GAAO,IAC3BQ,YACiB,cAAlBD,EACejT,SAASuJ,gBAAgB,6BAA8B,oBAEvDvJ,SAASuJ,gBAAgB,6BAA8B,cAErE4J,GAAeN,EAAUI,IAAkBhS,EAAQoQ,aAAa4B,GAChEG,EAAQV,EAAMO,GAEdI,iBACYJ,OACTE,KACFC,QACG,SACFT,EAAI,IAAO,WACRQ,EAAe,IAAMC,aACjBE,OAAOV,YACT,eACA,cACJ,SAGJvS,OACF,KAAmBA,OAGf,GAAI0G,KAAKsM,KACExJ,aAAa9C,EAAGsM,EAAStM,MAG7BvG,YAAY0S,GAErB7S,IACSwJ,aAAaoJ,eAA4BG,SAEzCvJ,aAAaoJ,EAAeG,UAIjCN,EAAaE,GAGtB,QAAgBpI,WAAU3J,EAASd,KAC1BA,MAAMyK,UAAYzK,IAClBA,MAAMoT,gBAAkBpT,IACxBA,MAAMqT,YAAcrT,IACpBA,MAAMsT,aAAetT,IACrBA,MAAMuT,WAAavT,EAG5B,QAASwT,YAAWjJ,EAAckJ,MAC7BC,MACAC,OAEKnK,IAAI,eACRqG,GAAO/O,EAAQ,GACfqJ,EAAS0F,EAAKvG,WAEdqJ,SAAaE,WAET,GAAKhD,QACeyC,oDAAqBxR,4CAErC+F,KAAKgM,KACJhM,MAAM8L,EAAaxI,MAEzByJ,aAAajB,EAAa9C,QAG9BgE,GAAUtJ,EAAaqI,WAAU,YAExBpJ,IAAI,SAACmJ,EAAa/L,KAClB,GAAGgN,aAAaF,EAAY9M,GAAI+L,EAAY,MAC/C/L,GAAG,GAAK8M,EAAY9M,KAGvBiN,EAGR,QAAgBC,kBAAiB3J,EAAQ4J,EAAYC,MACpB,IAA7BA,EAAkBjQ,WAEjBkQ,GAAiBT,WAAWO,EAAYC,EACzCD,GAAWzK,YAAca,MACpB+J,YAAYH,KACZ1T,YAAY4T,eAKT,WACPA,EAAe3K,YAAca,MACxB+J,YAAYD,KACZ5T,YAAY0T,KAElBI,sBC/GG,QAASC,cAAaC,EAAU9H,MAClCvE,GAAInI,SAASI,cAAc,OAC7BD,MAAQ,mBACNsU,GAAO,GAAIC,MAAKhI,GAAOrM,KAAM,iCAC7BsU,EAAM9S,OAAO+S,IAAIC,gBAAgBJ,KACnCK,KAAOH,IACPI,SAAWP,WACJjT,KAAKf,YAAY2H,KACxB6M,mBACS,oBACDzT,KAAK8S,YAAYlM,UACnByM,IAAIK,gBAAgBN,IACzB,KAGJ,QAAgBO,kBAAiBC,MAC5BC,GAAQD,EAAIpC,WAAU,KACpBsC,UAAUC,IAAI,qBACdzL,aAAa,QAAS,gCACtBA,aAAa,cAAe,mCAC9B0L,GAAU3U,EAAE4U,OAAO,mBACTC,YAERlV,aAAagV,EAASH,EAAM9U,eAE9BoV,GAAY9U,EAAE4U,OAAO,gBACfhV,YAAY4U,GAEfM,EAAUC,yuBCblB,QAASC,YAAWC,MACfC,GAAS,GAAIC,MAAKF,YACfG,WAAWF,EAAOG,aAAeH,EAAOI,qBACxCJ,EAGR,QAAgBK,aAAYN,MACvBO,GAAKP,EAAKQ,UACVC,EAAKT,EAAKU,WAAa,SAE1BV,EAAKW,eACJF,EAAG,EAAI,GAAK,KAAOA,GACnBF,EAAG,EAAI,GAAK,KAAOA,GACnB9G,KAAK,KAGR,QAAgB8F,OAAMS,SACd,IAAIE,MAAKF,EAAKY,WAiBtB,QAAgBC,iBAAgBC,EAAWC,MACtCC,GAAgBC,eAAeH,SAC5BtS,MAAK0S,KAAKC,eAAeH,EAAeD,GAAWK,oBAG3D,QAAgBD,gBAAeL,EAAWC,MACrCM,GAAqBC,WAAaC,oBAC9BxB,WAAWgB,GAAWhB,WAAWe,IAAcO,EAGxD,QAAgBG,gBAAeV,EAAWC,SAClCD,GAAUJ,aAAeK,EAAQL,YACpCI,EAAUH,gBAAkBI,EAAQJ,cAGzC,QAAgBc,cAAavQ,MAAGwQ,2DAC3BC,EAAYC,YAAY1Q,SACrBwQ,GAAQC,EAAU1R,MAAM,EAAG,GAAK0R,EAGxC,QAAgBE,oBAAoBC,EAAOC,SACnC,IAAI7B,MAAK6B,EAAMD,EAAQ,EAAG,GAIlC,QAAgBb,gBAAejB,MAC1BgC,GAAUzC,MAAMS,GACdiC,EAAMD,EAAQE,eACT,KAARD,WACMD,GAAW,EAAKC,GAElBD,EAIR,QAAgBG,SAAQnC,EAAMoC,KACxBC,QAAQrC,EAAKQ,UAAY4B,iHC6V/B,QAAgBE,cAAaC,EAAMC,EAAWC,MACzC5O,GAAO6O,OAAO7O,KAAK8O,kBAAkBC,OAAO,kBAAKL,GAAKM,SAASC,KAC/DC,EAASJ,iBAAiB9O,EAAK,kBAC5BmP,OAAOD,aACFP,UACFC,IAEH,GAAIQ,gBAAeF,goDC5b3B,QAESG,WAAUtN,MAKX,IAAJA,SACM,EAAG,MAETtF,MAAMsF,UACAuN,UAAW,iBAAkBC,SAAU,QAE5CC,GAAMzN,EAAI,EAAI,GAAK,MACnB0N,SAAS1N,UACJuN,SAAgB,iBAANE,EAAwBD,SAAU,OAGjD5U,KAAKC,IAAImH,MACT2N,GAAM/U,KAAKgC,MAAMhC,KAAKiC,MAAMmF,WAGxByN,GAFEzN,EAAEpH,KAAKoC,IAAI,GAAI2S,IAENA,GAGpB,QAASC,wBAAuBC,MAAKC,0DAAI,EACpCC,EAAanV,KAAK0S,KAAKuC,GACvBG,EAAapV,KAAKgC,MAAMkT,GACxBG,EAAQF,EAAaC,EAErBE,EAAYD,EACZE,EAAW,CAGZF,GAAQ,IACPA,EAAQ,GAAM,UAGKD,KAEVC,EAAM,IACP,GAITA,GAAS,MAEAA,KADC,IAKA,IAAVA,MACU,IACD,OAIR,GADAG,MACI9S,EAAI,EAAGA,GAAK4S,EAAW5S,MACpBC,KAAKyS,EAAaG,EAAW7S,SAEjC8S,GAGR,QAASC,mBAAkBC,MAAUC,0DAAS,IACZjB,UAAUgB,2BAAtCE,OAAgBhB,OACjBiB,EAAiBF,EAAWA,EAAS3V,KAAKoC,IAAI,GAAIwS,GAAW,EAK7DY,EAAYR,yBAFCY,EAAepW,QAAQ,GAEeqW,YAC3CL,EAAUlQ,IAAI,kBAASyJ,GAAQ/O,KAAKoC,IAAI,GAAIwS,KAIzD,QAAgBkB,oBAAmBC,WAYzBC,GAA0BN,EAAUO,OAOxC,GANAT,GAAYC,kBAAkBC,GAE9BQ,EAAeV,EAAU,GAAKA,EAAU,GAGxCzG,EAAQ,EACJrM,EAAI,EAAGqM,EAAQkH,EAAavT,OAC1BwT,IACCC,SAAU,EAAKpH,SAEnByG,MAvBkCY,2DAMtCV,EAAW1V,KAAKiV,oCAAOc,IACvBJ,EAAW3V,KAAKkV,oCAAOa,IAGTP,QAkBfE,GAAY,GAAKC,GAAY,EACpBjB,UAAUgB,GAAU,KAC3BU,EAGSX,kBAAkBC,EAAUC,GAF5BF,kBAAkBC,OAQ3B,IAAGA,EAAW,GAAKC,EAAW,EAAG,IAOjCM,GAAcjW,KAAKC,IAAI0V,EAExBD,IAAYO,GACHvB,UAAUgB,GAAU,KACnBM,EAA0BN,EAAUO,KAGrCvB,UAAUuB,GAAa,KACfD,EAA0BC,EAAaP,GACjCpQ,IAAI,mBAAW,EAAN/F,SAO/B,IAAGmW,GAAY,GAAKC,GAAY,EAAG,IAInCU,GAAiBrW,KAAKC,IAAI0V,GAC1BW,EAAiBtW,KAAKC,IAAIyV,EAEnBhB,WAAU2B,GAAgB,QACjCD,EAGSX,kBAAkBY,EAAgBC,GAFlCb,kBAAkBY,IAKT9S,UAAU+B,IAAI,mBAAW,EAAN/F,UAGnCiW,GAGR,QAAgBe,cAAaC,MAExBC,GAAWC,gBAAgBF,SAC5BA,GAAKG,QAAQ,IAAM,EAGTH,EAAKG,QAAQ,GAChBH,EAAK,GAAK,GAIL,EADJA,EAAK,GACUC,GAKX,EADJD,EAAKA,EAAK3W,OAAS,GACJ4W,GAAYD,EAAK3W,OAAS,GAiBrD,QAAgB6W,iBAAgBE,SACxBA,GAAa,GAAKA,EAAa,GAGvC,QAAgBC,eAAcD,SACtBA,GAAaA,EAAa/W,OAAO,GAAK+W,EAAa,GAG3D,QAAgBE,OAAM3R,EAAK4R,SACnBzX,UAASyX,EAAMhW,SAAWoE,EAAM4R,EAAMC,iBAY9C,QAAgBC,mBAAkBC,EAAMC,MAAKzM,2DACxC0M,EAAUD,EAAIxT,OAAO,SAAS0T,EAAMC,SAC/BtX,MAAKC,IAAIqX,EAAOJ,GAAQlX,KAAKC,IAAIoX,EAAOH,GAAQI,EAAOD,aAGzD3M,GAAQyM,EAAIR,QAAQS,GAAWA,EAGvC,QAAgBG,kBAAiBxB,EAAQyB,OASpC,GALAC,GAAezX,KAAKiV,oCAAOc,IAE3B2B,EAAmB,GAAKF,EAAmB,GAC3CG,KAEIjV,EAAI,EAAGA,EAAI8U,EAAkB9U,IAAK,IACrCkV,GAAaH,GAAgBC,EAAmBhV,KACvCC,KAAKiV,SAGZD,GAGR,QAAgBE,kBAAiB9I,EAAO4I,SAChCA,GAAavD,OAAO,kBAAK7U,GAAIwP,IAAOlP,mwBC1OrC,QAASiY,UAASzP,EAAMrM,KACzB+b,OAAS1P,EAAK0P,cAEfC,GAAgB3P,EAAK0P,OAAOlY,OAG5BoY,EAAW5P,EAAK4P,SAChBC,EAAY,GAAInY,OAAMiY,GAAe9X,KAAK,SAC1C+X,gBAGMC,OAID5S,IAAI,eAER/F,EAAEwW,OAEC,IAEFoC,GAAO5Y,EAAEwW,YACNoC,EAAK7S,IAAI,kBAASxD,OAAMqD,GAAa,EAANA,KAG9BtF,OAASmY,EACTG,EAAK1W,MAAM,EAAGuW,GAEdvY,UAAU0Y,EAAMH,EAAgBG,EAAKtY,OAAQ,UAVnDkW,OAASmC,CAkBR3Y,GAAE6Y,YACDC,yBAAyBhE,SAASrY,KACpCoc,UAAYpc,KASbqM,EAAKiQ,YACFA,SAAShT,IAAI,eACd/F,EAAEgZ,IAAMhZ,EAAEK,MAAO,QACCL,EAAEgZ,IAAKhZ,EAAEK,SAA1BA,aAAS2Y,YAKRlQ,EAGR,QAAgBmQ,cAAaC,MACxBT,GAAgBS,EAASV,OAAOlY,OAChCqY,EAAY,GAAInY,OAAMiY,GAAe9X,KAAK,GAE1CwY,UACKD,EAASV,OAAOtW,MAAM,GAAI,YACxBgX,EAASR,SAAS3S,IAAI,wBAExB,UACE4S,EAAUzW,MAAM,GAAI,aACjBlC,EAAE6Y,oBAKbK,GAASE,aACFA,iBAEA,QACA,MAKPF,EAASH,aACFA,iBAEA,MACF,QACE,MAKHI,EAGR,QAAgBE,oBAAmBC,MAAYd,6DAAWe,6DACrDC,EAAeF,EAAad,EAAOlY,MACpCkZ,IAAgB,IAAGA,EAAe,MACjCC,GAAiBD,EAAeE,yBAEnBlB,GAAOzS,IAAI,SAAC3D,EAAOe,aAC1B,IACA7C,OAASmZ,IAEbF,EAQApW,EADY1C,KAAK0S,KAAK/Q,EAAM9B,OAAOmZ,IAClB,MACX,MARNA,EAAe,EAAI,EACbrX,EAAMF,MAAM,EAAGuX,EAAe,GAAK,OAEnCrX,EAAMF,MAAM,EAAGuX,GAAkB,MASrCrX,wmDCrGT,QAASuX,qBAAed,0DAAY,OAAQnS,eAAQ+C,qBACjC,eAAdoP,KACKpc,KAAO,OACR,GAAImd,WAAUlT,EAAQ+C,IAGzBoQ,WAAWhB,GAKT,GAAIgB,YAAWhB,GAAWnS,EAAQ+C,gBAJhCqQ,MAAM,yBAA2BjB,8iGbZ3C7b,GAAE4U,OAAS,SAAClM,EAAKzB,MACZ5G,GAAUjB,SAASI,cAAckJ,OAEhC,GAAIvC,KAAKc,GAAG,IACZ2B,GAAM3B,EAAEd,MAEF,WAANA,IACDyC,GAAKhJ,YAAYS,OAEf,IAAU,WAAN8F,EAAgB,IACpBjH,GAAMc,EAAE4I,KACRC,WAAWlJ,aAAaU,EAASnB,KAC7BU,YAAYV,OAEJ,WAANiH,EACQ,qBAARyC,sBAAAA,YACFE,KAAKF,GAAKG,IAAI,cACZxJ,MAAMyJ,GAAQJ,EAAII,KAGlB7C,IAAK9F,KACP8F,GAAKyC,IAGLK,aAAa9C,EAAGyC,SAInBvI,GCxBD,IAAM0c,6BAEN,UACG,QACF,SACC,kBAGF,UACG,QACF,SACC,eAGI,gBACC,gBACC,iBAEC,IAyBHC,0BAA4B,IAC5BC,2BAA6B,IAE7BC,wBAA0B,OAC1BpB,0BAA4B,OAAQ,OAEpCqB,qBAAuB,IAEvBC,sBAAwB,GACxBC,uBAAyB,EAEzBC,oBAAsB,EACtBC,sBAAwB,EAExBC,8BAAgC,GAChC7R,6BAA+B,EAI/B8R,0BAA4B,EAE5BC,oBAAsB,GACtBC,oBAAsB,EAEtBjB,mBAAqB,EAErBkB,gCAAkC,EAEzCC,sBAAwB,aAAc,OAAQ,SAAU,MAAO,SACpE,SAAU,QAAS,cAAe,SAAU,UAAW,aAAc,aAChEC,sBAAwB,UAAW,UAAW,UAAW,UAAW,WAI7DC,oBACPF,0BACCA,yBACDA,gCACOA,6BACHC,2BACFD,sBAIKzZ,YAAcX,KAAKyD,GAAK,IACxB8W,WAAa,sQavGLC,wCAEnBvU,OAAAA,aAAS,WACTwU,OAAAA,iDAEKxU,OAASA,OACTwU,OAASA,OACTC,UAAY,QACZC,WAAa,QACbC,mBACAC,gBAAkB,OAElBzT,EAAI,OACJnG,EAAI,OAEJlE,IAAM,OACNI,KAAO,OAEP2d,oEAIAC,qDAIA7a,YACA8a,qEAIA3J,UAAY9U,EAAE4U,OAAO,cACjB8J,KAAKhV,iBACF,8JAKPiV,eAEAC,MAAQF,KAAK5J,UAAU3U,cAAc,eACrC0e,cAAgBH,KAAK5J,UAAU3U,cAAc,yBAE7CuJ,OAAOoV,iBAAiB,aAAc,aACrCH,sDAKFC,QACDF,MAAKvQ,YACF2G,UAAU7L,aAAa,mBAAoByV,KAAKvQ,SAEnDuQ,KAAKJ,2BACYI,KAAKN,uBAAsBM,KAAKP,UAExCO,KAAKP,qBAAoBO,KAAKN,4BAErCQ,MAAM7J,UAAY6J,OAClBC,cAAc9J,UAAY,QAE1BsJ,WAAWtV,IAAI,SAACgW,EAAK5Y,MACnB0B,GAAQmX,EAAKd,OAAO/X,IAAM,QAC5BqM,EAA0B,IAAlBuM,EAAIE,WAAmBF,EAAIE,UAAYF,EAAIE,UAAYF,EAAIvM,MAEnE0M,EAAKlf,EAAE4U,OAAO,wCAEW/M,iDAE6B,IAAV2K,GAAeA,EAAQA,EAAQ,6BAC3EuM,EAAIH,MAAQG,EAAIH,MAAQ,QAGvBC,cAAcjf,YAAYsf,+CAK5BtV,GAAQ8U,KAAK5J,UAAUqK,iBAEtB3e,IAAMke,KAAKha,EAAIga,KAAK5J,UAAUsK,aAChCxB,qCACEhd,KAAO8d,KAAK7T,EAAIjB,EAAM,KACvByV,GAAUX,KAAKhV,OAAOyV,YAAcvV,EAEpC0V,EAAUZ,KAAK5J,UAAU3U,cAAc,mBAExCue,KAAK9d,KAAO,IACNrB,MAAMqB,oBAAsB,EAAI8d,KAAK9d,gBACxCA,KAAO,MACN,IAAG8d,KAAK9d,KAAOye,EAAS,IAE1BE,kBADQb,KAAK9d,KAAOye,WAEhB9f,MAAMqB,KAAO2e,OAEhB3e,KAAOye,SAEJ9f,MAAMqB,6CAINiK,EAAGnG,MAAGka,6DAAYP,4DAAiBlQ,0DAAS,OAChDgQ,UAAYS,EAAMpH,UAClB4G,WAAaQ,EAAMpM,WACnB6L,WAAaA,OACbxT,EAAIA,OACJnG,EAAIA,OACJ4Z,gBAAkBM,EAAMY,YAAc,OACtCrR,MAAQA,OACRsR,iDAIA3K,UAAUvV,MAAMiB,IAAM,WACtBsU,UAAUvV,MAAMqB,KAAO,WACvBkU,UAAUvV,MAAMiK,QAAU,2CAI1BsL,UAAUvV,MAAMiB,IAAMke,KAAKle,IAAM,UACjCsU,UAAUvV,MAAMqB,KAAO8d,KAAK9d,KAAO,UACnCkU,UAAUvV,MAAMiK,QAAU,aV5H3BkW,+BACS,eACN,iBACE,cACH,iBACG,iBACA,gBACD,wBACM,iBACL,kBACC,gBACF,eACD,uBACM,sBACD,WA4BD1X,SAAW,SAACH,SACjB6X,kBAAiB7X,IAAUA,0oBCtCtB8F,iBAAmB,EAC1BT,aAAe,EACfjB,gBAAkB,GACXE,UAAY,GACnBc,gBAAkB,UAClBb,UAAY,UAqlBPuT,iBACH,SAACvQ,MACHwQ,SACiB,UAAlBxQ,EAAKwB,aACUxB,EAAKqB,aAAa,eAC5BrB,EAAKmB,WAAW,OAEpBsP,GAAUzQ,EAAK+C,qBACX5S,MAAMoE,KAAO,YACbpE,MAAMiK,QAAU,MAErBoW,KACM3W,aAAa,YAAa2W,GAE5BC,OAGD,SAACzQ,MACHwQ,SACiB,YAAlBxQ,EAAKwB,aACUxB,EAAKqB,aAAa,eAC5BrB,EAAKmB,WAAW,OAEpBsP,GAAUzQ,EAAK+C,YACfjO,EAASkL,EAAKqB,aAAa,KAC3B9M,EAAOyL,EAAKqB,aAAa,iBACrBxH,aAAa,IAAKd,SAASjE,GAAUqZ,yBACrCtU,aAAa,OAAQtF,KACrBpE,MAAMiK,QAAU,MAErBoW,KACM3W,aAAa,YAAa2W,GAE5BC,eAGO,SAACzQ,MACXwQ,SACiB,YAAlBxQ,EAAKwB,aACUxB,EAAKqB,aAAa,eAC5BrB,EAAKmB,WAAW,OAEpBsP,GAAUzQ,EAAK+C,YACfjO,EAASkL,EAAKqB,aAAa,KAC3B9M,EAAOyL,EAAKqB,aAAa,iBACrBxH,aAAa,IAAKd,SAASjE,GAAUqZ,yBACrCtU,aAAa,OAAQtF,KACrBpE,MAAMiK,QAAU,MAErBoW,KACM3W,aAAa,YAAa2W,GAE5BC,IAIEC,mBACH,SAAC1Q,EAAMyQ,MACTD,SACiB,UAAlBxQ,EAAKwB,aACUxB,EAAKqB,aAAa,eAC5BrB,EAAKmB,WAAW,OAEpBwP,IAAc,IAAK,IAAK,QAAS,iBAC9BvG,OAAOpK,EAAK2Q,YACjBlI,OAAO,kBAAQkI,GAAWjI,SAASkI,EAAKxI,OAASwI,EAAKC,YACtDlX,IAAI,cACIE,aAAa+W,EAAKxI,KAAMwI,EAAKE,aAGpCN,KACM3W,aAAa,YAAa2W,QAI7B,SAACxQ,EAAMyQ,MACTD,SACiB,YAAlBxQ,EAAKwB,aACUxB,EAAKqB,aAAa,eAC5BrB,EAAKmB,WAAW,OAEpBwP,IAAc,KAAM,aACjBvG,OAAOpK,EAAK2Q,YACjBlI,OAAO,kBAAQkI,GAAWjI,SAASkI,EAAKxI,OAASwI,EAAKC,YACtDlX,IAAI,cACIE,aAAa+W,EAAKxI,KAAMwI,EAAKE,aAGpCN,KACM3W,aAAa,YAAa2W,gBAIrB,SAACxQ,EAAMyQ,MACjBD,SACiB,YAAlBxQ,EAAKwB,aACUxB,EAAKqB,aAAa,eAC5BrB,EAAKmB,WAAW,OAEpBwP,IAAc,KAAM,aACjBvG,OAAOpK,EAAK2Q,YACjBlI,OAAO,kBAAQkI,GAAWjI,SAASkI,EAAKxI,OAASwI,EAAKC,YACtDlX,IAAI,cACIE,aAAa+W,EAAKxI,KAAMwI,EAAKE,aAGpCN,KACM3W,aAAa,YAAa2W,0bCxsBxB/O,cAAgB,IAChBU,cAAgB,IAChB1B,qBAAuBgB,cACvB6C,oBAAsB,IAEtBjE,WAAa,8bCHpBiD,aACC,yBACE,iBAEA,wBACC,uBACE,iBQVCmC,QAAU,48DCSFsL,gCACRzW,EAAQ+C,qCAEd/C,OAA2B,gBAAXA,GAClBtK,SAASe,cAAcuJ,GACvBA,IAEGgV,KAAKhV,iBAAkB0W,mBACtB,IAAIC,OAAM,uDAGZC,aAAe7T,OAEfmS,MAAQnS,EAAQmS,OAAS,QACzBnf,KAAOgN,EAAQhN,MAAQ,QAEvByc,SAAWwC,KAAK6B,YAAY9T,EAAQX,WACpCA,KAAO4S,KAAK8B,iBAAiB9B,KAAKxC,eAElCgC,OAASQ,KAAK+B,eAAehU,EAAQyR,OAAQQ,KAAKjf,WAElDuY,oBACS,aACD,cACCvL,EAAQiU,aAAe,UAC3B,kBACQjU,EAAQkU,iBAAmB,QAGxCC,SAAWC,KAAKC,MAAMD,KAAKE,UAAUhE,mBACtCxa,GAAImc,KAAKkC,cACRI,YAAYvU,GACbiS,KAAKE,MAAMtb,WAAYd,YAAc,GACrCkc,KAAK1G,OAAOiJ,aAAY1e,EAAEM,aAAe,QACxCqe,UAAYzU,EAAQhI,QAAUlC,EAAE4e,gBAEhCC,cACA3U,gBAEA4U,YAAcrE,0BAEhB0B,KAAK1G,OAAO0I,mBACTY,kBAGDC,UAAU9U,8DAGJX,SACJA,4CAGSA,SACTA,0CAGOoS,EAAQze,MAChB+hB,gBACItD,OAActa,OAAOma,eAAete,KACvCgiB,QAAQ,SAAC3d,MACT+D,GAAQG,SAASlE,EACnByE,cAAaV,KAGJzB,KAAKyB,WAFT6Z,KAAK,IAAM5d,EAAS,6BAKvB0d,wFASH/c,EAASia,KAAKwC,eACbC,WAAa1c,OACbA,OAASA,EAAS7B,eAAe8b,KAAKkC,eAGtCe,YAAc,iBAAMC,GAAKC,MAAK,WAC5B/C,iBAAiB,SAAUJ,KAAKiD,oBAChC7C,iBAAiB,oBAAqBJ,KAAKiD,sDAI3CG,oBAAoB,SAAUpD,KAAKiD,oBACnCG,oBAAoB,oBAAqBpD,KAAKiD,kDAKhDI,qBACAC,mBACAxD,mBAEAqD,MAAK,GAAO,gDAKZnY,OAAOqL,UAAY,MAEpB7K,WACKwU,KAAKhV,iBACF,kBAGTgV,MAAKuD,qBACFzgB,QAAWoI,MAAO8U,KAAKuD,iBAAmB,YAG3CnN,UAAY9U,EAAE4U,OAAO,MAAO1K,8CAI5BgY,IAAM,GAAIjE,gBACNS,KAAK5J,iBACL4J,KAAKR,cAETiE,+FAKDC,0DAAuBC,+DACtBL,mBAEAM,KAAKF,QACLG,qBACAC,uBAEAC,WAAWhB,QAAQ,kBAAKiB,GAAEnE,MAAMS,EAAK2D,iBAErCC,OAAOlE,KAAK+D,YAAY,GAE1BJ,SACGvW,KAAO4S,KAAKxC,oBACN,aAAY2G,OAAO7D,EAAKlT,OAAS4S,KAAK2C,mBAG7CyB,oBAEAC,gBAAgBV,8EAMhBW,UAAYzhB,uBAAuBmd,KAAKhV,aACxCE,MAAQ8U,KAAKsE,UAAYlgB,cAAc4b,KAAKkC,kDAI9ClC,KAAKnK,UACFO,UAAUrB,YAAYiL,KAAKnK,QAE7BhS,GAAImc,KAAKkC,cAERrM,IAAM9K,iBACViV,KAAK5J,UACL,qBACA4J,KAAKsE,UACLtE,KAAKyC,iBAEDpS,QAAUlF,YAAY6U,KAAKnK,KAE7BmK,KAAKE,MAAMtb,cACR2f,QAAU1W,SACd,QACAhK,EAAEE,QAAQ7B,KACV2B,EAAEE,QAAQjC,IACVke,KAAKE,gBAEMrc,EAAE2gB,mBACN,aACF3gB,EAAE2gB,oBAKL1iB,GAAM8B,aAAaC,QAClBogB,SAAW5Y,aACf2U,KAAKjf,KAAO,sCACCkD,cAAcJ,QAAO/B,OAGhCke,KAAK1G,OAAOiJ,gBACPvC,KAAKja,OAASlC,EAAEG,SAAS1B,YAC3BmiB,WAAapZ,aACjB,4BACapH,cAAcJ,QAAO/B,QAIjCke,KAAKE,MAAMtb,aAAeiR,IAAI3U,YAAY8e,KAAKuE,cAC7C1O,IAAI3U,YAAY8e,KAAKiE,UACvBjE,KAAK1G,OAAOiJ,iBAAmB1M,IAAI3U,YAAY8e,KAAKyE,iBAElDC,gBAAgBzgB,cAAcJ,GAAID,aAAaC,4CAGrCsI,EAAGnG,QACbwd,IAAI3Y,UACLsB,IACAnG,kDAIoB+d,WAAa,GAAIY,oCAEnCvX,GACFA,WACKgR,MAAM,2BAEVhR,KAAO4S,KAAK6B,YAAYzU,QACxBwW,YACAM,qDAGCH,yDAAW/D,KAAK+D,WAAYa,4DAC/B5E,MAAK1G,OAAO0I,kBAETY,SAASvY,IAAI,kBAAK9B,GAAE4B,WAAW4K,YAAYxM,QAG7CsM,QAEOkO,QAAQ,cACElO,EAAkB3P,OAAO8e,EAAEG,OAAOS,MAEpD/P,EAAkBjQ,OAAS,oBACZob,KAAK5J,UAAW4J,KAAKnK,IAAKhB,cAChC,aACCkO,QAAQ,kBAAKiB,GAAEa,WACrBC,aACHvG,gCAEQwE,QAAQ,kBAAKiB,GAAEa,cACrBC,iDAKH9E,KAAK1G,OAAO0I,mBACTf,mBACA8D,0GAMSpB,yDACX3D,MAAK1G,OAAO0I,aAEb2B,SACGqB,mBAEAC,eACEjF,KAAKkF,WAAWC,KAAKnF,SACrBA,KAAKoF,YAAYD,KAAKnF,SACtBA,KAAKqF,UAAUF,KAAKnF,SACpBA,KAAKsF,aAAaH,KAAKnF,SACvBA,KAAKuF,YAAYJ,KAAKnF,gBAGpBI,iBAAiB,UAAW,SAACoF,GAClCpjB,oBAAoBqjB,EAAKrP,eACvBoP,GAAKjjB,OAAOmjB,MACbD,EAAKR,WAAWO,EAAEG,YACfV,WAAWO,EAAEG,mmBA2BlBC,GAAWhQ,iBAAiBoK,KAAKnK,kBACxBmK,KAAKE,OAAS,SAAU0F,4gBChTlBC,wCACR7a,EAAQQ,wHACbR,EAAQQ,8EAGLA,gGACOA,QAEX8N,OAAOwM,UAAYta,EAAKsa,WAAa,QACrCxM,OAAOyM,gBAAkBva,EAAKua,iBAAmB,6CAIlDC,EAAIhG,KAAK0C,MACToD,EAAY9F,KAAK1G,OAAOwM,YAC1BG,kBAEEC,GAAYlG,KAAK5S,KAAK0P,OAAOzS,IAAI,SAAC3D,EAAOe,MACxC0e,GAAQ,WACP/Y,KAAK4P,SAAS3S,IAAI,eACbmb,EAAE1K,OAAOrT,MAEX0e,EAAOzf,KACbyS,OAAO,kBAAc7U,GAAE,IAAM,IAE5B8hB,EAASF,KACVA,EAAUthB,OAASkhB,EAAW,GAEtBO,KAAK,SAACxd,EAAGa,SAAeA,GAAE,GAAKb,EAAE,OAElCqd,EAAU1f,MAAM,EAAGsf,EAAU,MAGlCQ,GAAiB,CAFLJ,GAAU1f,MAAMsf,EAAU,GAGhCzb,IAAI,eAAwB/F,EAAE,OACjCoD,MAAM4e,EAAgB,cACxB9G,OAAOsG,EAAU,GAAK,SAG1BhJ,YACKzS,IAAI,cACR4b,YAAYve,KAAKpD,EAAE,MACnBwY,OAAOpV,KAAKpD,EAAE,QAGfiiB,WAAaP,EAAEC,YAAYvd,OAAO,SAACG,EAAGa,SAAMb,GAAIa,GAAG,QAEhDqC,UACDiU,KAAK9U,MAAQ,IACb8U,KAAKja,OAAS,qDAKdigB,EAAIhG,KAAK0C,WACR+B,WAAW+B,YAAc,QACzBC,aAAeT,EAAEC,YAAYzf,MAAM,EAAGwZ,KAAK1G,OAAOyM,oBAEnDrhB,GAAQ,EACRsB,EAAI,OACHygB,aAAapc,IAAI,SAAC/F,EAAGmD,MACrBif,GAAW,IACXC,EAAU5hB,KAAKgC,OACjB6f,EAAK1b,MAAQ9G,cAAcwiB,EAAK1E,WAAWwE,EAEzCE,GAAKH,aAAa7hB,OAAS+hB,MACnBC,EAAK1b,MAAM0b,EAAKH,aAAa7hB,QAEtCF,EAAQiiB,MACF,KACH,OAGF9W,GAAMjC,UADF8Y,EAAWhiB,EAAQ,EAG1BsB,EACA,EACA4gB,EAAKpH,OAAO/X,GACTue,EAAElJ,OAAOrV,QAAOnD,KAEfmgB,WAAWvjB,YAAY2O,gBAhFe4R,WRFjCoF,kBAAoB,GACpBlP,mBAAqB,EAErBG,aAAe,IACfD,WAAa,MAEbM,aAAe,UAAW,WAAY,QAAS,QAAS,MACpE,OAAQ,OAAQ,SAAU,YAAa,UAAW,WAAY,YAIlD2O,iBAAmB,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,8rBCNpEtN,gDAEJuN,WAAAA,aAAa,SACbC,eAAAA,aAAiB,KACjBjO,IAAAA,UAEAC,IAAAA,QACAiO,IAAAA,aACAC,IAAAA,+CAEKF,eAAiBA,OACjBjO,UAAYA,OAEZkO,aAAeA,OACfjO,QAAUA,OAEVkO,gBAAkBA,OAElBC,cACArK,eAEAiK,WAAaA,OACbA,WAAyC,kBAArB/G,MAAK+G,WAC3B/G,KAAK+G,aAAe/G,KAAK+G,gBAEvBhG,iEAGE3T,QACFA,KAAOA,GAAQ4S,KAAKhH,wCAGpBhO,QACAoc,MAAQ/b,aAAa2U,KAAK+G,WAAY/G,KAAKgH,eAAgBhc,uCAI3DkZ,OAAOlE,KAAK5S,WACZia,QAAUrH,KAAK5S,oCAGdA,mBACD+Z,MAAQnH,KAAKiH,aAAa7Z,QAE1Bga,MAAMZ,YAAc,QACpBW,MAAMpE,QAAQ,cACbqE,MAAMlmB,YAAYS,UAEnBmb,OAAOiG,QAAQ,cACdqE,MAAMlmB,YAAYS,yCAIlBijB,mEACD7D,aACDmG,YACDtC,OACgB5E,KAAKkH,gBAAgBlH,KAAK5S,WAEtC8Z,WAILhO,0CAEU,qCACC9L,SACLA,GAAKka,aAAajd,IAAI,SAAC2b,EAAGve,MAC5BjB,GAAQkF,SAASsa,EAAG,aAAc5Y,EAAKoS,OAAO/X,GAAI,OAAQ2F,EAAKma,sBAC7D1mB,MAAM2mB,WAAa,iBAClBhhB,8BAIOihB,SACRzH,MAAKmH,MAAM9c,IAAI,SAAC7D,EAAOiB,SAAMwL,gBAAezM,EAAOihB,EAAQH,aAAa7f,8BAIpE,mCACC2F,SACLA,GAAKka,aAAajd,IAAI,SAAC2b,EAAGve,MAC5BjB,GAAQkF,SAASsa,EAAG,WAAY,OAAQ5Y,EAAKoS,OAAO/X,aAClD5G,MAAM2mB,WAAa,iBAClBhhB,8BAIOihB,SACRzH,MAAKmH,MAAM9c,IAAI,SAAC7D,EAAOiB,SAC7BwL,gBAAezM,EAAOihB,EAAQH,aAAa7f,mCAKjC,wCACC2F,oBACLA,GAAKsa,WAAWrd,IAAI,SAAC8B,EAAG1E,SAEpBsF,eAAcZ,EADhB,EACsBiB,EAAKua,OAAOlgB,GACzC6Y,EAAKvH,UAAU6O,UAAWtH,EAAKvH,UAAU8O,SAAUza,EAAKoS,OAAO/X,gCAKlDggB,MACZA,EAAS,6BAID,+BACCra,oBACLA,GAAK0a,UAAUzd,IAAI,SAAC0d,EAAUtgB,SACpCqH,OAAMiZ,EAAU3a,EAAK0P,OAAOrV,GAAImf,EAAK7N,UAAU7N,OAC7C8D,KAAM4X,EAAK7N,UAAU/J,KAAMD,IAAK6X,EAAK7N,UAAUhK,IAAKF,eAAgB+X,EAAK7N,UAAUlK,6CAIvE4Y,MACXO,GAASP,EAAQK,UACjBG,EAAYR,EAAQ3K,OACpBoL,EAASlI,KAAKqH,QAAQS,UACtBK,EAAYnI,KAAKqH,QAAQvK,SAEV7W,qBAAqBiiB,EAAQF,+CACvB/hB,qBAAqBkiB,EAAWF,qDAEpD/D,kBACOgE,SACHD,IAGFjI,KAAKmH,MAAM9c,IAAI,SAAC1C,EAAMF,SACrB2J,mBACNzJ,EAAMqgB,EAAOvgB,GAAIygB,EAAOzgB,0BAOf,+BACC2F,oBACLA,GAAK0a,UAAUzd,IAAI,SAAC0d,EAAUtgB,SACpCyH,OAAM6Y,EAAU3a,EAAKgb,WAAW3gB,GAAIge,EAAK1M,UAAUhT,QACjDiJ,KAAMyW,EAAK1M,UAAU/J,KAAMD,IAAK0W,EAAK1M,UAAUhK,kCAInC0Y,MACXO,GAASP,EAAQK,UACjBG,EAAYR,EAAQW,WACpBF,EAASlI,KAAKqH,QAAQS,UACtBK,EAAYnI,KAAKqH,QAAQe,aAEVniB,qBAAqBiiB,EAAQF,+CACvB/hB,qBAAqBkiB,EAAWF,qDAEpD/D,kBACOgE,aACCD,IAGNjI,KAAKmH,MAAM9c,IAAI,SAAC1C,EAAMF,SACrBuJ,mBACNrJ,EAAMqgB,EAAOvgB,GAAIygB,EAAOzgB,6BAOf,kCACC2F,oBACLA,GAAK/C,IAAI,kBACf8E,SAAQtL,EAAEkkB,SAAUlkB,EAAE6C,MAAO2hB,EAAKtP,UAAU7N,OAC1CkE,SAAUvL,EAAEkK,QAAQqB,SAAUJ,KAAM,OAAQJ,SAAU,uCAG1C6Y,SACWxhB,qBAAqB+Z,KAAKqH,QAASI,gCAAvDJ,gBAEFW,YAAiB3d,IAAI,kBAAK/F,GAAEyjB,WAC5BE,EAAYR,EAAQpd,IAAI,kBAAK/F,GAAEoC,QAC/B4hB,EAAab,EAAQpd,IAAI,kBAAK/F,GAAEyJ,UAEhCma,EAASlI,KAAKqH,QAAQhd,IAAI,kBAAK/F,GAAEyjB,uBAEhC7D,OAAOgE,EAAO7d,IAAI,SAAC0E,EAAKtH,mBAEjBygB,EAAOzgB,SACVwgB,EAAUxgB,WACR6gB,EAAW7gB,OAIfuY,KAAKmH,MAAM9c,IAAI,SAAC1C,EAAMF,SACrB2J,mBACNzJ,EAAMqgB,EAAOvgB,GAAIygB,EAAOzgB,6BAOf,kCACC2F,oBACLA,GAAK/C,IAAI,kBACfiF,SAAQrG,EAAEsf,SAAUtf,EAAEuf,OAAQC,EAAK1P,UAAU7N,MAC5CjC,EAAEvC,OAAQ0I,SAAUnG,EAAE8E,QAAQqB,uCAGjBqY,SACWxhB,qBAAqB+Z,KAAKqH,QAASI,gCAAvDJ,gBAEFW,YAAiB3d,IAAI,kBAAK/F,GAAEkkB,SAC5BP,EAAYR,EAAQpd,IAAI,kBAAK/F,GAAEoC,QAC/BgiB,EAAYjB,EAAQpd,IAAI,kBAAK/F,GAAEikB,WAC/BD,EAAab,EAAQpd,IAAI,kBAAK/F,GAAEyJ,UAEhCma,EAASlI,KAAKqH,QAAQhd,IAAI,kBAAK/F,GAAEkkB,SACjCG,EAAY3I,KAAKqH,QAAQhd,IAAI,kBAAK/F,GAAEikB,gBAEnCrE,OAAOgE,EAAO7d,IAAI,SAAC0E,EAAKtH,mBAEjBkhB,EAAUlhB,UACZygB,EAAOzgB,SACRwgB,EAAUxgB,WACR6gB,EAAW7gB,UAIlByf,kBAECC,MAAM9c,IAAI,SAACmH,EAAW/J,KACRyf,EAAgBhiB,OAAOqM,cACxCC,EAAWkX,EAAUjhB,GAAIugB,EAAOvgB,GAAIygB,EAAOzgB,OAItCyf,2BAKI,iBAAoB,sBAAwBlH,KAAKjH,UAAUtJ,6BAC1DrC,gBAC+C4S,KAAKjH,UAA3DtJ,IAAAA,MAAOmZ,IAAAA,SAAUC,IAAAA,UAAWC,IAAAA,WAE7B3c,IAFyC4c,WAEzB/iB,EAAI,cAEnBgjB,0BAEAC,KAAK5e,IAAI,SAAC6e,EAAMC,GACN,IAAXA,KACGrM,OAAOpV,KACXmG,SAAS,cAAe1B,GARL,GAQyB6L,aAAavI,GAAO,GAAM2Z,wBAE1D,OAKT/e,IAAI,SAACmO,EAAK/Q,MACX+Q,EAAIvT,KAAM,IACRmI,gBACUoL,EAAI6Q,sBACH7Q,EAAI8Q,qBACN7hB,GAET8hB,EAASrc,WAAW,MAAOf,EAAGnG,EAAG8iB,EAAYtQ,EAAIvT,KAAMmI,KACtD4b,qBAAqBthB,KAAK6hB,MAE3BV,MAEF,KACCD,IAGC5I,KAAKgJ,+CAGGvB,MACZA,EAAS,gCAKD,iBAAoB,sCAAwCzH,KAAKjH,UAAUtJ,6BAC1ErC,MACR4W,GAAIhE,KAAKjH,sBACRyQ,SAAW,WACXC,MAAQrc,EAAKsc,WAAWrf,IAAI,SAACrE,EAAGtC,SAC7B8L,YACNpC,EAAKsa,WAAWhkB,GAChBsC,EACAoH,EAAKsZ,SACL1C,EAAE7a,MACFiE,EAAK0P,OAAOpZ,GACZA,EACA0J,EAAKuc,QAAQjmB,aAEF0J,EAAKtH,mBACJsH,EAAKwc,oBACL5F,EAAErU,cAITqQ,KAAKyJ,gCAEGhC,MACXoC,GAAUpC,EAAQC,WAClBoC,EAAUrC,EAAQiC,WAClBK,EAAatC,EAAQkC,QACrB1B,EAAYR,EAAQ3K,OAEpBkN,EAAUhK,KAAKqH,QAAQK,WACvBuC,EAAUjK,KAAKqH,QAAQqC,WACvBQ,EAAalK,KAAKqH,QAAQsC,QAC1BxB,EAAYnI,KAAKqH,QAAQvK,SAER7W,qBAAqB+jB,EAASH,+CAC9B5jB,qBAAqBgkB,EAASH,+CACxB7jB,qBAAqBikB,EAAYH,+CACnC9jB,qBAAqBkiB,EAAWF,8CAEpD/D,mBACQ8F,aACAC,UACHC,SACDjC,WAEEjI,KAAKqH,QAAQvhB,mBACZka,KAAKqH,QAAQuC,mBACd5J,KAAKqH,QAAQX,cAGpBQ,kBAECC,MAAM9c,IAAI,SAAC4H,EAAKxK,KACFyf,EAAgBhiB,OAAO8M,WACxCC,EAAK4X,EAAQpiB,GAAIqiB,EAAQriB,GAAIggB,EAAQf,SAAUqD,EAAWtiB,IACzD3B,SAAU2hB,EAAQ3hB,cAIdohB,0BAKI,iBAAoB,sCAAwClH,KAAKjH,UAAUtJ,6BAC1ErC,MACR4W,GAAIhE,KAAKjH,sBACRyQ,SAAW,WACXlZ,SACD0T,EAAEmG,gBACA7Z,MAAQR,SACZ1C,EAAKsa,WACLta,EAAKsc,WACL1F,EAAE7a,gBAES6a,EAAE7T,oBACA6T,EAAEzT,kBACNyT,EAAE/T,iBAGD+T,EAAE3T,iBACDjD,EAAKtH,iBAKb2jB,SACDzF,EAAEoG,gBACAX,MAAQrc,EAAKsc,WAAWrf,IAAI,SAACrE,EAAGtC,SAC7BkM,YACNxC,EAAKsa,WAAWhkB,GAChBsC,EACAoH,EAAK5H,OACLwe,EAAE7a,MACD6a,EAAEqG,iBAAmBjd,EAAK0N,OAAOpX,GAAK,GACvCA,MAKIuV,OAAO6B,OAAOkF,KAAK1P,OAAOpL,OAAO8a,KAAKyJ,iCAE9BhC,MACXoC,GAAUpC,EAAQC,WAClBoC,EAAUrC,EAAQiC,WAClBY,EAAY7C,EAAQ3M,OAEpBkP,EAAUhK,KAAKqH,QAAQK,WACvBuC,EAAUjK,KAAKqH,QAAQqC,WACvBnW,EAAYyM,KAAKqH,QAAQvM,SAER7U,qBAAqB+jB,EAASH,+CAC9B5jB,qBAAqBgkB,EAASH,+CAC1B7jB,qBAAqBsN,EAAW+W,8CAEpDpG,mBACQ8F,aACAC,SACJK,WAEEtK,KAAKqH,QAAQvhB,gBACfka,KAAKqH,QAAQ7hB,YAGlB0hB,YAEDjO,QAAO7O,KAAK4V,KAAK1P,OAAO1L,WACRsiB,EAAgBhiB,OAAOsN,YACxCwN,KAAK1P,MAAOuZ,EAASC,EAASrC,EAAQ3hB,SAAUka,KAAKjH,UAAU9I,UAG9D+P,KAAKyJ,MAAM7kB,aACR6kB,MAAMpf,IAAI,SAACwF,EAAKpI,KACFyf,EAAgBhiB,OAAOmN,WACxCxC,EAAKga,EAAQpiB,GAAIqiB,EAAQriB,OAIrByf,ggBQ3aWqD,uCACRvf,EAAQQ,qHACbR,EAAQQ,aACTzK,KAAO,eACP8e,kFAGM9R,MACPlK,GAAImc,KAAKkC,cACRsI,WAAazc,EAAQyc,kBAEtB9gB,GAAIsW,KAAKwK,aACXzkB,OAAS2D,EAAE3D,QAAU+Y,gCACrB9R,MAAQtD,EAAEsD,OAASC,+BAEnBjJ,SAAStB,MAAQ,KACjByB,aAAe,KACfse,WAA0C,GAA5B/Y,EAAE3D,OAAmB,GAAV2D,EAAEsD,oDAIzBgZ,GAAIhG,KAAK0C,MAETxJ,IAEF,4BAEY8G,KAAKwK,WAAWzkB,gBACjBia,KAAKwK,WAAWxd,OAE3B,6BAEcgZ,EAAE0B,kBACN1B,EAAE2B,cACF3H,KAAKR,SAEb2F,KAAKnF,aAIJ+D,WAAa,GAAIY,KAAIzL,EACxB7O,IAAI,eACAogB,GAAY5R,6CAAgBrN,WACxBA,EAAK,GAAIif,0IAMfzE,GAAIhG,KAAK0C,QAEXgF,gBACAC,aAEE+C,GAAO,IACTzE,YAAY5b,IAAI,SAACyJ,MACd5I,GAAQoV,EAAKpV,MAAQ4I,EAAQkS,EAAEO,aACjCoB,OAAOjgB,KAAKwD,KACZwc,WAAWhgB,KAAKgjB,MACVxf,gGAOL8a,EAAIhG,KAAK0C,WACRtM,UAAUgK,iBAAiB,YAAa,SAACoF,MACzCmF,GAAO/D,EAAK7C,WAAW6G,IAAI,kBAAkBzD,MAC7ClV,EAAMuT,EAAEniB,UACTsnB,EAAKvR,SAASnH,GAAM,IAElBxK,GAAIkjB,EAAKjP,QAAQzJ,GACjB4Y,EAAOnpB,UAAUklB,EAAKxQ,WAAY0U,EAAOppB,UAAUuQ,GAEnD9F,EAAI2e,EAAK5oB,KAAO2oB,EAAK3oB,KAAOuH,SAASwI,EAAIF,aAAa,UAAU,EAChE/L,EAAI8kB,EAAKhpB,IAAM+oB,EAAK/oB,IACpBoe,GAAS0G,EAAKmE,iBAAmBnE,EAAKmE,gBAAgBnmB,OAAO,EAC9DgiB,EAAKmE,gBAAgBtjB,GAAKmf,EAAKlE,MAAM5F,OAAOrV,IAAM,KACjDujB,EAAWhF,EAAEC,YAAYxe,GAAGue,EAAEO,aAE7B/C,IAAIyH,UAAU9e,EAAGnG,GAAI8S,KAAMoH,EAAOpM,OAAiB,IAATkX,GAAczmB,QAAQ,GAAK,QACrEif,IAAI0H,oBAlFgCrF,ihBCIxBsF,gCACRngB,EAAQQ,uHACbR,EAAQQ,aACTzK,KAAO,QACP4hB,YAAc,IACdgB,KAAO,IAEP9D,oFAGIrU,gGACOA,QACX4f,UAAYpL,KAAKoL,UAAUjG,KAAKnF,WAChCqL,WAAarL,KAAKqL,WAAWlG,KAAKnF,WAElCsL,WAAa9f,EAAK8f,YAAc,QAChChS,OAAOiS,WAAa/f,EAAK+f,YAAc,OAEvCvf,UAAYR,EAAKQ,YAAa,wIAK/Bga,GAAIhG,KAAK0C,WACRld,OAAUwa,KAAKja,OAASia,KAAK9U,MAAQ8U,KAAKjU,OAAOI,EAAI6T,KAAKjU,OAAO/F,KAE9DR,GAAsBwa,KAAtBxa,OAAQwG,EAAcgU,KAAdhU,UAEVwf,EAAuBxF,EAAEyF,uBAC7BnE,kBACAmE,uBACEC,GAAW,IAAM1L,KAAK1G,OAAOiS,aAC/BtF,YAAY5b,IAAI,SAAC8b,EAAO1e,MACnB8jB,GAAaG,EACbC,EAAmBxF,EAAQH,EAAEO,WAAcjH,WAC3CrT,EAAW0f,EAAkB,IAAM,EAAG,EACtCC,EAAY5f,GAAa2f,EAAkBA,EAC3CE,EAAWH,GAAsBE,EACjC/f,EAAgBvG,mBAAmBimB,EAAY/lB,GAC/CsG,EAAcxG,mBAAmBumB,EAAUrmB,GAE3CsmB,EAAexL,EAAKqD,MAAQ6H,EAAqB/jB,GAEnDskB,SAASC,QACV1L,GAAKqD,QACImI,EAAeA,EAAajgB,cAAgBA,IAC9CigB,EAAeA,EAAahgB,YAAcD,MAExCA,IACFC,MAEJmgB,GACe,MAApBN,EACGpf,cAAcwf,EAAUC,EAAQ1L,EAAKvU,OAAQuU,EAAK9a,OAAQwG,EAAWC,GACrEL,eAAemgB,EAAUC,EAAQ1L,EAAKvU,OAAQuU,EAAK9a,OAAQwG,EAAWC,KAExEqb,aAAa5f,KAAKukB,KAClBR,iBAAiB/jB,0CAGXye,QACAH,EAAEO,yCAGFqF,WAIJjI,KAAO,+CAIRqC,GAAIhG,KAAK0C,MAETxJ,IAEF,eAEA,+BAEgB8M,EAAEsB,oBACRtH,KAAKR,SAEb2F,KAAKnF,aAIJ+D,WAAa,GAAIY,KAAIzL,EACxB7O,IAAI,eACAogB,GAAY5R,+CAAgBrN,WACxBA,EAAK,GAAIif,kDAIAyB,MACb1mB,GAAqBwa,KAArBxa,OAAO8lB,EAActL,KAAdsL,WACPvD,EAAWziB,mBAAmB4mB,EAASX,WAAYW,EAAS3mB,MAAQ,EAAGC,wBACtDuiB,EAAS5b,EAAKmf,QAAiBvD,EAAS/hB,EAAKslB,6CAG1Dpb,EAAKzI,EAAE0kB,EAAK3G,MAClBtV,MACE/G,GAAQ6W,KAAKR,OAAO/X,MACvB0kB,EAAM,WACEjc,EAAM8P,KAAKoM,oBAAoBpM,KAAK0C,MAAM+I,iBAAiBhkB,OAChE5G,MAAMoE,KAAOiE,mBAAmBC,EAAO,OACxCkjB,GAAQ3qB,UAAUse,KAAKnK,KACvB1J,EAAIqZ,EAAE8G,MAAQD,EAAMnqB,KAAO,GAC3B8D,EAAIwf,EAAE+G,MAAQF,EAAMvqB,IAAM,GAC1Boe,GAASF,KAAKwM,kBAAoBxM,KAAKwM,iBAAiB5nB,OAAS,EAClEob,KAAKwM,iBAAiB/kB,GAAKuY,KAAK0C,MAAM5F,OAAOrV,IAAM,KAClDglB,GAAuC,IAA5BzM,KAAK0C,MAAMuD,YAAYxe,GAAWuY,KAAK0C,MAAM6D,YAAYhiB,QAAQ,QAC3Eif,IAAIyH,UAAU9e,EAAGnG,GAAI8S,KAAMoH,EAAOpM,MAAO2Y,EAAU,WACnDjJ,IAAI0H,yBAEChb,EAAK,2BACVsT,IAAIvD,YACJpf,MAAMoE,KAAOkE,8CAKdiN,UAAUgK,iBAAiB,YAAaJ,KAAKoL,gBAC7ChV,UAAUgK,iBAAiB,aAAcJ,KAAKqL,8CAG1C7F,MACHniB,GAASmiB,EAAEniB,OACbqpB,EAAS1M,KAAK+D,WAAW6G,IAAI,aAAazD,MAC1CwF,EAAY3M,KAAK4M,oBACjBC,EAAa7M,KAAK8M,kBACnBJ,EAAOtT,SAAS/V,GAAS,IACvBoE,GAAIilB,EAAOhR,QAAQrY,QAClB0pB,WAAWF,EAAYF,GAAU,QACjCG,eAAiBzpB,OACjBupB,oBAAsBnlB,OACtBslB,WAAW1pB,EAAQoE,GAAG,EAAM+d,aAE5B6F,uDAKD0B,WAAW/M,KAAK8M,eAAe9M,KAAK4M,qBAAoB,UA/IzB/G,ysBCAhCmH,UAAYhO,oBAAsBC,oBAClCgO,WAAaD,UAGEE,+BACRliB,EAAQ+C,uHACb/C,EAAQ+C,MACThN,KAAO,YAEPosB,WAAapf,EAAQof,YAAc,MAEpCC,IAAe,SAAU,UACzBC,EAAiBD,EAAYhU,SAASrL,EAAQsf,gBAC/Ctf,EAAQsf,eAAiB,kBACvBC,oBAAsBF,EAAY1R,QAAQ2R,KAE1CxN,sFAGM9R,MACPlK,GAAImc,KAAKkC,cACRqL,gBAA8C,IAA5Bxf,EAAQwf,gBAAwB,EAAI,IAEzDvpB,SAASlC,IAAmB,EAAbmrB,aACfjpB,SAAS1B,OAAS,IAClB6B,aAA4B,EAAb8oB,aACfxK,WAAawK,WAAatV,mBACzBzT,eAAeL,MAEdS,GAAI0b,KAAK5S,KACTogB,EAAUxN,KAAKuN,gBAAkB1G,kBAAoB,OACpDtD,kBAAoBnM,gBAAgB9S,EAAEK,MAAOL,EAAEgZ,KACjDkQ,GAAWR,UAAY5oB,cAAcP,4CAIpC2pB,GAAUxN,KAAKuN,gBAAkB1G,kBAAoB,EACrD4G,EAAYzN,KAAK0C,MAAM+K,UAAYzN,KAAK0C,MAAM+K,UAAY,QACzDnJ,WAAamJ,EAAYD,GAAWR,UACtC5oB,cAAc4b,KAAKkC,mDAGX9U,0DAAK4S,KAAK5S,QAClBA,EAAKzI,OAASyI,EAAKkQ,KAAOlQ,EAAKzI,MAAQyI,EAAKkQ,SACxC,IAAIqE,OAAM,kDAGbvU,EAAKzI,UACHA,MAAQ,GAAI8R,QACZ9R,MAAM+oB,YAAatgB,EAAKzI,MAAMuS,cAAgB,IAEhD9J,EAAKkQ,QAAYA,IAAM,GAAI7G,SAC1BkX,WAAavgB,EAAKugB,eAEpBlkB,SAASwP,OAAO7O,KAAKgD,EAAKugB,YAAY,IAAM,IAAQ,IAClDnmB,aACG4C,KAAKgD,EAAKugB,YAAY5K,QAAQ,eAChCxM,GAAO,GAAIE,MAAKmX,EAAe9V,gBAC5BjB,YAAYN,IAASnJ,EAAKugB,WAAWC,OAExCD,WAAanmB,QAGZ4F,qCAIH4Y,GAAIhG,KAAK0C,QAEX/d,MAAQmR,MAAMkK,KAAK5S,KAAKzI,SACxB2Y,IAAMxH,MAAMkK,KAAK5S,KAAKkQ,OAEtBuQ,eAAiB/X,MAAMkQ,EAAErhB,SACzB8oB,UAAYrW,gBAAgB4O,EAAErhB,MAAOqhB,EAAE1I,OACvCZ,aAAeJ,iBAChBrD,OAAO6B,OAAOkF,KAAK5S,KAAKugB,YAAa5O,6BAEpC+O,cAAgB9N,KAAK+N,kEAInB/H,EAAIhG,KAAK0C,MACTsL,EAAUhO,KAAKuN,gBAAkB,EAAI,EAErCrU,EAAmB8M,EAAE8H,cAAczjB,IAAI,SAACiP,EAAQ7R,UACnD,oBAEQ6R,EAAO7J,eACJud,oBACCC,sBACCjO,+BACAgH,EAAE8H,cACZ3U,OAAO,SAACG,EAAQ5V,SAAMA,GAAI+D,IAC1B4C,IAAI,kBAAUiP,GAAO2P,KAAKrkB,OAASopB,IACnCtlB,OAAO,SAACG,EAAGa,SAAMb,GAAIa,GAAG,GACvBsjB,WAEJ,iBACQhH,GAAE8H,cAAcrmB,IACtB0d,KAAK7E,WAIHyD,WAAa,GAAIY,KAAIzL,EACxB7O,IAAI,SAACmB,EAAM/D,MACPgjB,GAAY5R,+CAAgBrN,WACxBA,EAAK,GAAK,IAAM/D,EAAGgjB,SAIzBzkB,GAAI,kBACQ+c,QAAQ,SAACkL,EAASxmB,OAC7B,EAAG,EAAG,GAAG2R,SAAS3R,GAAI,IACrBymB,GAAUrgB,SAAS,kBAAmBmf,UAAU,EAAGhnB,EAAGioB,YAE9CjP,uBACN,aACQ,UAGTiF,SAAS/iB,YAAYgtB,MAEtBjB,4CAIA7f,GACFA,WACKgR,MAAM,2BAGVhR,KAAO4S,KAAK6B,YAAYzU,QACxB+V,YACAM,oEAIArN,UAAUgK,iBAAiB,YAAa,SAACoF,KACxCzB,WAAWhB,QAAQ,eACnBoL,GAAaC,EAAKjH,MAClBkH,EAAY7I,EAAEniB,UACf8qB,EAAW/U,SAASiV,GAAY,IAE9B3pB,GAAQ2pB,EAAUtc,aAAa,cAC/Buc,EAAYD,EAAUtc,aAAa,aAAaK,MAAM,KAEtDiG,EAAQL,aAAavO,SAAS6kB,EAAU,IAAI,GAAG,GAE/CzD,EAAOjE,EAAKxQ,UAAUvU,wBAAyBipB,EAAOuD,EAAUxsB,wBAEhEqJ,EAAQzB,SAAS+b,EAAEniB,OAAO0O,aAAa,UACvC5F,EAAI2e,EAAK5oB,KAAO2oB,EAAK3oB,KAAOgJ,EAAM,EAClClF,EAAI8kB,EAAKhpB,IAAM+oB,EAAK/oB,IACpBgS,EAAQpP,EAAQ,IAAMkiB,EAAKuG,WAC3BrU,EAAO,OAAST,EAAQ,IAAMiW,EAAU,GAAK,KAAOA,EAAU,KAE7D9K,IAAIyH,UAAU9e,EAAGnG,GAAI8S,KAAMA,EAAMhF,MAAOA,EAAOgN,WAAY,SAC3D0C,IAAI0H,sEAOPzG,WAAW+B,YAAc,MAC1Bra,GAAI,EACJnG,EAAIinB,WAEJsB,EAAW1gB,SAAS,iBAAkB1B,EAAGnG,EAAG,iBAEpCgZ,oBAAsB,KAC5B,MAGW,EAAZgO,UAAiBA,UAAU,OAC3BvI,WAAWvjB,YAAYqtB,QAEvB/O,OAAOhZ,MAAM,EAAGuY,2BAA2B1U,IAAI,SAAClB,EAAO1B,MACrD8hB,GAASrc,WAAW,sBAAuBf,GAAK6gB,UAAY,GAAKvlB,EACtEzB,EAAGgZ,oBAAqB7V,KACpBsb,WAAWvjB,YAAYqoB,QAIzBiF,GAAW3gB,SAAS,iBADR1B,EAAI4S,2BAA6BiO,UAAY,GAAKA,UAAU,EACvBhnB,EAAG,iBAE5CgZ,oBAAsB,KAC5B,SAGDyF,WAAWvjB,YAAYstB,4CAaxB,GATAxI,GAAIhG,KAAK0C,SACoBsD,EAAErhB,MAAMsS,WAAY+O,EAAErhB,MAAMuS,eAAtDuX,OAAYC,UACU1I,EAAE1I,IAAIrG,WAAY+O,EAAE1I,IAAIpG,eAE/CyX,OAAyBF,EAAa,EAA6B,SAAbC,GAExDZ,KAEAc,EAAe9Y,MAAMkQ,EAAErhB,OACnB8C,EAAI,EAAGA,EAAIknB,EAAYlnB,IAAK,IAC/B6P,GAAU0O,EAAE1I,QACZvF,eAAe6W,EAAc5I,EAAE1I,KAAM,QACnBsR,EAAa3X,WAAY2X,EAAa1X,iBACjDkB,gCAEG1Q,KAAKsY,KAAK6O,gBAAgBD,EAActX,YAE9CA,EAAS,KACFA,QAGTwW,2CAGQzW,MAAWC,0DAAQ,MACbD,EAAUJ,WAAYI,EAAUH,eAAhDmB,OAAOC,OACRwW,EAActX,eAAeH,GAG7B0X,SACI1W,qBAHEvC,MAAMwB,IAAYc,mBAAmBC,EAAOC,GAOrC,OAIb,GAHA0W,GAAiB5X,gBAAgB0X,EAAaxX,GAE9C2R,KAAW5f,SACP5B,EAAI,EAAGA,EAAIunB,EAAgBvnB,MAC5BuY,KAAKiP,OAAOH,EAAazW,KAC1B3Q,KAAK2B,aAEI,GAAIoN,MAAKpN,EAAIsO,mBAAqB,GAAG0R,UAC9B,cAGuB9d,KAA1ClC,EAAIsO,mBAAqB,GAAG2R,oBACtBwF,EAAa,KAChBpnB,KAAKsY,KAAKiP,OAAOH,EAAazW,GAAO,OAG9B4Q,KAAOA,EAEb8F,iCAGD1X,EAAWgB,OAOb,GAPoB6W,2DACpBlJ,EAAIhG,KAAK0C,MAGTyM,EAAcrZ,MAAMuB,GACpBhO,KAEI5B,EAAI,EAAGA,EAAIkQ,mBAAoBlQ,IAAKiR,QAAQyW,EAAa,GAAI,IAChE7V,MAGA8V,EAAwBD,GAAenJ,EAAErhB,OAASwqB,GAAenJ,EAAE1I,GAEpE4R,IAASC,EAAYlY,aAAeoB,IAAU+W,IACzC/F,SAAWxS,YAAYsY,KAErBnP,KAAKqP,mBAAmBF,KAE9BznB,KAAK4R,SAGHjQ,8CAGWkN,MACd8S,GAAWxS,YAAYN,GACvB+S,EAAYtJ,KAAK5S,KAAKugB,WAAWtE,mBAE1BA,YACCC,GAAa,OAClBtJ,KAAKR,OAAO5C,iBAAiB0M,EAAWtJ,KAAK0C,MAAMhG,uBApRvB+E,0gBCFhBvD,iCACRlT,EAAQQ,uHACbR,EAAQQ,aAETgf,WAAahf,EAAKgf,iBAClB8E,YAAc9jB,EAAK8jB,kBAEnBvuB,KAAOyK,EAAKzK,MAAQ,SACpB4iB,KAAO,IAEP9D,wFAIFG,KAAK5S,KAAK4P,SAASpY,QAAU,SAC1B0U,OAAOiJ,WAAa,OACpBL,SAASle,SAAS1B,OAAS,sCAIxByL,gGACOA,KAERwhB,YAAcxhB,EAAQwhB,kBACtBC,eAAiBzhB,EAAQyhB,wBAE5BlW,OAAOmW,UAAY1hB,EAAQwhB,YAAYE,WAAa,YACpDnW,OAAOoW,UAAY3hB,EAAQwhB,YAAYG,WAAa,YACpDpW,OAAOqW,UAAY5hB,EAAQwhB,YAAYI,WAAa,OACpDrW,OAAOsW,oBAAsB7hB,EAAQwhB,YAAYK,qBAAuB,OAExEtW,OAAOuW,eAAiB9hB,EAAQyhB,eAAeK,oBAC/CvW,OAAOwW,eAAiB/hB,EAAQyhB,eAAeM,oBAE/CxW,OAAO+Q,iBAAmBtc,EAAQsc,6DAIhCxN,iEADSmD,KAAK5S,KACC4S,KAAKjf,uDAIpBwc,qEADcyC,KAAK5S,wCAItBsW,gEACCqM,iBACDrM,QACEsM,oBAAoBhQ,KAAKiQ,gBAA+B,SAAdjQ,KAAKjf,WAEhDmvB,8DAIDlK,GAAIhG,KAAK0C,MACT5F,EAASkD,KAAK5S,KAAK0P,SACrBC,cAAgBD,EAAOlY,SAEvBurB,UAAYnQ,KAAK9U,MAAO8a,EAAEjJ,gBAE1BqT,QAAUpK,EAAEmK,UAAU,IAMtBE,cACOvT,YACGA,EAAOzS,IAAI,SAAC/F,EAAGmD,SACzBpD,UAAS2hB,EAAEoK,QAAU3oB,EAAIue,EAAEmK,0DAKVG,MACb/U,GAAOV,mBAAmByV,yDADa,SAEvCvU,EAAkBiE,KAAKja,OAAS6V,cAAcL,GAC9CgV,EAAiB9U,gBAAgBF,GAAQQ,EACzCjW,EAAWka,KAAKja,OAAUuV,aAAaC,GAAQgV,OAEhD7N,MAAM5G,cACFP,YACGA,EAAKlR,IAAI,kBAAKvE,GAAWxB,EAAIyX,oBACvBA,WACPjW,QAIN0qB,yBACAC,qBACAC,8DAID1K,GAAIhG,KAAK0C,MACTiO,EAAW,kBAAU7V,GAAOzQ,IAAI,kBAAOwR,OAAM3R,EAAK8b,EAAElK,YAEtDkB,SAAWgD,KAAK5S,KAAK4P,SAAS3S,IAAI,SAAC/F,EAAGmD,MACnCqT,GAASxW,EAAEwW,OACX8V,EAAetsB,EAAEssB,6BAEdtsB,EAAEwU,WACDrR,YACInD,EAAE6Y,iBAELrC,aACI6V,EAAS7V,gBAEP8V,iBACED,EAASC,iDAMvB5K,GAAIhG,KAAK0C,SACV1C,KAAKwK,WAAWqG,sBAChBC,UAAY9K,EAAEhJ,SAASgJ,EAAEhJ,SAASpY,OAAS,GAAGmsB,kBAG/CD,UAAY,GAAIhsB,OAAMkhB,EAAEjJ,eAAe9X,KAAK,QAC5C+X,SAAS3S,IAAI,cACZqf,WAAWrf,IAAI,SAAC0E,EAAKrL,GACnBqL,EAAMiX,EAAE8K,UAAUptB,OAClBotB,UAAUptB,GAAKqL,iDAOhBiX,GAAIhG,KAAK0C,KACV1C,MAAK5S,KAAKsQ,gBACPgF,MAAMhF,SAAWsC,KAAK5S,KAAKsQ,SAASrT,IAAI,qBAC1C0d,SAAWlM,MAAMvX,EAAEwP,MAAOkS,EAAElK,OAC1BxX,EAAEyJ,UAASzJ,EAAEyJ,YAIVzJ,KAGN0b,KAAK5S,KAAKiQ,gBACPqF,MAAMrF,SAAW2C,KAAK5S,KAAKiQ,SAAShT,IAAI,qBAC1Cke,SAAW1M,MAAMvX,EAAEK,MAAOqhB,EAAElK,SAC5B0M,OAAS3M,MAAMvX,EAAEgZ,IAAK0I,EAAElK,OACtBxX,EAAEyJ,UAASzJ,EAAEyJ,YACVzJ,0DAML+I,EAAM,YAEP2S,KAAKwK,WAAWqG,QAAS,GACrB,kBACFG,GAAa,GAAIlsB,OAAMkb,KAAK0C,MAAM3F,eAAe9X,KAAK,QACrDmI,KAAK4P,SAAS3S,IAAI,SAAC/F,EAAGmD,MACtBqT,GAASwF,EAAKlT,KAAK4P,SAASvV,GAAGqT,SACjCzN,GAAO2jB,EAAaA,EAAW3mB,IAAI,SAAC2Z,EAAGvc,SAAMuc,GAAIlJ,EAAOrT,UAIxDwpB,GAAgBjR,KAAK5S,KAAK4P,SAAS3S,IAAI,kBAAK/F,GAAE+I,WAC/C2S,MAAK5S,KAAKsQ,YACEhW,KAAKsY,KAAK5S,KAAKsQ,SAASrT,IAAI,kBAAK/F,GAAEwP,SAE/CkM,KAAK5S,KAAKiQ,eACPjQ,KAAKiQ,SAAShT,IAAI,cACR3C,MAAMpD,EAAEgZ,IAAKhZ,EAAEK,iBAIrBO,oCAAU+rB,yDAIhB/X,IAEF,cAEO8G,KAAK1G,OAAOoW,gBACX1P,KAAK9U,qBACI8U,KAAK1G,OAAOsW,qBAG7B,iBACQ5P,MAAK0C,MAAM5G,OACjBqJ,KAAKnF,QAIP,cAEOA,KAAK1G,OAAOmW,iBACVzP,KAAKja,QAGd,cACKigB,GAAIhG,KAAK0C,eACX2N,MAAMjI,WAAazK,mBAAmBqC,KAAK9U,MAC5C8a,EAAEqK,MAAMvT,OAAQkD,KAAK1G,OAAOqW,WAEtB3J,EAAEqK,OACRlL,KAAKnF,QAIP,kBAEQA,KAAK9U,UACP,SAEN,iBACQ8U,MAAK0C,MAAMrF,UACjB8H,KAAKnF,QAILkR,EAAclR,KAAK0C,MAAM1F,SAAS7D,OAAO,kBAAqB,QAAhB7U,EAAE6Y,YAChDgU,EAAenR,KAAK0C,MAAM1F,SAAS7D,OAAO,kBAAqB,SAAhB7U,EAAE6Y,YAEjDiU,EAAcF,EAAY7mB,IAAI,eAC7BoF,GAAQnL,EAAEmL,aAEb,YAAmBnL,EAAEmL,aAEbA,QACAmX,EAAKpH,OAAO/P,WACVmX,EAAK4D,WAAWqG,yBAGPjK,EAAKtN,OAAO+Q,2BACnBzD,EAAK7gB,OAAS4Y,wBAE1B,cACKqH,GAAIhG,KAAK0C,MACTpe,EAAI0hB,EAAEhJ,SAASvN,GACfohB,EAAU7Q,KAAKwK,WAAWqG,QAE1BQ,EAAarR,KAAKwK,WAAW6G,YAAc3S,sBAC3CkL,EAAY5D,EAAEmK,WAAa,EAAIkB,GAC/B3K,EAAWkD,GAAWiH,EAAU,EAAIK,EAAYtsB,QAEhD8iB,EAAa1B,EAAEqK,MAAMvI,UAAUzd,IAAI,kBAAK8B,GAAIyd,EAAU,GACtDiH,OACUnJ,EAAWrd,IAAI,kBAAKvD,GAAI4f,EAAWjX,QAG7CqN,GAAS,GAAIhY,OAAMkhB,EAAEjJ,eAAe9X,KAAK,GAC1C+a,MAAK1G,OAAO+Q,qBACXwG,GAAWvsB,EAAEmL,QAAUuW,EAAEhJ,SAASpY,OAAS,EACpCN,EAAEssB,aAEFtsB,EAAEwW,WAIT6O,GAAU,GAAI7kB,OAAMkhB,EAAEjJ,eAAe9X,KAAK,SAC3C4rB,OACQvsB,EAAEolB,WAAWrf,IAAI,SAACrE,EAAGtC,SAAMsC,GAAI1B,EAAEysB,eAAertB,kBAI9CgkB,aACApjB,EAAEolB,mBACLC,SAED7M,WAEEkJ,EAAElK,MAAMhW,mBACP8jB,WACDlD,IAEVvB,KAAKyB,MAIL0K,EAAcH,EAAa9mB,IAAI,eAC9BoF,GAAQnL,EAAEmL,aAEb,aAAoBnL,EAAEmL,aAEdA,QACAmX,EAAKpH,OAAO/P,WACVmX,EAAKvW,iBACJuW,EAAK0I,YAAYnf,oBACfyW,EAAK0I,YAAY/e,kBACrBqW,EAAK0I,YAAYrf,gBACf2W,EAAK0I,YAAYlF,kBACjBxD,EAAK0I,YAAYnF,0BAGTvD,EAAKtN,OAAO+Q,kBAE/B,cACKrE,GAAIhG,KAAK0C,MACTpe,EAAI0hB,EAAEhJ,SAASvN,GACf8hB,EAAUvL,EAAElK,MAAMgM,UAAU,GAAK9B,EAAElK,MAAMhW,SAC1CkgB,EAAElK,MAAMgM,UAAU,GAAK9B,EAAElK,MAAMhW,2BAGrBkgB,EAAEqK,MAAMvI,qBACRxjB,EAAEolB,kBAENplB,EAAEwW,gBAEAyW,SACFvR,KAAKsP,YAAYkC,SAAW5S,sBAEpCuG,KAAKyB,MAIL6K,IAEF,kBAEQzR,KAAK9U,UACP,SAEN,iBACQ8U,MAAK0C,MAAMhF,UACjByH,KAAKnF,UAIU9G,EAAiBhU,OAAOksB,EAAaE,EAAaG,MAEjEC,IAAa,WAAY,iBACxBC,2BAEA5N,WAAa,GAAIY,KAAIzL,EACxBC,OAAO,mBAASuY,EAAUtY,SAAS5N,EAAK,KAAOob,EAAKlE,MAAMlX,EAAK,MAC/DnB,IAAI,eACAogB,GAAY5R,+CAAgBrN,WAC7BA,EAAK,GAAG4N,SAAS,cAAgB5N,EAAK,GAAG4N,SAAS,gBAC/CuY,mBAAmBjqB,KAAK+iB,IAEtBjf,EAAK,GAAIif,gEAKdmH,kBAED5L,GAAIhG,KAAK0C,MACTmP,EAAU7R,KAAK1G,OAAOuW,eACtBiC,EAAU9R,KAAK1G,OAAOwW,cACb9J,GAAEqK,MAAMvT,OAEdzS,IAAI,SAAC3D,EAAO+I,MACdqL,GAAS2K,EAAK/C,MAAM1F,SAAS3S,IAAI,SAACgW,EAAK5Y,MACtCqM,GAAQuM,EAAIvF,OAAOrL,gBAEf4Q,EAAIvH,WACJhF,OACDuM,EAAIqJ,WAAWja,SACdgW,EAAKjG,OAAO/X,aACRqqB,EAAUA,EAAQhe,GAASA,OAInC8d,YAAYniB,UACT/I,iBACSmrB,EAAUA,EAAQnrB,GAASA,OACrCsf,EAAEqK,MAAMvI,UAAUrY,UAChBqL,WACEkL,EAAE8K,UAAUrhB,4DAOnB2G,UAAUgK,iBAAiB,YAAa,SAACoF,MACzC3hB,GAAIwkB,EAAKnG,SACT3Z,EAAI7G,UAAU2mB,EAAKjS,WACnB2b,EAAOvM,EAAE8G,MAAQ/jB,EAAErG,KAAO+B,cAAcJ,GACxCmuB,EAAOxM,EAAE+G,MAAQhkB,EAAEzG,GAEpBkwB,GAAO3J,EAAKtiB,OAASnC,aAAaC,IACjCmuB,EAAQpuB,aAAaC,KACnBouB,oBAAoBF,KAEpBvO,IAAIvD,wDAKQ8R,MACf/L,GAAIhG,KAAK0C,SACTsD,EAAE8K,cAEFrhB,GAAQuM,kBAAkB+V,EAAM/L,EAAEqK,MAAMvI,WAAW,GACnDoK,EAAMlS,KAAK4R,YAAYniB,QAEtB+T,IAAIyH,UACRiH,EAAIxH,KAAO1K,KAAKwD,IAAI3Y,OAAOsB,EAC3B+lB,EAAIC,SAAWnS,KAAKwD,IAAI3Y,OAAO7E,GAC9B8S,KAAMoZ,EAAIE,eAAgBte,MAAO,IAClCoe,EAAIpX,OACJrL,QAGI+T,IAAI0H,6DAILlF,EAAIhG,KAAK5S,IACV4Y,GAAEhJ,SAASpY,OAAS,SACjB6f,WAAW+B,YAAc,KAC5BxJ,SAAS3S,IAAI,SAAC/F,EAAGmD,MACdif,GAAWjI,qBAGX7c,EAAO0L,YAEC7F,EACX,IACAif,EACA+B,EAAKjJ,OAAO/X,GACZnD,EAAEwU,KACF2P,EAAKnP,OAAO2I,mBACRwC,WAAWvjB,YAAYU,0DAS3Boe,KAAK2D,sBACFA,KAAO,EAGV3D,MAAKqS,oBACFA,cAActP,QAAQ,eACtBxa,GAAIoB,EAAEwX,UACRhX,WAAW4K,YAAYxM,UAItB8pB,cAAgBrS,KAAK2R,mBAAmBtnB,IAAI,wBAEzC2Z,EAAEwF,qBACCje,SACFyY,EAAEyF,aAIoBle,KAA5ByU,KAAK0C,MAAM4P,oBACR5P,MAAM4P,aAAetS,KAAK0C,MAAM3F,cAAgB,QAIjDsV,cAAchoB,IAAI,eAClBkoB,GAAcjuB,EAAEmlB,MAAM+I,EAAK9P,MAAM4P,gBAEnCnR,QAAUF,YAAY3c,EAAEvD,MAAMwxB,KAC3BtO,SAAS/iB,YAAYoD,EAAE6c,yDAK1BnB,KAAKqS,oBACFA,cAActP,QAAQ,eACtBxa,GAAIoB,EAAEwX,UACRhX,WAAW4K,YAAYxM,2DAMtByC,OAAOoV,iBAAiB,cAAe,aACtCgB,sEAKDuQ,mBAAmBtnB,IAAI,cACzBof,MAAMpf,IAAI,cACN+V,iBAAiB,QAAS,cAC1B3Q,GAAQiB,EAAKqB,aAAa,sBACzB0gB,oBAAoBhjB,cAMvB+T,IAAIpN,UAAUgK,iBAAiB,QAAS,cACxC3Q,GAAQijB,EAAKlP,IAAIpN,UAAUrE,aAAa,sBACvC0gB,oBAAoBhjB,6DAKrB4iB,cAAchoB,IAAI,eAClBkoB,GAAcjuB,EAAEmlB,MAAMkJ,EAAKjQ,MAAM4P,4BACvBhuB,EAAEvD,MAAMwxB,EAAajuB,EAAE6c,sDAKjCsR,oBAAoBzS,KAAK0C,MAAM4P,aAAe,+CAI9CG,oBAAoBzS,KAAK0C,MAAM4P,aAAe,6CAGvC7iB,0DAAMuQ,KAAK0C,MAAM4P,aACzBtM,EAAIhG,KAAK0C,mBAELjT,QACAuW,EAAEqK,MAAMvT,OAAOrN,UACduW,EAAEhJ,SAAS3S,IAAI,kBAAK/F,GAAEwW,OAAOrL,kDAKnBA,MACfuW,GAAIhG,KAAK0C,SACLjZ,SAASgG,IACN,IAAGA,EAAQ,GACnBA,GAASuW,EAAEqK,MAAMvT,OAAOlY,SAAQ6K,EAAQuW,EAAEqK,MAAMvT,OAAOlY,OAAS,GAChE6K,IAAUuW,EAAEsM,iBACbA,aAAe7iB,OACZuQ,KAAKhV,OAAQ,cAAegV,KAAK4S,sDAM1BlsB,EAAOmsB,MAAepjB,0DAAMuQ,KAAK0C,MAAM3F,8GAChCrW,EAAOmsB,EAAepjB,QACpCrC,KAAK0P,OAAOgW,OAAOrjB,EAAO,EAAG/I,QAC7B0G,KAAK4P,SAAS3S,IAAI,SAAC/F,EAAGmD,KACxBqT,OAAOgY,OAAOrjB,EAAO,EAAGojB,EAAcprB,WAEpC0c,OAAOnE,KAAK5S,mDAGFqC,0DAAQuQ,KAAK0C,MAAM3F,cAAc,CAC5CiD,MAAK5S,KAAK0P,OAAOlY,QAAU,uGAGT6K,QACjBrC,KAAK0P,OAAOgW,OAAOrjB,EAAO,QAC1BrC,KAAK4P,SAAS3S,IAAI,cACpByQ,OAAOgY,OAAOrjB,EAAO,UAEnB0U,OAAOnE,KAAK5S,6CAGJylB,MAAepjB,0DAAM,OAC7BrC,KAAK4P,SAASvN,GAAOqL,OAAS+X,OAC9B1O,OAAOnE,KAAK5S,6CAKH4P,QACT5P,KAAK4P,SAAS3S,IAAI,SAAC/F,EAAGmD,GACvBuV,EAASvV,OACTqT,OAASkC,EAASvV,WAGjB0c,OAAOnE,KAAK5S,aA1jBoBqU,0gBCFlBsR,kCACR/nB,EAAQQ,uHACbR,EAAQQ,aACTzK,KAAO,UACP4hB,YAAc,IACdgB,KAAO,IAEP9D,oFAGIrU,gGACOA,QACX4f,UAAYpL,KAAKoL,UAAUjG,KAAKnF,WAChCqL,WAAarL,KAAKqL,WAAWlG,KAAKnF,WAElCsL,WAAa9f,EAAK8f,YAAc,QAChChS,OAAOiS,WAAa/f,EAAK+f,YAAc,OAEvCvf,UAAYR,EAAKQ,YAAa,OAC9Bub,YAAc/b,EAAK+b,aAAe,yIAKnCvB,GAAIhG,KAAK0C,WACRld,OACJwa,KAAKja,OAASia,KAAK9U,MAChB8U,KAAKjU,OAAOI,EAAI6T,KAAKuH,YAAc,EACnCvH,KAAKjU,OAAO/F,EAAIga,KAAKuH,YAAc,KAE/B/hB,GAAsBwa,KAAtBxa,OAAQwG,EAAcgU,KAAdhU,UAEVwf,EAAuBxF,EAAEyF,uBAC7BnE,kBACAmE,uBACEC,GAAW,IAAM1L,KAAK1G,OAAOiS,aAE/BtF,YAAY5b,IAAI,SAAC8b,EAAO1e,MACnB8jB,GAAaG,EACbC,EAAmBxF,EAAQH,EAAEO,WAAcjH,WAC3CrT,EAAW0f,EAAkB,IAAM,EAAG,EACtCC,EAAY5f,GAAa2f,EAAkBA,EAC3CE,EAAWH,GAAsBE,EACjC/f,EAAgBvG,mBAAmBimB,EAAY/lB,GAC/CsG,EAAcxG,mBAAmBumB,EAAUrmB,GAE3CsmB,EAAexL,EAAKqD,MAAQ6H,EAAqB/jB,GAEnDskB,SAASC,QACV1L,GAAKqD,QACImI,EAAeA,EAAajgB,cAAgBA,IAC9CigB,EAAeA,EAAahgB,YAAcD,MAExCA,IACFC,MAEJmgB,GACe,MAApBN,EACGjf,oBAAoBqf,EAAUC,EAAQ1L,EAAKvU,OAAQuU,EAAK9a,OAAQ8a,EAAKtU,UAAWC,GAChFQ,qBAAqBsf,EAAUC,EAAQ1L,EAAKvU,OAAQuU,EAAK9a,OAAQ8a,EAAKtU,UAAWC,KAEnFqb,aAAa5f,KAAKukB,KAClBR,iBAAiB/jB,0CAGXye,QACAH,EAAEO,yCAGFqF,WAIJjI,KAAO,+CAIRqC,GAAIhG,KAAK0C,MAETxJ,IAEF,iBAEA,+BAEgB8M,EAAEsB,oBACRtH,KAAKR,mBACAQ,KAAKuH,cAElBpC,KAAKnF,aAIJ+D,WAAa,GAAIY,KAAIzL,EACxB7O,IAAI,eACAogB,GAAY5R,+CAAgBrN,WACxBA,EAAK,GAAIif,kDAIAyB,MACZ1mB,GAAuBwa,KAAvBxa,OAAQ8lB,EAAetL,KAAfsL,WACTvD,EAAWziB,mBAAmB4mB,EAASX,WAAYW,EAAS3mB,MAAQ,EAAGC,wBACtDuiB,EAAS5b,EAAKmf,QAAiBvD,EAAS/hB,EAAKslB,6CAG1Dpb,EAAKzI,EAAE0kB,EAAK3G,MAClBtV,MACE/G,GAAQ6W,KAAKR,OAAO/X,MACvB0kB,EAAM,WACEjc,EAAM8P,KAAKoM,oBAAoBpM,KAAK0C,MAAM+I,iBAAiBhkB,OAChE5G,MAAMyN,OAASpF,mBAAmBC,EAAO,OAC1CkjB,GAAQ3qB,UAAUse,KAAKnK,KACvB1J,EAAIqZ,EAAE8G,MAAQD,EAAMnqB,KAAO,GAC3B8D,EAAIwf,EAAE+G,MAAQF,EAAMvqB,IAAM,GAC1Boe,GAASF,KAAKwM,kBAAoBxM,KAAKwM,iBAAiB5nB,OAAS,EAClEob,KAAKwM,iBAAiB/kB,GAAKuY,KAAK0C,MAAM5F,OAAOrV,IAAM,KAClDglB,GAAuC,IAA5BzM,KAAK0C,MAAMuD,YAAYxe,GAAWuY,KAAK0C,MAAM6D,YAAYhiB,QAAQ,QAC3Eif,IAAIyH,UAAU9e,EAAGnG,GAAI8S,KAAMoH,EAAOpM,MAAO2Y,EAAU,WACnDjJ,IAAI0H,yBAEChb,EAAK,2BACVsT,IAAIvD,YACJpf,MAAMyN,OAASnF,8CAKhBiN,UAAUgK,iBAAiB,YAAaJ,KAAKoL,gBAC7ChV,UAAUgK,iBAAiB,aAAcJ,KAAKqL,8CAG1C7F,MACHniB,GAASmiB,EAAEniB,OACbqpB,EAAS1M,KAAK+D,WAAW6G,IAAI,eAAezD,MAC5CwF,EAAY3M,KAAK4M,oBACjBC,EAAa7M,KAAK8M,kBACnBJ,EAAOtT,SAAS/V,GAAS,IACvBoE,GAAIilB,EAAOhR,QAAQrY,QAClB0pB,WAAWF,EAAYF,GAAU,QACjCG,eAAiBzpB,OACjBupB,oBAAsBnlB,OACtBslB,WAAW1pB,EAAQoE,GAAG,EAAM+d,aAE5B6F,uDAKD0B,WAAW/M,KAAK8M,eAAe9M,KAAK4M,qBAAoB,UArJvB/G,kBTAlC1H,gBACAD,eACCA,qBAEMqM,wBACH2C,YACJ/B,eACE4H,YAiBFC,MACL,WAAYhoB,EAAQ+C,kCACZkQ,eAAelQ,EAAQhN,KAAMiK,EAAQ+C"} \ No newline at end of file diff --git a/dist/frappe-charts.min.esm.js b/dist/frappe-charts.min.esm.js new file mode 100644 index 0000000..068af51 --- /dev/null +++ b/dist/frappe-charts.min.esm.js @@ -0,0 +1,2 @@ +function styleInject(t,e){void 0===e&&(e={});var n=e.insertAt;if(t&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===n&&i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}}function $(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function getOffset(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function isElementInViewport(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function getElementContentWidth(t){var e=window.getComputedStyle(t),n=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-n}function fire(t,e,n){var i=document.createEvent("HTMLEvents");i.initEvent(e,!0,!0);for(var a in n)i[a]=n[a];return t.dispatchEvent(i)}function getTopOffset(t){return t.titleHeight+t.margins.top+t.paddings.top}function getLeftOffset(t){return t.margins.left+t.paddings.left}function getExtraHeight(t){return t.margins.top+t.margins.bottom+t.paddings.top+t.paddings.bottom+t.titleHeight+t.legendHeight}function getExtraWidth(t){return t.margins.left+t.margins.right+t.paddings.left+t.paddings.right}function _classCallCheck$4(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function floatTwo(t){return parseFloat(t.toFixed(2))}function fillArray(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]&&arguments[3];n||(n=i?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(n);return t=i?a.concat(t):t.concat(a)}function getStringWidth(t,e){return(t+"").length*e}function getPositionByAngle(t,e){return{x:Math.sin(t*ANGLE_RATIO)*e,y:Math.cos(t*ANGLE_RATIO)*e}}function getBarHeightAndYAttr(t,e){var n=void 0,i=void 0;return t<=e?(n=e-t,i=t):(n=t-e,i=e),[n,i]}function equilizeNoOfElements(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return n>0?t=fillArray(t,n):e=fillArray(e,n),[t,e]}function truncateString(t,e){if(t)return t.length>e?t.slice(0,e-3)+"...":t}function shortenLargeNumber(t){var e=void 0;if("number"==typeof t)e=t;else if("string"==typeof t&&(e=Number(t),Number.isNaN(e)))return t;var n=Math.floor(Math.log10(Math.abs(e)));if(n<=2)return e;var i=Math.floor(n/3),a=Math.pow(10,n-3*i)*+(e/Math.pow(10,n)).toFixed(1);return Math.round(100*a)/100+" "+["","K","M","B","T"][i]}function createSplineCurve(t,e){for(var n=[],i=0;i255?255:t<0?0:t}function lightenDarkenColor(t,e){var n=getColor(t),i=!1;"#"==n[0]&&(n=n.slice(1),i=!0);var a=parseInt(n,16),r=limitColor((a>>16)+e),o=limitColor((a>>8&255)+e),s=limitColor((255&a)+e);return(i?"#":"")+(s|o<<8|r<<16).toString(16)}function isValidColor(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function $$1(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function createSVG(t,e){var n=document.createElementNS("http://www.w3.org/2000/svg",t);for(var i in e){var a=e[i];if("inside"===i)$$1(a).appendChild(n);else if("around"===i){var r=$$1(a);r.parentNode.insertBefore(n,r),n.appendChild(r)}else"styles"===i?"object"===(void 0===a?"undefined":_typeof$2(a))&&Object.keys(a).map(function(t){n.style[t]=a[t]}):("className"===i&&(i="class"),"innerHTML"===i?n.textContent=a:n.setAttribute(i,a))}return n}function renderVerticalGradient(t,e){return createSVG("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function setGradientStop(t,e,n,i){return createSVG("stop",{inside:t,style:"stop-color: "+n,offset:e,"stop-opacity":i})}function makeSVGContainer(t,e,n,i){return createSVG("svg",{className:e,inside:t,width:n,height:i})}function makeSVGDefs(t){return createSVG("defs",{inside:t})}function makeSVGGroup(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0,i={className:t,transform:e};return n&&(i.inside=n),createSVG("g",i)}function makePath(t){return createSVG("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none","stroke-width":arguments.length>4&&void 0!==arguments[4]?arguments[4]:2}})}function makeArcPathStr(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,o=n.x+t.x,s=n.y+t.y,l=n.x+e.x,u=n.y+e.y;return"M"+n.x+" "+n.y+"\n\t\tL"+o+" "+s+"\n\t\tA "+i+" "+i+" 0 "+r+" "+(a?1:0)+"\n\t\t"+l+" "+u+" z"}function makeCircleStr(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,o=n.x+t.x,s=n.y+t.y,l=n.x+e.x,u=2*n.y,c=n.y+e.y;return"M"+n.x+" "+n.y+"\n\t\tL"+o+" "+s+"\n\t\tA "+i+" "+i+" 0 "+r+" "+(a?1:0)+"\n\t\t"+l+" "+u+" z\n\t\tL"+o+" "+u+"\n\t\tA "+i+" "+i+" 0 "+r+" "+(a?1:0)+"\n\t\t"+l+" "+c+" z"}function makeArcStrokePathStr(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,o=n.x+t.x,s=n.y+t.y,l=n.x+e.x,u=n.y+e.y;return"M"+o+" "+s+"\n\t\tA "+i+" "+i+" 0 "+r+" "+(a?1:0)+"\n\t\t"+l+" "+u}function makeStrokeCircleStr(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,o=n.x+t.x,s=n.y+t.y,l=n.x+e.x,u=2*i+s,c=n.y+t.y;return"M"+o+" "+s+"\n\t\tA "+i+" "+i+" 0 "+r+" "+(a?1:0)+"\n\t\t"+l+" "+u+"\n\t\tM"+o+" "+u+"\n\t\tA "+i+" "+i+" 0 "+r+" "+(a?1:0)+"\n\t\t"+l+" "+c}function makeGradient(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i="path-fill-gradient-"+e+"-"+(n?"lighter":"default"),a=renderVerticalGradient(t,i),r=[1,.6,.2];return n&&(r=[.4,.2,0]),setGradientStop(a,"0%",e,r[0]),setGradientStop(a,"50%",e,r[1]),setGradientStop(a,"100%",e,r[2]),i}function percentageBar(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:PERCENTAGE_BAR_DEFAULT_DEPTH,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:"none";return createSVG("rect",{className:"percentage-bar",x:t,y:e,width:n,height:i,fill:r,styles:{stroke:lightenDarkenColor(r,-25),"stroke-dasharray":"0, "+(i+n)+", "+n+", "+i,"stroke-width":a}})}function heatSquare(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},o={className:t,x:e,y:n,width:i,height:i,fill:a};return Object.keys(r).map(function(t){o[t]=r[t]}),createSVG("rect",o)}function legendBar(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none",a=arguments[4];a=arguments.length>5&&void 0!==arguments[5]&&arguments[5]?truncateString(a,LABEL_MAX_CHARS):a;var r={className:"legend-bar",x:0,y:0,width:n,height:"2px",fill:i},o=createSVG("text",{className:"legend-dataset-text",x:0,y:0,dy:2*FONT_SIZE+"px","font-size":1.2*FONT_SIZE+"px","text-anchor":"start",fill:FONT_FILL,innerHTML:a}),s=createSVG("g",{transform:"translate("+t+", "+e+")"});return s.appendChild(createSVG("rect",r)),s.appendChild(o),s}function legendDot(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none",a=arguments[4],r={className:"legend-dot",cx:0,cy:0,r:n,fill:i},o=createSVG("text",{className:"legend-dataset-text",x:0,y:0,dx:FONT_SIZE+"px",dy:FONT_SIZE/3+"px","font-size":1.2*FONT_SIZE+"px","text-anchor":"start",fill:FONT_FILL,innerHTML:a}),s=createSVG("g",{transform:"translate("+t+", "+e+")"});return s.appendChild(createSVG("circle",r)),s.appendChild(o),s}function makeText(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},r=a.fontSize||FONT_SIZE;return createSVG("text",{className:t,x:e,y:n,dy:(void 0!==a.dy?a.dy:r/2)+"px","font-size":r+"px",fill:a.fill||FONT_FILL,"text-anchor":a.textAnchor||"start",innerHTML:i})}function makeVertLine(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=BASE_LINE_COLOR);var r=createSVG("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:n,y2:i,styles:{stroke:a.stroke}}),o=createSVG("text",{x:0,y:n>i?n+LABEL_MARGIN:n-LABEL_MARGIN-FONT_SIZE,dy:FONT_SIZE+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:e+""}),s=createSVG("g",{transform:"translate("+t+", 0)"});return s.appendChild(r),s.appendChild(o),s}function makeHoriLine(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=BASE_LINE_COLOR),a.lineType||(a.lineType=""),a.shortenNumbers&&(e=shortenLargeNumber(e));var r=createSVG("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:n,x2:i,y1:0,y2:0,styles:{stroke:a.stroke}}),o=createSVG("text",{x:n3&&void 0!==arguments[3]?arguments[3]:{};i.pos||(i.pos="left"),i.offset||(i.offset=0),i.mode||(i.mode="span"),i.stroke||(i.stroke=BASE_LINE_COLOR),i.className||(i.className="");var a=-1*AXIS_TICK_LENGTH,r="span"===i.mode?n+AXIS_TICK_LENGTH:0;return"tick"===i.mode&&"right"===i.pos&&(a=n+AXIS_TICK_LENGTH,r=n),a+=i.offset,r+=i.offset,makeHoriLine(t,e,a,r,{stroke:i.stroke,className:i.className,lineType:i.lineType,shortenNumbers:i.shortenNumbers})}function xLine(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};i.pos||(i.pos="bottom"),i.offset||(i.offset=0),i.mode||(i.mode="span"),i.stroke||(i.stroke=BASE_LINE_COLOR),i.className||(i.className="");var a=n+AXIS_TICK_LENGTH,r="span"===i.mode?-1*AXIS_TICK_LENGTH:n;return"tick"===i.mode&&"top"===i.pos&&(a=-1*AXIS_TICK_LENGTH,r=0),makeVertLine(t,e,a,r,{stroke:i.stroke,className:i.className,lineType:i.lineType})}function yMarker(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};i.labelPos||(i.labelPos="right");var a=createSVG("text",{className:"chart-label",x:"left"===i.labelPos?LABEL_MARGIN:n-getStringWidth(e,5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:e+""}),r=makeHoriLine(t,"",0,n,{stroke:i.stroke||BASE_LINE_COLOR,className:i.className||"",lineType:i.lineType});return r.appendChild(a),r}function yRegion(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},r=t-e,o=createSVG("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:BASE_LINE_COLOR,"stroke-dasharray":n+", "+r},x:0,y:0,width:n,height:r});a.labelPos||(a.labelPos="right");var s=createSVG("text",{className:"chart-label",x:"left"===a.labelPos?LABEL_MARGIN:n-getStringWidth(i+"",4.5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:i+""}),l=createSVG("g",{transform:"translate(0, "+e+")"});return l.appendChild(o),l.appendChild(s),l}function datasetBar(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,o=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,s=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=getBarHeightAndYAttr(e,s.zeroLine),u=_slicedToArray(l,2),c=u[0],h=u[1];h-=o,0===c&&(c=s.minHeight,h-=s.minHeight);var d=createSVG("rect",{className:"bar mini",style:"fill: "+i,"data-point-index":r,x:t,y:h,width:n,height:c});if((a+="")||a.length){d.setAttribute("y",0),d.setAttribute("x",0);var f=createSVG("text",{className:"data-point-value",x:n/2,y:0,dy:FONT_SIZE/2*-1+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:a}),p=createSVG("g",{"data-point-index":r,transform:"translate("+t+", "+h+")"});return p.appendChild(d),p.appendChild(f),p}return d}function datasetDot(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,o=createSVG("circle",{style:"fill: "+i,"data-point-index":r,cx:t,cy:e,r:n});if((a+="")||a.length){o.setAttribute("cy",0),o.setAttribute("cx",0);var s=createSVG("text",{className:"data-point-value",x:0,y:0,dy:FONT_SIZE/2*-1-n+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:a}),l=createSVG("g",{"data-point-index":r,transform:"translate("+t+", "+e+")"});return l.appendChild(o),l.appendChild(s),l}return o}function getPaths(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},r=e.map(function(e,n){return t[n]+","+e}).join("L");i.spline&&(r=createSplineCurve(t,e));var o=makePath("M"+r,"line-graph-path",n);if(i.heatline){var s=makeGradient(a.svgDefs,n);o.style.stroke="url(#"+s+")"}var l={path:o};if(i.regionFill){var u=makeGradient(a.svgDefs,n,!0),c="M"+t[0]+","+a.zeroLine+"L"+r+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=makePath(c,"region-fill","none","url(#"+u+")")}return l}function translate(t,e,n,i){var a="string"==typeof e?e:e.join(", ");return[t,{transform:n.join(", ")},i,STD_EASING,"translate",{transform:a}]}function translateVertLine(t,e,n){return translate(t,[n,0],[e,0],MARKER_LINE_ANIM_DUR)}function translateHoriLine(t,e,n){return translate(t,[0,n],[0,e],MARKER_LINE_ANIM_DUR)}function animateRegion(t,e,n,i){var a=e-n,r=t.childNodes[0];return[[r,{height:a,"stroke-dasharray":r.getAttribute("width")+", "+a},MARKER_LINE_ANIM_DUR,STD_EASING],translate(t,[0,i],[0,n],MARKER_LINE_ANIM_DUR)]}function animateBar(t,e,n,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,r=getBarHeightAndYAttr(n,(arguments.length>5&&void 0!==arguments[5]?arguments[5]:{}).zeroLine),o=_slicedToArray$2(r,2),s=o[0],l=o[1];return l-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width:i,height:s},UNIT_ANIM_DUR,STD_EASING],translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],MARKER_LINE_ANIM_DUR)]:[[t,{width:i,height:s,x:e,y:l},UNIT_ANIM_DUR,STD_EASING]]}function animateDot(t,e,n){return"circle"!==t.nodeName?[translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,n],MARKER_LINE_ANIM_DUR)]:[[t,{cx:e,cy:n},UNIT_ANIM_DUR,STD_EASING]]}function animatePath(t,e,n,i,a){var r=[],o=n.map(function(t,n){return e[n]+","+t}).join("L");a&&(o=createSplineCurve(e,n));var s=[t.path,{d:"M"+o},PATH_ANIM_DUR,STD_EASING];if(r.push(s),t.region){var l=e[0]+","+i+"L",u="L"+e.slice(-1)[0]+", "+i,c=[t.region,{d:"M"+l+o+u},PATH_ANIM_DUR,STD_EASING];r.push(c)}return r}function animatePathStr(t,e){return[t,{d:e},UNIT_ANIM_DUR,STD_EASING]}function _toConsumableArray$1(t){if(Array.isArray(t)){for(var e=0,n=Array(t.length);e3&&void 0!==arguments[3]?arguments[3]:"linear",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},o=t.cloneNode(!0),s=t.cloneNode(!0);for(var l in e){var u=void 0;u="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var c=r[l]||t.getAttribute(l),h=e[l],d={attributeName:l,from:c,to:h,begin:"0s",dur:n/1e3+"s",values:c+";"+h,keySplines:EASING[i],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};a&&(d.type=a);for(var f in d)u.setAttribute(f,d[f]);o.appendChild(u),a?s.setAttribute(l,"translate("+h+")"):s.setAttribute(l,h)}return[o,s]}function transform(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function animateSVG(t,e){var n=[],i=[];e.map(function(t){var e=t[0],a=e.parentNode,r=void 0,o=void 0;t[0]=e;var s=animateSVGElement.apply(void 0,_toConsumableArray$1(t)),l=_slicedToArray$1(s,2);r=l[0],o=l[1],n.push(o),i.push([r,a]),a.replaceChild(r,e)});var a=t.cloneNode(!0);return i.map(function(t,i){t[1].replaceChild(n[i],t[0]),e[i][0]=n[i]}),a}function runSMILAnimation(t,e,n){if(0!==n.length){var i=animateSVG(e,n);e.parentNode==t&&(t.removeChild(e),t.appendChild(i)),setTimeout(function(){i.parentNode==t&&(t.removeChild(i),t.appendChild(e))},REPLACE_ALL_NEW_DUR)}}function downloadFile(t,e){var n=document.createElement("a");n.style="display: none";var i=new Blob(e,{type:"image/svg+xml; charset=utf-8"}),a=window.URL.createObjectURL(i);n.href=a,n.download=t,document.body.appendChild(n),n.click(),setTimeout(function(){document.body.removeChild(n),window.URL.revokeObjectURL(a)},300)}function prepareForExport(t){var e=t.cloneNode(!0);e.classList.add("chart-container"),e.setAttribute("xmlns","http://www.w3.org/2000/svg"),e.setAttribute("xmlns:xlink","http://www.w3.org/1999/xlink");var n=$.create("style",{innerHTML:CSSTEXT});e.insertBefore(n,e.firstChild);var i=$.create("div");return i.appendChild(e),i.innerHTML}function _classCallCheck$3(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck$2(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn$1(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 _inherits$1(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)}function treatAsUtc(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function getYyyyMmDd(t){var e=t.getDate(),n=t.getMonth()+1;return[t.getFullYear(),(n>9?"":"0")+n,(e>9?"":"0")+e].join("-")}function clone(t){return new Date(t.getTime())}function getWeeksBetween(t,e){var n=setDayToSunday(t);return Math.ceil(getDaysBetween(n,e)/NO_OF_DAYS_IN_WEEK)}function getDaysBetween(t,e){var n=SEC_IN_DAY*NO_OF_MILLIS;return(treatAsUtc(e)-treatAsUtc(t))/n}function areInSameMonth(t,e){return t.getMonth()===e.getMonth()&&t.getFullYear()===e.getFullYear()}function getMonthName(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=MONTH_NAMES[t];return e?n.slice(0,3):n}function getLastDateInMonth(t,e){return new Date(e,t+1,0)}function setDayToSunday(t){var e=clone(t),n=e.getDay();return 0!==n&&addDays(e,-1*n),e}function addDays(t,e){t.setDate(t.getDate()+e)}function _classCallCheck$5(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function getComponent(t,e,n){var i=Object.keys(componentConfigs).filter(function(e){return t.includes(e)}),a=componentConfigs[i[0]];return Object.assign(a,{constants:e,getData:n}),new ChartComponent(a)}function _toConsumableArray(t){if(Array.isArray(t)){for(var e=0,n=Array(t.length);e0?1:-1;if(!isFinite(t))return{mantissa:4503599627370496*e,exponent:972};t=Math.abs(t);var n=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,n)),n]}function getChartRangeIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=Math.ceil(t),i=Math.floor(e),a=n-i,r=a,o=1;a>5&&(a%2!=0&&(a=++n-i),r=a/2,o=2),a<=2&&(o=a/(r=4)),0===a&&(r=5,o=1);for(var s=[],l=0;l<=r;l++)s.push(i+o*l);return s}function getChartIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=normalize(t),i=_slicedToArray$4(n,2),a=i[0],r=i[1],o=e?e/Math.pow(10,r):0,s=getChartRangeIntervals(a=a.toFixed(6),o);return s=s.map(function(t){return t*Math.pow(10,r)})}function calcChartIntervals(t){function e(t,e){for(var n=getChartIntervals(t),i=n[1]-n[0],a=0,r=1;a1&&void 0!==arguments[1]&&arguments[1],i=Math.max.apply(Math,_toConsumableArray$4(t)),a=Math.min.apply(Math,_toConsumableArray$4(t)),r=[];if(i>=0&&a>=0)normalize(i)[1],r=n?getChartIntervals(i,a):getChartIntervals(i);else if(i>0&&a<0){var o=Math.abs(a);i>=o?(normalize(i)[1],r=e(i,o)):(normalize(o)[1],r=e(o,i).map(function(t){return-1*t}))}else if(i<=0&&a<=0){var s=Math.abs(a),l=Math.abs(i);normalize(s)[1],r=(r=n?getChartIntervals(s,l):getChartIntervals(s)).reverse().map(function(t){return-1*t})}return r}function getZeroIndex(t){var e=getIntervalSize(t);return t.indexOf(0)>=0?t.indexOf(0):t[0]>0?-1*t[0]/e:-1*t[t.length-1]/e+(t.length-1)}function getIntervalSize(t){return t[1]-t[0]}function getValueRange(t){return t[t.length-1]-t[0]}function scale(t,e){return floatTwo(e.zeroLine-t*e.scaleMultiplier)}function getClosestInArray(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i=e.reduce(function(e,n){return Math.abs(n-t)n?i.slice(0,n):fillArray(i,n-i.length,0)}else t.values=a;t.chartType||(AXIS_DATASET_CHART_TYPES.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],i=t/e.length;i<=0&&(i=1);var a=i/DEFAULT_CHAR_WIDTH;return e.map(function(t,e){return(t+="").length>a&&(n?e%Math.ceil(t.length/a)!=0&&(t=""):t=a-3>0?t.slice(0,a-3)+" ...":t.slice(0,a)+".."),t})}function _toConsumableArray$5(t){if(Array.isArray(t)){for(var e=0,n=Array(t.length);e0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],n=arguments[2];return"axis-mixed"===t?(n.type="line",new AxisChart(e,n)):chartTypes[t]?new chartTypes[t](e,n):void console.error("Undefined chart type: "+t)}var css='.chart-container{position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .legend-dataset-text{fill:#6c7680;font-weight:600}.graph-svg-tip{position:absolute;z-index:99999;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.graph-svg-tip ol,.graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}';styleInject(css);var asyncGenerator=function(){function t(t){this.value=t}function e(e){function n(t,e){return new Promise(function(n,a){var s={key:t,arg:e,resolve:n,reject:a,next:null};o?o=o.next=s:(r=o=s,i(t,e))})}function i(n,r){try{var o=e[n](r),s=o.value;s instanceof t?Promise.resolve(s.value).then(function(t){i("next",t)},function(t){i("throw",t)}):a(o.done?"return":"normal",o.value)}catch(t){a("throw",t)}}function a(t,e){switch(t){case"return":r.resolve({value:e,done:!0});break;case"throw":r.reject(e);break;default:r.resolve({value:e,done:!1})}(r=r.next)?i(r.key,r.arg):o=null}var r,o;this._invoke=n,"function"!=typeof e.return&&(this.return=void 0)}return"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)},{wrap:function(t){return function(){return new e(t.apply(this,arguments))}},await:function(e){return new t(e)}}}(),_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t};$.create=function(t,e){var n=document.createElement(t);for(var i in e){var a=e[i];if("inside"===i)$(a).appendChild(n);else if("around"===i){var r=$(a);r.parentNode.insertBefore(n,r),n.appendChild(r)}else"styles"===i?"object"===(void 0===a?"undefined":_typeof(a))&&Object.keys(a).map(function(t){n.style[t]=a[t]}):i in n?n[i]=a:n.setAttribute(i,a)}return n};var BASE_MEASURES={margins:{top:10,bottom:10,left:20,right:20},paddings:{top:20,bottom:40,left:30,right:10},baseHeight:240,titleHeight:20,legendHeight:30,titleFontSize:12},INIT_CHART_UPDATE_TIMEOUT=700,CHART_POST_ANIMATE_TIMEOUT=400,DEFAULT_AXIS_CHART_TYPE="line",AXIS_DATASET_CHART_TYPES=["line","bar"],AXIS_LEGEND_BAR_SIZE=100,BAR_CHART_SPACE_RATIO=.5,MIN_BAR_PERCENT_HEIGHT=0,LINE_CHART_DOT_SIZE=4,DOT_OVERLAY_SIZE_INCR=4,PERCENTAGE_BAR_DEFAULT_HEIGHT=20,PERCENTAGE_BAR_DEFAULT_DEPTH=2,HEATMAP_DISTRIBUTION_SIZE=5,HEATMAP_SQUARE_SIZE=10,HEATMAP_GUTTER_SIZE=2,DEFAULT_CHAR_WIDTH=7,TOOLTIP_POINTER_TRIANGLE_HEIGHT=5,DEFAULT_CHART_COLORS=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],HEATMAP_COLORS_GREEN=["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],DEFAULT_COLORS={bar:DEFAULT_CHART_COLORS,line:DEFAULT_CHART_COLORS,pie:DEFAULT_CHART_COLORS,percentage:DEFAULT_CHART_COLORS,heatmap:HEATMAP_COLORS_GREEN,donut:DEFAULT_CHART_COLORS},ANGLE_RATIO=Math.PI/180,FULL_ANGLE=360,_createClass$3=function(){function t(t,e){for(var n=0;n\n\t\t\t\t
                          \n\t\t\t\t
                          '}),this.hideTip(),this.title=this.container.querySelector(".title"),this.dataPointList=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){t.hideTip()})}},{key:"fill",value:function(){var t=this,e=void 0;this.index&&this.container.setAttribute("data-point-index",this.index),e=this.titleValueFirst?""+this.titleValue+""+this.titleName:this.titleName+""+this.titleValue+"",this.title.innerHTML=e,this.dataPointList.innerHTML="",this.listValues.map(function(e,n){var i=t.colors[n]||"black",a=0===e.formatted||e.formatted?e.formatted:e.value,r=$.create("li",{styles:{"border-top":"3px solid "+i},innerHTML:''+(0===a||a?a:"")+"\n\t\t\t\t\t"+(e.title?e.title:"")});t.dataPointList.appendChild(r)})}},{key:"calcPosition",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight-TOOLTIP_POINTER_TRIANGLE_HEIGHT,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,n=this.container.querySelector(".svg-pointer");if(this.left<0)n.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var i="calc(50% + "+(this.left-e)+"px)";n.style.left=i,this.left=e}else n.style.left="50%"}},{key:"setValues",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:-1;this.titleName=n.name,this.titleValue=n.value,this.listValues=i,this.x=t,this.y=e,this.titleValueFirst=n.valueFirst||0,this.index=a,this.refresh()}},{key:"hideTip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"showTip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),t}(),PRESET_COLOR_MAP={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},getColor=function(t){return PRESET_COLOR_MAP[t]||t},_slicedToArray=function(){function t(t,e){var n=[],i=!0,a=!1,r=void 0;try{for(var o,s=t[Symbol.iterator]();!(i=(o=s.next()).done)&&(n.push(o.value),!e||n.length!==e);i=!0);}catch(t){a=!0,r=t}finally{try{!i&&s.return&&s.return()}finally{if(a)throw r}}return n}return function(e,n){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return t(e,n);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),_typeof$2="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},AXIS_TICK_LENGTH=6,LABEL_MARGIN=4,LABEL_MAX_CHARS=15,FONT_SIZE=10,BASE_LINE_COLOR="#dadada",FONT_FILL="#555b51",makeOverlay={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var n=t.cloneNode();return n.style.fill="#000000",n.style.opacity="0.4",e&&n.setAttribute("transform",e),n},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var n=t.cloneNode(),i=t.getAttribute("r"),a=t.getAttribute("fill");return n.setAttribute("r",parseInt(i)+DOT_OVERLAY_SIZE_INCR),n.setAttribute("fill",a),n.style.opacity="0.6",e&&n.setAttribute("transform",e),n},heat_square:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var n=t.cloneNode(),i=t.getAttribute("r"),a=t.getAttribute("fill");return n.setAttribute("r",parseInt(i)+DOT_OVERLAY_SIZE_INCR),n.setAttribute("fill",a),n.style.opacity="0.6",e&&n.setAttribute("transform",e),n}},updateOverlay={bar:function(t,e){var n=void 0;"rect"!==t.nodeName&&(n=t.getAttribute("transform"),t=t.childNodes[0]);var i=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return i.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),n&&e.setAttribute("transform",n)},dot:function(t,e){var n=void 0;"circle"!==t.nodeName&&(n=t.getAttribute("transform"),t=t.childNodes[0]);var i=["cx","cy"];Object.values(t.attributes).filter(function(t){return i.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),n&&e.setAttribute("transform",n)},heat_square:function(t,e){var n=void 0;"circle"!==t.nodeName&&(n=t.getAttribute("transform"),t=t.childNodes[0]);var i=["cx","cy"];Object.values(t.attributes).filter(function(t){return i.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),n&&e.setAttribute("transform",n)}},_slicedToArray$2=function(){function t(t,e){var n=[],i=!0,a=!1,r=void 0;try{for(var o,s=t[Symbol.iterator]();!(i=(o=s.next()).done)&&(n.push(o.value),!e||n.length!==e);i=!0);}catch(t){a=!0,r=t}finally{try{!i&&s.return&&s.return()}finally{if(a)throw r}}return n}return function(e,n){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return t(e,n);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),UNIT_ANIM_DUR=350,PATH_ANIM_DUR=350,MARKER_LINE_ANIM_DUR=UNIT_ANIM_DUR,REPLACE_ALL_NEW_DUR=250,STD_EASING="easein",_slicedToArray$1=function(){function t(t,e){var n=[],i=!0,a=!1,r=void 0;try{for(var o,s=t[Symbol.iterator]();!(i=(o=s.next()).done)&&(n.push(o.value),!e||n.length!==e);i=!0);}catch(t){a=!0,r=t}finally{try{!i&&s.return&&s.return()}finally{if(a)throw r}}return n}return function(e,n){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return t(e,n);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),EASING={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},CSSTEXT=".chart-container{position:relative;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .legend-dataset-text{fill:#6c7680;font-weight:600}.graph-svg-tip{position:absolute;z-index:99999;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.graph-svg-tip ul{padding-left:0;display:flex}.graph-svg-tip ol{padding-left:0;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:' ';border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}",_createClass$2=function(){function t(t,e){for(var n=0;n0&&void 0!==arguments[0]&&arguments[0],n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.updateWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),n&&(this.data=this.realData,setTimeout(function(){t.update(t.data)},this.initTimeout)),this.renderLegend(),this.setupNavigation(n)}},{key:"calc",value:function(){}},{key:"updateWidth",value:function(){this.baseWidth=getElementContentWidth(this.parent),this.width=this.baseWidth-getExtraWidth(this.measures)}},{key:"makeChartArea",value:function(){this.svg&&this.container.removeChild(this.svg);var t=this.measures;this.svg=makeSVGContainer(this.container,"frappe-chart chart",this.baseWidth,this.baseHeight),this.svgDefs=makeSVGDefs(this.svg),this.title.length&&(this.titleEL=makeText("title",t.margins.left,t.margins.top,this.title,{fontSize:t.titleFontSize,fill:"#666666",dy:t.titleFontSize}));var e=getTopOffset(t);this.drawArea=makeSVGGroup(this.type+"-chart chart-draw-area","translate("+getLeftOffset(t)+", "+e+")"),this.config.showLegend&&(e+=this.height+t.paddings.bottom,this.legendArea=makeSVGGroup("chart-legend","translate("+getLeftOffset(t)+", "+e+")")),this.title.length&&this.svg.appendChild(this.titleEL),this.svg.appendChild(this.drawArea),this.config.showLegend&&this.svg.appendChild(this.legendArea),this.updateTipOffset(getLeftOffset(t),getTopOffset(t))}},{key:"updateTipOffset",value:function(t,e){this.tip.offset={x:t,y:e}}},{key:"setupComponents",value:function(){this.components=new Map}},{key:"update",value:function(t){t||console.error("No data to update."),this.data=this.prepareData(t),this.calc(),this.render()}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var i=[];e.forEach(function(t){i=i.concat(t.update(n))}),i.length>0?(runSMILAnimation(this.container,this.svg,i),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},CHART_POST_ANIMATE_TIMEOUT)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){isElementInViewport(t.container)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"addDataPoint",value:function(){}},{key:"removeDataPoint",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(){}},{key:"updateDataset",value:function(){}},{key:"export",value:function(){var t=prepareForExport(this.svg);downloadFile(this.title||"Chart",[t])}}]),t}(),_createClass$1=function(){function t(t,e){for(var n=0;n=0}),a=i;if(i.length>n){i.sort(function(t,e){return e[0]-t[0]}),a=i.slice(0,n-1);var r=0;i.slice(n-1).map(function(t){r+=t[0]}),a.push([r,"Rest"]),this.colors[n-1]="grey"}e.labels=[],a.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])}),e.grandTotal=e.sliceTotals.reduce(function(t,e){return t+e},0),this.center={x:this.width/2,y:this.height/2}}},{key:"renderLegend",value:function(){var t=this,e=this.state;this.legendArea.textContent="",this.legendTotals=e.sliceTotals.slice(0,this.config.maxLegendPoints);var n=0,i=0;this.legendTotals.map(function(a,r){var o=110,s=Math.floor((t.width-getExtraWidth(t.measures))/o);t.legendTotals.lengths&&(n=0,i+=20);var l=legendDot(o*n+5,i,5,t.colors[r],e.labels[r]+": "+a);t.legendArea.appendChild(l),n++})}}]),e}(BaseChart),NO_OF_YEAR_MONTHS=12,NO_OF_DAYS_IN_WEEK=7,NO_OF_MILLIS=1e3,SEC_IN_DAY=86400,MONTH_NAMES=["January","February","March","April","May","June","July","August","September","October","November","December"],DAY_NAMES_SHORT=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],_slicedToArray$3=function(){function t(t,e){var n=[],i=!0,a=!1,r=void 0;try{for(var o,s=t[Symbol.iterator]();!(i=(o=s.next()).done)&&(n.push(o.value),!e||n.length!==e);i=!0);}catch(t){a=!0,r=t}finally{try{!i&&s.return&&s.return()}finally{if(a)throw r}}return n}return function(e,n){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return t(e,n);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),_createClass$4=function(){function t(t,e){for(var n=0;n0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)||[]),e}}]),t}(),componentConfigs={donutSlices:{layerClass:"donut-slices",makeElements:function(t){return t.sliceStrings.map(function(e,n){var i=makePath(e,"donut-path",t.colors[n],"none",t.strokeWidth);return i.style.transition="transform .3s;",i})},animateElements:function(t){return this.store.map(function(e,n){return animatePathStr(e,t.sliceStrings[n])})}},pieSlices:{layerClass:"pie-slices",makeElements:function(t){return t.sliceStrings.map(function(e,n){var i=makePath(e,"pie-path","none",t.colors[n]);return i.style.transition="transform .3s;",i})},animateElements:function(t){return this.store.map(function(e,n){return animatePathStr(e,t.sliceStrings[n])})}},percentageBars:{layerClass:"percentage-bars",makeElements:function(t){var e=this;return t.xPositions.map(function(n,i){return percentageBar(n,0,t.widths[i],e.constants.barHeight,e.constants.barDepth,t.colors[i])})},animateElements:function(t){if(t)return[]}},yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(n,i){return yLine(n,t.labels[i],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos,shortenNumbers:e.constants.shortenNumbers})})},animateElements:function(t){var e=t.positions,n=t.labels,i=this.oldData.positions,a=this.oldData.labels,r=equilizeNoOfElements(i,e),o=_slicedToArray$3(r,2);i=o[0],e=o[1];var s=equilizeNoOfElements(a,n),l=_slicedToArray$3(s,2);return a=l[0],n=l[1],this.render({positions:i,labels:n}),this.store.map(function(t,n){return translateHoriLine(t,e[n],i[n])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(n,i){return xLine(n,t.calcLabels[i],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,n=t.calcLabels,i=this.oldData.positions,a=this.oldData.calcLabels,r=equilizeNoOfElements(i,e),o=_slicedToArray$3(r,2);i=o[0],e=o[1];var s=equilizeNoOfElements(a,n),l=_slicedToArray$3(s,2);return a=l[0],n=l[1],this.render({positions:i,calcLabels:n}),this.store.map(function(t,n){return translateVertLine(t,e[n],i[n])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return yMarker(t.position,t.label,e.constants.width,{labelPos:t.options.labelPos,mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),n=_slicedToArray$3(e,2);this.oldData=n[0];var i=(t=n[1]).map(function(t){return t.position}),a=t.map(function(t){return t.label}),r=t.map(function(t){return t.options}),o=this.oldData.map(function(t){return t.position});return this.render(o.map(function(t,e){return{position:o[e],label:a[e],options:r[e]}})),this.store.map(function(t,e){return translateHoriLine(t,i[e],o[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return yRegion(t.startPos,t.endPos,e.constants.width,t.label,{labelPos:t.options.labelPos})})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),n=_slicedToArray$3(e,2);this.oldData=n[0];var i=(t=n[1]).map(function(t){return t.endPos}),a=t.map(function(t){return t.label}),r=t.map(function(t){return t.startPos}),o=t.map(function(t){return t.options}),s=this.oldData.map(function(t){return t.endPos}),l=this.oldData.map(function(t){return t.startPos});this.render(s.map(function(t,e){return{startPos:l[e],endPos:s[e],label:a[e],options:o[e]}}));var u=[];return this.store.map(function(t,e){u=u.concat(animateRegion(t,r[e],i[e],s[e]))}),u}},heatDomain:{layerClass:function(){return"heat-domain domain-"+this.constants.index},makeElements:function(t){var e=this,n=this.constants,i=n.index,a=n.colWidth,r=n.rowHeight,o=n.squareSize,s=n.xTranslate,l=0;return this.serializedSubDomains=[],t.cols.map(function(t,n){1===n&&e.labels.push(makeText("domain-name",s,-12,getMonthName(i,!0).toUpperCase(),{fontSize:9})),t.map(function(t,n){if(t.fill){var i={"data-date":t.yyyyMmDd,"data-value":t.dataValue,"data-day":n},a=heatSquare("day",s,l,o,t.fill,i);e.serializedSubDomains.push(a)}l+=r}),l=0,s+=a}),this.serializedSubDomains},animateElements:function(t){if(t)return[]}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(n,i){return datasetBar(t.xPositions[i],n,t.barWidth,e.color,t.labels[i],i,t.offsets[i],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=t.xPositions,n=t.yPositions,i=t.offsets,a=t.labels,r=this.oldData.xPositions,o=this.oldData.yPositions,s=this.oldData.offsets,l=this.oldData.labels,u=equilizeNoOfElements(r,e),c=_slicedToArray$3(u,2);r=c[0],e=c[1];var h=equilizeNoOfElements(o,n),d=_slicedToArray$3(h,2);o=d[0],n=d[1];var f=equilizeNoOfElements(s,i),p=_slicedToArray$3(f,2);s=p[0],i=p[1];var v=equilizeNoOfElements(l,a),g=_slicedToArray$3(v,2);l=g[0],a=g[1],this.render({xPositions:r,yPositions:o,offsets:s,labels:a,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var y=[];return this.store.map(function(a,r){y=y.concat(animateBar(a,e[r],n[r],t.barWidth,i[r],{zeroLine:t.zeroLine}))}),y}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=getPaths(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill,spline:e.spline},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(n,i){return datasetDot(t.xPositions[i],n,t.radius,e.color,e.valuesOverPoints?t.values[i]:"",i)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,n=t.yPositions,i=t.values,a=this.oldData.xPositions,r=this.oldData.yPositions,o=this.oldData.values,s=equilizeNoOfElements(a,e),l=_slicedToArray$3(s,2);a=l[0],e=l[1];var u=equilizeNoOfElements(r,n),c=_slicedToArray$3(u,2);r=c[0],n=c[1];var h=equilizeNoOfElements(o,i),d=_slicedToArray$3(h,2);o=d[0],i=d[1],this.render({xPositions:a,yPositions:r,values:i,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var f=[];return Object.keys(this.paths).length&&(f=f.concat(animatePath(this.paths,e,n,t.zeroLine,this.constants.spline))),this.units.length&&this.units.map(function(t,i){f=f.concat(animateDot(t,e[i],n[i]))}),f}}},_createClass=function(){function t(t,e){for(var n=0;n0?t.formattedLabels[r]:t.state.labels[r])+": ",h=e.sliceTotals[r]/e.grandTotal;t.tip.setValues(l,u,{name:c,value:(100*h).toFixed(1)+"%"}),t.tip.showTip()}})}}]),e}(AggregationChart),_createClass$5=function(){function t(t,e){for(var n=0;nthis.width?this.center.x:this.center.y;var i=this.radius,a=this.clockWise,r=n.slicesProperties||[];n.sliceStrings=[],n.slicesProperties=[];var o=180-this.config.startAngle;n.sliceTotals.map(function(e,s){var l=o,u=e/n.grandTotal*FULL_ANGLE,c=u>180?1:0,h=a?-u:u,d=o+=h,f=getPositionByAngle(l,i),p=getPositionByAngle(d,i),v=t.init&&r[s],g=void 0,y=void 0;t.init?(g=v?v.startPosition:f,y=v?v.endPosition:f):(g=f,y=p);var m=360===u?makeCircleStr(g,y,t.center,t.radius,a,c):makeArcPathStr(g,y,t.center,t.radius,a,c);n.sliceStrings.push(m),n.slicesProperties.push({startPosition:f,endPosition:p,value:e,total:n.grandTotal,startAngle:l,endAngle:d,angle:h})}),this.init=0}},{key:"setupComponents",value:function(){var t=this.state,e=[["pieSlices",{},function(){return{sliceStrings:t.sliceStrings,colors:this.colors}}.bind(this)]];this.components=new Map(e.map(function(t){var e=getComponent.apply(void 0,_toConsumableArray$2(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,n=this.hoverRadio,i=getPositionByAngle(t.startAngle+t.angle/2,e);return"translate3d("+i.x*n+"px,"+i.y*n+"px,0)"}},{key:"hoverSlice",value:function(t,e,n,i){if(t){var a=this.colors[e];if(n){transform(t,this.calTranslateByAngle(this.state.slicesProperties[e])),t.style.fill=lightenDarkenColor(a,50);var r=getOffset(this.svg),o=i.pageX-r.left+10,s=i.pageY-r.top-10,l=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[e]:this.state.labels[e])+": ",u=(100*this.state.sliceTotals[e]/this.state.grandTotal).toFixed(1);this.tip.setValues(o,s,{name:l,value:u+"%"}),this.tip.showTip()}else transform(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.fill=a}}},{key:"bindTooltip",value:function(){this.container.addEventListener("mousemove",this.mouseMove),this.container.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,n=this.components.get("pieSlices").store,i=this.curActiveSliceIndex,a=this.curActiveSlice;if(n.includes(e)){var r=n.indexOf(e);this.hoverSlice(a,i,!1),this.curActiveSlice=e,this.curActiveSliceIndex=r,this.hoverSlice(e,r,!0,t)}else this.mouseLeave()}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}}]),e}(AggregationChart),_slicedToArray$4=function(){function t(t,e){var n=[],i=!0,a=!1,r=void 0;try{for(var o,s=t[Symbol.iterator]();!(i=(o=s.next()).done)&&(n.push(o.value),!e||n.length!==e);i=!0);}catch(t){a=!0,r=t}finally{try{!i&&s.return&&s.return()}finally{if(a)throw r}}return n}return function(e,n){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return t(e,n);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),_createClass$6=function(){function t(t,e){for(var n=0;n0&&void 0!==arguments[0]?arguments[0]:this.data;if(t.start&&t.end&&t.start>t.end)throw new Error("Start date cannot be greater than end date.");if(t.start||(t.start=new Date,t.start.setFullYear(t.start.getFullYear()-1)),t.end||(t.end=new Date),t.dataPoints=t.dataPoints||{},parseInt(Object.keys(t.dataPoints)[0])>1e5){var e={};Object.keys(t.dataPoints).forEach(function(n){var i=new Date(n*NO_OF_MILLIS);e[getYyyyMmDd(i)]=t.dataPoints[n]}),t.dataPoints=e}return t}},{key:"calc",value:function(){var t=this.state;t.start=clone(this.data.start),t.end=clone(this.data.end),t.firstWeekStart=clone(t.start),t.noOfWeeks=getWeeksBetween(t.start,t.end),t.distribution=calcDistribution(Object.values(this.data.dataPoints),HEATMAP_DISTRIBUTION_SIZE),t.domainConfigs=this.getDomains()}},{key:"setupComponents",value:function(){var t=this,e=this.state,n=this.discreteDomains?0:1,i=e.domainConfigs.map(function(i,a){return["heatDomain",{index:i.index,colWidth:COL_WIDTH,rowHeight:ROW_HEIGHT,squareSize:HEATMAP_SQUARE_SIZE,xTranslate:e.domainConfigs.filter(function(t,e){return e1&&void 0!==arguments[1]?arguments[1]:"",n=[t.getMonth(),t.getFullYear()],i=n[0],a=n[1],r=setDayToSunday(t),o={index:i,cols:[]};addDays(e=clone(e)||getLastDateInMonth(i,a),1);for(var s=getWeeksBetween(r,e),l=[],u=void 0,c=0;c2&&void 0!==arguments[2]&&arguments[2],i=this.state,a=clone(t),r=[],o=0;o=i.start&&a<=i.end;n||a.getMonth()!==e||!l?s.yyyyMmDd=getYyyyMmDd(a):s=this.getSubDomainConfig(a),r.push(s)}return r}},{key:"getSubDomainConfig",value:function(t){var e=getYyyyMmDd(t),n=this.data.dataPoints[e];return{yyyyMmDd:e,dataValue:n||0,fill:this.colors[getMaxCheckpoint(n,this.state.distribution)]}}}]),e}(BaseChart),_createClass$7=function(){function t(t,e){for(var n=0;n0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return zeroDataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type),this.makeDataByIndex()}},{key:"calcXPositions",value:function(){var t=this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,n){return floatTwo(t.xOffset+n*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=calcChartIntervals(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),n=this.height/getValueRange(e),i=getIntervalSize(e)*n,a=this.height-getZeroIndex(e)*i;this.state.yAxis={labels:e,positions:e.map(function(t){return a-t*n}),scaleMultiplier:n,zeroLine:a},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return scale(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,n){var i=t.values,a=t.cumulativeYs||[];return{name:t.name,index:n,chartType:t.chartType,values:i,yPositions:e(i),cumulativeYs:a,cumulativeYPos:e(a)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e){e.yPositions.map(function(e,n){egetTopOffset(n)?t.mapTooltipXPosition(a):t.tip.hideTip()})}},{key:"mapTooltipXPosition",value:function(t){var e=this.state;if(e.yExtremes){var n=getClosestInArray(t,e.xAxis.positions,!0),i=this.dataByIndex[n];this.tip.setValues(i.xPos+this.tip.offset.x,i.yExtreme+this.tip.offset.y,{name:i.formattedLabel,value:""},i.values,n),this.tip.showTip()}}},{key:"renderLegend",value:function(){var t=this,e=this.data;e.datasets.length>1&&(this.legendArea.textContent="",e.datasets.map(function(e,n){var i=AXIS_LEGEND_BAR_SIZE,a=legendBar(i*n,"0",i,t.colors[n],e.name,t.config.truncateLegends);t.legendArea.appendChild(a)}))}},{key:"makeOverlay",value:function(){var t=this;if(this.init)return void(this.init=0);this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var n=e.units[t.state.currentIndex];e.overlay=makeOverlay[e.type](n),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(){t.updateOverlay()})}},{key:"bindUnits",value:function(){var t=this;this.dataUnitComponents.map(function(e){e.units.map(function(e){e.addEventListener("click",function(){var n=e.getAttribute("data-point-index");t.setCurrentDataPoint(n)})})}),this.tip.container.addEventListener("click",function(){var e=t.tip.container.getAttribute("data-point-index");t.setCurrentDataPoint(e)})}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var n=e.units[t.state.currentIndex];updateOverlay[e.type](n,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex,e=this.state;return{index:t,label:e.xAxis.labels[t],values:e.datasets.map(function(e){return e.values[t]})}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,fire(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,n){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;_get$3(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"addDataPoint",this).call(this,t,n,i),this.data.labels.splice(i,0,t),this.data.datasets.map(function(t,e){t.values.splice(i,0,n[e])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;this.data.labels.length<=1||(_get$3(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data))}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}},{key:"updateDatasets",value:function(t){this.data.datasets.map(function(e,n){t[n]&&(e.values=t[n])}),this.update(this.data)}}]),e}(BaseChart),_createClass$8=function(){function t(t,e){for(var n=0;nthis.width?this.center.x-this.strokeWidth/2:this.center.y-this.strokeWidth/2;var i=this.radius,a=this.clockWise,r=n.slicesProperties||[];n.sliceStrings=[],n.slicesProperties=[];var o=180-this.config.startAngle;n.sliceTotals.map(function(e,s){var l=o,u=e/n.grandTotal*FULL_ANGLE,c=u>180?1:0,h=a?-u:u,d=o+=h,f=getPositionByAngle(l,i),p=getPositionByAngle(d,i),v=t.init&&r[s],g=void 0,y=void 0;t.init?(g=v?v.startPosition:f,y=v?v.endPosition:f):(g=f,y=p);var m=360===u?makeStrokeCircleStr(g,y,t.center,t.radius,t.clockWise,c):makeArcStrokePathStr(g,y,t.center,t.radius,t.clockWise,c);n.sliceStrings.push(m),n.slicesProperties.push({startPosition:f,endPosition:p,value:e,total:n.grandTotal,startAngle:l,endAngle:d,angle:h})}),this.init=0}},{key:"setupComponents",value:function(){var t=this.state,e=[["donutSlices",{},function(){return{sliceStrings:t.sliceStrings,colors:this.colors,strokeWidth:this.strokeWidth}}.bind(this)]];this.components=new Map(e.map(function(t){var e=getComponent.apply(void 0,_toConsumableArray$6(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,n=this.hoverRadio,i=getPositionByAngle(t.startAngle+t.angle/2,e);return"translate3d("+i.x*n+"px,"+i.y*n+"px,0)"}},{key:"hoverSlice",value:function(t,e,n,i){if(t){var a=this.colors[e];if(n){transform(t,this.calTranslateByAngle(this.state.slicesProperties[e])),t.style.stroke=lightenDarkenColor(a,50);var r=getOffset(this.svg),o=i.pageX-r.left+10,s=i.pageY-r.top-10,l=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[e]:this.state.labels[e])+": ",u=(100*this.state.sliceTotals[e]/this.state.grandTotal).toFixed(1);this.tip.setValues(o,s,{name:l,value:u+"%"}),this.tip.showTip()}else transform(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.stroke=a}}},{key:"bindTooltip",value:function(){this.container.addEventListener("mousemove",this.mouseMove),this.container.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,n=this.components.get("donutSlices").store,i=this.curActiveSliceIndex,a=this.curActiveSlice;if(n.includes(e)){var r=n.indexOf(e);this.hoverSlice(a,i,!1),this.curActiveSlice=e,this.curActiveSliceIndex=r,this.hoverSlice(e,r,!0,t)}else this.mouseLeave()}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}}]),e}(AggregationChart),chartTypes={bar:AxisChart,line:AxisChart,percentage:PercentageChart,heatmap:Heatmap,pie:PieChart,donut:DonutChart},Chart=function t(e,n){return _classCallCheck(this,t),getChartByType(n.type,e,n)};export{Chart,PercentageChart,PieChart,Heatmap,AxisChart}; +//# sourceMappingURL=frappe-charts.min.esm.js.map diff --git a/dist/frappe-charts.min.esm.js.map b/dist/frappe-charts.min.esm.js.map new file mode 100644 index 0000000..5383601 --- /dev/null +++ b/dist/frappe-charts.min.esm.js.map @@ -0,0 +1 @@ +{"version":3,"file":"frappe-charts.min.esm.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/js/utils/dom.js","../src/js/utils/constants.js","../src/js/utils/helpers.js","../src/js/utils/draw-utils.js","../src/js/utils/colors.js","../src/js/utils/draw.js","../src/js/utils/animate.js","../src/js/utils/animation.js","../src/js/utils/export.js","../src/js/utils/date-utils.js","../src/js/objects/ChartComponents.js","../src/js/utils/intervals.js","../src/js/utils/axis-chart-utils.js","../src/js/chart.js","../src/js/objects/SvgTip.js","../src/css/chartsCss.js","../src/js/charts/BaseChart.js","../src/js/charts/AggregationChart.js","../src/js/charts/PercentageChart.js","../src/js/charts/PieChart.js","../src/js/charts/Heatmap.js","../src/js/charts/AxisChart.js","../src/js/charts/DonutChart.js"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","export function $(expr, con) {\r\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\r\n}\r\n\r\nexport function findNodeIndex(node)\r\n{\r\n\tvar i = 0;\r\n\twhile (node.previousSibling) {\r\n\t\tnode = node.previousSibling;\r\n\t\ti++;\r\n\t}\r\n\treturn i;\r\n}\r\n\r\n$.create = (tag, o) => {\r\n\tvar element = document.createElement(tag);\r\n\r\n\tfor (var i in o) {\r\n\t\tvar val = o[i];\r\n\r\n\t\tif (i === \"inside\") {\r\n\t\t\t$(val).appendChild(element);\r\n\t\t}\r\n\t\telse if (i === \"around\") {\r\n\t\t\tvar ref = $(val);\r\n\t\t\tref.parentNode.insertBefore(element, ref);\r\n\t\t\telement.appendChild(ref);\r\n\r\n\t\t} else if (i === \"styles\") {\r\n\t\t\tif(typeof val === \"object\") {\r\n\t\t\t\tObject.keys(val).map(prop => {\r\n\t\t\t\t\telement.style[prop] = val[prop];\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t} else if (i in element ) {\r\n\t\t\telement[i] = val;\r\n\t\t}\r\n\t\telse {\r\n\t\t\telement.setAttribute(i, val);\r\n\t\t}\r\n\t}\r\n\r\n\treturn element;\r\n};\r\n\r\nexport function getOffset(element) {\r\n\tlet rect = element.getBoundingClientRect();\r\n\treturn {\r\n\t\t// https://stackoverflow.com/a/7436602/6495043\r\n\t\t// rect.top varies with scroll, so we add whatever has been\r\n\t\t// scrolled to it to get absolute distance from actual page top\r\n\t\ttop: rect.top + (document.documentElement.scrollTop || document.body.scrollTop),\r\n\t\tleft: rect.left + (document.documentElement.scrollLeft || document.body.scrollLeft)\r\n\t};\r\n}\r\n\r\nexport function isElementInViewport(el) {\r\n\t// Although straightforward: https://stackoverflow.com/a/7557433/6495043\r\n\tvar rect = el.getBoundingClientRect();\r\n\r\n\treturn (\r\n\t\trect.top >= 0 &&\r\n rect.left >= 0 &&\r\n rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */\r\n rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */\r\n\t);\r\n}\r\n\r\nexport function getElementContentWidth(element) {\r\n\tvar styles = window.getComputedStyle(element);\r\n\tvar padding = parseFloat(styles.paddingLeft) +\r\n\t\tparseFloat(styles.paddingRight);\r\n\r\n\treturn element.clientWidth - padding;\r\n}\r\n\r\nexport function bind(element, o){\r\n\tif (element) {\r\n\t\tfor (var event in o) {\r\n\t\t\tvar callback = o[event];\r\n\r\n\t\t\tevent.split(/\\s+/).forEach(function (event) {\r\n\t\t\t\telement.addEventListener(event, callback);\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n}\r\n\r\nexport function unbind(element, o){\r\n\tif (element) {\r\n\t\tfor (var event in o) {\r\n\t\t\tvar callback = o[event];\r\n\r\n\t\t\tevent.split(/\\s+/).forEach(function(event) {\r\n\t\t\t\telement.removeEventListener(event, callback);\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n}\r\n\r\nexport function fire(target, type, properties) {\r\n\tvar evt = document.createEvent(\"HTMLEvents\");\r\n\r\n\tevt.initEvent(type, true, true );\r\n\r\n\tfor (var j in properties) {\r\n\t\tevt[j] = properties[j];\r\n\t}\r\n\r\n\treturn target.dispatchEvent(evt);\r\n}\r\n\r\n// https://css-tricks.com/snippets/javascript/loop-queryselectorall-matches/\r\nexport function forEachNode(nodeList, callback, scope) {\r\n\tif(!nodeList) return;\r\n\tfor (var i = 0; i < nodeList.length; i++) {\r\n\t\tcallback.call(scope, nodeList[i], i);\r\n\t}\r\n}\r\n\r\nexport function activate($parent, $child, commonClass, activeClass='active', index = -1) {\r\n\tlet $children = $parent.querySelectorAll(`.${commonClass}.${activeClass}`);\r\n\r\n\tforEachNode($children, (node, i) => {\r\n\t\tif(index >= 0 && i <= index) return;\r\n\t\tnode.classList.remove(activeClass);\r\n\t});\r\n\r\n\t$child.classList.add(activeClass);\r\n}\r\n","export const ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\r\n\r\nexport const COMPATIBLE_CHARTS = {\r\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\r\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\r\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\r\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\r\n\theatmap: []\r\n};\r\n\r\nexport const DATA_COLOR_DIVISIONS = {\r\n\tbar: 'datasets',\r\n\tline: 'datasets',\r\n\tpie: 'labels',\r\n\tpercentage: 'labels',\r\n\theatmap: HEATMAP_DISTRIBUTION_SIZE\r\n};\r\n\r\nexport const BASE_MEASURES = {\r\n\tmargins: {\r\n\t\ttop: 10,\r\n\t\tbottom: 10,\r\n\t\tleft: 20,\r\n\t\tright: 20\r\n\t},\r\n\tpaddings: {\r\n\t\ttop: 20,\r\n\t\tbottom: 40,\r\n\t\tleft: 30,\r\n\t\tright: 10\r\n\t},\r\n\r\n\tbaseHeight: 240,\r\n\ttitleHeight: 20,\r\n\tlegendHeight: 30,\r\n\r\n\ttitleFontSize: 12,\r\n};\r\n\r\nexport function getTopOffset(m) {\r\n\treturn m.titleHeight + m.margins.top + m.paddings.top;\r\n}\r\n\r\nexport function getLeftOffset(m) {\r\n\treturn m.margins.left + m.paddings.left;\r\n}\r\n\r\nexport function getExtraHeight(m) {\r\n\tlet totalExtraHeight = m.margins.top + m.margins.bottom\r\n\t\t+ m.paddings.top + m.paddings.bottom\r\n\t\t+ m.titleHeight + m.legendHeight;\r\n\treturn totalExtraHeight;\r\n}\r\n\r\nexport function getExtraWidth(m) {\r\n\tlet totalExtraWidth = m.margins.left + m.margins.right\r\n\t\t+ m.paddings.left + m.paddings.right;\r\n\r\n\treturn totalExtraWidth;\r\n}\r\n\r\nexport const INIT_CHART_UPDATE_TIMEOUT = 700;\r\nexport const CHART_POST_ANIMATE_TIMEOUT = 400;\r\n\r\nexport const DEFAULT_AXIS_CHART_TYPE = 'line';\r\nexport const AXIS_DATASET_CHART_TYPES = ['line', 'bar'];\r\n\r\nexport const AXIS_LEGEND_BAR_SIZE = 100;\r\n\r\nexport const BAR_CHART_SPACE_RATIO = 0.5;\r\nexport const MIN_BAR_PERCENT_HEIGHT = 0.00;\r\n\r\nexport const LINE_CHART_DOT_SIZE = 4;\r\nexport const DOT_OVERLAY_SIZE_INCR = 4;\r\n\r\nexport const PERCENTAGE_BAR_DEFAULT_HEIGHT = 20;\r\nexport const PERCENTAGE_BAR_DEFAULT_DEPTH = 2;\r\n\r\n// Fixed 5-color theme,\r\n// More colors are difficult to parse visually\r\nexport const HEATMAP_DISTRIBUTION_SIZE = 5;\r\n\r\nexport const HEATMAP_SQUARE_SIZE = 10;\r\nexport const HEATMAP_GUTTER_SIZE = 2;\r\n\r\nexport const DEFAULT_CHAR_WIDTH = 7;\r\n\r\nexport const TOOLTIP_POINTER_TRIANGLE_HEIGHT = 5;\r\n\r\nconst DEFAULT_CHART_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\r\n\t'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey'];\r\nconst HEATMAP_COLORS_GREEN = ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\r\nexport const HEATMAP_COLORS_BLUE = ['#ebedf0', '#c0ddf9', '#73b3f3', '#3886e1', '#17459e'];\r\nexport const HEATMAP_COLORS_YELLOW = ['#ebedf0', '#fdf436', '#ffc700', '#ff9100', '#06001c'];\r\n\r\nexport const DEFAULT_COLORS = {\r\n\tbar: DEFAULT_CHART_COLORS,\r\n\tline: DEFAULT_CHART_COLORS,\r\n\tpie: DEFAULT_CHART_COLORS,\r\n\tpercentage: DEFAULT_CHART_COLORS,\r\n\theatmap: HEATMAP_COLORS_GREEN,\r\n\tdonut: DEFAULT_CHART_COLORS\r\n};\r\n\r\n// Universal constants\r\nexport const ANGLE_RATIO = Math.PI / 180;\r\nexport const FULL_ANGLE = 360;\r\n","import { ANGLE_RATIO } from './constants';\r\n\r\n/**\r\n * Returns the value of a number upto 2 decimal places.\r\n * @param {Number} d Any number\r\n */\r\nexport function floatTwo(d) {\r\n\treturn parseFloat(d.toFixed(2));\r\n}\r\n\r\n/**\r\n * Returns whether or not two given arrays are equal.\r\n * @param {Array} arr1 First array\r\n * @param {Array} arr2 Second array\r\n */\r\nexport function arraysEqual(arr1, arr2) {\r\n\tif(arr1.length !== arr2.length) return false;\r\n\tlet areEqual = true;\r\n\tarr1.map((d, i) => {\r\n\t\tif(arr2[i] !== d) areEqual = false;\r\n\t});\r\n\treturn areEqual;\r\n}\r\n\r\n/**\r\n * Shuffles array in place. ES6 version\r\n * @param {Array} array An array containing the items.\r\n */\r\nexport function shuffle(array) {\r\n\t// Awesomeness: https://bost.ocks.org/mike/shuffle/\r\n\t// https://stackoverflow.com/a/2450976/6495043\r\n\t// https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array?noredirect=1&lq=1\r\n\r\n\tfor (let i = array.length - 1; i > 0; i--) {\r\n\t\tlet j = Math.floor(Math.random() * (i + 1));\r\n\t\t[array[i], array[j]] = [array[j], array[i]];\r\n\t}\r\n\r\n\treturn array;\r\n}\r\n\r\n/**\r\n * Fill an array with extra points\r\n * @param {Array} array Array\r\n * @param {Number} count number of filler elements\r\n * @param {Object} element element to fill with\r\n * @param {Boolean} start fill at start?\r\n */\r\nexport function fillArray(array, count, element, start=false) {\r\n\tif(!element) {\r\n\t\telement = start ? array[0] : array[array.length - 1];\r\n\t}\r\n\tlet fillerArray = new Array(Math.abs(count)).fill(element);\r\n\tarray = start ? fillerArray.concat(array) : array.concat(fillerArray);\r\n\treturn array;\r\n}\r\n\r\n/**\r\n * Returns pixel width of string.\r\n * @param {String} string\r\n * @param {Number} charWidth Width of single char in pixels\r\n */\r\nexport function getStringWidth(string, charWidth) {\r\n\treturn (string+\"\").length * charWidth;\r\n}\r\n\r\nexport function bindChange(obj, getFn, setFn) {\r\n\treturn new Proxy(obj, {\r\n\t\tset: function(target, prop, value) {\r\n\t\t\tsetFn();\r\n\t\t\treturn Reflect.set(target, prop, value);\r\n\t\t},\r\n\t\tget: function(target, prop) {\r\n\t\t\tgetFn();\r\n\t\t\treturn Reflect.get(target, prop);\r\n\t\t}\r\n\t});\r\n}\r\n\r\n// https://stackoverflow.com/a/29325222\r\nexport function getRandomBias(min, max, bias, influence) {\r\n\tconst range = max - min;\r\n\tconst biasValue = range * bias + min;\r\n\tvar rnd = Math.random() * range + min,\t\t// random in range\r\n\t\tmix = Math.random() * influence;\t\t// random mixer\r\n\treturn rnd * (1 - mix) + biasValue * mix;\t// mix full range and bias\r\n}\r\n\r\nexport function getPositionByAngle(angle, radius) {\r\n\treturn {\r\n\t\tx: Math.sin(angle * ANGLE_RATIO) * radius,\r\n\t\ty: Math.cos(angle * ANGLE_RATIO) * radius,\r\n\t};\r\n}\r\n","import { fillArray } from './helpers';\r\n\r\nexport function getBarHeightAndYAttr(yTop, zeroLine) {\r\n\tlet height, y;\r\n\tif (yTop <= zeroLine) {\r\n\t\theight = zeroLine - yTop;\r\n\t\ty = yTop;\r\n\t} else {\r\n\t\theight = yTop - zeroLine;\r\n\t\ty = zeroLine;\r\n\t}\r\n\r\n\treturn [height, y];\r\n}\r\n\r\nexport function equilizeNoOfElements(array1, array2,\r\n\textraCount = array2.length - array1.length) {\r\n\r\n\t// Doesn't work if either has zero elements.\r\n\tif(extraCount > 0) {\r\n\t\tarray1 = fillArray(array1, extraCount);\r\n\t} else {\r\n\t\tarray2 = fillArray(array2, extraCount);\r\n\t}\r\n\treturn [array1, array2];\r\n}\r\n\r\nexport function truncateString(txt, len) {\r\n\tif (!txt) {\r\n\t\treturn;\r\n\t}\r\n\tif (txt.length > len) {\r\n\t\treturn txt.slice(0, len-3) + '...';\r\n\t} else {\r\n\t\treturn txt;\r\n\t}\r\n}\r\n\r\nexport function shortenLargeNumber(label) {\r\n\tlet number;\r\n\tif (typeof label === 'number') number = label;\r\n\telse if (typeof label === 'string') {\r\n\t\tnumber = Number(label);\r\n\t\tif (Number.isNaN(number)) return label;\r\n\t}\r\n\r\n\t// Using absolute since log wont work for negative numbers\r\n\tlet p = Math.floor(Math.log10(Math.abs(number)));\r\n\tif (p <= 2) return number; // Return as is for a 3 digit number of less\r\n\tlet\tl = Math.floor(p / 3);\r\n\tlet shortened = (Math.pow(10, p - l * 3) * +(number / Math.pow(10, p)).toFixed(1));\r\n\r\n\t// Correct for floating point error upto 2 decimal places\r\n\treturn Math.round(shortened*100)/100 + ' ' + ['', 'K', 'M', 'B', 'T'][l];\r\n}\r\n\r\n// cubic bezier curve calculation (from example by François Romain)\r\nexport function createSplineCurve(xList, yList) {\r\n\r\n\tlet points=[];\r\n\tfor(let i=0;i {\r\n\t\tlet lengthX = pointB[0] - pointA[0];\r\n\t\tlet lengthY = pointB[1] - pointA[1];\r\n\t\treturn {\r\n\t\t\tlength: Math.sqrt(Math.pow(lengthX, 2) + Math.pow(lengthY, 2)),\r\n\t\t\tangle: Math.atan2(lengthY, lengthX)\r\n\t\t};\r\n\t};\r\n \r\n\tlet controlPoint = (current, previous, next, reverse) => {\r\n\t\tlet p = previous || current;\r\n\t\tlet n = next || current;\r\n\t\tlet o = line(p, n);\r\n\t\tlet angle = o.angle + (reverse ? Math.PI : 0);\r\n\t\tlet length = o.length * smoothing;\r\n\t\tlet x = current[0] + Math.cos(angle) * length;\r\n\t\tlet y = current[1] + Math.sin(angle) * length;\r\n\t\treturn [x, y];\r\n\t};\r\n \r\n\tlet bezierCommand = (point, i, a) => {\r\n\t\tlet cps = controlPoint(a[i - 1], a[i - 2], point);\r\n\t\tlet cpe = controlPoint(point, a[i - 1], a[i + 1], true);\r\n\t\treturn `C ${cps[0]},${cps[1]} ${cpe[0]},${cpe[1]} ${point[0]},${point[1]}`;\r\n\t};\r\n \r\n\tlet pointStr = (points, command) => {\r\n\t\treturn points.reduce((acc, point, i, a) => i === 0\r\n\t\t\t? `${point[0]},${point[1]}`\r\n\t\t\t: `${acc} ${command(point, i, a)}`, '');\r\n\t};\r\n \r\n\treturn pointStr(points, bezierCommand);\r\n}","const PRESET_COLOR_MAP = {\r\n\t'light-blue': '#7cd6fd',\r\n\t'blue': '#5e64ff',\r\n\t'violet': '#743ee2',\r\n\t'red': '#ff5858',\r\n\t'orange': '#ffa00a',\r\n\t'yellow': '#feef72',\r\n\t'green': '#28a745',\r\n\t'light-green': '#98d85b',\r\n\t'purple': '#b554ff',\r\n\t'magenta': '#ffa3ef',\r\n\t'black': '#36114C',\r\n\t'grey': '#bdd3e6',\r\n\t'light-grey': '#f0f4f7',\r\n\t'dark-grey': '#b8c2cc'\r\n};\r\n\r\nfunction limitColor(r){\r\n\tif (r > 255) return 255;\r\n\telse if (r < 0) return 0;\r\n\treturn r;\r\n}\r\n\r\nexport function lightenDarkenColor(color, amt) {\r\n\tlet col = getColor(color);\r\n\tlet usePound = false;\r\n\tif (col[0] == \"#\") {\r\n\t\tcol = col.slice(1);\r\n\t\tusePound = true;\r\n\t}\r\n\tlet num = parseInt(col,16);\r\n\tlet r = limitColor((num >> 16) + amt);\r\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\r\n\tlet g = limitColor((num & 0x0000FF) + amt);\r\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\r\n}\r\n\r\nexport function isValidColor(string) {\r\n\t// https://stackoverflow.com/a/8027444/6495043\r\n\treturn /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string);\r\n}\r\n\r\nexport const getColor = (color) => {\r\n\treturn PRESET_COLOR_MAP[color] || color;\r\n};\r\n","import { getBarHeightAndYAttr, truncateString, shortenLargeNumber, createSplineCurve } from './draw-utils';\r\nimport { getStringWidth } from './helpers';\r\nimport { DOT_OVERLAY_SIZE_INCR, PERCENTAGE_BAR_DEFAULT_DEPTH } from './constants';\r\nimport { lightenDarkenColor } from './colors';\r\n\r\nexport const AXIS_TICK_LENGTH = 6;\r\nconst LABEL_MARGIN = 4;\r\nconst LABEL_MAX_CHARS = 15;\r\nexport const FONT_SIZE = 10;\r\nconst BASE_LINE_COLOR = '#dadada';\r\nconst FONT_FILL = '#555b51';\r\n\r\nfunction $(expr, con) {\r\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\r\n}\r\n\r\nexport function createSVG(tag, o) {\r\n\tvar element = document.createElementNS(\"http://www.w3.org/2000/svg\", tag);\r\n\r\n\tfor (var i in o) {\r\n\t\tvar val = o[i];\r\n\r\n\t\tif (i === \"inside\") {\r\n\t\t\t$(val).appendChild(element);\r\n\t\t}\r\n\t\telse if (i === \"around\") {\r\n\t\t\tvar ref = $(val);\r\n\t\t\tref.parentNode.insertBefore(element, ref);\r\n\t\t\telement.appendChild(ref);\r\n\r\n\t\t} else if (i === \"styles\") {\r\n\t\t\tif(typeof val === \"object\") {\r\n\t\t\t\tObject.keys(val).map(prop => {\r\n\t\t\t\t\telement.style[prop] = val[prop];\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tif(i === \"className\") { i = \"class\"; }\r\n\t\t\tif(i === \"innerHTML\") {\r\n\t\t\t\telement['textContent'] = val;\r\n\t\t\t} else {\r\n\t\t\t\telement.setAttribute(i, val);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\treturn element;\r\n}\r\n\r\nfunction renderVerticalGradient(svgDefElem, gradientId) {\r\n\treturn createSVG('linearGradient', {\r\n\t\tinside: svgDefElem,\r\n\t\tid: gradientId,\r\n\t\tx1: 0,\r\n\t\tx2: 0,\r\n\t\ty1: 0,\r\n\t\ty2: 1\r\n\t});\r\n}\r\n\r\nfunction setGradientStop(gradElem, offset, color, opacity) {\r\n\treturn createSVG('stop', {\r\n\t\t'inside': gradElem,\r\n\t\t'style': `stop-color: ${color}`,\r\n\t\t'offset': offset,\r\n\t\t'stop-opacity': opacity\r\n\t});\r\n}\r\n\r\nexport function makeSVGContainer(parent, className, width, height) {\r\n\treturn createSVG('svg', {\r\n\t\tclassName: className,\r\n\t\tinside: parent,\r\n\t\twidth: width,\r\n\t\theight: height\r\n\t});\r\n}\r\n\r\nexport function makeSVGDefs(svgContainer) {\r\n\treturn createSVG('defs', {\r\n\t\tinside: svgContainer,\r\n\t});\r\n}\r\n\r\nexport function makeSVGGroup(className, transform='', parent=undefined) {\r\n\tlet args = {\r\n\t\tclassName: className,\r\n\t\ttransform: transform\r\n\t};\r\n\tif(parent) args.inside = parent;\r\n\treturn createSVG('g', args);\r\n}\r\n\r\nexport function wrapInSVGGroup(elements, className='') {\r\n\tlet g = createSVG('g', {\r\n\t\tclassName: className\r\n\t});\r\n\telements.forEach(e => g.appendChild(e));\r\n\treturn g;\r\n}\r\n\r\nexport function makePath(pathStr, className='', stroke='none', fill='none', strokeWidth=2) {\r\n\treturn createSVG('path', {\r\n\t\tclassName: className,\r\n\t\td: pathStr,\r\n\t\tstyles: {\r\n\t\t\tstroke: stroke,\r\n\t\t\tfill: fill,\r\n\t\t\t'stroke-width': strokeWidth\r\n\t\t}\r\n\t});\r\n}\r\n\r\nexport function makeArcPathStr(startPosition, endPosition, center, radius, clockWise=1, largeArc=0){\r\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\r\n\tlet [arcEndX, arcEndY] = [center.x + endPosition.x, center.y + endPosition.y];\r\n\treturn `M${center.x} ${center.y}\r\n\t\tL${arcStartX} ${arcStartY}\r\n\t\tA ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0}\r\n\t\t${arcEndX} ${arcEndY} z`;\r\n}\r\n\r\nexport function makeCircleStr(startPosition, endPosition, center, radius, clockWise=1, largeArc=0){\r\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\r\n\tlet [arcEndX, midArc, arcEndY] = [center.x + endPosition.x, center.y * 2, center.y + endPosition.y];\r\n\treturn `M${center.x} ${center.y}\r\n\t\tL${arcStartX} ${arcStartY}\r\n\t\tA ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0}\r\n\t\t${arcEndX} ${midArc} z\r\n\t\tL${arcStartX} ${midArc}\r\n\t\tA ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0}\r\n\t\t${arcEndX} ${arcEndY} z`;\r\n}\r\n\r\nexport function makeArcStrokePathStr(startPosition, endPosition, center, radius, clockWise=1, largeArc=0){\r\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\r\n\tlet [arcEndX, arcEndY] = [center.x + endPosition.x, center.y + endPosition.y];\r\n\r\n\treturn `M${arcStartX} ${arcStartY}\r\n\t\tA ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0}\r\n\t\t${arcEndX} ${arcEndY}`;\r\n}\r\n\r\nexport function makeStrokeCircleStr(startPosition, endPosition, center, radius, clockWise=1, largeArc=0){\r\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\r\n\tlet [arcEndX, midArc, arcEndY] = [center.x + endPosition.x, radius * 2 + arcStartY, center.y + startPosition.y];\r\n\r\n\treturn `M${arcStartX} ${arcStartY}\r\n\t\tA ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0}\r\n\t\t${arcEndX} ${midArc}\r\n\t\tM${arcStartX} ${midArc}\r\n\t\tA ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0}\r\n\t\t${arcEndX} ${arcEndY}`;\r\n}\r\n\r\nexport function makeGradient(svgDefElem, color, lighter = false) {\r\n\tlet gradientId ='path-fill-gradient' + '-' + color + '-' +(lighter ? 'lighter' : 'default');\r\n\tlet gradientDef = renderVerticalGradient(svgDefElem, gradientId);\r\n\tlet opacities = [1, 0.6, 0.2];\r\n\tif(lighter) {\r\n\t\topacities = [0.4, 0.2, 0];\r\n\t}\r\n\r\n\tsetGradientStop(gradientDef, \"0%\", color, opacities[0]);\r\n\tsetGradientStop(gradientDef, \"50%\", color, opacities[1]);\r\n\tsetGradientStop(gradientDef, \"100%\", color, opacities[2]);\r\n\r\n\treturn gradientId;\r\n}\r\n\r\nexport function percentageBar(x, y, width, height,\r\n\tdepth=PERCENTAGE_BAR_DEFAULT_DEPTH, fill='none') {\r\n\r\n\tlet args = {\r\n\t\tclassName: 'percentage-bar',\r\n\t\tx: x,\r\n\t\ty: y,\r\n\t\twidth: width,\r\n\t\theight: height,\r\n\t\tfill: fill,\r\n\t\tstyles: {\r\n\t\t\t'stroke': lightenDarkenColor(fill, -25),\r\n\t\t\t// Diabolically good: https://stackoverflow.com/a/9000859\r\n\t\t\t// https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\r\n\t\t\t'stroke-dasharray': `0, ${height + width}, ${width}, ${height}`,\r\n\t\t\t'stroke-width': depth\r\n\t\t},\r\n\t};\r\n\r\n\treturn createSVG(\"rect\", args);\r\n}\r\n\r\nexport function heatSquare(className, x, y, size, fill='none', data={}) {\r\n\tlet args = {\r\n\t\tclassName: className,\r\n\t\tx: x,\r\n\t\ty: y,\r\n\t\twidth: size,\r\n\t\theight: size,\r\n\t\tfill: fill\r\n\t};\r\n\r\n\tObject.keys(data).map(key => {\r\n\t\targs[key] = data[key];\r\n\t});\r\n\r\n\treturn createSVG(\"rect\", args);\r\n}\r\n\r\nexport function legendBar(x, y, size, fill='none', label, truncate=false) {\r\n\tlabel = truncate ? truncateString(label, LABEL_MAX_CHARS) : label;\r\n\r\n\tlet args = {\r\n\t\tclassName: 'legend-bar',\r\n\t\tx: 0,\r\n\t\ty: 0,\r\n\t\twidth: size,\r\n\t\theight: '2px',\r\n\t\tfill: fill\r\n\t};\r\n\tlet text = createSVG('text', {\r\n\t\tclassName: 'legend-dataset-text',\r\n\t\tx: 0,\r\n\t\ty: 0,\r\n\t\tdy: (FONT_SIZE * 2) + 'px',\r\n\t\t'font-size': (FONT_SIZE * 1.2) + 'px',\r\n\t\t'text-anchor': 'start',\r\n\t\tfill: FONT_FILL,\r\n\t\tinnerHTML: label\r\n\t});\r\n\r\n\tlet group = createSVG('g', {\r\n\t\ttransform: `translate(${x}, ${y})`\r\n\t});\r\n\tgroup.appendChild(createSVG(\"rect\", args));\r\n\tgroup.appendChild(text);\r\n\r\n\treturn group;\r\n}\r\n\r\nexport function legendDot(x, y, size, fill='none', label) {\r\n\tlet args = {\r\n\t\tclassName: 'legend-dot',\r\n\t\tcx: 0,\r\n\t\tcy: 0,\r\n\t\tr: size,\r\n\t\tfill: fill\r\n\t};\r\n\tlet text = createSVG('text', {\r\n\t\tclassName: 'legend-dataset-text',\r\n\t\tx: 0,\r\n\t\ty: 0,\r\n\t\tdx: (FONT_SIZE) + 'px',\r\n\t\tdy: (FONT_SIZE/3) + 'px',\r\n\t\t'font-size': (FONT_SIZE * 1.2) + 'px',\r\n\t\t'text-anchor': 'start',\r\n\t\tfill: FONT_FILL,\r\n\t\tinnerHTML: label\r\n\t});\r\n\r\n\tlet group = createSVG('g', {\r\n\t\ttransform: `translate(${x}, ${y})`\r\n\t});\r\n\tgroup.appendChild(createSVG(\"circle\", args));\r\n\tgroup.appendChild(text);\r\n\r\n\treturn group;\r\n}\r\n\r\nexport function makeText(className, x, y, content, options = {}) {\r\n\tlet fontSize = options.fontSize || FONT_SIZE;\r\n\tlet dy = options.dy !== undefined ? options.dy : (fontSize / 2);\r\n\tlet fill = options.fill || FONT_FILL;\r\n\tlet textAnchor = options.textAnchor || 'start';\r\n\treturn createSVG('text', {\r\n\t\tclassName: className,\r\n\t\tx: x,\r\n\t\ty: y,\r\n\t\tdy: dy + 'px',\r\n\t\t'font-size': fontSize + 'px',\r\n\t\tfill: fill,\r\n\t\t'text-anchor': textAnchor,\r\n\t\tinnerHTML: content\r\n\t});\r\n}\r\n\r\nfunction makeVertLine(x, label, y1, y2, options={}) {\r\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\r\n\tlet l = createSVG('line', {\r\n\t\tclassName: 'line-vertical ' + options.className,\r\n\t\tx1: 0,\r\n\t\tx2: 0,\r\n\t\ty1: y1,\r\n\t\ty2: y2,\r\n\t\tstyles: {\r\n\t\t\tstroke: options.stroke\r\n\t\t}\r\n\t});\r\n\r\n\tlet text = createSVG('text', {\r\n\t\tx: 0,\r\n\t\ty: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE,\r\n\t\tdy: FONT_SIZE + 'px',\r\n\t\t'font-size': FONT_SIZE + 'px',\r\n\t\t'text-anchor': 'middle',\r\n\t\tinnerHTML: label + \"\"\r\n\t});\r\n\r\n\tlet line = createSVG('g', {\r\n\t\ttransform: `translate(${ x }, 0)`\r\n\t});\r\n\r\n\tline.appendChild(l);\r\n\tline.appendChild(text);\r\n\r\n\treturn line;\r\n}\r\n\r\nfunction makeHoriLine(y, label, x1, x2, options={}) {\r\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\r\n\tif(!options.lineType) options.lineType = '';\r\n\tif (options.shortenNumbers) label = shortenLargeNumber(label);\r\n\t\r\n\tlet className = 'line-horizontal ' + options.className +\r\n\t\t(options.lineType === \"dashed\" ? \"dashed\": \"\");\r\n\r\n\tlet l = createSVG('line', {\r\n\t\tclassName: className,\r\n\t\tx1: x1,\r\n\t\tx2: x2,\r\n\t\ty1: 0,\r\n\t\ty2: 0,\r\n\t\tstyles: {\r\n\t\t\tstroke: options.stroke\r\n\t\t}\r\n\t});\r\n\r\n\tlet text = createSVG('text', {\r\n\t\tx: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,\r\n\t\ty: 0,\r\n\t\tdy: (FONT_SIZE / 2 - 2) + 'px',\r\n\t\t'font-size': FONT_SIZE + 'px',\r\n\t\t'text-anchor': x1 < x2 ? 'end' : 'start',\r\n\t\tinnerHTML: label+\"\"\r\n\t});\r\n\r\n\tlet line = createSVG('g', {\r\n\t\ttransform: `translate(0, ${y})`,\r\n\t\t'stroke-opacity': 1\r\n\t});\r\n\r\n\tif(text === 0 || text === '0') {\r\n\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\r\n\t}\r\n\r\n\tline.appendChild(l);\r\n\tline.appendChild(text);\r\n\r\n\treturn line;\r\n}\r\n\r\nexport function yLine(y, label, width, options={}) {\r\n\tif(!options.pos) options.pos = 'left';\r\n\tif(!options.offset) options.offset = 0;\r\n\tif(!options.mode) options.mode = 'span';\r\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\r\n\tif(!options.className) options.className = '';\r\n\r\n\tlet x1 = -1 * AXIS_TICK_LENGTH;\r\n\tlet x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;\r\n\r\n\tif(options.mode === 'tick' && options.pos === 'right') {\r\n\t\tx1 = width + AXIS_TICK_LENGTH;\r\n\t\tx2 = width;\r\n\t}\r\n\r\n\t// let offset = options.pos === 'left' ? -1 * options.offset : options.offset;\r\n\r\n\tx1 += options.offset;\r\n\tx2 += options.offset;\r\n\r\n\treturn makeHoriLine(y, label, x1, x2, {\r\n\t\tstroke: options.stroke,\r\n\t\tclassName: options.className,\r\n\t\tlineType: options.lineType,\r\n\t\tshortenNumbers: options.shortenNumbers\r\n\t});\r\n}\r\n\r\nexport function xLine(x, label, height, options={}) {\r\n\tif(!options.pos) options.pos = 'bottom';\r\n\tif(!options.offset) options.offset = 0;\r\n\tif(!options.mode) options.mode = 'span';\r\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\r\n\tif(!options.className) options.className = '';\r\n\r\n\t// Draw X axis line in span/tick mode with optional label\r\n\t// \ty2(span)\r\n\t// \t\t\t\t\t\t|\r\n\t// \t\t\t\t\t\t|\r\n\t//\t\t\t\tx line\t|\r\n\t//\t\t\t\t\t\t|\r\n\t// \t\t\t\t\t \t|\r\n\t// ---------------------+-- y2(tick)\r\n\t//\t\t\t\t\t\t|\r\n\t//\t\t\t\t\t\t\ty1\r\n\r\n\tlet y1 = height + AXIS_TICK_LENGTH;\r\n\tlet y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : height;\r\n\r\n\tif(options.mode === 'tick' && options.pos === 'top') {\r\n\t\t// top axis ticks\r\n\t\ty1 = -1 * AXIS_TICK_LENGTH;\r\n\t\ty2 = 0;\r\n\t}\r\n\r\n\treturn makeVertLine(x, label, y1, y2, {\r\n\t\tstroke: options.stroke,\r\n\t\tclassName: options.className,\r\n\t\tlineType: options.lineType\r\n\t});\r\n}\r\n\r\nexport function yMarker(y, label, width, options={}) {\r\n\tif(!options.labelPos) options.labelPos = 'right';\r\n\tlet x = options.labelPos === 'left' ? LABEL_MARGIN\r\n\t\t: width - getStringWidth(label, 5) - LABEL_MARGIN;\r\n\r\n\tlet labelSvg = createSVG('text', {\r\n\t\tclassName: 'chart-label',\r\n\t\tx: x,\r\n\t\ty: 0,\r\n\t\tdy: (FONT_SIZE / -2) + 'px',\r\n\t\t'font-size': FONT_SIZE + 'px',\r\n\t\t'text-anchor': 'start',\r\n\t\tinnerHTML: label+\"\"\r\n\t});\r\n\r\n\tlet line = makeHoriLine(y, '', 0, width, {\r\n\t\tstroke: options.stroke || BASE_LINE_COLOR,\r\n\t\tclassName: options.className || '',\r\n\t\tlineType: options.lineType\r\n\t});\r\n\r\n\tline.appendChild(labelSvg);\r\n\r\n\treturn line;\r\n}\r\n\r\nexport function yRegion(y1, y2, width, label, options={}) {\r\n\t// return a group\r\n\tlet height = y1 - y2;\r\n\r\n\tlet rect = createSVG('rect', {\r\n\t\tclassName: `bar mini`, // remove class\r\n\t\tstyles: {\r\n\t\t\tfill: `rgba(228, 234, 239, 0.49)`,\r\n\t\t\tstroke: BASE_LINE_COLOR,\r\n\t\t\t'stroke-dasharray': `${width}, ${height}`\r\n\t\t},\r\n\t\t// 'data-point-index': index,\r\n\t\tx: 0,\r\n\t\ty: 0,\r\n\t\twidth: width,\r\n\t\theight: height\r\n\t});\r\n\r\n\tif(!options.labelPos) options.labelPos = 'right';\r\n\tlet x = options.labelPos === 'left' ? LABEL_MARGIN\r\n\t\t: width - getStringWidth(label+\"\", 4.5) - LABEL_MARGIN;\r\n\r\n\tlet labelSvg = createSVG('text', {\r\n\t\tclassName: 'chart-label',\r\n\t\tx: x,\r\n\t\ty: 0,\r\n\t\tdy: (FONT_SIZE / -2) + 'px',\r\n\t\t'font-size': FONT_SIZE + 'px',\r\n\t\t'text-anchor': 'start',\r\n\t\tinnerHTML: label+\"\"\r\n\t});\r\n\r\n\tlet region = createSVG('g', {\r\n\t\ttransform: `translate(0, ${y2})`\r\n\t});\r\n\r\n\tregion.appendChild(rect);\r\n\tregion.appendChild(labelSvg);\r\n\r\n\treturn region;\r\n}\r\n\r\nexport function datasetBar(x, yTop, width, color, label='', index=0, offset=0, meta={}) {\r\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\r\n\ty -= offset;\r\n\r\n\tif(height === 0) {\r\n\t\theight = meta.minHeight;\r\n\t\ty -= meta.minHeight;\r\n\t}\r\n\r\n\tlet rect = createSVG('rect', {\r\n\t\tclassName: `bar mini`,\r\n\t\tstyle: `fill: ${color}`,\r\n\t\t'data-point-index': index,\r\n\t\tx: x,\r\n\t\ty: y,\r\n\t\twidth: width,\r\n\t\theight: height\r\n\t});\r\n\r\n\tlabel += \"\";\r\n\r\n\tif(!label && !label.length) {\r\n\t\treturn rect;\r\n\t} else {\r\n\t\trect.setAttribute('y', 0);\r\n\t\trect.setAttribute('x', 0);\r\n\t\tlet text = createSVG('text', {\r\n\t\t\tclassName: 'data-point-value',\r\n\t\t\tx: width/2,\r\n\t\t\ty: 0,\r\n\t\t\tdy: (FONT_SIZE / 2 * -1) + 'px',\r\n\t\t\t'font-size': FONT_SIZE + 'px',\r\n\t\t\t'text-anchor': 'middle',\r\n\t\t\tinnerHTML: label\r\n\t\t});\r\n\r\n\t\tlet group = createSVG('g', {\r\n\t\t\t'data-point-index': index,\r\n\t\t\ttransform: `translate(${x}, ${y})`\r\n\t\t});\r\n\t\tgroup.appendChild(rect);\r\n\t\tgroup.appendChild(text);\r\n\r\n\t\treturn group;\r\n\t}\r\n}\r\n\r\nexport function datasetDot(x, y, radius, color, label='', index=0) {\r\n\tlet dot = createSVG('circle', {\r\n\t\tstyle: `fill: ${color}`,\r\n\t\t'data-point-index': index,\r\n\t\tcx: x,\r\n\t\tcy: y,\r\n\t\tr: radius\r\n\t});\r\n\r\n\tlabel += \"\";\r\n\r\n\tif(!label && !label.length) {\r\n\t\treturn dot;\r\n\t} else {\r\n\t\tdot.setAttribute('cy', 0);\r\n\t\tdot.setAttribute('cx', 0);\r\n\r\n\t\tlet text = createSVG('text', {\r\n\t\t\tclassName: 'data-point-value',\r\n\t\t\tx: 0,\r\n\t\t\ty: 0,\r\n\t\t\tdy: (FONT_SIZE / 2 * -1 - radius) + 'px',\r\n\t\t\t'font-size': FONT_SIZE + 'px',\r\n\t\t\t'text-anchor': 'middle',\r\n\t\t\tinnerHTML: label\r\n\t\t});\r\n\r\n\t\tlet group = createSVG('g', {\r\n\t\t\t'data-point-index': index,\r\n\t\t\ttransform: `translate(${x}, ${y})`\r\n\t\t});\r\n\t\tgroup.appendChild(dot);\r\n\t\tgroup.appendChild(text);\r\n\r\n\t\treturn group;\r\n\t}\r\n}\r\n\r\nexport function getPaths(xList, yList, color, options={}, meta={}) {\r\n\tlet pointsList = yList.map((y, i) => (xList[i] + ',' + y));\r\n\tlet pointsStr = pointsList.join(\"L\");\r\n\r\n\t// Spline\r\n\tif (options.spline)\r\n\t\tpointsStr = createSplineCurve(xList, yList);\r\n \r\n\tlet path = makePath(\"M\"+pointsStr, 'line-graph-path', color);\r\n\r\n\t// HeatLine\r\n\tif(options.heatline) {\r\n\t\tlet gradient_id = makeGradient(meta.svgDefs, color);\r\n\t\tpath.style.stroke = `url(#${gradient_id})`;\r\n\t}\r\n\r\n\tlet paths = {\r\n\t\tpath: path\r\n\t};\r\n\r\n\t// Region\r\n\tif(options.regionFill) {\r\n\t\tlet gradient_id_region = makeGradient(meta.svgDefs, color, true);\r\n\r\n\t\tlet pathStr = \"M\" + `${xList[0]},${meta.zeroLine}L` + pointsStr + `L${xList.slice(-1)[0]},${meta.zeroLine}`;\r\n\t\tpaths.region = makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`);\r\n\t}\r\n\r\n\treturn paths;\r\n}\r\n\r\nexport let makeOverlay = {\r\n\t'bar': (unit) => {\r\n\t\tlet transformValue;\r\n\t\tif(unit.nodeName !== 'rect') {\r\n\t\t\ttransformValue = unit.getAttribute('transform');\r\n\t\t\tunit = unit.childNodes[0];\r\n\t\t}\r\n\t\tlet overlay = unit.cloneNode();\r\n\t\toverlay.style.fill = '#000000';\r\n\t\toverlay.style.opacity = '0.4';\r\n\r\n\t\tif(transformValue) {\r\n\t\t\toverlay.setAttribute('transform', transformValue);\r\n\t\t}\r\n\t\treturn overlay;\r\n\t},\r\n\r\n\t'dot': (unit) => {\r\n\t\tlet transformValue;\r\n\t\tif(unit.nodeName !== 'circle') {\r\n\t\t\ttransformValue = unit.getAttribute('transform');\r\n\t\t\tunit = unit.childNodes[0];\r\n\t\t}\r\n\t\tlet overlay = unit.cloneNode();\r\n\t\tlet radius = unit.getAttribute('r');\r\n\t\tlet fill = unit.getAttribute('fill');\r\n\t\toverlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR);\r\n\t\toverlay.setAttribute('fill', fill);\r\n\t\toverlay.style.opacity = '0.6';\r\n\r\n\t\tif(transformValue) {\r\n\t\t\toverlay.setAttribute('transform', transformValue);\r\n\t\t}\r\n\t\treturn overlay;\r\n\t},\r\n\r\n\t'heat_square': (unit) => {\r\n\t\tlet transformValue;\r\n\t\tif(unit.nodeName !== 'circle') {\r\n\t\t\ttransformValue = unit.getAttribute('transform');\r\n\t\t\tunit = unit.childNodes[0];\r\n\t\t}\r\n\t\tlet overlay = unit.cloneNode();\r\n\t\tlet radius = unit.getAttribute('r');\r\n\t\tlet fill = unit.getAttribute('fill');\r\n\t\toverlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR);\r\n\t\toverlay.setAttribute('fill', fill);\r\n\t\toverlay.style.opacity = '0.6';\r\n\r\n\t\tif(transformValue) {\r\n\t\t\toverlay.setAttribute('transform', transformValue);\r\n\t\t}\r\n\t\treturn overlay;\r\n\t}\r\n};\r\n\r\nexport let updateOverlay = {\r\n\t'bar': (unit, overlay) => {\r\n\t\tlet transformValue;\r\n\t\tif(unit.nodeName !== 'rect') {\r\n\t\t\ttransformValue = unit.getAttribute('transform');\r\n\t\t\tunit = unit.childNodes[0];\r\n\t\t}\r\n\t\tlet attributes = ['x', 'y', 'width', 'height'];\r\n\t\tObject.values(unit.attributes)\r\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\r\n\t\t\t.map(attr => {\r\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\r\n\t\t\t});\r\n\r\n\t\tif(transformValue) {\r\n\t\t\toverlay.setAttribute('transform', transformValue);\r\n\t\t}\r\n\t},\r\n\r\n\t'dot': (unit, overlay) => {\r\n\t\tlet transformValue;\r\n\t\tif(unit.nodeName !== 'circle') {\r\n\t\t\ttransformValue = unit.getAttribute('transform');\r\n\t\t\tunit = unit.childNodes[0];\r\n\t\t}\r\n\t\tlet attributes = ['cx', 'cy'];\r\n\t\tObject.values(unit.attributes)\r\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\r\n\t\t\t.map(attr => {\r\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\r\n\t\t\t});\r\n\r\n\t\tif(transformValue) {\r\n\t\t\toverlay.setAttribute('transform', transformValue);\r\n\t\t}\r\n\t},\r\n\r\n\t'heat_square': (unit, overlay) => {\r\n\t\tlet transformValue;\r\n\t\tif(unit.nodeName !== 'circle') {\r\n\t\t\ttransformValue = unit.getAttribute('transform');\r\n\t\t\tunit = unit.childNodes[0];\r\n\t\t}\r\n\t\tlet attributes = ['cx', 'cy'];\r\n\t\tObject.values(unit.attributes)\r\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\r\n\t\t\t.map(attr => {\r\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\r\n\t\t\t});\r\n\r\n\t\tif(transformValue) {\r\n\t\t\toverlay.setAttribute('transform', transformValue);\r\n\t\t}\r\n\t},\r\n};\r\n","import { getBarHeightAndYAttr, createSplineCurve } from './draw-utils';\r\n\r\nexport const UNIT_ANIM_DUR = 350;\r\nexport const PATH_ANIM_DUR = 350;\r\nexport const MARKER_LINE_ANIM_DUR = UNIT_ANIM_DUR;\r\nexport const REPLACE_ALL_NEW_DUR = 250;\r\n\r\nexport const STD_EASING = 'easein';\r\n\r\nexport function translate(unit, oldCoord, newCoord, duration) {\r\n\tlet old = typeof oldCoord === 'string' ? oldCoord : oldCoord.join(', ');\r\n\treturn [\r\n\t\tunit,\r\n\t\t{transform: newCoord.join(', ')},\r\n\t\tduration,\r\n\t\tSTD_EASING,\r\n\t\t\"translate\",\r\n\t\t{transform: old}\r\n\t];\r\n}\r\n\r\nexport function translateVertLine(xLine, newX, oldX) {\r\n\treturn translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR);\r\n}\r\n\r\nexport function translateHoriLine(yLine, newY, oldY) {\r\n\treturn translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR);\r\n}\r\n\r\nexport function animateRegion(rectGroup, newY1, newY2, oldY2) {\r\n\tlet newHeight = newY1 - newY2;\r\n\tlet rect = rectGroup.childNodes[0];\r\n\tlet width = rect.getAttribute(\"width\");\r\n\tlet rectAnim = [\r\n\t\trect,\r\n\t\t{ height: newHeight, 'stroke-dasharray': `${width}, ${newHeight}` },\r\n\t\tMARKER_LINE_ANIM_DUR,\r\n\t\tSTD_EASING\r\n\t];\r\n\r\n\tlet groupAnim = translate(rectGroup, [0, oldY2], [0, newY2], MARKER_LINE_ANIM_DUR);\r\n\treturn [rectAnim, groupAnim];\r\n}\r\n\r\nexport function animateBar(bar, x, yTop, width, offset=0, meta={}) {\r\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\r\n\ty -= offset;\r\n\tif(bar.nodeName !== 'rect') {\r\n\t\tlet rect = bar.childNodes[0];\r\n\t\tlet rectAnim = [\r\n\t\t\trect,\r\n\t\t\t{width: width, height: height},\r\n\t\t\tUNIT_ANIM_DUR,\r\n\t\t\tSTD_EASING\r\n\t\t];\r\n\r\n\t\tlet oldCoordStr = bar.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\r\n\t\tlet groupAnim = translate(bar, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\r\n\t\treturn [rectAnim, groupAnim];\r\n\t} else {\r\n\t\treturn [[bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING]];\r\n\t}\r\n\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\r\n}\r\n\r\nexport function animateDot(dot, x, y) {\r\n\tif(dot.nodeName !== 'circle') {\r\n\t\tlet oldCoordStr = dot.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\r\n\t\tlet groupAnim = translate(dot, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\r\n\t\treturn [groupAnim];\r\n\t} else {\r\n\t\treturn [[dot, {cx: x, cy: y}, UNIT_ANIM_DUR, STD_EASING]];\r\n\t}\r\n\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\r\n}\r\n\r\nexport function animatePath(paths, newXList, newYList, zeroLine, spline) {\r\n\tlet pathComponents = [];\r\n\tlet pointsStr = newYList.map((y, i) => (newXList[i] + ',' + y)).join(\"L\");\r\n \r\n\tif (spline)\r\n\t\tpointsStr = createSplineCurve(newXList, newYList);\r\n\r\n\tconst animPath = [paths.path, {d:\"M\" + pointsStr}, PATH_ANIM_DUR, STD_EASING];\r\n\tpathComponents.push(animPath);\r\n\r\n\tif(paths.region) {\r\n\t\tlet regStartPt = `${newXList[0]},${zeroLine}L`;\r\n\t\tlet regEndPt = `L${newXList.slice(-1)[0]}, ${zeroLine}`;\r\n\r\n\t\tconst animRegion = [\r\n\t\t\tpaths.region,\r\n\t\t\t{d:\"M\" + regStartPt + pointsStr + regEndPt},\r\n\t\t\tPATH_ANIM_DUR,\r\n\t\t\tSTD_EASING\r\n\t\t];\r\n\t\tpathComponents.push(animRegion);\r\n\t}\r\n\r\n\treturn pathComponents;\r\n}\r\n\r\nexport function animatePathStr(oldPath, pathStr) {\r\n\treturn [oldPath, {d: pathStr}, UNIT_ANIM_DUR, STD_EASING];\r\n}","// Leveraging SMIL Animations\r\n\r\nimport { REPLACE_ALL_NEW_DUR } from './animate';\r\n\r\nconst EASING = {\r\n\tease: \"0.25 0.1 0.25 1\",\r\n\tlinear: \"0 0 1 1\",\r\n\t// easein: \"0.42 0 1 1\",\r\n\teasein: \"0.1 0.8 0.2 1\",\r\n\teaseout: \"0 0 0.58 1\",\r\n\teaseinout: \"0.42 0 0.58 1\"\r\n};\r\n\r\nfunction animateSVGElement(element, props, dur, easingType=\"linear\", type=undefined, oldValues={}) {\r\n\r\n\tlet animElement = element.cloneNode(true);\r\n\tlet newElement = element.cloneNode(true);\r\n\r\n\tfor(var attributeName in props) {\r\n\t\tlet animateElement;\r\n\t\tif(attributeName === 'transform') {\r\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animateTransform\");\r\n\t\t} else {\r\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animate\");\r\n\t\t}\r\n\t\tlet currentValue = oldValues[attributeName] || element.getAttribute(attributeName);\r\n\t\tlet value = props[attributeName];\r\n\r\n\t\tlet animAttr = {\r\n\t\t\tattributeName: attributeName,\r\n\t\t\tfrom: currentValue,\r\n\t\t\tto: value,\r\n\t\t\tbegin: \"0s\",\r\n\t\t\tdur: dur/1000 + \"s\",\r\n\t\t\tvalues: currentValue + \";\" + value,\r\n\t\t\tkeySplines: EASING[easingType],\r\n\t\t\tkeyTimes: \"0;1\",\r\n\t\t\tcalcMode: \"spline\",\r\n\t\t\tfill: 'freeze'\r\n\t\t};\r\n\r\n\t\tif(type) {\r\n\t\t\tanimAttr[\"type\"] = type;\r\n\t\t}\r\n\r\n\t\tfor (var i in animAttr) {\r\n\t\t\tanimateElement.setAttribute(i, animAttr[i]);\r\n\t\t}\r\n\r\n\t\tanimElement.appendChild(animateElement);\r\n\r\n\t\tif(type) {\r\n\t\t\tnewElement.setAttribute(attributeName, `translate(${value})`);\r\n\t\t} else {\r\n\t\t\tnewElement.setAttribute(attributeName, value);\r\n\t\t}\r\n\t}\r\n\r\n\treturn [animElement, newElement];\r\n}\r\n\r\nexport function transform(element, style) { // eslint-disable-line no-unused-vars\r\n\telement.style.transform = style;\r\n\telement.style.webkitTransform = style;\r\n\telement.style.msTransform = style;\r\n\telement.style.mozTransform = style;\r\n\telement.style.oTransform = style;\r\n}\r\n\r\nfunction animateSVG(svgContainer, elements) {\r\n\tlet newElements = [];\r\n\tlet animElements = [];\r\n\r\n\telements.map(element => {\r\n\t\tlet unit = element[0];\r\n\t\tlet parent = unit.parentNode;\r\n\r\n\t\tlet animElement, newElement;\r\n\r\n\t\telement[0] = unit;\r\n\t\t[animElement, newElement] = animateSVGElement(...element);\r\n\r\n\t\tnewElements.push(newElement);\r\n\t\tanimElements.push([animElement, parent]);\r\n\r\n\t\tparent.replaceChild(animElement, unit);\r\n\t});\r\n\r\n\tlet animSvg = svgContainer.cloneNode(true);\r\n\r\n\tanimElements.map((animElement, i) => {\r\n\t\tanimElement[1].replaceChild(newElements[i], animElement[0]);\r\n\t\telements[i][0] = newElements[i];\r\n\t});\r\n\r\n\treturn animSvg;\r\n}\r\n\r\nexport function runSMILAnimation(parent, svgElement, elementsToAnimate) {\r\n\tif(elementsToAnimate.length === 0) return;\r\n\r\n\tlet animSvgElement = animateSVG(svgElement, elementsToAnimate);\r\n\tif(svgElement.parentNode == parent) {\r\n\t\tparent.removeChild(svgElement);\r\n\t\tparent.appendChild(animSvgElement);\r\n\r\n\t}\r\n\r\n\t// Replace the new svgElement (data has already been replaced)\r\n\tsetTimeout(() => {\r\n\t\tif(animSvgElement.parentNode == parent) {\r\n\t\t\tparent.removeChild(animSvgElement);\r\n\t\t\tparent.appendChild(svgElement);\r\n\t\t}\r\n\t}, REPLACE_ALL_NEW_DUR);\r\n}\r\n","import { $ } from '../utils/dom';\r\nimport { CSSTEXT } from '../../css/chartsCss';\r\n\r\nexport function downloadFile(filename, data) {\r\n\tvar a = document.createElement('a');\r\n\ta.style = \"display: none\";\r\n\tvar blob = new Blob(data, {type: \"image/svg+xml; charset=utf-8\"});\r\n\tvar url = window.URL.createObjectURL(blob);\r\n\ta.href = url;\r\n\ta.download = filename;\r\n\tdocument.body.appendChild(a);\r\n\ta.click();\r\n\tsetTimeout(function(){\r\n\t\tdocument.body.removeChild(a);\r\n\t\twindow.URL.revokeObjectURL(url);\r\n\t}, 300);\r\n}\r\n\r\nexport function prepareForExport(svg) {\r\n\tlet clone = svg.cloneNode(true);\r\n\tclone.classList.add('chart-container');\r\n\tclone.setAttribute('xmlns', \"http://www.w3.org/2000/svg\");\r\n\tclone.setAttribute('xmlns:xlink', \"http://www.w3.org/1999/xlink\");\r\n\tlet styleEl = $.create('style', {\r\n\t\t'innerHTML': CSSTEXT\r\n\t});\r\n\tclone.insertBefore(styleEl, clone.firstChild);\r\n\r\n\tlet container = $.create('div');\r\n\tcontainer.appendChild(clone);\r\n\r\n\treturn container.innerHTML;\r\n}\r\n","// Playing around with dates\r\n\r\nexport const NO_OF_YEAR_MONTHS = 12;\r\nexport const NO_OF_DAYS_IN_WEEK = 7;\r\nexport const DAYS_IN_YEAR = 375;\r\nexport const NO_OF_MILLIS = 1000;\r\nexport const SEC_IN_DAY = 86400;\r\n\r\nexport const MONTH_NAMES = [\"January\", \"February\", \"March\", \"April\", \"May\",\r\n\t\"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\"];\r\nexport const MONTH_NAMES_SHORT = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\",\r\n\t\"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"];\r\n\r\nexport const DAY_NAMES_SHORT = [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\"];\r\nexport const DAY_NAMES = [\"Sunday\", \"Monday\", \"Tuesday\", \"Wednesday\",\r\n\t\"Thursday\", \"Friday\", \"Saturday\"];\r\n\r\n// https://stackoverflow.com/a/11252167/6495043\r\nfunction treatAsUtc(date) {\r\n\tlet result = new Date(date);\r\n\tresult.setMinutes(result.getMinutes() - result.getTimezoneOffset());\r\n\treturn result;\r\n}\r\n\r\nexport function getYyyyMmDd(date) {\r\n\tlet dd = date.getDate();\r\n\tlet mm = date.getMonth() + 1; // getMonth() is zero-based\r\n\treturn [\r\n\t\tdate.getFullYear(),\r\n\t\t(mm>9 ? '' : '0') + mm,\r\n\t\t(dd>9 ? '' : '0') + dd\r\n\t].join('-');\r\n}\r\n\r\nexport function clone(date) {\r\n\treturn new Date(date.getTime());\r\n}\r\n\r\nexport function timestampSec(date) {\r\n\treturn date.getTime()/NO_OF_MILLIS;\r\n}\r\n\r\nexport function timestampToMidnight(timestamp, roundAhead = false) {\r\n\tlet midnightTs = Math.floor(timestamp - (timestamp % SEC_IN_DAY));\r\n\tif(roundAhead) {\r\n\t\treturn midnightTs + SEC_IN_DAY;\r\n\t}\r\n\treturn midnightTs;\r\n}\r\n\r\n// export function getMonthsBetween(startDate, endDate) {}\r\n\r\nexport function getWeeksBetween(startDate, endDate) {\r\n\tlet weekStartDate = setDayToSunday(startDate);\r\n\treturn Math.ceil(getDaysBetween(weekStartDate, endDate) / NO_OF_DAYS_IN_WEEK);\r\n}\r\n\r\nexport function getDaysBetween(startDate, endDate) {\r\n\tlet millisecondsPerDay = SEC_IN_DAY * NO_OF_MILLIS;\r\n\treturn (treatAsUtc(endDate) - treatAsUtc(startDate)) / millisecondsPerDay;\r\n}\r\n\r\nexport function areInSameMonth(startDate, endDate) {\r\n\treturn startDate.getMonth() === endDate.getMonth()\r\n\t\t&& startDate.getFullYear() === endDate.getFullYear();\r\n}\r\n\r\nexport function getMonthName(i, short=false) {\r\n\tlet monthName = MONTH_NAMES[i];\r\n\treturn short ? monthName.slice(0, 3) : monthName;\r\n}\r\n\r\nexport function getLastDateInMonth (month, year) {\r\n\treturn new Date(year, month + 1, 0); // 0: last day in previous month\r\n}\r\n\r\n// mutates\r\nexport function setDayToSunday(date) {\r\n\tlet newDate = clone(date);\r\n\tconst day = newDate.getDay();\r\n\tif(day !== 0) {\r\n\t\taddDays(newDate, (-1) * day);\r\n\t}\r\n\treturn newDate;\r\n}\r\n\r\n// mutates\r\nexport function addDays(date, numberOfDays) {\r\n\tdate.setDate(date.getDate() + numberOfDays);\r\n}\r\n","import { makeSVGGroup } from '../utils/draw';\r\nimport { makeText, makePath, xLine, yLine, yMarker, yRegion, datasetBar, datasetDot, percentageBar, getPaths, heatSquare } from '../utils/draw';\r\nimport { equilizeNoOfElements } from '../utils/draw-utils';\r\nimport { translateHoriLine, translateVertLine, animateRegion, animateBar,\r\n\tanimateDot, animatePath, animatePathStr } from '../utils/animate';\r\nimport { getMonthName } from '../utils/date-utils';\r\n\r\nclass ChartComponent {\r\n\tconstructor({\r\n\t\tlayerClass = '',\r\n\t\tlayerTransform = '',\r\n\t\tconstants,\r\n\r\n\t\tgetData,\r\n\t\tmakeElements,\r\n\t\tanimateElements\r\n\t}) {\r\n\t\tthis.layerTransform = layerTransform;\r\n\t\tthis.constants = constants;\r\n\r\n\t\tthis.makeElements = makeElements;\r\n\t\tthis.getData = getData;\r\n\r\n\t\tthis.animateElements = animateElements;\r\n\r\n\t\tthis.store = [];\r\n\t\tthis.labels = [];\r\n\r\n\t\tthis.layerClass = layerClass;\r\n\t\tthis.layerClass = typeof(this.layerClass) === 'function'\r\n\t\t\t? this.layerClass() : this.layerClass;\r\n\r\n\t\tthis.refresh();\r\n\t}\r\n\r\n\trefresh(data) {\r\n\t\tthis.data = data || this.getData();\r\n\t}\r\n\r\n\tsetup(parent) {\r\n\t\tthis.layer = makeSVGGroup(this.layerClass, this.layerTransform, parent);\r\n\t}\r\n\r\n\tmake() {\r\n\t\tthis.render(this.data);\r\n\t\tthis.oldData = this.data;\r\n\t}\r\n\r\n\trender(data) {\r\n\t\tthis.store = this.makeElements(data);\r\n\r\n\t\tthis.layer.textContent = '';\r\n\t\tthis.store.forEach(element => {\r\n\t\t\tthis.layer.appendChild(element);\r\n\t\t});\r\n\t\tthis.labels.forEach(element => {\r\n\t\t\tthis.layer.appendChild(element);\r\n\t\t});\r\n\t}\r\n\r\n\tupdate(animate = true) {\r\n\t\tthis.refresh();\r\n\t\tlet animateElements = [];\r\n\t\tif(animate) {\r\n\t\t\tanimateElements = this.animateElements(this.data) || [];\r\n\t\t}\r\n\t\treturn animateElements;\r\n\t}\r\n}\r\n\r\nlet componentConfigs = {\r\n\tdonutSlices: {\r\n\t\tlayerClass: 'donut-slices',\r\n\t\tmakeElements(data) {\r\n\t\t\treturn data.sliceStrings.map((s, i) => {\r\n\t\t\t\tlet slice = makePath(s, 'donut-path', data.colors[i], 'none', data.strokeWidth);\r\n\t\t\t\tslice.style.transition = 'transform .3s;';\r\n\t\t\t\treturn slice;\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tanimateElements(newData) {\r\n\t\t\treturn this.store.map((slice, i) => animatePathStr(slice, newData.sliceStrings[i]));\r\n\t\t},\r\n\t},\r\n\tpieSlices: {\r\n\t\tlayerClass: 'pie-slices',\r\n\t\tmakeElements(data) {\r\n\t\t\treturn data.sliceStrings.map((s, i) =>{\r\n\t\t\t\tlet slice = makePath(s, 'pie-path', 'none', data.colors[i]);\r\n\t\t\t\tslice.style.transition = 'transform .3s;';\r\n\t\t\t\treturn slice;\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tanimateElements(newData) {\r\n\t\t\treturn this.store.map((slice, i) =>\r\n\t\t\t\tanimatePathStr(slice, newData.sliceStrings[i])\r\n\t\t\t);\r\n\t\t}\r\n\t},\r\n\tpercentageBars: {\r\n\t\tlayerClass: 'percentage-bars',\r\n\t\tmakeElements(data) {\r\n\t\t\treturn data.xPositions.map((x, i) =>{\r\n\t\t\t\tlet y = 0;\r\n\t\t\t\tlet bar = percentageBar(x, y, data.widths[i],\r\n\t\t\t\t\tthis.constants.barHeight, this.constants.barDepth, data.colors[i]);\r\n\t\t\t\treturn bar;\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tanimateElements(newData) {\r\n\t\t\tif(newData) return [];\r\n\t\t}\r\n\t},\r\n\tyAxis: {\r\n\t\tlayerClass: 'y axis',\r\n\t\tmakeElements(data) {\r\n\t\t\treturn data.positions.map((position, i) =>\r\n\t\t\t\tyLine(position, data.labels[i], this.constants.width,\r\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos, shortenNumbers: this.constants.shortenNumbers})\r\n\t\t\t);\r\n\t\t},\r\n\r\n\t\tanimateElements(newData) {\r\n\t\t\tlet newPos = newData.positions;\r\n\t\t\tlet newLabels = newData.labels;\r\n\t\t\tlet oldPos = this.oldData.positions;\r\n\t\t\tlet oldLabels = this.oldData.labels;\r\n\r\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\r\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\r\n\r\n\t\t\tthis.render({\r\n\t\t\t\tpositions: oldPos,\r\n\t\t\t\tlabels: newLabels\r\n\t\t\t});\r\n\r\n\t\t\treturn this.store.map((line, i) => {\r\n\t\t\t\treturn translateHoriLine(\r\n\t\t\t\t\tline, newPos[i], oldPos[i]\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t}\r\n\t},\r\n\r\n\txAxis: {\r\n\t\tlayerClass: 'x axis',\r\n\t\tmakeElements(data) {\r\n\t\t\treturn data.positions.map((position, i) =>\r\n\t\t\t\txLine(position, data.calcLabels[i], this.constants.height,\r\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\r\n\t\t\t);\r\n\t\t},\r\n\r\n\t\tanimateElements(newData) {\r\n\t\t\tlet newPos = newData.positions;\r\n\t\t\tlet newLabels = newData.calcLabels;\r\n\t\t\tlet oldPos = this.oldData.positions;\r\n\t\t\tlet oldLabels = this.oldData.calcLabels;\r\n\r\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\r\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\r\n\r\n\t\t\tthis.render({\r\n\t\t\t\tpositions: oldPos,\r\n\t\t\t\tcalcLabels: newLabels\r\n\t\t\t});\r\n\r\n\t\t\treturn this.store.map((line, i) => {\r\n\t\t\t\treturn translateVertLine(\r\n\t\t\t\t\tline, newPos[i], oldPos[i]\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t}\r\n\t},\r\n\r\n\tyMarkers: {\r\n\t\tlayerClass: 'y-markers',\r\n\t\tmakeElements(data) {\r\n\t\t\treturn data.map(m =>\r\n\t\t\t\tyMarker(m.position, m.label, this.constants.width,\r\n\t\t\t\t\t{labelPos: m.options.labelPos, mode: 'span', lineType: 'dashed'})\r\n\t\t\t);\r\n\t\t},\r\n\t\tanimateElements(newData) {\r\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\r\n\r\n\t\t\tlet newPos = newData.map(d => d.position);\r\n\t\t\tlet newLabels = newData.map(d => d.label);\r\n\t\t\tlet newOptions = newData.map(d => d.options);\r\n\r\n\t\t\tlet oldPos = this.oldData.map(d => d.position);\r\n\r\n\t\t\tthis.render(oldPos.map((pos, i) => {\r\n\t\t\t\treturn {\r\n\t\t\t\t\tposition: oldPos[i],\r\n\t\t\t\t\tlabel: newLabels[i],\r\n\t\t\t\t\toptions: newOptions[i]\r\n\t\t\t\t};\r\n\t\t\t}));\r\n\r\n\t\t\treturn this.store.map((line, i) => {\r\n\t\t\t\treturn translateHoriLine(\r\n\t\t\t\t\tline, newPos[i], oldPos[i]\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t}\r\n\t},\r\n\r\n\tyRegions: {\r\n\t\tlayerClass: 'y-regions',\r\n\t\tmakeElements(data) {\r\n\t\t\treturn data.map(r =>\r\n\t\t\t\tyRegion(r.startPos, r.endPos, this.constants.width,\r\n\t\t\t\t\tr.label, {labelPos: r.options.labelPos})\r\n\t\t\t);\r\n\t\t},\r\n\t\tanimateElements(newData) {\r\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\r\n\r\n\t\t\tlet newPos = newData.map(d => d.endPos);\r\n\t\t\tlet newLabels = newData.map(d => d.label);\r\n\t\t\tlet newStarts = newData.map(d => d.startPos);\r\n\t\t\tlet newOptions = newData.map(d => d.options);\r\n\r\n\t\t\tlet oldPos = this.oldData.map(d => d.endPos);\r\n\t\t\tlet oldStarts = this.oldData.map(d => d.startPos);\r\n\r\n\t\t\tthis.render(oldPos.map((pos, i) => {\r\n\t\t\t\treturn {\r\n\t\t\t\t\tstartPos: oldStarts[i],\r\n\t\t\t\t\tendPos: oldPos[i],\r\n\t\t\t\t\tlabel: newLabels[i],\r\n\t\t\t\t\toptions: newOptions[i]\r\n\t\t\t\t};\r\n\t\t\t}));\r\n\r\n\t\t\tlet animateElements = [];\r\n\r\n\t\t\tthis.store.map((rectGroup, i) => {\r\n\t\t\t\tanimateElements = animateElements.concat(animateRegion(\r\n\t\t\t\t\trectGroup, newStarts[i], newPos[i], oldPos[i]\r\n\t\t\t\t));\r\n\t\t\t});\r\n\r\n\t\t\treturn animateElements;\r\n\t\t}\r\n\t},\r\n\r\n\theatDomain: {\r\n\t\tlayerClass: function() { return 'heat-domain domain-' + this.constants.index; },\r\n\t\tmakeElements(data) {\r\n\t\t\tlet {index, colWidth, rowHeight, squareSize, xTranslate} = this.constants;\r\n\t\t\tlet monthNameHeight = -12;\r\n\t\t\tlet x = xTranslate, y = 0;\r\n\r\n\t\t\tthis.serializedSubDomains = [];\r\n\r\n\t\t\tdata.cols.map((week, weekNo) => {\r\n\t\t\t\tif(weekNo === 1) {\r\n\t\t\t\t\tthis.labels.push(\r\n\t\t\t\t\t\tmakeText('domain-name', x, monthNameHeight, getMonthName(index, true).toUpperCase(),\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\tfontSize: 9\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t);\r\n\t\t\t\t}\r\n\t\t\t\tweek.map((day, i) => {\r\n\t\t\t\t\tif(day.fill) {\r\n\t\t\t\t\t\tlet data = {\r\n\t\t\t\t\t\t\t'data-date': day.yyyyMmDd,\r\n\t\t\t\t\t\t\t'data-value': day.dataValue,\r\n\t\t\t\t\t\t\t'data-day': i\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t\tlet square = heatSquare('day', x, y, squareSize, day.fill, data);\r\n\t\t\t\t\t\tthis.serializedSubDomains.push(square);\r\n\t\t\t\t\t}\r\n\t\t\t\t\ty += rowHeight;\r\n\t\t\t\t});\r\n\t\t\t\ty = 0;\r\n\t\t\t\tx += colWidth;\r\n\t\t\t});\r\n\r\n\t\t\treturn this.serializedSubDomains;\r\n\t\t},\r\n\r\n\t\tanimateElements(newData) {\r\n\t\t\tif(newData) return [];\r\n\t\t}\r\n\t},\r\n\r\n\tbarGraph: {\r\n\t\tlayerClass: function() { return 'dataset-units dataset-bars dataset-' + this.constants.index; },\r\n\t\tmakeElements(data) {\r\n\t\t\tlet c = this.constants;\r\n\t\t\tthis.unitType = 'bar';\r\n\t\t\tthis.units = data.yPositions.map((y, j) => {\r\n\t\t\t\treturn datasetBar(\r\n\t\t\t\t\tdata.xPositions[j],\r\n\t\t\t\t\ty,\r\n\t\t\t\t\tdata.barWidth,\r\n\t\t\t\t\tc.color,\r\n\t\t\t\t\tdata.labels[j],\r\n\t\t\t\t\tj,\r\n\t\t\t\t\tdata.offsets[j],\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tzeroLine: data.zeroLine,\r\n\t\t\t\t\t\tbarsWidth: data.barsWidth,\r\n\t\t\t\t\t\tminHeight: c.minHeight\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t\treturn this.units;\r\n\t\t},\r\n\t\tanimateElements(newData) {\r\n\t\t\tlet newXPos = newData.xPositions;\r\n\t\t\tlet newYPos = newData.yPositions;\r\n\t\t\tlet newOffsets = newData.offsets;\r\n\t\t\tlet newLabels = newData.labels;\r\n\r\n\t\t\tlet oldXPos = this.oldData.xPositions;\r\n\t\t\tlet oldYPos = this.oldData.yPositions;\r\n\t\t\tlet oldOffsets = this.oldData.offsets;\r\n\t\t\tlet oldLabels = this.oldData.labels;\r\n\r\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\r\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\r\n\t\t\t[oldOffsets, newOffsets] = equilizeNoOfElements(oldOffsets, newOffsets);\r\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\r\n\r\n\t\t\tthis.render({\r\n\t\t\t\txPositions: oldXPos,\r\n\t\t\t\tyPositions: oldYPos,\r\n\t\t\t\toffsets: oldOffsets,\r\n\t\t\t\tlabels: newLabels,\r\n\r\n\t\t\t\tzeroLine: this.oldData.zeroLine,\r\n\t\t\t\tbarsWidth: this.oldData.barsWidth,\r\n\t\t\t\tbarWidth: this.oldData.barWidth,\r\n\t\t\t});\r\n\r\n\t\t\tlet animateElements = [];\r\n\r\n\t\t\tthis.store.map((bar, i) => {\r\n\t\t\t\tanimateElements = animateElements.concat(animateBar(\r\n\t\t\t\t\tbar, newXPos[i], newYPos[i], newData.barWidth, newOffsets[i],\r\n\t\t\t\t\t{zeroLine: newData.zeroLine}\r\n\t\t\t\t));\r\n\t\t\t});\r\n\r\n\t\t\treturn animateElements;\r\n\t\t}\r\n\t},\r\n\r\n\tlineGraph: {\r\n\t\tlayerClass: function() { return 'dataset-units dataset-line dataset-' + this.constants.index; },\r\n\t\tmakeElements(data) {\r\n\t\t\tlet c = this.constants;\r\n\t\t\tthis.unitType = 'dot';\r\n\t\t\tthis.paths = {};\r\n\t\t\tif(!c.hideLine) {\r\n\t\t\t\tthis.paths = getPaths(\r\n\t\t\t\t\tdata.xPositions,\r\n\t\t\t\t\tdata.yPositions,\r\n\t\t\t\t\tc.color,\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\theatline: c.heatline,\r\n\t\t\t\t\t\tregionFill: c.regionFill,\r\n\t\t\t\t\t\tspline: c.spline\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tsvgDefs: c.svgDefs,\r\n\t\t\t\t\t\tzeroLine: data.zeroLine\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t\t}\r\n\r\n\t\t\tthis.units = [];\r\n\t\t\tif(!c.hideDots) {\r\n\t\t\t\tthis.units = data.yPositions.map((y, j) => {\r\n\t\t\t\t\treturn datasetDot(\r\n\t\t\t\t\t\tdata.xPositions[j],\r\n\t\t\t\t\t\ty,\r\n\t\t\t\t\t\tdata.radius,\r\n\t\t\t\t\t\tc.color,\r\n\t\t\t\t\t\t(c.valuesOverPoints ? data.values[j] : ''),\r\n\t\t\t\t\t\tj\r\n\t\t\t\t\t);\r\n\t\t\t\t});\r\n\t\t\t}\r\n\r\n\t\t\treturn Object.values(this.paths).concat(this.units);\r\n\t\t},\r\n\t\tanimateElements(newData) {\r\n\t\t\tlet newXPos = newData.xPositions;\r\n\t\t\tlet newYPos = newData.yPositions;\r\n\t\t\tlet newValues = newData.values;\r\n\r\n\t\t\tlet oldXPos = this.oldData.xPositions;\r\n\t\t\tlet oldYPos = this.oldData.yPositions;\r\n\t\t\tlet oldValues = this.oldData.values;\r\n\r\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\r\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\r\n\t\t\t[oldValues, newValues] = equilizeNoOfElements(oldValues, newValues);\r\n\r\n\t\t\tthis.render({\r\n\t\t\t\txPositions: oldXPos,\r\n\t\t\t\tyPositions: oldYPos,\r\n\t\t\t\tvalues: newValues,\r\n\r\n\t\t\t\tzeroLine: this.oldData.zeroLine,\r\n\t\t\t\tradius: this.oldData.radius,\r\n\t\t\t});\r\n\r\n\t\t\tlet animateElements = [];\r\n\r\n\t\t\tif(Object.keys(this.paths).length) {\r\n\t\t\t\tanimateElements = animateElements.concat(animatePath(\r\n\t\t\t\t\tthis.paths, newXPos, newYPos, newData.zeroLine, this.constants.spline));\r\n\t\t\t}\r\n\r\n\t\t\tif(this.units.length) {\r\n\t\t\t\tthis.units.map((dot, i) => {\r\n\t\t\t\t\tanimateElements = animateElements.concat(animateDot(\r\n\t\t\t\t\t\tdot, newXPos[i], newYPos[i]));\r\n\t\t\t\t});\r\n\t\t\t}\r\n\r\n\t\t\treturn animateElements;\r\n\t\t}\r\n\t}\r\n};\r\n\r\nexport function getComponent(name, constants, getData) {\r\n\tlet keys = Object.keys(componentConfigs).filter(k => name.includes(k));\r\n\tlet config = componentConfigs[keys[0]];\r\n\tObject.assign(config, {\r\n\t\tconstants: constants,\r\n\t\tgetData: getData\r\n\t});\r\n\treturn new ChartComponent(config);\r\n}\r\n","import { floatTwo } from './helpers';\r\n\r\nfunction normalize(x) {\r\n\t// Calculates mantissa and exponent of a number\r\n\t// Returns normalized number and exponent\r\n\t// https://stackoverflow.com/q/9383593/6495043\r\n\r\n\tif(x===0) {\r\n\t\treturn [0, 0];\r\n\t}\r\n\tif(isNaN(x)) {\r\n\t\treturn {mantissa: -6755399441055744, exponent: 972};\r\n\t}\r\n\tvar sig = x > 0 ? 1 : -1;\r\n\tif(!isFinite(x)) {\r\n\t\treturn {mantissa: sig * 4503599627370496, exponent: 972};\r\n\t}\r\n\r\n\tx = Math.abs(x);\r\n\tvar exp = Math.floor(Math.log10(x));\r\n\tvar man = x/Math.pow(10, exp);\r\n\r\n\treturn [sig * man, exp];\r\n}\r\n\r\nfunction getChartRangeIntervals(max, min=0) {\r\n\tlet upperBound = Math.ceil(max);\r\n\tlet lowerBound = Math.floor(min);\r\n\tlet range = upperBound - lowerBound;\r\n\r\n\tlet noOfParts = range;\r\n\tlet partSize = 1;\r\n\r\n\t// To avoid too many partitions\r\n\tif(range > 5) {\r\n\t\tif(range % 2 !== 0) {\r\n\t\t\tupperBound++;\r\n\t\t\t// Recalc range\r\n\t\t\trange = upperBound - lowerBound;\r\n\t\t}\r\n\t\tnoOfParts = range/2;\r\n\t\tpartSize = 2;\r\n\t}\r\n\r\n\t// Special case: 1 and 2\r\n\tif(range <= 2) {\r\n\t\tnoOfParts = 4;\r\n\t\tpartSize = range/noOfParts;\r\n\t}\r\n\r\n\t// Special case: 0\r\n\tif(range === 0) {\r\n\t\tnoOfParts = 5;\r\n\t\tpartSize = 1;\r\n\t}\r\n\r\n\tlet intervals = [];\r\n\tfor(var i = 0; i <= noOfParts; i++){\r\n\t\tintervals.push(lowerBound + partSize * i);\r\n\t}\r\n\treturn intervals;\r\n}\r\n\r\nfunction getChartIntervals(maxValue, minValue=0) {\r\n\tlet [normalMaxValue, exponent] = normalize(maxValue);\r\n\tlet normalMinValue = minValue ? minValue/Math.pow(10, exponent): 0;\r\n\r\n\t// Allow only 7 significant digits\r\n\tnormalMaxValue = normalMaxValue.toFixed(6);\r\n\r\n\tlet intervals = getChartRangeIntervals(normalMaxValue, normalMinValue);\r\n\tintervals = intervals.map(value => value * Math.pow(10, exponent));\r\n\treturn intervals;\r\n}\r\n\r\nexport function calcChartIntervals(values, withMinimum=false) {\r\n\t//*** Where the magic happens ***\r\n\r\n\t// Calculates best-fit y intervals from given values\r\n\t// and returns the interval array\r\n\r\n\tlet maxValue = Math.max(...values);\r\n\tlet minValue = Math.min(...values);\r\n\r\n\t// Exponent to be used for pretty print\r\n\tlet exponent = 0, intervals = []; // eslint-disable-line no-unused-vars\r\n\r\n\tfunction getPositiveFirstIntervals(maxValue, absMinValue) {\r\n\t\tlet intervals = getChartIntervals(maxValue);\r\n\r\n\t\tlet intervalSize = intervals[1] - intervals[0];\r\n\r\n\t\t// Then unshift the negative values\r\n\t\tlet value = 0;\r\n\t\tfor(var i = 1; value < absMinValue; i++) {\r\n\t\t\tvalue += intervalSize;\r\n\t\t\tintervals.unshift((-1) * value);\r\n\t\t}\r\n\t\treturn intervals;\r\n\t}\r\n\r\n\t// CASE I: Both non-negative\r\n\r\n\tif(maxValue >= 0 && minValue >= 0) {\r\n\t\texponent = normalize(maxValue)[1];\r\n\t\tif(!withMinimum) {\r\n\t\t\tintervals = getChartIntervals(maxValue);\r\n\t\t} else {\r\n\t\t\tintervals = getChartIntervals(maxValue, minValue);\r\n\t\t}\r\n\t}\r\n\r\n\t// CASE II: Only minValue negative\r\n\r\n\telse if(maxValue > 0 && minValue < 0) {\r\n\t\t// `withMinimum` irrelevant in this case,\r\n\t\t// We'll be handling both sides of zero separately\r\n\t\t// (both starting from zero)\r\n\t\t// Because ceil() and floor() behave differently\r\n\t\t// in those two regions\r\n\r\n\t\tlet absMinValue = Math.abs(minValue);\r\n\r\n\t\tif(maxValue >= absMinValue) {\r\n\t\t\texponent = normalize(maxValue)[1];\r\n\t\t\tintervals = getPositiveFirstIntervals(maxValue, absMinValue);\r\n\t\t} else {\r\n\t\t\t// Mirror: maxValue => absMinValue, then change sign\r\n\t\t\texponent = normalize(absMinValue)[1];\r\n\t\t\tlet posIntervals = getPositiveFirstIntervals(absMinValue, maxValue);\r\n\t\t\tintervals = posIntervals.map(d => d * (-1));\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t// CASE III: Both non-positive\r\n\r\n\telse if(maxValue <= 0 && minValue <= 0) {\r\n\t\t// Mirrored Case I:\r\n\t\t// Work with positives, then reverse the sign and array\r\n\r\n\t\tlet pseudoMaxValue = Math.abs(minValue);\r\n\t\tlet pseudoMinValue = Math.abs(maxValue);\r\n\r\n\t\texponent = normalize(pseudoMaxValue)[1];\r\n\t\tif(!withMinimum) {\r\n\t\t\tintervals = getChartIntervals(pseudoMaxValue);\r\n\t\t} else {\r\n\t\t\tintervals = getChartIntervals(pseudoMaxValue, pseudoMinValue);\r\n\t\t}\r\n\r\n\t\tintervals = intervals.reverse().map(d => d * (-1));\r\n\t}\r\n\r\n\treturn intervals;\r\n}\r\n\r\nexport function getZeroIndex(yPts) {\r\n\tlet zeroIndex;\r\n\tlet interval = getIntervalSize(yPts);\r\n\tif(yPts.indexOf(0) >= 0) {\r\n\t\t// the range has a given zero\r\n\t\t// zero-line on the chart\r\n\t\tzeroIndex = yPts.indexOf(0);\r\n\t} else if(yPts[0] > 0) {\r\n\t\t// Minimum value is positive\r\n\t\t// zero-line is off the chart: below\r\n\t\tlet min = yPts[0];\r\n\t\tzeroIndex = (-1) * min / interval;\r\n\t} else {\r\n\t\t// Maximum value is negative\r\n\t\t// zero-line is off the chart: above\r\n\t\tlet max = yPts[yPts.length - 1];\r\n\t\tzeroIndex = (-1) * max / interval + (yPts.length - 1);\r\n\t}\r\n\treturn zeroIndex;\r\n}\r\n\r\nexport function getRealIntervals(max, noOfIntervals, min = 0, asc = 1) {\r\n\tlet range = max - min;\r\n\tlet part = range * 1.0 / noOfIntervals;\r\n\tlet intervals = [];\r\n\r\n\tfor(var i = 0; i <= noOfIntervals; i++) {\r\n\t\tintervals.push(min + part * i);\r\n\t}\r\n\r\n\treturn asc ? intervals : intervals.reverse();\r\n}\r\n\r\nexport function getIntervalSize(orderedArray) {\r\n\treturn orderedArray[1] - orderedArray[0];\r\n}\r\n\r\nexport function getValueRange(orderedArray) {\r\n\treturn orderedArray[orderedArray.length-1] - orderedArray[0];\r\n}\r\n\r\nexport function scale(val, yAxis) {\r\n\treturn floatTwo(yAxis.zeroLine - val * yAxis.scaleMultiplier);\r\n}\r\n\r\nexport function isInRange(val, min, max) {\r\n\treturn val > min && val < max;\r\n}\r\n\r\nexport function isInRange2D(coord, minCoord, maxCoord) {\r\n\treturn isInRange(coord[0], minCoord[0], maxCoord[0])\r\n\t\t&& isInRange(coord[1], minCoord[1], maxCoord[1]);\r\n}\r\n\r\nexport function getClosestInArray(goal, arr, index = false) {\r\n\tlet closest = arr.reduce(function(prev, curr) {\r\n\t\treturn (Math.abs(curr - goal) < Math.abs(prev - goal) ? curr : prev);\r\n\t}, []);\r\n\r\n\treturn index ? arr.indexOf(closest) : closest;\r\n}\r\n\r\nexport function calcDistribution(values, distributionSize) {\r\n\t// Assume non-negative values,\r\n\t// implying distribution minimum at zero\r\n\r\n\tlet dataMaxValue = Math.max(...values);\r\n\r\n\tlet distributionStep = 1 / (distributionSize - 1);\r\n\tlet distribution = [];\r\n\r\n\tfor(var i = 0; i < distributionSize; i++) {\r\n\t\tlet checkpoint = dataMaxValue * (distributionStep * i);\r\n\t\tdistribution.push(checkpoint);\r\n\t}\r\n\r\n\treturn distribution;\r\n}\r\n\r\nexport function getMaxCheckpoint(value, distribution) {\r\n\treturn distribution.filter(d => d < value).length;\r\n}\r\n","import { fillArray } from '../utils/helpers';\r\nimport { DEFAULT_AXIS_CHART_TYPE, AXIS_DATASET_CHART_TYPES, DEFAULT_CHAR_WIDTH } from '../utils/constants';\r\n\r\nexport function dataPrep(data, type) {\r\n\tdata.labels = data.labels || [];\r\n\r\n\tlet datasetLength = data.labels.length;\r\n\r\n\t// Datasets\r\n\tlet datasets = data.datasets;\r\n\tlet zeroArray = new Array(datasetLength).fill(0);\r\n\tif(!datasets) {\r\n\t\t// default\r\n\t\tdatasets = [{\r\n\t\t\tvalues: zeroArray\r\n\t\t}];\r\n\t}\r\n\r\n\tdatasets.map(d=> {\r\n\t\t// Set values\r\n\t\tif(!d.values) {\r\n\t\t\td.values = zeroArray;\r\n\t\t} else {\r\n\t\t\t// Check for non values\r\n\t\t\tlet vals = d.values;\r\n\t\t\tvals = vals.map(val => (!isNaN(val) ? val : 0));\r\n\r\n\t\t\t// Trim or extend\r\n\t\t\tif(vals.length > datasetLength) {\r\n\t\t\t\tvals = vals.slice(0, datasetLength);\r\n\t\t\t} else {\r\n\t\t\t\tvals = fillArray(vals, datasetLength - vals.length, 0);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t// Set labels\r\n\t\t//\r\n\r\n\t\t// Set type\r\n\t\tif(!d.chartType ) {\r\n\t\t\tif(!AXIS_DATASET_CHART_TYPES.includes(type)) type === DEFAULT_AXIS_CHART_TYPE;\r\n\t\t\td.chartType = type;\r\n\t\t}\r\n\r\n\t});\r\n\r\n\t// Markers\r\n\r\n\t// Regions\r\n\t// data.yRegions = data.yRegions || [];\r\n\tif(data.yRegions) {\r\n\t\tdata.yRegions.map(d => {\r\n\t\t\tif(d.end < d.start) {\r\n\t\t\t\t[d.start, d.end] = [d.end, d.start];\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\treturn data;\r\n}\r\n\r\nexport function zeroDataPrep(realData) {\r\n\tlet datasetLength = realData.labels.length;\r\n\tlet zeroArray = new Array(datasetLength).fill(0);\r\n\r\n\tlet zeroData = {\r\n\t\tlabels: realData.labels.slice(0, -1),\r\n\t\tdatasets: realData.datasets.map(d => {\r\n\t\t\treturn {\r\n\t\t\t\tname: '',\r\n\t\t\t\tvalues: zeroArray.slice(0, -1),\r\n\t\t\t\tchartType: d.chartType\r\n\t\t\t};\r\n\t\t}),\r\n\t};\r\n\r\n\tif(realData.yMarkers) {\r\n\t\tzeroData.yMarkers = [\r\n\t\t\t{\r\n\t\t\t\tvalue: 0,\r\n\t\t\t\tlabel: ''\r\n\t\t\t}\r\n\t\t];\r\n\t}\r\n\r\n\tif(realData.yRegions) {\r\n\t\tzeroData.yRegions = [\r\n\t\t\t{\r\n\t\t\t\tstart: 0,\r\n\t\t\t\tend: 0,\r\n\t\t\t\tlabel: ''\r\n\t\t\t}\r\n\t\t];\r\n\t}\r\n\r\n\treturn zeroData;\r\n}\r\n\r\nexport function getShortenedLabels(chartWidth, labels=[], isSeries=true) {\r\n\tlet allowedSpace = chartWidth / labels.length;\r\n\tif(allowedSpace <= 0) allowedSpace = 1;\r\n\tlet allowedLetters = allowedSpace / DEFAULT_CHAR_WIDTH;\r\n\r\n\tlet calcLabels = labels.map((label, i) => {\r\n\t\tlabel += \"\";\r\n\t\tif(label.length > allowedLetters) {\r\n\r\n\t\t\tif(!isSeries) {\r\n\t\t\t\tif(allowedLetters-3 > 0) {\r\n\t\t\t\t\tlabel = label.slice(0, allowedLetters-3) + \" ...\";\r\n\t\t\t\t} else {\r\n\t\t\t\t\tlabel = label.slice(0, allowedLetters) + '..';\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tlet multiple = Math.ceil(label.length/allowedLetters);\r\n\t\t\t\tif(i % multiple !== 0) {\r\n\t\t\t\t\tlabel = \"\";\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn label;\r\n\t});\r\n\r\n\treturn calcLabels;\r\n}\r\n","import '../css/charts.scss';\r\n\r\n// import MultiAxisChart from './charts/MultiAxisChart';\r\nimport PercentageChart from './charts/PercentageChart';\r\nimport PieChart from './charts/PieChart';\r\nimport Heatmap from './charts/Heatmap';\r\nimport AxisChart from './charts/AxisChart';\r\nimport DonutChart from './charts/DonutChart';\r\n\r\nconst chartTypes = {\r\n\tbar: AxisChart,\r\n\tline: AxisChart,\r\n\t// multiaxis: MultiAxisChart,\r\n\tpercentage: PercentageChart,\r\n\theatmap: Heatmap,\r\n\tpie: PieChart,\r\n\tdonut: DonutChart,\r\n};\r\n\r\nfunction getChartByType(chartType = 'line', parent, options) {\r\n\tif (chartType === 'axis-mixed') {\r\n\t\toptions.type = 'line';\r\n\t\treturn new AxisChart(parent, options);\r\n\t}\r\n\r\n\tif (!chartTypes[chartType]) {\r\n\t\tconsole.error(\"Undefined chart type: \" + chartType);\r\n\t\treturn;\r\n\t}\r\n\r\n\treturn new chartTypes[chartType](parent, options);\r\n}\r\n\r\nclass Chart {\r\n\tconstructor(parent, options) {\r\n\t\treturn getChartByType(options.type, parent, options);\r\n\t}\r\n}\r\n\r\nexport { Chart, PercentageChart, PieChart, Heatmap, AxisChart };","import { $ } from '../utils/dom';\r\nimport { TOOLTIP_POINTER_TRIANGLE_HEIGHT } from '../utils/constants';\r\n\r\nexport default class SvgTip {\r\n\tconstructor({\r\n\t\tparent = null,\r\n\t\tcolors = []\r\n\t}) {\r\n\t\tthis.parent = parent;\r\n\t\tthis.colors = colors;\r\n\t\tthis.titleName = '';\r\n\t\tthis.titleValue = '';\r\n\t\tthis.listValues = [];\r\n\t\tthis.titleValueFirst = 0;\r\n\r\n\t\tthis.x = 0;\r\n\t\tthis.y = 0;\r\n\r\n\t\tthis.top = 0;\r\n\t\tthis.left = 0;\r\n\r\n\t\tthis.setup();\r\n\t}\r\n\r\n\tsetup() {\r\n\t\tthis.makeTooltip();\r\n\t}\r\n\r\n\trefresh() {\r\n\t\tthis.fill();\r\n\t\tthis.calcPosition();\r\n\t}\r\n\r\n\tmakeTooltip() {\r\n\t\tthis.container = $.create('div', {\r\n\t\t\tinside: this.parent,\r\n\t\t\tclassName: 'graph-svg-tip comparison',\r\n\t\t\tinnerHTML: `\r\n\t\t\t\t
                            \r\n\t\t\t\t
                            `\r\n\t\t});\r\n\t\tthis.hideTip();\r\n\r\n\t\tthis.title = this.container.querySelector('.title');\r\n\t\tthis.dataPointList = this.container.querySelector('.data-point-list');\r\n\r\n\t\tthis.parent.addEventListener('mouseleave', () => {\r\n\t\t\tthis.hideTip();\r\n\t\t});\r\n\t}\r\n\r\n\tfill() {\r\n\t\tlet title;\r\n\t\tif(this.index) {\r\n\t\t\tthis.container.setAttribute('data-point-index', this.index);\r\n\t\t}\r\n\t\tif(this.titleValueFirst) {\r\n\t\t\ttitle = `${this.titleValue}${this.titleName}`;\r\n\t\t} else {\r\n\t\t\ttitle = `${this.titleName}${this.titleValue}`;\r\n\t\t}\r\n\t\tthis.title.innerHTML = title;\r\n\t\tthis.dataPointList.innerHTML = '';\r\n\r\n\t\tthis.listValues.map((set, i) => {\r\n\t\t\tconst color = this.colors[i] || 'black';\r\n\t\t\tlet value = set.formatted === 0 || set.formatted ? set.formatted : set.value;\r\n\r\n\t\t\tlet li = $.create('li', {\r\n\t\t\t\tstyles: {\r\n\t\t\t\t\t'border-top': `3px solid ${color}`\r\n\t\t\t\t},\r\n\t\t\t\tinnerHTML: `${ value === 0 || value ? value : '' }\r\n\t\t\t\t\t${set.title ? set.title : '' }`\r\n\t\t\t});\r\n\r\n\t\t\tthis.dataPointList.appendChild(li);\r\n\t\t});\r\n\t}\r\n\r\n\tcalcPosition() {\r\n\t\tlet width = this.container.offsetWidth;\r\n\r\n\t\tthis.top = this.y - this.container.offsetHeight\r\n\t\t\t- TOOLTIP_POINTER_TRIANGLE_HEIGHT;\r\n\t\tthis.left = this.x - width/2;\r\n\t\tlet maxLeft = this.parent.offsetWidth - width;\r\n\r\n\t\tlet pointer = this.container.querySelector('.svg-pointer');\r\n\r\n\t\tif(this.left < 0) {\r\n\t\t\tpointer.style.left = `calc(50% - ${-1 * this.left}px)`;\r\n\t\t\tthis.left = 0;\r\n\t\t} else if(this.left > maxLeft) {\r\n\t\t\tlet delta = this.left - maxLeft;\r\n\t\t\tlet pointerOffset = `calc(50% + ${delta}px)`;\r\n\t\t\tpointer.style.left = pointerOffset;\r\n\r\n\t\t\tthis.left = maxLeft;\r\n\t\t} else {\r\n\t\t\tpointer.style.left = `50%`;\r\n\t\t}\r\n\t}\r\n\r\n\tsetValues(x, y, title = {}, listValues = [], index = -1) {\r\n\t\tthis.titleName = title.name;\r\n\t\tthis.titleValue = title.value;\r\n\t\tthis.listValues = listValues;\r\n\t\tthis.x = x;\r\n\t\tthis.y = y;\r\n\t\tthis.titleValueFirst = title.valueFirst || 0;\r\n\t\tthis.index = index;\r\n\t\tthis.refresh();\r\n\t}\r\n\r\n\thideTip() {\r\n\t\tthis.container.style.top = '0px';\r\n\t\tthis.container.style.left = '0px';\r\n\t\tthis.container.style.opacity = '0';\r\n\t}\r\n\r\n\tshowTip() {\r\n\t\tthis.container.style.top = this.top + 'px';\r\n\t\tthis.container.style.left = this.left + 'px';\r\n\t\tthis.container.style.opacity = '1';\r\n\t}\r\n}\r\n","export const CSSTEXT = \".chart-container{position:relative;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .legend-dataset-text{fill:#6c7680;font-weight:600}.graph-svg-tip{position:absolute;z-index:99999;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.graph-svg-tip ul{padding-left:0;display:flex}.graph-svg-tip ol{padding-left:0;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:' ';border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}\";","import SvgTip from '../objects/SvgTip';\r\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\r\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup, makeText } from '../utils/draw';\r\nimport { BASE_MEASURES, getExtraHeight, getExtraWidth, getTopOffset, getLeftOffset,\r\n\tINIT_CHART_UPDATE_TIMEOUT, CHART_POST_ANIMATE_TIMEOUT, DEFAULT_COLORS} from '../utils/constants';\r\nimport { getColor, isValidColor } from '../utils/colors';\r\nimport { runSMILAnimation } from '../utils/animation';\r\nimport { downloadFile, prepareForExport } from '../utils/export';\r\n\r\nexport default class BaseChart {\r\n\tconstructor(parent, options) {\r\n\r\n\t\tthis.parent = typeof parent === 'string'\r\n\t\t\t? document.querySelector(parent)\r\n\t\t\t: parent;\r\n\r\n\t\tif (!(this.parent instanceof HTMLElement)) {\r\n\t\t\tthrow new Error('No `parent` element to render on was provided.');\r\n\t\t}\r\n\r\n\t\tthis.rawChartArgs = options;\r\n\r\n\t\tthis.title = options.title || '';\r\n\t\tthis.type = options.type || '';\r\n\r\n\t\tthis.realData = this.prepareData(options.data);\r\n\t\tthis.data = this.prepareFirstData(this.realData);\r\n\r\n\t\tthis.colors = this.validateColors(options.colors, this.type);\r\n\r\n\t\tthis.config = {\r\n\t\t\tshowTooltip: 1, // calculate\r\n\t\t\tshowLegend: 1, // calculate\r\n\t\t\tisNavigable: options.isNavigable || 0,\r\n\t\t\tanimate: 1,\r\n\t\t\ttruncateLegends: options.truncateLegends || 0\r\n\t\t};\r\n\r\n\t\tthis.measures = JSON.parse(JSON.stringify(BASE_MEASURES));\r\n\t\tlet m = this.measures;\r\n\t\tthis.setMeasures(options);\r\n\t\tif(!this.title.length) { m.titleHeight = 0; }\r\n\t\tif(!this.config.showLegend) m.legendHeight = 0;\r\n\t\tthis.argHeight = options.height || m.baseHeight;\r\n\r\n\t\tthis.state = {};\r\n\t\tthis.options = {};\r\n\r\n\t\tthis.initTimeout = INIT_CHART_UPDATE_TIMEOUT;\r\n\r\n\t\tif(this.config.isNavigable) {\r\n\t\t\tthis.overlays = [];\r\n\t\t}\r\n\r\n\t\tthis.configure(options);\r\n\t}\r\n\r\n\tprepareData(data) {\r\n\t\treturn data;\r\n\t}\r\n\r\n\tprepareFirstData(data) {\r\n\t\treturn data;\r\n\t}\r\n\r\n\tvalidateColors(colors, type) {\r\n\t\tconst validColors = [];\r\n\t\tcolors = (colors || []).concat(DEFAULT_COLORS[type]);\r\n\t\tcolors.forEach((string) => {\r\n\t\t\tconst color = getColor(string);\r\n\t\t\tif(!isValidColor(color)) {\r\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\r\n\t\t\t} else {\r\n\t\t\t\tvalidColors.push(color);\r\n\t\t\t}\r\n\t\t});\r\n\t\treturn validColors;\r\n\t}\r\n\r\n\tsetMeasures() {\r\n\t\t// Override measures, including those for title and legend\r\n\t\t// set config for legend and title\r\n\t}\r\n\r\n\tconfigure() {\r\n\t\tlet height = this.argHeight;\r\n\t\tthis.baseHeight = height;\r\n\t\tthis.height = height - getExtraHeight(this.measures);\r\n\r\n\t\t// Bind window events\r\n\t\tthis.boundDrawFn = () => this.draw(true);\r\n\t\twindow.addEventListener('resize', this.boundDrawFn);\r\n\t\twindow.addEventListener('orientationchange', this.boundDrawFn);\r\n\t}\r\n\r\n\tdestroy() {\r\n\t\twindow.removeEventListener('resize', this.boundDrawFn);\r\n\t\twindow.removeEventListener('orientationchange', this.boundDrawFn);\r\n\t}\r\n\r\n\t// Has to be called manually\r\n\tsetup() {\r\n\t\tthis.makeContainer();\r\n\t\tthis.updateWidth();\r\n\t\tthis.makeTooltip();\r\n\r\n\t\tthis.draw(false, true);\r\n\t}\r\n\r\n\tmakeContainer() {\r\n\t\t// Chart needs a dedicated parent element\r\n\t\tthis.parent.innerHTML = '';\r\n\r\n\t\tlet args = {\r\n\t\t\tinside: this.parent,\r\n\t\t\tclassName: 'chart-container'\r\n\t\t};\r\n\r\n\t\tif(this.independentWidth) {\r\n\t\t\targs.styles = { width: this.independentWidth + 'px' };\r\n\t\t}\r\n\r\n\t\tthis.container = $.create('div', args);\r\n\t}\r\n\r\n\tmakeTooltip() {\r\n\t\tthis.tip = new SvgTip({\r\n\t\t\tparent: this.container,\r\n\t\t\tcolors: this.colors\r\n\t\t});\r\n\t\tthis.bindTooltip();\r\n\t}\r\n\r\n\tbindTooltip() {}\r\n\r\n\tdraw(onlyWidthChange=false, init=false) {\r\n\t\tthis.updateWidth();\r\n\r\n\t\tthis.calc(onlyWidthChange);\r\n\t\tthis.makeChartArea();\r\n\t\tthis.setupComponents();\r\n\r\n\t\tthis.components.forEach(c => c.setup(this.drawArea));\r\n\t\t// this.components.forEach(c => c.make());\r\n\t\tthis.render(this.components, false);\r\n\r\n\t\tif(init) {\r\n\t\t\tthis.data = this.realData;\r\n\t\t\tsetTimeout(() => {this.update(this.data);}, this.initTimeout);\r\n\t\t}\r\n\r\n\t\tthis.renderLegend();\r\n\r\n\t\tthis.setupNavigation(init);\r\n\t}\r\n\r\n\tcalc() {} // builds state\r\n\r\n\tupdateWidth() {\r\n\t\tthis.baseWidth = getElementContentWidth(this.parent);\r\n\t\tthis.width = this.baseWidth - getExtraWidth(this.measures);\r\n\t}\r\n\r\n\tmakeChartArea() {\r\n\t\tif(this.svg) {\r\n\t\t\tthis.container.removeChild(this.svg);\r\n\t\t}\r\n\t\tlet m = this.measures;\r\n\r\n\t\tthis.svg = makeSVGContainer(\r\n\t\t\tthis.container,\r\n\t\t\t'frappe-chart chart',\r\n\t\t\tthis.baseWidth,\r\n\t\t\tthis.baseHeight\r\n\t\t);\r\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\r\n\r\n\t\tif(this.title.length) {\r\n\t\t\tthis.titleEL = makeText(\r\n\t\t\t\t'title',\r\n\t\t\t\tm.margins.left,\r\n\t\t\t\tm.margins.top,\r\n\t\t\t\tthis.title,\r\n\t\t\t\t{\r\n\t\t\t\t\tfontSize: m.titleFontSize,\r\n\t\t\t\t\tfill: '#666666',\r\n\t\t\t\t\tdy: m.titleFontSize\r\n\t\t\t\t}\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\tlet top = getTopOffset(m);\r\n\t\tthis.drawArea = makeSVGGroup(\r\n\t\t\tthis.type + '-chart chart-draw-area',\r\n\t\t\t`translate(${getLeftOffset(m)}, ${top})`\r\n\t\t);\r\n\r\n\t\tif(this.config.showLegend) {\r\n\t\t\ttop += this.height + m.paddings.bottom;\r\n\t\t\tthis.legendArea = makeSVGGroup(\r\n\t\t\t\t'chart-legend',\r\n\t\t\t\t`translate(${getLeftOffset(m)}, ${top})`\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\tif(this.title.length) { this.svg.appendChild(this.titleEL); }\r\n\t\tthis.svg.appendChild(this.drawArea);\r\n\t\tif(this.config.showLegend) { this.svg.appendChild(this.legendArea); }\r\n\r\n\t\tthis.updateTipOffset(getLeftOffset(m), getTopOffset(m));\r\n\t}\r\n\r\n\tupdateTipOffset(x, y) {\r\n\t\tthis.tip.offset = {\r\n\t\t\tx: x,\r\n\t\t\ty: y\r\n\t\t};\r\n\t}\r\n\r\n\tsetupComponents() { this.components = new Map(); }\r\n\r\n\tupdate(data) {\r\n\t\tif(!data) {\r\n\t\t\tconsole.error('No data to update.');\r\n\t\t}\r\n\t\tthis.data = this.prepareData(data);\r\n\t\tthis.calc(); // builds state\r\n\t\tthis.render();\r\n\t}\r\n\r\n\trender(components=this.components, animate=true) {\r\n\t\tif(this.config.isNavigable) {\r\n\t\t\t// Remove all existing overlays\r\n\t\t\tthis.overlays.map(o => o.parentNode.removeChild(o));\r\n\t\t\t// ref.parentNode.insertBefore(element, ref);\r\n\t\t}\r\n\t\tlet elementsToAnimate = [];\r\n\t\t// Can decouple to this.refreshComponents() first to save animation timeout\r\n\t\tcomponents.forEach(c => {\r\n\t\t\telementsToAnimate = elementsToAnimate.concat(c.update(animate));\r\n\t\t});\r\n\t\tif(elementsToAnimate.length > 0) {\r\n\t\t\trunSMILAnimation(this.container, this.svg, elementsToAnimate);\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tcomponents.forEach(c => c.make());\r\n\t\t\t\tthis.updateNav();\r\n\t\t\t}, CHART_POST_ANIMATE_TIMEOUT);\r\n\t\t} else {\r\n\t\t\tcomponents.forEach(c => c.make());\r\n\t\t\tthis.updateNav();\r\n\t\t}\r\n\t}\r\n\r\n\tupdateNav() {\r\n\t\tif(this.config.isNavigable) {\r\n\t\t\tthis.makeOverlay();\r\n\t\t\tthis.bindUnits();\r\n\t\t}\r\n\t}\r\n\r\n\trenderLegend() {}\r\n\r\n\tsetupNavigation(init=false) {\r\n\t\tif(!this.config.isNavigable) return;\r\n\r\n\t\tif(init) {\r\n\t\t\tthis.bindOverlay();\r\n\r\n\t\t\tthis.keyActions = {\r\n\t\t\t\t'13': this.onEnterKey.bind(this),\r\n\t\t\t\t'37': this.onLeftArrow.bind(this),\r\n\t\t\t\t'38': this.onUpArrow.bind(this),\r\n\t\t\t\t'39': this.onRightArrow.bind(this),\r\n\t\t\t\t'40': this.onDownArrow.bind(this),\r\n\t\t\t};\r\n\r\n\t\t\tdocument.addEventListener('keydown', (e) => {\r\n\t\t\t\tif(isElementInViewport(this.container)) {\r\n\t\t\t\t\te = e || window.event;\r\n\t\t\t\t\tif(this.keyActions[e.keyCode]) {\r\n\t\t\t\t\t\tthis.keyActions[e.keyCode]();\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\tmakeOverlay() {}\r\n\tupdateOverlay() {}\r\n\tbindOverlay() {}\r\n\tbindUnits() {}\r\n\r\n\tonLeftArrow() {}\r\n\tonRightArrow() {}\r\n\tonUpArrow() {}\r\n\tonDownArrow() {}\r\n\tonEnterKey() {}\r\n\r\n\taddDataPoint() {}\r\n\tremoveDataPoint() {}\r\n\r\n\tgetDataPoint() {}\r\n\tsetCurrentDataPoint() {}\r\n\r\n\tupdateDataset() {}\r\n\r\n\texport() {\r\n\t\tlet chartSvg = prepareForExport(this.svg);\r\n\t\tdownloadFile(this.title || 'Chart', [chartSvg]);\r\n\t}\r\n}\r\n","import BaseChart from './BaseChart';\r\nimport { legendDot } from '../utils/draw';\r\nimport { getExtraWidth } from '../utils/constants';\r\n\r\nexport default class AggregationChart extends BaseChart {\r\n\tconstructor(parent, args) {\r\n\t\tsuper(parent, args);\r\n\t}\r\n\r\n\tconfigure(args) {\r\n\t\tsuper.configure(args);\r\n\r\n\t\tthis.config.maxSlices = args.maxSlices || 20;\r\n\t\tthis.config.maxLegendPoints = args.maxLegendPoints || 20;\r\n\t}\r\n\r\n\tcalc() {\r\n\t\tlet s = this.state;\r\n\t\tlet maxSlices = this.config.maxSlices;\r\n\t\ts.sliceTotals = [];\r\n\r\n\t\tlet allTotals = this.data.labels.map((label, i) => {\r\n\t\t\tlet total = 0;\r\n\t\t\tthis.data.datasets.map(e => {\r\n\t\t\t\ttotal += e.values[i];\r\n\t\t\t});\r\n\t\t\treturn [total, label];\r\n\t\t}).filter(d => { return d[0] >= 0; }); // keep only positive results\r\n\r\n\t\tlet totals = allTotals;\r\n\t\tif(allTotals.length > maxSlices) {\r\n\t\t\t// Prune and keep a grey area for rest as per maxSlices\r\n\t\t\tallTotals.sort((a, b) => { return b[0] - a[0]; });\r\n\r\n\t\t\ttotals = allTotals.slice(0, maxSlices-1);\r\n\t\t\tlet remaining = allTotals.slice(maxSlices-1);\r\n\r\n\t\t\tlet sumOfRemaining = 0;\r\n\t\t\tremaining.map(d => {sumOfRemaining += d[0];});\r\n\t\t\ttotals.push([sumOfRemaining, 'Rest']);\r\n\t\t\tthis.colors[maxSlices-1] = 'grey';\r\n\t\t}\r\n\r\n\t\ts.labels = [];\r\n\t\ttotals.map(d => {\r\n\t\t\ts.sliceTotals.push(d[0]);\r\n\t\t\ts.labels.push(d[1]);\r\n\t\t});\r\n\r\n\t\ts.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);\r\n\r\n\t\tthis.center = {\r\n\t\t\tx: this.width / 2,\r\n\t\t\ty: this.height / 2\r\n\t\t};\r\n\t}\r\n\r\n\trenderLegend() {\r\n\t\tlet s = this.state;\r\n\t\tthis.legendArea.textContent = '';\r\n\t\tthis.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints);\r\n\r\n\t\tlet count = 0;\r\n\t\tlet y = 0;\r\n\t\tthis.legendTotals.map((d, i) => {\r\n\t\t\tlet barWidth = 110;\r\n\t\t\tlet divisor = Math.floor(\r\n\t\t\t\t(this.width - getExtraWidth(this.measures))/barWidth\r\n\t\t\t);\r\n\t\t\tif (this.legendTotals.length < divisor) {\r\n\t\t\t\tbarWidth = this.width/this.legendTotals.length;\r\n\t\t\t}\r\n\t\t\tif(count > divisor) {\r\n\t\t\t\tcount = 0;\r\n\t\t\t\ty += 20;\r\n\t\t\t}\r\n\t\t\tlet x = barWidth * count + 5;\r\n\t\t\tlet dot = legendDot(\r\n\t\t\t\tx,\r\n\t\t\t\ty,\r\n\t\t\t\t5,\r\n\t\t\t\tthis.colors[i],\r\n\t\t\t\t`${s.labels[i]}: ${d}`\r\n\t\t\t);\r\n\t\t\tthis.legendArea.appendChild(dot);\r\n\t\t\tcount++;\r\n\t\t});\r\n\t}\r\n}\r\n","import AggregationChart from './AggregationChart';\r\nimport { getOffset } from '../utils/dom';\r\nimport { getComponent } from '../objects/ChartComponents';\r\nimport { PERCENTAGE_BAR_DEFAULT_HEIGHT, PERCENTAGE_BAR_DEFAULT_DEPTH } from '../utils/constants';\r\n\r\nexport default class PercentageChart extends AggregationChart {\r\n\tconstructor(parent, args) {\r\n\t\tsuper(parent, args);\r\n\t\tthis.type = 'percentage';\r\n\t\tthis.setup();\r\n\t}\r\n\r\n\tsetMeasures(options) {\r\n\t\tlet m = this.measures;\r\n\t\tthis.barOptions = options.barOptions || {};\r\n\r\n\t\tlet b = this.barOptions;\r\n\t\tb.height = b.height || PERCENTAGE_BAR_DEFAULT_HEIGHT;\r\n\t\tb.depth = b.depth || PERCENTAGE_BAR_DEFAULT_DEPTH;\r\n\r\n\t\tm.paddings.right = 30;\r\n\t\tm.legendHeight = 60;\r\n\t\tm.baseHeight = (b.height + b.depth * 0.5) * 8;\r\n\t}\r\n\r\n\tsetupComponents() {\r\n\t\tlet s = this.state;\r\n\r\n\t\tlet componentConfigs = [\r\n\t\t\t[\r\n\t\t\t\t'percentageBars',\r\n\t\t\t\t{\r\n\t\t\t\t\tbarHeight: this.barOptions.height,\r\n\t\t\t\t\tbarDepth: this.barOptions.depth,\r\n\t\t\t\t},\r\n\t\t\t\tfunction() {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\txPositions: s.xPositions,\r\n\t\t\t\t\t\twidths: s.widths,\r\n\t\t\t\t\t\tcolors: this.colors\r\n\t\t\t\t\t};\r\n\t\t\t\t}.bind(this)\r\n\t\t\t]\r\n\t\t];\r\n\r\n\t\tthis.components = new Map(componentConfigs\r\n\t\t\t.map(args => {\r\n\t\t\t\tlet component = getComponent(...args);\r\n\t\t\t\treturn [args[0], component];\r\n\t\t\t}));\r\n\t}\r\n\r\n\tcalc() {\r\n\t\tsuper.calc();\r\n\t\tlet s = this.state;\r\n\r\n\t\ts.xPositions = [];\r\n\t\ts.widths = [];\r\n\r\n\t\tlet xPos = 0;\r\n\t\ts.sliceTotals.map((value) => {\r\n\t\t\tlet width = this.width * value / s.grandTotal;\r\n\t\t\ts.widths.push(width);\r\n\t\t\ts.xPositions.push(xPos);\r\n\t\t\txPos += width;\r\n\t\t});\r\n\t}\r\n\r\n\tmakeDataByIndex() { }\r\n\r\n\tbindTooltip() {\r\n\t\tlet s = this.state;\r\n\t\tthis.container.addEventListener('mousemove', (e) => {\r\n\t\t\tlet bars = this.components.get('percentageBars').store;\r\n\t\t\tlet bar = e.target;\r\n\t\t\tif(bars.includes(bar)) {\r\n\r\n\t\t\t\tlet i = bars.indexOf(bar);\r\n\t\t\t\tlet gOff = getOffset(this.container), pOff = getOffset(bar);\r\n\r\n\t\t\t\tlet x = pOff.left - gOff.left + parseInt(bar.getAttribute('width'))/2;\r\n\t\t\t\tlet y = pOff.top - gOff.top;\r\n\t\t\t\tlet title = (this.formattedLabels && this.formattedLabels.length>0\r\n\t\t\t\t\t? this.formattedLabels[i] : this.state.labels[i]) + ': ';\r\n\t\t\t\tlet fraction = s.sliceTotals[i]/s.grandTotal;\r\n\r\n\t\t\t\tthis.tip.setValues(x, y, {name: title, value: (fraction*100).toFixed(1) + \"%\"});\r\n\t\t\t\tthis.tip.showTip();\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n}\r\n","import AggregationChart from './AggregationChart';\r\nimport { getComponent } from '../objects/ChartComponents';\r\nimport { getOffset } from '../utils/dom';\r\nimport { getPositionByAngle } from '../utils/helpers';\r\nimport { makeArcPathStr, makeCircleStr } from '../utils/draw';\r\nimport { lightenDarkenColor } from '../utils/colors';\r\nimport { transform } from '../utils/animation';\r\nimport { FULL_ANGLE } from '../utils/constants';\r\n\r\nexport default class PieChart extends AggregationChart {\r\n\tconstructor(parent, args) {\r\n\t\tsuper(parent, args);\r\n\t\tthis.type = 'pie';\r\n\t\tthis.initTimeout = 0;\r\n\t\tthis.init = 1;\r\n\r\n\t\tthis.setup();\r\n\t}\r\n\r\n\tconfigure(args) {\r\n\t\tsuper.configure(args);\r\n\t\tthis.mouseMove = this.mouseMove.bind(this);\r\n\t\tthis.mouseLeave = this.mouseLeave.bind(this);\r\n\r\n\t\tthis.hoverRadio = args.hoverRadio || 0.1;\r\n\t\tthis.config.startAngle = args.startAngle || 0;\r\n\r\n\t\tthis.clockWise = args.clockWise || false;\r\n\t}\r\n\r\n\tcalc() {\r\n\t\tsuper.calc();\r\n\t\tlet s = this.state;\r\n\t\tthis.radius = (this.height > this.width ? this.center.x : this.center.y);\r\n\r\n\t\tconst { radius, clockWise } = this;\r\n\r\n\t\tconst prevSlicesProperties = s.slicesProperties || [];\r\n\t\ts.sliceStrings = [];\r\n\t\ts.slicesProperties = [];\r\n\t\tlet curAngle = 180 - this.config.startAngle;\r\n\t\ts.sliceTotals.map((total, i) => {\r\n\t\t\tconst startAngle = curAngle;\r\n\t\t\tconst originDiffAngle = (total / s.grandTotal) * FULL_ANGLE;\r\n\t\t\tconst largeArc = originDiffAngle > 180 ? 1: 0;\r\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\r\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\r\n\t\t\tconst startPosition = getPositionByAngle(startAngle, radius);\r\n\t\t\tconst endPosition = getPositionByAngle(endAngle, radius);\r\n\r\n\t\t\tconst prevProperty = this.init && prevSlicesProperties[i];\r\n\r\n\t\t\tlet curStart,curEnd;\r\n\t\t\tif(this.init) {\r\n\t\t\t\tcurStart = prevProperty ? prevProperty.startPosition : startPosition;\r\n\t\t\t\tcurEnd = prevProperty ? prevProperty.endPosition : startPosition;\r\n\t\t\t} else {\r\n\t\t\t\tcurStart = startPosition;\r\n\t\t\t\tcurEnd = endPosition;\r\n\t\t\t}\r\n\t\t\tconst curPath =\r\n\t\t\t\toriginDiffAngle === 360\r\n\t\t\t\t\t? makeCircleStr(curStart, curEnd, this.center, this.radius, clockWise, largeArc)\r\n\t\t\t\t\t: makeArcPathStr(curStart, curEnd, this.center, this.radius, clockWise, largeArc);\r\n\r\n\t\t\ts.sliceStrings.push(curPath);\r\n\t\t\ts.slicesProperties.push({\r\n\t\t\t\tstartPosition,\r\n\t\t\t\tendPosition,\r\n\t\t\t\tvalue: total,\r\n\t\t\t\ttotal: s.grandTotal,\r\n\t\t\t\tstartAngle,\r\n\t\t\t\tendAngle,\r\n\t\t\t\tangle: diffAngle\r\n\t\t\t});\r\n\r\n\t\t});\r\n\t\tthis.init = 0;\r\n\t}\r\n\r\n\tsetupComponents() {\r\n\t\tlet s = this.state;\r\n\r\n\t\tlet componentConfigs = [\r\n\t\t\t[\r\n\t\t\t\t'pieSlices',\r\n\t\t\t\t{ },\r\n\t\t\t\tfunction() {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tsliceStrings: s.sliceStrings,\r\n\t\t\t\t\t\tcolors: this.colors\r\n\t\t\t\t\t};\r\n\t\t\t\t}.bind(this)\r\n\t\t\t]\r\n\t\t];\r\n\r\n\t\tthis.components = new Map(componentConfigs\r\n\t\t\t.map(args => {\r\n\t\t\t\tlet component = getComponent(...args);\r\n\t\t\t\treturn [args[0], component];\r\n\t\t\t}));\r\n\t}\r\n\r\n\tcalTranslateByAngle(property){\r\n\t\tconst{radius,hoverRadio} = this;\r\n\t\tconst position = getPositionByAngle(property.startAngle+(property.angle / 2),radius);\r\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\r\n\t}\r\n\r\n\thoverSlice(path,i,flag,e){\r\n\t\tif(!path) return;\r\n\t\tconst color = this.colors[i];\r\n\t\tif(flag) {\r\n\t\t\ttransform(path, this.calTranslateByAngle(this.state.slicesProperties[i]));\r\n\t\t\tpath.style.fill = lightenDarkenColor(color, 50);\r\n\t\t\tlet g_off = getOffset(this.svg);\r\n\t\t\tlet x = e.pageX - g_off.left + 10;\r\n\t\t\tlet y = e.pageY - g_off.top - 10;\r\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length > 0\r\n\t\t\t\t? this.formatted_labels[i] : this.state.labels[i]) + ': ';\r\n\t\t\tlet percent = (this.state.sliceTotals[i] * 100 / this.state.grandTotal).toFixed(1);\r\n\t\t\tthis.tip.setValues(x, y, {name: title, value: percent + \"%\"});\r\n\t\t\tthis.tip.showTip();\r\n\t\t} else {\r\n\t\t\ttransform(path,'translate3d(0,0,0)');\r\n\t\t\tthis.tip.hideTip();\r\n\t\t\tpath.style.fill = color;\r\n\t\t}\r\n\t}\r\n\r\n\tbindTooltip() {\r\n\t\tthis.container.addEventListener('mousemove', this.mouseMove);\r\n\t\tthis.container.addEventListener('mouseleave', this.mouseLeave);\r\n\t}\r\n\r\n\tmouseMove(e){\r\n\t\tconst target = e.target;\r\n\t\tlet slices = this.components.get('pieSlices').store;\r\n\t\tlet prevIndex = this.curActiveSliceIndex;\r\n\t\tlet prevAcitve = this.curActiveSlice;\r\n\t\tif(slices.includes(target)) {\r\n\t\t\tlet i = slices.indexOf(target);\r\n\t\t\tthis.hoverSlice(prevAcitve, prevIndex,false);\r\n\t\t\tthis.curActiveSlice = target;\r\n\t\t\tthis.curActiveSliceIndex = i;\r\n\t\t\tthis.hoverSlice(target, i, true, e);\r\n\t\t} else {\r\n\t\t\tthis.mouseLeave();\r\n\t\t}\r\n\t}\r\n\r\n\tmouseLeave(){\r\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\r\n\t}\r\n}\r\n","import BaseChart from './BaseChart';\r\nimport { getComponent } from '../objects/ChartComponents';\r\nimport { makeText, heatSquare } from '../utils/draw';\r\nimport { DAY_NAMES_SHORT, addDays, areInSameMonth, getLastDateInMonth, setDayToSunday, getYyyyMmDd, getWeeksBetween, getMonthName, clone,\r\n\tNO_OF_MILLIS, NO_OF_YEAR_MONTHS, NO_OF_DAYS_IN_WEEK } from '../utils/date-utils';\r\nimport { calcDistribution, getMaxCheckpoint } from '../utils/intervals';\r\nimport { getExtraHeight, getExtraWidth, HEATMAP_DISTRIBUTION_SIZE, HEATMAP_SQUARE_SIZE,\r\n\tHEATMAP_GUTTER_SIZE } from '../utils/constants';\r\n\r\nconst COL_WIDTH = HEATMAP_SQUARE_SIZE + HEATMAP_GUTTER_SIZE;\r\nconst ROW_HEIGHT = COL_WIDTH;\r\n// const DAY_INCR = 1;\r\n\r\nexport default class Heatmap extends BaseChart {\r\n\tconstructor(parent, options) {\r\n\t\tsuper(parent, options);\r\n\t\tthis.type = 'heatmap';\r\n\r\n\t\tthis.countLabel = options.countLabel || '';\r\n\r\n\t\tlet validStarts = ['Sunday', 'Monday'];\r\n\t\tlet startSubDomain = validStarts.includes(options.startSubDomain)\r\n\t\t\t? options.startSubDomain : 'Sunday';\r\n\t\tthis.startSubDomainIndex = validStarts.indexOf(startSubDomain);\r\n\r\n\t\tthis.setup();\r\n\t}\r\n\r\n\tsetMeasures(options) {\r\n\t\tlet m = this.measures;\r\n\t\tthis.discreteDomains = options.discreteDomains === 0 ? 0 : 1;\r\n\r\n\t\tm.paddings.top = ROW_HEIGHT * 3;\r\n\t\tm.paddings.bottom = 0;\r\n\t\tm.legendHeight = ROW_HEIGHT * 2;\r\n\t\tm.baseHeight = ROW_HEIGHT * NO_OF_DAYS_IN_WEEK\r\n\t\t\t+ getExtraHeight(m);\r\n\r\n\t\tlet d = this.data;\r\n\t\tlet spacing = this.discreteDomains ? NO_OF_YEAR_MONTHS : 0;\r\n\t\tthis.independentWidth = (getWeeksBetween(d.start, d.end)\r\n\t\t\t+ spacing) * COL_WIDTH + getExtraWidth(m);\r\n\t}\r\n\r\n\tupdateWidth() {\r\n\t\tlet spacing = this.discreteDomains ? NO_OF_YEAR_MONTHS : 0;\r\n\t\tlet noOfWeeks = this.state.noOfWeeks ? this.state.noOfWeeks : 52;\r\n\t\tthis.baseWidth = (noOfWeeks + spacing) * COL_WIDTH\r\n\t\t\t+ getExtraWidth(this.measures);\r\n\t}\r\n\r\n\tprepareData(data=this.data) {\r\n\t\tif(data.start && data.end && data.start > data.end) {\r\n\t\t\tthrow new Error('Start date cannot be greater than end date.');\r\n\t\t}\r\n\r\n\t\tif(!data.start) {\r\n\t\t\tdata.start = new Date();\r\n\t\t\tdata.start.setFullYear( data.start.getFullYear() - 1 );\r\n\t\t}\r\n\t\tif(!data.end) { data.end = new Date(); }\r\n\t\tdata.dataPoints = data.dataPoints || {};\r\n\r\n\t\tif(parseInt(Object.keys(data.dataPoints)[0]) > 100000) {\r\n\t\t\tlet points = {};\r\n\t\t\tObject.keys(data.dataPoints).forEach(timestampSec => {\r\n\t\t\t\tlet date = new Date(timestampSec * NO_OF_MILLIS);\r\n\t\t\t\tpoints[getYyyyMmDd(date)] = data.dataPoints[timestampSec];\r\n\t\t\t});\r\n\t\t\tdata.dataPoints = points;\r\n\t\t}\r\n\r\n\t\treturn data;\r\n\t}\r\n\r\n\tcalc() {\r\n\t\tlet s = this.state;\r\n\r\n\t\ts.start = clone(this.data.start);\r\n\t\ts.end = clone(this.data.end);\r\n\r\n\t\ts.firstWeekStart = clone(s.start);\r\n\t\ts.noOfWeeks = getWeeksBetween(s.start, s.end);\r\n\t\ts.distribution = calcDistribution(\r\n\t\t\tObject.values(this.data.dataPoints), HEATMAP_DISTRIBUTION_SIZE);\r\n\r\n\t\ts.domainConfigs = this.getDomains();\r\n\t}\r\n\r\n\tsetupComponents() {\r\n\t\tlet s = this.state;\r\n\t\tlet lessCol = this.discreteDomains ? 0 : 1;\r\n\r\n\t\tlet componentConfigs = s.domainConfigs.map((config, i) => [\r\n\t\t\t'heatDomain',\r\n\t\t\t{\r\n\t\t\t\tindex: config.index,\r\n\t\t\t\tcolWidth: COL_WIDTH,\r\n\t\t\t\trowHeight: ROW_HEIGHT,\r\n\t\t\t\tsquareSize: HEATMAP_SQUARE_SIZE,\r\n\t\t\t\txTranslate: s.domainConfigs\r\n\t\t\t\t\t.filter((config, j) => j < i)\r\n\t\t\t\t\t.map(config => config.cols.length - lessCol)\r\n\t\t\t\t\t.reduce((a, b) => a + b, 0)\r\n\t\t\t\t\t* COL_WIDTH\r\n\t\t\t},\r\n\t\t\tfunction() {\r\n\t\t\t\treturn s.domainConfigs[i];\r\n\t\t\t}.bind(this)\r\n\r\n\t\t]);\r\n\r\n\t\tthis.components = new Map(componentConfigs\r\n\t\t\t.map((args, i) => {\r\n\t\t\t\tlet component = getComponent(...args);\r\n\t\t\t\treturn [args[0] + '-' + i, component];\r\n\t\t\t})\r\n\t\t);\r\n\r\n\t\tlet y = 0;\r\n\t\tDAY_NAMES_SHORT.forEach((dayName, i) => {\r\n\t\t\tif([1, 3, 5].includes(i)) {\r\n\t\t\t\tlet dayText = makeText('subdomain-name', -COL_WIDTH/2, y, dayName,\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tfontSize: HEATMAP_SQUARE_SIZE,\r\n\t\t\t\t\t\tdy: 8,\r\n\t\t\t\t\t\ttextAnchor: 'end'\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t\t\tthis.drawArea.appendChild(dayText);\r\n\t\t\t}\r\n\t\t\ty += ROW_HEIGHT;\r\n\t\t});\r\n\t}\r\n\r\n\tupdate(data) {\r\n\t\tif(!data) {\r\n\t\t\tconsole.error('No data to update.');\r\n\t\t}\r\n\r\n\t\tthis.data = this.prepareData(data);\r\n\t\tthis.draw();\r\n\t\tthis.bindTooltip();\r\n\t}\r\n\r\n\tbindTooltip() {\r\n\t\tthis.container.addEventListener('mousemove', (e) => {\r\n\t\t\tthis.components.forEach(comp => {\r\n\t\t\t\tlet daySquares = comp.store;\r\n\t\t\t\tlet daySquare = e.target;\r\n\t\t\t\tif(daySquares.includes(daySquare)) {\r\n\r\n\t\t\t\t\tlet count = daySquare.getAttribute('data-value');\r\n\t\t\t\t\tlet dateParts = daySquare.getAttribute('data-date').split('-');\r\n\r\n\t\t\t\t\tlet month = getMonthName(parseInt(dateParts[1])-1, true);\r\n\r\n\t\t\t\t\tlet gOff = this.container.getBoundingClientRect(), pOff = daySquare.getBoundingClientRect();\r\n\r\n\t\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\r\n\t\t\t\t\tlet x = pOff.left - gOff.left + width/2;\r\n\t\t\t\t\tlet y = pOff.top - gOff.top;\r\n\t\t\t\t\tlet value = count + ' ' + this.countLabel;\r\n\t\t\t\t\tlet name = ' on ' + month + ' ' + dateParts[0] + ', ' + dateParts[2];\r\n\r\n\t\t\t\t\tthis.tip.setValues(x, y, {name: name, value: value, valueFirst: 1}, []);\r\n\t\t\t\t\tthis.tip.showTip();\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t});\r\n\t}\r\n\r\n\trenderLegend() {\r\n\t\tthis.legendArea.textContent = '';\r\n\t\tlet x = 0;\r\n\t\tlet y = ROW_HEIGHT;\r\n\r\n\t\tlet lessText = makeText('subdomain-name', x, y, 'Less',\r\n\t\t\t{\r\n\t\t\t\tfontSize: HEATMAP_SQUARE_SIZE + 1,\r\n\t\t\t\tdy: 9\r\n\t\t\t}\r\n\t\t);\r\n\t\tx = (COL_WIDTH * 2) + COL_WIDTH/2;\r\n\t\tthis.legendArea.appendChild(lessText);\r\n\r\n\t\tthis.colors.slice(0, HEATMAP_DISTRIBUTION_SIZE).map((color, i) => {\r\n\t\t\tconst square = heatSquare('heatmap-legend-unit', x + (COL_WIDTH + 3) * i,\r\n\t\t\t\ty, HEATMAP_SQUARE_SIZE, color);\r\n\t\t\tthis.legendArea.appendChild(square);\r\n\t\t});\r\n\r\n\t\tlet moreTextX = x + HEATMAP_DISTRIBUTION_SIZE * (COL_WIDTH + 3) + COL_WIDTH/4;\r\n\t\tlet moreText = makeText('subdomain-name', moreTextX, y, 'More',\r\n\t\t\t{\r\n\t\t\t\tfontSize: HEATMAP_SQUARE_SIZE + 1,\r\n\t\t\t\tdy: 9\r\n\t\t\t}\r\n\t\t);\r\n\t\tthis.legendArea.appendChild(moreText);\r\n\t}\r\n\r\n\tgetDomains() {\r\n\t\tlet s = this.state;\r\n\t\tconst [startMonth, startYear] = [s.start.getMonth(), s.start.getFullYear()];\r\n\t\tconst [endMonth, endYear] = [s.end.getMonth(), s.end.getFullYear()];\r\n\r\n\t\tconst noOfMonths = (endMonth - startMonth + 1) + (endYear - startYear) * 12;\r\n\r\n\t\tlet domainConfigs = [];\r\n\r\n\t\tlet startOfMonth = clone(s.start);\r\n\t\tfor(var i = 0; i < noOfMonths; i++) {\r\n\t\t\tlet endDate = s.end;\r\n\t\t\tif(!areInSameMonth(startOfMonth, s.end)) {\r\n\t\t\t\tlet [month, year] = [startOfMonth.getMonth(), startOfMonth.getFullYear()];\r\n\t\t\t\tendDate = getLastDateInMonth(month, year);\r\n\t\t\t}\r\n\t\t\tdomainConfigs.push(this.getDomainConfig(startOfMonth, endDate));\r\n\r\n\t\t\taddDays(endDate, 1);\r\n\t\t\tstartOfMonth = endDate;\r\n\t\t}\r\n\r\n\t\treturn domainConfigs;\r\n\t}\r\n\r\n\tgetDomainConfig(startDate, endDate='') {\r\n\t\tlet [month, year] = [startDate.getMonth(), startDate.getFullYear()];\r\n\t\tlet startOfWeek = setDayToSunday(startDate); // TODO: Monday as well\r\n\t\tendDate = clone(endDate) || getLastDateInMonth(month, year);\r\n\r\n\t\tlet domainConfig = {\r\n\t\t\tindex: month,\r\n\t\t\tcols: []\r\n\t\t};\r\n\r\n\t\taddDays(endDate, 1);\r\n\t\tlet noOfMonthWeeks = getWeeksBetween(startOfWeek, endDate);\r\n\r\n\t\tlet cols = [], col;\r\n\t\tfor(var i = 0; i < noOfMonthWeeks; i++) {\r\n\t\t\tcol = this.getCol(startOfWeek, month);\r\n\t\t\tcols.push(col);\r\n\r\n\t\t\tstartOfWeek = new Date(col[NO_OF_DAYS_IN_WEEK - 1].yyyyMmDd);\r\n\t\t\taddDays(startOfWeek, 1);\r\n\t\t}\r\n\r\n\t\tif(col[NO_OF_DAYS_IN_WEEK - 1].dataValue !== undefined) {\r\n\t\t\taddDays(startOfWeek, 1);\r\n\t\t\tcols.push(this.getCol(startOfWeek, month, true));\r\n\t\t}\r\n\r\n\t\tdomainConfig.cols = cols;\r\n\r\n\t\treturn domainConfig;\r\n\t}\r\n\r\n\tgetCol(startDate, month, empty = false) {\r\n\t\tlet s = this.state;\r\n\r\n\t\t// startDate is the start of week\r\n\t\tlet currentDate = clone(startDate);\r\n\t\tlet col = [];\r\n\r\n\t\tfor(var i = 0; i < NO_OF_DAYS_IN_WEEK; i++, addDays(currentDate, 1)) {\r\n\t\t\tlet config = {};\r\n\r\n\t\t\t// Non-generic adjustment for entire heatmap, needs state\r\n\t\t\tlet currentDateWithinData = currentDate >= s.start && currentDate <= s.end;\r\n\r\n\t\t\tif(empty || currentDate.getMonth() !== month || !currentDateWithinData) {\r\n\t\t\t\tconfig.yyyyMmDd = getYyyyMmDd(currentDate);\r\n\t\t\t} else {\r\n\t\t\t\tconfig = this.getSubDomainConfig(currentDate);\r\n\t\t\t}\r\n\t\t\tcol.push(config);\r\n\t\t}\r\n\r\n\t\treturn col;\r\n\t}\r\n\r\n\tgetSubDomainConfig(date) {\r\n\t\tlet yyyyMmDd = getYyyyMmDd(date);\r\n\t\tlet dataValue = this.data.dataPoints[yyyyMmDd];\r\n\t\tlet config = {\r\n\t\t\tyyyyMmDd: yyyyMmDd,\r\n\t\t\tdataValue: dataValue || 0,\r\n\t\t\tfill: this.colors[getMaxCheckpoint(dataValue, this.state.distribution)]\r\n\t\t};\r\n\t\treturn config;\r\n\t}\r\n}\r\n","import BaseChart from './BaseChart';\r\nimport { dataPrep, zeroDataPrep, getShortenedLabels } from '../utils/axis-chart-utils';\r\nimport { AXIS_LEGEND_BAR_SIZE } from '../utils/constants';\r\nimport { getComponent } from '../objects/ChartComponents';\r\nimport { getOffset, fire } from '../utils/dom';\r\nimport { calcChartIntervals, getIntervalSize, getValueRange, getZeroIndex, scale, getClosestInArray } from '../utils/intervals';\r\nimport { floatTwo } from '../utils/helpers';\r\nimport { makeOverlay, updateOverlay, legendBar } from '../utils/draw';\r\nimport { getTopOffset, getLeftOffset, MIN_BAR_PERCENT_HEIGHT, BAR_CHART_SPACE_RATIO,\r\n\tLINE_CHART_DOT_SIZE } from '../utils/constants';\r\n\r\nexport default class AxisChart extends BaseChart {\r\n\tconstructor(parent, args) {\r\n\t\tsuper(parent, args);\r\n\r\n\t\tthis.barOptions = args.barOptions || {};\r\n\t\tthis.lineOptions = args.lineOptions || {};\r\n\r\n\t\tthis.type = args.type || 'line';\r\n\t\tthis.init = 1;\r\n\r\n\t\tthis.setup();\r\n\t}\r\n\r\n\tsetMeasures() {\r\n\t\tif(this.data.datasets.length <= 1) {\r\n\t\t\tthis.config.showLegend = 0;\r\n\t\t\tthis.measures.paddings.bottom = 30;\r\n\t\t}\r\n\t}\r\n\r\n\tconfigure(options) {\r\n\t\tsuper.configure(options);\r\n\r\n\t\toptions.axisOptions = options.axisOptions || {};\r\n\t\toptions.tooltipOptions = options.tooltipOptions || {};\r\n\r\n\t\tthis.config.xAxisMode = options.axisOptions.xAxisMode || 'span';\r\n\t\tthis.config.yAxisMode = options.axisOptions.yAxisMode || 'span';\r\n\t\tthis.config.xIsSeries = options.axisOptions.xIsSeries || 0;\r\n\t\tthis.config.shortenYAxisNumbers = options.axisOptions.shortenYAxisNumbers || 0;\r\n\r\n\t\tthis.config.formatTooltipX = options.tooltipOptions.formatTooltipX;\r\n\t\tthis.config.formatTooltipY = options.tooltipOptions.formatTooltipY;\r\n\r\n\t\tthis.config.valuesOverPoints = options.valuesOverPoints;\r\n\t}\r\n\r\n\tprepareData(data=this.data) {\r\n\t\treturn dataPrep(data, this.type);\r\n\t}\r\n\r\n\tprepareFirstData(data=this.data) {\r\n\t\treturn zeroDataPrep(data);\r\n\t}\r\n\r\n\tcalc(onlyWidthChange = false) {\r\n\t\tthis.calcXPositions();\r\n\t\tif(!onlyWidthChange) {\r\n\t\t\tthis.calcYAxisParameters(this.getAllYValues(), this.type === 'line');\r\n\t\t}\r\n\t\tthis.makeDataByIndex();\r\n\t}\r\n\r\n\tcalcXPositions() {\r\n\t\tlet s = this.state;\r\n\t\tlet labels = this.data.labels;\r\n\t\ts.datasetLength = labels.length;\r\n\r\n\t\ts.unitWidth = this.width/(s.datasetLength);\r\n\t\t// Default, as per bar, and mixed. Only line will be a special case\r\n\t\ts.xOffset = s.unitWidth/2;\r\n\r\n\t\t// // For a pure Line Chart\r\n\t\t// s.unitWidth = this.width/(s.datasetLength - 1);\r\n\t\t// s.xOffset = 0;\r\n\r\n\t\ts.xAxis = {\r\n\t\t\tlabels: labels,\r\n\t\t\tpositions: labels.map((d, i) =>\r\n\t\t\t\tfloatTwo(s.xOffset + i * s.unitWidth)\r\n\t\t\t)\r\n\t\t};\r\n\t}\r\n\r\n\tcalcYAxisParameters(dataValues, withMinimum = 'false') {\r\n\t\tconst yPts = calcChartIntervals(dataValues, withMinimum);\r\n\t\tconst scaleMultiplier = this.height / getValueRange(yPts);\r\n\t\tconst intervalHeight = getIntervalSize(yPts) * scaleMultiplier;\r\n\t\tconst zeroLine = this.height - (getZeroIndex(yPts) * intervalHeight);\r\n\r\n\t\tthis.state.yAxis = {\r\n\t\t\tlabels: yPts,\r\n\t\t\tpositions: yPts.map(d => zeroLine - d * scaleMultiplier),\r\n\t\t\tscaleMultiplier: scaleMultiplier,\r\n\t\t\tzeroLine: zeroLine,\r\n\t\t};\r\n\r\n\t\t// Dependent if above changes\r\n\t\tthis.calcDatasetPoints();\r\n\t\tthis.calcYExtremes();\r\n\t\tthis.calcYRegions();\r\n\t}\r\n\r\n\tcalcDatasetPoints() {\r\n\t\tlet s = this.state;\r\n\t\tlet scaleAll = values => values.map(val => scale(val, s.yAxis));\r\n\r\n\t\ts.datasets = this.data.datasets.map((d, i) => {\r\n\t\t\tlet values = d.values;\r\n\t\t\tlet cumulativeYs = d.cumulativeYs || [];\r\n\t\t\treturn {\r\n\t\t\t\tname: d.name,\r\n\t\t\t\tindex: i,\r\n\t\t\t\tchartType: d.chartType,\r\n\r\n\t\t\t\tvalues: values,\r\n\t\t\t\tyPositions: scaleAll(values),\r\n\r\n\t\t\t\tcumulativeYs: cumulativeYs,\r\n\t\t\t\tcumulativeYPos: scaleAll(cumulativeYs),\r\n\t\t\t};\r\n\t\t});\r\n\t}\r\n\r\n\tcalcYExtremes() {\r\n\t\tlet s = this.state;\r\n\t\tif(this.barOptions.stacked) {\r\n\t\t\ts.yExtremes = s.datasets[s.datasets.length - 1].cumulativeYPos;\r\n\t\t\treturn;\r\n\t\t}\r\n\t\ts.yExtremes = new Array(s.datasetLength).fill(9999);\r\n\t\ts.datasets.map(d => {\r\n\t\t\td.yPositions.map((pos, j) => {\r\n\t\t\t\tif(pos < s.yExtremes[j]) {\r\n\t\t\t\t\ts.yExtremes[j] = pos;\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t});\r\n\t}\r\n\r\n\tcalcYRegions() {\r\n\t\tlet s = this.state;\r\n\t\tif(this.data.yMarkers) {\r\n\t\t\tthis.state.yMarkers = this.data.yMarkers.map(d => {\r\n\t\t\t\td.position = scale(d.value, s.yAxis);\r\n\t\t\t\tif(!d.options) d.options = {};\r\n\t\t\t\t// if(!d.label.includes(':')) {\r\n\t\t\t\t// \td.label += ': ' + d.value;\r\n\t\t\t\t// }\r\n\t\t\t\treturn d;\r\n\t\t\t});\r\n\t\t}\r\n\t\tif(this.data.yRegions) {\r\n\t\t\tthis.state.yRegions = this.data.yRegions.map(d => {\r\n\t\t\t\td.startPos = scale(d.start, s.yAxis);\r\n\t\t\t\td.endPos = scale(d.end, s.yAxis);\r\n\t\t\t\tif(!d.options) d.options = {};\r\n\t\t\t\treturn d;\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\tgetAllYValues() {\r\n\t\tlet key = 'values';\r\n\r\n\t\tif(this.barOptions.stacked) {\r\n\t\t\tkey = 'cumulativeYs';\r\n\t\t\tlet cumulative = new Array(this.state.datasetLength).fill(0);\r\n\t\t\tthis.data.datasets.map((d, i) => {\r\n\t\t\t\tlet values = this.data.datasets[i].values;\r\n\t\t\t\td[key] = cumulative = cumulative.map((c, i) => c + values[i]);\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\tlet allValueLists = this.data.datasets.map(d => d[key]);\r\n\t\tif(this.data.yMarkers) {\r\n\t\t\tallValueLists.push(this.data.yMarkers.map(d => d.value));\r\n\t\t}\r\n\t\tif(this.data.yRegions) {\r\n\t\t\tthis.data.yRegions.map(d => {\r\n\t\t\t\tallValueLists.push([d.end, d.start]);\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\treturn [].concat(...allValueLists);\r\n\t}\r\n\r\n\tsetupComponents() {\r\n\t\tlet componentConfigs = [\r\n\t\t\t[\r\n\t\t\t\t'yAxis',\r\n\t\t\t\t{\r\n\t\t\t\t\tmode: this.config.yAxisMode,\r\n\t\t\t\t\twidth: this.width,\r\n\t\t\t\t\tshortenNumbers: this.config.shortenYAxisNumbers\r\n\t\t\t\t\t// pos: 'right'\r\n\t\t\t\t},\r\n\t\t\t\tfunction() {\r\n\t\t\t\t\treturn this.state.yAxis;\r\n\t\t\t\t}.bind(this)\r\n\t\t\t],\r\n\r\n\t\t\t[\r\n\t\t\t\t'xAxis',\r\n\t\t\t\t{\r\n\t\t\t\t\tmode: this.config.xAxisMode,\r\n\t\t\t\t\theight: this.height,\r\n\t\t\t\t\t// pos: 'right'\r\n\t\t\t\t},\r\n\t\t\t\tfunction() {\r\n\t\t\t\t\tlet s = this.state;\r\n\t\t\t\t\ts.xAxis.calcLabels = getShortenedLabels(this.width,\r\n\t\t\t\t\t\ts.xAxis.labels, this.config.xIsSeries);\r\n\r\n\t\t\t\t\treturn s.xAxis;\r\n\t\t\t\t}.bind(this)\r\n\t\t\t],\r\n\r\n\t\t\t[\r\n\t\t\t\t'yRegions',\r\n\t\t\t\t{\r\n\t\t\t\t\twidth: this.width,\r\n\t\t\t\t\tpos: 'right'\r\n\t\t\t\t},\r\n\t\t\t\tfunction() {\r\n\t\t\t\t\treturn this.state.yRegions;\r\n\t\t\t\t}.bind(this)\r\n\t\t\t],\r\n\t\t];\r\n\r\n\t\tlet barDatasets = this.state.datasets.filter(d => d.chartType === 'bar');\r\n\t\tlet lineDatasets = this.state.datasets.filter(d => d.chartType === 'line');\r\n\r\n\t\tlet barsConfigs = barDatasets.map(d => {\r\n\t\t\tlet index = d.index;\r\n\t\t\treturn [\r\n\t\t\t\t'barGraph' + '-' + d.index,\r\n\t\t\t\t{\r\n\t\t\t\t\tindex: index,\r\n\t\t\t\t\tcolor: this.colors[index],\r\n\t\t\t\t\tstacked: this.barOptions.stacked,\r\n\r\n\t\t\t\t\t// same for all datasets\r\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\r\n\t\t\t\t\tminHeight: this.height * MIN_BAR_PERCENT_HEIGHT,\r\n\t\t\t\t},\r\n\t\t\t\tfunction() {\r\n\t\t\t\t\tlet s = this.state;\r\n\t\t\t\t\tlet d = s.datasets[index];\r\n\t\t\t\t\tlet stacked = this.barOptions.stacked;\r\n\r\n\t\t\t\t\tlet spaceRatio = this.barOptions.spaceRatio || BAR_CHART_SPACE_RATIO;\r\n\t\t\t\t\tlet barsWidth = s.unitWidth * (1 - spaceRatio);\r\n\t\t\t\t\tlet barWidth = barsWidth/(stacked ? 1 : barDatasets.length);\r\n\r\n\t\t\t\t\tlet xPositions = s.xAxis.positions.map(x => x - barsWidth/2);\r\n\t\t\t\t\tif(!stacked) {\r\n\t\t\t\t\t\txPositions = xPositions.map(p => p + barWidth * index);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tlet labels = new Array(s.datasetLength).fill('');\r\n\t\t\t\t\tif(this.config.valuesOverPoints) {\r\n\t\t\t\t\t\tif(stacked && d.index === s.datasets.length - 1) {\r\n\t\t\t\t\t\t\tlabels = d.cumulativeYs;\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\tlabels = d.values;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tlet offsets = new Array(s.datasetLength).fill(0);\r\n\t\t\t\t\tif(stacked) {\r\n\t\t\t\t\t\toffsets = d.yPositions.map((y, j) => y - d.cumulativeYPos[j]);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\txPositions: xPositions,\r\n\t\t\t\t\t\tyPositions: d.yPositions,\r\n\t\t\t\t\t\toffsets: offsets,\r\n\t\t\t\t\t\t// values: d.values,\r\n\t\t\t\t\t\tlabels: labels,\r\n\r\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\r\n\t\t\t\t\t\tbarsWidth: barsWidth,\r\n\t\t\t\t\t\tbarWidth: barWidth,\r\n\t\t\t\t\t};\r\n\t\t\t\t}.bind(this)\r\n\t\t\t];\r\n\t\t});\r\n\r\n\t\tlet lineConfigs = lineDatasets.map(d => {\r\n\t\t\tlet index = d.index;\r\n\t\t\treturn [\r\n\t\t\t\t'lineGraph' + '-' + d.index,\r\n\t\t\t\t{\r\n\t\t\t\t\tindex: index,\r\n\t\t\t\t\tcolor: this.colors[index],\r\n\t\t\t\t\tsvgDefs: this.svgDefs,\r\n\t\t\t\t\theatline: this.lineOptions.heatline,\r\n\t\t\t\t\tregionFill: this.lineOptions.regionFill,\r\n\t\t\t\t\tspline: this.lineOptions.spline,\r\n\t\t\t\t\thideDots: this.lineOptions.hideDots,\r\n\t\t\t\t\thideLine: this.lineOptions.hideLine,\r\n\r\n\t\t\t\t\t// same for all datasets\r\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\r\n\t\t\t\t},\r\n\t\t\t\tfunction() {\r\n\t\t\t\t\tlet s = this.state;\r\n\t\t\t\t\tlet d = s.datasets[index];\r\n\t\t\t\t\tlet minLine = s.yAxis.positions[0] < s.yAxis.zeroLine\r\n\t\t\t\t\t\t? s.yAxis.positions[0] : s.yAxis.zeroLine;\r\n\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\txPositions: s.xAxis.positions,\r\n\t\t\t\t\t\tyPositions: d.yPositions,\r\n\r\n\t\t\t\t\t\tvalues: d.values,\r\n\r\n\t\t\t\t\t\tzeroLine: minLine,\r\n\t\t\t\t\t\tradius: this.lineOptions.dotSize || LINE_CHART_DOT_SIZE,\r\n\t\t\t\t\t};\r\n\t\t\t\t}.bind(this)\r\n\t\t\t];\r\n\t\t});\r\n\r\n\t\tlet markerConfigs = [\r\n\t\t\t[\r\n\t\t\t\t'yMarkers',\r\n\t\t\t\t{\r\n\t\t\t\t\twidth: this.width,\r\n\t\t\t\t\tpos: 'right'\r\n\t\t\t\t},\r\n\t\t\t\tfunction() {\r\n\t\t\t\t\treturn this.state.yMarkers;\r\n\t\t\t\t}.bind(this)\r\n\t\t\t]\r\n\t\t];\r\n\r\n\t\tcomponentConfigs = componentConfigs.concat(barsConfigs, lineConfigs, markerConfigs);\r\n\r\n\t\tlet optionals = ['yMarkers', 'yRegions'];\r\n\t\tthis.dataUnitComponents = [];\r\n\r\n\t\tthis.components = new Map(componentConfigs\r\n\t\t\t.filter(args => !optionals.includes(args[0]) || this.state[args[0]])\r\n\t\t\t.map(args => {\r\n\t\t\t\tlet component = getComponent(...args);\r\n\t\t\t\tif(args[0].includes('lineGraph') || args[0].includes('barGraph')) {\r\n\t\t\t\t\tthis.dataUnitComponents.push(component);\r\n\t\t\t\t}\r\n\t\t\t\treturn [args[0], component];\r\n\t\t\t}));\r\n\t}\r\n\r\n\tmakeDataByIndex() {\r\n\t\tthis.dataByIndex = {};\r\n\r\n\t\tlet s = this.state;\r\n\t\tlet formatX = this.config.formatTooltipX;\r\n\t\tlet formatY = this.config.formatTooltipY;\r\n\t\tlet titles = s.xAxis.labels;\r\n\r\n\t\ttitles.map((label, index) => {\r\n\t\t\tlet values = this.state.datasets.map((set, i) => {\r\n\t\t\t\tlet value = set.values[index];\r\n\t\t\t\treturn {\r\n\t\t\t\t\ttitle: set.name,\r\n\t\t\t\t\tvalue: value,\r\n\t\t\t\t\tyPos: set.yPositions[index],\r\n\t\t\t\t\tcolor: this.colors[i],\r\n\t\t\t\t\tformatted: formatY ? formatY(value) : value,\r\n\t\t\t\t};\r\n\t\t\t});\r\n\r\n\t\t\tthis.dataByIndex[index] = {\r\n\t\t\t\tlabel: label,\r\n\t\t\t\tformattedLabel: formatX ? formatX(label) : label,\r\n\t\t\t\txPos: s.xAxis.positions[index],\r\n\t\t\t\tvalues: values,\r\n\t\t\t\tyExtreme: s.yExtremes[index],\r\n\t\t\t};\r\n\t\t});\r\n\t}\r\n\r\n\tbindTooltip() {\r\n\t\t// NOTE: could be in tooltip itself, as it is a given functionality for its parent\r\n\t\tthis.container.addEventListener('mousemove', (e) => {\r\n\t\t\tlet m = this.measures;\r\n\t\t\tlet o = getOffset(this.container);\r\n\t\t\tlet relX = e.pageX - o.left - getLeftOffset(m);\r\n\t\t\tlet relY = e.pageY - o.top;\r\n\r\n\t\t\tif(relY < this.height + getTopOffset(m)\r\n\t\t\t\t&& relY > getTopOffset(m)) {\r\n\t\t\t\tthis.mapTooltipXPosition(relX);\r\n\t\t\t} else {\r\n\t\t\t\tthis.tip.hideTip();\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\tmapTooltipXPosition(relX) {\r\n\t\tlet s = this.state;\r\n\t\tif(!s.yExtremes) return;\r\n\r\n\t\tlet index = getClosestInArray(relX, s.xAxis.positions, true);\r\n\t\tlet dbi = this.dataByIndex[index];\r\n\r\n\t\tthis.tip.setValues(\r\n\t\t\tdbi.xPos + this.tip.offset.x,\r\n\t\t\tdbi.yExtreme + this.tip.offset.y,\r\n\t\t\t{name: dbi.formattedLabel, value: ''},\r\n\t\t\tdbi.values,\r\n\t\t\tindex\r\n\t\t);\r\n\r\n\t\tthis.tip.showTip();\r\n\t}\r\n\r\n\trenderLegend() {\r\n\t\tlet s = this.data;\r\n\t\tif(s.datasets.length > 1) {\r\n\t\t\tthis.legendArea.textContent = '';\r\n\t\t\ts.datasets.map((d, i) => {\r\n\t\t\t\tlet barWidth = AXIS_LEGEND_BAR_SIZE;\r\n\t\t\t\t// let rightEndPoint = this.baseWidth - this.measures.margins.left - this.measures.margins.right;\r\n\t\t\t\t// let multiplier = s.datasets.length - i;\r\n\t\t\t\tlet rect = legendBar(\r\n\t\t\t\t\t// rightEndPoint - multiplier * barWidth,\t// To right align\r\n\t\t\t\t\tbarWidth * i,\r\n\t\t\t\t\t'0',\r\n\t\t\t\t\tbarWidth,\r\n\t\t\t\t\tthis.colors[i],\r\n\t\t\t\t\td.name,\r\n\t\t\t\t\tthis.config.truncateLegends);\r\n\t\t\t\tthis.legendArea.appendChild(rect);\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\r\n\r\n\t// Overlay\r\n\tmakeOverlay() {\r\n\t\tif(this.init) {\r\n\t\t\tthis.init = 0;\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tif(this.overlayGuides) {\r\n\t\t\tthis.overlayGuides.forEach(g => {\r\n\t\t\t\tlet o = g.overlay;\r\n\t\t\t\to.parentNode.removeChild(o);\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\tthis.overlayGuides = this.dataUnitComponents.map(c => {\r\n\t\t\treturn {\r\n\t\t\t\ttype: c.unitType,\r\n\t\t\t\toverlay: undefined,\r\n\t\t\t\tunits: c.units,\r\n\t\t\t};\r\n\t\t});\r\n\r\n\t\tif(this.state.currentIndex === undefined) {\r\n\t\t\tthis.state.currentIndex = this.state.datasetLength - 1;\r\n\t\t}\r\n\r\n\t\t// Render overlays\r\n\t\tthis.overlayGuides.map(d => {\r\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\r\n\r\n\t\t\td.overlay = makeOverlay[d.type](currentUnit);\r\n\t\t\tthis.drawArea.appendChild(d.overlay);\r\n\t\t});\r\n\t}\r\n\r\n\tupdateOverlayGuides() {\r\n\t\tif(this.overlayGuides) {\r\n\t\t\tthis.overlayGuides.forEach(g => {\r\n\t\t\t\tlet o = g.overlay;\r\n\t\t\t\to.parentNode.removeChild(o);\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\tbindOverlay() {\r\n\t\tthis.parent.addEventListener('data-select', () => {\r\n\t\t\tthis.updateOverlay();\r\n\t\t});\r\n\t}\r\n\r\n\tbindUnits() {\r\n\t\tthis.dataUnitComponents.map(c => {\r\n\t\t\tc.units.map(unit => {\r\n\t\t\t\tunit.addEventListener('click', () => {\r\n\t\t\t\t\tlet index = unit.getAttribute('data-point-index');\r\n\t\t\t\t\tthis.setCurrentDataPoint(index);\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t});\r\n\r\n\t\t// Note: Doesn't work as tooltip is absolutely positioned\r\n\t\tthis.tip.container.addEventListener('click', () => {\r\n\t\t\tlet index = this.tip.container.getAttribute('data-point-index');\r\n\t\t\tthis.setCurrentDataPoint(index);\r\n\t\t});\r\n\t}\r\n\r\n\tupdateOverlay() {\r\n\t\tthis.overlayGuides.map(d => {\r\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\r\n\t\t\tupdateOverlay[d.type](currentUnit, d.overlay);\r\n\t\t});\r\n\t}\r\n\r\n\tonLeftArrow() {\r\n\t\tthis.setCurrentDataPoint(this.state.currentIndex - 1);\r\n\t}\r\n\r\n\tonRightArrow() {\r\n\t\tthis.setCurrentDataPoint(this.state.currentIndex + 1);\r\n\t}\r\n\r\n\tgetDataPoint(index=this.state.currentIndex) {\r\n\t\tlet s = this.state;\r\n\t\tlet data_point = {\r\n\t\t\tindex: index,\r\n\t\t\tlabel: s.xAxis.labels[index],\r\n\t\t\tvalues: s.datasets.map(d => d.values[index])\r\n\t\t};\r\n\t\treturn data_point;\r\n\t}\r\n\r\n\tsetCurrentDataPoint(index) {\r\n\t\tlet s = this.state;\r\n\t\tindex = parseInt(index);\r\n\t\tif(index < 0) index = 0;\r\n\t\tif(index >= s.xAxis.labels.length) index = s.xAxis.labels.length - 1;\r\n\t\tif(index === s.currentIndex) return;\r\n\t\ts.currentIndex = index;\r\n\t\tfire(this.parent, \"data-select\", this.getDataPoint());\r\n\t}\r\n\r\n\r\n\r\n\t// API\r\n\taddDataPoint(label, datasetValues, index=this.state.datasetLength) {\r\n\t\tsuper.addDataPoint(label, datasetValues, index);\r\n\t\tthis.data.labels.splice(index, 0, label);\r\n\t\tthis.data.datasets.map((d, i) => {\r\n\t\t\td.values.splice(index, 0, datasetValues[i]);\r\n\t\t});\r\n\t\tthis.update(this.data);\r\n\t}\r\n\r\n\tremoveDataPoint(index = this.state.datasetLength-1) {\r\n\t\tif (this.data.labels.length <= 1) {\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tsuper.removeDataPoint(index);\r\n\t\tthis.data.labels.splice(index, 1);\r\n\t\tthis.data.datasets.map(d => {\r\n\t\t\td.values.splice(index, 1);\r\n\t\t});\r\n\t\tthis.update(this.data);\r\n\t}\r\n\r\n\tupdateDataset(datasetValues, index=0) {\r\n\t\tthis.data.datasets[index].values = datasetValues;\r\n\t\tthis.update(this.data);\r\n\t}\r\n\t// addDataset(dataset, index) {}\r\n\t// removeDataset(index = 0) {}\r\n\r\n\tupdateDatasets(datasets) {\r\n\t\tthis.data.datasets.map((d, i) => {\r\n\t\t\tif(datasets[i]) {\r\n\t\t\t\td.values = datasets[i];\r\n\t\t\t}\r\n\t\t});\r\n\t\tthis.update(this.data);\r\n\t}\r\n\r\n\t// updateDataPoint(dataPoint, index = 0) {}\r\n\t// addDataPoint(dataPoint, index = 0) {}\r\n\t// removeDataPoint(index = 0) {}\r\n}\r\n","import AggregationChart from './AggregationChart';\r\nimport { getComponent } from '../objects/ChartComponents';\r\nimport { getOffset } from '../utils/dom';\r\nimport { getPositionByAngle } from '../utils/helpers';\r\nimport { makeArcStrokePathStr, makeStrokeCircleStr } from '../utils/draw';\r\nimport { lightenDarkenColor } from '../utils/colors';\r\nimport { transform } from '../utils/animation';\r\nimport { FULL_ANGLE } from '../utils/constants';\r\n\r\nexport default class DonutChart extends AggregationChart {\r\n\tconstructor(parent, args) {\r\n\t\tsuper(parent, args);\r\n\t\tthis.type = 'donut';\r\n\t\tthis.initTimeout = 0;\r\n\t\tthis.init = 1;\r\n\r\n\t\tthis.setup();\r\n\t}\r\n\r\n\tconfigure(args) {\r\n\t\tsuper.configure(args);\r\n\t\tthis.mouseMove = this.mouseMove.bind(this);\r\n\t\tthis.mouseLeave = this.mouseLeave.bind(this);\r\n\r\n\t\tthis.hoverRadio = args.hoverRadio || 0.1;\r\n\t\tthis.config.startAngle = args.startAngle || 0;\r\n\r\n\t\tthis.clockWise = args.clockWise || false;\r\n\t\tthis.strokeWidth = args.strokeWidth || 30;\r\n\t}\r\n\r\n\tcalc() {\r\n\t\tsuper.calc();\r\n\t\tlet s = this.state;\r\n\t\tthis.radius =\r\n\t\t\tthis.height > this.width\r\n\t\t\t\t? this.center.x - this.strokeWidth / 2\r\n\t\t\t\t: this.center.y - this.strokeWidth / 2;\r\n\r\n\t\tconst { radius, clockWise } = this;\r\n\r\n\t\tconst prevSlicesProperties = s.slicesProperties || [];\r\n\t\ts.sliceStrings = [];\r\n\t\ts.slicesProperties = [];\r\n\t\tlet curAngle = 180 - this.config.startAngle;\r\n\r\n\t\ts.sliceTotals.map((total, i) => {\r\n\t\t\tconst startAngle = curAngle;\r\n\t\t\tconst originDiffAngle = (total / s.grandTotal) * FULL_ANGLE;\r\n\t\t\tconst largeArc = originDiffAngle > 180 ? 1: 0;\r\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\r\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\r\n\t\t\tconst startPosition = getPositionByAngle(startAngle, radius);\r\n\t\t\tconst endPosition = getPositionByAngle(endAngle, radius);\r\n\r\n\t\t\tconst prevProperty = this.init && prevSlicesProperties[i];\r\n\r\n\t\t\tlet curStart,curEnd;\r\n\t\t\tif(this.init) {\r\n\t\t\t\tcurStart = prevProperty ? prevProperty.startPosition : startPosition;\r\n\t\t\t\tcurEnd = prevProperty ? prevProperty.endPosition : startPosition;\r\n\t\t\t} else {\r\n\t\t\t\tcurStart = startPosition;\r\n\t\t\t\tcurEnd = endPosition;\r\n\t\t\t}\r\n\t\t\tconst curPath =\r\n\t\t\t\toriginDiffAngle === 360\r\n\t\t\t\t\t? makeStrokeCircleStr(curStart, curEnd, this.center, this.radius, this.clockWise, largeArc)\r\n\t\t\t\t\t: makeArcStrokePathStr(curStart, curEnd, this.center, this.radius, this.clockWise, largeArc);\r\n\r\n\t\t\ts.sliceStrings.push(curPath);\r\n\t\t\ts.slicesProperties.push({\r\n\t\t\t\tstartPosition,\r\n\t\t\t\tendPosition,\r\n\t\t\t\tvalue: total,\r\n\t\t\t\ttotal: s.grandTotal,\r\n\t\t\t\tstartAngle,\r\n\t\t\t\tendAngle,\r\n\t\t\t\tangle: diffAngle\r\n\t\t\t});\r\n\r\n\t\t});\r\n\t\tthis.init = 0;\r\n\t}\r\n\r\n\tsetupComponents() {\r\n\t\tlet s = this.state;\r\n\r\n\t\tlet componentConfigs = [\r\n\t\t\t[\r\n\t\t\t\t'donutSlices',\r\n\t\t\t\t{ },\r\n\t\t\t\tfunction() {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tsliceStrings: s.sliceStrings,\r\n\t\t\t\t\t\tcolors: this.colors,\r\n\t\t\t\t\t\tstrokeWidth: this.strokeWidth,\r\n\t\t\t\t\t};\r\n\t\t\t\t}.bind(this)\r\n\t\t\t]\r\n\t\t];\r\n\r\n\t\tthis.components = new Map(componentConfigs\r\n\t\t\t.map(args => {\r\n\t\t\t\tlet component = getComponent(...args);\r\n\t\t\t\treturn [args[0], component];\r\n\t\t\t}));\r\n\t}\r\n\r\n\tcalTranslateByAngle(property){\r\n\t\tconst{ radius, hoverRadio } = this;\r\n\t\tconst position = getPositionByAngle(property.startAngle+(property.angle / 2),radius);\r\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\r\n\t}\r\n\r\n\thoverSlice(path,i,flag,e){\r\n\t\tif(!path) return;\r\n\t\tconst color = this.colors[i];\r\n\t\tif(flag) {\r\n\t\t\ttransform(path, this.calTranslateByAngle(this.state.slicesProperties[i]));\r\n\t\t\tpath.style.stroke = lightenDarkenColor(color, 50);\r\n\t\t\tlet g_off = getOffset(this.svg);\r\n\t\t\tlet x = e.pageX - g_off.left + 10;\r\n\t\t\tlet y = e.pageY - g_off.top - 10;\r\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length > 0\r\n\t\t\t\t? this.formatted_labels[i] : this.state.labels[i]) + ': ';\r\n\t\t\tlet percent = (this.state.sliceTotals[i] * 100 / this.state.grandTotal).toFixed(1);\r\n\t\t\tthis.tip.setValues(x, y, {name: title, value: percent + \"%\"});\r\n\t\t\tthis.tip.showTip();\r\n\t\t} else {\r\n\t\t\ttransform(path,'translate3d(0,0,0)');\r\n\t\t\tthis.tip.hideTip();\r\n\t\t\tpath.style.stroke = color;\r\n\t\t}\r\n\t}\r\n\r\n\tbindTooltip() {\r\n\t\tthis.container.addEventListener('mousemove', this.mouseMove);\r\n\t\tthis.container.addEventListener('mouseleave', this.mouseLeave);\r\n\t}\r\n\r\n\tmouseMove(e){\r\n\t\tconst target = e.target;\r\n\t\tlet slices = this.components.get('donutSlices').store;\r\n\t\tlet prevIndex = this.curActiveSliceIndex;\r\n\t\tlet prevAcitve = this.curActiveSlice;\r\n\t\tif(slices.includes(target)) {\r\n\t\t\tlet i = slices.indexOf(target);\r\n\t\t\tthis.hoverSlice(prevAcitve, prevIndex,false);\r\n\t\t\tthis.curActiveSlice = target;\r\n\t\t\tthis.curActiveSliceIndex = i;\r\n\t\t\tthis.hoverSlice(target, i, true, e);\r\n\t\t} else {\r\n\t\t\tthis.mouseLeave();\r\n\t\t}\r\n\t}\r\n\r\n\tmouseLeave(){\r\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\r\n\t}\r\n}\r\n"],"names":["styleInject","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","$","expr","con","querySelector","getOffset","element","rect","getBoundingClientRect","top","documentElement","scrollTop","body","left","scrollLeft","isElementInViewport","el","bottom","window","innerHeight","clientHeight","right","innerWidth","clientWidth","getElementContentWidth","styles","getComputedStyle","padding","parseFloat","paddingLeft","paddingRight","fire","target","properties","evt","createEvent","initEvent","j","dispatchEvent","getTopOffset","m","titleHeight","margins","paddings","getLeftOffset","getExtraHeight","legendHeight","getExtraWidth","floatTwo","d","toFixed","fillArray","array","count","start","length","fillerArray","Array","Math","abs","fill","concat","getStringWidth","string","charWidth","getPositionByAngle","angle","radius","sin","ANGLE_RATIO","cos","getBarHeightAndYAttr","yTop","zeroLine","height","y","equilizeNoOfElements","array1","array2","extraCount","truncateString","txt","len","slice","shortenLargeNumber","label","number","Number","isNaN","p","floor","log10","l","shortened","pow","round","createSplineCurve","xList","yList","points","i","push","line","pointA","pointB","lengthX","lengthY","sqrt","atan2","controlPoint","current","previous","next","reverse","o","PI","command","reduce","acc","point","a","cps","cpe","limitColor","r","lightenDarkenColor","color","amt","col","getColor","usePound","num","parseInt","b","g","toString","isValidColor","test","createSVG","tag","createElementNS","val","parentNode","keys","map","prop","setAttribute","renderVerticalGradient","svgDefElem","gradientId","setGradientStop","gradElem","offset","opacity","makeSVGContainer","parent","className","width","makeSVGDefs","svgContainer","makeSVGGroup","transform","undefined","args","inside","makePath","pathStr","makeArcPathStr","startPosition","endPosition","center","clockWise","largeArc","arcStartX","x","arcStartY","arcEndX","arcEndY","makeCircleStr","midArc","makeArcStrokePathStr","makeStrokeCircleStr","makeGradient","lighter","gradientDef","opacities","percentageBar","depth","PERCENTAGE_BAR_DEFAULT_DEPTH","heatSquare","size","data","key","legendBar","LABEL_MAX_CHARS","text","FONT_SIZE","FONT_FILL","group","legendDot","makeText","content","options","fontSize","dy","textAnchor","makeVertLine","y1","y2","stroke","BASE_LINE_COLOR","LABEL_MARGIN","makeHoriLine","x1","x2","lineType","shortenNumbers","yLine","pos","mode","AXIS_TICK_LENGTH","xLine","yMarker","labelPos","labelSvg","yRegion","region","datasetBar","index","meta","minHeight","datasetDot","dot","getPaths","pointsStr","join","spline","path","heatline","gradient_id","svgDefs","paths","regionFill","gradient_id_region","translate","unit","oldCoord","newCoord","duration","old","STD_EASING","translateVertLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","animateBar","bar","nodeName","UNIT_ANIM_DUR","split","animateDot","cx","cy","animatePath","newXList","newYList","pathComponents","animPath","PATH_ANIM_DUR","regStartPt","regEndPt","animRegion","animatePathStr","oldPath","animateSVGElement","props","dur","easingType","oldValues","animElement","cloneNode","newElement","attributeName","animateElement","currentValue","value","animAttr","EASING","webkitTransform","msTransform","mozTransform","oTransform","animateSVG","elements","newElements","animElements","replaceChild","animSvg","runSMILAnimation","svgElement","elementsToAnimate","animSvgElement","removeChild","REPLACE_ALL_NEW_DUR","downloadFile","filename","blob","Blob","url","URL","createObjectURL","href","download","click","revokeObjectURL","prepareForExport","svg","clone","classList","add","styleEl","create","CSSTEXT","container","innerHTML","treatAsUtc","date","result","Date","setMinutes","getMinutes","getTimezoneOffset","getYyyyMmDd","dd","getDate","mm","getMonth","getFullYear","getTime","getWeeksBetween","startDate","endDate","weekStartDate","setDayToSunday","ceil","getDaysBetween","NO_OF_DAYS_IN_WEEK","millisecondsPerDay","SEC_IN_DAY","NO_OF_MILLIS","areInSameMonth","getMonthName","short","monthName","MONTH_NAMES","getLastDateInMonth","month","year","newDate","day","getDay","addDays","numberOfDays","setDate","getComponent","name","constants","getData","Object","componentConfigs","filter","includes","k","config","assign","ChartComponent","normalize","mantissa","exponent","sig","isFinite","exp","getChartRangeIntervals","max","min","upperBound","lowerBound","range","noOfParts","partSize","intervals","getChartIntervals","maxValue","minValue","normalMaxValue","normalMinValue","calcChartIntervals","values","getPositiveFirstIntervals","absMinValue","intervalSize","unshift","withMinimum","pseudoMaxValue","pseudoMinValue","getZeroIndex","yPts","interval","getIntervalSize","indexOf","orderedArray","getValueRange","scale","yAxis","scaleMultiplier","getClosestInArray","goal","arr","closest","prev","curr","calcDistribution","distributionSize","dataMaxValue","distributionStep","distribution","checkpoint","getMaxCheckpoint","dataPrep","labels","datasetLength","datasets","zeroArray","vals","chartType","AXIS_DATASET_CHART_TYPES","yRegions","end","zeroDataPrep","realData","zeroData","yMarkers","getShortenedLabels","chartWidth","isSeries","allowedSpace","allowedLetters","DEFAULT_CHAR_WIDTH","getChartByType","AxisChart","chartTypes","error","BASE_MEASURES","INIT_CHART_UPDATE_TIMEOUT","CHART_POST_ANIMATE_TIMEOUT","DEFAULT_AXIS_CHART_TYPE","AXIS_LEGEND_BAR_SIZE","BAR_CHART_SPACE_RATIO","MIN_BAR_PERCENT_HEIGHT","LINE_CHART_DOT_SIZE","DOT_OVERLAY_SIZE_INCR","PERCENTAGE_BAR_DEFAULT_HEIGHT","HEATMAP_DISTRIBUTION_SIZE","HEATMAP_SQUARE_SIZE","HEATMAP_GUTTER_SIZE","TOOLTIP_POINTER_TRIANGLE_HEIGHT","DEFAULT_CHART_COLORS","HEATMAP_COLORS_GREEN","DEFAULT_COLORS","FULL_ANGLE","SvgTip","colors","titleName","titleValue","listValues","titleValueFirst","setup","makeTooltip","calcPosition","this","hideTip","title","dataPointList","addEventListener","set","_this2","formatted","li","offsetWidth","offsetHeight","maxLeft","pointer","pointerOffset","valueFirst","refresh","PRESET_COLOR_MAP","makeOverlay","transformValue","overlay","updateOverlay","attributes","attr","specified","nodeValue","BaseChart","HTMLElement","Error","rawChartArgs","prepareData","prepareFirstData","validateColors","isNavigable","truncateLegends","measures","JSON","parse","stringify","setMeasures","showLegend","argHeight","baseHeight","state","initTimeout","overlays","configure","validColors","forEach","warn","boundDrawFn","_this","draw","removeEventListener","makeContainer","updateWidth","independentWidth","tip","bindTooltip","onlyWidthChange","init","calc","makeChartArea","setupComponents","components","c","drawArea","render","update","renderLegend","setupNavigation","baseWidth","titleEL","titleFontSize","legendArea","updateTipOffset","Map","animate","make","updateNav","bindUnits","bindOverlay","keyActions","onEnterKey","bind","onLeftArrow","onUpArrow","onRightArrow","onDownArrow","e","_this4","event","keyCode","chartSvg","AggregationChart","maxSlices","maxLegendPoints","s","sliceTotals","allTotals","total","totals","sort","sumOfRemaining","grandTotal","textContent","legendTotals","barWidth","divisor","_this3","NO_OF_YEAR_MONTHS","DAY_NAMES_SHORT","layerClass","layerTransform","makeElements","animateElements","store","layer","oldData","sliceStrings","strokeWidth","transition","newData","xPositions","widths","barHeight","barDepth","positions","position","newPos","newLabels","oldPos","oldLabels","calcLabels","_this5","newOptions","startPos","endPos","_this6","newStarts","oldStarts","colWidth","rowHeight","squareSize","xTranslate","serializedSubDomains","cols","week","weekNo","toUpperCase","yyyyMmDd","dataValue","square","unitType","units","yPositions","offsets","barsWidth","newXPos","newYPos","newOffsets","oldXPos","oldYPos","oldOffsets","hideLine","hideDots","valuesOverPoints","newValues","PercentageChart","barOptions","component","xPos","bars","get","gOff","pOff","formattedLabels","fraction","setValues","showTip","PieChart","mouseMove","mouseLeave","hoverRadio","startAngle","prevSlicesProperties","slicesProperties","curAngle","originDiffAngle","diffAngle","endAngle","prevProperty","curStart","curEnd","curPath","property","flag","calTranslateByAngle","g_off","pageX","pageY","formatted_labels","percent","slices","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","COL_WIDTH","ROW_HEIGHT","Heatmap","countLabel","validStarts","startSubDomain","startSubDomainIndex","discreteDomains","spacing","noOfWeeks","setFullYear","dataPoints","timestampSec","firstWeekStart","domainConfigs","getDomains","lessCol","dayName","dayText","daySquares","comp","daySquare","dateParts","lessText","moreText","startMonth","startYear","noOfMonths","startOfMonth","getDomainConfig","startOfWeek","domainConfig","noOfMonthWeeks","getCol","empty","currentDate","currentDateWithinData","getSubDomainConfig","lineOptions","axisOptions","tooltipOptions","xAxisMode","yAxisMode","xIsSeries","shortenYAxisNumbers","formatTooltipX","formatTooltipY","calcXPositions","calcYAxisParameters","getAllYValues","makeDataByIndex","unitWidth","xOffset","xAxis","dataValues","intervalHeight","calcDatasetPoints","calcYExtremes","calcYRegions","scaleAll","cumulativeYs","stacked","yExtremes","cumulativeYPos","cumulative","allValueLists","barDatasets","lineDatasets","barsConfigs","spaceRatio","lineConfigs","minLine","dotSize","markerConfigs","optionals","dataUnitComponents","dataByIndex","formatX","formatY","relX","relY","mapTooltipXPosition","dbi","yExtreme","formattedLabel","overlayGuides","currentIndex","currentUnit","_this7","setCurrentDataPoint","_this9","_this10","getDataPoint","datasetValues","splice","DonutChart","Chart"],"mappings":"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"} \ No newline at end of file diff --git a/dist/frappe-charts.min.iife.js b/dist/frappe-charts.min.iife.js new file mode 100644 index 0000000..7c94ac7 --- /dev/null +++ b/dist/frappe-charts.min.iife.js @@ -0,0 +1,2 @@ +var frappe=function(){"use strict";function t(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function e(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function i(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function n(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function a(t,e,i){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0);for(var a in i)n[a]=i[a];return t.dispatchEvent(n)}function s(t){return t.titleHeight+t.margins.top+t.paddings.top}function r(t){return t.margins.left+t.paddings.left}function o(t){return t.margins.top+t.margins.bottom+t.paddings.top+t.paddings.bottom+t.titleHeight+t.legendHeight}function l(t){return t.margins.left+t.margins.right+t.paddings.left+t.paddings.right}function u(t){return parseFloat(t.toFixed(2))}function h(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=n?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(i);return t=n?a.concat(t):t.concat(a)}function c(t,e){return(t+"").length*e}function d(t,e){return{x:Math.sin(t*Jt)*e,y:Math.cos(t*Jt)*e}}function p(t,e){var i=void 0,n=void 0;return t<=e?(i=e-t,n=t):(i=t-e,n=e),[i,n]}function f(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=h(t,i):e=h(e,i),[t,e]}function v(t,e){if(t)return t.length>e?t.slice(0,e-3)+"...":t}function g(t){var e=void 0;if("number"==typeof t)e=t;else if("string"==typeof t&&(e=Number(t),Number.isNaN(e)))return t;var i=Math.floor(Math.log10(Math.abs(e)));if(i<=2)return e;var n=Math.floor(i/3),a=Math.pow(10,i-3*n)*+(e/Math.pow(10,i)).toFixed(1);return Math.round(100*a)/100+" "+["","K","M","B","T"][n]}function y(t,e){for(var i=[],n=0;n255?255:t<0?0:t}function b(t,e){var i=Qt(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),s=m((a>>16)+e),r=m((a>>8&255)+e),o=m((255&a)+e);return(n?"#":"")+(o|r<<8|s<<16).toString(16)}function x(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function k(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function w(t,e){var i=document.createElementNS("http://www.w3.org/2000/svg",t);for(var n in e){var a=e[n];if("inside"===n)k(a).appendChild(i);else if("around"===n){var s=k(a);s.parentNode.insertBefore(i,s),i.appendChild(s)}else"styles"===n?"object"===(void 0===a?"undefined":_t(a))&&Object.keys(a).map(function(t){i.style[t]=a[t]}):("className"===n&&(n="class"),"innerHTML"===n?i.textContent=a:i.setAttribute(n,a))}return i}function A(t,e){return w("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function P(t,e,i,n){return w("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function L(t,e,i,n){return w("svg",{className:e,inside:t,width:i,height:n})}function T(t){return w("defs",{inside:t})}function M(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0,n={className:t,transform:e};return i&&(n.inside=i),w("g",n)}function C(t){return w("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none","stroke-width":arguments.length>4&&void 0!==arguments[4]?arguments[4]:2}})}function O(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=i.x+t.x,o=i.y+t.y,l=i.x+e.x,u=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+r+" "+o+"\n\t\tA "+n+" "+n+" 0 "+s+" "+(a?1:0)+"\n\t\t"+l+" "+u+" z"}function D(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=i.x+t.x,o=i.y+t.y,l=i.x+e.x,u=2*i.y,h=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+r+" "+o+"\n\t\tA "+n+" "+n+" 0 "+s+" "+(a?1:0)+"\n\t\t"+l+" "+u+" z\n\t\tL"+r+" "+u+"\n\t\tA "+n+" "+n+" 0 "+s+" "+(a?1:0)+"\n\t\t"+l+" "+h+" z"}function N(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=i.x+t.x,o=i.y+t.y,l=i.x+e.x,u=i.y+e.y;return"M"+r+" "+o+"\n\t\tA "+n+" "+n+" 0 "+s+" "+(a?1:0)+"\n\t\t"+l+" "+u}function S(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=i.x+t.x,o=i.y+t.y,l=i.x+e.x,u=2*n+o,h=i.y+t.y;return"M"+r+" "+o+"\n\t\tA "+n+" "+n+" 0 "+s+" "+(a?1:0)+"\n\t\t"+l+" "+u+"\n\t\tM"+r+" "+u+"\n\t\tA "+n+" "+n+" 0 "+s+" "+(a?1:0)+"\n\t\t"+l+" "+h}function E(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),a=A(t,n),s=[1,.6,.2];return i&&(s=[.4,.2,0]),P(a,"0%",e,s[0]),P(a,"50%",e,s[1]),P(a,"100%",e,s[2]),n}function _(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:Ut,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:"none";return w("rect",{className:"percentage-bar",x:t,y:e,width:i,height:n,fill:s,styles:{stroke:b(s,-25),"stroke-dasharray":"0, "+(n+i)+", "+i+", "+n,"stroke-width":a}})}function z(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r={className:t,x:e,y:i,width:n,height:n,fill:a};return Object.keys(s).map(function(t){r[t]=s[t]}),w("rect",r)}function W(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none",a=arguments[4];a=arguments.length>5&&void 0!==arguments[5]&&arguments[5]?v(a,ee):a;var s={className:"legend-bar",x:0,y:0,width:i,height:"2px",fill:n},r=w("text",{className:"legend-dataset-text",x:0,y:0,dy:2*ie+"px","font-size":1.2*ie+"px","text-anchor":"start",fill:ae,innerHTML:a}),o=w("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(w("rect",s)),o.appendChild(r),o}function H(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none",a=arguments[4],s={className:"legend-dot",cx:0,cy:0,r:i,fill:n},r=w("text",{className:"legend-dataset-text",x:0,y:0,dx:ie+"px",dy:ie/3+"px","font-size":1.2*ie+"px","text-anchor":"start",fill:ae,innerHTML:a}),o=w("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(w("circle",s)),o.appendChild(r),o}function F(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},s=a.fontSize||ie;return w("text",{className:t,x:e,y:i,dy:(void 0!==a.dy?a.dy:s/2)+"px","font-size":s+"px",fill:a.fill||ae,"text-anchor":a.textAnchor||"start",innerHTML:n})}function j(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=ne);var s=w("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),r=w("text",{x:0,y:i>n?i+te:i-te-ie,dy:ie+"px","font-size":ie+"px","text-anchor":"middle",innerHTML:e+""}),o=w("g",{transform:"translate("+t+", 0)"});return o.appendChild(s),o.appendChild(r),o}function I(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=ne),a.lineType||(a.lineType=""),a.shortenNumbers&&(e=g(e));var s=w("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:0,y2:0,styles:{stroke:a.stroke}}),r=w("text",{x:i3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="left"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=ne),n.className||(n.className="");var a=-1*Zt,s="span"===n.mode?i+Zt:0;return"tick"===n.mode&&"right"===n.pos&&(a=i+Zt,s=i),a+=n.offset,s+=n.offset,I(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType,shortenNumbers:n.shortenNumbers})}function Y(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="bottom"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=ne),n.className||(n.className="");var a=i+Zt,s="span"===n.mode?-1*Zt:i;return"tick"===n.mode&&"top"===n.pos&&(a=-1*Zt,s=0),j(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function B(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};n.labelPos||(n.labelPos="right");var a=w("text",{className:"chart-label",x:"left"===n.labelPos?te:i-c(e,5)-te,y:0,dy:ie/-2+"px","font-size":ie+"px","text-anchor":"start",innerHTML:e+""}),s=I(t,"",0,i,{stroke:n.stroke||ne,className:n.className||"",lineType:n.lineType});return s.appendChild(a),s}function V(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},s=t-e,r=w("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:ne,"stroke-dasharray":i+", "+s},x:0,y:0,width:i,height:s});a.labelPos||(a.labelPos="right");var o=w("text",{className:"chart-label",x:"left"===a.labelPos?te:i-c(n+"",4.5)-te,y:0,dy:ie/-2+"px","font-size":ie+"px","text-anchor":"start",innerHTML:n+""}),l=w("g",{transform:"translate(0, "+e+")"});return l.appendChild(r),l.appendChild(o),l}function U(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=p(e,o.zeroLine),u=It(l,2),h=u[0],c=u[1];c-=r,0===h&&(h=o.minHeight,c-=o.minHeight);var d=w("rect",{className:"bar mini",style:"fill: "+n,"data-point-index":s,x:t,y:c,width:i,height:h});if((a+="")||a.length){d.setAttribute("y",0),d.setAttribute("x",0);var f=w("text",{className:"data-point-value",x:i/2,y:0,dy:ie/2*-1+"px","font-size":ie+"px","text-anchor":"middle",innerHTML:a}),v=w("g",{"data-point-index":s,transform:"translate("+t+", "+c+")"});return v.appendChild(d),v.appendChild(f),v}return d}function G(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=w("circle",{style:"fill: "+n,"data-point-index":s,cx:t,cy:e,r:i});if((a+="")||a.length){r.setAttribute("cy",0),r.setAttribute("cx",0);var o=w("text",{className:"data-point-value",x:0,y:0,dy:ie/2*-1-i+"px","font-size":ie+"px","text-anchor":"middle",innerHTML:a}),l=w("g",{"data-point-index":s,transform:"translate("+t+", "+e+")"});return l.appendChild(r),l.appendChild(o),l}return r}function q(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},s=e.map(function(e,i){return t[i]+","+e}).join("L");n.spline&&(s=y(t,e));var r=C("M"+s,"line-graph-path",i);if(n.heatline){var o=E(a.svgDefs,i);r.style.stroke="url(#"+o+")"}var l={path:r};if(n.regionFill){var u=E(a.svgDefs,i,!0),h="M"+t[0]+","+a.zeroLine+"L"+s+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=C(h,"region-fill","none","url(#"+u+")")}return l}function X(t,e,i,n){var a="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},n,ce,"translate",{transform:a}]}function J(t,e,i){return X(t,[i,0],[e,0],ue)}function K(t,e,i){return X(t,[0,i],[0,e],ue)}function $(t,e,i,n){var a=e-i,s=t.childNodes[0];return[[s,{height:a,"stroke-dasharray":s.getAttribute("width")+", "+a},ue,ce],X(t,[0,n],[0,i],ue)]}function Q(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=p(i,(arguments.length>5&&void 0!==arguments[5]?arguments[5]:{}).zeroLine),r=It(s,2),o=r[0],l=r[1];return l-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width:n,height:o},oe,ce],X(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],ue)]:[[t,{width:n,height:o,x:e,y:l},oe,ce]]}function Z(t,e,i){return"circle"!==t.nodeName?[X(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],ue)]:[[t,{cx:e,cy:i},oe,ce]]}function tt(t,e,i,n,a){var s=[],r=i.map(function(t,i){return e[i]+","+t}).join("L");a&&(r=y(e,i));var o=[t.path,{d:"M"+r},le,ce];if(s.push(o),t.region){var l=e[0]+","+n+"L",u="L"+e.slice(-1)[0]+", "+n,h=[t.region,{d:"M"+l+r+u},le,ce];s.push(h)}return s}function et(t,e){return[t,{d:e},oe,ce]}function it(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var u=void 0;u="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var h=s[l]||t.getAttribute(l),c=e[l],d={attributeName:l,from:h,to:c,begin:"0s",dur:i/1e3+"s",values:h+";"+c,keySplines:de[n],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};a&&(d.type=a);for(var p in d)u.setAttribute(p,d[p]);r.appendChild(u),a?o.setAttribute(l,"translate("+c+")"):o.setAttribute(l,c)}return[r,o]}function nt(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function at(t,e){var i=[],n=[];e.map(function(t){var e=t[0],a=e.parentNode,s=void 0,r=void 0;t[0]=e;var o=it.apply(void 0,Rt(t)),l=It(o,2);s=l[0],r=l[1],i.push(r),n.push([s,a]),a.replaceChild(s,e)});var a=t.cloneNode(!0);return n.map(function(t,n){t[1].replaceChild(i[n],t[0]),e[n][0]=i[n]}),a}function st(t,e,i){if(0!==i.length){var n=at(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},he)}}function rt(t,e){var i=document.createElement("a");i.style="display: none";var n=new Blob(e,{type:"image/svg+xml; charset=utf-8"}),a=window.URL.createObjectURL(n);i.href=a,i.download=t,document.body.appendChild(i),i.click(),setTimeout(function(){document.body.removeChild(i),window.URL.revokeObjectURL(a)},300)}function ot(e){var i=e.cloneNode(!0);i.classList.add("chart-container"),i.setAttribute("xmlns","http://www.w3.org/2000/svg"),i.setAttribute("xmlns:xlink","http://www.w3.org/1999/xlink");var n=t.create("style",{innerHTML:pe});i.insertBefore(n,i.firstChild);var a=t.create("div");return a.appendChild(i),a.innerHTML}function lt(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function ut(t){var e=t.getDate(),i=t.getMonth()+1;return[t.getFullYear(),(i>9?"":"0")+i,(e>9?"":"0")+e].join("-")}function ht(t){return new Date(t.getTime())}function ct(t,e){var i=gt(t);return Math.ceil(dt(i,e)/ge)}function dt(t,e){var i=me*ye;return(lt(e)-lt(t))/i}function pt(t,e){return t.getMonth()===e.getMonth()&&t.getFullYear()===e.getFullYear()}function ft(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=be[t];return e?i.slice(0,3):i}function vt(t,e){return new Date(e,t+1,0)}function gt(t){var e=ht(t),i=e.getDay();return 0!==i&&yt(e,-1*i),e}function yt(t,e){t.setDate(t.getDate()+e)}function mt(t,e,i){var n=Object.keys(we).filter(function(e){return t.includes(e)}),a=we[n[0]];return Object.assign(a,{constants:e,getData:i}),new ke(a)}function bt(t){if(0===t)return[0,0];if(isNaN(t))return{mantissa:-6755399441055744,exponent:972};var e=t>0?1:-1;if(!isFinite(t))return{mantissa:4503599627370496*e,exponent:972};t=Math.abs(t);var i=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,i)),i]}function xt(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Math.ceil(t),n=Math.floor(e),a=i-n,s=a,r=1;a>5&&(a%2!=0&&(a=++i-n),s=a/2,r=2),a<=2&&(r=a/(s=4)),0===a&&(s=5,r=1);for(var o=[],l=0;l<=s;l++)o.push(n+r*l);return o}function kt(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=bt(t),n=It(i,2),a=n[0],s=n[1],r=e?e/Math.pow(10,s):0,o=xt(a=a.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function wt(t){function e(t,e){for(var i=kt(t),n=i[1]-i[0],a=0,s=1;a1&&void 0!==arguments[1]&&arguments[1],n=Math.max.apply(Math,Rt(t)),a=Math.min.apply(Math,Rt(t)),s=[];if(n>=0&&a>=0)bt(n)[1],s=i?kt(n,a):kt(n);else if(n>0&&a<0){var r=Math.abs(a);n>=r?(bt(n)[1],s=e(n,r)):(bt(r)[1],s=e(r,n).map(function(t){return-1*t}))}else if(n<=0&&a<=0){var o=Math.abs(a),l=Math.abs(n);bt(o)[1],s=(s=i?kt(o,l):kt(o)).reverse().map(function(t){return-1*t})}return s}function At(t){var e=Pt(t);return t.indexOf(0)>=0?t.indexOf(0):t[0]>0?-1*t[0]/e:-1*t[t.length-1]/e+(t.length-1)}function Pt(t){return t[1]-t[0]}function Lt(t){return t[t.length-1]-t[0]}function Tt(t,e){return u(e.zeroLine-t*e.scaleMultiplier)}function Mt(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n=e.reduce(function(e,i){return Math.abs(i-t)i?n.slice(0,i):h(n,i-n.length,0)}else t.values=a;t.chartType||(Vt.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=t/e.length;n<=0&&(n=1);var a=n/Gt;return e.map(function(t,e){return(t+="").length>a&&(i?e%Math.ceil(t.length/a)!=0&&(t=""):t=a-3>0?t.slice(0,a-3)+" ...":t.slice(0,a)+".."),t})}function Et(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"axis-mixed"===t?(i.type="line",new Te(e,i)):Ce[t]?new Ce[t](e,i):void console.error("Undefined chart type: "+t)}!function(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===i&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}}('.chart-container{position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .legend-dataset-text{fill:#6c7680;font-weight:600}.graph-svg-tip{position:absolute;z-index:99999;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.graph-svg-tip ol,.graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}');var _t="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},zt=(function(){function t(t){this.value=t}function e(e){function i(t,e){return new Promise(function(i,a){var o={key:t,arg:e,resolve:i,reject:a,next:null};r?r=r.next=o:(s=r=o,n(t,e))})}function n(i,s){try{var r=e[i](s),o=r.value;o instanceof t?Promise.resolve(o.value).then(function(t){n("next",t)},function(t){n("throw",t)}):a(r.done?"return":"normal",r.value)}catch(t){a("throw",t)}}function a(t,e){switch(t){case"return":s.resolve({value:e,done:!0});break;case"throw":s.reject(e);break;default:s.resolve({value:e,done:!1})}(s=s.next)?n(s.key,s.arg):r=null}var s,r;this._invoke=i,"function"!=typeof e.return&&(this.return=void 0)}"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)}}(),function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}),Wt=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
                              \n\t\t\t\t
                              '}),this.hideTip(),this.title=this.container.querySelector(".title"),this.dataPointList=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){e.hideTip()})}},{key:"fill",value:function(){var e=this,i=void 0;this.index&&this.container.setAttribute("data-point-index",this.index),i=this.titleValueFirst?""+this.titleValue+""+this.titleName:this.titleName+""+this.titleValue+"",this.title.innerHTML=i,this.dataPointList.innerHTML="",this.listValues.map(function(i,n){var a=e.colors[n]||"black",s=0===i.formatted||i.formatted?i.formatted:i.value,r=t.create("li",{styles:{"border-top":"3px solid "+a},innerHTML:''+(0===s||s?s:"")+"\n\t\t\t\t\t"+(i.title?i.title:"")});e.dataPointList.appendChild(r)})}},{key:"calcPosition",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight-5,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,i=this.container.querySelector(".svg-pointer");if(this.left<0)i.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var n="calc(50% + "+(this.left-e)+"px)";i.style.left=n,this.left=e}else i.style.left="50%"}},{key:"setValues",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:-1;this.titleName=i.name,this.titleValue=i.value,this.listValues=n,this.x=t,this.y=e,this.titleValueFirst=i.valueFirst||0,this.index=a,this.refresh()}},{key:"hideTip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"showTip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),e}(),$t={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},Qt=function(t){return $t[t]||t},Zt=6,te=4,ee=15,ie=10,ne="#dadada",ae="#555b51",se={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),n=t.getAttribute("r"),a=t.getAttribute("fill");return i.setAttribute("r",parseInt(n)+4),i.setAttribute("fill",a),i.style.opacity="0.6",e&&i.setAttribute("transform",e),i},heat_square:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),n=t.getAttribute("r"),a=t.getAttribute("fill");return i.setAttribute("r",parseInt(n)+4),i.setAttribute("fill",a),i.style.opacity="0.6",e&&i.setAttribute("transform",e),i}},re={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["cx","cy"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},heat_square:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["cx","cy"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},oe=350,le=350,ue=oe,he=250,ce="easein",de={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"},pe=".chart-container{position:relative;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .legend-dataset-text{fill:#6c7680;font-weight:600}.graph-svg-tip{position:absolute;z-index:99999;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.graph-svg-tip ul{padding-left:0;display:flex}.graph-svg-tip ol{padding-left:0;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:' ';border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}",fe=function(){function e(t,i){if(zt(this,e),this.parent="string"==typeof t?document.querySelector(t):t,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.rawChartArgs=i,this.title=i.title||"",this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=this.validateColors(i.colors,this.type),this.config={showTooltip:1,showLegend:1,isNavigable:i.isNavigable||0,animate:1,truncateLegends:i.truncateLegends||0},this.measures=JSON.parse(JSON.stringify(Yt));var n=this.measures;this.setMeasures(i),this.title.length||(n.titleHeight=0),this.config.showLegend||(n.legendHeight=0),this.argHeight=i.height||n.baseHeight,this.state={},this.options={},this.initTimeout=Bt,this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return Wt(e,[{key:"prepareData",value:function(t){return t}},{key:"prepareFirstData",value:function(t){return t}},{key:"validateColors",value:function(t,e){var i=[];return(t=(t||[]).concat(Xt[e])).forEach(function(t){var e=Qt(t);x(e)?i.push(e):console.warn('"'+t+'" is not a valid color.')}),i}},{key:"setMeasures",value:function(){}},{key:"configure",value:function(){var t=this,e=this.argHeight;this.baseHeight=e,this.height=e-o(this.measures),this.boundDrawFn=function(){return t.draw(!0)},window.addEventListener("resize",this.boundDrawFn),window.addEventListener("orientationchange",this.boundDrawFn)}},{key:"destroy",value:function(){window.removeEventListener("resize",this.boundDrawFn),window.removeEventListener("orientationchange",this.boundDrawFn)}},{key:"setup",value:function(){this.makeContainer(),this.updateWidth(),this.makeTooltip(),this.draw(!1,!0)}},{key:"makeContainer",value:function(){this.parent.innerHTML="";var e={inside:this.parent,className:"chart-container"};this.independentWidth&&(e.styles={width:this.independentWidth+"px"}),this.container=t.create("div",e)}},{key:"makeTooltip",value:function(){this.tip=new Kt({parent:this.container,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.updateWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update(t.data)},this.initTimeout)),this.renderLegend(),this.setupNavigation(i)}},{key:"calc",value:function(){}},{key:"updateWidth",value:function(){this.baseWidth=n(this.parent),this.width=this.baseWidth-l(this.measures)}},{key:"makeChartArea",value:function(){this.svg&&this.container.removeChild(this.svg);var t=this.measures;this.svg=L(this.container,"frappe-chart chart",this.baseWidth,this.baseHeight),this.svgDefs=T(this.svg),this.title.length&&(this.titleEL=F("title",t.margins.left,t.margins.top,this.title,{fontSize:t.titleFontSize,fill:"#666666",dy:t.titleFontSize}));var e=s(t);this.drawArea=M(this.type+"-chart chart-draw-area","translate("+r(t)+", "+e+")"),this.config.showLegend&&(e+=this.height+t.paddings.bottom,this.legendArea=M("chart-legend","translate("+r(t)+", "+e+")")),this.title.length&&this.svg.appendChild(this.titleEL),this.svg.appendChild(this.drawArea),this.config.showLegend&&this.svg.appendChild(this.legendArea),this.updateTipOffset(r(t),s(t))}},{key:"updateTipOffset",value:function(t,e){this.tip.offset={x:t,y:e}}},{key:"setupComponents",value:function(){this.components=new Map}},{key:"update",value:function(t){t||console.error("No data to update."),this.data=this.prepareData(t),this.calc(),this.render()}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var n=[];e.forEach(function(t){n=n.concat(t.update(i))}),n.length>0?(st(this.container,this.svg,n),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},400)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){i(t.container)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"addDataPoint",value:function(){}},{key:"removeDataPoint",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(){}},{key:"updateDataset",value:function(){}},{key:"export",value:function(){var t=ot(this.svg);rt(this.title||"Chart",[t])}}]),e}(),ve=function(t){function e(t,i){return zt(this,e),jt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i))}return Ft(e,t),Wt(e,[{key:"configure",value:function(t){Ht(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,i=this.config.maxSlices;e.sliceTotals=[];var n=this.data.labels.map(function(e,i){var n=0;return t.data.datasets.map(function(t){n+=t.values[i]}),[n,e]}).filter(function(t){return t[0]>=0}),a=n;if(n.length>i){n.sort(function(t,e){return e[0]-t[0]}),a=n.slice(0,i-1);var s=0;n.slice(i-1).map(function(t){s+=t[0]}),a.push([s,"Rest"]),this.colors[i-1]="grey"}e.labels=[],a.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])}),e.grandTotal=e.sliceTotals.reduce(function(t,e){return t+e},0),this.center={x:this.width/2,y:this.height/2}}},{key:"renderLegend",value:function(){var t=this,e=this.state;this.legendArea.textContent="",this.legendTotals=e.sliceTotals.slice(0,this.config.maxLegendPoints);var i=0,n=0;this.legendTotals.map(function(a,s){var r=110,o=Math.floor((t.width-l(t.measures))/r);t.legendTotals.lengtho&&(i=0,n+=20);var u=H(r*i+5,n,5,t.colors[s],e.labels[s]+": "+a);t.legendArea.appendChild(u),i++})}}]),e}(fe),ge=7,ye=1e3,me=86400,be=["January","February","March","April","May","June","July","August","September","October","November","December"],xe=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],ke=function(){function t(e){var i=e.layerClass,n=void 0===i?"":i,a=e.layerTransform,s=void 0===a?"":a,r=e.constants,o=e.getData,l=e.makeElements,u=e.animateElements;zt(this,t),this.layerTransform=s,this.constants=r,this.makeElements=l,this.getData=o,this.animateElements=u,this.store=[],this.labels=[],this.layerClass=n,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return Wt(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=M(this.layerClass,this.layerTransform,t)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)}),this.labels.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)||[]),e}}]),t}(),we={donutSlices:{layerClass:"donut-slices",makeElements:function(t){return t.sliceStrings.map(function(e,i){var n=C(e,"donut-path",t.colors[i],"none",t.strokeWidth);return n.style.transition="transform .3s;",n})},animateElements:function(t){return this.store.map(function(e,i){return et(e,t.sliceStrings[i])})}},pieSlices:{layerClass:"pie-slices",makeElements:function(t){return t.sliceStrings.map(function(e,i){var n=C(e,"pie-path","none",t.colors[i]);return n.style.transition="transform .3s;",n})},animateElements:function(t){return this.store.map(function(e,i){return et(e,t.sliceStrings[i])})}},percentageBars:{layerClass:"percentage-bars",makeElements:function(t){var e=this;return t.xPositions.map(function(i,n){return _(i,0,t.widths[n],e.constants.barHeight,e.constants.barDepth,t.colors[n])})},animateElements:function(t){if(t)return[]}},yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return R(i,t.labels[n],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos,shortenNumbers:e.constants.shortenNumbers})})},animateElements:function(t){var e=t.positions,i=t.labels,n=this.oldData.positions,a=this.oldData.labels,s=f(n,e),r=It(s,2);n=r[0],e=r[1];var o=f(a,i),l=It(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return K(t,e[i],n[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return Y(i,t.calcLabels[n],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,n=this.oldData.positions,a=this.oldData.calcLabels,s=f(n,e),r=It(s,2);n=r[0],e=r[1];var o=f(a,i),l=It(o,2);return a=l[0],i=l[1],this.render({positions:n,calcLabels:i}),this.store.map(function(t,i){return J(t,e[i],n[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return B(t.position,t.label,e.constants.width,{labelPos:t.options.labelPos,mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=f(this.oldData,t),i=It(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.position}),a=t.map(function(t){return t.label}),s=t.map(function(t){return t.options}),r=this.oldData.map(function(t){return t.position});return this.render(r.map(function(t,e){return{position:r[e],label:a[e],options:s[e]}})),this.store.map(function(t,e){return K(t,n[e],r[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return V(t.startPos,t.endPos,e.constants.width,t.label,{labelPos:t.options.labelPos})})},animateElements:function(t){var e=f(this.oldData,t),i=It(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.endPos}),a=t.map(function(t){return t.label}),s=t.map(function(t){return t.startPos}),r=t.map(function(t){return t.options}),o=this.oldData.map(function(t){return t.endPos}),l=this.oldData.map(function(t){return t.startPos});this.render(o.map(function(t,e){return{startPos:l[e],endPos:o[e],label:a[e],options:r[e]}}));var u=[];return this.store.map(function(t,e){u=u.concat($(t,s[e],n[e],o[e]))}),u}},heatDomain:{layerClass:function(){return"heat-domain domain-"+this.constants.index},makeElements:function(t){var e=this,i=this.constants,n=i.index,a=i.colWidth,s=i.rowHeight,r=i.squareSize,o=i.xTranslate,l=0;return this.serializedSubDomains=[],t.cols.map(function(t,i){1===i&&e.labels.push(F("domain-name",o,-12,ft(n,!0).toUpperCase(),{fontSize:9})),t.map(function(t,i){if(t.fill){var n={"data-date":t.yyyyMmDd,"data-value":t.dataValue,"data-day":i},a=z("day",o,l,r,t.fill,n);e.serializedSubDomains.push(a)}l+=s}),l=0,o+=a}),this.serializedSubDomains},animateElements:function(t){if(t)return[]}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,n){return U(t.xPositions[n],i,t.barWidth,e.color,t.labels[n],n,t.offsets[n],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=t.xPositions,i=t.yPositions,n=t.offsets,a=t.labels,s=this.oldData.xPositions,r=this.oldData.yPositions,o=this.oldData.offsets,l=this.oldData.labels,u=f(s,e),h=It(u,2);s=h[0],e=h[1];var c=f(r,i),d=It(c,2);r=d[0],i=d[1];var p=f(o,n),v=It(p,2);o=v[0],n=v[1];var g=f(l,a),y=It(g,2);l=y[0],a=y[1],this.render({xPositions:s,yPositions:r,offsets:o,labels:a,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var m=[];return this.store.map(function(a,s){m=m.concat(Q(a,e[s],i[s],t.barWidth,n[s],{zeroLine:t.zeroLine}))}),m}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=q(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill,spline:e.spline},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,n){return G(t.xPositions[n],i,t.radius,e.color,e.valuesOverPoints?t.values[n]:"",n)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,n=t.values,a=this.oldData.xPositions,s=this.oldData.yPositions,r=this.oldData.values,o=f(a,e),l=It(o,2);a=l[0],e=l[1];var u=f(s,i),h=It(u,2);s=h[0],i=h[1];var c=f(r,n),d=It(c,2);r=d[0],n=d[1],this.render({xPositions:a,yPositions:s,values:n,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var p=[];return Object.keys(this.paths).length&&(p=p.concat(tt(this.paths,e,i,t.zeroLine,this.constants.spline))),this.units.length&&this.units.map(function(t,n){p=p.concat(Z(t,e[n],i[n]))}),p}}},Ae=function(t){function i(t,e){zt(this,i);var n=jt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.type="percentage",n.setup(),n}return Ft(i,t),Wt(i,[{key:"setMeasures",value:function(t){var e=this.measures;this.barOptions=t.barOptions||{};var i=this.barOptions;i.height=i.height||20,i.depth=i.depth||Ut,e.paddings.right=30,e.legendHeight=60,e.baseHeight=8*(i.height+.5*i.depth)}},{key:"setupComponents",value:function(){var t=this.state,e=[["percentageBars",{barHeight:this.barOptions.height,barDepth:this.barOptions.depth},function(){return{xPositions:t.xPositions,widths:t.widths,colors:this.colors}}.bind(this)]];this.components=new Map(e.map(function(t){var e=mt.apply(void 0,Rt(t));return[t[0],e]}))}},{key:"calc",value:function(){var t=this;Ht(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"calc",this).call(this);var e=this.state;e.xPositions=[],e.widths=[];var n=0;e.sliceTotals.map(function(i){var a=t.width*i/e.grandTotal;e.widths.push(a),e.xPositions.push(n),n+=a})}},{key:"makeDataByIndex",value:function(){}},{key:"bindTooltip",value:function(){var t=this,i=this.state;this.container.addEventListener("mousemove",function(n){var a=t.components.get("percentageBars").store,s=n.target;if(a.includes(s)){var r=a.indexOf(s),o=e(t.container),l=e(s),u=l.left-o.left+parseInt(s.getAttribute("width"))/2,h=l.top-o.top,c=(t.formattedLabels&&t.formattedLabels.length>0?t.formattedLabels[r]:t.state.labels[r])+": ",d=i.sliceTotals[r]/i.grandTotal;t.tip.setValues(u,h,{name:c,value:(100*d).toFixed(1)+"%"}),t.tip.showTip()}})}}]),i}(ve),Pe=function(t){function i(t,e){zt(this,i);var n=jt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.type="pie",n.initTimeout=0,n.init=1,n.setup(),n}return Ft(i,t),Wt(i,[{key:"configure",value:function(t){Ht(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this),this.hoverRadio=t.hoverRadio||.1,this.config.startAngle=t.startAngle||0,this.clockWise=t.clockWise||!1}},{key:"calc",value:function(){var t=this;Ht(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"calc",this).call(this);var e=this.state;this.radius=this.height>this.width?this.center.x:this.center.y;var n=this.radius,a=this.clockWise,s=e.slicesProperties||[];e.sliceStrings=[],e.slicesProperties=[];var r=180-this.config.startAngle;e.sliceTotals.map(function(i,o){var l=r,u=i/e.grandTotal*360,h=u>180?1:0,c=a?-u:u,p=r+=c,f=d(l,n),v=d(p,n),g=t.init&&s[o],y=void 0,m=void 0;t.init?(y=g?g.startPosition:f,m=g?g.endPosition:f):(y=f,m=v);var b=360===u?D(y,m,t.center,t.radius,a,h):O(y,m,t.center,t.radius,a,h);e.sliceStrings.push(b),e.slicesProperties.push({startPosition:f,endPosition:v,value:i,total:e.grandTotal,startAngle:l,endAngle:p,angle:c})}),this.init=0}},{key:"setupComponents",value:function(){var t=this.state,e=[["pieSlices",{},function(){return{sliceStrings:t.sliceStrings,colors:this.colors}}.bind(this)]];this.components=new Map(e.map(function(t){var e=mt.apply(void 0,Rt(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,n=d(t.startAngle+t.angle/2,e);return"translate3d("+n.x*i+"px,"+n.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,i,n,a){if(t){var s=this.colors[i];if(n){nt(t,this.calTranslateByAngle(this.state.slicesProperties[i])),t.style.fill=b(s,50);var r=e(this.svg),o=a.pageX-r.left+10,l=a.pageY-r.top-10,u=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[i]:this.state.labels[i])+": ",h=(100*this.state.sliceTotals[i]/this.state.grandTotal).toFixed(1);this.tip.setValues(o,l,{name:u,value:h+"%"}),this.tip.showTip()}else nt(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.fill=s}}},{key:"bindTooltip",value:function(){this.container.addEventListener("mousemove",this.mouseMove),this.container.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,i=this.components.get("pieSlices").store,n=this.curActiveSliceIndex,a=this.curActiveSlice;if(i.includes(e)){var s=i.indexOf(e);this.hoverSlice(a,n,!1),this.curActiveSlice=e,this.curActiveSliceIndex=s,this.hoverSlice(e,s,!0,t)}else this.mouseLeave()}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}}]),i}(ve),Le=function(t){function e(t,i){zt(this,e);var n=jt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));n.type="heatmap",n.countLabel=i.countLabel||"";var a=["Sunday","Monday"],s=a.includes(i.startSubDomain)?i.startSubDomain:"Sunday";return n.startSubDomainIndex=a.indexOf(s),n.setup(),n}return Ft(e,t),Wt(e,[{key:"setMeasures",value:function(t){var e=this.measures;this.discreteDomains=0===t.discreteDomains?0:1,e.paddings.top=36,e.paddings.bottom=0,e.legendHeight=24,e.baseHeight=12*ge+o(e);var i=this.data,n=this.discreteDomains?12:0;this.independentWidth=12*(ct(i.start,i.end)+n)+l(e)}},{key:"updateWidth",value:function(){var t=this.discreteDomains?12:0,e=this.state.noOfWeeks?this.state.noOfWeeks:52;this.baseWidth=12*(e+t)+l(this.measures)}},{key:"prepareData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;if(t.start&&t.end&&t.start>t.end)throw new Error("Start date cannot be greater than end date.");if(t.start||(t.start=new Date,t.start.setFullYear(t.start.getFullYear()-1)),t.end||(t.end=new Date),t.dataPoints=t.dataPoints||{},parseInt(Object.keys(t.dataPoints)[0])>1e5){var e={};Object.keys(t.dataPoints).forEach(function(i){var n=new Date(i*ye);e[ut(n)]=t.dataPoints[i]}),t.dataPoints=e}return t}},{key:"calc",value:function(){var t=this.state;t.start=ht(this.data.start),t.end=ht(this.data.end),t.firstWeekStart=ht(t.start),t.noOfWeeks=ct(t.start,t.end),t.distribution=Ct(Object.values(this.data.dataPoints),5),t.domainConfigs=this.getDomains()}},{key:"setupComponents",value:function(){var t=this,e=this.state,i=this.discreteDomains?0:1,n=e.domainConfigs.map(function(n,a){return["heatDomain",{index:n.index,colWidth:12,rowHeight:12,squareSize:10,xTranslate:12*e.domainConfigs.filter(function(t,e){return e1&&void 0!==arguments[1]?arguments[1]:"",i=[t.getMonth(),t.getFullYear()],n=i[0],a=i[1],s=gt(t),r={index:n,cols:[]};yt(e=ht(e)||vt(n,a),1);for(var o=ct(s,e),l=[],u=void 0,h=0;h2&&void 0!==arguments[2]&&arguments[2],n=this.state,a=ht(t),s=[],r=0;r=n.start&&a<=n.end;i||a.getMonth()!==e||!l?o.yyyyMmDd=ut(a):o=this.getSubDomainConfig(a),s.push(o)}return s}},{key:"getSubDomainConfig",value:function(t){var e=ut(t),i=this.data.dataPoints[e];return{yyyyMmDd:e,dataValue:i||0,fill:this.colors[Ot(i,this.state.distribution)]}}}]),e}(fe),Te=function(t){function i(t,e){zt(this,i);var n=jt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.barOptions=e.barOptions||{},n.lineOptions=e.lineOptions||{},n.type=e.type||"line",n.init=1,n.setup(),n}return Ft(i,t),Wt(i,[{key:"setMeasures",value:function(){this.data.datasets.length<=1&&(this.config.showLegend=0,this.measures.paddings.bottom=30)}},{key:"configure",value:function(t){Ht(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||0,this.config.shortenYAxisNumbers=t.axisOptions.shortenYAxisNumbers||0,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"prepareData",value:function(){return Dt(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return Nt(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type),this.makeDataByIndex()}},{key:"calcXPositions",value:function(){var t=this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return u(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=wt(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/Lt(e),n=Pt(e)*i,a=this.height-At(e)*n;this.state.yAxis={labels:e,positions:e.map(function(t){return a-t*i}),scaleMultiplier:i,zeroLine:a},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return Tt(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var n=t.values,a=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:n,yPositions:e(n),cumulativeYs:a,cumulativeYPos:e(a)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e){e.yPositions.map(function(e,i){es(n)?t.mapTooltipXPosition(o):t.tip.hideTip()})}},{key:"mapTooltipXPosition",value:function(t){var e=this.state;if(e.yExtremes){var i=Mt(t,e.xAxis.positions,!0),n=this.dataByIndex[i];this.tip.setValues(n.xPos+this.tip.offset.x,n.yExtreme+this.tip.offset.y,{name:n.formattedLabel,value:""},n.values,i),this.tip.showTip()}}},{key:"renderLegend",value:function(){var t=this,e=this.data;e.datasets.length>1&&(this.legendArea.textContent="",e.datasets.map(function(e,i){var n=W(100*i,"0",100,t.colors[i],e.name,t.config.truncateLegends);t.legendArea.appendChild(n)}))}},{key:"makeOverlay",value:function(){var t=this;if(this.init)return void(this.init=0);this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=se[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(){t.updateOverlay()})}},{key:"bindUnits",value:function(){var t=this;this.dataUnitComponents.map(function(e){e.units.map(function(e){e.addEventListener("click",function(){var i=e.getAttribute("data-point-index");t.setCurrentDataPoint(i)})})}),this.tip.container.addEventListener("click",function(){var e=t.tip.container.getAttribute("data-point-index");t.setCurrentDataPoint(e)})}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];re[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex,e=this.state;return{index:t,label:e.xAxis.labels[t],values:e.datasets.map(function(e){return e.values[t]})}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,a(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;Ht(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"addDataPoint",this).call(this,t,e,n),this.data.labels.splice(n,0,t),this.data.datasets.map(function(t,i){t.values.splice(n,0,e[i])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;this.data.labels.length<=1||(Ht(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data))}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}},{key:"updateDatasets",value:function(t){this.data.datasets.map(function(e,i){t[i]&&(e.values=t[i])}),this.update(this.data)}}]),i}(fe),Me=function(t){function i(t,e){zt(this,i);var n=jt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.type="donut",n.initTimeout=0,n.init=1,n.setup(),n}return Ft(i,t),Wt(i,[{key:"configure",value:function(t){Ht(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this),this.hoverRadio=t.hoverRadio||.1,this.config.startAngle=t.startAngle||0,this.clockWise=t.clockWise||!1,this.strokeWidth=t.strokeWidth||30}},{key:"calc",value:function(){var t=this;Ht(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"calc",this).call(this);var e=this.state;this.radius=this.height>this.width?this.center.x-this.strokeWidth/2:this.center.y-this.strokeWidth/2;var n=this.radius,a=this.clockWise,s=e.slicesProperties||[];e.sliceStrings=[],e.slicesProperties=[];var r=180-this.config.startAngle;e.sliceTotals.map(function(i,o){var l=r,u=i/e.grandTotal*360,h=u>180?1:0,c=a?-u:u,p=r+=c,f=d(l,n),v=d(p,n),g=t.init&&s[o],y=void 0,m=void 0;t.init?(y=g?g.startPosition:f,m=g?g.endPosition:f):(y=f,m=v);var b=360===u?S(y,m,t.center,t.radius,t.clockWise,h):N(y,m,t.center,t.radius,t.clockWise,h);e.sliceStrings.push(b),e.slicesProperties.push({startPosition:f,endPosition:v,value:i,total:e.grandTotal,startAngle:l,endAngle:p,angle:c})}),this.init=0}},{key:"setupComponents",value:function(){var t=this.state,e=[["donutSlices",{},function(){return{sliceStrings:t.sliceStrings,colors:this.colors,strokeWidth:this.strokeWidth}}.bind(this)]];this.components=new Map(e.map(function(t){var e=mt.apply(void 0,Rt(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,n=d(t.startAngle+t.angle/2,e);return"translate3d("+n.x*i+"px,"+n.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,i,n,a){if(t){var s=this.colors[i];if(n){nt(t,this.calTranslateByAngle(this.state.slicesProperties[i])),t.style.stroke=b(s,50);var r=e(this.svg),o=a.pageX-r.left+10,l=a.pageY-r.top-10,u=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[i]:this.state.labels[i])+": ",h=(100*this.state.sliceTotals[i]/this.state.grandTotal).toFixed(1);this.tip.setValues(o,l,{name:u,value:h+"%"}),this.tip.showTip()}else nt(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.stroke=s}}},{key:"bindTooltip",value:function(){this.container.addEventListener("mousemove",this.mouseMove),this.container.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,i=this.components.get("donutSlices").store,n=this.curActiveSliceIndex,a=this.curActiveSlice;if(i.includes(e)){var s=i.indexOf(e);this.hoverSlice(a,n,!1),this.curActiveSlice=e,this.curActiveSliceIndex=s,this.hoverSlice(e,s,!0,t)}else this.mouseLeave()}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}}]),i}(ve),Ce={bar:Te,line:Te,percentage:Ae,heatmap:Le,pie:Pe,donut:Me},Oe=function t(e,i){return zt(this,t),Et(i.type,e,i)},De=Object.freeze({Chart:Oe,PercentageChart:Ae,PieChart:Pe,Heatmap:Le,AxisChart:Te}),Ne={};return Ne.NAME="Frappe Charts",Ne.VERSION="1.2.4",Ne=Object.assign({},Ne,De)}(); +//# sourceMappingURL=frappe-charts.min.iife.js.map diff --git a/dist/frappe-charts.min.iife.js.map b/dist/frappe-charts.min.iife.js.map new file mode 100644 index 0000000..439e0fb --- /dev/null +++ b/dist/frappe-charts.min.iife.js.map @@ -0,0 +1 @@ +{"version":3,"file":"frappe-charts.min.iife.js","sources":["../src/js/utils/dom.js","../src/js/utils/constants.js","../src/js/utils/helpers.js","../src/js/utils/draw-utils.js","../src/js/utils/colors.js","../src/js/utils/draw.js","../src/js/utils/animate.js","../src/js/utils/animation.js","../src/js/utils/export.js","../src/js/utils/date-utils.js","../src/js/objects/ChartComponents.js","../src/js/utils/intervals.js","../src/js/utils/axis-chart-utils.js","../src/js/chart.js","../node_modules/style-inject/dist/style-inject.es.js","../src/js/objects/SvgTip.js","../src/css/chartsCss.js","../src/js/charts/BaseChart.js","../src/js/charts/AggregationChart.js","../src/js/charts/PercentageChart.js","../src/js/charts/PieChart.js","../src/js/charts/Heatmap.js","../src/js/charts/AxisChart.js","../src/js/charts/DonutChart.js","../src/js/index.js"],"sourcesContent":["export function $(expr, con) {\r\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\r\n}\r\n\r\nexport function findNodeIndex(node)\r\n{\r\n\tvar i = 0;\r\n\twhile (node.previousSibling) {\r\n\t\tnode = node.previousSibling;\r\n\t\ti++;\r\n\t}\r\n\treturn i;\r\n}\r\n\r\n$.create = (tag, o) => {\r\n\tvar element = document.createElement(tag);\r\n\r\n\tfor (var i in o) {\r\n\t\tvar val = o[i];\r\n\r\n\t\tif (i === \"inside\") {\r\n\t\t\t$(val).appendChild(element);\r\n\t\t}\r\n\t\telse if (i === \"around\") {\r\n\t\t\tvar ref = $(val);\r\n\t\t\tref.parentNode.insertBefore(element, ref);\r\n\t\t\telement.appendChild(ref);\r\n\r\n\t\t} else if (i === \"styles\") {\r\n\t\t\tif(typeof val === \"object\") {\r\n\t\t\t\tObject.keys(val).map(prop => {\r\n\t\t\t\t\telement.style[prop] = val[prop];\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t} else if (i in element ) {\r\n\t\t\telement[i] = val;\r\n\t\t}\r\n\t\telse {\r\n\t\t\telement.setAttribute(i, val);\r\n\t\t}\r\n\t}\r\n\r\n\treturn element;\r\n};\r\n\r\nexport function getOffset(element) {\r\n\tlet rect = element.getBoundingClientRect();\r\n\treturn {\r\n\t\t// https://stackoverflow.com/a/7436602/6495043\r\n\t\t// rect.top varies with scroll, so we add whatever has been\r\n\t\t// scrolled to it to get absolute distance from actual page top\r\n\t\ttop: rect.top + (document.documentElement.scrollTop || document.body.scrollTop),\r\n\t\tleft: rect.left + (document.documentElement.scrollLeft || document.body.scrollLeft)\r\n\t};\r\n}\r\n\r\nexport function isElementInViewport(el) {\r\n\t// Although straightforward: https://stackoverflow.com/a/7557433/6495043\r\n\tvar rect = el.getBoundingClientRect();\r\n\r\n\treturn (\r\n\t\trect.top >= 0 &&\r\n rect.left >= 0 &&\r\n rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */\r\n rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */\r\n\t);\r\n}\r\n\r\nexport function getElementContentWidth(element) {\r\n\tvar styles = window.getComputedStyle(element);\r\n\tvar padding = parseFloat(styles.paddingLeft) +\r\n\t\tparseFloat(styles.paddingRight);\r\n\r\n\treturn element.clientWidth - padding;\r\n}\r\n\r\nexport function bind(element, o){\r\n\tif (element) {\r\n\t\tfor (var event in o) {\r\n\t\t\tvar callback = o[event];\r\n\r\n\t\t\tevent.split(/\\s+/).forEach(function (event) {\r\n\t\t\t\telement.addEventListener(event, callback);\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n}\r\n\r\nexport function unbind(element, o){\r\n\tif (element) {\r\n\t\tfor (var event in o) {\r\n\t\t\tvar callback = o[event];\r\n\r\n\t\t\tevent.split(/\\s+/).forEach(function(event) {\r\n\t\t\t\telement.removeEventListener(event, callback);\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n}\r\n\r\nexport function fire(target, type, properties) {\r\n\tvar evt = document.createEvent(\"HTMLEvents\");\r\n\r\n\tevt.initEvent(type, true, true );\r\n\r\n\tfor (var j in properties) {\r\n\t\tevt[j] = properties[j];\r\n\t}\r\n\r\n\treturn target.dispatchEvent(evt);\r\n}\r\n\r\n// https://css-tricks.com/snippets/javascript/loop-queryselectorall-matches/\r\nexport function forEachNode(nodeList, callback, scope) {\r\n\tif(!nodeList) return;\r\n\tfor (var i = 0; i < nodeList.length; i++) {\r\n\t\tcallback.call(scope, nodeList[i], i);\r\n\t}\r\n}\r\n\r\nexport function activate($parent, $child, commonClass, activeClass='active', index = -1) {\r\n\tlet $children = $parent.querySelectorAll(`.${commonClass}.${activeClass}`);\r\n\r\n\tforEachNode($children, (node, i) => {\r\n\t\tif(index >= 0 && i <= index) return;\r\n\t\tnode.classList.remove(activeClass);\r\n\t});\r\n\r\n\t$child.classList.add(activeClass);\r\n}\r\n","export const ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\r\n\r\nexport const COMPATIBLE_CHARTS = {\r\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\r\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\r\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\r\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\r\n\theatmap: []\r\n};\r\n\r\nexport const DATA_COLOR_DIVISIONS = {\r\n\tbar: 'datasets',\r\n\tline: 'datasets',\r\n\tpie: 'labels',\r\n\tpercentage: 'labels',\r\n\theatmap: HEATMAP_DISTRIBUTION_SIZE\r\n};\r\n\r\nexport const BASE_MEASURES = {\r\n\tmargins: {\r\n\t\ttop: 10,\r\n\t\tbottom: 10,\r\n\t\tleft: 20,\r\n\t\tright: 20\r\n\t},\r\n\tpaddings: {\r\n\t\ttop: 20,\r\n\t\tbottom: 40,\r\n\t\tleft: 30,\r\n\t\tright: 10\r\n\t},\r\n\r\n\tbaseHeight: 240,\r\n\ttitleHeight: 20,\r\n\tlegendHeight: 30,\r\n\r\n\ttitleFontSize: 12,\r\n};\r\n\r\nexport function getTopOffset(m) {\r\n\treturn m.titleHeight + m.margins.top + m.paddings.top;\r\n}\r\n\r\nexport function getLeftOffset(m) {\r\n\treturn m.margins.left + m.paddings.left;\r\n}\r\n\r\nexport function getExtraHeight(m) {\r\n\tlet totalExtraHeight = m.margins.top + m.margins.bottom\r\n\t\t+ m.paddings.top + m.paddings.bottom\r\n\t\t+ m.titleHeight + m.legendHeight;\r\n\treturn totalExtraHeight;\r\n}\r\n\r\nexport function getExtraWidth(m) {\r\n\tlet totalExtraWidth = m.margins.left + m.margins.right\r\n\t\t+ m.paddings.left + m.paddings.right;\r\n\r\n\treturn totalExtraWidth;\r\n}\r\n\r\nexport const INIT_CHART_UPDATE_TIMEOUT = 700;\r\nexport const CHART_POST_ANIMATE_TIMEOUT = 400;\r\n\r\nexport const DEFAULT_AXIS_CHART_TYPE = 'line';\r\nexport const AXIS_DATASET_CHART_TYPES = ['line', 'bar'];\r\n\r\nexport const AXIS_LEGEND_BAR_SIZE = 100;\r\n\r\nexport const BAR_CHART_SPACE_RATIO = 0.5;\r\nexport const MIN_BAR_PERCENT_HEIGHT = 0.00;\r\n\r\nexport const LINE_CHART_DOT_SIZE = 4;\r\nexport const DOT_OVERLAY_SIZE_INCR = 4;\r\n\r\nexport const PERCENTAGE_BAR_DEFAULT_HEIGHT = 20;\r\nexport const PERCENTAGE_BAR_DEFAULT_DEPTH = 2;\r\n\r\n// Fixed 5-color theme,\r\n// More colors are difficult to parse visually\r\nexport const HEATMAP_DISTRIBUTION_SIZE = 5;\r\n\r\nexport const HEATMAP_SQUARE_SIZE = 10;\r\nexport const HEATMAP_GUTTER_SIZE = 2;\r\n\r\nexport const DEFAULT_CHAR_WIDTH = 7;\r\n\r\nexport const TOOLTIP_POINTER_TRIANGLE_HEIGHT = 5;\r\n\r\nconst DEFAULT_CHART_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\r\n\t'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey'];\r\nconst HEATMAP_COLORS_GREEN = ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\r\nexport const HEATMAP_COLORS_BLUE = ['#ebedf0', '#c0ddf9', '#73b3f3', '#3886e1', '#17459e'];\r\nexport const HEATMAP_COLORS_YELLOW = ['#ebedf0', '#fdf436', '#ffc700', '#ff9100', '#06001c'];\r\n\r\nexport const DEFAULT_COLORS = {\r\n\tbar: DEFAULT_CHART_COLORS,\r\n\tline: DEFAULT_CHART_COLORS,\r\n\tpie: DEFAULT_CHART_COLORS,\r\n\tpercentage: DEFAULT_CHART_COLORS,\r\n\theatmap: HEATMAP_COLORS_GREEN,\r\n\tdonut: DEFAULT_CHART_COLORS\r\n};\r\n\r\n// Universal constants\r\nexport const ANGLE_RATIO = Math.PI / 180;\r\nexport const FULL_ANGLE = 360;\r\n","import { ANGLE_RATIO } from './constants';\r\n\r\n/**\r\n * Returns the value of a number upto 2 decimal places.\r\n * @param {Number} d Any number\r\n */\r\nexport function floatTwo(d) {\r\n\treturn parseFloat(d.toFixed(2));\r\n}\r\n\r\n/**\r\n * Returns whether or not two given arrays are equal.\r\n * @param {Array} arr1 First array\r\n * @param {Array} arr2 Second array\r\n */\r\nexport function arraysEqual(arr1, arr2) {\r\n\tif(arr1.length !== arr2.length) return false;\r\n\tlet areEqual = true;\r\n\tarr1.map((d, i) => {\r\n\t\tif(arr2[i] !== d) areEqual = false;\r\n\t});\r\n\treturn areEqual;\r\n}\r\n\r\n/**\r\n * Shuffles array in place. ES6 version\r\n * @param {Array} array An array containing the items.\r\n */\r\nexport function shuffle(array) {\r\n\t// Awesomeness: https://bost.ocks.org/mike/shuffle/\r\n\t// https://stackoverflow.com/a/2450976/6495043\r\n\t// https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array?noredirect=1&lq=1\r\n\r\n\tfor (let i = array.length - 1; i > 0; i--) {\r\n\t\tlet j = Math.floor(Math.random() * (i + 1));\r\n\t\t[array[i], array[j]] = [array[j], array[i]];\r\n\t}\r\n\r\n\treturn array;\r\n}\r\n\r\n/**\r\n * Fill an array with extra points\r\n * @param {Array} array Array\r\n * @param {Number} count number of filler elements\r\n * @param {Object} element element to fill with\r\n * @param {Boolean} start fill at start?\r\n */\r\nexport function fillArray(array, count, element, start=false) {\r\n\tif(!element) {\r\n\t\telement = start ? array[0] : array[array.length - 1];\r\n\t}\r\n\tlet fillerArray = new Array(Math.abs(count)).fill(element);\r\n\tarray = start ? fillerArray.concat(array) : array.concat(fillerArray);\r\n\treturn array;\r\n}\r\n\r\n/**\r\n * Returns pixel width of string.\r\n * @param {String} string\r\n * @param {Number} charWidth Width of single char in pixels\r\n */\r\nexport function getStringWidth(string, charWidth) {\r\n\treturn (string+\"\").length * charWidth;\r\n}\r\n\r\nexport function bindChange(obj, getFn, setFn) {\r\n\treturn new Proxy(obj, {\r\n\t\tset: function(target, prop, value) {\r\n\t\t\tsetFn();\r\n\t\t\treturn Reflect.set(target, prop, value);\r\n\t\t},\r\n\t\tget: function(target, prop) {\r\n\t\t\tgetFn();\r\n\t\t\treturn Reflect.get(target, prop);\r\n\t\t}\r\n\t});\r\n}\r\n\r\n// https://stackoverflow.com/a/29325222\r\nexport function getRandomBias(min, max, bias, influence) {\r\n\tconst range = max - min;\r\n\tconst biasValue = range * bias + min;\r\n\tvar rnd = Math.random() * range + min,\t\t// random in range\r\n\t\tmix = Math.random() * influence;\t\t// random mixer\r\n\treturn rnd * (1 - mix) + biasValue * mix;\t// mix full range and bias\r\n}\r\n\r\nexport function getPositionByAngle(angle, radius) {\r\n\treturn {\r\n\t\tx: Math.sin(angle * ANGLE_RATIO) * radius,\r\n\t\ty: Math.cos(angle * ANGLE_RATIO) * radius,\r\n\t};\r\n}\r\n","import { fillArray } from './helpers';\r\n\r\nexport function getBarHeightAndYAttr(yTop, zeroLine) {\r\n\tlet height, y;\r\n\tif (yTop <= zeroLine) {\r\n\t\theight = zeroLine - yTop;\r\n\t\ty = yTop;\r\n\t} else {\r\n\t\theight = yTop - zeroLine;\r\n\t\ty = zeroLine;\r\n\t}\r\n\r\n\treturn [height, y];\r\n}\r\n\r\nexport function equilizeNoOfElements(array1, array2,\r\n\textraCount = array2.length - array1.length) {\r\n\r\n\t// Doesn't work if either has zero elements.\r\n\tif(extraCount > 0) {\r\n\t\tarray1 = fillArray(array1, extraCount);\r\n\t} else {\r\n\t\tarray2 = fillArray(array2, extraCount);\r\n\t}\r\n\treturn [array1, array2];\r\n}\r\n\r\nexport function truncateString(txt, len) {\r\n\tif (!txt) {\r\n\t\treturn;\r\n\t}\r\n\tif (txt.length > len) {\r\n\t\treturn txt.slice(0, len-3) + '...';\r\n\t} else {\r\n\t\treturn txt;\r\n\t}\r\n}\r\n\r\nexport function shortenLargeNumber(label) {\r\n\tlet number;\r\n\tif (typeof label === 'number') number = label;\r\n\telse if (typeof label === 'string') {\r\n\t\tnumber = Number(label);\r\n\t\tif (Number.isNaN(number)) return label;\r\n\t}\r\n\r\n\t// Using absolute since log wont work for negative numbers\r\n\tlet p = Math.floor(Math.log10(Math.abs(number)));\r\n\tif (p <= 2) return number; // Return as is for a 3 digit number of less\r\n\tlet\tl = Math.floor(p / 3);\r\n\tlet shortened = (Math.pow(10, p - l * 3) * +(number / Math.pow(10, p)).toFixed(1));\r\n\r\n\t// Correct for floating point error upto 2 decimal places\r\n\treturn Math.round(shortened*100)/100 + ' ' + ['', 'K', 'M', 'B', 'T'][l];\r\n}\r\n\r\n// cubic bezier curve calculation (from example by François Romain)\r\nexport function createSplineCurve(xList, yList) {\r\n\r\n\tlet points=[];\r\n\tfor(let i=0;i {\r\n\t\tlet lengthX = pointB[0] - pointA[0];\r\n\t\tlet lengthY = pointB[1] - pointA[1];\r\n\t\treturn {\r\n\t\t\tlength: Math.sqrt(Math.pow(lengthX, 2) + Math.pow(lengthY, 2)),\r\n\t\t\tangle: Math.atan2(lengthY, lengthX)\r\n\t\t};\r\n\t};\r\n \r\n\tlet controlPoint = (current, previous, next, reverse) => {\r\n\t\tlet p = previous || current;\r\n\t\tlet n = next || current;\r\n\t\tlet o = line(p, n);\r\n\t\tlet angle = o.angle + (reverse ? Math.PI : 0);\r\n\t\tlet length = o.length * smoothing;\r\n\t\tlet x = current[0] + Math.cos(angle) * length;\r\n\t\tlet y = current[1] + Math.sin(angle) * length;\r\n\t\treturn [x, y];\r\n\t};\r\n \r\n\tlet bezierCommand = (point, i, a) => {\r\n\t\tlet cps = controlPoint(a[i - 1], a[i - 2], point);\r\n\t\tlet cpe = controlPoint(point, a[i - 1], a[i + 1], true);\r\n\t\treturn `C ${cps[0]},${cps[1]} ${cpe[0]},${cpe[1]} ${point[0]},${point[1]}`;\r\n\t};\r\n \r\n\tlet pointStr = (points, command) => {\r\n\t\treturn points.reduce((acc, point, i, a) => i === 0\r\n\t\t\t? `${point[0]},${point[1]}`\r\n\t\t\t: `${acc} ${command(point, i, a)}`, '');\r\n\t};\r\n \r\n\treturn pointStr(points, bezierCommand);\r\n}","const PRESET_COLOR_MAP = {\r\n\t'light-blue': '#7cd6fd',\r\n\t'blue': '#5e64ff',\r\n\t'violet': '#743ee2',\r\n\t'red': '#ff5858',\r\n\t'orange': '#ffa00a',\r\n\t'yellow': '#feef72',\r\n\t'green': '#28a745',\r\n\t'light-green': '#98d85b',\r\n\t'purple': '#b554ff',\r\n\t'magenta': '#ffa3ef',\r\n\t'black': '#36114C',\r\n\t'grey': '#bdd3e6',\r\n\t'light-grey': '#f0f4f7',\r\n\t'dark-grey': '#b8c2cc'\r\n};\r\n\r\nfunction limitColor(r){\r\n\tif (r > 255) return 255;\r\n\telse if (r < 0) return 0;\r\n\treturn r;\r\n}\r\n\r\nexport function lightenDarkenColor(color, amt) {\r\n\tlet col = getColor(color);\r\n\tlet usePound = false;\r\n\tif (col[0] == \"#\") {\r\n\t\tcol = col.slice(1);\r\n\t\tusePound = true;\r\n\t}\r\n\tlet num = parseInt(col,16);\r\n\tlet r = limitColor((num >> 16) + amt);\r\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\r\n\tlet g = limitColor((num & 0x0000FF) + amt);\r\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\r\n}\r\n\r\nexport function isValidColor(string) {\r\n\t// https://stackoverflow.com/a/8027444/6495043\r\n\treturn /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string);\r\n}\r\n\r\nexport const getColor = (color) => {\r\n\treturn PRESET_COLOR_MAP[color] || color;\r\n};\r\n","import { getBarHeightAndYAttr, truncateString, shortenLargeNumber, createSplineCurve } from './draw-utils';\r\nimport { getStringWidth } from './helpers';\r\nimport { DOT_OVERLAY_SIZE_INCR, PERCENTAGE_BAR_DEFAULT_DEPTH } from './constants';\r\nimport { lightenDarkenColor } from './colors';\r\n\r\nexport const AXIS_TICK_LENGTH = 6;\r\nconst LABEL_MARGIN = 4;\r\nconst LABEL_MAX_CHARS = 15;\r\nexport const FONT_SIZE = 10;\r\nconst BASE_LINE_COLOR = '#dadada';\r\nconst FONT_FILL = '#555b51';\r\n\r\nfunction $(expr, con) {\r\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\r\n}\r\n\r\nexport function createSVG(tag, o) {\r\n\tvar element = document.createElementNS(\"http://www.w3.org/2000/svg\", tag);\r\n\r\n\tfor (var i in o) {\r\n\t\tvar val = o[i];\r\n\r\n\t\tif (i === \"inside\") {\r\n\t\t\t$(val).appendChild(element);\r\n\t\t}\r\n\t\telse if (i === \"around\") {\r\n\t\t\tvar ref = $(val);\r\n\t\t\tref.parentNode.insertBefore(element, ref);\r\n\t\t\telement.appendChild(ref);\r\n\r\n\t\t} else if (i === \"styles\") {\r\n\t\t\tif(typeof val === \"object\") {\r\n\t\t\t\tObject.keys(val).map(prop => {\r\n\t\t\t\t\telement.style[prop] = val[prop];\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tif(i === \"className\") { i = \"class\"; }\r\n\t\t\tif(i === \"innerHTML\") {\r\n\t\t\t\telement['textContent'] = val;\r\n\t\t\t} else {\r\n\t\t\t\telement.setAttribute(i, val);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\treturn element;\r\n}\r\n\r\nfunction renderVerticalGradient(svgDefElem, gradientId) {\r\n\treturn createSVG('linearGradient', {\r\n\t\tinside: svgDefElem,\r\n\t\tid: gradientId,\r\n\t\tx1: 0,\r\n\t\tx2: 0,\r\n\t\ty1: 0,\r\n\t\ty2: 1\r\n\t});\r\n}\r\n\r\nfunction setGradientStop(gradElem, offset, color, opacity) {\r\n\treturn createSVG('stop', {\r\n\t\t'inside': gradElem,\r\n\t\t'style': `stop-color: ${color}`,\r\n\t\t'offset': offset,\r\n\t\t'stop-opacity': opacity\r\n\t});\r\n}\r\n\r\nexport function makeSVGContainer(parent, className, width, height) {\r\n\treturn createSVG('svg', {\r\n\t\tclassName: className,\r\n\t\tinside: parent,\r\n\t\twidth: width,\r\n\t\theight: height\r\n\t});\r\n}\r\n\r\nexport function makeSVGDefs(svgContainer) {\r\n\treturn createSVG('defs', {\r\n\t\tinside: svgContainer,\r\n\t});\r\n}\r\n\r\nexport function makeSVGGroup(className, transform='', parent=undefined) {\r\n\tlet args = {\r\n\t\tclassName: className,\r\n\t\ttransform: transform\r\n\t};\r\n\tif(parent) args.inside = parent;\r\n\treturn createSVG('g', args);\r\n}\r\n\r\nexport function wrapInSVGGroup(elements, className='') {\r\n\tlet g = createSVG('g', {\r\n\t\tclassName: className\r\n\t});\r\n\telements.forEach(e => g.appendChild(e));\r\n\treturn g;\r\n}\r\n\r\nexport function makePath(pathStr, className='', stroke='none', fill='none', strokeWidth=2) {\r\n\treturn createSVG('path', {\r\n\t\tclassName: className,\r\n\t\td: pathStr,\r\n\t\tstyles: {\r\n\t\t\tstroke: stroke,\r\n\t\t\tfill: fill,\r\n\t\t\t'stroke-width': strokeWidth\r\n\t\t}\r\n\t});\r\n}\r\n\r\nexport function makeArcPathStr(startPosition, endPosition, center, radius, clockWise=1, largeArc=0){\r\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\r\n\tlet [arcEndX, arcEndY] = [center.x + endPosition.x, center.y + endPosition.y];\r\n\treturn `M${center.x} ${center.y}\r\n\t\tL${arcStartX} ${arcStartY}\r\n\t\tA ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0}\r\n\t\t${arcEndX} ${arcEndY} z`;\r\n}\r\n\r\nexport function makeCircleStr(startPosition, endPosition, center, radius, clockWise=1, largeArc=0){\r\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\r\n\tlet [arcEndX, midArc, arcEndY] = [center.x + endPosition.x, center.y * 2, center.y + endPosition.y];\r\n\treturn `M${center.x} ${center.y}\r\n\t\tL${arcStartX} ${arcStartY}\r\n\t\tA ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0}\r\n\t\t${arcEndX} ${midArc} z\r\n\t\tL${arcStartX} ${midArc}\r\n\t\tA ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0}\r\n\t\t${arcEndX} ${arcEndY} z`;\r\n}\r\n\r\nexport function makeArcStrokePathStr(startPosition, endPosition, center, radius, clockWise=1, largeArc=0){\r\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\r\n\tlet [arcEndX, arcEndY] = [center.x + endPosition.x, center.y + endPosition.y];\r\n\r\n\treturn `M${arcStartX} ${arcStartY}\r\n\t\tA ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0}\r\n\t\t${arcEndX} ${arcEndY}`;\r\n}\r\n\r\nexport function makeStrokeCircleStr(startPosition, endPosition, center, radius, clockWise=1, largeArc=0){\r\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\r\n\tlet [arcEndX, midArc, arcEndY] = [center.x + endPosition.x, radius * 2 + arcStartY, center.y + startPosition.y];\r\n\r\n\treturn `M${arcStartX} ${arcStartY}\r\n\t\tA ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0}\r\n\t\t${arcEndX} ${midArc}\r\n\t\tM${arcStartX} ${midArc}\r\n\t\tA ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0}\r\n\t\t${arcEndX} ${arcEndY}`;\r\n}\r\n\r\nexport function makeGradient(svgDefElem, color, lighter = false) {\r\n\tlet gradientId ='path-fill-gradient' + '-' + color + '-' +(lighter ? 'lighter' : 'default');\r\n\tlet gradientDef = renderVerticalGradient(svgDefElem, gradientId);\r\n\tlet opacities = [1, 0.6, 0.2];\r\n\tif(lighter) {\r\n\t\topacities = [0.4, 0.2, 0];\r\n\t}\r\n\r\n\tsetGradientStop(gradientDef, \"0%\", color, opacities[0]);\r\n\tsetGradientStop(gradientDef, \"50%\", color, opacities[1]);\r\n\tsetGradientStop(gradientDef, \"100%\", color, opacities[2]);\r\n\r\n\treturn gradientId;\r\n}\r\n\r\nexport function percentageBar(x, y, width, height,\r\n\tdepth=PERCENTAGE_BAR_DEFAULT_DEPTH, fill='none') {\r\n\r\n\tlet args = {\r\n\t\tclassName: 'percentage-bar',\r\n\t\tx: x,\r\n\t\ty: y,\r\n\t\twidth: width,\r\n\t\theight: height,\r\n\t\tfill: fill,\r\n\t\tstyles: {\r\n\t\t\t'stroke': lightenDarkenColor(fill, -25),\r\n\t\t\t// Diabolically good: https://stackoverflow.com/a/9000859\r\n\t\t\t// https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\r\n\t\t\t'stroke-dasharray': `0, ${height + width}, ${width}, ${height}`,\r\n\t\t\t'stroke-width': depth\r\n\t\t},\r\n\t};\r\n\r\n\treturn createSVG(\"rect\", args);\r\n}\r\n\r\nexport function heatSquare(className, x, y, size, fill='none', data={}) {\r\n\tlet args = {\r\n\t\tclassName: className,\r\n\t\tx: x,\r\n\t\ty: y,\r\n\t\twidth: size,\r\n\t\theight: size,\r\n\t\tfill: fill\r\n\t};\r\n\r\n\tObject.keys(data).map(key => {\r\n\t\targs[key] = data[key];\r\n\t});\r\n\r\n\treturn createSVG(\"rect\", args);\r\n}\r\n\r\nexport function legendBar(x, y, size, fill='none', label, truncate=false) {\r\n\tlabel = truncate ? truncateString(label, LABEL_MAX_CHARS) : label;\r\n\r\n\tlet args = {\r\n\t\tclassName: 'legend-bar',\r\n\t\tx: 0,\r\n\t\ty: 0,\r\n\t\twidth: size,\r\n\t\theight: '2px',\r\n\t\tfill: fill\r\n\t};\r\n\tlet text = createSVG('text', {\r\n\t\tclassName: 'legend-dataset-text',\r\n\t\tx: 0,\r\n\t\ty: 0,\r\n\t\tdy: (FONT_SIZE * 2) + 'px',\r\n\t\t'font-size': (FONT_SIZE * 1.2) + 'px',\r\n\t\t'text-anchor': 'start',\r\n\t\tfill: FONT_FILL,\r\n\t\tinnerHTML: label\r\n\t});\r\n\r\n\tlet group = createSVG('g', {\r\n\t\ttransform: `translate(${x}, ${y})`\r\n\t});\r\n\tgroup.appendChild(createSVG(\"rect\", args));\r\n\tgroup.appendChild(text);\r\n\r\n\treturn group;\r\n}\r\n\r\nexport function legendDot(x, y, size, fill='none', label) {\r\n\tlet args = {\r\n\t\tclassName: 'legend-dot',\r\n\t\tcx: 0,\r\n\t\tcy: 0,\r\n\t\tr: size,\r\n\t\tfill: fill\r\n\t};\r\n\tlet text = createSVG('text', {\r\n\t\tclassName: 'legend-dataset-text',\r\n\t\tx: 0,\r\n\t\ty: 0,\r\n\t\tdx: (FONT_SIZE) + 'px',\r\n\t\tdy: (FONT_SIZE/3) + 'px',\r\n\t\t'font-size': (FONT_SIZE * 1.2) + 'px',\r\n\t\t'text-anchor': 'start',\r\n\t\tfill: FONT_FILL,\r\n\t\tinnerHTML: label\r\n\t});\r\n\r\n\tlet group = createSVG('g', {\r\n\t\ttransform: `translate(${x}, ${y})`\r\n\t});\r\n\tgroup.appendChild(createSVG(\"circle\", args));\r\n\tgroup.appendChild(text);\r\n\r\n\treturn group;\r\n}\r\n\r\nexport function makeText(className, x, y, content, options = {}) {\r\n\tlet fontSize = options.fontSize || FONT_SIZE;\r\n\tlet dy = options.dy !== undefined ? options.dy : (fontSize / 2);\r\n\tlet fill = options.fill || FONT_FILL;\r\n\tlet textAnchor = options.textAnchor || 'start';\r\n\treturn createSVG('text', {\r\n\t\tclassName: className,\r\n\t\tx: x,\r\n\t\ty: y,\r\n\t\tdy: dy + 'px',\r\n\t\t'font-size': fontSize + 'px',\r\n\t\tfill: fill,\r\n\t\t'text-anchor': textAnchor,\r\n\t\tinnerHTML: content\r\n\t});\r\n}\r\n\r\nfunction makeVertLine(x, label, y1, y2, options={}) {\r\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\r\n\tlet l = createSVG('line', {\r\n\t\tclassName: 'line-vertical ' + options.className,\r\n\t\tx1: 0,\r\n\t\tx2: 0,\r\n\t\ty1: y1,\r\n\t\ty2: y2,\r\n\t\tstyles: {\r\n\t\t\tstroke: options.stroke\r\n\t\t}\r\n\t});\r\n\r\n\tlet text = createSVG('text', {\r\n\t\tx: 0,\r\n\t\ty: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE,\r\n\t\tdy: FONT_SIZE + 'px',\r\n\t\t'font-size': FONT_SIZE + 'px',\r\n\t\t'text-anchor': 'middle',\r\n\t\tinnerHTML: label + \"\"\r\n\t});\r\n\r\n\tlet line = createSVG('g', {\r\n\t\ttransform: `translate(${ x }, 0)`\r\n\t});\r\n\r\n\tline.appendChild(l);\r\n\tline.appendChild(text);\r\n\r\n\treturn line;\r\n}\r\n\r\nfunction makeHoriLine(y, label, x1, x2, options={}) {\r\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\r\n\tif(!options.lineType) options.lineType = '';\r\n\tif (options.shortenNumbers) label = shortenLargeNumber(label);\r\n\t\r\n\tlet className = 'line-horizontal ' + options.className +\r\n\t\t(options.lineType === \"dashed\" ? \"dashed\": \"\");\r\n\r\n\tlet l = createSVG('line', {\r\n\t\tclassName: className,\r\n\t\tx1: x1,\r\n\t\tx2: x2,\r\n\t\ty1: 0,\r\n\t\ty2: 0,\r\n\t\tstyles: {\r\n\t\t\tstroke: options.stroke\r\n\t\t}\r\n\t});\r\n\r\n\tlet text = createSVG('text', {\r\n\t\tx: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,\r\n\t\ty: 0,\r\n\t\tdy: (FONT_SIZE / 2 - 2) + 'px',\r\n\t\t'font-size': FONT_SIZE + 'px',\r\n\t\t'text-anchor': x1 < x2 ? 'end' : 'start',\r\n\t\tinnerHTML: label+\"\"\r\n\t});\r\n\r\n\tlet line = createSVG('g', {\r\n\t\ttransform: `translate(0, ${y})`,\r\n\t\t'stroke-opacity': 1\r\n\t});\r\n\r\n\tif(text === 0 || text === '0') {\r\n\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\r\n\t}\r\n\r\n\tline.appendChild(l);\r\n\tline.appendChild(text);\r\n\r\n\treturn line;\r\n}\r\n\r\nexport function yLine(y, label, width, options={}) {\r\n\tif(!options.pos) options.pos = 'left';\r\n\tif(!options.offset) options.offset = 0;\r\n\tif(!options.mode) options.mode = 'span';\r\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\r\n\tif(!options.className) options.className = '';\r\n\r\n\tlet x1 = -1 * AXIS_TICK_LENGTH;\r\n\tlet x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;\r\n\r\n\tif(options.mode === 'tick' && options.pos === 'right') {\r\n\t\tx1 = width + AXIS_TICK_LENGTH;\r\n\t\tx2 = width;\r\n\t}\r\n\r\n\t// let offset = options.pos === 'left' ? -1 * options.offset : options.offset;\r\n\r\n\tx1 += options.offset;\r\n\tx2 += options.offset;\r\n\r\n\treturn makeHoriLine(y, label, x1, x2, {\r\n\t\tstroke: options.stroke,\r\n\t\tclassName: options.className,\r\n\t\tlineType: options.lineType,\r\n\t\tshortenNumbers: options.shortenNumbers\r\n\t});\r\n}\r\n\r\nexport function xLine(x, label, height, options={}) {\r\n\tif(!options.pos) options.pos = 'bottom';\r\n\tif(!options.offset) options.offset = 0;\r\n\tif(!options.mode) options.mode = 'span';\r\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\r\n\tif(!options.className) options.className = '';\r\n\r\n\t// Draw X axis line in span/tick mode with optional label\r\n\t// \ty2(span)\r\n\t// \t\t\t\t\t\t|\r\n\t// \t\t\t\t\t\t|\r\n\t//\t\t\t\tx line\t|\r\n\t//\t\t\t\t\t\t|\r\n\t// \t\t\t\t\t \t|\r\n\t// ---------------------+-- y2(tick)\r\n\t//\t\t\t\t\t\t|\r\n\t//\t\t\t\t\t\t\ty1\r\n\r\n\tlet y1 = height + AXIS_TICK_LENGTH;\r\n\tlet y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : height;\r\n\r\n\tif(options.mode === 'tick' && options.pos === 'top') {\r\n\t\t// top axis ticks\r\n\t\ty1 = -1 * AXIS_TICK_LENGTH;\r\n\t\ty2 = 0;\r\n\t}\r\n\r\n\treturn makeVertLine(x, label, y1, y2, {\r\n\t\tstroke: options.stroke,\r\n\t\tclassName: options.className,\r\n\t\tlineType: options.lineType\r\n\t});\r\n}\r\n\r\nexport function yMarker(y, label, width, options={}) {\r\n\tif(!options.labelPos) options.labelPos = 'right';\r\n\tlet x = options.labelPos === 'left' ? LABEL_MARGIN\r\n\t\t: width - getStringWidth(label, 5) - LABEL_MARGIN;\r\n\r\n\tlet labelSvg = createSVG('text', {\r\n\t\tclassName: 'chart-label',\r\n\t\tx: x,\r\n\t\ty: 0,\r\n\t\tdy: (FONT_SIZE / -2) + 'px',\r\n\t\t'font-size': FONT_SIZE + 'px',\r\n\t\t'text-anchor': 'start',\r\n\t\tinnerHTML: label+\"\"\r\n\t});\r\n\r\n\tlet line = makeHoriLine(y, '', 0, width, {\r\n\t\tstroke: options.stroke || BASE_LINE_COLOR,\r\n\t\tclassName: options.className || '',\r\n\t\tlineType: options.lineType\r\n\t});\r\n\r\n\tline.appendChild(labelSvg);\r\n\r\n\treturn line;\r\n}\r\n\r\nexport function yRegion(y1, y2, width, label, options={}) {\r\n\t// return a group\r\n\tlet height = y1 - y2;\r\n\r\n\tlet rect = createSVG('rect', {\r\n\t\tclassName: `bar mini`, // remove class\r\n\t\tstyles: {\r\n\t\t\tfill: `rgba(228, 234, 239, 0.49)`,\r\n\t\t\tstroke: BASE_LINE_COLOR,\r\n\t\t\t'stroke-dasharray': `${width}, ${height}`\r\n\t\t},\r\n\t\t// 'data-point-index': index,\r\n\t\tx: 0,\r\n\t\ty: 0,\r\n\t\twidth: width,\r\n\t\theight: height\r\n\t});\r\n\r\n\tif(!options.labelPos) options.labelPos = 'right';\r\n\tlet x = options.labelPos === 'left' ? LABEL_MARGIN\r\n\t\t: width - getStringWidth(label+\"\", 4.5) - LABEL_MARGIN;\r\n\r\n\tlet labelSvg = createSVG('text', {\r\n\t\tclassName: 'chart-label',\r\n\t\tx: x,\r\n\t\ty: 0,\r\n\t\tdy: (FONT_SIZE / -2) + 'px',\r\n\t\t'font-size': FONT_SIZE + 'px',\r\n\t\t'text-anchor': 'start',\r\n\t\tinnerHTML: label+\"\"\r\n\t});\r\n\r\n\tlet region = createSVG('g', {\r\n\t\ttransform: `translate(0, ${y2})`\r\n\t});\r\n\r\n\tregion.appendChild(rect);\r\n\tregion.appendChild(labelSvg);\r\n\r\n\treturn region;\r\n}\r\n\r\nexport function datasetBar(x, yTop, width, color, label='', index=0, offset=0, meta={}) {\r\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\r\n\ty -= offset;\r\n\r\n\tif(height === 0) {\r\n\t\theight = meta.minHeight;\r\n\t\ty -= meta.minHeight;\r\n\t}\r\n\r\n\tlet rect = createSVG('rect', {\r\n\t\tclassName: `bar mini`,\r\n\t\tstyle: `fill: ${color}`,\r\n\t\t'data-point-index': index,\r\n\t\tx: x,\r\n\t\ty: y,\r\n\t\twidth: width,\r\n\t\theight: height\r\n\t});\r\n\r\n\tlabel += \"\";\r\n\r\n\tif(!label && !label.length) {\r\n\t\treturn rect;\r\n\t} else {\r\n\t\trect.setAttribute('y', 0);\r\n\t\trect.setAttribute('x', 0);\r\n\t\tlet text = createSVG('text', {\r\n\t\t\tclassName: 'data-point-value',\r\n\t\t\tx: width/2,\r\n\t\t\ty: 0,\r\n\t\t\tdy: (FONT_SIZE / 2 * -1) + 'px',\r\n\t\t\t'font-size': FONT_SIZE + 'px',\r\n\t\t\t'text-anchor': 'middle',\r\n\t\t\tinnerHTML: label\r\n\t\t});\r\n\r\n\t\tlet group = createSVG('g', {\r\n\t\t\t'data-point-index': index,\r\n\t\t\ttransform: `translate(${x}, ${y})`\r\n\t\t});\r\n\t\tgroup.appendChild(rect);\r\n\t\tgroup.appendChild(text);\r\n\r\n\t\treturn group;\r\n\t}\r\n}\r\n\r\nexport function datasetDot(x, y, radius, color, label='', index=0) {\r\n\tlet dot = createSVG('circle', {\r\n\t\tstyle: `fill: ${color}`,\r\n\t\t'data-point-index': index,\r\n\t\tcx: x,\r\n\t\tcy: y,\r\n\t\tr: radius\r\n\t});\r\n\r\n\tlabel += \"\";\r\n\r\n\tif(!label && !label.length) {\r\n\t\treturn dot;\r\n\t} else {\r\n\t\tdot.setAttribute('cy', 0);\r\n\t\tdot.setAttribute('cx', 0);\r\n\r\n\t\tlet text = createSVG('text', {\r\n\t\t\tclassName: 'data-point-value',\r\n\t\t\tx: 0,\r\n\t\t\ty: 0,\r\n\t\t\tdy: (FONT_SIZE / 2 * -1 - radius) + 'px',\r\n\t\t\t'font-size': FONT_SIZE + 'px',\r\n\t\t\t'text-anchor': 'middle',\r\n\t\t\tinnerHTML: label\r\n\t\t});\r\n\r\n\t\tlet group = createSVG('g', {\r\n\t\t\t'data-point-index': index,\r\n\t\t\ttransform: `translate(${x}, ${y})`\r\n\t\t});\r\n\t\tgroup.appendChild(dot);\r\n\t\tgroup.appendChild(text);\r\n\r\n\t\treturn group;\r\n\t}\r\n}\r\n\r\nexport function getPaths(xList, yList, color, options={}, meta={}) {\r\n\tlet pointsList = yList.map((y, i) => (xList[i] + ',' + y));\r\n\tlet pointsStr = pointsList.join(\"L\");\r\n\r\n\t// Spline\r\n\tif (options.spline)\r\n\t\tpointsStr = createSplineCurve(xList, yList);\r\n \r\n\tlet path = makePath(\"M\"+pointsStr, 'line-graph-path', color);\r\n\r\n\t// HeatLine\r\n\tif(options.heatline) {\r\n\t\tlet gradient_id = makeGradient(meta.svgDefs, color);\r\n\t\tpath.style.stroke = `url(#${gradient_id})`;\r\n\t}\r\n\r\n\tlet paths = {\r\n\t\tpath: path\r\n\t};\r\n\r\n\t// Region\r\n\tif(options.regionFill) {\r\n\t\tlet gradient_id_region = makeGradient(meta.svgDefs, color, true);\r\n\r\n\t\tlet pathStr = \"M\" + `${xList[0]},${meta.zeroLine}L` + pointsStr + `L${xList.slice(-1)[0]},${meta.zeroLine}`;\r\n\t\tpaths.region = makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`);\r\n\t}\r\n\r\n\treturn paths;\r\n}\r\n\r\nexport let makeOverlay = {\r\n\t'bar': (unit) => {\r\n\t\tlet transformValue;\r\n\t\tif(unit.nodeName !== 'rect') {\r\n\t\t\ttransformValue = unit.getAttribute('transform');\r\n\t\t\tunit = unit.childNodes[0];\r\n\t\t}\r\n\t\tlet overlay = unit.cloneNode();\r\n\t\toverlay.style.fill = '#000000';\r\n\t\toverlay.style.opacity = '0.4';\r\n\r\n\t\tif(transformValue) {\r\n\t\t\toverlay.setAttribute('transform', transformValue);\r\n\t\t}\r\n\t\treturn overlay;\r\n\t},\r\n\r\n\t'dot': (unit) => {\r\n\t\tlet transformValue;\r\n\t\tif(unit.nodeName !== 'circle') {\r\n\t\t\ttransformValue = unit.getAttribute('transform');\r\n\t\t\tunit = unit.childNodes[0];\r\n\t\t}\r\n\t\tlet overlay = unit.cloneNode();\r\n\t\tlet radius = unit.getAttribute('r');\r\n\t\tlet fill = unit.getAttribute('fill');\r\n\t\toverlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR);\r\n\t\toverlay.setAttribute('fill', fill);\r\n\t\toverlay.style.opacity = '0.6';\r\n\r\n\t\tif(transformValue) {\r\n\t\t\toverlay.setAttribute('transform', transformValue);\r\n\t\t}\r\n\t\treturn overlay;\r\n\t},\r\n\r\n\t'heat_square': (unit) => {\r\n\t\tlet transformValue;\r\n\t\tif(unit.nodeName !== 'circle') {\r\n\t\t\ttransformValue = unit.getAttribute('transform');\r\n\t\t\tunit = unit.childNodes[0];\r\n\t\t}\r\n\t\tlet overlay = unit.cloneNode();\r\n\t\tlet radius = unit.getAttribute('r');\r\n\t\tlet fill = unit.getAttribute('fill');\r\n\t\toverlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR);\r\n\t\toverlay.setAttribute('fill', fill);\r\n\t\toverlay.style.opacity = '0.6';\r\n\r\n\t\tif(transformValue) {\r\n\t\t\toverlay.setAttribute('transform', transformValue);\r\n\t\t}\r\n\t\treturn overlay;\r\n\t}\r\n};\r\n\r\nexport let updateOverlay = {\r\n\t'bar': (unit, overlay) => {\r\n\t\tlet transformValue;\r\n\t\tif(unit.nodeName !== 'rect') {\r\n\t\t\ttransformValue = unit.getAttribute('transform');\r\n\t\t\tunit = unit.childNodes[0];\r\n\t\t}\r\n\t\tlet attributes = ['x', 'y', 'width', 'height'];\r\n\t\tObject.values(unit.attributes)\r\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\r\n\t\t\t.map(attr => {\r\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\r\n\t\t\t});\r\n\r\n\t\tif(transformValue) {\r\n\t\t\toverlay.setAttribute('transform', transformValue);\r\n\t\t}\r\n\t},\r\n\r\n\t'dot': (unit, overlay) => {\r\n\t\tlet transformValue;\r\n\t\tif(unit.nodeName !== 'circle') {\r\n\t\t\ttransformValue = unit.getAttribute('transform');\r\n\t\t\tunit = unit.childNodes[0];\r\n\t\t}\r\n\t\tlet attributes = ['cx', 'cy'];\r\n\t\tObject.values(unit.attributes)\r\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\r\n\t\t\t.map(attr => {\r\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\r\n\t\t\t});\r\n\r\n\t\tif(transformValue) {\r\n\t\t\toverlay.setAttribute('transform', transformValue);\r\n\t\t}\r\n\t},\r\n\r\n\t'heat_square': (unit, overlay) => {\r\n\t\tlet transformValue;\r\n\t\tif(unit.nodeName !== 'circle') {\r\n\t\t\ttransformValue = unit.getAttribute('transform');\r\n\t\t\tunit = unit.childNodes[0];\r\n\t\t}\r\n\t\tlet attributes = ['cx', 'cy'];\r\n\t\tObject.values(unit.attributes)\r\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\r\n\t\t\t.map(attr => {\r\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\r\n\t\t\t});\r\n\r\n\t\tif(transformValue) {\r\n\t\t\toverlay.setAttribute('transform', transformValue);\r\n\t\t}\r\n\t},\r\n};\r\n","import { getBarHeightAndYAttr, createSplineCurve } from './draw-utils';\r\n\r\nexport const UNIT_ANIM_DUR = 350;\r\nexport const PATH_ANIM_DUR = 350;\r\nexport const MARKER_LINE_ANIM_DUR = UNIT_ANIM_DUR;\r\nexport const REPLACE_ALL_NEW_DUR = 250;\r\n\r\nexport const STD_EASING = 'easein';\r\n\r\nexport function translate(unit, oldCoord, newCoord, duration) {\r\n\tlet old = typeof oldCoord === 'string' ? oldCoord : oldCoord.join(', ');\r\n\treturn [\r\n\t\tunit,\r\n\t\t{transform: newCoord.join(', ')},\r\n\t\tduration,\r\n\t\tSTD_EASING,\r\n\t\t\"translate\",\r\n\t\t{transform: old}\r\n\t];\r\n}\r\n\r\nexport function translateVertLine(xLine, newX, oldX) {\r\n\treturn translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR);\r\n}\r\n\r\nexport function translateHoriLine(yLine, newY, oldY) {\r\n\treturn translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR);\r\n}\r\n\r\nexport function animateRegion(rectGroup, newY1, newY2, oldY2) {\r\n\tlet newHeight = newY1 - newY2;\r\n\tlet rect = rectGroup.childNodes[0];\r\n\tlet width = rect.getAttribute(\"width\");\r\n\tlet rectAnim = [\r\n\t\trect,\r\n\t\t{ height: newHeight, 'stroke-dasharray': `${width}, ${newHeight}` },\r\n\t\tMARKER_LINE_ANIM_DUR,\r\n\t\tSTD_EASING\r\n\t];\r\n\r\n\tlet groupAnim = translate(rectGroup, [0, oldY2], [0, newY2], MARKER_LINE_ANIM_DUR);\r\n\treturn [rectAnim, groupAnim];\r\n}\r\n\r\nexport function animateBar(bar, x, yTop, width, offset=0, meta={}) {\r\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\r\n\ty -= offset;\r\n\tif(bar.nodeName !== 'rect') {\r\n\t\tlet rect = bar.childNodes[0];\r\n\t\tlet rectAnim = [\r\n\t\t\trect,\r\n\t\t\t{width: width, height: height},\r\n\t\t\tUNIT_ANIM_DUR,\r\n\t\t\tSTD_EASING\r\n\t\t];\r\n\r\n\t\tlet oldCoordStr = bar.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\r\n\t\tlet groupAnim = translate(bar, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\r\n\t\treturn [rectAnim, groupAnim];\r\n\t} else {\r\n\t\treturn [[bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING]];\r\n\t}\r\n\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\r\n}\r\n\r\nexport function animateDot(dot, x, y) {\r\n\tif(dot.nodeName !== 'circle') {\r\n\t\tlet oldCoordStr = dot.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\r\n\t\tlet groupAnim = translate(dot, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\r\n\t\treturn [groupAnim];\r\n\t} else {\r\n\t\treturn [[dot, {cx: x, cy: y}, UNIT_ANIM_DUR, STD_EASING]];\r\n\t}\r\n\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\r\n}\r\n\r\nexport function animatePath(paths, newXList, newYList, zeroLine, spline) {\r\n\tlet pathComponents = [];\r\n\tlet pointsStr = newYList.map((y, i) => (newXList[i] + ',' + y)).join(\"L\");\r\n \r\n\tif (spline)\r\n\t\tpointsStr = createSplineCurve(newXList, newYList);\r\n\r\n\tconst animPath = [paths.path, {d:\"M\" + pointsStr}, PATH_ANIM_DUR, STD_EASING];\r\n\tpathComponents.push(animPath);\r\n\r\n\tif(paths.region) {\r\n\t\tlet regStartPt = `${newXList[0]},${zeroLine}L`;\r\n\t\tlet regEndPt = `L${newXList.slice(-1)[0]}, ${zeroLine}`;\r\n\r\n\t\tconst animRegion = [\r\n\t\t\tpaths.region,\r\n\t\t\t{d:\"M\" + regStartPt + pointsStr + regEndPt},\r\n\t\t\tPATH_ANIM_DUR,\r\n\t\t\tSTD_EASING\r\n\t\t];\r\n\t\tpathComponents.push(animRegion);\r\n\t}\r\n\r\n\treturn pathComponents;\r\n}\r\n\r\nexport function animatePathStr(oldPath, pathStr) {\r\n\treturn [oldPath, {d: pathStr}, UNIT_ANIM_DUR, STD_EASING];\r\n}","// Leveraging SMIL Animations\r\n\r\nimport { REPLACE_ALL_NEW_DUR } from './animate';\r\n\r\nconst EASING = {\r\n\tease: \"0.25 0.1 0.25 1\",\r\n\tlinear: \"0 0 1 1\",\r\n\t// easein: \"0.42 0 1 1\",\r\n\teasein: \"0.1 0.8 0.2 1\",\r\n\teaseout: \"0 0 0.58 1\",\r\n\teaseinout: \"0.42 0 0.58 1\"\r\n};\r\n\r\nfunction animateSVGElement(element, props, dur, easingType=\"linear\", type=undefined, oldValues={}) {\r\n\r\n\tlet animElement = element.cloneNode(true);\r\n\tlet newElement = element.cloneNode(true);\r\n\r\n\tfor(var attributeName in props) {\r\n\t\tlet animateElement;\r\n\t\tif(attributeName === 'transform') {\r\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animateTransform\");\r\n\t\t} else {\r\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animate\");\r\n\t\t}\r\n\t\tlet currentValue = oldValues[attributeName] || element.getAttribute(attributeName);\r\n\t\tlet value = props[attributeName];\r\n\r\n\t\tlet animAttr = {\r\n\t\t\tattributeName: attributeName,\r\n\t\t\tfrom: currentValue,\r\n\t\t\tto: value,\r\n\t\t\tbegin: \"0s\",\r\n\t\t\tdur: dur/1000 + \"s\",\r\n\t\t\tvalues: currentValue + \";\" + value,\r\n\t\t\tkeySplines: EASING[easingType],\r\n\t\t\tkeyTimes: \"0;1\",\r\n\t\t\tcalcMode: \"spline\",\r\n\t\t\tfill: 'freeze'\r\n\t\t};\r\n\r\n\t\tif(type) {\r\n\t\t\tanimAttr[\"type\"] = type;\r\n\t\t}\r\n\r\n\t\tfor (var i in animAttr) {\r\n\t\t\tanimateElement.setAttribute(i, animAttr[i]);\r\n\t\t}\r\n\r\n\t\tanimElement.appendChild(animateElement);\r\n\r\n\t\tif(type) {\r\n\t\t\tnewElement.setAttribute(attributeName, `translate(${value})`);\r\n\t\t} else {\r\n\t\t\tnewElement.setAttribute(attributeName, value);\r\n\t\t}\r\n\t}\r\n\r\n\treturn [animElement, newElement];\r\n}\r\n\r\nexport function transform(element, style) { // eslint-disable-line no-unused-vars\r\n\telement.style.transform = style;\r\n\telement.style.webkitTransform = style;\r\n\telement.style.msTransform = style;\r\n\telement.style.mozTransform = style;\r\n\telement.style.oTransform = style;\r\n}\r\n\r\nfunction animateSVG(svgContainer, elements) {\r\n\tlet newElements = [];\r\n\tlet animElements = [];\r\n\r\n\telements.map(element => {\r\n\t\tlet unit = element[0];\r\n\t\tlet parent = unit.parentNode;\r\n\r\n\t\tlet animElement, newElement;\r\n\r\n\t\telement[0] = unit;\r\n\t\t[animElement, newElement] = animateSVGElement(...element);\r\n\r\n\t\tnewElements.push(newElement);\r\n\t\tanimElements.push([animElement, parent]);\r\n\r\n\t\tparent.replaceChild(animElement, unit);\r\n\t});\r\n\r\n\tlet animSvg = svgContainer.cloneNode(true);\r\n\r\n\tanimElements.map((animElement, i) => {\r\n\t\tanimElement[1].replaceChild(newElements[i], animElement[0]);\r\n\t\telements[i][0] = newElements[i];\r\n\t});\r\n\r\n\treturn animSvg;\r\n}\r\n\r\nexport function runSMILAnimation(parent, svgElement, elementsToAnimate) {\r\n\tif(elementsToAnimate.length === 0) return;\r\n\r\n\tlet animSvgElement = animateSVG(svgElement, elementsToAnimate);\r\n\tif(svgElement.parentNode == parent) {\r\n\t\tparent.removeChild(svgElement);\r\n\t\tparent.appendChild(animSvgElement);\r\n\r\n\t}\r\n\r\n\t// Replace the new svgElement (data has already been replaced)\r\n\tsetTimeout(() => {\r\n\t\tif(animSvgElement.parentNode == parent) {\r\n\t\t\tparent.removeChild(animSvgElement);\r\n\t\t\tparent.appendChild(svgElement);\r\n\t\t}\r\n\t}, REPLACE_ALL_NEW_DUR);\r\n}\r\n","import { $ } from '../utils/dom';\r\nimport { CSSTEXT } from '../../css/chartsCss';\r\n\r\nexport function downloadFile(filename, data) {\r\n\tvar a = document.createElement('a');\r\n\ta.style = \"display: none\";\r\n\tvar blob = new Blob(data, {type: \"image/svg+xml; charset=utf-8\"});\r\n\tvar url = window.URL.createObjectURL(blob);\r\n\ta.href = url;\r\n\ta.download = filename;\r\n\tdocument.body.appendChild(a);\r\n\ta.click();\r\n\tsetTimeout(function(){\r\n\t\tdocument.body.removeChild(a);\r\n\t\twindow.URL.revokeObjectURL(url);\r\n\t}, 300);\r\n}\r\n\r\nexport function prepareForExport(svg) {\r\n\tlet clone = svg.cloneNode(true);\r\n\tclone.classList.add('chart-container');\r\n\tclone.setAttribute('xmlns', \"http://www.w3.org/2000/svg\");\r\n\tclone.setAttribute('xmlns:xlink', \"http://www.w3.org/1999/xlink\");\r\n\tlet styleEl = $.create('style', {\r\n\t\t'innerHTML': CSSTEXT\r\n\t});\r\n\tclone.insertBefore(styleEl, clone.firstChild);\r\n\r\n\tlet container = $.create('div');\r\n\tcontainer.appendChild(clone);\r\n\r\n\treturn container.innerHTML;\r\n}\r\n","// Playing around with dates\r\n\r\nexport const NO_OF_YEAR_MONTHS = 12;\r\nexport const NO_OF_DAYS_IN_WEEK = 7;\r\nexport const DAYS_IN_YEAR = 375;\r\nexport const NO_OF_MILLIS = 1000;\r\nexport const SEC_IN_DAY = 86400;\r\n\r\nexport const MONTH_NAMES = [\"January\", \"February\", \"March\", \"April\", \"May\",\r\n\t\"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\"];\r\nexport const MONTH_NAMES_SHORT = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\",\r\n\t\"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"];\r\n\r\nexport const DAY_NAMES_SHORT = [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\"];\r\nexport const DAY_NAMES = [\"Sunday\", \"Monday\", \"Tuesday\", \"Wednesday\",\r\n\t\"Thursday\", \"Friday\", \"Saturday\"];\r\n\r\n// https://stackoverflow.com/a/11252167/6495043\r\nfunction treatAsUtc(date) {\r\n\tlet result = new Date(date);\r\n\tresult.setMinutes(result.getMinutes() - result.getTimezoneOffset());\r\n\treturn result;\r\n}\r\n\r\nexport function getYyyyMmDd(date) {\r\n\tlet dd = date.getDate();\r\n\tlet mm = date.getMonth() + 1; // getMonth() is zero-based\r\n\treturn [\r\n\t\tdate.getFullYear(),\r\n\t\t(mm>9 ? '' : '0') + mm,\r\n\t\t(dd>9 ? '' : '0') + dd\r\n\t].join('-');\r\n}\r\n\r\nexport function clone(date) {\r\n\treturn new Date(date.getTime());\r\n}\r\n\r\nexport function timestampSec(date) {\r\n\treturn date.getTime()/NO_OF_MILLIS;\r\n}\r\n\r\nexport function timestampToMidnight(timestamp, roundAhead = false) {\r\n\tlet midnightTs = Math.floor(timestamp - (timestamp % SEC_IN_DAY));\r\n\tif(roundAhead) {\r\n\t\treturn midnightTs + SEC_IN_DAY;\r\n\t}\r\n\treturn midnightTs;\r\n}\r\n\r\n// export function getMonthsBetween(startDate, endDate) {}\r\n\r\nexport function getWeeksBetween(startDate, endDate) {\r\n\tlet weekStartDate = setDayToSunday(startDate);\r\n\treturn Math.ceil(getDaysBetween(weekStartDate, endDate) / NO_OF_DAYS_IN_WEEK);\r\n}\r\n\r\nexport function getDaysBetween(startDate, endDate) {\r\n\tlet millisecondsPerDay = SEC_IN_DAY * NO_OF_MILLIS;\r\n\treturn (treatAsUtc(endDate) - treatAsUtc(startDate)) / millisecondsPerDay;\r\n}\r\n\r\nexport function areInSameMonth(startDate, endDate) {\r\n\treturn startDate.getMonth() === endDate.getMonth()\r\n\t\t&& startDate.getFullYear() === endDate.getFullYear();\r\n}\r\n\r\nexport function getMonthName(i, short=false) {\r\n\tlet monthName = MONTH_NAMES[i];\r\n\treturn short ? monthName.slice(0, 3) : monthName;\r\n}\r\n\r\nexport function getLastDateInMonth (month, year) {\r\n\treturn new Date(year, month + 1, 0); // 0: last day in previous month\r\n}\r\n\r\n// mutates\r\nexport function setDayToSunday(date) {\r\n\tlet newDate = clone(date);\r\n\tconst day = newDate.getDay();\r\n\tif(day !== 0) {\r\n\t\taddDays(newDate, (-1) * day);\r\n\t}\r\n\treturn newDate;\r\n}\r\n\r\n// mutates\r\nexport function addDays(date, numberOfDays) {\r\n\tdate.setDate(date.getDate() + numberOfDays);\r\n}\r\n","import { makeSVGGroup } from '../utils/draw';\r\nimport { makeText, makePath, xLine, yLine, yMarker, yRegion, datasetBar, datasetDot, percentageBar, getPaths, heatSquare } from '../utils/draw';\r\nimport { equilizeNoOfElements } from '../utils/draw-utils';\r\nimport { translateHoriLine, translateVertLine, animateRegion, animateBar,\r\n\tanimateDot, animatePath, animatePathStr } from '../utils/animate';\r\nimport { getMonthName } from '../utils/date-utils';\r\n\r\nclass ChartComponent {\r\n\tconstructor({\r\n\t\tlayerClass = '',\r\n\t\tlayerTransform = '',\r\n\t\tconstants,\r\n\r\n\t\tgetData,\r\n\t\tmakeElements,\r\n\t\tanimateElements\r\n\t}) {\r\n\t\tthis.layerTransform = layerTransform;\r\n\t\tthis.constants = constants;\r\n\r\n\t\tthis.makeElements = makeElements;\r\n\t\tthis.getData = getData;\r\n\r\n\t\tthis.animateElements = animateElements;\r\n\r\n\t\tthis.store = [];\r\n\t\tthis.labels = [];\r\n\r\n\t\tthis.layerClass = layerClass;\r\n\t\tthis.layerClass = typeof(this.layerClass) === 'function'\r\n\t\t\t? this.layerClass() : this.layerClass;\r\n\r\n\t\tthis.refresh();\r\n\t}\r\n\r\n\trefresh(data) {\r\n\t\tthis.data = data || this.getData();\r\n\t}\r\n\r\n\tsetup(parent) {\r\n\t\tthis.layer = makeSVGGroup(this.layerClass, this.layerTransform, parent);\r\n\t}\r\n\r\n\tmake() {\r\n\t\tthis.render(this.data);\r\n\t\tthis.oldData = this.data;\r\n\t}\r\n\r\n\trender(data) {\r\n\t\tthis.store = this.makeElements(data);\r\n\r\n\t\tthis.layer.textContent = '';\r\n\t\tthis.store.forEach(element => {\r\n\t\t\tthis.layer.appendChild(element);\r\n\t\t});\r\n\t\tthis.labels.forEach(element => {\r\n\t\t\tthis.layer.appendChild(element);\r\n\t\t});\r\n\t}\r\n\r\n\tupdate(animate = true) {\r\n\t\tthis.refresh();\r\n\t\tlet animateElements = [];\r\n\t\tif(animate) {\r\n\t\t\tanimateElements = this.animateElements(this.data) || [];\r\n\t\t}\r\n\t\treturn animateElements;\r\n\t}\r\n}\r\n\r\nlet componentConfigs = {\r\n\tdonutSlices: {\r\n\t\tlayerClass: 'donut-slices',\r\n\t\tmakeElements(data) {\r\n\t\t\treturn data.sliceStrings.map((s, i) => {\r\n\t\t\t\tlet slice = makePath(s, 'donut-path', data.colors[i], 'none', data.strokeWidth);\r\n\t\t\t\tslice.style.transition = 'transform .3s;';\r\n\t\t\t\treturn slice;\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tanimateElements(newData) {\r\n\t\t\treturn this.store.map((slice, i) => animatePathStr(slice, newData.sliceStrings[i]));\r\n\t\t},\r\n\t},\r\n\tpieSlices: {\r\n\t\tlayerClass: 'pie-slices',\r\n\t\tmakeElements(data) {\r\n\t\t\treturn data.sliceStrings.map((s, i) =>{\r\n\t\t\t\tlet slice = makePath(s, 'pie-path', 'none', data.colors[i]);\r\n\t\t\t\tslice.style.transition = 'transform .3s;';\r\n\t\t\t\treturn slice;\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tanimateElements(newData) {\r\n\t\t\treturn this.store.map((slice, i) =>\r\n\t\t\t\tanimatePathStr(slice, newData.sliceStrings[i])\r\n\t\t\t);\r\n\t\t}\r\n\t},\r\n\tpercentageBars: {\r\n\t\tlayerClass: 'percentage-bars',\r\n\t\tmakeElements(data) {\r\n\t\t\treturn data.xPositions.map((x, i) =>{\r\n\t\t\t\tlet y = 0;\r\n\t\t\t\tlet bar = percentageBar(x, y, data.widths[i],\r\n\t\t\t\t\tthis.constants.barHeight, this.constants.barDepth, data.colors[i]);\r\n\t\t\t\treturn bar;\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tanimateElements(newData) {\r\n\t\t\tif(newData) return [];\r\n\t\t}\r\n\t},\r\n\tyAxis: {\r\n\t\tlayerClass: 'y axis',\r\n\t\tmakeElements(data) {\r\n\t\t\treturn data.positions.map((position, i) =>\r\n\t\t\t\tyLine(position, data.labels[i], this.constants.width,\r\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos, shortenNumbers: this.constants.shortenNumbers})\r\n\t\t\t);\r\n\t\t},\r\n\r\n\t\tanimateElements(newData) {\r\n\t\t\tlet newPos = newData.positions;\r\n\t\t\tlet newLabels = newData.labels;\r\n\t\t\tlet oldPos = this.oldData.positions;\r\n\t\t\tlet oldLabels = this.oldData.labels;\r\n\r\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\r\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\r\n\r\n\t\t\tthis.render({\r\n\t\t\t\tpositions: oldPos,\r\n\t\t\t\tlabels: newLabels\r\n\t\t\t});\r\n\r\n\t\t\treturn this.store.map((line, i) => {\r\n\t\t\t\treturn translateHoriLine(\r\n\t\t\t\t\tline, newPos[i], oldPos[i]\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t}\r\n\t},\r\n\r\n\txAxis: {\r\n\t\tlayerClass: 'x axis',\r\n\t\tmakeElements(data) {\r\n\t\t\treturn data.positions.map((position, i) =>\r\n\t\t\t\txLine(position, data.calcLabels[i], this.constants.height,\r\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\r\n\t\t\t);\r\n\t\t},\r\n\r\n\t\tanimateElements(newData) {\r\n\t\t\tlet newPos = newData.positions;\r\n\t\t\tlet newLabels = newData.calcLabels;\r\n\t\t\tlet oldPos = this.oldData.positions;\r\n\t\t\tlet oldLabels = this.oldData.calcLabels;\r\n\r\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\r\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\r\n\r\n\t\t\tthis.render({\r\n\t\t\t\tpositions: oldPos,\r\n\t\t\t\tcalcLabels: newLabels\r\n\t\t\t});\r\n\r\n\t\t\treturn this.store.map((line, i) => {\r\n\t\t\t\treturn translateVertLine(\r\n\t\t\t\t\tline, newPos[i], oldPos[i]\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t}\r\n\t},\r\n\r\n\tyMarkers: {\r\n\t\tlayerClass: 'y-markers',\r\n\t\tmakeElements(data) {\r\n\t\t\treturn data.map(m =>\r\n\t\t\t\tyMarker(m.position, m.label, this.constants.width,\r\n\t\t\t\t\t{labelPos: m.options.labelPos, mode: 'span', lineType: 'dashed'})\r\n\t\t\t);\r\n\t\t},\r\n\t\tanimateElements(newData) {\r\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\r\n\r\n\t\t\tlet newPos = newData.map(d => d.position);\r\n\t\t\tlet newLabels = newData.map(d => d.label);\r\n\t\t\tlet newOptions = newData.map(d => d.options);\r\n\r\n\t\t\tlet oldPos = this.oldData.map(d => d.position);\r\n\r\n\t\t\tthis.render(oldPos.map((pos, i) => {\r\n\t\t\t\treturn {\r\n\t\t\t\t\tposition: oldPos[i],\r\n\t\t\t\t\tlabel: newLabels[i],\r\n\t\t\t\t\toptions: newOptions[i]\r\n\t\t\t\t};\r\n\t\t\t}));\r\n\r\n\t\t\treturn this.store.map((line, i) => {\r\n\t\t\t\treturn translateHoriLine(\r\n\t\t\t\t\tline, newPos[i], oldPos[i]\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t}\r\n\t},\r\n\r\n\tyRegions: {\r\n\t\tlayerClass: 'y-regions',\r\n\t\tmakeElements(data) {\r\n\t\t\treturn data.map(r =>\r\n\t\t\t\tyRegion(r.startPos, r.endPos, this.constants.width,\r\n\t\t\t\t\tr.label, {labelPos: r.options.labelPos})\r\n\t\t\t);\r\n\t\t},\r\n\t\tanimateElements(newData) {\r\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\r\n\r\n\t\t\tlet newPos = newData.map(d => d.endPos);\r\n\t\t\tlet newLabels = newData.map(d => d.label);\r\n\t\t\tlet newStarts = newData.map(d => d.startPos);\r\n\t\t\tlet newOptions = newData.map(d => d.options);\r\n\r\n\t\t\tlet oldPos = this.oldData.map(d => d.endPos);\r\n\t\t\tlet oldStarts = this.oldData.map(d => d.startPos);\r\n\r\n\t\t\tthis.render(oldPos.map((pos, i) => {\r\n\t\t\t\treturn {\r\n\t\t\t\t\tstartPos: oldStarts[i],\r\n\t\t\t\t\tendPos: oldPos[i],\r\n\t\t\t\t\tlabel: newLabels[i],\r\n\t\t\t\t\toptions: newOptions[i]\r\n\t\t\t\t};\r\n\t\t\t}));\r\n\r\n\t\t\tlet animateElements = [];\r\n\r\n\t\t\tthis.store.map((rectGroup, i) => {\r\n\t\t\t\tanimateElements = animateElements.concat(animateRegion(\r\n\t\t\t\t\trectGroup, newStarts[i], newPos[i], oldPos[i]\r\n\t\t\t\t));\r\n\t\t\t});\r\n\r\n\t\t\treturn animateElements;\r\n\t\t}\r\n\t},\r\n\r\n\theatDomain: {\r\n\t\tlayerClass: function() { return 'heat-domain domain-' + this.constants.index; },\r\n\t\tmakeElements(data) {\r\n\t\t\tlet {index, colWidth, rowHeight, squareSize, xTranslate} = this.constants;\r\n\t\t\tlet monthNameHeight = -12;\r\n\t\t\tlet x = xTranslate, y = 0;\r\n\r\n\t\t\tthis.serializedSubDomains = [];\r\n\r\n\t\t\tdata.cols.map((week, weekNo) => {\r\n\t\t\t\tif(weekNo === 1) {\r\n\t\t\t\t\tthis.labels.push(\r\n\t\t\t\t\t\tmakeText('domain-name', x, monthNameHeight, getMonthName(index, true).toUpperCase(),\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\tfontSize: 9\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t);\r\n\t\t\t\t}\r\n\t\t\t\tweek.map((day, i) => {\r\n\t\t\t\t\tif(day.fill) {\r\n\t\t\t\t\t\tlet data = {\r\n\t\t\t\t\t\t\t'data-date': day.yyyyMmDd,\r\n\t\t\t\t\t\t\t'data-value': day.dataValue,\r\n\t\t\t\t\t\t\t'data-day': i\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t\tlet square = heatSquare('day', x, y, squareSize, day.fill, data);\r\n\t\t\t\t\t\tthis.serializedSubDomains.push(square);\r\n\t\t\t\t\t}\r\n\t\t\t\t\ty += rowHeight;\r\n\t\t\t\t});\r\n\t\t\t\ty = 0;\r\n\t\t\t\tx += colWidth;\r\n\t\t\t});\r\n\r\n\t\t\treturn this.serializedSubDomains;\r\n\t\t},\r\n\r\n\t\tanimateElements(newData) {\r\n\t\t\tif(newData) return [];\r\n\t\t}\r\n\t},\r\n\r\n\tbarGraph: {\r\n\t\tlayerClass: function() { return 'dataset-units dataset-bars dataset-' + this.constants.index; },\r\n\t\tmakeElements(data) {\r\n\t\t\tlet c = this.constants;\r\n\t\t\tthis.unitType = 'bar';\r\n\t\t\tthis.units = data.yPositions.map((y, j) => {\r\n\t\t\t\treturn datasetBar(\r\n\t\t\t\t\tdata.xPositions[j],\r\n\t\t\t\t\ty,\r\n\t\t\t\t\tdata.barWidth,\r\n\t\t\t\t\tc.color,\r\n\t\t\t\t\tdata.labels[j],\r\n\t\t\t\t\tj,\r\n\t\t\t\t\tdata.offsets[j],\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tzeroLine: data.zeroLine,\r\n\t\t\t\t\t\tbarsWidth: data.barsWidth,\r\n\t\t\t\t\t\tminHeight: c.minHeight\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t\treturn this.units;\r\n\t\t},\r\n\t\tanimateElements(newData) {\r\n\t\t\tlet newXPos = newData.xPositions;\r\n\t\t\tlet newYPos = newData.yPositions;\r\n\t\t\tlet newOffsets = newData.offsets;\r\n\t\t\tlet newLabels = newData.labels;\r\n\r\n\t\t\tlet oldXPos = this.oldData.xPositions;\r\n\t\t\tlet oldYPos = this.oldData.yPositions;\r\n\t\t\tlet oldOffsets = this.oldData.offsets;\r\n\t\t\tlet oldLabels = this.oldData.labels;\r\n\r\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\r\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\r\n\t\t\t[oldOffsets, newOffsets] = equilizeNoOfElements(oldOffsets, newOffsets);\r\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\r\n\r\n\t\t\tthis.render({\r\n\t\t\t\txPositions: oldXPos,\r\n\t\t\t\tyPositions: oldYPos,\r\n\t\t\t\toffsets: oldOffsets,\r\n\t\t\t\tlabels: newLabels,\r\n\r\n\t\t\t\tzeroLine: this.oldData.zeroLine,\r\n\t\t\t\tbarsWidth: this.oldData.barsWidth,\r\n\t\t\t\tbarWidth: this.oldData.barWidth,\r\n\t\t\t});\r\n\r\n\t\t\tlet animateElements = [];\r\n\r\n\t\t\tthis.store.map((bar, i) => {\r\n\t\t\t\tanimateElements = animateElements.concat(animateBar(\r\n\t\t\t\t\tbar, newXPos[i], newYPos[i], newData.barWidth, newOffsets[i],\r\n\t\t\t\t\t{zeroLine: newData.zeroLine}\r\n\t\t\t\t));\r\n\t\t\t});\r\n\r\n\t\t\treturn animateElements;\r\n\t\t}\r\n\t},\r\n\r\n\tlineGraph: {\r\n\t\tlayerClass: function() { return 'dataset-units dataset-line dataset-' + this.constants.index; },\r\n\t\tmakeElements(data) {\r\n\t\t\tlet c = this.constants;\r\n\t\t\tthis.unitType = 'dot';\r\n\t\t\tthis.paths = {};\r\n\t\t\tif(!c.hideLine) {\r\n\t\t\t\tthis.paths = getPaths(\r\n\t\t\t\t\tdata.xPositions,\r\n\t\t\t\t\tdata.yPositions,\r\n\t\t\t\t\tc.color,\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\theatline: c.heatline,\r\n\t\t\t\t\t\tregionFill: c.regionFill,\r\n\t\t\t\t\t\tspline: c.spline\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tsvgDefs: c.svgDefs,\r\n\t\t\t\t\t\tzeroLine: data.zeroLine\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t\t}\r\n\r\n\t\t\tthis.units = [];\r\n\t\t\tif(!c.hideDots) {\r\n\t\t\t\tthis.units = data.yPositions.map((y, j) => {\r\n\t\t\t\t\treturn datasetDot(\r\n\t\t\t\t\t\tdata.xPositions[j],\r\n\t\t\t\t\t\ty,\r\n\t\t\t\t\t\tdata.radius,\r\n\t\t\t\t\t\tc.color,\r\n\t\t\t\t\t\t(c.valuesOverPoints ? data.values[j] : ''),\r\n\t\t\t\t\t\tj\r\n\t\t\t\t\t);\r\n\t\t\t\t});\r\n\t\t\t}\r\n\r\n\t\t\treturn Object.values(this.paths).concat(this.units);\r\n\t\t},\r\n\t\tanimateElements(newData) {\r\n\t\t\tlet newXPos = newData.xPositions;\r\n\t\t\tlet newYPos = newData.yPositions;\r\n\t\t\tlet newValues = newData.values;\r\n\r\n\t\t\tlet oldXPos = this.oldData.xPositions;\r\n\t\t\tlet oldYPos = this.oldData.yPositions;\r\n\t\t\tlet oldValues = this.oldData.values;\r\n\r\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\r\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\r\n\t\t\t[oldValues, newValues] = equilizeNoOfElements(oldValues, newValues);\r\n\r\n\t\t\tthis.render({\r\n\t\t\t\txPositions: oldXPos,\r\n\t\t\t\tyPositions: oldYPos,\r\n\t\t\t\tvalues: newValues,\r\n\r\n\t\t\t\tzeroLine: this.oldData.zeroLine,\r\n\t\t\t\tradius: this.oldData.radius,\r\n\t\t\t});\r\n\r\n\t\t\tlet animateElements = [];\r\n\r\n\t\t\tif(Object.keys(this.paths).length) {\r\n\t\t\t\tanimateElements = animateElements.concat(animatePath(\r\n\t\t\t\t\tthis.paths, newXPos, newYPos, newData.zeroLine, this.constants.spline));\r\n\t\t\t}\r\n\r\n\t\t\tif(this.units.length) {\r\n\t\t\t\tthis.units.map((dot, i) => {\r\n\t\t\t\t\tanimateElements = animateElements.concat(animateDot(\r\n\t\t\t\t\t\tdot, newXPos[i], newYPos[i]));\r\n\t\t\t\t});\r\n\t\t\t}\r\n\r\n\t\t\treturn animateElements;\r\n\t\t}\r\n\t}\r\n};\r\n\r\nexport function getComponent(name, constants, getData) {\r\n\tlet keys = Object.keys(componentConfigs).filter(k => name.includes(k));\r\n\tlet config = componentConfigs[keys[0]];\r\n\tObject.assign(config, {\r\n\t\tconstants: constants,\r\n\t\tgetData: getData\r\n\t});\r\n\treturn new ChartComponent(config);\r\n}\r\n","import { floatTwo } from './helpers';\r\n\r\nfunction normalize(x) {\r\n\t// Calculates mantissa and exponent of a number\r\n\t// Returns normalized number and exponent\r\n\t// https://stackoverflow.com/q/9383593/6495043\r\n\r\n\tif(x===0) {\r\n\t\treturn [0, 0];\r\n\t}\r\n\tif(isNaN(x)) {\r\n\t\treturn {mantissa: -6755399441055744, exponent: 972};\r\n\t}\r\n\tvar sig = x > 0 ? 1 : -1;\r\n\tif(!isFinite(x)) {\r\n\t\treturn {mantissa: sig * 4503599627370496, exponent: 972};\r\n\t}\r\n\r\n\tx = Math.abs(x);\r\n\tvar exp = Math.floor(Math.log10(x));\r\n\tvar man = x/Math.pow(10, exp);\r\n\r\n\treturn [sig * man, exp];\r\n}\r\n\r\nfunction getChartRangeIntervals(max, min=0) {\r\n\tlet upperBound = Math.ceil(max);\r\n\tlet lowerBound = Math.floor(min);\r\n\tlet range = upperBound - lowerBound;\r\n\r\n\tlet noOfParts = range;\r\n\tlet partSize = 1;\r\n\r\n\t// To avoid too many partitions\r\n\tif(range > 5) {\r\n\t\tif(range % 2 !== 0) {\r\n\t\t\tupperBound++;\r\n\t\t\t// Recalc range\r\n\t\t\trange = upperBound - lowerBound;\r\n\t\t}\r\n\t\tnoOfParts = range/2;\r\n\t\tpartSize = 2;\r\n\t}\r\n\r\n\t// Special case: 1 and 2\r\n\tif(range <= 2) {\r\n\t\tnoOfParts = 4;\r\n\t\tpartSize = range/noOfParts;\r\n\t}\r\n\r\n\t// Special case: 0\r\n\tif(range === 0) {\r\n\t\tnoOfParts = 5;\r\n\t\tpartSize = 1;\r\n\t}\r\n\r\n\tlet intervals = [];\r\n\tfor(var i = 0; i <= noOfParts; i++){\r\n\t\tintervals.push(lowerBound + partSize * i);\r\n\t}\r\n\treturn intervals;\r\n}\r\n\r\nfunction getChartIntervals(maxValue, minValue=0) {\r\n\tlet [normalMaxValue, exponent] = normalize(maxValue);\r\n\tlet normalMinValue = minValue ? minValue/Math.pow(10, exponent): 0;\r\n\r\n\t// Allow only 7 significant digits\r\n\tnormalMaxValue = normalMaxValue.toFixed(6);\r\n\r\n\tlet intervals = getChartRangeIntervals(normalMaxValue, normalMinValue);\r\n\tintervals = intervals.map(value => value * Math.pow(10, exponent));\r\n\treturn intervals;\r\n}\r\n\r\nexport function calcChartIntervals(values, withMinimum=false) {\r\n\t//*** Where the magic happens ***\r\n\r\n\t// Calculates best-fit y intervals from given values\r\n\t// and returns the interval array\r\n\r\n\tlet maxValue = Math.max(...values);\r\n\tlet minValue = Math.min(...values);\r\n\r\n\t// Exponent to be used for pretty print\r\n\tlet exponent = 0, intervals = []; // eslint-disable-line no-unused-vars\r\n\r\n\tfunction getPositiveFirstIntervals(maxValue, absMinValue) {\r\n\t\tlet intervals = getChartIntervals(maxValue);\r\n\r\n\t\tlet intervalSize = intervals[1] - intervals[0];\r\n\r\n\t\t// Then unshift the negative values\r\n\t\tlet value = 0;\r\n\t\tfor(var i = 1; value < absMinValue; i++) {\r\n\t\t\tvalue += intervalSize;\r\n\t\t\tintervals.unshift((-1) * value);\r\n\t\t}\r\n\t\treturn intervals;\r\n\t}\r\n\r\n\t// CASE I: Both non-negative\r\n\r\n\tif(maxValue >= 0 && minValue >= 0) {\r\n\t\texponent = normalize(maxValue)[1];\r\n\t\tif(!withMinimum) {\r\n\t\t\tintervals = getChartIntervals(maxValue);\r\n\t\t} else {\r\n\t\t\tintervals = getChartIntervals(maxValue, minValue);\r\n\t\t}\r\n\t}\r\n\r\n\t// CASE II: Only minValue negative\r\n\r\n\telse if(maxValue > 0 && minValue < 0) {\r\n\t\t// `withMinimum` irrelevant in this case,\r\n\t\t// We'll be handling both sides of zero separately\r\n\t\t// (both starting from zero)\r\n\t\t// Because ceil() and floor() behave differently\r\n\t\t// in those two regions\r\n\r\n\t\tlet absMinValue = Math.abs(minValue);\r\n\r\n\t\tif(maxValue >= absMinValue) {\r\n\t\t\texponent = normalize(maxValue)[1];\r\n\t\t\tintervals = getPositiveFirstIntervals(maxValue, absMinValue);\r\n\t\t} else {\r\n\t\t\t// Mirror: maxValue => absMinValue, then change sign\r\n\t\t\texponent = normalize(absMinValue)[1];\r\n\t\t\tlet posIntervals = getPositiveFirstIntervals(absMinValue, maxValue);\r\n\t\t\tintervals = posIntervals.map(d => d * (-1));\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t// CASE III: Both non-positive\r\n\r\n\telse if(maxValue <= 0 && minValue <= 0) {\r\n\t\t// Mirrored Case I:\r\n\t\t// Work with positives, then reverse the sign and array\r\n\r\n\t\tlet pseudoMaxValue = Math.abs(minValue);\r\n\t\tlet pseudoMinValue = Math.abs(maxValue);\r\n\r\n\t\texponent = normalize(pseudoMaxValue)[1];\r\n\t\tif(!withMinimum) {\r\n\t\t\tintervals = getChartIntervals(pseudoMaxValue);\r\n\t\t} else {\r\n\t\t\tintervals = getChartIntervals(pseudoMaxValue, pseudoMinValue);\r\n\t\t}\r\n\r\n\t\tintervals = intervals.reverse().map(d => d * (-1));\r\n\t}\r\n\r\n\treturn intervals;\r\n}\r\n\r\nexport function getZeroIndex(yPts) {\r\n\tlet zeroIndex;\r\n\tlet interval = getIntervalSize(yPts);\r\n\tif(yPts.indexOf(0) >= 0) {\r\n\t\t// the range has a given zero\r\n\t\t// zero-line on the chart\r\n\t\tzeroIndex = yPts.indexOf(0);\r\n\t} else if(yPts[0] > 0) {\r\n\t\t// Minimum value is positive\r\n\t\t// zero-line is off the chart: below\r\n\t\tlet min = yPts[0];\r\n\t\tzeroIndex = (-1) * min / interval;\r\n\t} else {\r\n\t\t// Maximum value is negative\r\n\t\t// zero-line is off the chart: above\r\n\t\tlet max = yPts[yPts.length - 1];\r\n\t\tzeroIndex = (-1) * max / interval + (yPts.length - 1);\r\n\t}\r\n\treturn zeroIndex;\r\n}\r\n\r\nexport function getRealIntervals(max, noOfIntervals, min = 0, asc = 1) {\r\n\tlet range = max - min;\r\n\tlet part = range * 1.0 / noOfIntervals;\r\n\tlet intervals = [];\r\n\r\n\tfor(var i = 0; i <= noOfIntervals; i++) {\r\n\t\tintervals.push(min + part * i);\r\n\t}\r\n\r\n\treturn asc ? intervals : intervals.reverse();\r\n}\r\n\r\nexport function getIntervalSize(orderedArray) {\r\n\treturn orderedArray[1] - orderedArray[0];\r\n}\r\n\r\nexport function getValueRange(orderedArray) {\r\n\treturn orderedArray[orderedArray.length-1] - orderedArray[0];\r\n}\r\n\r\nexport function scale(val, yAxis) {\r\n\treturn floatTwo(yAxis.zeroLine - val * yAxis.scaleMultiplier);\r\n}\r\n\r\nexport function isInRange(val, min, max) {\r\n\treturn val > min && val < max;\r\n}\r\n\r\nexport function isInRange2D(coord, minCoord, maxCoord) {\r\n\treturn isInRange(coord[0], minCoord[0], maxCoord[0])\r\n\t\t&& isInRange(coord[1], minCoord[1], maxCoord[1]);\r\n}\r\n\r\nexport function getClosestInArray(goal, arr, index = false) {\r\n\tlet closest = arr.reduce(function(prev, curr) {\r\n\t\treturn (Math.abs(curr - goal) < Math.abs(prev - goal) ? curr : prev);\r\n\t}, []);\r\n\r\n\treturn index ? arr.indexOf(closest) : closest;\r\n}\r\n\r\nexport function calcDistribution(values, distributionSize) {\r\n\t// Assume non-negative values,\r\n\t// implying distribution minimum at zero\r\n\r\n\tlet dataMaxValue = Math.max(...values);\r\n\r\n\tlet distributionStep = 1 / (distributionSize - 1);\r\n\tlet distribution = [];\r\n\r\n\tfor(var i = 0; i < distributionSize; i++) {\r\n\t\tlet checkpoint = dataMaxValue * (distributionStep * i);\r\n\t\tdistribution.push(checkpoint);\r\n\t}\r\n\r\n\treturn distribution;\r\n}\r\n\r\nexport function getMaxCheckpoint(value, distribution) {\r\n\treturn distribution.filter(d => d < value).length;\r\n}\r\n","import { fillArray } from '../utils/helpers';\r\nimport { DEFAULT_AXIS_CHART_TYPE, AXIS_DATASET_CHART_TYPES, DEFAULT_CHAR_WIDTH } from '../utils/constants';\r\n\r\nexport function dataPrep(data, type) {\r\n\tdata.labels = data.labels || [];\r\n\r\n\tlet datasetLength = data.labels.length;\r\n\r\n\t// Datasets\r\n\tlet datasets = data.datasets;\r\n\tlet zeroArray = new Array(datasetLength).fill(0);\r\n\tif(!datasets) {\r\n\t\t// default\r\n\t\tdatasets = [{\r\n\t\t\tvalues: zeroArray\r\n\t\t}];\r\n\t}\r\n\r\n\tdatasets.map(d=> {\r\n\t\t// Set values\r\n\t\tif(!d.values) {\r\n\t\t\td.values = zeroArray;\r\n\t\t} else {\r\n\t\t\t// Check for non values\r\n\t\t\tlet vals = d.values;\r\n\t\t\tvals = vals.map(val => (!isNaN(val) ? val : 0));\r\n\r\n\t\t\t// Trim or extend\r\n\t\t\tif(vals.length > datasetLength) {\r\n\t\t\t\tvals = vals.slice(0, datasetLength);\r\n\t\t\t} else {\r\n\t\t\t\tvals = fillArray(vals, datasetLength - vals.length, 0);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t// Set labels\r\n\t\t//\r\n\r\n\t\t// Set type\r\n\t\tif(!d.chartType ) {\r\n\t\t\tif(!AXIS_DATASET_CHART_TYPES.includes(type)) type === DEFAULT_AXIS_CHART_TYPE;\r\n\t\t\td.chartType = type;\r\n\t\t}\r\n\r\n\t});\r\n\r\n\t// Markers\r\n\r\n\t// Regions\r\n\t// data.yRegions = data.yRegions || [];\r\n\tif(data.yRegions) {\r\n\t\tdata.yRegions.map(d => {\r\n\t\t\tif(d.end < d.start) {\r\n\t\t\t\t[d.start, d.end] = [d.end, d.start];\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\treturn data;\r\n}\r\n\r\nexport function zeroDataPrep(realData) {\r\n\tlet datasetLength = realData.labels.length;\r\n\tlet zeroArray = new Array(datasetLength).fill(0);\r\n\r\n\tlet zeroData = {\r\n\t\tlabels: realData.labels.slice(0, -1),\r\n\t\tdatasets: realData.datasets.map(d => {\r\n\t\t\treturn {\r\n\t\t\t\tname: '',\r\n\t\t\t\tvalues: zeroArray.slice(0, -1),\r\n\t\t\t\tchartType: d.chartType\r\n\t\t\t};\r\n\t\t}),\r\n\t};\r\n\r\n\tif(realData.yMarkers) {\r\n\t\tzeroData.yMarkers = [\r\n\t\t\t{\r\n\t\t\t\tvalue: 0,\r\n\t\t\t\tlabel: ''\r\n\t\t\t}\r\n\t\t];\r\n\t}\r\n\r\n\tif(realData.yRegions) {\r\n\t\tzeroData.yRegions = [\r\n\t\t\t{\r\n\t\t\t\tstart: 0,\r\n\t\t\t\tend: 0,\r\n\t\t\t\tlabel: ''\r\n\t\t\t}\r\n\t\t];\r\n\t}\r\n\r\n\treturn zeroData;\r\n}\r\n\r\nexport function getShortenedLabels(chartWidth, labels=[], isSeries=true) {\r\n\tlet allowedSpace = chartWidth / labels.length;\r\n\tif(allowedSpace <= 0) allowedSpace = 1;\r\n\tlet allowedLetters = allowedSpace / DEFAULT_CHAR_WIDTH;\r\n\r\n\tlet calcLabels = labels.map((label, i) => {\r\n\t\tlabel += \"\";\r\n\t\tif(label.length > allowedLetters) {\r\n\r\n\t\t\tif(!isSeries) {\r\n\t\t\t\tif(allowedLetters-3 > 0) {\r\n\t\t\t\t\tlabel = label.slice(0, allowedLetters-3) + \" ...\";\r\n\t\t\t\t} else {\r\n\t\t\t\t\tlabel = label.slice(0, allowedLetters) + '..';\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tlet multiple = Math.ceil(label.length/allowedLetters);\r\n\t\t\t\tif(i % multiple !== 0) {\r\n\t\t\t\t\tlabel = \"\";\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn label;\r\n\t});\r\n\r\n\treturn calcLabels;\r\n}\r\n","import '../css/charts.scss';\r\n\r\n// import MultiAxisChart from './charts/MultiAxisChart';\r\nimport PercentageChart from './charts/PercentageChart';\r\nimport PieChart from './charts/PieChart';\r\nimport Heatmap from './charts/Heatmap';\r\nimport AxisChart from './charts/AxisChart';\r\nimport DonutChart from './charts/DonutChart';\r\n\r\nconst chartTypes = {\r\n\tbar: AxisChart,\r\n\tline: AxisChart,\r\n\t// multiaxis: MultiAxisChart,\r\n\tpercentage: PercentageChart,\r\n\theatmap: Heatmap,\r\n\tpie: PieChart,\r\n\tdonut: DonutChart,\r\n};\r\n\r\nfunction getChartByType(chartType = 'line', parent, options) {\r\n\tif (chartType === 'axis-mixed') {\r\n\t\toptions.type = 'line';\r\n\t\treturn new AxisChart(parent, options);\r\n\t}\r\n\r\n\tif (!chartTypes[chartType]) {\r\n\t\tconsole.error(\"Undefined chart type: \" + chartType);\r\n\t\treturn;\r\n\t}\r\n\r\n\treturn new chartTypes[chartType](parent, options);\r\n}\r\n\r\nclass Chart {\r\n\tconstructor(parent, options) {\r\n\t\treturn getChartByType(options.type, parent, options);\r\n\t}\r\n}\r\n\r\nexport { Chart, PercentageChart, PieChart, Heatmap, AxisChart };","function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","import { $ } from '../utils/dom';\r\nimport { TOOLTIP_POINTER_TRIANGLE_HEIGHT } from '../utils/constants';\r\n\r\nexport default class SvgTip {\r\n\tconstructor({\r\n\t\tparent = null,\r\n\t\tcolors = []\r\n\t}) {\r\n\t\tthis.parent = parent;\r\n\t\tthis.colors = colors;\r\n\t\tthis.titleName = '';\r\n\t\tthis.titleValue = '';\r\n\t\tthis.listValues = [];\r\n\t\tthis.titleValueFirst = 0;\r\n\r\n\t\tthis.x = 0;\r\n\t\tthis.y = 0;\r\n\r\n\t\tthis.top = 0;\r\n\t\tthis.left = 0;\r\n\r\n\t\tthis.setup();\r\n\t}\r\n\r\n\tsetup() {\r\n\t\tthis.makeTooltip();\r\n\t}\r\n\r\n\trefresh() {\r\n\t\tthis.fill();\r\n\t\tthis.calcPosition();\r\n\t}\r\n\r\n\tmakeTooltip() {\r\n\t\tthis.container = $.create('div', {\r\n\t\t\tinside: this.parent,\r\n\t\t\tclassName: 'graph-svg-tip comparison',\r\n\t\t\tinnerHTML: `\r\n\t\t\t\t
                                \r\n\t\t\t\t
                                `\r\n\t\t});\r\n\t\tthis.hideTip();\r\n\r\n\t\tthis.title = this.container.querySelector('.title');\r\n\t\tthis.dataPointList = this.container.querySelector('.data-point-list');\r\n\r\n\t\tthis.parent.addEventListener('mouseleave', () => {\r\n\t\t\tthis.hideTip();\r\n\t\t});\r\n\t}\r\n\r\n\tfill() {\r\n\t\tlet title;\r\n\t\tif(this.index) {\r\n\t\t\tthis.container.setAttribute('data-point-index', this.index);\r\n\t\t}\r\n\t\tif(this.titleValueFirst) {\r\n\t\t\ttitle = `${this.titleValue}${this.titleName}`;\r\n\t\t} else {\r\n\t\t\ttitle = `${this.titleName}${this.titleValue}`;\r\n\t\t}\r\n\t\tthis.title.innerHTML = title;\r\n\t\tthis.dataPointList.innerHTML = '';\r\n\r\n\t\tthis.listValues.map((set, i) => {\r\n\t\t\tconst color = this.colors[i] || 'black';\r\n\t\t\tlet value = set.formatted === 0 || set.formatted ? set.formatted : set.value;\r\n\r\n\t\t\tlet li = $.create('li', {\r\n\t\t\t\tstyles: {\r\n\t\t\t\t\t'border-top': `3px solid ${color}`\r\n\t\t\t\t},\r\n\t\t\t\tinnerHTML: `${ value === 0 || value ? value : '' }\r\n\t\t\t\t\t${set.title ? set.title : '' }`\r\n\t\t\t});\r\n\r\n\t\t\tthis.dataPointList.appendChild(li);\r\n\t\t});\r\n\t}\r\n\r\n\tcalcPosition() {\r\n\t\tlet width = this.container.offsetWidth;\r\n\r\n\t\tthis.top = this.y - this.container.offsetHeight\r\n\t\t\t- TOOLTIP_POINTER_TRIANGLE_HEIGHT;\r\n\t\tthis.left = this.x - width/2;\r\n\t\tlet maxLeft = this.parent.offsetWidth - width;\r\n\r\n\t\tlet pointer = this.container.querySelector('.svg-pointer');\r\n\r\n\t\tif(this.left < 0) {\r\n\t\t\tpointer.style.left = `calc(50% - ${-1 * this.left}px)`;\r\n\t\t\tthis.left = 0;\r\n\t\t} else if(this.left > maxLeft) {\r\n\t\t\tlet delta = this.left - maxLeft;\r\n\t\t\tlet pointerOffset = `calc(50% + ${delta}px)`;\r\n\t\t\tpointer.style.left = pointerOffset;\r\n\r\n\t\t\tthis.left = maxLeft;\r\n\t\t} else {\r\n\t\t\tpointer.style.left = `50%`;\r\n\t\t}\r\n\t}\r\n\r\n\tsetValues(x, y, title = {}, listValues = [], index = -1) {\r\n\t\tthis.titleName = title.name;\r\n\t\tthis.titleValue = title.value;\r\n\t\tthis.listValues = listValues;\r\n\t\tthis.x = x;\r\n\t\tthis.y = y;\r\n\t\tthis.titleValueFirst = title.valueFirst || 0;\r\n\t\tthis.index = index;\r\n\t\tthis.refresh();\r\n\t}\r\n\r\n\thideTip() {\r\n\t\tthis.container.style.top = '0px';\r\n\t\tthis.container.style.left = '0px';\r\n\t\tthis.container.style.opacity = '0';\r\n\t}\r\n\r\n\tshowTip() {\r\n\t\tthis.container.style.top = this.top + 'px';\r\n\t\tthis.container.style.left = this.left + 'px';\r\n\t\tthis.container.style.opacity = '1';\r\n\t}\r\n}\r\n","export const CSSTEXT = \".chart-container{position:relative;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .legend-dataset-text{fill:#6c7680;font-weight:600}.graph-svg-tip{position:absolute;z-index:99999;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.graph-svg-tip ul{padding-left:0;display:flex}.graph-svg-tip ol{padding-left:0;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:' ';border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}\";","import SvgTip from '../objects/SvgTip';\r\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\r\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup, makeText } from '../utils/draw';\r\nimport { BASE_MEASURES, getExtraHeight, getExtraWidth, getTopOffset, getLeftOffset,\r\n\tINIT_CHART_UPDATE_TIMEOUT, CHART_POST_ANIMATE_TIMEOUT, DEFAULT_COLORS} from '../utils/constants';\r\nimport { getColor, isValidColor } from '../utils/colors';\r\nimport { runSMILAnimation } from '../utils/animation';\r\nimport { downloadFile, prepareForExport } from '../utils/export';\r\n\r\nexport default class BaseChart {\r\n\tconstructor(parent, options) {\r\n\r\n\t\tthis.parent = typeof parent === 'string'\r\n\t\t\t? document.querySelector(parent)\r\n\t\t\t: parent;\r\n\r\n\t\tif (!(this.parent instanceof HTMLElement)) {\r\n\t\t\tthrow new Error('No `parent` element to render on was provided.');\r\n\t\t}\r\n\r\n\t\tthis.rawChartArgs = options;\r\n\r\n\t\tthis.title = options.title || '';\r\n\t\tthis.type = options.type || '';\r\n\r\n\t\tthis.realData = this.prepareData(options.data);\r\n\t\tthis.data = this.prepareFirstData(this.realData);\r\n\r\n\t\tthis.colors = this.validateColors(options.colors, this.type);\r\n\r\n\t\tthis.config = {\r\n\t\t\tshowTooltip: 1, // calculate\r\n\t\t\tshowLegend: 1, // calculate\r\n\t\t\tisNavigable: options.isNavigable || 0,\r\n\t\t\tanimate: 1,\r\n\t\t\ttruncateLegends: options.truncateLegends || 0\r\n\t\t};\r\n\r\n\t\tthis.measures = JSON.parse(JSON.stringify(BASE_MEASURES));\r\n\t\tlet m = this.measures;\r\n\t\tthis.setMeasures(options);\r\n\t\tif(!this.title.length) { m.titleHeight = 0; }\r\n\t\tif(!this.config.showLegend) m.legendHeight = 0;\r\n\t\tthis.argHeight = options.height || m.baseHeight;\r\n\r\n\t\tthis.state = {};\r\n\t\tthis.options = {};\r\n\r\n\t\tthis.initTimeout = INIT_CHART_UPDATE_TIMEOUT;\r\n\r\n\t\tif(this.config.isNavigable) {\r\n\t\t\tthis.overlays = [];\r\n\t\t}\r\n\r\n\t\tthis.configure(options);\r\n\t}\r\n\r\n\tprepareData(data) {\r\n\t\treturn data;\r\n\t}\r\n\r\n\tprepareFirstData(data) {\r\n\t\treturn data;\r\n\t}\r\n\r\n\tvalidateColors(colors, type) {\r\n\t\tconst validColors = [];\r\n\t\tcolors = (colors || []).concat(DEFAULT_COLORS[type]);\r\n\t\tcolors.forEach((string) => {\r\n\t\t\tconst color = getColor(string);\r\n\t\t\tif(!isValidColor(color)) {\r\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\r\n\t\t\t} else {\r\n\t\t\t\tvalidColors.push(color);\r\n\t\t\t}\r\n\t\t});\r\n\t\treturn validColors;\r\n\t}\r\n\r\n\tsetMeasures() {\r\n\t\t// Override measures, including those for title and legend\r\n\t\t// set config for legend and title\r\n\t}\r\n\r\n\tconfigure() {\r\n\t\tlet height = this.argHeight;\r\n\t\tthis.baseHeight = height;\r\n\t\tthis.height = height - getExtraHeight(this.measures);\r\n\r\n\t\t// Bind window events\r\n\t\tthis.boundDrawFn = () => this.draw(true);\r\n\t\twindow.addEventListener('resize', this.boundDrawFn);\r\n\t\twindow.addEventListener('orientationchange', this.boundDrawFn);\r\n\t}\r\n\r\n\tdestroy() {\r\n\t\twindow.removeEventListener('resize', this.boundDrawFn);\r\n\t\twindow.removeEventListener('orientationchange', this.boundDrawFn);\r\n\t}\r\n\r\n\t// Has to be called manually\r\n\tsetup() {\r\n\t\tthis.makeContainer();\r\n\t\tthis.updateWidth();\r\n\t\tthis.makeTooltip();\r\n\r\n\t\tthis.draw(false, true);\r\n\t}\r\n\r\n\tmakeContainer() {\r\n\t\t// Chart needs a dedicated parent element\r\n\t\tthis.parent.innerHTML = '';\r\n\r\n\t\tlet args = {\r\n\t\t\tinside: this.parent,\r\n\t\t\tclassName: 'chart-container'\r\n\t\t};\r\n\r\n\t\tif(this.independentWidth) {\r\n\t\t\targs.styles = { width: this.independentWidth + 'px' };\r\n\t\t}\r\n\r\n\t\tthis.container = $.create('div', args);\r\n\t}\r\n\r\n\tmakeTooltip() {\r\n\t\tthis.tip = new SvgTip({\r\n\t\t\tparent: this.container,\r\n\t\t\tcolors: this.colors\r\n\t\t});\r\n\t\tthis.bindTooltip();\r\n\t}\r\n\r\n\tbindTooltip() {}\r\n\r\n\tdraw(onlyWidthChange=false, init=false) {\r\n\t\tthis.updateWidth();\r\n\r\n\t\tthis.calc(onlyWidthChange);\r\n\t\tthis.makeChartArea();\r\n\t\tthis.setupComponents();\r\n\r\n\t\tthis.components.forEach(c => c.setup(this.drawArea));\r\n\t\t// this.components.forEach(c => c.make());\r\n\t\tthis.render(this.components, false);\r\n\r\n\t\tif(init) {\r\n\t\t\tthis.data = this.realData;\r\n\t\t\tsetTimeout(() => {this.update(this.data);}, this.initTimeout);\r\n\t\t}\r\n\r\n\t\tthis.renderLegend();\r\n\r\n\t\tthis.setupNavigation(init);\r\n\t}\r\n\r\n\tcalc() {} // builds state\r\n\r\n\tupdateWidth() {\r\n\t\tthis.baseWidth = getElementContentWidth(this.parent);\r\n\t\tthis.width = this.baseWidth - getExtraWidth(this.measures);\r\n\t}\r\n\r\n\tmakeChartArea() {\r\n\t\tif(this.svg) {\r\n\t\t\tthis.container.removeChild(this.svg);\r\n\t\t}\r\n\t\tlet m = this.measures;\r\n\r\n\t\tthis.svg = makeSVGContainer(\r\n\t\t\tthis.container,\r\n\t\t\t'frappe-chart chart',\r\n\t\t\tthis.baseWidth,\r\n\t\t\tthis.baseHeight\r\n\t\t);\r\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\r\n\r\n\t\tif(this.title.length) {\r\n\t\t\tthis.titleEL = makeText(\r\n\t\t\t\t'title',\r\n\t\t\t\tm.margins.left,\r\n\t\t\t\tm.margins.top,\r\n\t\t\t\tthis.title,\r\n\t\t\t\t{\r\n\t\t\t\t\tfontSize: m.titleFontSize,\r\n\t\t\t\t\tfill: '#666666',\r\n\t\t\t\t\tdy: m.titleFontSize\r\n\t\t\t\t}\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\tlet top = getTopOffset(m);\r\n\t\tthis.drawArea = makeSVGGroup(\r\n\t\t\tthis.type + '-chart chart-draw-area',\r\n\t\t\t`translate(${getLeftOffset(m)}, ${top})`\r\n\t\t);\r\n\r\n\t\tif(this.config.showLegend) {\r\n\t\t\ttop += this.height + m.paddings.bottom;\r\n\t\t\tthis.legendArea = makeSVGGroup(\r\n\t\t\t\t'chart-legend',\r\n\t\t\t\t`translate(${getLeftOffset(m)}, ${top})`\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\tif(this.title.length) { this.svg.appendChild(this.titleEL); }\r\n\t\tthis.svg.appendChild(this.drawArea);\r\n\t\tif(this.config.showLegend) { this.svg.appendChild(this.legendArea); }\r\n\r\n\t\tthis.updateTipOffset(getLeftOffset(m), getTopOffset(m));\r\n\t}\r\n\r\n\tupdateTipOffset(x, y) {\r\n\t\tthis.tip.offset = {\r\n\t\t\tx: x,\r\n\t\t\ty: y\r\n\t\t};\r\n\t}\r\n\r\n\tsetupComponents() { this.components = new Map(); }\r\n\r\n\tupdate(data) {\r\n\t\tif(!data) {\r\n\t\t\tconsole.error('No data to update.');\r\n\t\t}\r\n\t\tthis.data = this.prepareData(data);\r\n\t\tthis.calc(); // builds state\r\n\t\tthis.render();\r\n\t}\r\n\r\n\trender(components=this.components, animate=true) {\r\n\t\tif(this.config.isNavigable) {\r\n\t\t\t// Remove all existing overlays\r\n\t\t\tthis.overlays.map(o => o.parentNode.removeChild(o));\r\n\t\t\t// ref.parentNode.insertBefore(element, ref);\r\n\t\t}\r\n\t\tlet elementsToAnimate = [];\r\n\t\t// Can decouple to this.refreshComponents() first to save animation timeout\r\n\t\tcomponents.forEach(c => {\r\n\t\t\telementsToAnimate = elementsToAnimate.concat(c.update(animate));\r\n\t\t});\r\n\t\tif(elementsToAnimate.length > 0) {\r\n\t\t\trunSMILAnimation(this.container, this.svg, elementsToAnimate);\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tcomponents.forEach(c => c.make());\r\n\t\t\t\tthis.updateNav();\r\n\t\t\t}, CHART_POST_ANIMATE_TIMEOUT);\r\n\t\t} else {\r\n\t\t\tcomponents.forEach(c => c.make());\r\n\t\t\tthis.updateNav();\r\n\t\t}\r\n\t}\r\n\r\n\tupdateNav() {\r\n\t\tif(this.config.isNavigable) {\r\n\t\t\tthis.makeOverlay();\r\n\t\t\tthis.bindUnits();\r\n\t\t}\r\n\t}\r\n\r\n\trenderLegend() {}\r\n\r\n\tsetupNavigation(init=false) {\r\n\t\tif(!this.config.isNavigable) return;\r\n\r\n\t\tif(init) {\r\n\t\t\tthis.bindOverlay();\r\n\r\n\t\t\tthis.keyActions = {\r\n\t\t\t\t'13': this.onEnterKey.bind(this),\r\n\t\t\t\t'37': this.onLeftArrow.bind(this),\r\n\t\t\t\t'38': this.onUpArrow.bind(this),\r\n\t\t\t\t'39': this.onRightArrow.bind(this),\r\n\t\t\t\t'40': this.onDownArrow.bind(this),\r\n\t\t\t};\r\n\r\n\t\t\tdocument.addEventListener('keydown', (e) => {\r\n\t\t\t\tif(isElementInViewport(this.container)) {\r\n\t\t\t\t\te = e || window.event;\r\n\t\t\t\t\tif(this.keyActions[e.keyCode]) {\r\n\t\t\t\t\t\tthis.keyActions[e.keyCode]();\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\tmakeOverlay() {}\r\n\tupdateOverlay() {}\r\n\tbindOverlay() {}\r\n\tbindUnits() {}\r\n\r\n\tonLeftArrow() {}\r\n\tonRightArrow() {}\r\n\tonUpArrow() {}\r\n\tonDownArrow() {}\r\n\tonEnterKey() {}\r\n\r\n\taddDataPoint() {}\r\n\tremoveDataPoint() {}\r\n\r\n\tgetDataPoint() {}\r\n\tsetCurrentDataPoint() {}\r\n\r\n\tupdateDataset() {}\r\n\r\n\texport() {\r\n\t\tlet chartSvg = prepareForExport(this.svg);\r\n\t\tdownloadFile(this.title || 'Chart', [chartSvg]);\r\n\t}\r\n}\r\n","import BaseChart from './BaseChart';\r\nimport { legendDot } from '../utils/draw';\r\nimport { getExtraWidth } from '../utils/constants';\r\n\r\nexport default class AggregationChart extends BaseChart {\r\n\tconstructor(parent, args) {\r\n\t\tsuper(parent, args);\r\n\t}\r\n\r\n\tconfigure(args) {\r\n\t\tsuper.configure(args);\r\n\r\n\t\tthis.config.maxSlices = args.maxSlices || 20;\r\n\t\tthis.config.maxLegendPoints = args.maxLegendPoints || 20;\r\n\t}\r\n\r\n\tcalc() {\r\n\t\tlet s = this.state;\r\n\t\tlet maxSlices = this.config.maxSlices;\r\n\t\ts.sliceTotals = [];\r\n\r\n\t\tlet allTotals = this.data.labels.map((label, i) => {\r\n\t\t\tlet total = 0;\r\n\t\t\tthis.data.datasets.map(e => {\r\n\t\t\t\ttotal += e.values[i];\r\n\t\t\t});\r\n\t\t\treturn [total, label];\r\n\t\t}).filter(d => { return d[0] >= 0; }); // keep only positive results\r\n\r\n\t\tlet totals = allTotals;\r\n\t\tif(allTotals.length > maxSlices) {\r\n\t\t\t// Prune and keep a grey area for rest as per maxSlices\r\n\t\t\tallTotals.sort((a, b) => { return b[0] - a[0]; });\r\n\r\n\t\t\ttotals = allTotals.slice(0, maxSlices-1);\r\n\t\t\tlet remaining = allTotals.slice(maxSlices-1);\r\n\r\n\t\t\tlet sumOfRemaining = 0;\r\n\t\t\tremaining.map(d => {sumOfRemaining += d[0];});\r\n\t\t\ttotals.push([sumOfRemaining, 'Rest']);\r\n\t\t\tthis.colors[maxSlices-1] = 'grey';\r\n\t\t}\r\n\r\n\t\ts.labels = [];\r\n\t\ttotals.map(d => {\r\n\t\t\ts.sliceTotals.push(d[0]);\r\n\t\t\ts.labels.push(d[1]);\r\n\t\t});\r\n\r\n\t\ts.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);\r\n\r\n\t\tthis.center = {\r\n\t\t\tx: this.width / 2,\r\n\t\t\ty: this.height / 2\r\n\t\t};\r\n\t}\r\n\r\n\trenderLegend() {\r\n\t\tlet s = this.state;\r\n\t\tthis.legendArea.textContent = '';\r\n\t\tthis.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints);\r\n\r\n\t\tlet count = 0;\r\n\t\tlet y = 0;\r\n\t\tthis.legendTotals.map((d, i) => {\r\n\t\t\tlet barWidth = 110;\r\n\t\t\tlet divisor = Math.floor(\r\n\t\t\t\t(this.width - getExtraWidth(this.measures))/barWidth\r\n\t\t\t);\r\n\t\t\tif (this.legendTotals.length < divisor) {\r\n\t\t\t\tbarWidth = this.width/this.legendTotals.length;\r\n\t\t\t}\r\n\t\t\tif(count > divisor) {\r\n\t\t\t\tcount = 0;\r\n\t\t\t\ty += 20;\r\n\t\t\t}\r\n\t\t\tlet x = barWidth * count + 5;\r\n\t\t\tlet dot = legendDot(\r\n\t\t\t\tx,\r\n\t\t\t\ty,\r\n\t\t\t\t5,\r\n\t\t\t\tthis.colors[i],\r\n\t\t\t\t`${s.labels[i]}: ${d}`\r\n\t\t\t);\r\n\t\t\tthis.legendArea.appendChild(dot);\r\n\t\t\tcount++;\r\n\t\t});\r\n\t}\r\n}\r\n","import AggregationChart from './AggregationChart';\r\nimport { getOffset } from '../utils/dom';\r\nimport { getComponent } from '../objects/ChartComponents';\r\nimport { PERCENTAGE_BAR_DEFAULT_HEIGHT, PERCENTAGE_BAR_DEFAULT_DEPTH } from '../utils/constants';\r\n\r\nexport default class PercentageChart extends AggregationChart {\r\n\tconstructor(parent, args) {\r\n\t\tsuper(parent, args);\r\n\t\tthis.type = 'percentage';\r\n\t\tthis.setup();\r\n\t}\r\n\r\n\tsetMeasures(options) {\r\n\t\tlet m = this.measures;\r\n\t\tthis.barOptions = options.barOptions || {};\r\n\r\n\t\tlet b = this.barOptions;\r\n\t\tb.height = b.height || PERCENTAGE_BAR_DEFAULT_HEIGHT;\r\n\t\tb.depth = b.depth || PERCENTAGE_BAR_DEFAULT_DEPTH;\r\n\r\n\t\tm.paddings.right = 30;\r\n\t\tm.legendHeight = 60;\r\n\t\tm.baseHeight = (b.height + b.depth * 0.5) * 8;\r\n\t}\r\n\r\n\tsetupComponents() {\r\n\t\tlet s = this.state;\r\n\r\n\t\tlet componentConfigs = [\r\n\t\t\t[\r\n\t\t\t\t'percentageBars',\r\n\t\t\t\t{\r\n\t\t\t\t\tbarHeight: this.barOptions.height,\r\n\t\t\t\t\tbarDepth: this.barOptions.depth,\r\n\t\t\t\t},\r\n\t\t\t\tfunction() {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\txPositions: s.xPositions,\r\n\t\t\t\t\t\twidths: s.widths,\r\n\t\t\t\t\t\tcolors: this.colors\r\n\t\t\t\t\t};\r\n\t\t\t\t}.bind(this)\r\n\t\t\t]\r\n\t\t];\r\n\r\n\t\tthis.components = new Map(componentConfigs\r\n\t\t\t.map(args => {\r\n\t\t\t\tlet component = getComponent(...args);\r\n\t\t\t\treturn [args[0], component];\r\n\t\t\t}));\r\n\t}\r\n\r\n\tcalc() {\r\n\t\tsuper.calc();\r\n\t\tlet s = this.state;\r\n\r\n\t\ts.xPositions = [];\r\n\t\ts.widths = [];\r\n\r\n\t\tlet xPos = 0;\r\n\t\ts.sliceTotals.map((value) => {\r\n\t\t\tlet width = this.width * value / s.grandTotal;\r\n\t\t\ts.widths.push(width);\r\n\t\t\ts.xPositions.push(xPos);\r\n\t\t\txPos += width;\r\n\t\t});\r\n\t}\r\n\r\n\tmakeDataByIndex() { }\r\n\r\n\tbindTooltip() {\r\n\t\tlet s = this.state;\r\n\t\tthis.container.addEventListener('mousemove', (e) => {\r\n\t\t\tlet bars = this.components.get('percentageBars').store;\r\n\t\t\tlet bar = e.target;\r\n\t\t\tif(bars.includes(bar)) {\r\n\r\n\t\t\t\tlet i = bars.indexOf(bar);\r\n\t\t\t\tlet gOff = getOffset(this.container), pOff = getOffset(bar);\r\n\r\n\t\t\t\tlet x = pOff.left - gOff.left + parseInt(bar.getAttribute('width'))/2;\r\n\t\t\t\tlet y = pOff.top - gOff.top;\r\n\t\t\t\tlet title = (this.formattedLabels && this.formattedLabels.length>0\r\n\t\t\t\t\t? this.formattedLabels[i] : this.state.labels[i]) + ': ';\r\n\t\t\t\tlet fraction = s.sliceTotals[i]/s.grandTotal;\r\n\r\n\t\t\t\tthis.tip.setValues(x, y, {name: title, value: (fraction*100).toFixed(1) + \"%\"});\r\n\t\t\t\tthis.tip.showTip();\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n}\r\n","import AggregationChart from './AggregationChart';\r\nimport { getComponent } from '../objects/ChartComponents';\r\nimport { getOffset } from '../utils/dom';\r\nimport { getPositionByAngle } from '../utils/helpers';\r\nimport { makeArcPathStr, makeCircleStr } from '../utils/draw';\r\nimport { lightenDarkenColor } from '../utils/colors';\r\nimport { transform } from '../utils/animation';\r\nimport { FULL_ANGLE } from '../utils/constants';\r\n\r\nexport default class PieChart extends AggregationChart {\r\n\tconstructor(parent, args) {\r\n\t\tsuper(parent, args);\r\n\t\tthis.type = 'pie';\r\n\t\tthis.initTimeout = 0;\r\n\t\tthis.init = 1;\r\n\r\n\t\tthis.setup();\r\n\t}\r\n\r\n\tconfigure(args) {\r\n\t\tsuper.configure(args);\r\n\t\tthis.mouseMove = this.mouseMove.bind(this);\r\n\t\tthis.mouseLeave = this.mouseLeave.bind(this);\r\n\r\n\t\tthis.hoverRadio = args.hoverRadio || 0.1;\r\n\t\tthis.config.startAngle = args.startAngle || 0;\r\n\r\n\t\tthis.clockWise = args.clockWise || false;\r\n\t}\r\n\r\n\tcalc() {\r\n\t\tsuper.calc();\r\n\t\tlet s = this.state;\r\n\t\tthis.radius = (this.height > this.width ? this.center.x : this.center.y);\r\n\r\n\t\tconst { radius, clockWise } = this;\r\n\r\n\t\tconst prevSlicesProperties = s.slicesProperties || [];\r\n\t\ts.sliceStrings = [];\r\n\t\ts.slicesProperties = [];\r\n\t\tlet curAngle = 180 - this.config.startAngle;\r\n\t\ts.sliceTotals.map((total, i) => {\r\n\t\t\tconst startAngle = curAngle;\r\n\t\t\tconst originDiffAngle = (total / s.grandTotal) * FULL_ANGLE;\r\n\t\t\tconst largeArc = originDiffAngle > 180 ? 1: 0;\r\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\r\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\r\n\t\t\tconst startPosition = getPositionByAngle(startAngle, radius);\r\n\t\t\tconst endPosition = getPositionByAngle(endAngle, radius);\r\n\r\n\t\t\tconst prevProperty = this.init && prevSlicesProperties[i];\r\n\r\n\t\t\tlet curStart,curEnd;\r\n\t\t\tif(this.init) {\r\n\t\t\t\tcurStart = prevProperty ? prevProperty.startPosition : startPosition;\r\n\t\t\t\tcurEnd = prevProperty ? prevProperty.endPosition : startPosition;\r\n\t\t\t} else {\r\n\t\t\t\tcurStart = startPosition;\r\n\t\t\t\tcurEnd = endPosition;\r\n\t\t\t}\r\n\t\t\tconst curPath =\r\n\t\t\t\toriginDiffAngle === 360\r\n\t\t\t\t\t? makeCircleStr(curStart, curEnd, this.center, this.radius, clockWise, largeArc)\r\n\t\t\t\t\t: makeArcPathStr(curStart, curEnd, this.center, this.radius, clockWise, largeArc);\r\n\r\n\t\t\ts.sliceStrings.push(curPath);\r\n\t\t\ts.slicesProperties.push({\r\n\t\t\t\tstartPosition,\r\n\t\t\t\tendPosition,\r\n\t\t\t\tvalue: total,\r\n\t\t\t\ttotal: s.grandTotal,\r\n\t\t\t\tstartAngle,\r\n\t\t\t\tendAngle,\r\n\t\t\t\tangle: diffAngle\r\n\t\t\t});\r\n\r\n\t\t});\r\n\t\tthis.init = 0;\r\n\t}\r\n\r\n\tsetupComponents() {\r\n\t\tlet s = this.state;\r\n\r\n\t\tlet componentConfigs = [\r\n\t\t\t[\r\n\t\t\t\t'pieSlices',\r\n\t\t\t\t{ },\r\n\t\t\t\tfunction() {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tsliceStrings: s.sliceStrings,\r\n\t\t\t\t\t\tcolors: this.colors\r\n\t\t\t\t\t};\r\n\t\t\t\t}.bind(this)\r\n\t\t\t]\r\n\t\t];\r\n\r\n\t\tthis.components = new Map(componentConfigs\r\n\t\t\t.map(args => {\r\n\t\t\t\tlet component = getComponent(...args);\r\n\t\t\t\treturn [args[0], component];\r\n\t\t\t}));\r\n\t}\r\n\r\n\tcalTranslateByAngle(property){\r\n\t\tconst{radius,hoverRadio} = this;\r\n\t\tconst position = getPositionByAngle(property.startAngle+(property.angle / 2),radius);\r\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\r\n\t}\r\n\r\n\thoverSlice(path,i,flag,e){\r\n\t\tif(!path) return;\r\n\t\tconst color = this.colors[i];\r\n\t\tif(flag) {\r\n\t\t\ttransform(path, this.calTranslateByAngle(this.state.slicesProperties[i]));\r\n\t\t\tpath.style.fill = lightenDarkenColor(color, 50);\r\n\t\t\tlet g_off = getOffset(this.svg);\r\n\t\t\tlet x = e.pageX - g_off.left + 10;\r\n\t\t\tlet y = e.pageY - g_off.top - 10;\r\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length > 0\r\n\t\t\t\t? this.formatted_labels[i] : this.state.labels[i]) + ': ';\r\n\t\t\tlet percent = (this.state.sliceTotals[i] * 100 / this.state.grandTotal).toFixed(1);\r\n\t\t\tthis.tip.setValues(x, y, {name: title, value: percent + \"%\"});\r\n\t\t\tthis.tip.showTip();\r\n\t\t} else {\r\n\t\t\ttransform(path,'translate3d(0,0,0)');\r\n\t\t\tthis.tip.hideTip();\r\n\t\t\tpath.style.fill = color;\r\n\t\t}\r\n\t}\r\n\r\n\tbindTooltip() {\r\n\t\tthis.container.addEventListener('mousemove', this.mouseMove);\r\n\t\tthis.container.addEventListener('mouseleave', this.mouseLeave);\r\n\t}\r\n\r\n\tmouseMove(e){\r\n\t\tconst target = e.target;\r\n\t\tlet slices = this.components.get('pieSlices').store;\r\n\t\tlet prevIndex = this.curActiveSliceIndex;\r\n\t\tlet prevAcitve = this.curActiveSlice;\r\n\t\tif(slices.includes(target)) {\r\n\t\t\tlet i = slices.indexOf(target);\r\n\t\t\tthis.hoverSlice(prevAcitve, prevIndex,false);\r\n\t\t\tthis.curActiveSlice = target;\r\n\t\t\tthis.curActiveSliceIndex = i;\r\n\t\t\tthis.hoverSlice(target, i, true, e);\r\n\t\t} else {\r\n\t\t\tthis.mouseLeave();\r\n\t\t}\r\n\t}\r\n\r\n\tmouseLeave(){\r\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\r\n\t}\r\n}\r\n","import BaseChart from './BaseChart';\r\nimport { getComponent } from '../objects/ChartComponents';\r\nimport { makeText, heatSquare } from '../utils/draw';\r\nimport { DAY_NAMES_SHORT, addDays, areInSameMonth, getLastDateInMonth, setDayToSunday, getYyyyMmDd, getWeeksBetween, getMonthName, clone,\r\n\tNO_OF_MILLIS, NO_OF_YEAR_MONTHS, NO_OF_DAYS_IN_WEEK } from '../utils/date-utils';\r\nimport { calcDistribution, getMaxCheckpoint } from '../utils/intervals';\r\nimport { getExtraHeight, getExtraWidth, HEATMAP_DISTRIBUTION_SIZE, HEATMAP_SQUARE_SIZE,\r\n\tHEATMAP_GUTTER_SIZE } from '../utils/constants';\r\n\r\nconst COL_WIDTH = HEATMAP_SQUARE_SIZE + HEATMAP_GUTTER_SIZE;\r\nconst ROW_HEIGHT = COL_WIDTH;\r\n// const DAY_INCR = 1;\r\n\r\nexport default class Heatmap extends BaseChart {\r\n\tconstructor(parent, options) {\r\n\t\tsuper(parent, options);\r\n\t\tthis.type = 'heatmap';\r\n\r\n\t\tthis.countLabel = options.countLabel || '';\r\n\r\n\t\tlet validStarts = ['Sunday', 'Monday'];\r\n\t\tlet startSubDomain = validStarts.includes(options.startSubDomain)\r\n\t\t\t? options.startSubDomain : 'Sunday';\r\n\t\tthis.startSubDomainIndex = validStarts.indexOf(startSubDomain);\r\n\r\n\t\tthis.setup();\r\n\t}\r\n\r\n\tsetMeasures(options) {\r\n\t\tlet m = this.measures;\r\n\t\tthis.discreteDomains = options.discreteDomains === 0 ? 0 : 1;\r\n\r\n\t\tm.paddings.top = ROW_HEIGHT * 3;\r\n\t\tm.paddings.bottom = 0;\r\n\t\tm.legendHeight = ROW_HEIGHT * 2;\r\n\t\tm.baseHeight = ROW_HEIGHT * NO_OF_DAYS_IN_WEEK\r\n\t\t\t+ getExtraHeight(m);\r\n\r\n\t\tlet d = this.data;\r\n\t\tlet spacing = this.discreteDomains ? NO_OF_YEAR_MONTHS : 0;\r\n\t\tthis.independentWidth = (getWeeksBetween(d.start, d.end)\r\n\t\t\t+ spacing) * COL_WIDTH + getExtraWidth(m);\r\n\t}\r\n\r\n\tupdateWidth() {\r\n\t\tlet spacing = this.discreteDomains ? NO_OF_YEAR_MONTHS : 0;\r\n\t\tlet noOfWeeks = this.state.noOfWeeks ? this.state.noOfWeeks : 52;\r\n\t\tthis.baseWidth = (noOfWeeks + spacing) * COL_WIDTH\r\n\t\t\t+ getExtraWidth(this.measures);\r\n\t}\r\n\r\n\tprepareData(data=this.data) {\r\n\t\tif(data.start && data.end && data.start > data.end) {\r\n\t\t\tthrow new Error('Start date cannot be greater than end date.');\r\n\t\t}\r\n\r\n\t\tif(!data.start) {\r\n\t\t\tdata.start = new Date();\r\n\t\t\tdata.start.setFullYear( data.start.getFullYear() - 1 );\r\n\t\t}\r\n\t\tif(!data.end) { data.end = new Date(); }\r\n\t\tdata.dataPoints = data.dataPoints || {};\r\n\r\n\t\tif(parseInt(Object.keys(data.dataPoints)[0]) > 100000) {\r\n\t\t\tlet points = {};\r\n\t\t\tObject.keys(data.dataPoints).forEach(timestampSec => {\r\n\t\t\t\tlet date = new Date(timestampSec * NO_OF_MILLIS);\r\n\t\t\t\tpoints[getYyyyMmDd(date)] = data.dataPoints[timestampSec];\r\n\t\t\t});\r\n\t\t\tdata.dataPoints = points;\r\n\t\t}\r\n\r\n\t\treturn data;\r\n\t}\r\n\r\n\tcalc() {\r\n\t\tlet s = this.state;\r\n\r\n\t\ts.start = clone(this.data.start);\r\n\t\ts.end = clone(this.data.end);\r\n\r\n\t\ts.firstWeekStart = clone(s.start);\r\n\t\ts.noOfWeeks = getWeeksBetween(s.start, s.end);\r\n\t\ts.distribution = calcDistribution(\r\n\t\t\tObject.values(this.data.dataPoints), HEATMAP_DISTRIBUTION_SIZE);\r\n\r\n\t\ts.domainConfigs = this.getDomains();\r\n\t}\r\n\r\n\tsetupComponents() {\r\n\t\tlet s = this.state;\r\n\t\tlet lessCol = this.discreteDomains ? 0 : 1;\r\n\r\n\t\tlet componentConfigs = s.domainConfigs.map((config, i) => [\r\n\t\t\t'heatDomain',\r\n\t\t\t{\r\n\t\t\t\tindex: config.index,\r\n\t\t\t\tcolWidth: COL_WIDTH,\r\n\t\t\t\trowHeight: ROW_HEIGHT,\r\n\t\t\t\tsquareSize: HEATMAP_SQUARE_SIZE,\r\n\t\t\t\txTranslate: s.domainConfigs\r\n\t\t\t\t\t.filter((config, j) => j < i)\r\n\t\t\t\t\t.map(config => config.cols.length - lessCol)\r\n\t\t\t\t\t.reduce((a, b) => a + b, 0)\r\n\t\t\t\t\t* COL_WIDTH\r\n\t\t\t},\r\n\t\t\tfunction() {\r\n\t\t\t\treturn s.domainConfigs[i];\r\n\t\t\t}.bind(this)\r\n\r\n\t\t]);\r\n\r\n\t\tthis.components = new Map(componentConfigs\r\n\t\t\t.map((args, i) => {\r\n\t\t\t\tlet component = getComponent(...args);\r\n\t\t\t\treturn [args[0] + '-' + i, component];\r\n\t\t\t})\r\n\t\t);\r\n\r\n\t\tlet y = 0;\r\n\t\tDAY_NAMES_SHORT.forEach((dayName, i) => {\r\n\t\t\tif([1, 3, 5].includes(i)) {\r\n\t\t\t\tlet dayText = makeText('subdomain-name', -COL_WIDTH/2, y, dayName,\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tfontSize: HEATMAP_SQUARE_SIZE,\r\n\t\t\t\t\t\tdy: 8,\r\n\t\t\t\t\t\ttextAnchor: 'end'\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t\t\tthis.drawArea.appendChild(dayText);\r\n\t\t\t}\r\n\t\t\ty += ROW_HEIGHT;\r\n\t\t});\r\n\t}\r\n\r\n\tupdate(data) {\r\n\t\tif(!data) {\r\n\t\t\tconsole.error('No data to update.');\r\n\t\t}\r\n\r\n\t\tthis.data = this.prepareData(data);\r\n\t\tthis.draw();\r\n\t\tthis.bindTooltip();\r\n\t}\r\n\r\n\tbindTooltip() {\r\n\t\tthis.container.addEventListener('mousemove', (e) => {\r\n\t\t\tthis.components.forEach(comp => {\r\n\t\t\t\tlet daySquares = comp.store;\r\n\t\t\t\tlet daySquare = e.target;\r\n\t\t\t\tif(daySquares.includes(daySquare)) {\r\n\r\n\t\t\t\t\tlet count = daySquare.getAttribute('data-value');\r\n\t\t\t\t\tlet dateParts = daySquare.getAttribute('data-date').split('-');\r\n\r\n\t\t\t\t\tlet month = getMonthName(parseInt(dateParts[1])-1, true);\r\n\r\n\t\t\t\t\tlet gOff = this.container.getBoundingClientRect(), pOff = daySquare.getBoundingClientRect();\r\n\r\n\t\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\r\n\t\t\t\t\tlet x = pOff.left - gOff.left + width/2;\r\n\t\t\t\t\tlet y = pOff.top - gOff.top;\r\n\t\t\t\t\tlet value = count + ' ' + this.countLabel;\r\n\t\t\t\t\tlet name = ' on ' + month + ' ' + dateParts[0] + ', ' + dateParts[2];\r\n\r\n\t\t\t\t\tthis.tip.setValues(x, y, {name: name, value: value, valueFirst: 1}, []);\r\n\t\t\t\t\tthis.tip.showTip();\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t});\r\n\t}\r\n\r\n\trenderLegend() {\r\n\t\tthis.legendArea.textContent = '';\r\n\t\tlet x = 0;\r\n\t\tlet y = ROW_HEIGHT;\r\n\r\n\t\tlet lessText = makeText('subdomain-name', x, y, 'Less',\r\n\t\t\t{\r\n\t\t\t\tfontSize: HEATMAP_SQUARE_SIZE + 1,\r\n\t\t\t\tdy: 9\r\n\t\t\t}\r\n\t\t);\r\n\t\tx = (COL_WIDTH * 2) + COL_WIDTH/2;\r\n\t\tthis.legendArea.appendChild(lessText);\r\n\r\n\t\tthis.colors.slice(0, HEATMAP_DISTRIBUTION_SIZE).map((color, i) => {\r\n\t\t\tconst square = heatSquare('heatmap-legend-unit', x + (COL_WIDTH + 3) * i,\r\n\t\t\t\ty, HEATMAP_SQUARE_SIZE, color);\r\n\t\t\tthis.legendArea.appendChild(square);\r\n\t\t});\r\n\r\n\t\tlet moreTextX = x + HEATMAP_DISTRIBUTION_SIZE * (COL_WIDTH + 3) + COL_WIDTH/4;\r\n\t\tlet moreText = makeText('subdomain-name', moreTextX, y, 'More',\r\n\t\t\t{\r\n\t\t\t\tfontSize: HEATMAP_SQUARE_SIZE + 1,\r\n\t\t\t\tdy: 9\r\n\t\t\t}\r\n\t\t);\r\n\t\tthis.legendArea.appendChild(moreText);\r\n\t}\r\n\r\n\tgetDomains() {\r\n\t\tlet s = this.state;\r\n\t\tconst [startMonth, startYear] = [s.start.getMonth(), s.start.getFullYear()];\r\n\t\tconst [endMonth, endYear] = [s.end.getMonth(), s.end.getFullYear()];\r\n\r\n\t\tconst noOfMonths = (endMonth - startMonth + 1) + (endYear - startYear) * 12;\r\n\r\n\t\tlet domainConfigs = [];\r\n\r\n\t\tlet startOfMonth = clone(s.start);\r\n\t\tfor(var i = 0; i < noOfMonths; i++) {\r\n\t\t\tlet endDate = s.end;\r\n\t\t\tif(!areInSameMonth(startOfMonth, s.end)) {\r\n\t\t\t\tlet [month, year] = [startOfMonth.getMonth(), startOfMonth.getFullYear()];\r\n\t\t\t\tendDate = getLastDateInMonth(month, year);\r\n\t\t\t}\r\n\t\t\tdomainConfigs.push(this.getDomainConfig(startOfMonth, endDate));\r\n\r\n\t\t\taddDays(endDate, 1);\r\n\t\t\tstartOfMonth = endDate;\r\n\t\t}\r\n\r\n\t\treturn domainConfigs;\r\n\t}\r\n\r\n\tgetDomainConfig(startDate, endDate='') {\r\n\t\tlet [month, year] = [startDate.getMonth(), startDate.getFullYear()];\r\n\t\tlet startOfWeek = setDayToSunday(startDate); // TODO: Monday as well\r\n\t\tendDate = clone(endDate) || getLastDateInMonth(month, year);\r\n\r\n\t\tlet domainConfig = {\r\n\t\t\tindex: month,\r\n\t\t\tcols: []\r\n\t\t};\r\n\r\n\t\taddDays(endDate, 1);\r\n\t\tlet noOfMonthWeeks = getWeeksBetween(startOfWeek, endDate);\r\n\r\n\t\tlet cols = [], col;\r\n\t\tfor(var i = 0; i < noOfMonthWeeks; i++) {\r\n\t\t\tcol = this.getCol(startOfWeek, month);\r\n\t\t\tcols.push(col);\r\n\r\n\t\t\tstartOfWeek = new Date(col[NO_OF_DAYS_IN_WEEK - 1].yyyyMmDd);\r\n\t\t\taddDays(startOfWeek, 1);\r\n\t\t}\r\n\r\n\t\tif(col[NO_OF_DAYS_IN_WEEK - 1].dataValue !== undefined) {\r\n\t\t\taddDays(startOfWeek, 1);\r\n\t\t\tcols.push(this.getCol(startOfWeek, month, true));\r\n\t\t}\r\n\r\n\t\tdomainConfig.cols = cols;\r\n\r\n\t\treturn domainConfig;\r\n\t}\r\n\r\n\tgetCol(startDate, month, empty = false) {\r\n\t\tlet s = this.state;\r\n\r\n\t\t// startDate is the start of week\r\n\t\tlet currentDate = clone(startDate);\r\n\t\tlet col = [];\r\n\r\n\t\tfor(var i = 0; i < NO_OF_DAYS_IN_WEEK; i++, addDays(currentDate, 1)) {\r\n\t\t\tlet config = {};\r\n\r\n\t\t\t// Non-generic adjustment for entire heatmap, needs state\r\n\t\t\tlet currentDateWithinData = currentDate >= s.start && currentDate <= s.end;\r\n\r\n\t\t\tif(empty || currentDate.getMonth() !== month || !currentDateWithinData) {\r\n\t\t\t\tconfig.yyyyMmDd = getYyyyMmDd(currentDate);\r\n\t\t\t} else {\r\n\t\t\t\tconfig = this.getSubDomainConfig(currentDate);\r\n\t\t\t}\r\n\t\t\tcol.push(config);\r\n\t\t}\r\n\r\n\t\treturn col;\r\n\t}\r\n\r\n\tgetSubDomainConfig(date) {\r\n\t\tlet yyyyMmDd = getYyyyMmDd(date);\r\n\t\tlet dataValue = this.data.dataPoints[yyyyMmDd];\r\n\t\tlet config = {\r\n\t\t\tyyyyMmDd: yyyyMmDd,\r\n\t\t\tdataValue: dataValue || 0,\r\n\t\t\tfill: this.colors[getMaxCheckpoint(dataValue, this.state.distribution)]\r\n\t\t};\r\n\t\treturn config;\r\n\t}\r\n}\r\n","import BaseChart from './BaseChart';\r\nimport { dataPrep, zeroDataPrep, getShortenedLabels } from '../utils/axis-chart-utils';\r\nimport { AXIS_LEGEND_BAR_SIZE } from '../utils/constants';\r\nimport { getComponent } from '../objects/ChartComponents';\r\nimport { getOffset, fire } from '../utils/dom';\r\nimport { calcChartIntervals, getIntervalSize, getValueRange, getZeroIndex, scale, getClosestInArray } from '../utils/intervals';\r\nimport { floatTwo } from '../utils/helpers';\r\nimport { makeOverlay, updateOverlay, legendBar } from '../utils/draw';\r\nimport { getTopOffset, getLeftOffset, MIN_BAR_PERCENT_HEIGHT, BAR_CHART_SPACE_RATIO,\r\n\tLINE_CHART_DOT_SIZE } from '../utils/constants';\r\n\r\nexport default class AxisChart extends BaseChart {\r\n\tconstructor(parent, args) {\r\n\t\tsuper(parent, args);\r\n\r\n\t\tthis.barOptions = args.barOptions || {};\r\n\t\tthis.lineOptions = args.lineOptions || {};\r\n\r\n\t\tthis.type = args.type || 'line';\r\n\t\tthis.init = 1;\r\n\r\n\t\tthis.setup();\r\n\t}\r\n\r\n\tsetMeasures() {\r\n\t\tif(this.data.datasets.length <= 1) {\r\n\t\t\tthis.config.showLegend = 0;\r\n\t\t\tthis.measures.paddings.bottom = 30;\r\n\t\t}\r\n\t}\r\n\r\n\tconfigure(options) {\r\n\t\tsuper.configure(options);\r\n\r\n\t\toptions.axisOptions = options.axisOptions || {};\r\n\t\toptions.tooltipOptions = options.tooltipOptions || {};\r\n\r\n\t\tthis.config.xAxisMode = options.axisOptions.xAxisMode || 'span';\r\n\t\tthis.config.yAxisMode = options.axisOptions.yAxisMode || 'span';\r\n\t\tthis.config.xIsSeries = options.axisOptions.xIsSeries || 0;\r\n\t\tthis.config.shortenYAxisNumbers = options.axisOptions.shortenYAxisNumbers || 0;\r\n\r\n\t\tthis.config.formatTooltipX = options.tooltipOptions.formatTooltipX;\r\n\t\tthis.config.formatTooltipY = options.tooltipOptions.formatTooltipY;\r\n\r\n\t\tthis.config.valuesOverPoints = options.valuesOverPoints;\r\n\t}\r\n\r\n\tprepareData(data=this.data) {\r\n\t\treturn dataPrep(data, this.type);\r\n\t}\r\n\r\n\tprepareFirstData(data=this.data) {\r\n\t\treturn zeroDataPrep(data);\r\n\t}\r\n\r\n\tcalc(onlyWidthChange = false) {\r\n\t\tthis.calcXPositions();\r\n\t\tif(!onlyWidthChange) {\r\n\t\t\tthis.calcYAxisParameters(this.getAllYValues(), this.type === 'line');\r\n\t\t}\r\n\t\tthis.makeDataByIndex();\r\n\t}\r\n\r\n\tcalcXPositions() {\r\n\t\tlet s = this.state;\r\n\t\tlet labels = this.data.labels;\r\n\t\ts.datasetLength = labels.length;\r\n\r\n\t\ts.unitWidth = this.width/(s.datasetLength);\r\n\t\t// Default, as per bar, and mixed. Only line will be a special case\r\n\t\ts.xOffset = s.unitWidth/2;\r\n\r\n\t\t// // For a pure Line Chart\r\n\t\t// s.unitWidth = this.width/(s.datasetLength - 1);\r\n\t\t// s.xOffset = 0;\r\n\r\n\t\ts.xAxis = {\r\n\t\t\tlabels: labels,\r\n\t\t\tpositions: labels.map((d, i) =>\r\n\t\t\t\tfloatTwo(s.xOffset + i * s.unitWidth)\r\n\t\t\t)\r\n\t\t};\r\n\t}\r\n\r\n\tcalcYAxisParameters(dataValues, withMinimum = 'false') {\r\n\t\tconst yPts = calcChartIntervals(dataValues, withMinimum);\r\n\t\tconst scaleMultiplier = this.height / getValueRange(yPts);\r\n\t\tconst intervalHeight = getIntervalSize(yPts) * scaleMultiplier;\r\n\t\tconst zeroLine = this.height - (getZeroIndex(yPts) * intervalHeight);\r\n\r\n\t\tthis.state.yAxis = {\r\n\t\t\tlabels: yPts,\r\n\t\t\tpositions: yPts.map(d => zeroLine - d * scaleMultiplier),\r\n\t\t\tscaleMultiplier: scaleMultiplier,\r\n\t\t\tzeroLine: zeroLine,\r\n\t\t};\r\n\r\n\t\t// Dependent if above changes\r\n\t\tthis.calcDatasetPoints();\r\n\t\tthis.calcYExtremes();\r\n\t\tthis.calcYRegions();\r\n\t}\r\n\r\n\tcalcDatasetPoints() {\r\n\t\tlet s = this.state;\r\n\t\tlet scaleAll = values => values.map(val => scale(val, s.yAxis));\r\n\r\n\t\ts.datasets = this.data.datasets.map((d, i) => {\r\n\t\t\tlet values = d.values;\r\n\t\t\tlet cumulativeYs = d.cumulativeYs || [];\r\n\t\t\treturn {\r\n\t\t\t\tname: d.name,\r\n\t\t\t\tindex: i,\r\n\t\t\t\tchartType: d.chartType,\r\n\r\n\t\t\t\tvalues: values,\r\n\t\t\t\tyPositions: scaleAll(values),\r\n\r\n\t\t\t\tcumulativeYs: cumulativeYs,\r\n\t\t\t\tcumulativeYPos: scaleAll(cumulativeYs),\r\n\t\t\t};\r\n\t\t});\r\n\t}\r\n\r\n\tcalcYExtremes() {\r\n\t\tlet s = this.state;\r\n\t\tif(this.barOptions.stacked) {\r\n\t\t\ts.yExtremes = s.datasets[s.datasets.length - 1].cumulativeYPos;\r\n\t\t\treturn;\r\n\t\t}\r\n\t\ts.yExtremes = new Array(s.datasetLength).fill(9999);\r\n\t\ts.datasets.map(d => {\r\n\t\t\td.yPositions.map((pos, j) => {\r\n\t\t\t\tif(pos < s.yExtremes[j]) {\r\n\t\t\t\t\ts.yExtremes[j] = pos;\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t});\r\n\t}\r\n\r\n\tcalcYRegions() {\r\n\t\tlet s = this.state;\r\n\t\tif(this.data.yMarkers) {\r\n\t\t\tthis.state.yMarkers = this.data.yMarkers.map(d => {\r\n\t\t\t\td.position = scale(d.value, s.yAxis);\r\n\t\t\t\tif(!d.options) d.options = {};\r\n\t\t\t\t// if(!d.label.includes(':')) {\r\n\t\t\t\t// \td.label += ': ' + d.value;\r\n\t\t\t\t// }\r\n\t\t\t\treturn d;\r\n\t\t\t});\r\n\t\t}\r\n\t\tif(this.data.yRegions) {\r\n\t\t\tthis.state.yRegions = this.data.yRegions.map(d => {\r\n\t\t\t\td.startPos = scale(d.start, s.yAxis);\r\n\t\t\t\td.endPos = scale(d.end, s.yAxis);\r\n\t\t\t\tif(!d.options) d.options = {};\r\n\t\t\t\treturn d;\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\tgetAllYValues() {\r\n\t\tlet key = 'values';\r\n\r\n\t\tif(this.barOptions.stacked) {\r\n\t\t\tkey = 'cumulativeYs';\r\n\t\t\tlet cumulative = new Array(this.state.datasetLength).fill(0);\r\n\t\t\tthis.data.datasets.map((d, i) => {\r\n\t\t\t\tlet values = this.data.datasets[i].values;\r\n\t\t\t\td[key] = cumulative = cumulative.map((c, i) => c + values[i]);\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\tlet allValueLists = this.data.datasets.map(d => d[key]);\r\n\t\tif(this.data.yMarkers) {\r\n\t\t\tallValueLists.push(this.data.yMarkers.map(d => d.value));\r\n\t\t}\r\n\t\tif(this.data.yRegions) {\r\n\t\t\tthis.data.yRegions.map(d => {\r\n\t\t\t\tallValueLists.push([d.end, d.start]);\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\treturn [].concat(...allValueLists);\r\n\t}\r\n\r\n\tsetupComponents() {\r\n\t\tlet componentConfigs = [\r\n\t\t\t[\r\n\t\t\t\t'yAxis',\r\n\t\t\t\t{\r\n\t\t\t\t\tmode: this.config.yAxisMode,\r\n\t\t\t\t\twidth: this.width,\r\n\t\t\t\t\tshortenNumbers: this.config.shortenYAxisNumbers\r\n\t\t\t\t\t// pos: 'right'\r\n\t\t\t\t},\r\n\t\t\t\tfunction() {\r\n\t\t\t\t\treturn this.state.yAxis;\r\n\t\t\t\t}.bind(this)\r\n\t\t\t],\r\n\r\n\t\t\t[\r\n\t\t\t\t'xAxis',\r\n\t\t\t\t{\r\n\t\t\t\t\tmode: this.config.xAxisMode,\r\n\t\t\t\t\theight: this.height,\r\n\t\t\t\t\t// pos: 'right'\r\n\t\t\t\t},\r\n\t\t\t\tfunction() {\r\n\t\t\t\t\tlet s = this.state;\r\n\t\t\t\t\ts.xAxis.calcLabels = getShortenedLabels(this.width,\r\n\t\t\t\t\t\ts.xAxis.labels, this.config.xIsSeries);\r\n\r\n\t\t\t\t\treturn s.xAxis;\r\n\t\t\t\t}.bind(this)\r\n\t\t\t],\r\n\r\n\t\t\t[\r\n\t\t\t\t'yRegions',\r\n\t\t\t\t{\r\n\t\t\t\t\twidth: this.width,\r\n\t\t\t\t\tpos: 'right'\r\n\t\t\t\t},\r\n\t\t\t\tfunction() {\r\n\t\t\t\t\treturn this.state.yRegions;\r\n\t\t\t\t}.bind(this)\r\n\t\t\t],\r\n\t\t];\r\n\r\n\t\tlet barDatasets = this.state.datasets.filter(d => d.chartType === 'bar');\r\n\t\tlet lineDatasets = this.state.datasets.filter(d => d.chartType === 'line');\r\n\r\n\t\tlet barsConfigs = barDatasets.map(d => {\r\n\t\t\tlet index = d.index;\r\n\t\t\treturn [\r\n\t\t\t\t'barGraph' + '-' + d.index,\r\n\t\t\t\t{\r\n\t\t\t\t\tindex: index,\r\n\t\t\t\t\tcolor: this.colors[index],\r\n\t\t\t\t\tstacked: this.barOptions.stacked,\r\n\r\n\t\t\t\t\t// same for all datasets\r\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\r\n\t\t\t\t\tminHeight: this.height * MIN_BAR_PERCENT_HEIGHT,\r\n\t\t\t\t},\r\n\t\t\t\tfunction() {\r\n\t\t\t\t\tlet s = this.state;\r\n\t\t\t\t\tlet d = s.datasets[index];\r\n\t\t\t\t\tlet stacked = this.barOptions.stacked;\r\n\r\n\t\t\t\t\tlet spaceRatio = this.barOptions.spaceRatio || BAR_CHART_SPACE_RATIO;\r\n\t\t\t\t\tlet barsWidth = s.unitWidth * (1 - spaceRatio);\r\n\t\t\t\t\tlet barWidth = barsWidth/(stacked ? 1 : barDatasets.length);\r\n\r\n\t\t\t\t\tlet xPositions = s.xAxis.positions.map(x => x - barsWidth/2);\r\n\t\t\t\t\tif(!stacked) {\r\n\t\t\t\t\t\txPositions = xPositions.map(p => p + barWidth * index);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tlet labels = new Array(s.datasetLength).fill('');\r\n\t\t\t\t\tif(this.config.valuesOverPoints) {\r\n\t\t\t\t\t\tif(stacked && d.index === s.datasets.length - 1) {\r\n\t\t\t\t\t\t\tlabels = d.cumulativeYs;\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\tlabels = d.values;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tlet offsets = new Array(s.datasetLength).fill(0);\r\n\t\t\t\t\tif(stacked) {\r\n\t\t\t\t\t\toffsets = d.yPositions.map((y, j) => y - d.cumulativeYPos[j]);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\txPositions: xPositions,\r\n\t\t\t\t\t\tyPositions: d.yPositions,\r\n\t\t\t\t\t\toffsets: offsets,\r\n\t\t\t\t\t\t// values: d.values,\r\n\t\t\t\t\t\tlabels: labels,\r\n\r\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\r\n\t\t\t\t\t\tbarsWidth: barsWidth,\r\n\t\t\t\t\t\tbarWidth: barWidth,\r\n\t\t\t\t\t};\r\n\t\t\t\t}.bind(this)\r\n\t\t\t];\r\n\t\t});\r\n\r\n\t\tlet lineConfigs = lineDatasets.map(d => {\r\n\t\t\tlet index = d.index;\r\n\t\t\treturn [\r\n\t\t\t\t'lineGraph' + '-' + d.index,\r\n\t\t\t\t{\r\n\t\t\t\t\tindex: index,\r\n\t\t\t\t\tcolor: this.colors[index],\r\n\t\t\t\t\tsvgDefs: this.svgDefs,\r\n\t\t\t\t\theatline: this.lineOptions.heatline,\r\n\t\t\t\t\tregionFill: this.lineOptions.regionFill,\r\n\t\t\t\t\tspline: this.lineOptions.spline,\r\n\t\t\t\t\thideDots: this.lineOptions.hideDots,\r\n\t\t\t\t\thideLine: this.lineOptions.hideLine,\r\n\r\n\t\t\t\t\t// same for all datasets\r\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\r\n\t\t\t\t},\r\n\t\t\t\tfunction() {\r\n\t\t\t\t\tlet s = this.state;\r\n\t\t\t\t\tlet d = s.datasets[index];\r\n\t\t\t\t\tlet minLine = s.yAxis.positions[0] < s.yAxis.zeroLine\r\n\t\t\t\t\t\t? s.yAxis.positions[0] : s.yAxis.zeroLine;\r\n\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\txPositions: s.xAxis.positions,\r\n\t\t\t\t\t\tyPositions: d.yPositions,\r\n\r\n\t\t\t\t\t\tvalues: d.values,\r\n\r\n\t\t\t\t\t\tzeroLine: minLine,\r\n\t\t\t\t\t\tradius: this.lineOptions.dotSize || LINE_CHART_DOT_SIZE,\r\n\t\t\t\t\t};\r\n\t\t\t\t}.bind(this)\r\n\t\t\t];\r\n\t\t});\r\n\r\n\t\tlet markerConfigs = [\r\n\t\t\t[\r\n\t\t\t\t'yMarkers',\r\n\t\t\t\t{\r\n\t\t\t\t\twidth: this.width,\r\n\t\t\t\t\tpos: 'right'\r\n\t\t\t\t},\r\n\t\t\t\tfunction() {\r\n\t\t\t\t\treturn this.state.yMarkers;\r\n\t\t\t\t}.bind(this)\r\n\t\t\t]\r\n\t\t];\r\n\r\n\t\tcomponentConfigs = componentConfigs.concat(barsConfigs, lineConfigs, markerConfigs);\r\n\r\n\t\tlet optionals = ['yMarkers', 'yRegions'];\r\n\t\tthis.dataUnitComponents = [];\r\n\r\n\t\tthis.components = new Map(componentConfigs\r\n\t\t\t.filter(args => !optionals.includes(args[0]) || this.state[args[0]])\r\n\t\t\t.map(args => {\r\n\t\t\t\tlet component = getComponent(...args);\r\n\t\t\t\tif(args[0].includes('lineGraph') || args[0].includes('barGraph')) {\r\n\t\t\t\t\tthis.dataUnitComponents.push(component);\r\n\t\t\t\t}\r\n\t\t\t\treturn [args[0], component];\r\n\t\t\t}));\r\n\t}\r\n\r\n\tmakeDataByIndex() {\r\n\t\tthis.dataByIndex = {};\r\n\r\n\t\tlet s = this.state;\r\n\t\tlet formatX = this.config.formatTooltipX;\r\n\t\tlet formatY = this.config.formatTooltipY;\r\n\t\tlet titles = s.xAxis.labels;\r\n\r\n\t\ttitles.map((label, index) => {\r\n\t\t\tlet values = this.state.datasets.map((set, i) => {\r\n\t\t\t\tlet value = set.values[index];\r\n\t\t\t\treturn {\r\n\t\t\t\t\ttitle: set.name,\r\n\t\t\t\t\tvalue: value,\r\n\t\t\t\t\tyPos: set.yPositions[index],\r\n\t\t\t\t\tcolor: this.colors[i],\r\n\t\t\t\t\tformatted: formatY ? formatY(value) : value,\r\n\t\t\t\t};\r\n\t\t\t});\r\n\r\n\t\t\tthis.dataByIndex[index] = {\r\n\t\t\t\tlabel: label,\r\n\t\t\t\tformattedLabel: formatX ? formatX(label) : label,\r\n\t\t\t\txPos: s.xAxis.positions[index],\r\n\t\t\t\tvalues: values,\r\n\t\t\t\tyExtreme: s.yExtremes[index],\r\n\t\t\t};\r\n\t\t});\r\n\t}\r\n\r\n\tbindTooltip() {\r\n\t\t// NOTE: could be in tooltip itself, as it is a given functionality for its parent\r\n\t\tthis.container.addEventListener('mousemove', (e) => {\r\n\t\t\tlet m = this.measures;\r\n\t\t\tlet o = getOffset(this.container);\r\n\t\t\tlet relX = e.pageX - o.left - getLeftOffset(m);\r\n\t\t\tlet relY = e.pageY - o.top;\r\n\r\n\t\t\tif(relY < this.height + getTopOffset(m)\r\n\t\t\t\t&& relY > getTopOffset(m)) {\r\n\t\t\t\tthis.mapTooltipXPosition(relX);\r\n\t\t\t} else {\r\n\t\t\t\tthis.tip.hideTip();\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\tmapTooltipXPosition(relX) {\r\n\t\tlet s = this.state;\r\n\t\tif(!s.yExtremes) return;\r\n\r\n\t\tlet index = getClosestInArray(relX, s.xAxis.positions, true);\r\n\t\tlet dbi = this.dataByIndex[index];\r\n\r\n\t\tthis.tip.setValues(\r\n\t\t\tdbi.xPos + this.tip.offset.x,\r\n\t\t\tdbi.yExtreme + this.tip.offset.y,\r\n\t\t\t{name: dbi.formattedLabel, value: ''},\r\n\t\t\tdbi.values,\r\n\t\t\tindex\r\n\t\t);\r\n\r\n\t\tthis.tip.showTip();\r\n\t}\r\n\r\n\trenderLegend() {\r\n\t\tlet s = this.data;\r\n\t\tif(s.datasets.length > 1) {\r\n\t\t\tthis.legendArea.textContent = '';\r\n\t\t\ts.datasets.map((d, i) => {\r\n\t\t\t\tlet barWidth = AXIS_LEGEND_BAR_SIZE;\r\n\t\t\t\t// let rightEndPoint = this.baseWidth - this.measures.margins.left - this.measures.margins.right;\r\n\t\t\t\t// let multiplier = s.datasets.length - i;\r\n\t\t\t\tlet rect = legendBar(\r\n\t\t\t\t\t// rightEndPoint - multiplier * barWidth,\t// To right align\r\n\t\t\t\t\tbarWidth * i,\r\n\t\t\t\t\t'0',\r\n\t\t\t\t\tbarWidth,\r\n\t\t\t\t\tthis.colors[i],\r\n\t\t\t\t\td.name,\r\n\t\t\t\t\tthis.config.truncateLegends);\r\n\t\t\t\tthis.legendArea.appendChild(rect);\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\r\n\r\n\t// Overlay\r\n\tmakeOverlay() {\r\n\t\tif(this.init) {\r\n\t\t\tthis.init = 0;\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tif(this.overlayGuides) {\r\n\t\t\tthis.overlayGuides.forEach(g => {\r\n\t\t\t\tlet o = g.overlay;\r\n\t\t\t\to.parentNode.removeChild(o);\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\tthis.overlayGuides = this.dataUnitComponents.map(c => {\r\n\t\t\treturn {\r\n\t\t\t\ttype: c.unitType,\r\n\t\t\t\toverlay: undefined,\r\n\t\t\t\tunits: c.units,\r\n\t\t\t};\r\n\t\t});\r\n\r\n\t\tif(this.state.currentIndex === undefined) {\r\n\t\t\tthis.state.currentIndex = this.state.datasetLength - 1;\r\n\t\t}\r\n\r\n\t\t// Render overlays\r\n\t\tthis.overlayGuides.map(d => {\r\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\r\n\r\n\t\t\td.overlay = makeOverlay[d.type](currentUnit);\r\n\t\t\tthis.drawArea.appendChild(d.overlay);\r\n\t\t});\r\n\t}\r\n\r\n\tupdateOverlayGuides() {\r\n\t\tif(this.overlayGuides) {\r\n\t\t\tthis.overlayGuides.forEach(g => {\r\n\t\t\t\tlet o = g.overlay;\r\n\t\t\t\to.parentNode.removeChild(o);\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\tbindOverlay() {\r\n\t\tthis.parent.addEventListener('data-select', () => {\r\n\t\t\tthis.updateOverlay();\r\n\t\t});\r\n\t}\r\n\r\n\tbindUnits() {\r\n\t\tthis.dataUnitComponents.map(c => {\r\n\t\t\tc.units.map(unit => {\r\n\t\t\t\tunit.addEventListener('click', () => {\r\n\t\t\t\t\tlet index = unit.getAttribute('data-point-index');\r\n\t\t\t\t\tthis.setCurrentDataPoint(index);\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t});\r\n\r\n\t\t// Note: Doesn't work as tooltip is absolutely positioned\r\n\t\tthis.tip.container.addEventListener('click', () => {\r\n\t\t\tlet index = this.tip.container.getAttribute('data-point-index');\r\n\t\t\tthis.setCurrentDataPoint(index);\r\n\t\t});\r\n\t}\r\n\r\n\tupdateOverlay() {\r\n\t\tthis.overlayGuides.map(d => {\r\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\r\n\t\t\tupdateOverlay[d.type](currentUnit, d.overlay);\r\n\t\t});\r\n\t}\r\n\r\n\tonLeftArrow() {\r\n\t\tthis.setCurrentDataPoint(this.state.currentIndex - 1);\r\n\t}\r\n\r\n\tonRightArrow() {\r\n\t\tthis.setCurrentDataPoint(this.state.currentIndex + 1);\r\n\t}\r\n\r\n\tgetDataPoint(index=this.state.currentIndex) {\r\n\t\tlet s = this.state;\r\n\t\tlet data_point = {\r\n\t\t\tindex: index,\r\n\t\t\tlabel: s.xAxis.labels[index],\r\n\t\t\tvalues: s.datasets.map(d => d.values[index])\r\n\t\t};\r\n\t\treturn data_point;\r\n\t}\r\n\r\n\tsetCurrentDataPoint(index) {\r\n\t\tlet s = this.state;\r\n\t\tindex = parseInt(index);\r\n\t\tif(index < 0) index = 0;\r\n\t\tif(index >= s.xAxis.labels.length) index = s.xAxis.labels.length - 1;\r\n\t\tif(index === s.currentIndex) return;\r\n\t\ts.currentIndex = index;\r\n\t\tfire(this.parent, \"data-select\", this.getDataPoint());\r\n\t}\r\n\r\n\r\n\r\n\t// API\r\n\taddDataPoint(label, datasetValues, index=this.state.datasetLength) {\r\n\t\tsuper.addDataPoint(label, datasetValues, index);\r\n\t\tthis.data.labels.splice(index, 0, label);\r\n\t\tthis.data.datasets.map((d, i) => {\r\n\t\t\td.values.splice(index, 0, datasetValues[i]);\r\n\t\t});\r\n\t\tthis.update(this.data);\r\n\t}\r\n\r\n\tremoveDataPoint(index = this.state.datasetLength-1) {\r\n\t\tif (this.data.labels.length <= 1) {\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tsuper.removeDataPoint(index);\r\n\t\tthis.data.labels.splice(index, 1);\r\n\t\tthis.data.datasets.map(d => {\r\n\t\t\td.values.splice(index, 1);\r\n\t\t});\r\n\t\tthis.update(this.data);\r\n\t}\r\n\r\n\tupdateDataset(datasetValues, index=0) {\r\n\t\tthis.data.datasets[index].values = datasetValues;\r\n\t\tthis.update(this.data);\r\n\t}\r\n\t// addDataset(dataset, index) {}\r\n\t// removeDataset(index = 0) {}\r\n\r\n\tupdateDatasets(datasets) {\r\n\t\tthis.data.datasets.map((d, i) => {\r\n\t\t\tif(datasets[i]) {\r\n\t\t\t\td.values = datasets[i];\r\n\t\t\t}\r\n\t\t});\r\n\t\tthis.update(this.data);\r\n\t}\r\n\r\n\t// updateDataPoint(dataPoint, index = 0) {}\r\n\t// addDataPoint(dataPoint, index = 0) {}\r\n\t// removeDataPoint(index = 0) {}\r\n}\r\n","import AggregationChart from './AggregationChart';\r\nimport { getComponent } from '../objects/ChartComponents';\r\nimport { getOffset } from '../utils/dom';\r\nimport { getPositionByAngle } from '../utils/helpers';\r\nimport { makeArcStrokePathStr, makeStrokeCircleStr } from '../utils/draw';\r\nimport { lightenDarkenColor } from '../utils/colors';\r\nimport { transform } from '../utils/animation';\r\nimport { FULL_ANGLE } from '../utils/constants';\r\n\r\nexport default class DonutChart extends AggregationChart {\r\n\tconstructor(parent, args) {\r\n\t\tsuper(parent, args);\r\n\t\tthis.type = 'donut';\r\n\t\tthis.initTimeout = 0;\r\n\t\tthis.init = 1;\r\n\r\n\t\tthis.setup();\r\n\t}\r\n\r\n\tconfigure(args) {\r\n\t\tsuper.configure(args);\r\n\t\tthis.mouseMove = this.mouseMove.bind(this);\r\n\t\tthis.mouseLeave = this.mouseLeave.bind(this);\r\n\r\n\t\tthis.hoverRadio = args.hoverRadio || 0.1;\r\n\t\tthis.config.startAngle = args.startAngle || 0;\r\n\r\n\t\tthis.clockWise = args.clockWise || false;\r\n\t\tthis.strokeWidth = args.strokeWidth || 30;\r\n\t}\r\n\r\n\tcalc() {\r\n\t\tsuper.calc();\r\n\t\tlet s = this.state;\r\n\t\tthis.radius =\r\n\t\t\tthis.height > this.width\r\n\t\t\t\t? this.center.x - this.strokeWidth / 2\r\n\t\t\t\t: this.center.y - this.strokeWidth / 2;\r\n\r\n\t\tconst { radius, clockWise } = this;\r\n\r\n\t\tconst prevSlicesProperties = s.slicesProperties || [];\r\n\t\ts.sliceStrings = [];\r\n\t\ts.slicesProperties = [];\r\n\t\tlet curAngle = 180 - this.config.startAngle;\r\n\r\n\t\ts.sliceTotals.map((total, i) => {\r\n\t\t\tconst startAngle = curAngle;\r\n\t\t\tconst originDiffAngle = (total / s.grandTotal) * FULL_ANGLE;\r\n\t\t\tconst largeArc = originDiffAngle > 180 ? 1: 0;\r\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\r\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\r\n\t\t\tconst startPosition = getPositionByAngle(startAngle, radius);\r\n\t\t\tconst endPosition = getPositionByAngle(endAngle, radius);\r\n\r\n\t\t\tconst prevProperty = this.init && prevSlicesProperties[i];\r\n\r\n\t\t\tlet curStart,curEnd;\r\n\t\t\tif(this.init) {\r\n\t\t\t\tcurStart = prevProperty ? prevProperty.startPosition : startPosition;\r\n\t\t\t\tcurEnd = prevProperty ? prevProperty.endPosition : startPosition;\r\n\t\t\t} else {\r\n\t\t\t\tcurStart = startPosition;\r\n\t\t\t\tcurEnd = endPosition;\r\n\t\t\t}\r\n\t\t\tconst curPath =\r\n\t\t\t\toriginDiffAngle === 360\r\n\t\t\t\t\t? makeStrokeCircleStr(curStart, curEnd, this.center, this.radius, this.clockWise, largeArc)\r\n\t\t\t\t\t: makeArcStrokePathStr(curStart, curEnd, this.center, this.radius, this.clockWise, largeArc);\r\n\r\n\t\t\ts.sliceStrings.push(curPath);\r\n\t\t\ts.slicesProperties.push({\r\n\t\t\t\tstartPosition,\r\n\t\t\t\tendPosition,\r\n\t\t\t\tvalue: total,\r\n\t\t\t\ttotal: s.grandTotal,\r\n\t\t\t\tstartAngle,\r\n\t\t\t\tendAngle,\r\n\t\t\t\tangle: diffAngle\r\n\t\t\t});\r\n\r\n\t\t});\r\n\t\tthis.init = 0;\r\n\t}\r\n\r\n\tsetupComponents() {\r\n\t\tlet s = this.state;\r\n\r\n\t\tlet componentConfigs = [\r\n\t\t\t[\r\n\t\t\t\t'donutSlices',\r\n\t\t\t\t{ },\r\n\t\t\t\tfunction() {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tsliceStrings: s.sliceStrings,\r\n\t\t\t\t\t\tcolors: this.colors,\r\n\t\t\t\t\t\tstrokeWidth: this.strokeWidth,\r\n\t\t\t\t\t};\r\n\t\t\t\t}.bind(this)\r\n\t\t\t]\r\n\t\t];\r\n\r\n\t\tthis.components = new Map(componentConfigs\r\n\t\t\t.map(args => {\r\n\t\t\t\tlet component = getComponent(...args);\r\n\t\t\t\treturn [args[0], component];\r\n\t\t\t}));\r\n\t}\r\n\r\n\tcalTranslateByAngle(property){\r\n\t\tconst{ radius, hoverRadio } = this;\r\n\t\tconst position = getPositionByAngle(property.startAngle+(property.angle / 2),radius);\r\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\r\n\t}\r\n\r\n\thoverSlice(path,i,flag,e){\r\n\t\tif(!path) return;\r\n\t\tconst color = this.colors[i];\r\n\t\tif(flag) {\r\n\t\t\ttransform(path, this.calTranslateByAngle(this.state.slicesProperties[i]));\r\n\t\t\tpath.style.stroke = lightenDarkenColor(color, 50);\r\n\t\t\tlet g_off = getOffset(this.svg);\r\n\t\t\tlet x = e.pageX - g_off.left + 10;\r\n\t\t\tlet y = e.pageY - g_off.top - 10;\r\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length > 0\r\n\t\t\t\t? this.formatted_labels[i] : this.state.labels[i]) + ': ';\r\n\t\t\tlet percent = (this.state.sliceTotals[i] * 100 / this.state.grandTotal).toFixed(1);\r\n\t\t\tthis.tip.setValues(x, y, {name: title, value: percent + \"%\"});\r\n\t\t\tthis.tip.showTip();\r\n\t\t} else {\r\n\t\t\ttransform(path,'translate3d(0,0,0)');\r\n\t\t\tthis.tip.hideTip();\r\n\t\t\tpath.style.stroke = color;\r\n\t\t}\r\n\t}\r\n\r\n\tbindTooltip() {\r\n\t\tthis.container.addEventListener('mousemove', this.mouseMove);\r\n\t\tthis.container.addEventListener('mouseleave', this.mouseLeave);\r\n\t}\r\n\r\n\tmouseMove(e){\r\n\t\tconst target = e.target;\r\n\t\tlet slices = this.components.get('donutSlices').store;\r\n\t\tlet prevIndex = this.curActiveSliceIndex;\r\n\t\tlet prevAcitve = this.curActiveSlice;\r\n\t\tif(slices.includes(target)) {\r\n\t\t\tlet i = slices.indexOf(target);\r\n\t\t\tthis.hoverSlice(prevAcitve, prevIndex,false);\r\n\t\t\tthis.curActiveSlice = target;\r\n\t\t\tthis.curActiveSliceIndex = i;\r\n\t\t\tthis.hoverSlice(target, i, true, e);\r\n\t\t} else {\r\n\t\t\tthis.mouseLeave();\r\n\t\t}\r\n\t}\r\n\r\n\tmouseLeave(){\r\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\r\n\t}\r\n}\r\n","import * as Charts from './chart';\r\n\r\nlet frappe = { };\r\n\r\nfrappe.NAME = 'Frappe Charts';\r\nfrappe.VERSION = '1.2.4';\r\n\r\nfrappe = Object.assign({ }, frappe, Charts);\r\n\r\nexport default frappe;"],"names":["expr","con","document","querySelector","getOffset","element","rect","getBoundingClientRect","top","documentElement","scrollTop","body","left","scrollLeft","isElementInViewport","el","bottom","window","innerHeight","clientHeight","right","innerWidth","clientWidth","getElementContentWidth","styles","getComputedStyle","padding","parseFloat","paddingLeft","paddingRight","fire","target","type","properties","evt","createEvent","initEvent","j","dispatchEvent","getTopOffset","m","titleHeight","margins","paddings","getLeftOffset","getExtraHeight","legendHeight","getExtraWidth","floatTwo","d","toFixed","fillArray","array","count","start","length","fillerArray","Array","Math","abs","fill","concat","getStringWidth","string","charWidth","getPositionByAngle","angle","radius","sin","ANGLE_RATIO","cos","getBarHeightAndYAttr","yTop","zeroLine","height","y","equilizeNoOfElements","array1","array2","extraCount","truncateString","txt","len","slice","shortenLargeNumber","label","number","Number","isNaN","p","floor","log10","l","shortened","pow","round","createSplineCurve","xList","yList","points","i","push","line","pointA","pointB","lengthX","lengthY","sqrt","atan2","controlPoint","current","previous","next","reverse","o","PI","command","reduce","acc","point","a","cps","cpe","limitColor","r","lightenDarkenColor","color","amt","col","getColor","usePound","num","parseInt","b","g","toString","isValidColor","test","$","createSVG","tag","createElementNS","val","appendChild","ref","parentNode","insertBefore","keys","map","style","prop","setAttribute","renderVerticalGradient","svgDefElem","gradientId","setGradientStop","gradElem","offset","opacity","makeSVGContainer","parent","className","width","makeSVGDefs","svgContainer","makeSVGGroup","transform","undefined","args","inside","makePath","pathStr","makeArcPathStr","startPosition","endPosition","center","clockWise","largeArc","arcStartX","x","arcStartY","arcEndX","arcEndY","makeCircleStr","midArc","makeArcStrokePathStr","makeStrokeCircleStr","makeGradient","lighter","gradientDef","opacities","percentageBar","depth","PERCENTAGE_BAR_DEFAULT_DEPTH","heatSquare","size","data","key","legendBar","LABEL_MAX_CHARS","text","FONT_SIZE","FONT_FILL","group","legendDot","makeText","content","options","fontSize","dy","textAnchor","makeVertLine","y1","y2","stroke","BASE_LINE_COLOR","LABEL_MARGIN","makeHoriLine","x1","x2","lineType","shortenNumbers","yLine","pos","mode","AXIS_TICK_LENGTH","xLine","yMarker","labelPos","labelSvg","yRegion","region","datasetBar","index","meta","minHeight","datasetDot","dot","getPaths","pointsStr","join","spline","path","heatline","gradient_id","svgDefs","paths","regionFill","gradient_id_region","translate","unit","oldCoord","newCoord","duration","old","STD_EASING","translateVertLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","animateBar","bar","nodeName","UNIT_ANIM_DUR","split","animateDot","cx","cy","animatePath","newXList","newYList","pathComponents","animPath","PATH_ANIM_DUR","regStartPt","regEndPt","animRegion","animatePathStr","oldPath","animateSVGElement","props","dur","easingType","oldValues","animElement","cloneNode","newElement","attributeName","animateElement","currentValue","value","animAttr","EASING","webkitTransform","msTransform","mozTransform","oTransform","animateSVG","elements","newElements","animElements","replaceChild","animSvg","runSMILAnimation","svgElement","elementsToAnimate","animSvgElement","removeChild","REPLACE_ALL_NEW_DUR","downloadFile","filename","createElement","blob","Blob","url","URL","createObjectURL","href","download","click","revokeObjectURL","prepareForExport","svg","clone","classList","add","styleEl","create","CSSTEXT","firstChild","container","innerHTML","treatAsUtc","date","result","Date","setMinutes","getMinutes","getTimezoneOffset","getYyyyMmDd","dd","getDate","mm","getMonth","getFullYear","getTime","getWeeksBetween","startDate","endDate","weekStartDate","setDayToSunday","ceil","getDaysBetween","NO_OF_DAYS_IN_WEEK","millisecondsPerDay","SEC_IN_DAY","NO_OF_MILLIS","areInSameMonth","getMonthName","short","monthName","MONTH_NAMES","getLastDateInMonth","month","year","newDate","day","getDay","addDays","numberOfDays","setDate","getComponent","name","constants","getData","Object","componentConfigs","filter","includes","k","config","assign","ChartComponent","normalize","mantissa","exponent","sig","isFinite","exp","getChartRangeIntervals","max","min","upperBound","lowerBound","range","noOfParts","partSize","intervals","getChartIntervals","maxValue","minValue","normalMaxValue","normalMinValue","calcChartIntervals","values","getPositiveFirstIntervals","absMinValue","intervalSize","unshift","withMinimum","pseudoMaxValue","pseudoMinValue","getZeroIndex","yPts","interval","getIntervalSize","indexOf","orderedArray","getValueRange","scale","yAxis","scaleMultiplier","getClosestInArray","goal","arr","closest","prev","curr","calcDistribution","distributionSize","dataMaxValue","distributionStep","distribution","checkpoint","getMaxCheckpoint","dataPrep","labels","datasetLength","datasets","zeroArray","vals","chartType","AXIS_DATASET_CHART_TYPES","yRegions","end","zeroDataPrep","realData","zeroData","yMarkers","getShortenedLabels","chartWidth","isSeries","allowedSpace","allowedLetters","DEFAULT_CHAR_WIDTH","getChartByType","AxisChart","chartTypes","error","css","insertAt","head","getElementsByTagName","styleSheet","cssText","createTextNode","BASE_MEASURES","INIT_CHART_UPDATE_TIMEOUT","DEFAULT_CHART_COLORS","DEFAULT_COLORS","SvgTip","colors","titleName","titleValue","listValues","titleValueFirst","setup","makeTooltip","calcPosition","this","hideTip","title","dataPointList","addEventListener","set","_this2","formatted","li","offsetWidth","offsetHeight","maxLeft","pointer","pointerOffset","valueFirst","refresh","PRESET_COLOR_MAP","makeOverlay","transformValue","overlay","updateOverlay","attributes","attr","specified","nodeValue","BaseChart","HTMLElement","Error","rawChartArgs","prepareData","prepareFirstData","validateColors","isNavigable","truncateLegends","measures","JSON","parse","stringify","setMeasures","showLegend","argHeight","baseHeight","state","initTimeout","overlays","configure","validColors","forEach","warn","boundDrawFn","_this","draw","removeEventListener","makeContainer","updateWidth","independentWidth","tip","bindTooltip","onlyWidthChange","init","calc","makeChartArea","setupComponents","components","c","drawArea","render","update","renderLegend","setupNavigation","baseWidth","titleEL","titleFontSize","legendArea","updateTipOffset","Map","animate","make","updateNav","bindUnits","bindOverlay","keyActions","onEnterKey","bind","onLeftArrow","onUpArrow","onRightArrow","onDownArrow","e","_this4","event","keyCode","chartSvg","AggregationChart","maxSlices","maxLegendPoints","s","sliceTotals","allTotals","total","totals","sort","sumOfRemaining","grandTotal","textContent","legendTotals","barWidth","divisor","_this3","DAY_NAMES_SHORT","layerClass","layerTransform","makeElements","animateElements","store","layer","oldData","sliceStrings","strokeWidth","transition","newData","xPositions","widths","barHeight","barDepth","positions","position","newPos","newLabels","oldPos","oldLabels","calcLabels","_this5","newOptions","startPos","endPos","_this6","newStarts","oldStarts","colWidth","rowHeight","squareSize","xTranslate","serializedSubDomains","cols","week","weekNo","toUpperCase","yyyyMmDd","dataValue","square","unitType","units","yPositions","offsets","barsWidth","newXPos","newYPos","newOffsets","oldXPos","oldYPos","oldOffsets","hideLine","hideDots","valuesOverPoints","newValues","PercentageChart","barOptions","component","xPos","bars","get","gOff","pOff","formattedLabels","fraction","setValues","showTip","PieChart","mouseMove","mouseLeave","hoverRadio","startAngle","prevSlicesProperties","slicesProperties","curAngle","originDiffAngle","diffAngle","endAngle","prevProperty","curStart","curEnd","curPath","property","flag","calTranslateByAngle","g_off","pageX","pageY","formatted_labels","percent","slices","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","Heatmap","countLabel","validStarts","startSubDomain","startSubDomainIndex","discreteDomains","ROW_HEIGHT","HEATMAP_SQUARE_SIZE","spacing","noOfWeeks","setFullYear","dataPoints","timestampSec","firstWeekStart","domainConfigs","getDomains","lessCol","dayName","dayText","daySquares","comp","daySquare","dateParts","lessText","COL_WIDTH","moreText","HEATMAP_DISTRIBUTION_SIZE","startMonth","startYear","noOfMonths","startOfMonth","getDomainConfig","startOfWeek","domainConfig","noOfMonthWeeks","getCol","empty","currentDate","currentDateWithinData","getSubDomainConfig","lineOptions","axisOptions","tooltipOptions","xAxisMode","yAxisMode","xIsSeries","shortenYAxisNumbers","formatTooltipX","formatTooltipY","calcXPositions","calcYAxisParameters","getAllYValues","makeDataByIndex","unitWidth","xOffset","xAxis","dataValues","intervalHeight","calcDatasetPoints","calcYExtremes","calcYRegions","scaleAll","cumulativeYs","stacked","yExtremes","cumulativeYPos","cumulative","allValueLists","barDatasets","lineDatasets","barsConfigs","spaceRatio","lineConfigs","minLine","dotSize","markerConfigs","optionals","dataUnitComponents","dataByIndex","formatX","formatY","relX","relY","mapTooltipXPosition","dbi","yExtreme","formattedLabel","overlayGuides","currentIndex","currentUnit","_this7","setCurrentDataPoint","_this9","_this10","getDataPoint","datasetValues","splice","DonutChart","Chart","frappe","NAME","VERSION","Charts"],"mappings":"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"} \ No newline at end of file diff --git a/docs/assets/js/data.js b/docs/assets/js/data.js new file mode 100644 index 0000000..f679316 --- /dev/null +++ b/docs/assets/js/data.js @@ -0,0 +1,179 @@ +import { MONTH_NAMES_SHORT } from '../../../src/js/utils/date-utils'; + +// Composite Chart +// ================================================================================ +const reportCountList = [152, 222, 199, 287, 534, 709, + 1179, 1256, 1632, 1856, 1850]; + +export const lineCompositeData = { + labels: ["2007", "2008", "2009", "2010", "2011", "2012", + "2013", "2014", "2015", "2016", "2017"], + + yMarkers: [ + { + label: "Average 100 reports/month", + value: 1200, + options: { labelPos: 'left' } + } + ], + + datasets: [{ + "name": "Events", + "values": reportCountList + }] +}; + + +export const fireball_5_25 = [ + [4, 0, 3, 1, 1, 2, 1, 1, 1, 0, 1, 1], + [2, 3, 3, 2, 1, 3, 0, 1, 2, 7, 10, 4], + [5, 6, 2, 4, 0, 1, 4, 3, 0, 2, 0, 1], + [0, 2, 6, 2, 1, 1, 2, 3, 6, 3, 7, 8], + [6, 8, 7, 7, 4, 5, 6, 5, 22, 12, 10, 11], + [7, 10, 11, 7, 3, 2, 7, 7, 11, 15, 22, 20], + [13, 16, 21, 18, 19, 17, 12, 17, 31, 28, 25, 29], + [24, 14, 21, 14, 11, 15, 19, 21, 41, 22, 32, 18], + [31, 20, 30, 22, 14, 17, 21, 35, 27, 50, 117, 24], + [32, 24, 21, 27, 11, 27, 43, 37, 44, 40, 48, 32], + [31, 38, 36, 26, 23, 23, 25, 29, 26, 47, 61, 50], +]; +export const fireball_2_5 = [ + [22, 6, 6, 9, 7, 8, 6, 14, 19, 10, 8, 20], + [11, 13, 12, 8, 9, 11, 9, 13, 10, 22, 40, 24], + [20, 13, 13, 19, 13, 10, 14, 13, 20, 18, 5, 9], + [7, 13, 16, 19, 12, 11, 21, 27, 27, 24, 33, 33], + [38, 25, 28, 22, 31, 21, 35, 42, 37, 32, 46, 53], + [50, 33, 36, 34, 35, 28, 27, 52, 58, 59, 75, 69], + [54, 67, 67, 45, 66, 51, 38, 64, 90, 113, 116, 87], + [84, 52, 56, 51, 55, 46, 50, 87, 114, 83, 152, 93], + [73, 58, 59, 63, 56, 51, 83, 140, 103, 115, 265, 89], + [106, 95, 94, 71, 77, 75, 99, 136, 129, 154, 168, 156], + [81, 102, 95, 72, 58, 91, 89, 122, 124, 135, 183, 171], +]; +export const fireballOver25 = [ + // [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], + [0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0], + [0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0], + [1, 1, 0, 0, 0, 0, 1, 0, 1, 0, 0, 0], + [0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 2], + [3, 2, 1, 3, 2, 0, 2, 2, 2, 3, 0, 1], + [2, 3, 5, 2, 1, 3, 0, 2, 3, 5, 1, 4], + [7, 4, 6, 1, 9, 2, 2, 2, 20, 9, 4, 9], + [5, 6, 1, 2, 5, 4, 5, 5, 16, 9, 14, 9], + [5, 4, 7, 5, 1, 5, 3, 3, 5, 7, 22, 2], + [5, 13, 11, 6, 1, 7, 9, 8, 14, 17, 16, 3], + [8, 9, 8, 6, 4, 8, 5, 6, 14, 11, 21, 12] +]; + +export const barCompositeData = { + labels: MONTH_NAMES_SHORT, + datasets: [ + { + name: "Over 25 reports", + values: fireballOver25[9], + }, + { + name: "5 to 25 reports", + values: fireball_5_25[9], + }, + { + name: "2 to 5 reports", + values: fireball_2_5[9] + } + ] +}; + +// Demo Chart multitype Chart +// ================================================================================ +export const typeData = { + labels: ["12am-3am", "3am-6am", "6am-9am", "9am-12pm", + "12pm-3pm", "3pm-6pm", "6pm-9pm", "9pm-12am"], + + yMarkers: [ + { + label: "Marker", + value: 43, + options: { labelPos: 'left' } + // type: 'dashed' + } + ], + + yRegions: [ + { + label: "Region", + start: -10, + end: 50, + options: { labelPos: 'right' } + }, + ], + + datasets: [ + { + name: "Some Data", + values: [18, 40, 30, 35, 8, 52, 17, -4], + axisPosition: 'right', + chartType: 'bar' + }, + { + name: "Another Set", + values: [30, 50, -10, 15, 18, 32, 27, 14], + axisPosition: 'right', + chartType: 'bar' + }, + { + name: "Yet Another", + values: [15, 20, -3, -15, 58, 12, -17, 37], + chartType: 'line' + } + ] +}; + +export const trendsData = { + labels: [1967, 1968, 1969, 1970, 1971, 1972, 1973, 1974, 1975, 1976, + 1977, 1978, 1979, 1980, 1981, 1982, 1983, 1984, 1985, 1986, + 1987, 1988, 1989, 1990, 1991, 1992, 1993, 1994, 1995, 1996, + 1997, 1998, 1999, 2000, 2001, 2002, 2003, 2004, 2005, 2006, + 2007, 2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016] , + datasets: [ + { + values: [132.9, 150.0, 149.4, 148.0, 94.4, 97.6, 54.1, 49.2, 22.5, 18.4, + 39.3, 131.0, 220.1, 218.9, 198.9, 162.4, 91.0, 60.5, 20.6, 14.8, + 33.9, 123.0, 211.1, 191.8, 203.3, 133.0, 76.1, 44.9, 25.1, 11.6, + 28.9, 88.3, 136.3, 173.9, 170.4, 163.6, 99.3, 65.3, 45.8, 24.7, + 12.6, 4.2, 4.8, 24.9, 80.8, 84.5, 94.0, 113.3, 69.8, 39.8] + } + ] +}; + +export const moonData = { + names: ["Ganymede", "Callisto", "Io", "Europa"], + masses: [14819000, 10759000, 8931900, 4800000], + distances: [1070.412, 1882.709, 421.700, 671.034], + diameters: [5262.4, 4820.6, 3637.4, 3121.6], +}; + +// const jupiterMoons = { +// 'Ganymede': { +// mass: '14819000 x 10^16 kg', +// 'semi-major-axis': '1070412 km', +// 'diameter': '5262.4 km' +// }, +// 'Callisto': { +// mass: '10759000 x 10^16 kg', +// 'semi-major-axis': '1882709 km', +// 'diameter': '4820.6 km' +// }, +// 'Io': { +// mass: '8931900 x 10^16 kg', +// 'semi-major-axis': '421700 km', +// 'diameter': '3637.4 km' +// }, +// 'Europa': { +// mass: '4800000 x 10^16 kg', +// 'semi-major-axis': '671034 km', +// 'diameter': '3121.6 km' +// }, +// }; + +// ================================================================================ + diff --git a/docs/assets/js/demoConfig.js b/docs/assets/js/demoConfig.js new file mode 100644 index 0000000..b7a0161 --- /dev/null +++ b/docs/assets/js/demoConfig.js @@ -0,0 +1,55 @@ +import { lineCompositeData, barCompositeData } from './data'; + +export default { + lineComposite: { + elementID: "#chart-composite-1", + options: { + title: "Fireball/Bolide Events - Yearly (reported)", + data: lineCompositeData, + type: "line", + height: 190, + colors: ["green"], + isNavigable: 1, + valuesOverPoints: 1, + + lineOptions: { + dotSize: 8 + } + } + }, + + barComposite: { + elementID: "#chart-composite-2", + options: { + data: barCompositeData, + type: "bar", + height: 210, + colors: ["violet", "light-blue", "#46a9f9"], + valuesOverPoints: 1, + axisOptions: { + xAxisMode: "tick", + shortenYAxisNumbers: true + }, + barOptions: { + stacked: 1 + } + } + }, + + demoMain: { + elementID: "", + options: { + title: "My Awesome Chart", + data: "typeData", + type: "axis-mixed", + height: 300, + colors: ["purple", "magenta", "light-blue"], + maxSlices: 10, + + tooltipOptions: { + formatTooltipX: d => (d + '').toUpperCase(), + formatTooltipY: d => d + ' pts', + } + } + } +}; \ No newline at end of file diff --git a/docs/assets/js/frappe-charts.min.js b/docs/assets/js/frappe-charts.min.js new file mode 100644 index 0000000..2ae289a --- /dev/null +++ b/docs/assets/js/frappe-charts.min.js @@ -0,0 +1,2 @@ +var frappe=function(){"use strict";function t(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function e(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function i(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function n(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function a(t,e,i){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0);for(var a in i)n[a]=i[a];return t.dispatchEvent(n)}function s(t){return t.titleHeight+t.margins.top+t.paddings.top}function r(t){return t.margins.left+t.paddings.left}function o(t){return t.margins.top+t.margins.bottom+t.paddings.top+t.paddings.bottom+t.titleHeight+t.legendHeight}function l(t){return t.margins.left+t.margins.right+t.paddings.left+t.paddings.right}function u(t){return parseFloat(t.toFixed(2))}function h(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=n?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(i);return t=n?a.concat(t):t.concat(a)}function c(t,e){return(t+"").length*e}function d(t,e){return{x:Math.sin(t*Jt)*e,y:Math.cos(t*Jt)*e}}function p(t,e){var i=void 0,n=void 0;return t<=e?(i=e-t,n=t):(i=t-e,n=e),[i,n]}function f(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=h(t,i):e=h(e,i),[t,e]}function v(t,e){if(t)return t.length>e?t.slice(0,e-3)+"...":t}function g(t){var e=void 0;if("number"==typeof t)e=t;else if("string"==typeof t&&(e=Number(t),Number.isNaN(e)))return t;var i=Math.floor(Math.log10(Math.abs(e)));if(i<=2)return e;var n=Math.floor(i/3),a=Math.pow(10,i-3*n)*+(e/Math.pow(10,i)).toFixed(1);return Math.round(100*a)/100+" "+["","K","M","B","T"][n]}function y(t,e){for(var i=[],n=0;n255?255:t<0?0:t}function b(t,e){var i=Qt(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),s=m((a>>16)+e),r=m((a>>8&255)+e),o=m((255&a)+e);return(n?"#":"")+(o|r<<8|s<<16).toString(16)}function x(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function k(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function w(t,e){var i=document.createElementNS("http://www.w3.org/2000/svg",t);for(var n in e){var a=e[n];if("inside"===n)k(a).appendChild(i);else if("around"===n){var s=k(a);s.parentNode.insertBefore(i,s),i.appendChild(s)}else"styles"===n?"object"===(void 0===a?"undefined":_t(a))&&Object.keys(a).map(function(t){i.style[t]=a[t]}):("className"===n&&(n="class"),"innerHTML"===n?i.textContent=a:i.setAttribute(n,a))}return i}function A(t,e){return w("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function P(t,e,i,n){return w("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function L(t,e,i,n){return w("svg",{className:e,inside:t,width:i,height:n})}function T(t){return w("defs",{inside:t})}function M(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0,n={className:t,transform:e};return i&&(n.inside=i),w("g",n)}function C(t){return w("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none","stroke-width":arguments.length>4&&void 0!==arguments[4]?arguments[4]:2}})}function O(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=i.x+t.x,o=i.y+t.y,l=i.x+e.x,u=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+r+" "+o+"\n\t\tA "+n+" "+n+" 0 "+s+" "+(a?1:0)+"\n\t\t"+l+" "+u+" z"}function D(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=i.x+t.x,o=i.y+t.y,l=i.x+e.x,u=2*i.y,h=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+r+" "+o+"\n\t\tA "+n+" "+n+" 0 "+s+" "+(a?1:0)+"\n\t\t"+l+" "+u+" z\n\t\tL"+r+" "+u+"\n\t\tA "+n+" "+n+" 0 "+s+" "+(a?1:0)+"\n\t\t"+l+" "+h+" z"}function N(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=i.x+t.x,o=i.y+t.y,l=i.x+e.x,u=i.y+e.y;return"M"+r+" "+o+"\n\t\tA "+n+" "+n+" 0 "+s+" "+(a?1:0)+"\n\t\t"+l+" "+u}function S(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=i.x+t.x,o=i.y+t.y,l=i.x+e.x,u=2*n+o,h=i.y+t.y;return"M"+r+" "+o+"\n\t\tA "+n+" "+n+" 0 "+s+" "+(a?1:0)+"\n\t\t"+l+" "+u+"\n\t\tM"+r+" "+u+"\n\t\tA "+n+" "+n+" 0 "+s+" "+(a?1:0)+"\n\t\t"+l+" "+h}function E(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),a=A(t,n),s=[1,.6,.2];return i&&(s=[.4,.2,0]),P(a,"0%",e,s[0]),P(a,"50%",e,s[1]),P(a,"100%",e,s[2]),n}function _(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:Ut,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:"none";return w("rect",{className:"percentage-bar",x:t,y:e,width:i,height:n,fill:s,styles:{stroke:b(s,-25),"stroke-dasharray":"0, "+(n+i)+", "+i+", "+n,"stroke-width":a}})}function z(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r={className:t,x:e,y:i,width:n,height:n,fill:a};return Object.keys(s).map(function(t){r[t]=s[t]}),w("rect",r)}function W(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none",a=arguments[4];a=arguments.length>5&&void 0!==arguments[5]&&arguments[5]?v(a,ee):a;var s={className:"legend-bar",x:0,y:0,width:i,height:"2px",fill:n},r=w("text",{className:"legend-dataset-text",x:0,y:0,dy:2*ie+"px","font-size":1.2*ie+"px","text-anchor":"start",fill:ae,innerHTML:a}),o=w("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(w("rect",s)),o.appendChild(r),o}function H(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none",a=arguments[4],s={className:"legend-dot",cx:0,cy:0,r:i,fill:n},r=w("text",{className:"legend-dataset-text",x:0,y:0,dx:ie+"px",dy:ie/3+"px","font-size":1.2*ie+"px","text-anchor":"start",fill:ae,innerHTML:a}),o=w("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(w("circle",s)),o.appendChild(r),o}function F(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},s=a.fontSize||ie;return w("text",{className:t,x:e,y:i,dy:(void 0!==a.dy?a.dy:s/2)+"px","font-size":s+"px",fill:a.fill||ae,"text-anchor":a.textAnchor||"start",innerHTML:n})}function j(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=ne);var s=w("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),r=w("text",{x:0,y:i>n?i+te:i-te-ie,dy:ie+"px","font-size":ie+"px","text-anchor":"middle",innerHTML:e+""}),o=w("g",{transform:"translate("+t+", 0)"});return o.appendChild(s),o.appendChild(r),o}function I(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=ne),a.lineType||(a.lineType=""),a.shortenNumbers&&(e=g(e));var s=w("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:0,y2:0,styles:{stroke:a.stroke}}),r=w("text",{x:i3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="left"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=ne),n.className||(n.className="");var a=-1*Zt,s="span"===n.mode?i+Zt:0;return"tick"===n.mode&&"right"===n.pos&&(a=i+Zt,s=i),a+=n.offset,s+=n.offset,I(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType,shortenNumbers:n.shortenNumbers})}function Y(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="bottom"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=ne),n.className||(n.className="");var a=i+Zt,s="span"===n.mode?-1*Zt:i;return"tick"===n.mode&&"top"===n.pos&&(a=-1*Zt,s=0),j(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function B(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};n.labelPos||(n.labelPos="right");var a=w("text",{className:"chart-label",x:"left"===n.labelPos?te:i-c(e,5)-te,y:0,dy:ie/-2+"px","font-size":ie+"px","text-anchor":"start",innerHTML:e+""}),s=I(t,"",0,i,{stroke:n.stroke||ne,className:n.className||"",lineType:n.lineType});return s.appendChild(a),s}function V(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},s=t-e,r=w("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:ne,"stroke-dasharray":i+", "+s},x:0,y:0,width:i,height:s});a.labelPos||(a.labelPos="right");var o=w("text",{className:"chart-label",x:"left"===a.labelPos?te:i-c(n+"",4.5)-te,y:0,dy:ie/-2+"px","font-size":ie+"px","text-anchor":"start",innerHTML:n+""}),l=w("g",{transform:"translate(0, "+e+")"});return l.appendChild(r),l.appendChild(o),l}function U(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=p(e,o.zeroLine),u=It(l,2),h=u[0],c=u[1];c-=r,0===h&&(h=o.minHeight,c-=o.minHeight);var d=w("rect",{className:"bar mini",style:"fill: "+n,"data-point-index":s,x:t,y:c,width:i,height:h});if((a+="")||a.length){d.setAttribute("y",0),d.setAttribute("x",0);var f=w("text",{className:"data-point-value",x:i/2,y:0,dy:ie/2*-1+"px","font-size":ie+"px","text-anchor":"middle",innerHTML:a}),v=w("g",{"data-point-index":s,transform:"translate("+t+", "+c+")"});return v.appendChild(d),v.appendChild(f),v}return d}function G(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=w("circle",{style:"fill: "+n,"data-point-index":s,cx:t,cy:e,r:i});if((a+="")||a.length){r.setAttribute("cy",0),r.setAttribute("cx",0);var o=w("text",{className:"data-point-value",x:0,y:0,dy:ie/2*-1-i+"px","font-size":ie+"px","text-anchor":"middle",innerHTML:a}),l=w("g",{"data-point-index":s,transform:"translate("+t+", "+e+")"});return l.appendChild(r),l.appendChild(o),l}return r}function q(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},s=e.map(function(e,i){return t[i]+","+e}).join("L");n.spline&&(s=y(t,e));var r=C("M"+s,"line-graph-path",i);if(n.heatline){var o=E(a.svgDefs,i);r.style.stroke="url(#"+o+")"}var l={path:r};if(n.regionFill){var u=E(a.svgDefs,i,!0),h="M"+t[0]+","+a.zeroLine+"L"+s+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=C(h,"region-fill","none","url(#"+u+")")}return l}function X(t,e,i,n){var a="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},n,ce,"translate",{transform:a}]}function J(t,e,i){return X(t,[i,0],[e,0],ue)}function K(t,e,i){return X(t,[0,i],[0,e],ue)}function $(t,e,i,n){var a=e-i,s=t.childNodes[0];return[[s,{height:a,"stroke-dasharray":s.getAttribute("width")+", "+a},ue,ce],X(t,[0,n],[0,i],ue)]}function Q(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=p(i,(arguments.length>5&&void 0!==arguments[5]?arguments[5]:{}).zeroLine),r=It(s,2),o=r[0],l=r[1];return l-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width:n,height:o},oe,ce],X(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],ue)]:[[t,{width:n,height:o,x:e,y:l},oe,ce]]}function Z(t,e,i){return"circle"!==t.nodeName?[X(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],ue)]:[[t,{cx:e,cy:i},oe,ce]]}function tt(t,e,i,n,a){var s=[],r=i.map(function(t,i){return e[i]+","+t}).join("L");a&&(r=y(e,i));var o=[t.path,{d:"M"+r},le,ce];if(s.push(o),t.region){var l=e[0]+","+n+"L",u="L"+e.slice(-1)[0]+", "+n,h=[t.region,{d:"M"+l+r+u},le,ce];s.push(h)}return s}function et(t,e){return[t,{d:e},oe,ce]}function it(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var u=void 0;u="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var h=s[l]||t.getAttribute(l),c=e[l],d={attributeName:l,from:h,to:c,begin:"0s",dur:i/1e3+"s",values:h+";"+c,keySplines:de[n],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};a&&(d.type=a);for(var p in d)u.setAttribute(p,d[p]);r.appendChild(u),a?o.setAttribute(l,"translate("+c+")"):o.setAttribute(l,c)}return[r,o]}function nt(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function at(t,e){var i=[],n=[];e.map(function(t){var e=t[0],a=e.parentNode,s=void 0,r=void 0;t[0]=e;var o=it.apply(void 0,Rt(t)),l=It(o,2);s=l[0],r=l[1],i.push(r),n.push([s,a]),a.replaceChild(s,e)});var a=t.cloneNode(!0);return n.map(function(t,n){t[1].replaceChild(i[n],t[0]),e[n][0]=i[n]}),a}function st(t,e,i){if(0!==i.length){var n=at(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},he)}}function rt(t,e){var i=document.createElement("a");i.style="display: none";var n=new Blob(e,{type:"image/svg+xml; charset=utf-8"}),a=window.URL.createObjectURL(n);i.href=a,i.download=t,document.body.appendChild(i),i.click(),setTimeout(function(){document.body.removeChild(i),window.URL.revokeObjectURL(a)},300)}function ot(e){var i=e.cloneNode(!0);i.classList.add("chart-container"),i.setAttribute("xmlns","http://www.w3.org/2000/svg"),i.setAttribute("xmlns:xlink","http://www.w3.org/1999/xlink");var n=t.create("style",{innerHTML:pe});i.insertBefore(n,i.firstChild);var a=t.create("div");return a.appendChild(i),a.innerHTML}function lt(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function ut(t){var e=t.getDate(),i=t.getMonth()+1;return[t.getFullYear(),(i>9?"":"0")+i,(e>9?"":"0")+e].join("-")}function ht(t){return new Date(t.getTime())}function ct(t,e){var i=gt(t);return Math.ceil(dt(i,e)/ge)}function dt(t,e){var i=me*ye;return(lt(e)-lt(t))/i}function pt(t,e){return t.getMonth()===e.getMonth()&&t.getFullYear()===e.getFullYear()}function ft(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=be[t];return e?i.slice(0,3):i}function vt(t,e){return new Date(e,t+1,0)}function gt(t){var e=ht(t),i=e.getDay();return 0!==i&&yt(e,-1*i),e}function yt(t,e){t.setDate(t.getDate()+e)}function mt(t,e,i){var n=Object.keys(we).filter(function(e){return t.includes(e)}),a=we[n[0]];return Object.assign(a,{constants:e,getData:i}),new ke(a)}function bt(t){if(0===t)return[0,0];if(isNaN(t))return{mantissa:-6755399441055744,exponent:972};var e=t>0?1:-1;if(!isFinite(t))return{mantissa:4503599627370496*e,exponent:972};t=Math.abs(t);var i=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,i)),i]}function xt(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Math.ceil(t),n=Math.floor(e),a=i-n,s=a,r=1;a>5&&(a%2!=0&&(a=++i-n),s=a/2,r=2),a<=2&&(r=a/(s=4)),0===a&&(s=5,r=1);for(var o=[],l=0;l<=s;l++)o.push(n+r*l);return o}function kt(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=bt(t),n=It(i,2),a=n[0],s=n[1],r=e?e/Math.pow(10,s):0,o=xt(a=a.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function wt(t){function e(t,e){for(var i=kt(t),n=i[1]-i[0],a=0,s=1;a1&&void 0!==arguments[1]&&arguments[1],n=Math.max.apply(Math,Rt(t)),a=Math.min.apply(Math,Rt(t)),s=[];if(n>=0&&a>=0)bt(n)[1],s=i?kt(n,a):kt(n);else if(n>0&&a<0){var r=Math.abs(a);n>=r?(bt(n)[1],s=e(n,r)):(bt(r)[1],s=e(r,n).map(function(t){return-1*t}))}else if(n<=0&&a<=0){var o=Math.abs(a),l=Math.abs(n);bt(o)[1],s=(s=i?kt(o,l):kt(o)).reverse().map(function(t){return-1*t})}return s}function At(t){var e=Pt(t);return t.indexOf(0)>=0?t.indexOf(0):t[0]>0?-1*t[0]/e:-1*t[t.length-1]/e+(t.length-1)}function Pt(t){return t[1]-t[0]}function Lt(t){return t[t.length-1]-t[0]}function Tt(t,e){return u(e.zeroLine-t*e.scaleMultiplier)}function Mt(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n=e.reduce(function(e,i){return Math.abs(i-t)i?n.slice(0,i):h(n,i-n.length,0)}else t.values=a;t.chartType||(Vt.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=t/e.length;n<=0&&(n=1);var a=n/Gt;return e.map(function(t,e){return(t+="").length>a&&(i?e%Math.ceil(t.length/a)!=0&&(t=""):t=a-3>0?t.slice(0,a-3)+" ...":t.slice(0,a)+".."),t})}function Et(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"axis-mixed"===t?(i.type="line",new Te(e,i)):Ce[t]?new Ce[t](e,i):void console.error("Undefined chart type: "+t)}!function(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===i&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}}('.chart-container{position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .legend-dataset-text{fill:#6c7680;font-weight:600}.graph-svg-tip{position:absolute;z-index:99999;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.graph-svg-tip ol,.graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}');var _t="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},zt=(function(){function t(t){this.value=t}function e(e){function i(t,e){return new Promise(function(i,a){var o={key:t,arg:e,resolve:i,reject:a,next:null};r?r=r.next=o:(s=r=o,n(t,e))})}function n(i,s){try{var r=e[i](s),o=r.value;o instanceof t?Promise.resolve(o.value).then(function(t){n("next",t)},function(t){n("throw",t)}):a(r.done?"return":"normal",r.value)}catch(t){a("throw",t)}}function a(t,e){switch(t){case"return":s.resolve({value:e,done:!0});break;case"throw":s.reject(e);break;default:s.resolve({value:e,done:!1})}(s=s.next)?n(s.key,s.arg):r=null}var s,r;this._invoke=i,"function"!=typeof e.return&&(this.return=void 0)}"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)}}(),function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}),Wt=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
                                  \n\t\t\t\t
                                  '}),this.hideTip(),this.title=this.container.querySelector(".title"),this.dataPointList=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){e.hideTip()})}},{key:"fill",value:function(){var e=this,i=void 0;this.index&&this.container.setAttribute("data-point-index",this.index),i=this.titleValueFirst?""+this.titleValue+""+this.titleName:this.titleName+""+this.titleValue+"",this.title.innerHTML=i,this.dataPointList.innerHTML="",this.listValues.map(function(i,n){var a=e.colors[n]||"black",s=0===i.formatted||i.formatted?i.formatted:i.value,r=t.create("li",{styles:{"border-top":"3px solid "+a},innerHTML:''+(0===s||s?s:"")+"\n\t\t\t\t\t"+(i.title?i.title:"")});e.dataPointList.appendChild(r)})}},{key:"calcPosition",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight-5,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,i=this.container.querySelector(".svg-pointer");if(this.left<0)i.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var n="calc(50% + "+(this.left-e)+"px)";i.style.left=n,this.left=e}else i.style.left="50%"}},{key:"setValues",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:-1;this.titleName=i.name,this.titleValue=i.value,this.listValues=n,this.x=t,this.y=e,this.titleValueFirst=i.valueFirst||0,this.index=a,this.refresh()}},{key:"hideTip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"showTip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),e}(),$t={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},Qt=function(t){return $t[t]||t},Zt=6,te=4,ee=15,ie=10,ne="#dadada",ae="#555b51",se={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),n=t.getAttribute("r"),a=t.getAttribute("fill");return i.setAttribute("r",parseInt(n)+4),i.setAttribute("fill",a),i.style.opacity="0.6",e&&i.setAttribute("transform",e),i},heat_square:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),n=t.getAttribute("r"),a=t.getAttribute("fill");return i.setAttribute("r",parseInt(n)+4),i.setAttribute("fill",a),i.style.opacity="0.6",e&&i.setAttribute("transform",e),i}},re={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["cx","cy"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},heat_square:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["cx","cy"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},oe=350,le=350,ue=oe,he=250,ce="easein",de={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"},pe=".chart-container{position:relative;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .legend-dataset-text{fill:#6c7680;font-weight:600}.graph-svg-tip{position:absolute;z-index:99999;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.graph-svg-tip ul{padding-left:0;display:flex}.graph-svg-tip ol{padding-left:0;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:' ';border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}",fe=function(){function e(t,i){if(zt(this,e),this.parent="string"==typeof t?document.querySelector(t):t,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.rawChartArgs=i,this.title=i.title||"",this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=this.validateColors(i.colors,this.type),this.config={showTooltip:1,showLegend:1,isNavigable:i.isNavigable||0,animate:1,truncateLegends:i.truncateLegends||0},this.measures=JSON.parse(JSON.stringify(Yt));var n=this.measures;this.setMeasures(i),this.title.length||(n.titleHeight=0),this.config.showLegend||(n.legendHeight=0),this.argHeight=i.height||n.baseHeight,this.state={},this.options={},this.initTimeout=Bt,this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return Wt(e,[{key:"prepareData",value:function(t){return t}},{key:"prepareFirstData",value:function(t){return t}},{key:"validateColors",value:function(t,e){var i=[];return(t=(t||[]).concat(Xt[e])).forEach(function(t){var e=Qt(t);x(e)?i.push(e):console.warn('"'+t+'" is not a valid color.')}),i}},{key:"setMeasures",value:function(){}},{key:"configure",value:function(){var t=this,e=this.argHeight;this.baseHeight=e,this.height=e-o(this.measures),this.boundDrawFn=function(){return t.draw(!0)},window.addEventListener("resize",this.boundDrawFn),window.addEventListener("orientationchange",this.boundDrawFn)}},{key:"destroy",value:function(){window.removeEventListener("resize",this.boundDrawFn),window.removeEventListener("orientationchange",this.boundDrawFn)}},{key:"setup",value:function(){this.makeContainer(),this.updateWidth(),this.makeTooltip(),this.draw(!1,!0)}},{key:"makeContainer",value:function(){this.parent.innerHTML="";var e={inside:this.parent,className:"chart-container"};this.independentWidth&&(e.styles={width:this.independentWidth+"px"}),this.container=t.create("div",e)}},{key:"makeTooltip",value:function(){this.tip=new Kt({parent:this.container,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.updateWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update(t.data)},this.initTimeout)),this.renderLegend(),this.setupNavigation(i)}},{key:"calc",value:function(){}},{key:"updateWidth",value:function(){this.baseWidth=n(this.parent),this.width=this.baseWidth-l(this.measures)}},{key:"makeChartArea",value:function(){this.svg&&this.container.removeChild(this.svg);var t=this.measures;this.svg=L(this.container,"frappe-chart chart",this.baseWidth,this.baseHeight),this.svgDefs=T(this.svg),this.title.length&&(this.titleEL=F("title",t.margins.left,t.margins.top,this.title,{fontSize:t.titleFontSize,fill:"#666666",dy:t.titleFontSize}));var e=s(t);this.drawArea=M(this.type+"-chart chart-draw-area","translate("+r(t)+", "+e+")"),this.config.showLegend&&(e+=this.height+t.paddings.bottom,this.legendArea=M("chart-legend","translate("+r(t)+", "+e+")")),this.title.length&&this.svg.appendChild(this.titleEL),this.svg.appendChild(this.drawArea),this.config.showLegend&&this.svg.appendChild(this.legendArea),this.updateTipOffset(r(t),s(t))}},{key:"updateTipOffset",value:function(t,e){this.tip.offset={x:t,y:e}}},{key:"setupComponents",value:function(){this.components=new Map}},{key:"update",value:function(t){t||console.error("No data to update."),this.data=this.prepareData(t),this.calc(),this.render()}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var n=[];e.forEach(function(t){n=n.concat(t.update(i))}),n.length>0?(st(this.container,this.svg,n),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},400)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){i(t.container)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"addDataPoint",value:function(){}},{key:"removeDataPoint",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(){}},{key:"updateDataset",value:function(){}},{key:"export",value:function(){var t=ot(this.svg);rt(this.title||"Chart",[t])}}]),e}(),ve=function(t){function e(t,i){return zt(this,e),jt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i))}return Ft(e,t),Wt(e,[{key:"configure",value:function(t){Ht(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,i=this.config.maxSlices;e.sliceTotals=[];var n=this.data.labels.map(function(e,i){var n=0;return t.data.datasets.map(function(t){n+=t.values[i]}),[n,e]}).filter(function(t){return t[0]>=0}),a=n;if(n.length>i){n.sort(function(t,e){return e[0]-t[0]}),a=n.slice(0,i-1);var s=0;n.slice(i-1).map(function(t){s+=t[0]}),a.push([s,"Rest"]),this.colors[i-1]="grey"}e.labels=[],a.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])}),e.grandTotal=e.sliceTotals.reduce(function(t,e){return t+e},0),this.center={x:this.width/2,y:this.height/2}}},{key:"renderLegend",value:function(){var t=this,e=this.state;this.legendArea.textContent="",this.legendTotals=e.sliceTotals.slice(0,this.config.maxLegendPoints);var i=0,n=0;this.legendTotals.map(function(a,s){var r=110,o=Math.floor((t.width-l(t.measures))/r);t.legendTotals.lengtho&&(i=0,n+=20);var u=H(r*i+5,n,5,t.colors[s],e.labels[s]+": "+a);t.legendArea.appendChild(u),i++})}}]),e}(fe),ge=7,ye=1e3,me=86400,be=["January","February","March","April","May","June","July","August","September","October","November","December"],xe=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],ke=function(){function t(e){var i=e.layerClass,n=void 0===i?"":i,a=e.layerTransform,s=void 0===a?"":a,r=e.constants,o=e.getData,l=e.makeElements,u=e.animateElements;zt(this,t),this.layerTransform=s,this.constants=r,this.makeElements=l,this.getData=o,this.animateElements=u,this.store=[],this.labels=[],this.layerClass=n,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return Wt(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=M(this.layerClass,this.layerTransform,t)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)}),this.labels.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)||[]),e}}]),t}(),we={donutSlices:{layerClass:"donut-slices",makeElements:function(t){return t.sliceStrings.map(function(e,i){var n=C(e,"donut-path",t.colors[i],"none",t.strokeWidth);return n.style.transition="transform .3s;",n})},animateElements:function(t){return this.store.map(function(e,i){return et(e,t.sliceStrings[i])})}},pieSlices:{layerClass:"pie-slices",makeElements:function(t){return t.sliceStrings.map(function(e,i){var n=C(e,"pie-path","none",t.colors[i]);return n.style.transition="transform .3s;",n})},animateElements:function(t){return this.store.map(function(e,i){return et(e,t.sliceStrings[i])})}},percentageBars:{layerClass:"percentage-bars",makeElements:function(t){var e=this;return t.xPositions.map(function(i,n){return _(i,0,t.widths[n],e.constants.barHeight,e.constants.barDepth,t.colors[n])})},animateElements:function(t){if(t)return[]}},yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return R(i,t.labels[n],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos,shortenNumbers:e.constants.shortenNumbers})})},animateElements:function(t){var e=t.positions,i=t.labels,n=this.oldData.positions,a=this.oldData.labels,s=f(n,e),r=It(s,2);n=r[0],e=r[1];var o=f(a,i),l=It(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return K(t,e[i],n[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return Y(i,t.calcLabels[n],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,n=this.oldData.positions,a=this.oldData.calcLabels,s=f(n,e),r=It(s,2);n=r[0],e=r[1];var o=f(a,i),l=It(o,2);return a=l[0],i=l[1],this.render({positions:n,calcLabels:i}),this.store.map(function(t,i){return J(t,e[i],n[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return B(t.position,t.label,e.constants.width,{labelPos:t.options.labelPos,mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=f(this.oldData,t),i=It(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.position}),a=t.map(function(t){return t.label}),s=t.map(function(t){return t.options}),r=this.oldData.map(function(t){return t.position});return this.render(r.map(function(t,e){return{position:r[e],label:a[e],options:s[e]}})),this.store.map(function(t,e){return K(t,n[e],r[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return V(t.startPos,t.endPos,e.constants.width,t.label,{labelPos:t.options.labelPos})})},animateElements:function(t){var e=f(this.oldData,t),i=It(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.endPos}),a=t.map(function(t){return t.label}),s=t.map(function(t){return t.startPos}),r=t.map(function(t){return t.options}),o=this.oldData.map(function(t){return t.endPos}),l=this.oldData.map(function(t){return t.startPos});this.render(o.map(function(t,e){return{startPos:l[e],endPos:o[e],label:a[e],options:r[e]}}));var u=[];return this.store.map(function(t,e){u=u.concat($(t,s[e],n[e],o[e]))}),u}},heatDomain:{layerClass:function(){return"heat-domain domain-"+this.constants.index},makeElements:function(t){var e=this,i=this.constants,n=i.index,a=i.colWidth,s=i.rowHeight,r=i.squareSize,o=i.xTranslate,l=0;return this.serializedSubDomains=[],t.cols.map(function(t,i){1===i&&e.labels.push(F("domain-name",o,-12,ft(n,!0).toUpperCase(),{fontSize:9})),t.map(function(t,i){if(t.fill){var n={"data-date":t.yyyyMmDd,"data-value":t.dataValue,"data-day":i},a=z("day",o,l,r,t.fill,n);e.serializedSubDomains.push(a)}l+=s}),l=0,o+=a}),this.serializedSubDomains},animateElements:function(t){if(t)return[]}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,n){return U(t.xPositions[n],i,t.barWidth,e.color,t.labels[n],n,t.offsets[n],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=t.xPositions,i=t.yPositions,n=t.offsets,a=t.labels,s=this.oldData.xPositions,r=this.oldData.yPositions,o=this.oldData.offsets,l=this.oldData.labels,u=f(s,e),h=It(u,2);s=h[0],e=h[1];var c=f(r,i),d=It(c,2);r=d[0],i=d[1];var p=f(o,n),v=It(p,2);o=v[0],n=v[1];var g=f(l,a),y=It(g,2);l=y[0],a=y[1],this.render({xPositions:s,yPositions:r,offsets:o,labels:a,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var m=[];return this.store.map(function(a,s){m=m.concat(Q(a,e[s],i[s],t.barWidth,n[s],{zeroLine:t.zeroLine}))}),m}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=q(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill,spline:e.spline},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,n){return G(t.xPositions[n],i,t.radius,e.color,e.valuesOverPoints?t.values[n]:"",n)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,n=t.values,a=this.oldData.xPositions,s=this.oldData.yPositions,r=this.oldData.values,o=f(a,e),l=It(o,2);a=l[0],e=l[1];var u=f(s,i),h=It(u,2);s=h[0],i=h[1];var c=f(r,n),d=It(c,2);r=d[0],n=d[1],this.render({xPositions:a,yPositions:s,values:n,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var p=[];return Object.keys(this.paths).length&&(p=p.concat(tt(this.paths,e,i,t.zeroLine,this.constants.spline))),this.units.length&&this.units.map(function(t,n){p=p.concat(Z(t,e[n],i[n]))}),p}}},Ae=function(t){function i(t,e){zt(this,i);var n=jt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.type="percentage",n.setup(),n}return Ft(i,t),Wt(i,[{key:"setMeasures",value:function(t){var e=this.measures;this.barOptions=t.barOptions||{};var i=this.barOptions;i.height=i.height||20,i.depth=i.depth||Ut,e.paddings.right=30,e.legendHeight=60,e.baseHeight=8*(i.height+.5*i.depth)}},{key:"setupComponents",value:function(){var t=this.state,e=[["percentageBars",{barHeight:this.barOptions.height,barDepth:this.barOptions.depth},function(){return{xPositions:t.xPositions,widths:t.widths,colors:this.colors}}.bind(this)]];this.components=new Map(e.map(function(t){var e=mt.apply(void 0,Rt(t));return[t[0],e]}))}},{key:"calc",value:function(){var t=this;Ht(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"calc",this).call(this);var e=this.state;e.xPositions=[],e.widths=[];var n=0;e.sliceTotals.map(function(i){var a=t.width*i/e.grandTotal;e.widths.push(a),e.xPositions.push(n),n+=a})}},{key:"makeDataByIndex",value:function(){}},{key:"bindTooltip",value:function(){var t=this,i=this.state;this.container.addEventListener("mousemove",function(n){var a=t.components.get("percentageBars").store,s=n.target;if(a.includes(s)){var r=a.indexOf(s),o=e(t.container),l=e(s),u=l.left-o.left+parseInt(s.getAttribute("width"))/2,h=l.top-o.top,c=(t.formattedLabels&&t.formattedLabels.length>0?t.formattedLabels[r]:t.state.labels[r])+": ",d=i.sliceTotals[r]/i.grandTotal;t.tip.setValues(u,h,{name:c,value:(100*d).toFixed(1)+"%"}),t.tip.showTip()}})}}]),i}(ve),Pe=function(t){function i(t,e){zt(this,i);var n=jt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.type="pie",n.initTimeout=0,n.init=1,n.setup(),n}return Ft(i,t),Wt(i,[{key:"configure",value:function(t){Ht(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this),this.hoverRadio=t.hoverRadio||.1,this.config.startAngle=t.startAngle||0,this.clockWise=t.clockWise||!1}},{key:"calc",value:function(){var t=this;Ht(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"calc",this).call(this);var e=this.state;this.radius=this.height>this.width?this.center.x:this.center.y;var n=this.radius,a=this.clockWise,s=e.slicesProperties||[];e.sliceStrings=[],e.slicesProperties=[];var r=180-this.config.startAngle;e.sliceTotals.map(function(i,o){var l=r,u=i/e.grandTotal*360,h=u>180?1:0,c=a?-u:u,p=r+=c,f=d(l,n),v=d(p,n),g=t.init&&s[o],y=void 0,m=void 0;t.init?(y=g?g.startPosition:f,m=g?g.endPosition:f):(y=f,m=v);var b=360===u?D(y,m,t.center,t.radius,a,h):O(y,m,t.center,t.radius,a,h);e.sliceStrings.push(b),e.slicesProperties.push({startPosition:f,endPosition:v,value:i,total:e.grandTotal,startAngle:l,endAngle:p,angle:c})}),this.init=0}},{key:"setupComponents",value:function(){var t=this.state,e=[["pieSlices",{},function(){return{sliceStrings:t.sliceStrings,colors:this.colors}}.bind(this)]];this.components=new Map(e.map(function(t){var e=mt.apply(void 0,Rt(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,n=d(t.startAngle+t.angle/2,e);return"translate3d("+n.x*i+"px,"+n.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,i,n,a){if(t){var s=this.colors[i];if(n){nt(t,this.calTranslateByAngle(this.state.slicesProperties[i])),t.style.fill=b(s,50);var r=e(this.svg),o=a.pageX-r.left+10,l=a.pageY-r.top-10,u=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[i]:this.state.labels[i])+": ",h=(100*this.state.sliceTotals[i]/this.state.grandTotal).toFixed(1);this.tip.setValues(o,l,{name:u,value:h+"%"}),this.tip.showTip()}else nt(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.fill=s}}},{key:"bindTooltip",value:function(){this.container.addEventListener("mousemove",this.mouseMove),this.container.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,i=this.components.get("pieSlices").store,n=this.curActiveSliceIndex,a=this.curActiveSlice;if(i.includes(e)){var s=i.indexOf(e);this.hoverSlice(a,n,!1),this.curActiveSlice=e,this.curActiveSliceIndex=s,this.hoverSlice(e,s,!0,t)}else this.mouseLeave()}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}}]),i}(ve),Le=function(t){function e(t,i){zt(this,e);var n=jt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));n.type="heatmap",n.countLabel=i.countLabel||"";var a=["Sunday","Monday"],s=a.includes(i.startSubDomain)?i.startSubDomain:"Sunday";return n.startSubDomainIndex=a.indexOf(s),n.setup(),n}return Ft(e,t),Wt(e,[{key:"setMeasures",value:function(t){var e=this.measures;this.discreteDomains=0===t.discreteDomains?0:1,e.paddings.top=36,e.paddings.bottom=0,e.legendHeight=24,e.baseHeight=12*ge+o(e);var i=this.data,n=this.discreteDomains?12:0;this.independentWidth=12*(ct(i.start,i.end)+n)+l(e)}},{key:"updateWidth",value:function(){var t=this.discreteDomains?12:0,e=this.state.noOfWeeks?this.state.noOfWeeks:52;this.baseWidth=12*(e+t)+l(this.measures)}},{key:"prepareData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;if(t.start&&t.end&&t.start>t.end)throw new Error("Start date cannot be greater than end date.");if(t.start||(t.start=new Date,t.start.setFullYear(t.start.getFullYear()-1)),t.end||(t.end=new Date),t.dataPoints=t.dataPoints||{},parseInt(Object.keys(t.dataPoints)[0])>1e5){var e={};Object.keys(t.dataPoints).forEach(function(i){var n=new Date(i*ye);e[ut(n)]=t.dataPoints[i]}),t.dataPoints=e}return t}},{key:"calc",value:function(){var t=this.state;t.start=ht(this.data.start),t.end=ht(this.data.end),t.firstWeekStart=ht(t.start),t.noOfWeeks=ct(t.start,t.end),t.distribution=Ct(Object.values(this.data.dataPoints),5),t.domainConfigs=this.getDomains()}},{key:"setupComponents",value:function(){var t=this,e=this.state,i=this.discreteDomains?0:1,n=e.domainConfigs.map(function(n,a){return["heatDomain",{index:n.index,colWidth:12,rowHeight:12,squareSize:10,xTranslate:12*e.domainConfigs.filter(function(t,e){return e1&&void 0!==arguments[1]?arguments[1]:"",i=[t.getMonth(),t.getFullYear()],n=i[0],a=i[1],s=gt(t),r={index:n,cols:[]};yt(e=ht(e)||vt(n,a),1);for(var o=ct(s,e),l=[],u=void 0,h=0;h2&&void 0!==arguments[2]&&arguments[2],n=this.state,a=ht(t),s=[],r=0;r=n.start&&a<=n.end;i||a.getMonth()!==e||!l?o.yyyyMmDd=ut(a):o=this.getSubDomainConfig(a),s.push(o)}return s}},{key:"getSubDomainConfig",value:function(t){var e=ut(t),i=this.data.dataPoints[e];return{yyyyMmDd:e,dataValue:i||0,fill:this.colors[Ot(i,this.state.distribution)]}}}]),e}(fe),Te=function(t){function i(t,e){zt(this,i);var n=jt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.barOptions=e.barOptions||{},n.lineOptions=e.lineOptions||{},n.type=e.type||"line",n.init=1,n.setup(),n}return Ft(i,t),Wt(i,[{key:"setMeasures",value:function(){this.data.datasets.length<=1&&(this.config.showLegend=0,this.measures.paddings.bottom=30)}},{key:"configure",value:function(t){Ht(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||0,this.config.shortenYAxisNumbers=t.axisOptions.shortenYAxisNumbers||0,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"prepareData",value:function(){return Dt(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return Nt(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type),this.makeDataByIndex()}},{key:"calcXPositions",value:function(){var t=this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return u(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=wt(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/Lt(e),n=Pt(e)*i,a=this.height-At(e)*n;this.state.yAxis={labels:e,positions:e.map(function(t){return a-t*i}),scaleMultiplier:i,zeroLine:a},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return Tt(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var n=t.values,a=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:n,yPositions:e(n),cumulativeYs:a,cumulativeYPos:e(a)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e){e.yPositions.map(function(e,i){es(n)?t.mapTooltipXPosition(o):t.tip.hideTip()})}},{key:"mapTooltipXPosition",value:function(t){var e=this.state;if(e.yExtremes){var i=Mt(t,e.xAxis.positions,!0),n=this.dataByIndex[i];this.tip.setValues(n.xPos+this.tip.offset.x,n.yExtreme+this.tip.offset.y,{name:n.formattedLabel,value:""},n.values,i),this.tip.showTip()}}},{key:"renderLegend",value:function(){var t=this,e=this.data;e.datasets.length>1&&(this.legendArea.textContent="",e.datasets.map(function(e,i){var n=W(100*i,"0",100,t.colors[i],e.name,t.config.truncateLegends);t.legendArea.appendChild(n)}))}},{key:"makeOverlay",value:function(){var t=this;if(this.init)return void(this.init=0);this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=se[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(){t.updateOverlay()})}},{key:"bindUnits",value:function(){var t=this;this.dataUnitComponents.map(function(e){e.units.map(function(e){e.addEventListener("click",function(){var i=e.getAttribute("data-point-index");t.setCurrentDataPoint(i)})})}),this.tip.container.addEventListener("click",function(){var e=t.tip.container.getAttribute("data-point-index");t.setCurrentDataPoint(e)})}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];re[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex,e=this.state;return{index:t,label:e.xAxis.labels[t],values:e.datasets.map(function(e){return e.values[t]})}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,a(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;Ht(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"addDataPoint",this).call(this,t,e,n),this.data.labels.splice(n,0,t),this.data.datasets.map(function(t,i){t.values.splice(n,0,e[i])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;this.data.labels.length<=1||(Ht(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data))}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}},{key:"updateDatasets",value:function(t){this.data.datasets.map(function(e,i){t[i]&&(e.values=t[i])}),this.update(this.data)}}]),i}(fe),Me=function(t){function i(t,e){zt(this,i);var n=jt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.type="donut",n.initTimeout=0,n.init=1,n.setup(),n}return Ft(i,t),Wt(i,[{key:"configure",value:function(t){Ht(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this),this.hoverRadio=t.hoverRadio||.1,this.config.startAngle=t.startAngle||0,this.clockWise=t.clockWise||!1,this.strokeWidth=t.strokeWidth||30}},{key:"calc",value:function(){var t=this;Ht(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"calc",this).call(this);var e=this.state;this.radius=this.height>this.width?this.center.x-this.strokeWidth/2:this.center.y-this.strokeWidth/2;var n=this.radius,a=this.clockWise,s=e.slicesProperties||[];e.sliceStrings=[],e.slicesProperties=[];var r=180-this.config.startAngle;e.sliceTotals.map(function(i,o){var l=r,u=i/e.grandTotal*360,h=u>180?1:0,c=a?-u:u,p=r+=c,f=d(l,n),v=d(p,n),g=t.init&&s[o],y=void 0,m=void 0;t.init?(y=g?g.startPosition:f,m=g?g.endPosition:f):(y=f,m=v);var b=360===u?S(y,m,t.center,t.radius,t.clockWise,h):N(y,m,t.center,t.radius,t.clockWise,h);e.sliceStrings.push(b),e.slicesProperties.push({startPosition:f,endPosition:v,value:i,total:e.grandTotal,startAngle:l,endAngle:p,angle:c})}),this.init=0}},{key:"setupComponents",value:function(){var t=this.state,e=[["donutSlices",{},function(){return{sliceStrings:t.sliceStrings,colors:this.colors,strokeWidth:this.strokeWidth}}.bind(this)]];this.components=new Map(e.map(function(t){var e=mt.apply(void 0,Rt(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,n=d(t.startAngle+t.angle/2,e);return"translate3d("+n.x*i+"px,"+n.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,i,n,a){if(t){var s=this.colors[i];if(n){nt(t,this.calTranslateByAngle(this.state.slicesProperties[i])),t.style.stroke=b(s,50);var r=e(this.svg),o=a.pageX-r.left+10,l=a.pageY-r.top-10,u=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[i]:this.state.labels[i])+": ",h=(100*this.state.sliceTotals[i]/this.state.grandTotal).toFixed(1);this.tip.setValues(o,l,{name:u,value:h+"%"}),this.tip.showTip()}else nt(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.stroke=s}}},{key:"bindTooltip",value:function(){this.container.addEventListener("mousemove",this.mouseMove),this.container.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,i=this.components.get("donutSlices").store,n=this.curActiveSliceIndex,a=this.curActiveSlice;if(i.includes(e)){var s=i.indexOf(e);this.hoverSlice(a,n,!1),this.curActiveSlice=e,this.curActiveSliceIndex=s,this.hoverSlice(e,s,!0,t)}else this.mouseLeave()}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}}]),i}(ve),Ce={bar:Te,line:Te,percentage:Ae,heatmap:Le,pie:Pe,donut:Me},Oe=function t(e,i){return zt(this,t),Et(i.type,e,i)},De=Object.freeze({Chart:Oe,PercentageChart:Ae,PieChart:Pe,Heatmap:Le,AxisChart:Te}),Ne={};return Ne.NAME="Frappe Charts",Ne.VERSION="1.2.4",Ne=Object.assign({},Ne,De)}(); +//# sourceMappingURL=frappe-charts.min.js.map diff --git a/docs/assets/js/frappe-charts.min.js.map b/docs/assets/js/frappe-charts.min.js.map new file mode 100644 index 0000000..fd38b1f --- /dev/null +++ b/docs/assets/js/frappe-charts.min.js.map @@ -0,0 +1 @@ +{"version":3,"file":"frappe-charts.min.js","sources":["../../../src/js/utils/dom.js","../../../src/js/utils/constants.js","../../../src/js/utils/helpers.js","../../../src/js/utils/draw-utils.js","../../../src/js/utils/colors.js","../../../src/js/utils/draw.js","../../../src/js/utils/animate.js","../../../src/js/utils/animation.js","../../../src/js/utils/export.js","../../../src/js/utils/date-utils.js","../../../src/js/objects/ChartComponents.js","../../../src/js/utils/intervals.js","../../../src/js/utils/axis-chart-utils.js","../../../src/js/chart.js","../../../node_modules/style-inject/dist/style-inject.es.js","../../../src/js/objects/SvgTip.js","../../../src/css/chartsCss.js","../../../src/js/charts/BaseChart.js","../../../src/js/charts/AggregationChart.js","../../../src/js/charts/PercentageChart.js","../../../src/js/charts/PieChart.js","../../../src/js/charts/Heatmap.js","../../../src/js/charts/AxisChart.js","../../../src/js/charts/DonutChart.js","../../../src/js/index.js"],"sourcesContent":["export function $(expr, con) {\r\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\r\n}\r\n\r\nexport function findNodeIndex(node)\r\n{\r\n\tvar i = 0;\r\n\twhile (node.previousSibling) {\r\n\t\tnode = node.previousSibling;\r\n\t\ti++;\r\n\t}\r\n\treturn i;\r\n}\r\n\r\n$.create = (tag, o) => {\r\n\tvar element = document.createElement(tag);\r\n\r\n\tfor (var i in o) {\r\n\t\tvar val = o[i];\r\n\r\n\t\tif (i === \"inside\") {\r\n\t\t\t$(val).appendChild(element);\r\n\t\t}\r\n\t\telse if (i === \"around\") {\r\n\t\t\tvar ref = $(val);\r\n\t\t\tref.parentNode.insertBefore(element, ref);\r\n\t\t\telement.appendChild(ref);\r\n\r\n\t\t} else if (i === \"styles\") {\r\n\t\t\tif(typeof val === \"object\") {\r\n\t\t\t\tObject.keys(val).map(prop => {\r\n\t\t\t\t\telement.style[prop] = val[prop];\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t} else if (i in element ) {\r\n\t\t\telement[i] = val;\r\n\t\t}\r\n\t\telse {\r\n\t\t\telement.setAttribute(i, val);\r\n\t\t}\r\n\t}\r\n\r\n\treturn element;\r\n};\r\n\r\nexport function getOffset(element) {\r\n\tlet rect = element.getBoundingClientRect();\r\n\treturn {\r\n\t\t// https://stackoverflow.com/a/7436602/6495043\r\n\t\t// rect.top varies with scroll, so we add whatever has been\r\n\t\t// scrolled to it to get absolute distance from actual page top\r\n\t\ttop: rect.top + (document.documentElement.scrollTop || document.body.scrollTop),\r\n\t\tleft: rect.left + (document.documentElement.scrollLeft || document.body.scrollLeft)\r\n\t};\r\n}\r\n\r\nexport function isElementInViewport(el) {\r\n\t// Although straightforward: https://stackoverflow.com/a/7557433/6495043\r\n\tvar rect = el.getBoundingClientRect();\r\n\r\n\treturn (\r\n\t\trect.top >= 0 &&\r\n rect.left >= 0 &&\r\n rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */\r\n rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */\r\n\t);\r\n}\r\n\r\nexport function getElementContentWidth(element) {\r\n\tvar styles = window.getComputedStyle(element);\r\n\tvar padding = parseFloat(styles.paddingLeft) +\r\n\t\tparseFloat(styles.paddingRight);\r\n\r\n\treturn element.clientWidth - padding;\r\n}\r\n\r\nexport function bind(element, o){\r\n\tif (element) {\r\n\t\tfor (var event in o) {\r\n\t\t\tvar callback = o[event];\r\n\r\n\t\t\tevent.split(/\\s+/).forEach(function (event) {\r\n\t\t\t\telement.addEventListener(event, callback);\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n}\r\n\r\nexport function unbind(element, o){\r\n\tif (element) {\r\n\t\tfor (var event in o) {\r\n\t\t\tvar callback = o[event];\r\n\r\n\t\t\tevent.split(/\\s+/).forEach(function(event) {\r\n\t\t\t\telement.removeEventListener(event, callback);\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n}\r\n\r\nexport function fire(target, type, properties) {\r\n\tvar evt = document.createEvent(\"HTMLEvents\");\r\n\r\n\tevt.initEvent(type, true, true );\r\n\r\n\tfor (var j in properties) {\r\n\t\tevt[j] = properties[j];\r\n\t}\r\n\r\n\treturn target.dispatchEvent(evt);\r\n}\r\n\r\n// https://css-tricks.com/snippets/javascript/loop-queryselectorall-matches/\r\nexport function forEachNode(nodeList, callback, scope) {\r\n\tif(!nodeList) return;\r\n\tfor (var i = 0; i < nodeList.length; i++) {\r\n\t\tcallback.call(scope, nodeList[i], i);\r\n\t}\r\n}\r\n\r\nexport function activate($parent, $child, commonClass, activeClass='active', index = -1) {\r\n\tlet $children = $parent.querySelectorAll(`.${commonClass}.${activeClass}`);\r\n\r\n\tforEachNode($children, (node, i) => {\r\n\t\tif(index >= 0 && i <= index) return;\r\n\t\tnode.classList.remove(activeClass);\r\n\t});\r\n\r\n\t$child.classList.add(activeClass);\r\n}\r\n","export const ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\r\n\r\nexport const COMPATIBLE_CHARTS = {\r\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\r\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\r\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\r\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\r\n\theatmap: []\r\n};\r\n\r\nexport const DATA_COLOR_DIVISIONS = {\r\n\tbar: 'datasets',\r\n\tline: 'datasets',\r\n\tpie: 'labels',\r\n\tpercentage: 'labels',\r\n\theatmap: HEATMAP_DISTRIBUTION_SIZE\r\n};\r\n\r\nexport const BASE_MEASURES = {\r\n\tmargins: {\r\n\t\ttop: 10,\r\n\t\tbottom: 10,\r\n\t\tleft: 20,\r\n\t\tright: 20\r\n\t},\r\n\tpaddings: {\r\n\t\ttop: 20,\r\n\t\tbottom: 40,\r\n\t\tleft: 30,\r\n\t\tright: 10\r\n\t},\r\n\r\n\tbaseHeight: 240,\r\n\ttitleHeight: 20,\r\n\tlegendHeight: 30,\r\n\r\n\ttitleFontSize: 12,\r\n};\r\n\r\nexport function getTopOffset(m) {\r\n\treturn m.titleHeight + m.margins.top + m.paddings.top;\r\n}\r\n\r\nexport function getLeftOffset(m) {\r\n\treturn m.margins.left + m.paddings.left;\r\n}\r\n\r\nexport function getExtraHeight(m) {\r\n\tlet totalExtraHeight = m.margins.top + m.margins.bottom\r\n\t\t+ m.paddings.top + m.paddings.bottom\r\n\t\t+ m.titleHeight + m.legendHeight;\r\n\treturn totalExtraHeight;\r\n}\r\n\r\nexport function getExtraWidth(m) {\r\n\tlet totalExtraWidth = m.margins.left + m.margins.right\r\n\t\t+ m.paddings.left + m.paddings.right;\r\n\r\n\treturn totalExtraWidth;\r\n}\r\n\r\nexport const INIT_CHART_UPDATE_TIMEOUT = 700;\r\nexport const CHART_POST_ANIMATE_TIMEOUT = 400;\r\n\r\nexport const DEFAULT_AXIS_CHART_TYPE = 'line';\r\nexport const AXIS_DATASET_CHART_TYPES = ['line', 'bar'];\r\n\r\nexport const AXIS_LEGEND_BAR_SIZE = 100;\r\n\r\nexport const BAR_CHART_SPACE_RATIO = 0.5;\r\nexport const MIN_BAR_PERCENT_HEIGHT = 0.00;\r\n\r\nexport const LINE_CHART_DOT_SIZE = 4;\r\nexport const DOT_OVERLAY_SIZE_INCR = 4;\r\n\r\nexport const PERCENTAGE_BAR_DEFAULT_HEIGHT = 20;\r\nexport const PERCENTAGE_BAR_DEFAULT_DEPTH = 2;\r\n\r\n// Fixed 5-color theme,\r\n// More colors are difficult to parse visually\r\nexport const HEATMAP_DISTRIBUTION_SIZE = 5;\r\n\r\nexport const HEATMAP_SQUARE_SIZE = 10;\r\nexport const HEATMAP_GUTTER_SIZE = 2;\r\n\r\nexport const DEFAULT_CHAR_WIDTH = 7;\r\n\r\nexport const TOOLTIP_POINTER_TRIANGLE_HEIGHT = 5;\r\n\r\nconst DEFAULT_CHART_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\r\n\t'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey'];\r\nconst HEATMAP_COLORS_GREEN = ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\r\nexport const HEATMAP_COLORS_BLUE = ['#ebedf0', '#c0ddf9', '#73b3f3', '#3886e1', '#17459e'];\r\nexport const HEATMAP_COLORS_YELLOW = ['#ebedf0', '#fdf436', '#ffc700', '#ff9100', '#06001c'];\r\n\r\nexport const DEFAULT_COLORS = {\r\n\tbar: DEFAULT_CHART_COLORS,\r\n\tline: DEFAULT_CHART_COLORS,\r\n\tpie: DEFAULT_CHART_COLORS,\r\n\tpercentage: DEFAULT_CHART_COLORS,\r\n\theatmap: HEATMAP_COLORS_GREEN,\r\n\tdonut: DEFAULT_CHART_COLORS\r\n};\r\n\r\n// Universal constants\r\nexport const ANGLE_RATIO = Math.PI / 180;\r\nexport const FULL_ANGLE = 360;\r\n","import { ANGLE_RATIO } from './constants';\r\n\r\n/**\r\n * Returns the value of a number upto 2 decimal places.\r\n * @param {Number} d Any number\r\n */\r\nexport function floatTwo(d) {\r\n\treturn parseFloat(d.toFixed(2));\r\n}\r\n\r\n/**\r\n * Returns whether or not two given arrays are equal.\r\n * @param {Array} arr1 First array\r\n * @param {Array} arr2 Second array\r\n */\r\nexport function arraysEqual(arr1, arr2) {\r\n\tif(arr1.length !== arr2.length) return false;\r\n\tlet areEqual = true;\r\n\tarr1.map((d, i) => {\r\n\t\tif(arr2[i] !== d) areEqual = false;\r\n\t});\r\n\treturn areEqual;\r\n}\r\n\r\n/**\r\n * Shuffles array in place. ES6 version\r\n * @param {Array} array An array containing the items.\r\n */\r\nexport function shuffle(array) {\r\n\t// Awesomeness: https://bost.ocks.org/mike/shuffle/\r\n\t// https://stackoverflow.com/a/2450976/6495043\r\n\t// https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array?noredirect=1&lq=1\r\n\r\n\tfor (let i = array.length - 1; i > 0; i--) {\r\n\t\tlet j = Math.floor(Math.random() * (i + 1));\r\n\t\t[array[i], array[j]] = [array[j], array[i]];\r\n\t}\r\n\r\n\treturn array;\r\n}\r\n\r\n/**\r\n * Fill an array with extra points\r\n * @param {Array} array Array\r\n * @param {Number} count number of filler elements\r\n * @param {Object} element element to fill with\r\n * @param {Boolean} start fill at start?\r\n */\r\nexport function fillArray(array, count, element, start=false) {\r\n\tif(!element) {\r\n\t\telement = start ? array[0] : array[array.length - 1];\r\n\t}\r\n\tlet fillerArray = new Array(Math.abs(count)).fill(element);\r\n\tarray = start ? fillerArray.concat(array) : array.concat(fillerArray);\r\n\treturn array;\r\n}\r\n\r\n/**\r\n * Returns pixel width of string.\r\n * @param {String} string\r\n * @param {Number} charWidth Width of single char in pixels\r\n */\r\nexport function getStringWidth(string, charWidth) {\r\n\treturn (string+\"\").length * charWidth;\r\n}\r\n\r\nexport function bindChange(obj, getFn, setFn) {\r\n\treturn new Proxy(obj, {\r\n\t\tset: function(target, prop, value) {\r\n\t\t\tsetFn();\r\n\t\t\treturn Reflect.set(target, prop, value);\r\n\t\t},\r\n\t\tget: function(target, prop) {\r\n\t\t\tgetFn();\r\n\t\t\treturn Reflect.get(target, prop);\r\n\t\t}\r\n\t});\r\n}\r\n\r\n// https://stackoverflow.com/a/29325222\r\nexport function getRandomBias(min, max, bias, influence) {\r\n\tconst range = max - min;\r\n\tconst biasValue = range * bias + min;\r\n\tvar rnd = Math.random() * range + min,\t\t// random in range\r\n\t\tmix = Math.random() * influence;\t\t// random mixer\r\n\treturn rnd * (1 - mix) + biasValue * mix;\t// mix full range and bias\r\n}\r\n\r\nexport function getPositionByAngle(angle, radius) {\r\n\treturn {\r\n\t\tx: Math.sin(angle * ANGLE_RATIO) * radius,\r\n\t\ty: Math.cos(angle * ANGLE_RATIO) * radius,\r\n\t};\r\n}\r\n","import { fillArray } from './helpers';\r\n\r\nexport function getBarHeightAndYAttr(yTop, zeroLine) {\r\n\tlet height, y;\r\n\tif (yTop <= zeroLine) {\r\n\t\theight = zeroLine - yTop;\r\n\t\ty = yTop;\r\n\t} else {\r\n\t\theight = yTop - zeroLine;\r\n\t\ty = zeroLine;\r\n\t}\r\n\r\n\treturn [height, y];\r\n}\r\n\r\nexport function equilizeNoOfElements(array1, array2,\r\n\textraCount = array2.length - array1.length) {\r\n\r\n\t// Doesn't work if either has zero elements.\r\n\tif(extraCount > 0) {\r\n\t\tarray1 = fillArray(array1, extraCount);\r\n\t} else {\r\n\t\tarray2 = fillArray(array2, extraCount);\r\n\t}\r\n\treturn [array1, array2];\r\n}\r\n\r\nexport function truncateString(txt, len) {\r\n\tif (!txt) {\r\n\t\treturn;\r\n\t}\r\n\tif (txt.length > len) {\r\n\t\treturn txt.slice(0, len-3) + '...';\r\n\t} else {\r\n\t\treturn txt;\r\n\t}\r\n}\r\n\r\nexport function shortenLargeNumber(label) {\r\n\tlet number;\r\n\tif (typeof label === 'number') number = label;\r\n\telse if (typeof label === 'string') {\r\n\t\tnumber = Number(label);\r\n\t\tif (Number.isNaN(number)) return label;\r\n\t}\r\n\r\n\t// Using absolute since log wont work for negative numbers\r\n\tlet p = Math.floor(Math.log10(Math.abs(number)));\r\n\tif (p <= 2) return number; // Return as is for a 3 digit number of less\r\n\tlet\tl = Math.floor(p / 3);\r\n\tlet shortened = (Math.pow(10, p - l * 3) * +(number / Math.pow(10, p)).toFixed(1));\r\n\r\n\t// Correct for floating point error upto 2 decimal places\r\n\treturn Math.round(shortened*100)/100 + ' ' + ['', 'K', 'M', 'B', 'T'][l];\r\n}\r\n\r\n// cubic bezier curve calculation (from example by François Romain)\r\nexport function createSplineCurve(xList, yList) {\r\n\r\n\tlet points=[];\r\n\tfor(let i=0;i {\r\n\t\tlet lengthX = pointB[0] - pointA[0];\r\n\t\tlet lengthY = pointB[1] - pointA[1];\r\n\t\treturn {\r\n\t\t\tlength: Math.sqrt(Math.pow(lengthX, 2) + Math.pow(lengthY, 2)),\r\n\t\t\tangle: Math.atan2(lengthY, lengthX)\r\n\t\t};\r\n\t};\r\n \r\n\tlet controlPoint = (current, previous, next, reverse) => {\r\n\t\tlet p = previous || current;\r\n\t\tlet n = next || current;\r\n\t\tlet o = line(p, n);\r\n\t\tlet angle = o.angle + (reverse ? Math.PI : 0);\r\n\t\tlet length = o.length * smoothing;\r\n\t\tlet x = current[0] + Math.cos(angle) * length;\r\n\t\tlet y = current[1] + Math.sin(angle) * length;\r\n\t\treturn [x, y];\r\n\t};\r\n \r\n\tlet bezierCommand = (point, i, a) => {\r\n\t\tlet cps = controlPoint(a[i - 1], a[i - 2], point);\r\n\t\tlet cpe = controlPoint(point, a[i - 1], a[i + 1], true);\r\n\t\treturn `C ${cps[0]},${cps[1]} ${cpe[0]},${cpe[1]} ${point[0]},${point[1]}`;\r\n\t};\r\n \r\n\tlet pointStr = (points, command) => {\r\n\t\treturn points.reduce((acc, point, i, a) => i === 0\r\n\t\t\t? `${point[0]},${point[1]}`\r\n\t\t\t: `${acc} ${command(point, i, a)}`, '');\r\n\t};\r\n \r\n\treturn pointStr(points, bezierCommand);\r\n}","const PRESET_COLOR_MAP = {\r\n\t'light-blue': '#7cd6fd',\r\n\t'blue': '#5e64ff',\r\n\t'violet': '#743ee2',\r\n\t'red': '#ff5858',\r\n\t'orange': '#ffa00a',\r\n\t'yellow': '#feef72',\r\n\t'green': '#28a745',\r\n\t'light-green': '#98d85b',\r\n\t'purple': '#b554ff',\r\n\t'magenta': '#ffa3ef',\r\n\t'black': '#36114C',\r\n\t'grey': '#bdd3e6',\r\n\t'light-grey': '#f0f4f7',\r\n\t'dark-grey': '#b8c2cc'\r\n};\r\n\r\nfunction limitColor(r){\r\n\tif (r > 255) return 255;\r\n\telse if (r < 0) return 0;\r\n\treturn r;\r\n}\r\n\r\nexport function lightenDarkenColor(color, amt) {\r\n\tlet col = getColor(color);\r\n\tlet usePound = false;\r\n\tif (col[0] == \"#\") {\r\n\t\tcol = col.slice(1);\r\n\t\tusePound = true;\r\n\t}\r\n\tlet num = parseInt(col,16);\r\n\tlet r = limitColor((num >> 16) + amt);\r\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\r\n\tlet g = limitColor((num & 0x0000FF) + amt);\r\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\r\n}\r\n\r\nexport function isValidColor(string) {\r\n\t// https://stackoverflow.com/a/8027444/6495043\r\n\treturn /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string);\r\n}\r\n\r\nexport const getColor = (color) => {\r\n\treturn PRESET_COLOR_MAP[color] || color;\r\n};\r\n","import { getBarHeightAndYAttr, truncateString, shortenLargeNumber, createSplineCurve } from './draw-utils';\r\nimport { getStringWidth } from './helpers';\r\nimport { DOT_OVERLAY_SIZE_INCR, PERCENTAGE_BAR_DEFAULT_DEPTH } from './constants';\r\nimport { lightenDarkenColor } from './colors';\r\n\r\nexport const AXIS_TICK_LENGTH = 6;\r\nconst LABEL_MARGIN = 4;\r\nconst LABEL_MAX_CHARS = 15;\r\nexport const FONT_SIZE = 10;\r\nconst BASE_LINE_COLOR = '#dadada';\r\nconst FONT_FILL = '#555b51';\r\n\r\nfunction $(expr, con) {\r\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\r\n}\r\n\r\nexport function createSVG(tag, o) {\r\n\tvar element = document.createElementNS(\"http://www.w3.org/2000/svg\", tag);\r\n\r\n\tfor (var i in o) {\r\n\t\tvar val = o[i];\r\n\r\n\t\tif (i === \"inside\") {\r\n\t\t\t$(val).appendChild(element);\r\n\t\t}\r\n\t\telse if (i === \"around\") {\r\n\t\t\tvar ref = $(val);\r\n\t\t\tref.parentNode.insertBefore(element, ref);\r\n\t\t\telement.appendChild(ref);\r\n\r\n\t\t} else if (i === \"styles\") {\r\n\t\t\tif(typeof val === \"object\") {\r\n\t\t\t\tObject.keys(val).map(prop => {\r\n\t\t\t\t\telement.style[prop] = val[prop];\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tif(i === \"className\") { i = \"class\"; }\r\n\t\t\tif(i === \"innerHTML\") {\r\n\t\t\t\telement['textContent'] = val;\r\n\t\t\t} else {\r\n\t\t\t\telement.setAttribute(i, val);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\treturn element;\r\n}\r\n\r\nfunction renderVerticalGradient(svgDefElem, gradientId) {\r\n\treturn createSVG('linearGradient', {\r\n\t\tinside: svgDefElem,\r\n\t\tid: gradientId,\r\n\t\tx1: 0,\r\n\t\tx2: 0,\r\n\t\ty1: 0,\r\n\t\ty2: 1\r\n\t});\r\n}\r\n\r\nfunction setGradientStop(gradElem, offset, color, opacity) {\r\n\treturn createSVG('stop', {\r\n\t\t'inside': gradElem,\r\n\t\t'style': `stop-color: ${color}`,\r\n\t\t'offset': offset,\r\n\t\t'stop-opacity': opacity\r\n\t});\r\n}\r\n\r\nexport function makeSVGContainer(parent, className, width, height) {\r\n\treturn createSVG('svg', {\r\n\t\tclassName: className,\r\n\t\tinside: parent,\r\n\t\twidth: width,\r\n\t\theight: height\r\n\t});\r\n}\r\n\r\nexport function makeSVGDefs(svgContainer) {\r\n\treturn createSVG('defs', {\r\n\t\tinside: svgContainer,\r\n\t});\r\n}\r\n\r\nexport function makeSVGGroup(className, transform='', parent=undefined) {\r\n\tlet args = {\r\n\t\tclassName: className,\r\n\t\ttransform: transform\r\n\t};\r\n\tif(parent) args.inside = parent;\r\n\treturn createSVG('g', args);\r\n}\r\n\r\nexport function wrapInSVGGroup(elements, className='') {\r\n\tlet g = createSVG('g', {\r\n\t\tclassName: className\r\n\t});\r\n\telements.forEach(e => g.appendChild(e));\r\n\treturn g;\r\n}\r\n\r\nexport function makePath(pathStr, className='', stroke='none', fill='none', strokeWidth=2) {\r\n\treturn createSVG('path', {\r\n\t\tclassName: className,\r\n\t\td: pathStr,\r\n\t\tstyles: {\r\n\t\t\tstroke: stroke,\r\n\t\t\tfill: fill,\r\n\t\t\t'stroke-width': strokeWidth\r\n\t\t}\r\n\t});\r\n}\r\n\r\nexport function makeArcPathStr(startPosition, endPosition, center, radius, clockWise=1, largeArc=0){\r\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\r\n\tlet [arcEndX, arcEndY] = [center.x + endPosition.x, center.y + endPosition.y];\r\n\treturn `M${center.x} ${center.y}\r\n\t\tL${arcStartX} ${arcStartY}\r\n\t\tA ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0}\r\n\t\t${arcEndX} ${arcEndY} z`;\r\n}\r\n\r\nexport function makeCircleStr(startPosition, endPosition, center, radius, clockWise=1, largeArc=0){\r\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\r\n\tlet [arcEndX, midArc, arcEndY] = [center.x + endPosition.x, center.y * 2, center.y + endPosition.y];\r\n\treturn `M${center.x} ${center.y}\r\n\t\tL${arcStartX} ${arcStartY}\r\n\t\tA ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0}\r\n\t\t${arcEndX} ${midArc} z\r\n\t\tL${arcStartX} ${midArc}\r\n\t\tA ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0}\r\n\t\t${arcEndX} ${arcEndY} z`;\r\n}\r\n\r\nexport function makeArcStrokePathStr(startPosition, endPosition, center, radius, clockWise=1, largeArc=0){\r\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\r\n\tlet [arcEndX, arcEndY] = [center.x + endPosition.x, center.y + endPosition.y];\r\n\r\n\treturn `M${arcStartX} ${arcStartY}\r\n\t\tA ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0}\r\n\t\t${arcEndX} ${arcEndY}`;\r\n}\r\n\r\nexport function makeStrokeCircleStr(startPosition, endPosition, center, radius, clockWise=1, largeArc=0){\r\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\r\n\tlet [arcEndX, midArc, arcEndY] = [center.x + endPosition.x, radius * 2 + arcStartY, center.y + startPosition.y];\r\n\r\n\treturn `M${arcStartX} ${arcStartY}\r\n\t\tA ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0}\r\n\t\t${arcEndX} ${midArc}\r\n\t\tM${arcStartX} ${midArc}\r\n\t\tA ${radius} ${radius} 0 ${largeArc} ${clockWise ? 1 : 0}\r\n\t\t${arcEndX} ${arcEndY}`;\r\n}\r\n\r\nexport function makeGradient(svgDefElem, color, lighter = false) {\r\n\tlet gradientId ='path-fill-gradient' + '-' + color + '-' +(lighter ? 'lighter' : 'default');\r\n\tlet gradientDef = renderVerticalGradient(svgDefElem, gradientId);\r\n\tlet opacities = [1, 0.6, 0.2];\r\n\tif(lighter) {\r\n\t\topacities = [0.4, 0.2, 0];\r\n\t}\r\n\r\n\tsetGradientStop(gradientDef, \"0%\", color, opacities[0]);\r\n\tsetGradientStop(gradientDef, \"50%\", color, opacities[1]);\r\n\tsetGradientStop(gradientDef, \"100%\", color, opacities[2]);\r\n\r\n\treturn gradientId;\r\n}\r\n\r\nexport function percentageBar(x, y, width, height,\r\n\tdepth=PERCENTAGE_BAR_DEFAULT_DEPTH, fill='none') {\r\n\r\n\tlet args = {\r\n\t\tclassName: 'percentage-bar',\r\n\t\tx: x,\r\n\t\ty: y,\r\n\t\twidth: width,\r\n\t\theight: height,\r\n\t\tfill: fill,\r\n\t\tstyles: {\r\n\t\t\t'stroke': lightenDarkenColor(fill, -25),\r\n\t\t\t// Diabolically good: https://stackoverflow.com/a/9000859\r\n\t\t\t// https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\r\n\t\t\t'stroke-dasharray': `0, ${height + width}, ${width}, ${height}`,\r\n\t\t\t'stroke-width': depth\r\n\t\t},\r\n\t};\r\n\r\n\treturn createSVG(\"rect\", args);\r\n}\r\n\r\nexport function heatSquare(className, x, y, size, fill='none', data={}) {\r\n\tlet args = {\r\n\t\tclassName: className,\r\n\t\tx: x,\r\n\t\ty: y,\r\n\t\twidth: size,\r\n\t\theight: size,\r\n\t\tfill: fill\r\n\t};\r\n\r\n\tObject.keys(data).map(key => {\r\n\t\targs[key] = data[key];\r\n\t});\r\n\r\n\treturn createSVG(\"rect\", args);\r\n}\r\n\r\nexport function legendBar(x, y, size, fill='none', label, truncate=false) {\r\n\tlabel = truncate ? truncateString(label, LABEL_MAX_CHARS) : label;\r\n\r\n\tlet args = {\r\n\t\tclassName: 'legend-bar',\r\n\t\tx: 0,\r\n\t\ty: 0,\r\n\t\twidth: size,\r\n\t\theight: '2px',\r\n\t\tfill: fill\r\n\t};\r\n\tlet text = createSVG('text', {\r\n\t\tclassName: 'legend-dataset-text',\r\n\t\tx: 0,\r\n\t\ty: 0,\r\n\t\tdy: (FONT_SIZE * 2) + 'px',\r\n\t\t'font-size': (FONT_SIZE * 1.2) + 'px',\r\n\t\t'text-anchor': 'start',\r\n\t\tfill: FONT_FILL,\r\n\t\tinnerHTML: label\r\n\t});\r\n\r\n\tlet group = createSVG('g', {\r\n\t\ttransform: `translate(${x}, ${y})`\r\n\t});\r\n\tgroup.appendChild(createSVG(\"rect\", args));\r\n\tgroup.appendChild(text);\r\n\r\n\treturn group;\r\n}\r\n\r\nexport function legendDot(x, y, size, fill='none', label) {\r\n\tlet args = {\r\n\t\tclassName: 'legend-dot',\r\n\t\tcx: 0,\r\n\t\tcy: 0,\r\n\t\tr: size,\r\n\t\tfill: fill\r\n\t};\r\n\tlet text = createSVG('text', {\r\n\t\tclassName: 'legend-dataset-text',\r\n\t\tx: 0,\r\n\t\ty: 0,\r\n\t\tdx: (FONT_SIZE) + 'px',\r\n\t\tdy: (FONT_SIZE/3) + 'px',\r\n\t\t'font-size': (FONT_SIZE * 1.2) + 'px',\r\n\t\t'text-anchor': 'start',\r\n\t\tfill: FONT_FILL,\r\n\t\tinnerHTML: label\r\n\t});\r\n\r\n\tlet group = createSVG('g', {\r\n\t\ttransform: `translate(${x}, ${y})`\r\n\t});\r\n\tgroup.appendChild(createSVG(\"circle\", args));\r\n\tgroup.appendChild(text);\r\n\r\n\treturn group;\r\n}\r\n\r\nexport function makeText(className, x, y, content, options = {}) {\r\n\tlet fontSize = options.fontSize || FONT_SIZE;\r\n\tlet dy = options.dy !== undefined ? options.dy : (fontSize / 2);\r\n\tlet fill = options.fill || FONT_FILL;\r\n\tlet textAnchor = options.textAnchor || 'start';\r\n\treturn createSVG('text', {\r\n\t\tclassName: className,\r\n\t\tx: x,\r\n\t\ty: y,\r\n\t\tdy: dy + 'px',\r\n\t\t'font-size': fontSize + 'px',\r\n\t\tfill: fill,\r\n\t\t'text-anchor': textAnchor,\r\n\t\tinnerHTML: content\r\n\t});\r\n}\r\n\r\nfunction makeVertLine(x, label, y1, y2, options={}) {\r\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\r\n\tlet l = createSVG('line', {\r\n\t\tclassName: 'line-vertical ' + options.className,\r\n\t\tx1: 0,\r\n\t\tx2: 0,\r\n\t\ty1: y1,\r\n\t\ty2: y2,\r\n\t\tstyles: {\r\n\t\t\tstroke: options.stroke\r\n\t\t}\r\n\t});\r\n\r\n\tlet text = createSVG('text', {\r\n\t\tx: 0,\r\n\t\ty: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE,\r\n\t\tdy: FONT_SIZE + 'px',\r\n\t\t'font-size': FONT_SIZE + 'px',\r\n\t\t'text-anchor': 'middle',\r\n\t\tinnerHTML: label + \"\"\r\n\t});\r\n\r\n\tlet line = createSVG('g', {\r\n\t\ttransform: `translate(${ x }, 0)`\r\n\t});\r\n\r\n\tline.appendChild(l);\r\n\tline.appendChild(text);\r\n\r\n\treturn line;\r\n}\r\n\r\nfunction makeHoriLine(y, label, x1, x2, options={}) {\r\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\r\n\tif(!options.lineType) options.lineType = '';\r\n\tif (options.shortenNumbers) label = shortenLargeNumber(label);\r\n\t\r\n\tlet className = 'line-horizontal ' + options.className +\r\n\t\t(options.lineType === \"dashed\" ? \"dashed\": \"\");\r\n\r\n\tlet l = createSVG('line', {\r\n\t\tclassName: className,\r\n\t\tx1: x1,\r\n\t\tx2: x2,\r\n\t\ty1: 0,\r\n\t\ty2: 0,\r\n\t\tstyles: {\r\n\t\t\tstroke: options.stroke\r\n\t\t}\r\n\t});\r\n\r\n\tlet text = createSVG('text', {\r\n\t\tx: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,\r\n\t\ty: 0,\r\n\t\tdy: (FONT_SIZE / 2 - 2) + 'px',\r\n\t\t'font-size': FONT_SIZE + 'px',\r\n\t\t'text-anchor': x1 < x2 ? 'end' : 'start',\r\n\t\tinnerHTML: label+\"\"\r\n\t});\r\n\r\n\tlet line = createSVG('g', {\r\n\t\ttransform: `translate(0, ${y})`,\r\n\t\t'stroke-opacity': 1\r\n\t});\r\n\r\n\tif(text === 0 || text === '0') {\r\n\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\r\n\t}\r\n\r\n\tline.appendChild(l);\r\n\tline.appendChild(text);\r\n\r\n\treturn line;\r\n}\r\n\r\nexport function yLine(y, label, width, options={}) {\r\n\tif(!options.pos) options.pos = 'left';\r\n\tif(!options.offset) options.offset = 0;\r\n\tif(!options.mode) options.mode = 'span';\r\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\r\n\tif(!options.className) options.className = '';\r\n\r\n\tlet x1 = -1 * AXIS_TICK_LENGTH;\r\n\tlet x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;\r\n\r\n\tif(options.mode === 'tick' && options.pos === 'right') {\r\n\t\tx1 = width + AXIS_TICK_LENGTH;\r\n\t\tx2 = width;\r\n\t}\r\n\r\n\t// let offset = options.pos === 'left' ? -1 * options.offset : options.offset;\r\n\r\n\tx1 += options.offset;\r\n\tx2 += options.offset;\r\n\r\n\treturn makeHoriLine(y, label, x1, x2, {\r\n\t\tstroke: options.stroke,\r\n\t\tclassName: options.className,\r\n\t\tlineType: options.lineType,\r\n\t\tshortenNumbers: options.shortenNumbers\r\n\t});\r\n}\r\n\r\nexport function xLine(x, label, height, options={}) {\r\n\tif(!options.pos) options.pos = 'bottom';\r\n\tif(!options.offset) options.offset = 0;\r\n\tif(!options.mode) options.mode = 'span';\r\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\r\n\tif(!options.className) options.className = '';\r\n\r\n\t// Draw X axis line in span/tick mode with optional label\r\n\t// \ty2(span)\r\n\t// \t\t\t\t\t\t|\r\n\t// \t\t\t\t\t\t|\r\n\t//\t\t\t\tx line\t|\r\n\t//\t\t\t\t\t\t|\r\n\t// \t\t\t\t\t \t|\r\n\t// ---------------------+-- y2(tick)\r\n\t//\t\t\t\t\t\t|\r\n\t//\t\t\t\t\t\t\ty1\r\n\r\n\tlet y1 = height + AXIS_TICK_LENGTH;\r\n\tlet y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : height;\r\n\r\n\tif(options.mode === 'tick' && options.pos === 'top') {\r\n\t\t// top axis ticks\r\n\t\ty1 = -1 * AXIS_TICK_LENGTH;\r\n\t\ty2 = 0;\r\n\t}\r\n\r\n\treturn makeVertLine(x, label, y1, y2, {\r\n\t\tstroke: options.stroke,\r\n\t\tclassName: options.className,\r\n\t\tlineType: options.lineType\r\n\t});\r\n}\r\n\r\nexport function yMarker(y, label, width, options={}) {\r\n\tif(!options.labelPos) options.labelPos = 'right';\r\n\tlet x = options.labelPos === 'left' ? LABEL_MARGIN\r\n\t\t: width - getStringWidth(label, 5) - LABEL_MARGIN;\r\n\r\n\tlet labelSvg = createSVG('text', {\r\n\t\tclassName: 'chart-label',\r\n\t\tx: x,\r\n\t\ty: 0,\r\n\t\tdy: (FONT_SIZE / -2) + 'px',\r\n\t\t'font-size': FONT_SIZE + 'px',\r\n\t\t'text-anchor': 'start',\r\n\t\tinnerHTML: label+\"\"\r\n\t});\r\n\r\n\tlet line = makeHoriLine(y, '', 0, width, {\r\n\t\tstroke: options.stroke || BASE_LINE_COLOR,\r\n\t\tclassName: options.className || '',\r\n\t\tlineType: options.lineType\r\n\t});\r\n\r\n\tline.appendChild(labelSvg);\r\n\r\n\treturn line;\r\n}\r\n\r\nexport function yRegion(y1, y2, width, label, options={}) {\r\n\t// return a group\r\n\tlet height = y1 - y2;\r\n\r\n\tlet rect = createSVG('rect', {\r\n\t\tclassName: `bar mini`, // remove class\r\n\t\tstyles: {\r\n\t\t\tfill: `rgba(228, 234, 239, 0.49)`,\r\n\t\t\tstroke: BASE_LINE_COLOR,\r\n\t\t\t'stroke-dasharray': `${width}, ${height}`\r\n\t\t},\r\n\t\t// 'data-point-index': index,\r\n\t\tx: 0,\r\n\t\ty: 0,\r\n\t\twidth: width,\r\n\t\theight: height\r\n\t});\r\n\r\n\tif(!options.labelPos) options.labelPos = 'right';\r\n\tlet x = options.labelPos === 'left' ? LABEL_MARGIN\r\n\t\t: width - getStringWidth(label+\"\", 4.5) - LABEL_MARGIN;\r\n\r\n\tlet labelSvg = createSVG('text', {\r\n\t\tclassName: 'chart-label',\r\n\t\tx: x,\r\n\t\ty: 0,\r\n\t\tdy: (FONT_SIZE / -2) + 'px',\r\n\t\t'font-size': FONT_SIZE + 'px',\r\n\t\t'text-anchor': 'start',\r\n\t\tinnerHTML: label+\"\"\r\n\t});\r\n\r\n\tlet region = createSVG('g', {\r\n\t\ttransform: `translate(0, ${y2})`\r\n\t});\r\n\r\n\tregion.appendChild(rect);\r\n\tregion.appendChild(labelSvg);\r\n\r\n\treturn region;\r\n}\r\n\r\nexport function datasetBar(x, yTop, width, color, label='', index=0, offset=0, meta={}) {\r\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\r\n\ty -= offset;\r\n\r\n\tif(height === 0) {\r\n\t\theight = meta.minHeight;\r\n\t\ty -= meta.minHeight;\r\n\t}\r\n\r\n\tlet rect = createSVG('rect', {\r\n\t\tclassName: `bar mini`,\r\n\t\tstyle: `fill: ${color}`,\r\n\t\t'data-point-index': index,\r\n\t\tx: x,\r\n\t\ty: y,\r\n\t\twidth: width,\r\n\t\theight: height\r\n\t});\r\n\r\n\tlabel += \"\";\r\n\r\n\tif(!label && !label.length) {\r\n\t\treturn rect;\r\n\t} else {\r\n\t\trect.setAttribute('y', 0);\r\n\t\trect.setAttribute('x', 0);\r\n\t\tlet text = createSVG('text', {\r\n\t\t\tclassName: 'data-point-value',\r\n\t\t\tx: width/2,\r\n\t\t\ty: 0,\r\n\t\t\tdy: (FONT_SIZE / 2 * -1) + 'px',\r\n\t\t\t'font-size': FONT_SIZE + 'px',\r\n\t\t\t'text-anchor': 'middle',\r\n\t\t\tinnerHTML: label\r\n\t\t});\r\n\r\n\t\tlet group = createSVG('g', {\r\n\t\t\t'data-point-index': index,\r\n\t\t\ttransform: `translate(${x}, ${y})`\r\n\t\t});\r\n\t\tgroup.appendChild(rect);\r\n\t\tgroup.appendChild(text);\r\n\r\n\t\treturn group;\r\n\t}\r\n}\r\n\r\nexport function datasetDot(x, y, radius, color, label='', index=0) {\r\n\tlet dot = createSVG('circle', {\r\n\t\tstyle: `fill: ${color}`,\r\n\t\t'data-point-index': index,\r\n\t\tcx: x,\r\n\t\tcy: y,\r\n\t\tr: radius\r\n\t});\r\n\r\n\tlabel += \"\";\r\n\r\n\tif(!label && !label.length) {\r\n\t\treturn dot;\r\n\t} else {\r\n\t\tdot.setAttribute('cy', 0);\r\n\t\tdot.setAttribute('cx', 0);\r\n\r\n\t\tlet text = createSVG('text', {\r\n\t\t\tclassName: 'data-point-value',\r\n\t\t\tx: 0,\r\n\t\t\ty: 0,\r\n\t\t\tdy: (FONT_SIZE / 2 * -1 - radius) + 'px',\r\n\t\t\t'font-size': FONT_SIZE + 'px',\r\n\t\t\t'text-anchor': 'middle',\r\n\t\t\tinnerHTML: label\r\n\t\t});\r\n\r\n\t\tlet group = createSVG('g', {\r\n\t\t\t'data-point-index': index,\r\n\t\t\ttransform: `translate(${x}, ${y})`\r\n\t\t});\r\n\t\tgroup.appendChild(dot);\r\n\t\tgroup.appendChild(text);\r\n\r\n\t\treturn group;\r\n\t}\r\n}\r\n\r\nexport function getPaths(xList, yList, color, options={}, meta={}) {\r\n\tlet pointsList = yList.map((y, i) => (xList[i] + ',' + y));\r\n\tlet pointsStr = pointsList.join(\"L\");\r\n\r\n\t// Spline\r\n\tif (options.spline)\r\n\t\tpointsStr = createSplineCurve(xList, yList);\r\n \r\n\tlet path = makePath(\"M\"+pointsStr, 'line-graph-path', color);\r\n\r\n\t// HeatLine\r\n\tif(options.heatline) {\r\n\t\tlet gradient_id = makeGradient(meta.svgDefs, color);\r\n\t\tpath.style.stroke = `url(#${gradient_id})`;\r\n\t}\r\n\r\n\tlet paths = {\r\n\t\tpath: path\r\n\t};\r\n\r\n\t// Region\r\n\tif(options.regionFill) {\r\n\t\tlet gradient_id_region = makeGradient(meta.svgDefs, color, true);\r\n\r\n\t\tlet pathStr = \"M\" + `${xList[0]},${meta.zeroLine}L` + pointsStr + `L${xList.slice(-1)[0]},${meta.zeroLine}`;\r\n\t\tpaths.region = makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`);\r\n\t}\r\n\r\n\treturn paths;\r\n}\r\n\r\nexport let makeOverlay = {\r\n\t'bar': (unit) => {\r\n\t\tlet transformValue;\r\n\t\tif(unit.nodeName !== 'rect') {\r\n\t\t\ttransformValue = unit.getAttribute('transform');\r\n\t\t\tunit = unit.childNodes[0];\r\n\t\t}\r\n\t\tlet overlay = unit.cloneNode();\r\n\t\toverlay.style.fill = '#000000';\r\n\t\toverlay.style.opacity = '0.4';\r\n\r\n\t\tif(transformValue) {\r\n\t\t\toverlay.setAttribute('transform', transformValue);\r\n\t\t}\r\n\t\treturn overlay;\r\n\t},\r\n\r\n\t'dot': (unit) => {\r\n\t\tlet transformValue;\r\n\t\tif(unit.nodeName !== 'circle') {\r\n\t\t\ttransformValue = unit.getAttribute('transform');\r\n\t\t\tunit = unit.childNodes[0];\r\n\t\t}\r\n\t\tlet overlay = unit.cloneNode();\r\n\t\tlet radius = unit.getAttribute('r');\r\n\t\tlet fill = unit.getAttribute('fill');\r\n\t\toverlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR);\r\n\t\toverlay.setAttribute('fill', fill);\r\n\t\toverlay.style.opacity = '0.6';\r\n\r\n\t\tif(transformValue) {\r\n\t\t\toverlay.setAttribute('transform', transformValue);\r\n\t\t}\r\n\t\treturn overlay;\r\n\t},\r\n\r\n\t'heat_square': (unit) => {\r\n\t\tlet transformValue;\r\n\t\tif(unit.nodeName !== 'circle') {\r\n\t\t\ttransformValue = unit.getAttribute('transform');\r\n\t\t\tunit = unit.childNodes[0];\r\n\t\t}\r\n\t\tlet overlay = unit.cloneNode();\r\n\t\tlet radius = unit.getAttribute('r');\r\n\t\tlet fill = unit.getAttribute('fill');\r\n\t\toverlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR);\r\n\t\toverlay.setAttribute('fill', fill);\r\n\t\toverlay.style.opacity = '0.6';\r\n\r\n\t\tif(transformValue) {\r\n\t\t\toverlay.setAttribute('transform', transformValue);\r\n\t\t}\r\n\t\treturn overlay;\r\n\t}\r\n};\r\n\r\nexport let updateOverlay = {\r\n\t'bar': (unit, overlay) => {\r\n\t\tlet transformValue;\r\n\t\tif(unit.nodeName !== 'rect') {\r\n\t\t\ttransformValue = unit.getAttribute('transform');\r\n\t\t\tunit = unit.childNodes[0];\r\n\t\t}\r\n\t\tlet attributes = ['x', 'y', 'width', 'height'];\r\n\t\tObject.values(unit.attributes)\r\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\r\n\t\t\t.map(attr => {\r\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\r\n\t\t\t});\r\n\r\n\t\tif(transformValue) {\r\n\t\t\toverlay.setAttribute('transform', transformValue);\r\n\t\t}\r\n\t},\r\n\r\n\t'dot': (unit, overlay) => {\r\n\t\tlet transformValue;\r\n\t\tif(unit.nodeName !== 'circle') {\r\n\t\t\ttransformValue = unit.getAttribute('transform');\r\n\t\t\tunit = unit.childNodes[0];\r\n\t\t}\r\n\t\tlet attributes = ['cx', 'cy'];\r\n\t\tObject.values(unit.attributes)\r\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\r\n\t\t\t.map(attr => {\r\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\r\n\t\t\t});\r\n\r\n\t\tif(transformValue) {\r\n\t\t\toverlay.setAttribute('transform', transformValue);\r\n\t\t}\r\n\t},\r\n\r\n\t'heat_square': (unit, overlay) => {\r\n\t\tlet transformValue;\r\n\t\tif(unit.nodeName !== 'circle') {\r\n\t\t\ttransformValue = unit.getAttribute('transform');\r\n\t\t\tunit = unit.childNodes[0];\r\n\t\t}\r\n\t\tlet attributes = ['cx', 'cy'];\r\n\t\tObject.values(unit.attributes)\r\n\t\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\r\n\t\t\t.map(attr => {\r\n\t\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\r\n\t\t\t});\r\n\r\n\t\tif(transformValue) {\r\n\t\t\toverlay.setAttribute('transform', transformValue);\r\n\t\t}\r\n\t},\r\n};\r\n","import { getBarHeightAndYAttr, createSplineCurve } from './draw-utils';\r\n\r\nexport const UNIT_ANIM_DUR = 350;\r\nexport const PATH_ANIM_DUR = 350;\r\nexport const MARKER_LINE_ANIM_DUR = UNIT_ANIM_DUR;\r\nexport const REPLACE_ALL_NEW_DUR = 250;\r\n\r\nexport const STD_EASING = 'easein';\r\n\r\nexport function translate(unit, oldCoord, newCoord, duration) {\r\n\tlet old = typeof oldCoord === 'string' ? oldCoord : oldCoord.join(', ');\r\n\treturn [\r\n\t\tunit,\r\n\t\t{transform: newCoord.join(', ')},\r\n\t\tduration,\r\n\t\tSTD_EASING,\r\n\t\t\"translate\",\r\n\t\t{transform: old}\r\n\t];\r\n}\r\n\r\nexport function translateVertLine(xLine, newX, oldX) {\r\n\treturn translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR);\r\n}\r\n\r\nexport function translateHoriLine(yLine, newY, oldY) {\r\n\treturn translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR);\r\n}\r\n\r\nexport function animateRegion(rectGroup, newY1, newY2, oldY2) {\r\n\tlet newHeight = newY1 - newY2;\r\n\tlet rect = rectGroup.childNodes[0];\r\n\tlet width = rect.getAttribute(\"width\");\r\n\tlet rectAnim = [\r\n\t\trect,\r\n\t\t{ height: newHeight, 'stroke-dasharray': `${width}, ${newHeight}` },\r\n\t\tMARKER_LINE_ANIM_DUR,\r\n\t\tSTD_EASING\r\n\t];\r\n\r\n\tlet groupAnim = translate(rectGroup, [0, oldY2], [0, newY2], MARKER_LINE_ANIM_DUR);\r\n\treturn [rectAnim, groupAnim];\r\n}\r\n\r\nexport function animateBar(bar, x, yTop, width, offset=0, meta={}) {\r\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\r\n\ty -= offset;\r\n\tif(bar.nodeName !== 'rect') {\r\n\t\tlet rect = bar.childNodes[0];\r\n\t\tlet rectAnim = [\r\n\t\t\trect,\r\n\t\t\t{width: width, height: height},\r\n\t\t\tUNIT_ANIM_DUR,\r\n\t\t\tSTD_EASING\r\n\t\t];\r\n\r\n\t\tlet oldCoordStr = bar.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\r\n\t\tlet groupAnim = translate(bar, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\r\n\t\treturn [rectAnim, groupAnim];\r\n\t} else {\r\n\t\treturn [[bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING]];\r\n\t}\r\n\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\r\n}\r\n\r\nexport function animateDot(dot, x, y) {\r\n\tif(dot.nodeName !== 'circle') {\r\n\t\tlet oldCoordStr = dot.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\r\n\t\tlet groupAnim = translate(dot, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\r\n\t\treturn [groupAnim];\r\n\t} else {\r\n\t\treturn [[dot, {cx: x, cy: y}, UNIT_ANIM_DUR, STD_EASING]];\r\n\t}\r\n\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\r\n}\r\n\r\nexport function animatePath(paths, newXList, newYList, zeroLine, spline) {\r\n\tlet pathComponents = [];\r\n\tlet pointsStr = newYList.map((y, i) => (newXList[i] + ',' + y)).join(\"L\");\r\n \r\n\tif (spline)\r\n\t\tpointsStr = createSplineCurve(newXList, newYList);\r\n\r\n\tconst animPath = [paths.path, {d:\"M\" + pointsStr}, PATH_ANIM_DUR, STD_EASING];\r\n\tpathComponents.push(animPath);\r\n\r\n\tif(paths.region) {\r\n\t\tlet regStartPt = `${newXList[0]},${zeroLine}L`;\r\n\t\tlet regEndPt = `L${newXList.slice(-1)[0]}, ${zeroLine}`;\r\n\r\n\t\tconst animRegion = [\r\n\t\t\tpaths.region,\r\n\t\t\t{d:\"M\" + regStartPt + pointsStr + regEndPt},\r\n\t\t\tPATH_ANIM_DUR,\r\n\t\t\tSTD_EASING\r\n\t\t];\r\n\t\tpathComponents.push(animRegion);\r\n\t}\r\n\r\n\treturn pathComponents;\r\n}\r\n\r\nexport function animatePathStr(oldPath, pathStr) {\r\n\treturn [oldPath, {d: pathStr}, UNIT_ANIM_DUR, STD_EASING];\r\n}","// Leveraging SMIL Animations\r\n\r\nimport { REPLACE_ALL_NEW_DUR } from './animate';\r\n\r\nconst EASING = {\r\n\tease: \"0.25 0.1 0.25 1\",\r\n\tlinear: \"0 0 1 1\",\r\n\t// easein: \"0.42 0 1 1\",\r\n\teasein: \"0.1 0.8 0.2 1\",\r\n\teaseout: \"0 0 0.58 1\",\r\n\teaseinout: \"0.42 0 0.58 1\"\r\n};\r\n\r\nfunction animateSVGElement(element, props, dur, easingType=\"linear\", type=undefined, oldValues={}) {\r\n\r\n\tlet animElement = element.cloneNode(true);\r\n\tlet newElement = element.cloneNode(true);\r\n\r\n\tfor(var attributeName in props) {\r\n\t\tlet animateElement;\r\n\t\tif(attributeName === 'transform') {\r\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animateTransform\");\r\n\t\t} else {\r\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animate\");\r\n\t\t}\r\n\t\tlet currentValue = oldValues[attributeName] || element.getAttribute(attributeName);\r\n\t\tlet value = props[attributeName];\r\n\r\n\t\tlet animAttr = {\r\n\t\t\tattributeName: attributeName,\r\n\t\t\tfrom: currentValue,\r\n\t\t\tto: value,\r\n\t\t\tbegin: \"0s\",\r\n\t\t\tdur: dur/1000 + \"s\",\r\n\t\t\tvalues: currentValue + \";\" + value,\r\n\t\t\tkeySplines: EASING[easingType],\r\n\t\t\tkeyTimes: \"0;1\",\r\n\t\t\tcalcMode: \"spline\",\r\n\t\t\tfill: 'freeze'\r\n\t\t};\r\n\r\n\t\tif(type) {\r\n\t\t\tanimAttr[\"type\"] = type;\r\n\t\t}\r\n\r\n\t\tfor (var i in animAttr) {\r\n\t\t\tanimateElement.setAttribute(i, animAttr[i]);\r\n\t\t}\r\n\r\n\t\tanimElement.appendChild(animateElement);\r\n\r\n\t\tif(type) {\r\n\t\t\tnewElement.setAttribute(attributeName, `translate(${value})`);\r\n\t\t} else {\r\n\t\t\tnewElement.setAttribute(attributeName, value);\r\n\t\t}\r\n\t}\r\n\r\n\treturn [animElement, newElement];\r\n}\r\n\r\nexport function transform(element, style) { // eslint-disable-line no-unused-vars\r\n\telement.style.transform = style;\r\n\telement.style.webkitTransform = style;\r\n\telement.style.msTransform = style;\r\n\telement.style.mozTransform = style;\r\n\telement.style.oTransform = style;\r\n}\r\n\r\nfunction animateSVG(svgContainer, elements) {\r\n\tlet newElements = [];\r\n\tlet animElements = [];\r\n\r\n\telements.map(element => {\r\n\t\tlet unit = element[0];\r\n\t\tlet parent = unit.parentNode;\r\n\r\n\t\tlet animElement, newElement;\r\n\r\n\t\telement[0] = unit;\r\n\t\t[animElement, newElement] = animateSVGElement(...element);\r\n\r\n\t\tnewElements.push(newElement);\r\n\t\tanimElements.push([animElement, parent]);\r\n\r\n\t\tparent.replaceChild(animElement, unit);\r\n\t});\r\n\r\n\tlet animSvg = svgContainer.cloneNode(true);\r\n\r\n\tanimElements.map((animElement, i) => {\r\n\t\tanimElement[1].replaceChild(newElements[i], animElement[0]);\r\n\t\telements[i][0] = newElements[i];\r\n\t});\r\n\r\n\treturn animSvg;\r\n}\r\n\r\nexport function runSMILAnimation(parent, svgElement, elementsToAnimate) {\r\n\tif(elementsToAnimate.length === 0) return;\r\n\r\n\tlet animSvgElement = animateSVG(svgElement, elementsToAnimate);\r\n\tif(svgElement.parentNode == parent) {\r\n\t\tparent.removeChild(svgElement);\r\n\t\tparent.appendChild(animSvgElement);\r\n\r\n\t}\r\n\r\n\t// Replace the new svgElement (data has already been replaced)\r\n\tsetTimeout(() => {\r\n\t\tif(animSvgElement.parentNode == parent) {\r\n\t\t\tparent.removeChild(animSvgElement);\r\n\t\t\tparent.appendChild(svgElement);\r\n\t\t}\r\n\t}, REPLACE_ALL_NEW_DUR);\r\n}\r\n","import { $ } from '../utils/dom';\r\nimport { CSSTEXT } from '../../css/chartsCss';\r\n\r\nexport function downloadFile(filename, data) {\r\n\tvar a = document.createElement('a');\r\n\ta.style = \"display: none\";\r\n\tvar blob = new Blob(data, {type: \"image/svg+xml; charset=utf-8\"});\r\n\tvar url = window.URL.createObjectURL(blob);\r\n\ta.href = url;\r\n\ta.download = filename;\r\n\tdocument.body.appendChild(a);\r\n\ta.click();\r\n\tsetTimeout(function(){\r\n\t\tdocument.body.removeChild(a);\r\n\t\twindow.URL.revokeObjectURL(url);\r\n\t}, 300);\r\n}\r\n\r\nexport function prepareForExport(svg) {\r\n\tlet clone = svg.cloneNode(true);\r\n\tclone.classList.add('chart-container');\r\n\tclone.setAttribute('xmlns', \"http://www.w3.org/2000/svg\");\r\n\tclone.setAttribute('xmlns:xlink', \"http://www.w3.org/1999/xlink\");\r\n\tlet styleEl = $.create('style', {\r\n\t\t'innerHTML': CSSTEXT\r\n\t});\r\n\tclone.insertBefore(styleEl, clone.firstChild);\r\n\r\n\tlet container = $.create('div');\r\n\tcontainer.appendChild(clone);\r\n\r\n\treturn container.innerHTML;\r\n}\r\n","// Playing around with dates\r\n\r\nexport const NO_OF_YEAR_MONTHS = 12;\r\nexport const NO_OF_DAYS_IN_WEEK = 7;\r\nexport const DAYS_IN_YEAR = 375;\r\nexport const NO_OF_MILLIS = 1000;\r\nexport const SEC_IN_DAY = 86400;\r\n\r\nexport const MONTH_NAMES = [\"January\", \"February\", \"March\", \"April\", \"May\",\r\n\t\"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\"];\r\nexport const MONTH_NAMES_SHORT = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\",\r\n\t\"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"];\r\n\r\nexport const DAY_NAMES_SHORT = [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\"];\r\nexport const DAY_NAMES = [\"Sunday\", \"Monday\", \"Tuesday\", \"Wednesday\",\r\n\t\"Thursday\", \"Friday\", \"Saturday\"];\r\n\r\n// https://stackoverflow.com/a/11252167/6495043\r\nfunction treatAsUtc(date) {\r\n\tlet result = new Date(date);\r\n\tresult.setMinutes(result.getMinutes() - result.getTimezoneOffset());\r\n\treturn result;\r\n}\r\n\r\nexport function getYyyyMmDd(date) {\r\n\tlet dd = date.getDate();\r\n\tlet mm = date.getMonth() + 1; // getMonth() is zero-based\r\n\treturn [\r\n\t\tdate.getFullYear(),\r\n\t\t(mm>9 ? '' : '0') + mm,\r\n\t\t(dd>9 ? '' : '0') + dd\r\n\t].join('-');\r\n}\r\n\r\nexport function clone(date) {\r\n\treturn new Date(date.getTime());\r\n}\r\n\r\nexport function timestampSec(date) {\r\n\treturn date.getTime()/NO_OF_MILLIS;\r\n}\r\n\r\nexport function timestampToMidnight(timestamp, roundAhead = false) {\r\n\tlet midnightTs = Math.floor(timestamp - (timestamp % SEC_IN_DAY));\r\n\tif(roundAhead) {\r\n\t\treturn midnightTs + SEC_IN_DAY;\r\n\t}\r\n\treturn midnightTs;\r\n}\r\n\r\n// export function getMonthsBetween(startDate, endDate) {}\r\n\r\nexport function getWeeksBetween(startDate, endDate) {\r\n\tlet weekStartDate = setDayToSunday(startDate);\r\n\treturn Math.ceil(getDaysBetween(weekStartDate, endDate) / NO_OF_DAYS_IN_WEEK);\r\n}\r\n\r\nexport function getDaysBetween(startDate, endDate) {\r\n\tlet millisecondsPerDay = SEC_IN_DAY * NO_OF_MILLIS;\r\n\treturn (treatAsUtc(endDate) - treatAsUtc(startDate)) / millisecondsPerDay;\r\n}\r\n\r\nexport function areInSameMonth(startDate, endDate) {\r\n\treturn startDate.getMonth() === endDate.getMonth()\r\n\t\t&& startDate.getFullYear() === endDate.getFullYear();\r\n}\r\n\r\nexport function getMonthName(i, short=false) {\r\n\tlet monthName = MONTH_NAMES[i];\r\n\treturn short ? monthName.slice(0, 3) : monthName;\r\n}\r\n\r\nexport function getLastDateInMonth (month, year) {\r\n\treturn new Date(year, month + 1, 0); // 0: last day in previous month\r\n}\r\n\r\n// mutates\r\nexport function setDayToSunday(date) {\r\n\tlet newDate = clone(date);\r\n\tconst day = newDate.getDay();\r\n\tif(day !== 0) {\r\n\t\taddDays(newDate, (-1) * day);\r\n\t}\r\n\treturn newDate;\r\n}\r\n\r\n// mutates\r\nexport function addDays(date, numberOfDays) {\r\n\tdate.setDate(date.getDate() + numberOfDays);\r\n}\r\n","import { makeSVGGroup } from '../utils/draw';\r\nimport { makeText, makePath, xLine, yLine, yMarker, yRegion, datasetBar, datasetDot, percentageBar, getPaths, heatSquare } from '../utils/draw';\r\nimport { equilizeNoOfElements } from '../utils/draw-utils';\r\nimport { translateHoriLine, translateVertLine, animateRegion, animateBar,\r\n\tanimateDot, animatePath, animatePathStr } from '../utils/animate';\r\nimport { getMonthName } from '../utils/date-utils';\r\n\r\nclass ChartComponent {\r\n\tconstructor({\r\n\t\tlayerClass = '',\r\n\t\tlayerTransform = '',\r\n\t\tconstants,\r\n\r\n\t\tgetData,\r\n\t\tmakeElements,\r\n\t\tanimateElements\r\n\t}) {\r\n\t\tthis.layerTransform = layerTransform;\r\n\t\tthis.constants = constants;\r\n\r\n\t\tthis.makeElements = makeElements;\r\n\t\tthis.getData = getData;\r\n\r\n\t\tthis.animateElements = animateElements;\r\n\r\n\t\tthis.store = [];\r\n\t\tthis.labels = [];\r\n\r\n\t\tthis.layerClass = layerClass;\r\n\t\tthis.layerClass = typeof(this.layerClass) === 'function'\r\n\t\t\t? this.layerClass() : this.layerClass;\r\n\r\n\t\tthis.refresh();\r\n\t}\r\n\r\n\trefresh(data) {\r\n\t\tthis.data = data || this.getData();\r\n\t}\r\n\r\n\tsetup(parent) {\r\n\t\tthis.layer = makeSVGGroup(this.layerClass, this.layerTransform, parent);\r\n\t}\r\n\r\n\tmake() {\r\n\t\tthis.render(this.data);\r\n\t\tthis.oldData = this.data;\r\n\t}\r\n\r\n\trender(data) {\r\n\t\tthis.store = this.makeElements(data);\r\n\r\n\t\tthis.layer.textContent = '';\r\n\t\tthis.store.forEach(element => {\r\n\t\t\tthis.layer.appendChild(element);\r\n\t\t});\r\n\t\tthis.labels.forEach(element => {\r\n\t\t\tthis.layer.appendChild(element);\r\n\t\t});\r\n\t}\r\n\r\n\tupdate(animate = true) {\r\n\t\tthis.refresh();\r\n\t\tlet animateElements = [];\r\n\t\tif(animate) {\r\n\t\t\tanimateElements = this.animateElements(this.data) || [];\r\n\t\t}\r\n\t\treturn animateElements;\r\n\t}\r\n}\r\n\r\nlet componentConfigs = {\r\n\tdonutSlices: {\r\n\t\tlayerClass: 'donut-slices',\r\n\t\tmakeElements(data) {\r\n\t\t\treturn data.sliceStrings.map((s, i) => {\r\n\t\t\t\tlet slice = makePath(s, 'donut-path', data.colors[i], 'none', data.strokeWidth);\r\n\t\t\t\tslice.style.transition = 'transform .3s;';\r\n\t\t\t\treturn slice;\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tanimateElements(newData) {\r\n\t\t\treturn this.store.map((slice, i) => animatePathStr(slice, newData.sliceStrings[i]));\r\n\t\t},\r\n\t},\r\n\tpieSlices: {\r\n\t\tlayerClass: 'pie-slices',\r\n\t\tmakeElements(data) {\r\n\t\t\treturn data.sliceStrings.map((s, i) =>{\r\n\t\t\t\tlet slice = makePath(s, 'pie-path', 'none', data.colors[i]);\r\n\t\t\t\tslice.style.transition = 'transform .3s;';\r\n\t\t\t\treturn slice;\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tanimateElements(newData) {\r\n\t\t\treturn this.store.map((slice, i) =>\r\n\t\t\t\tanimatePathStr(slice, newData.sliceStrings[i])\r\n\t\t\t);\r\n\t\t}\r\n\t},\r\n\tpercentageBars: {\r\n\t\tlayerClass: 'percentage-bars',\r\n\t\tmakeElements(data) {\r\n\t\t\treturn data.xPositions.map((x, i) =>{\r\n\t\t\t\tlet y = 0;\r\n\t\t\t\tlet bar = percentageBar(x, y, data.widths[i],\r\n\t\t\t\t\tthis.constants.barHeight, this.constants.barDepth, data.colors[i]);\r\n\t\t\t\treturn bar;\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tanimateElements(newData) {\r\n\t\t\tif(newData) return [];\r\n\t\t}\r\n\t},\r\n\tyAxis: {\r\n\t\tlayerClass: 'y axis',\r\n\t\tmakeElements(data) {\r\n\t\t\treturn data.positions.map((position, i) =>\r\n\t\t\t\tyLine(position, data.labels[i], this.constants.width,\r\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos, shortenNumbers: this.constants.shortenNumbers})\r\n\t\t\t);\r\n\t\t},\r\n\r\n\t\tanimateElements(newData) {\r\n\t\t\tlet newPos = newData.positions;\r\n\t\t\tlet newLabels = newData.labels;\r\n\t\t\tlet oldPos = this.oldData.positions;\r\n\t\t\tlet oldLabels = this.oldData.labels;\r\n\r\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\r\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\r\n\r\n\t\t\tthis.render({\r\n\t\t\t\tpositions: oldPos,\r\n\t\t\t\tlabels: newLabels\r\n\t\t\t});\r\n\r\n\t\t\treturn this.store.map((line, i) => {\r\n\t\t\t\treturn translateHoriLine(\r\n\t\t\t\t\tline, newPos[i], oldPos[i]\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t}\r\n\t},\r\n\r\n\txAxis: {\r\n\t\tlayerClass: 'x axis',\r\n\t\tmakeElements(data) {\r\n\t\t\treturn data.positions.map((position, i) =>\r\n\t\t\t\txLine(position, data.calcLabels[i], this.constants.height,\r\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\r\n\t\t\t);\r\n\t\t},\r\n\r\n\t\tanimateElements(newData) {\r\n\t\t\tlet newPos = newData.positions;\r\n\t\t\tlet newLabels = newData.calcLabels;\r\n\t\t\tlet oldPos = this.oldData.positions;\r\n\t\t\tlet oldLabels = this.oldData.calcLabels;\r\n\r\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\r\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\r\n\r\n\t\t\tthis.render({\r\n\t\t\t\tpositions: oldPos,\r\n\t\t\t\tcalcLabels: newLabels\r\n\t\t\t});\r\n\r\n\t\t\treturn this.store.map((line, i) => {\r\n\t\t\t\treturn translateVertLine(\r\n\t\t\t\t\tline, newPos[i], oldPos[i]\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t}\r\n\t},\r\n\r\n\tyMarkers: {\r\n\t\tlayerClass: 'y-markers',\r\n\t\tmakeElements(data) {\r\n\t\t\treturn data.map(m =>\r\n\t\t\t\tyMarker(m.position, m.label, this.constants.width,\r\n\t\t\t\t\t{labelPos: m.options.labelPos, mode: 'span', lineType: 'dashed'})\r\n\t\t\t);\r\n\t\t},\r\n\t\tanimateElements(newData) {\r\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\r\n\r\n\t\t\tlet newPos = newData.map(d => d.position);\r\n\t\t\tlet newLabels = newData.map(d => d.label);\r\n\t\t\tlet newOptions = newData.map(d => d.options);\r\n\r\n\t\t\tlet oldPos = this.oldData.map(d => d.position);\r\n\r\n\t\t\tthis.render(oldPos.map((pos, i) => {\r\n\t\t\t\treturn {\r\n\t\t\t\t\tposition: oldPos[i],\r\n\t\t\t\t\tlabel: newLabels[i],\r\n\t\t\t\t\toptions: newOptions[i]\r\n\t\t\t\t};\r\n\t\t\t}));\r\n\r\n\t\t\treturn this.store.map((line, i) => {\r\n\t\t\t\treturn translateHoriLine(\r\n\t\t\t\t\tline, newPos[i], oldPos[i]\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t}\r\n\t},\r\n\r\n\tyRegions: {\r\n\t\tlayerClass: 'y-regions',\r\n\t\tmakeElements(data) {\r\n\t\t\treturn data.map(r =>\r\n\t\t\t\tyRegion(r.startPos, r.endPos, this.constants.width,\r\n\t\t\t\t\tr.label, {labelPos: r.options.labelPos})\r\n\t\t\t);\r\n\t\t},\r\n\t\tanimateElements(newData) {\r\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\r\n\r\n\t\t\tlet newPos = newData.map(d => d.endPos);\r\n\t\t\tlet newLabels = newData.map(d => d.label);\r\n\t\t\tlet newStarts = newData.map(d => d.startPos);\r\n\t\t\tlet newOptions = newData.map(d => d.options);\r\n\r\n\t\t\tlet oldPos = this.oldData.map(d => d.endPos);\r\n\t\t\tlet oldStarts = this.oldData.map(d => d.startPos);\r\n\r\n\t\t\tthis.render(oldPos.map((pos, i) => {\r\n\t\t\t\treturn {\r\n\t\t\t\t\tstartPos: oldStarts[i],\r\n\t\t\t\t\tendPos: oldPos[i],\r\n\t\t\t\t\tlabel: newLabels[i],\r\n\t\t\t\t\toptions: newOptions[i]\r\n\t\t\t\t};\r\n\t\t\t}));\r\n\r\n\t\t\tlet animateElements = [];\r\n\r\n\t\t\tthis.store.map((rectGroup, i) => {\r\n\t\t\t\tanimateElements = animateElements.concat(animateRegion(\r\n\t\t\t\t\trectGroup, newStarts[i], newPos[i], oldPos[i]\r\n\t\t\t\t));\r\n\t\t\t});\r\n\r\n\t\t\treturn animateElements;\r\n\t\t}\r\n\t},\r\n\r\n\theatDomain: {\r\n\t\tlayerClass: function() { return 'heat-domain domain-' + this.constants.index; },\r\n\t\tmakeElements(data) {\r\n\t\t\tlet {index, colWidth, rowHeight, squareSize, xTranslate} = this.constants;\r\n\t\t\tlet monthNameHeight = -12;\r\n\t\t\tlet x = xTranslate, y = 0;\r\n\r\n\t\t\tthis.serializedSubDomains = [];\r\n\r\n\t\t\tdata.cols.map((week, weekNo) => {\r\n\t\t\t\tif(weekNo === 1) {\r\n\t\t\t\t\tthis.labels.push(\r\n\t\t\t\t\t\tmakeText('domain-name', x, monthNameHeight, getMonthName(index, true).toUpperCase(),\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\tfontSize: 9\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t);\r\n\t\t\t\t}\r\n\t\t\t\tweek.map((day, i) => {\r\n\t\t\t\t\tif(day.fill) {\r\n\t\t\t\t\t\tlet data = {\r\n\t\t\t\t\t\t\t'data-date': day.yyyyMmDd,\r\n\t\t\t\t\t\t\t'data-value': day.dataValue,\r\n\t\t\t\t\t\t\t'data-day': i\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t\tlet square = heatSquare('day', x, y, squareSize, day.fill, data);\r\n\t\t\t\t\t\tthis.serializedSubDomains.push(square);\r\n\t\t\t\t\t}\r\n\t\t\t\t\ty += rowHeight;\r\n\t\t\t\t});\r\n\t\t\t\ty = 0;\r\n\t\t\t\tx += colWidth;\r\n\t\t\t});\r\n\r\n\t\t\treturn this.serializedSubDomains;\r\n\t\t},\r\n\r\n\t\tanimateElements(newData) {\r\n\t\t\tif(newData) return [];\r\n\t\t}\r\n\t},\r\n\r\n\tbarGraph: {\r\n\t\tlayerClass: function() { return 'dataset-units dataset-bars dataset-' + this.constants.index; },\r\n\t\tmakeElements(data) {\r\n\t\t\tlet c = this.constants;\r\n\t\t\tthis.unitType = 'bar';\r\n\t\t\tthis.units = data.yPositions.map((y, j) => {\r\n\t\t\t\treturn datasetBar(\r\n\t\t\t\t\tdata.xPositions[j],\r\n\t\t\t\t\ty,\r\n\t\t\t\t\tdata.barWidth,\r\n\t\t\t\t\tc.color,\r\n\t\t\t\t\tdata.labels[j],\r\n\t\t\t\t\tj,\r\n\t\t\t\t\tdata.offsets[j],\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tzeroLine: data.zeroLine,\r\n\t\t\t\t\t\tbarsWidth: data.barsWidth,\r\n\t\t\t\t\t\tminHeight: c.minHeight\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t\treturn this.units;\r\n\t\t},\r\n\t\tanimateElements(newData) {\r\n\t\t\tlet newXPos = newData.xPositions;\r\n\t\t\tlet newYPos = newData.yPositions;\r\n\t\t\tlet newOffsets = newData.offsets;\r\n\t\t\tlet newLabels = newData.labels;\r\n\r\n\t\t\tlet oldXPos = this.oldData.xPositions;\r\n\t\t\tlet oldYPos = this.oldData.yPositions;\r\n\t\t\tlet oldOffsets = this.oldData.offsets;\r\n\t\t\tlet oldLabels = this.oldData.labels;\r\n\r\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\r\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\r\n\t\t\t[oldOffsets, newOffsets] = equilizeNoOfElements(oldOffsets, newOffsets);\r\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\r\n\r\n\t\t\tthis.render({\r\n\t\t\t\txPositions: oldXPos,\r\n\t\t\t\tyPositions: oldYPos,\r\n\t\t\t\toffsets: oldOffsets,\r\n\t\t\t\tlabels: newLabels,\r\n\r\n\t\t\t\tzeroLine: this.oldData.zeroLine,\r\n\t\t\t\tbarsWidth: this.oldData.barsWidth,\r\n\t\t\t\tbarWidth: this.oldData.barWidth,\r\n\t\t\t});\r\n\r\n\t\t\tlet animateElements = [];\r\n\r\n\t\t\tthis.store.map((bar, i) => {\r\n\t\t\t\tanimateElements = animateElements.concat(animateBar(\r\n\t\t\t\t\tbar, newXPos[i], newYPos[i], newData.barWidth, newOffsets[i],\r\n\t\t\t\t\t{zeroLine: newData.zeroLine}\r\n\t\t\t\t));\r\n\t\t\t});\r\n\r\n\t\t\treturn animateElements;\r\n\t\t}\r\n\t},\r\n\r\n\tlineGraph: {\r\n\t\tlayerClass: function() { return 'dataset-units dataset-line dataset-' + this.constants.index; },\r\n\t\tmakeElements(data) {\r\n\t\t\tlet c = this.constants;\r\n\t\t\tthis.unitType = 'dot';\r\n\t\t\tthis.paths = {};\r\n\t\t\tif(!c.hideLine) {\r\n\t\t\t\tthis.paths = getPaths(\r\n\t\t\t\t\tdata.xPositions,\r\n\t\t\t\t\tdata.yPositions,\r\n\t\t\t\t\tc.color,\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\theatline: c.heatline,\r\n\t\t\t\t\t\tregionFill: c.regionFill,\r\n\t\t\t\t\t\tspline: c.spline\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tsvgDefs: c.svgDefs,\r\n\t\t\t\t\t\tzeroLine: data.zeroLine\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t\t}\r\n\r\n\t\t\tthis.units = [];\r\n\t\t\tif(!c.hideDots) {\r\n\t\t\t\tthis.units = data.yPositions.map((y, j) => {\r\n\t\t\t\t\treturn datasetDot(\r\n\t\t\t\t\t\tdata.xPositions[j],\r\n\t\t\t\t\t\ty,\r\n\t\t\t\t\t\tdata.radius,\r\n\t\t\t\t\t\tc.color,\r\n\t\t\t\t\t\t(c.valuesOverPoints ? data.values[j] : ''),\r\n\t\t\t\t\t\tj\r\n\t\t\t\t\t);\r\n\t\t\t\t});\r\n\t\t\t}\r\n\r\n\t\t\treturn Object.values(this.paths).concat(this.units);\r\n\t\t},\r\n\t\tanimateElements(newData) {\r\n\t\t\tlet newXPos = newData.xPositions;\r\n\t\t\tlet newYPos = newData.yPositions;\r\n\t\t\tlet newValues = newData.values;\r\n\r\n\t\t\tlet oldXPos = this.oldData.xPositions;\r\n\t\t\tlet oldYPos = this.oldData.yPositions;\r\n\t\t\tlet oldValues = this.oldData.values;\r\n\r\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\r\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\r\n\t\t\t[oldValues, newValues] = equilizeNoOfElements(oldValues, newValues);\r\n\r\n\t\t\tthis.render({\r\n\t\t\t\txPositions: oldXPos,\r\n\t\t\t\tyPositions: oldYPos,\r\n\t\t\t\tvalues: newValues,\r\n\r\n\t\t\t\tzeroLine: this.oldData.zeroLine,\r\n\t\t\t\tradius: this.oldData.radius,\r\n\t\t\t});\r\n\r\n\t\t\tlet animateElements = [];\r\n\r\n\t\t\tif(Object.keys(this.paths).length) {\r\n\t\t\t\tanimateElements = animateElements.concat(animatePath(\r\n\t\t\t\t\tthis.paths, newXPos, newYPos, newData.zeroLine, this.constants.spline));\r\n\t\t\t}\r\n\r\n\t\t\tif(this.units.length) {\r\n\t\t\t\tthis.units.map((dot, i) => {\r\n\t\t\t\t\tanimateElements = animateElements.concat(animateDot(\r\n\t\t\t\t\t\tdot, newXPos[i], newYPos[i]));\r\n\t\t\t\t});\r\n\t\t\t}\r\n\r\n\t\t\treturn animateElements;\r\n\t\t}\r\n\t}\r\n};\r\n\r\nexport function getComponent(name, constants, getData) {\r\n\tlet keys = Object.keys(componentConfigs).filter(k => name.includes(k));\r\n\tlet config = componentConfigs[keys[0]];\r\n\tObject.assign(config, {\r\n\t\tconstants: constants,\r\n\t\tgetData: getData\r\n\t});\r\n\treturn new ChartComponent(config);\r\n}\r\n","import { floatTwo } from './helpers';\r\n\r\nfunction normalize(x) {\r\n\t// Calculates mantissa and exponent of a number\r\n\t// Returns normalized number and exponent\r\n\t// https://stackoverflow.com/q/9383593/6495043\r\n\r\n\tif(x===0) {\r\n\t\treturn [0, 0];\r\n\t}\r\n\tif(isNaN(x)) {\r\n\t\treturn {mantissa: -6755399441055744, exponent: 972};\r\n\t}\r\n\tvar sig = x > 0 ? 1 : -1;\r\n\tif(!isFinite(x)) {\r\n\t\treturn {mantissa: sig * 4503599627370496, exponent: 972};\r\n\t}\r\n\r\n\tx = Math.abs(x);\r\n\tvar exp = Math.floor(Math.log10(x));\r\n\tvar man = x/Math.pow(10, exp);\r\n\r\n\treturn [sig * man, exp];\r\n}\r\n\r\nfunction getChartRangeIntervals(max, min=0) {\r\n\tlet upperBound = Math.ceil(max);\r\n\tlet lowerBound = Math.floor(min);\r\n\tlet range = upperBound - lowerBound;\r\n\r\n\tlet noOfParts = range;\r\n\tlet partSize = 1;\r\n\r\n\t// To avoid too many partitions\r\n\tif(range > 5) {\r\n\t\tif(range % 2 !== 0) {\r\n\t\t\tupperBound++;\r\n\t\t\t// Recalc range\r\n\t\t\trange = upperBound - lowerBound;\r\n\t\t}\r\n\t\tnoOfParts = range/2;\r\n\t\tpartSize = 2;\r\n\t}\r\n\r\n\t// Special case: 1 and 2\r\n\tif(range <= 2) {\r\n\t\tnoOfParts = 4;\r\n\t\tpartSize = range/noOfParts;\r\n\t}\r\n\r\n\t// Special case: 0\r\n\tif(range === 0) {\r\n\t\tnoOfParts = 5;\r\n\t\tpartSize = 1;\r\n\t}\r\n\r\n\tlet intervals = [];\r\n\tfor(var i = 0; i <= noOfParts; i++){\r\n\t\tintervals.push(lowerBound + partSize * i);\r\n\t}\r\n\treturn intervals;\r\n}\r\n\r\nfunction getChartIntervals(maxValue, minValue=0) {\r\n\tlet [normalMaxValue, exponent] = normalize(maxValue);\r\n\tlet normalMinValue = minValue ? minValue/Math.pow(10, exponent): 0;\r\n\r\n\t// Allow only 7 significant digits\r\n\tnormalMaxValue = normalMaxValue.toFixed(6);\r\n\r\n\tlet intervals = getChartRangeIntervals(normalMaxValue, normalMinValue);\r\n\tintervals = intervals.map(value => value * Math.pow(10, exponent));\r\n\treturn intervals;\r\n}\r\n\r\nexport function calcChartIntervals(values, withMinimum=false) {\r\n\t//*** Where the magic happens ***\r\n\r\n\t// Calculates best-fit y intervals from given values\r\n\t// and returns the interval array\r\n\r\n\tlet maxValue = Math.max(...values);\r\n\tlet minValue = Math.min(...values);\r\n\r\n\t// Exponent to be used for pretty print\r\n\tlet exponent = 0, intervals = []; // eslint-disable-line no-unused-vars\r\n\r\n\tfunction getPositiveFirstIntervals(maxValue, absMinValue) {\r\n\t\tlet intervals = getChartIntervals(maxValue);\r\n\r\n\t\tlet intervalSize = intervals[1] - intervals[0];\r\n\r\n\t\t// Then unshift the negative values\r\n\t\tlet value = 0;\r\n\t\tfor(var i = 1; value < absMinValue; i++) {\r\n\t\t\tvalue += intervalSize;\r\n\t\t\tintervals.unshift((-1) * value);\r\n\t\t}\r\n\t\treturn intervals;\r\n\t}\r\n\r\n\t// CASE I: Both non-negative\r\n\r\n\tif(maxValue >= 0 && minValue >= 0) {\r\n\t\texponent = normalize(maxValue)[1];\r\n\t\tif(!withMinimum) {\r\n\t\t\tintervals = getChartIntervals(maxValue);\r\n\t\t} else {\r\n\t\t\tintervals = getChartIntervals(maxValue, minValue);\r\n\t\t}\r\n\t}\r\n\r\n\t// CASE II: Only minValue negative\r\n\r\n\telse if(maxValue > 0 && minValue < 0) {\r\n\t\t// `withMinimum` irrelevant in this case,\r\n\t\t// We'll be handling both sides of zero separately\r\n\t\t// (both starting from zero)\r\n\t\t// Because ceil() and floor() behave differently\r\n\t\t// in those two regions\r\n\r\n\t\tlet absMinValue = Math.abs(minValue);\r\n\r\n\t\tif(maxValue >= absMinValue) {\r\n\t\t\texponent = normalize(maxValue)[1];\r\n\t\t\tintervals = getPositiveFirstIntervals(maxValue, absMinValue);\r\n\t\t} else {\r\n\t\t\t// Mirror: maxValue => absMinValue, then change sign\r\n\t\t\texponent = normalize(absMinValue)[1];\r\n\t\t\tlet posIntervals = getPositiveFirstIntervals(absMinValue, maxValue);\r\n\t\t\tintervals = posIntervals.map(d => d * (-1));\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t// CASE III: Both non-positive\r\n\r\n\telse if(maxValue <= 0 && minValue <= 0) {\r\n\t\t// Mirrored Case I:\r\n\t\t// Work with positives, then reverse the sign and array\r\n\r\n\t\tlet pseudoMaxValue = Math.abs(minValue);\r\n\t\tlet pseudoMinValue = Math.abs(maxValue);\r\n\r\n\t\texponent = normalize(pseudoMaxValue)[1];\r\n\t\tif(!withMinimum) {\r\n\t\t\tintervals = getChartIntervals(pseudoMaxValue);\r\n\t\t} else {\r\n\t\t\tintervals = getChartIntervals(pseudoMaxValue, pseudoMinValue);\r\n\t\t}\r\n\r\n\t\tintervals = intervals.reverse().map(d => d * (-1));\r\n\t}\r\n\r\n\treturn intervals;\r\n}\r\n\r\nexport function getZeroIndex(yPts) {\r\n\tlet zeroIndex;\r\n\tlet interval = getIntervalSize(yPts);\r\n\tif(yPts.indexOf(0) >= 0) {\r\n\t\t// the range has a given zero\r\n\t\t// zero-line on the chart\r\n\t\tzeroIndex = yPts.indexOf(0);\r\n\t} else if(yPts[0] > 0) {\r\n\t\t// Minimum value is positive\r\n\t\t// zero-line is off the chart: below\r\n\t\tlet min = yPts[0];\r\n\t\tzeroIndex = (-1) * min / interval;\r\n\t} else {\r\n\t\t// Maximum value is negative\r\n\t\t// zero-line is off the chart: above\r\n\t\tlet max = yPts[yPts.length - 1];\r\n\t\tzeroIndex = (-1) * max / interval + (yPts.length - 1);\r\n\t}\r\n\treturn zeroIndex;\r\n}\r\n\r\nexport function getRealIntervals(max, noOfIntervals, min = 0, asc = 1) {\r\n\tlet range = max - min;\r\n\tlet part = range * 1.0 / noOfIntervals;\r\n\tlet intervals = [];\r\n\r\n\tfor(var i = 0; i <= noOfIntervals; i++) {\r\n\t\tintervals.push(min + part * i);\r\n\t}\r\n\r\n\treturn asc ? intervals : intervals.reverse();\r\n}\r\n\r\nexport function getIntervalSize(orderedArray) {\r\n\treturn orderedArray[1] - orderedArray[0];\r\n}\r\n\r\nexport function getValueRange(orderedArray) {\r\n\treturn orderedArray[orderedArray.length-1] - orderedArray[0];\r\n}\r\n\r\nexport function scale(val, yAxis) {\r\n\treturn floatTwo(yAxis.zeroLine - val * yAxis.scaleMultiplier);\r\n}\r\n\r\nexport function isInRange(val, min, max) {\r\n\treturn val > min && val < max;\r\n}\r\n\r\nexport function isInRange2D(coord, minCoord, maxCoord) {\r\n\treturn isInRange(coord[0], minCoord[0], maxCoord[0])\r\n\t\t&& isInRange(coord[1], minCoord[1], maxCoord[1]);\r\n}\r\n\r\nexport function getClosestInArray(goal, arr, index = false) {\r\n\tlet closest = arr.reduce(function(prev, curr) {\r\n\t\treturn (Math.abs(curr - goal) < Math.abs(prev - goal) ? curr : prev);\r\n\t}, []);\r\n\r\n\treturn index ? arr.indexOf(closest) : closest;\r\n}\r\n\r\nexport function calcDistribution(values, distributionSize) {\r\n\t// Assume non-negative values,\r\n\t// implying distribution minimum at zero\r\n\r\n\tlet dataMaxValue = Math.max(...values);\r\n\r\n\tlet distributionStep = 1 / (distributionSize - 1);\r\n\tlet distribution = [];\r\n\r\n\tfor(var i = 0; i < distributionSize; i++) {\r\n\t\tlet checkpoint = dataMaxValue * (distributionStep * i);\r\n\t\tdistribution.push(checkpoint);\r\n\t}\r\n\r\n\treturn distribution;\r\n}\r\n\r\nexport function getMaxCheckpoint(value, distribution) {\r\n\treturn distribution.filter(d => d < value).length;\r\n}\r\n","import { fillArray } from '../utils/helpers';\r\nimport { DEFAULT_AXIS_CHART_TYPE, AXIS_DATASET_CHART_TYPES, DEFAULT_CHAR_WIDTH } from '../utils/constants';\r\n\r\nexport function dataPrep(data, type) {\r\n\tdata.labels = data.labels || [];\r\n\r\n\tlet datasetLength = data.labels.length;\r\n\r\n\t// Datasets\r\n\tlet datasets = data.datasets;\r\n\tlet zeroArray = new Array(datasetLength).fill(0);\r\n\tif(!datasets) {\r\n\t\t// default\r\n\t\tdatasets = [{\r\n\t\t\tvalues: zeroArray\r\n\t\t}];\r\n\t}\r\n\r\n\tdatasets.map(d=> {\r\n\t\t// Set values\r\n\t\tif(!d.values) {\r\n\t\t\td.values = zeroArray;\r\n\t\t} else {\r\n\t\t\t// Check for non values\r\n\t\t\tlet vals = d.values;\r\n\t\t\tvals = vals.map(val => (!isNaN(val) ? val : 0));\r\n\r\n\t\t\t// Trim or extend\r\n\t\t\tif(vals.length > datasetLength) {\r\n\t\t\t\tvals = vals.slice(0, datasetLength);\r\n\t\t\t} else {\r\n\t\t\t\tvals = fillArray(vals, datasetLength - vals.length, 0);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t// Set labels\r\n\t\t//\r\n\r\n\t\t// Set type\r\n\t\tif(!d.chartType ) {\r\n\t\t\tif(!AXIS_DATASET_CHART_TYPES.includes(type)) type === DEFAULT_AXIS_CHART_TYPE;\r\n\t\t\td.chartType = type;\r\n\t\t}\r\n\r\n\t});\r\n\r\n\t// Markers\r\n\r\n\t// Regions\r\n\t// data.yRegions = data.yRegions || [];\r\n\tif(data.yRegions) {\r\n\t\tdata.yRegions.map(d => {\r\n\t\t\tif(d.end < d.start) {\r\n\t\t\t\t[d.start, d.end] = [d.end, d.start];\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\treturn data;\r\n}\r\n\r\nexport function zeroDataPrep(realData) {\r\n\tlet datasetLength = realData.labels.length;\r\n\tlet zeroArray = new Array(datasetLength).fill(0);\r\n\r\n\tlet zeroData = {\r\n\t\tlabels: realData.labels.slice(0, -1),\r\n\t\tdatasets: realData.datasets.map(d => {\r\n\t\t\treturn {\r\n\t\t\t\tname: '',\r\n\t\t\t\tvalues: zeroArray.slice(0, -1),\r\n\t\t\t\tchartType: d.chartType\r\n\t\t\t};\r\n\t\t}),\r\n\t};\r\n\r\n\tif(realData.yMarkers) {\r\n\t\tzeroData.yMarkers = [\r\n\t\t\t{\r\n\t\t\t\tvalue: 0,\r\n\t\t\t\tlabel: ''\r\n\t\t\t}\r\n\t\t];\r\n\t}\r\n\r\n\tif(realData.yRegions) {\r\n\t\tzeroData.yRegions = [\r\n\t\t\t{\r\n\t\t\t\tstart: 0,\r\n\t\t\t\tend: 0,\r\n\t\t\t\tlabel: ''\r\n\t\t\t}\r\n\t\t];\r\n\t}\r\n\r\n\treturn zeroData;\r\n}\r\n\r\nexport function getShortenedLabels(chartWidth, labels=[], isSeries=true) {\r\n\tlet allowedSpace = chartWidth / labels.length;\r\n\tif(allowedSpace <= 0) allowedSpace = 1;\r\n\tlet allowedLetters = allowedSpace / DEFAULT_CHAR_WIDTH;\r\n\r\n\tlet calcLabels = labels.map((label, i) => {\r\n\t\tlabel += \"\";\r\n\t\tif(label.length > allowedLetters) {\r\n\r\n\t\t\tif(!isSeries) {\r\n\t\t\t\tif(allowedLetters-3 > 0) {\r\n\t\t\t\t\tlabel = label.slice(0, allowedLetters-3) + \" ...\";\r\n\t\t\t\t} else {\r\n\t\t\t\t\tlabel = label.slice(0, allowedLetters) + '..';\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tlet multiple = Math.ceil(label.length/allowedLetters);\r\n\t\t\t\tif(i % multiple !== 0) {\r\n\t\t\t\t\tlabel = \"\";\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn label;\r\n\t});\r\n\r\n\treturn calcLabels;\r\n}\r\n","import '../css/charts.scss';\r\n\r\n// import MultiAxisChart from './charts/MultiAxisChart';\r\nimport PercentageChart from './charts/PercentageChart';\r\nimport PieChart from './charts/PieChart';\r\nimport Heatmap from './charts/Heatmap';\r\nimport AxisChart from './charts/AxisChart';\r\nimport DonutChart from './charts/DonutChart';\r\n\r\nconst chartTypes = {\r\n\tbar: AxisChart,\r\n\tline: AxisChart,\r\n\t// multiaxis: MultiAxisChart,\r\n\tpercentage: PercentageChart,\r\n\theatmap: Heatmap,\r\n\tpie: PieChart,\r\n\tdonut: DonutChart,\r\n};\r\n\r\nfunction getChartByType(chartType = 'line', parent, options) {\r\n\tif (chartType === 'axis-mixed') {\r\n\t\toptions.type = 'line';\r\n\t\treturn new AxisChart(parent, options);\r\n\t}\r\n\r\n\tif (!chartTypes[chartType]) {\r\n\t\tconsole.error(\"Undefined chart type: \" + chartType);\r\n\t\treturn;\r\n\t}\r\n\r\n\treturn new chartTypes[chartType](parent, options);\r\n}\r\n\r\nclass Chart {\r\n\tconstructor(parent, options) {\r\n\t\treturn getChartByType(options.type, parent, options);\r\n\t}\r\n}\r\n\r\nexport { Chart, PercentageChart, PieChart, Heatmap, AxisChart };","function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","import { $ } from '../utils/dom';\r\nimport { TOOLTIP_POINTER_TRIANGLE_HEIGHT } from '../utils/constants';\r\n\r\nexport default class SvgTip {\r\n\tconstructor({\r\n\t\tparent = null,\r\n\t\tcolors = []\r\n\t}) {\r\n\t\tthis.parent = parent;\r\n\t\tthis.colors = colors;\r\n\t\tthis.titleName = '';\r\n\t\tthis.titleValue = '';\r\n\t\tthis.listValues = [];\r\n\t\tthis.titleValueFirst = 0;\r\n\r\n\t\tthis.x = 0;\r\n\t\tthis.y = 0;\r\n\r\n\t\tthis.top = 0;\r\n\t\tthis.left = 0;\r\n\r\n\t\tthis.setup();\r\n\t}\r\n\r\n\tsetup() {\r\n\t\tthis.makeTooltip();\r\n\t}\r\n\r\n\trefresh() {\r\n\t\tthis.fill();\r\n\t\tthis.calcPosition();\r\n\t}\r\n\r\n\tmakeTooltip() {\r\n\t\tthis.container = $.create('div', {\r\n\t\t\tinside: this.parent,\r\n\t\t\tclassName: 'graph-svg-tip comparison',\r\n\t\t\tinnerHTML: `\r\n\t\t\t\t
                                    \r\n\t\t\t\t
                                    `\r\n\t\t});\r\n\t\tthis.hideTip();\r\n\r\n\t\tthis.title = this.container.querySelector('.title');\r\n\t\tthis.dataPointList = this.container.querySelector('.data-point-list');\r\n\r\n\t\tthis.parent.addEventListener('mouseleave', () => {\r\n\t\t\tthis.hideTip();\r\n\t\t});\r\n\t}\r\n\r\n\tfill() {\r\n\t\tlet title;\r\n\t\tif(this.index) {\r\n\t\t\tthis.container.setAttribute('data-point-index', this.index);\r\n\t\t}\r\n\t\tif(this.titleValueFirst) {\r\n\t\t\ttitle = `${this.titleValue}${this.titleName}`;\r\n\t\t} else {\r\n\t\t\ttitle = `${this.titleName}${this.titleValue}`;\r\n\t\t}\r\n\t\tthis.title.innerHTML = title;\r\n\t\tthis.dataPointList.innerHTML = '';\r\n\r\n\t\tthis.listValues.map((set, i) => {\r\n\t\t\tconst color = this.colors[i] || 'black';\r\n\t\t\tlet value = set.formatted === 0 || set.formatted ? set.formatted : set.value;\r\n\r\n\t\t\tlet li = $.create('li', {\r\n\t\t\t\tstyles: {\r\n\t\t\t\t\t'border-top': `3px solid ${color}`\r\n\t\t\t\t},\r\n\t\t\t\tinnerHTML: `${ value === 0 || value ? value : '' }\r\n\t\t\t\t\t${set.title ? set.title : '' }`\r\n\t\t\t});\r\n\r\n\t\t\tthis.dataPointList.appendChild(li);\r\n\t\t});\r\n\t}\r\n\r\n\tcalcPosition() {\r\n\t\tlet width = this.container.offsetWidth;\r\n\r\n\t\tthis.top = this.y - this.container.offsetHeight\r\n\t\t\t- TOOLTIP_POINTER_TRIANGLE_HEIGHT;\r\n\t\tthis.left = this.x - width/2;\r\n\t\tlet maxLeft = this.parent.offsetWidth - width;\r\n\r\n\t\tlet pointer = this.container.querySelector('.svg-pointer');\r\n\r\n\t\tif(this.left < 0) {\r\n\t\t\tpointer.style.left = `calc(50% - ${-1 * this.left}px)`;\r\n\t\t\tthis.left = 0;\r\n\t\t} else if(this.left > maxLeft) {\r\n\t\t\tlet delta = this.left - maxLeft;\r\n\t\t\tlet pointerOffset = `calc(50% + ${delta}px)`;\r\n\t\t\tpointer.style.left = pointerOffset;\r\n\r\n\t\t\tthis.left = maxLeft;\r\n\t\t} else {\r\n\t\t\tpointer.style.left = `50%`;\r\n\t\t}\r\n\t}\r\n\r\n\tsetValues(x, y, title = {}, listValues = [], index = -1) {\r\n\t\tthis.titleName = title.name;\r\n\t\tthis.titleValue = title.value;\r\n\t\tthis.listValues = listValues;\r\n\t\tthis.x = x;\r\n\t\tthis.y = y;\r\n\t\tthis.titleValueFirst = title.valueFirst || 0;\r\n\t\tthis.index = index;\r\n\t\tthis.refresh();\r\n\t}\r\n\r\n\thideTip() {\r\n\t\tthis.container.style.top = '0px';\r\n\t\tthis.container.style.left = '0px';\r\n\t\tthis.container.style.opacity = '0';\r\n\t}\r\n\r\n\tshowTip() {\r\n\t\tthis.container.style.top = this.top + 'px';\r\n\t\tthis.container.style.left = this.left + 'px';\r\n\t\tthis.container.style.opacity = '1';\r\n\t}\r\n}\r\n","export const CSSTEXT = \".chart-container{position:relative;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .legend-dataset-text{fill:#6c7680;font-weight:600}.graph-svg-tip{position:absolute;z-index:99999;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.graph-svg-tip ul{padding-left:0;display:flex}.graph-svg-tip ol{padding-left:0;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:' ';border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}\";","import SvgTip from '../objects/SvgTip';\r\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\r\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup, makeText } from '../utils/draw';\r\nimport { BASE_MEASURES, getExtraHeight, getExtraWidth, getTopOffset, getLeftOffset,\r\n\tINIT_CHART_UPDATE_TIMEOUT, CHART_POST_ANIMATE_TIMEOUT, DEFAULT_COLORS} from '../utils/constants';\r\nimport { getColor, isValidColor } from '../utils/colors';\r\nimport { runSMILAnimation } from '../utils/animation';\r\nimport { downloadFile, prepareForExport } from '../utils/export';\r\n\r\nexport default class BaseChart {\r\n\tconstructor(parent, options) {\r\n\r\n\t\tthis.parent = typeof parent === 'string'\r\n\t\t\t? document.querySelector(parent)\r\n\t\t\t: parent;\r\n\r\n\t\tif (!(this.parent instanceof HTMLElement)) {\r\n\t\t\tthrow new Error('No `parent` element to render on was provided.');\r\n\t\t}\r\n\r\n\t\tthis.rawChartArgs = options;\r\n\r\n\t\tthis.title = options.title || '';\r\n\t\tthis.type = options.type || '';\r\n\r\n\t\tthis.realData = this.prepareData(options.data);\r\n\t\tthis.data = this.prepareFirstData(this.realData);\r\n\r\n\t\tthis.colors = this.validateColors(options.colors, this.type);\r\n\r\n\t\tthis.config = {\r\n\t\t\tshowTooltip: 1, // calculate\r\n\t\t\tshowLegend: 1, // calculate\r\n\t\t\tisNavigable: options.isNavigable || 0,\r\n\t\t\tanimate: 1,\r\n\t\t\ttruncateLegends: options.truncateLegends || 0\r\n\t\t};\r\n\r\n\t\tthis.measures = JSON.parse(JSON.stringify(BASE_MEASURES));\r\n\t\tlet m = this.measures;\r\n\t\tthis.setMeasures(options);\r\n\t\tif(!this.title.length) { m.titleHeight = 0; }\r\n\t\tif(!this.config.showLegend) m.legendHeight = 0;\r\n\t\tthis.argHeight = options.height || m.baseHeight;\r\n\r\n\t\tthis.state = {};\r\n\t\tthis.options = {};\r\n\r\n\t\tthis.initTimeout = INIT_CHART_UPDATE_TIMEOUT;\r\n\r\n\t\tif(this.config.isNavigable) {\r\n\t\t\tthis.overlays = [];\r\n\t\t}\r\n\r\n\t\tthis.configure(options);\r\n\t}\r\n\r\n\tprepareData(data) {\r\n\t\treturn data;\r\n\t}\r\n\r\n\tprepareFirstData(data) {\r\n\t\treturn data;\r\n\t}\r\n\r\n\tvalidateColors(colors, type) {\r\n\t\tconst validColors = [];\r\n\t\tcolors = (colors || []).concat(DEFAULT_COLORS[type]);\r\n\t\tcolors.forEach((string) => {\r\n\t\t\tconst color = getColor(string);\r\n\t\t\tif(!isValidColor(color)) {\r\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\r\n\t\t\t} else {\r\n\t\t\t\tvalidColors.push(color);\r\n\t\t\t}\r\n\t\t});\r\n\t\treturn validColors;\r\n\t}\r\n\r\n\tsetMeasures() {\r\n\t\t// Override measures, including those for title and legend\r\n\t\t// set config for legend and title\r\n\t}\r\n\r\n\tconfigure() {\r\n\t\tlet height = this.argHeight;\r\n\t\tthis.baseHeight = height;\r\n\t\tthis.height = height - getExtraHeight(this.measures);\r\n\r\n\t\t// Bind window events\r\n\t\tthis.boundDrawFn = () => this.draw(true);\r\n\t\twindow.addEventListener('resize', this.boundDrawFn);\r\n\t\twindow.addEventListener('orientationchange', this.boundDrawFn);\r\n\t}\r\n\r\n\tdestroy() {\r\n\t\twindow.removeEventListener('resize', this.boundDrawFn);\r\n\t\twindow.removeEventListener('orientationchange', this.boundDrawFn);\r\n\t}\r\n\r\n\t// Has to be called manually\r\n\tsetup() {\r\n\t\tthis.makeContainer();\r\n\t\tthis.updateWidth();\r\n\t\tthis.makeTooltip();\r\n\r\n\t\tthis.draw(false, true);\r\n\t}\r\n\r\n\tmakeContainer() {\r\n\t\t// Chart needs a dedicated parent element\r\n\t\tthis.parent.innerHTML = '';\r\n\r\n\t\tlet args = {\r\n\t\t\tinside: this.parent,\r\n\t\t\tclassName: 'chart-container'\r\n\t\t};\r\n\r\n\t\tif(this.independentWidth) {\r\n\t\t\targs.styles = { width: this.independentWidth + 'px' };\r\n\t\t}\r\n\r\n\t\tthis.container = $.create('div', args);\r\n\t}\r\n\r\n\tmakeTooltip() {\r\n\t\tthis.tip = new SvgTip({\r\n\t\t\tparent: this.container,\r\n\t\t\tcolors: this.colors\r\n\t\t});\r\n\t\tthis.bindTooltip();\r\n\t}\r\n\r\n\tbindTooltip() {}\r\n\r\n\tdraw(onlyWidthChange=false, init=false) {\r\n\t\tthis.updateWidth();\r\n\r\n\t\tthis.calc(onlyWidthChange);\r\n\t\tthis.makeChartArea();\r\n\t\tthis.setupComponents();\r\n\r\n\t\tthis.components.forEach(c => c.setup(this.drawArea));\r\n\t\t// this.components.forEach(c => c.make());\r\n\t\tthis.render(this.components, false);\r\n\r\n\t\tif(init) {\r\n\t\t\tthis.data = this.realData;\r\n\t\t\tsetTimeout(() => {this.update(this.data);}, this.initTimeout);\r\n\t\t}\r\n\r\n\t\tthis.renderLegend();\r\n\r\n\t\tthis.setupNavigation(init);\r\n\t}\r\n\r\n\tcalc() {} // builds state\r\n\r\n\tupdateWidth() {\r\n\t\tthis.baseWidth = getElementContentWidth(this.parent);\r\n\t\tthis.width = this.baseWidth - getExtraWidth(this.measures);\r\n\t}\r\n\r\n\tmakeChartArea() {\r\n\t\tif(this.svg) {\r\n\t\t\tthis.container.removeChild(this.svg);\r\n\t\t}\r\n\t\tlet m = this.measures;\r\n\r\n\t\tthis.svg = makeSVGContainer(\r\n\t\t\tthis.container,\r\n\t\t\t'frappe-chart chart',\r\n\t\t\tthis.baseWidth,\r\n\t\t\tthis.baseHeight\r\n\t\t);\r\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\r\n\r\n\t\tif(this.title.length) {\r\n\t\t\tthis.titleEL = makeText(\r\n\t\t\t\t'title',\r\n\t\t\t\tm.margins.left,\r\n\t\t\t\tm.margins.top,\r\n\t\t\t\tthis.title,\r\n\t\t\t\t{\r\n\t\t\t\t\tfontSize: m.titleFontSize,\r\n\t\t\t\t\tfill: '#666666',\r\n\t\t\t\t\tdy: m.titleFontSize\r\n\t\t\t\t}\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\tlet top = getTopOffset(m);\r\n\t\tthis.drawArea = makeSVGGroup(\r\n\t\t\tthis.type + '-chart chart-draw-area',\r\n\t\t\t`translate(${getLeftOffset(m)}, ${top})`\r\n\t\t);\r\n\r\n\t\tif(this.config.showLegend) {\r\n\t\t\ttop += this.height + m.paddings.bottom;\r\n\t\t\tthis.legendArea = makeSVGGroup(\r\n\t\t\t\t'chart-legend',\r\n\t\t\t\t`translate(${getLeftOffset(m)}, ${top})`\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\tif(this.title.length) { this.svg.appendChild(this.titleEL); }\r\n\t\tthis.svg.appendChild(this.drawArea);\r\n\t\tif(this.config.showLegend) { this.svg.appendChild(this.legendArea); }\r\n\r\n\t\tthis.updateTipOffset(getLeftOffset(m), getTopOffset(m));\r\n\t}\r\n\r\n\tupdateTipOffset(x, y) {\r\n\t\tthis.tip.offset = {\r\n\t\t\tx: x,\r\n\t\t\ty: y\r\n\t\t};\r\n\t}\r\n\r\n\tsetupComponents() { this.components = new Map(); }\r\n\r\n\tupdate(data) {\r\n\t\tif(!data) {\r\n\t\t\tconsole.error('No data to update.');\r\n\t\t}\r\n\t\tthis.data = this.prepareData(data);\r\n\t\tthis.calc(); // builds state\r\n\t\tthis.render();\r\n\t}\r\n\r\n\trender(components=this.components, animate=true) {\r\n\t\tif(this.config.isNavigable) {\r\n\t\t\t// Remove all existing overlays\r\n\t\t\tthis.overlays.map(o => o.parentNode.removeChild(o));\r\n\t\t\t// ref.parentNode.insertBefore(element, ref);\r\n\t\t}\r\n\t\tlet elementsToAnimate = [];\r\n\t\t// Can decouple to this.refreshComponents() first to save animation timeout\r\n\t\tcomponents.forEach(c => {\r\n\t\t\telementsToAnimate = elementsToAnimate.concat(c.update(animate));\r\n\t\t});\r\n\t\tif(elementsToAnimate.length > 0) {\r\n\t\t\trunSMILAnimation(this.container, this.svg, elementsToAnimate);\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tcomponents.forEach(c => c.make());\r\n\t\t\t\tthis.updateNav();\r\n\t\t\t}, CHART_POST_ANIMATE_TIMEOUT);\r\n\t\t} else {\r\n\t\t\tcomponents.forEach(c => c.make());\r\n\t\t\tthis.updateNav();\r\n\t\t}\r\n\t}\r\n\r\n\tupdateNav() {\r\n\t\tif(this.config.isNavigable) {\r\n\t\t\tthis.makeOverlay();\r\n\t\t\tthis.bindUnits();\r\n\t\t}\r\n\t}\r\n\r\n\trenderLegend() {}\r\n\r\n\tsetupNavigation(init=false) {\r\n\t\tif(!this.config.isNavigable) return;\r\n\r\n\t\tif(init) {\r\n\t\t\tthis.bindOverlay();\r\n\r\n\t\t\tthis.keyActions = {\r\n\t\t\t\t'13': this.onEnterKey.bind(this),\r\n\t\t\t\t'37': this.onLeftArrow.bind(this),\r\n\t\t\t\t'38': this.onUpArrow.bind(this),\r\n\t\t\t\t'39': this.onRightArrow.bind(this),\r\n\t\t\t\t'40': this.onDownArrow.bind(this),\r\n\t\t\t};\r\n\r\n\t\t\tdocument.addEventListener('keydown', (e) => {\r\n\t\t\t\tif(isElementInViewport(this.container)) {\r\n\t\t\t\t\te = e || window.event;\r\n\t\t\t\t\tif(this.keyActions[e.keyCode]) {\r\n\t\t\t\t\t\tthis.keyActions[e.keyCode]();\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\tmakeOverlay() {}\r\n\tupdateOverlay() {}\r\n\tbindOverlay() {}\r\n\tbindUnits() {}\r\n\r\n\tonLeftArrow() {}\r\n\tonRightArrow() {}\r\n\tonUpArrow() {}\r\n\tonDownArrow() {}\r\n\tonEnterKey() {}\r\n\r\n\taddDataPoint() {}\r\n\tremoveDataPoint() {}\r\n\r\n\tgetDataPoint() {}\r\n\tsetCurrentDataPoint() {}\r\n\r\n\tupdateDataset() {}\r\n\r\n\texport() {\r\n\t\tlet chartSvg = prepareForExport(this.svg);\r\n\t\tdownloadFile(this.title || 'Chart', [chartSvg]);\r\n\t}\r\n}\r\n","import BaseChart from './BaseChart';\r\nimport { legendDot } from '../utils/draw';\r\nimport { getExtraWidth } from '../utils/constants';\r\n\r\nexport default class AggregationChart extends BaseChart {\r\n\tconstructor(parent, args) {\r\n\t\tsuper(parent, args);\r\n\t}\r\n\r\n\tconfigure(args) {\r\n\t\tsuper.configure(args);\r\n\r\n\t\tthis.config.maxSlices = args.maxSlices || 20;\r\n\t\tthis.config.maxLegendPoints = args.maxLegendPoints || 20;\r\n\t}\r\n\r\n\tcalc() {\r\n\t\tlet s = this.state;\r\n\t\tlet maxSlices = this.config.maxSlices;\r\n\t\ts.sliceTotals = [];\r\n\r\n\t\tlet allTotals = this.data.labels.map((label, i) => {\r\n\t\t\tlet total = 0;\r\n\t\t\tthis.data.datasets.map(e => {\r\n\t\t\t\ttotal += e.values[i];\r\n\t\t\t});\r\n\t\t\treturn [total, label];\r\n\t\t}).filter(d => { return d[0] >= 0; }); // keep only positive results\r\n\r\n\t\tlet totals = allTotals;\r\n\t\tif(allTotals.length > maxSlices) {\r\n\t\t\t// Prune and keep a grey area for rest as per maxSlices\r\n\t\t\tallTotals.sort((a, b) => { return b[0] - a[0]; });\r\n\r\n\t\t\ttotals = allTotals.slice(0, maxSlices-1);\r\n\t\t\tlet remaining = allTotals.slice(maxSlices-1);\r\n\r\n\t\t\tlet sumOfRemaining = 0;\r\n\t\t\tremaining.map(d => {sumOfRemaining += d[0];});\r\n\t\t\ttotals.push([sumOfRemaining, 'Rest']);\r\n\t\t\tthis.colors[maxSlices-1] = 'grey';\r\n\t\t}\r\n\r\n\t\ts.labels = [];\r\n\t\ttotals.map(d => {\r\n\t\t\ts.sliceTotals.push(d[0]);\r\n\t\t\ts.labels.push(d[1]);\r\n\t\t});\r\n\r\n\t\ts.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);\r\n\r\n\t\tthis.center = {\r\n\t\t\tx: this.width / 2,\r\n\t\t\ty: this.height / 2\r\n\t\t};\r\n\t}\r\n\r\n\trenderLegend() {\r\n\t\tlet s = this.state;\r\n\t\tthis.legendArea.textContent = '';\r\n\t\tthis.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints);\r\n\r\n\t\tlet count = 0;\r\n\t\tlet y = 0;\r\n\t\tthis.legendTotals.map((d, i) => {\r\n\t\t\tlet barWidth = 110;\r\n\t\t\tlet divisor = Math.floor(\r\n\t\t\t\t(this.width - getExtraWidth(this.measures))/barWidth\r\n\t\t\t);\r\n\t\t\tif (this.legendTotals.length < divisor) {\r\n\t\t\t\tbarWidth = this.width/this.legendTotals.length;\r\n\t\t\t}\r\n\t\t\tif(count > divisor) {\r\n\t\t\t\tcount = 0;\r\n\t\t\t\ty += 20;\r\n\t\t\t}\r\n\t\t\tlet x = barWidth * count + 5;\r\n\t\t\tlet dot = legendDot(\r\n\t\t\t\tx,\r\n\t\t\t\ty,\r\n\t\t\t\t5,\r\n\t\t\t\tthis.colors[i],\r\n\t\t\t\t`${s.labels[i]}: ${d}`\r\n\t\t\t);\r\n\t\t\tthis.legendArea.appendChild(dot);\r\n\t\t\tcount++;\r\n\t\t});\r\n\t}\r\n}\r\n","import AggregationChart from './AggregationChart';\r\nimport { getOffset } from '../utils/dom';\r\nimport { getComponent } from '../objects/ChartComponents';\r\nimport { PERCENTAGE_BAR_DEFAULT_HEIGHT, PERCENTAGE_BAR_DEFAULT_DEPTH } from '../utils/constants';\r\n\r\nexport default class PercentageChart extends AggregationChart {\r\n\tconstructor(parent, args) {\r\n\t\tsuper(parent, args);\r\n\t\tthis.type = 'percentage';\r\n\t\tthis.setup();\r\n\t}\r\n\r\n\tsetMeasures(options) {\r\n\t\tlet m = this.measures;\r\n\t\tthis.barOptions = options.barOptions || {};\r\n\r\n\t\tlet b = this.barOptions;\r\n\t\tb.height = b.height || PERCENTAGE_BAR_DEFAULT_HEIGHT;\r\n\t\tb.depth = b.depth || PERCENTAGE_BAR_DEFAULT_DEPTH;\r\n\r\n\t\tm.paddings.right = 30;\r\n\t\tm.legendHeight = 60;\r\n\t\tm.baseHeight = (b.height + b.depth * 0.5) * 8;\r\n\t}\r\n\r\n\tsetupComponents() {\r\n\t\tlet s = this.state;\r\n\r\n\t\tlet componentConfigs = [\r\n\t\t\t[\r\n\t\t\t\t'percentageBars',\r\n\t\t\t\t{\r\n\t\t\t\t\tbarHeight: this.barOptions.height,\r\n\t\t\t\t\tbarDepth: this.barOptions.depth,\r\n\t\t\t\t},\r\n\t\t\t\tfunction() {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\txPositions: s.xPositions,\r\n\t\t\t\t\t\twidths: s.widths,\r\n\t\t\t\t\t\tcolors: this.colors\r\n\t\t\t\t\t};\r\n\t\t\t\t}.bind(this)\r\n\t\t\t]\r\n\t\t];\r\n\r\n\t\tthis.components = new Map(componentConfigs\r\n\t\t\t.map(args => {\r\n\t\t\t\tlet component = getComponent(...args);\r\n\t\t\t\treturn [args[0], component];\r\n\t\t\t}));\r\n\t}\r\n\r\n\tcalc() {\r\n\t\tsuper.calc();\r\n\t\tlet s = this.state;\r\n\r\n\t\ts.xPositions = [];\r\n\t\ts.widths = [];\r\n\r\n\t\tlet xPos = 0;\r\n\t\ts.sliceTotals.map((value) => {\r\n\t\t\tlet width = this.width * value / s.grandTotal;\r\n\t\t\ts.widths.push(width);\r\n\t\t\ts.xPositions.push(xPos);\r\n\t\t\txPos += width;\r\n\t\t});\r\n\t}\r\n\r\n\tmakeDataByIndex() { }\r\n\r\n\tbindTooltip() {\r\n\t\tlet s = this.state;\r\n\t\tthis.container.addEventListener('mousemove', (e) => {\r\n\t\t\tlet bars = this.components.get('percentageBars').store;\r\n\t\t\tlet bar = e.target;\r\n\t\t\tif(bars.includes(bar)) {\r\n\r\n\t\t\t\tlet i = bars.indexOf(bar);\r\n\t\t\t\tlet gOff = getOffset(this.container), pOff = getOffset(bar);\r\n\r\n\t\t\t\tlet x = pOff.left - gOff.left + parseInt(bar.getAttribute('width'))/2;\r\n\t\t\t\tlet y = pOff.top - gOff.top;\r\n\t\t\t\tlet title = (this.formattedLabels && this.formattedLabels.length>0\r\n\t\t\t\t\t? this.formattedLabels[i] : this.state.labels[i]) + ': ';\r\n\t\t\t\tlet fraction = s.sliceTotals[i]/s.grandTotal;\r\n\r\n\t\t\t\tthis.tip.setValues(x, y, {name: title, value: (fraction*100).toFixed(1) + \"%\"});\r\n\t\t\t\tthis.tip.showTip();\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n}\r\n","import AggregationChart from './AggregationChart';\r\nimport { getComponent } from '../objects/ChartComponents';\r\nimport { getOffset } from '../utils/dom';\r\nimport { getPositionByAngle } from '../utils/helpers';\r\nimport { makeArcPathStr, makeCircleStr } from '../utils/draw';\r\nimport { lightenDarkenColor } from '../utils/colors';\r\nimport { transform } from '../utils/animation';\r\nimport { FULL_ANGLE } from '../utils/constants';\r\n\r\nexport default class PieChart extends AggregationChart {\r\n\tconstructor(parent, args) {\r\n\t\tsuper(parent, args);\r\n\t\tthis.type = 'pie';\r\n\t\tthis.initTimeout = 0;\r\n\t\tthis.init = 1;\r\n\r\n\t\tthis.setup();\r\n\t}\r\n\r\n\tconfigure(args) {\r\n\t\tsuper.configure(args);\r\n\t\tthis.mouseMove = this.mouseMove.bind(this);\r\n\t\tthis.mouseLeave = this.mouseLeave.bind(this);\r\n\r\n\t\tthis.hoverRadio = args.hoverRadio || 0.1;\r\n\t\tthis.config.startAngle = args.startAngle || 0;\r\n\r\n\t\tthis.clockWise = args.clockWise || false;\r\n\t}\r\n\r\n\tcalc() {\r\n\t\tsuper.calc();\r\n\t\tlet s = this.state;\r\n\t\tthis.radius = (this.height > this.width ? this.center.x : this.center.y);\r\n\r\n\t\tconst { radius, clockWise } = this;\r\n\r\n\t\tconst prevSlicesProperties = s.slicesProperties || [];\r\n\t\ts.sliceStrings = [];\r\n\t\ts.slicesProperties = [];\r\n\t\tlet curAngle = 180 - this.config.startAngle;\r\n\t\ts.sliceTotals.map((total, i) => {\r\n\t\t\tconst startAngle = curAngle;\r\n\t\t\tconst originDiffAngle = (total / s.grandTotal) * FULL_ANGLE;\r\n\t\t\tconst largeArc = originDiffAngle > 180 ? 1: 0;\r\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\r\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\r\n\t\t\tconst startPosition = getPositionByAngle(startAngle, radius);\r\n\t\t\tconst endPosition = getPositionByAngle(endAngle, radius);\r\n\r\n\t\t\tconst prevProperty = this.init && prevSlicesProperties[i];\r\n\r\n\t\t\tlet curStart,curEnd;\r\n\t\t\tif(this.init) {\r\n\t\t\t\tcurStart = prevProperty ? prevProperty.startPosition : startPosition;\r\n\t\t\t\tcurEnd = prevProperty ? prevProperty.endPosition : startPosition;\r\n\t\t\t} else {\r\n\t\t\t\tcurStart = startPosition;\r\n\t\t\t\tcurEnd = endPosition;\r\n\t\t\t}\r\n\t\t\tconst curPath =\r\n\t\t\t\toriginDiffAngle === 360\r\n\t\t\t\t\t? makeCircleStr(curStart, curEnd, this.center, this.radius, clockWise, largeArc)\r\n\t\t\t\t\t: makeArcPathStr(curStart, curEnd, this.center, this.radius, clockWise, largeArc);\r\n\r\n\t\t\ts.sliceStrings.push(curPath);\r\n\t\t\ts.slicesProperties.push({\r\n\t\t\t\tstartPosition,\r\n\t\t\t\tendPosition,\r\n\t\t\t\tvalue: total,\r\n\t\t\t\ttotal: s.grandTotal,\r\n\t\t\t\tstartAngle,\r\n\t\t\t\tendAngle,\r\n\t\t\t\tangle: diffAngle\r\n\t\t\t});\r\n\r\n\t\t});\r\n\t\tthis.init = 0;\r\n\t}\r\n\r\n\tsetupComponents() {\r\n\t\tlet s = this.state;\r\n\r\n\t\tlet componentConfigs = [\r\n\t\t\t[\r\n\t\t\t\t'pieSlices',\r\n\t\t\t\t{ },\r\n\t\t\t\tfunction() {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tsliceStrings: s.sliceStrings,\r\n\t\t\t\t\t\tcolors: this.colors\r\n\t\t\t\t\t};\r\n\t\t\t\t}.bind(this)\r\n\t\t\t]\r\n\t\t];\r\n\r\n\t\tthis.components = new Map(componentConfigs\r\n\t\t\t.map(args => {\r\n\t\t\t\tlet component = getComponent(...args);\r\n\t\t\t\treturn [args[0], component];\r\n\t\t\t}));\r\n\t}\r\n\r\n\tcalTranslateByAngle(property){\r\n\t\tconst{radius,hoverRadio} = this;\r\n\t\tconst position = getPositionByAngle(property.startAngle+(property.angle / 2),radius);\r\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\r\n\t}\r\n\r\n\thoverSlice(path,i,flag,e){\r\n\t\tif(!path) return;\r\n\t\tconst color = this.colors[i];\r\n\t\tif(flag) {\r\n\t\t\ttransform(path, this.calTranslateByAngle(this.state.slicesProperties[i]));\r\n\t\t\tpath.style.fill = lightenDarkenColor(color, 50);\r\n\t\t\tlet g_off = getOffset(this.svg);\r\n\t\t\tlet x = e.pageX - g_off.left + 10;\r\n\t\t\tlet y = e.pageY - g_off.top - 10;\r\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length > 0\r\n\t\t\t\t? this.formatted_labels[i] : this.state.labels[i]) + ': ';\r\n\t\t\tlet percent = (this.state.sliceTotals[i] * 100 / this.state.grandTotal).toFixed(1);\r\n\t\t\tthis.tip.setValues(x, y, {name: title, value: percent + \"%\"});\r\n\t\t\tthis.tip.showTip();\r\n\t\t} else {\r\n\t\t\ttransform(path,'translate3d(0,0,0)');\r\n\t\t\tthis.tip.hideTip();\r\n\t\t\tpath.style.fill = color;\r\n\t\t}\r\n\t}\r\n\r\n\tbindTooltip() {\r\n\t\tthis.container.addEventListener('mousemove', this.mouseMove);\r\n\t\tthis.container.addEventListener('mouseleave', this.mouseLeave);\r\n\t}\r\n\r\n\tmouseMove(e){\r\n\t\tconst target = e.target;\r\n\t\tlet slices = this.components.get('pieSlices').store;\r\n\t\tlet prevIndex = this.curActiveSliceIndex;\r\n\t\tlet prevAcitve = this.curActiveSlice;\r\n\t\tif(slices.includes(target)) {\r\n\t\t\tlet i = slices.indexOf(target);\r\n\t\t\tthis.hoverSlice(prevAcitve, prevIndex,false);\r\n\t\t\tthis.curActiveSlice = target;\r\n\t\t\tthis.curActiveSliceIndex = i;\r\n\t\t\tthis.hoverSlice(target, i, true, e);\r\n\t\t} else {\r\n\t\t\tthis.mouseLeave();\r\n\t\t}\r\n\t}\r\n\r\n\tmouseLeave(){\r\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\r\n\t}\r\n}\r\n","import BaseChart from './BaseChart';\r\nimport { getComponent } from '../objects/ChartComponents';\r\nimport { makeText, heatSquare } from '../utils/draw';\r\nimport { DAY_NAMES_SHORT, addDays, areInSameMonth, getLastDateInMonth, setDayToSunday, getYyyyMmDd, getWeeksBetween, getMonthName, clone,\r\n\tNO_OF_MILLIS, NO_OF_YEAR_MONTHS, NO_OF_DAYS_IN_WEEK } from '../utils/date-utils';\r\nimport { calcDistribution, getMaxCheckpoint } from '../utils/intervals';\r\nimport { getExtraHeight, getExtraWidth, HEATMAP_DISTRIBUTION_SIZE, HEATMAP_SQUARE_SIZE,\r\n\tHEATMAP_GUTTER_SIZE } from '../utils/constants';\r\n\r\nconst COL_WIDTH = HEATMAP_SQUARE_SIZE + HEATMAP_GUTTER_SIZE;\r\nconst ROW_HEIGHT = COL_WIDTH;\r\n// const DAY_INCR = 1;\r\n\r\nexport default class Heatmap extends BaseChart {\r\n\tconstructor(parent, options) {\r\n\t\tsuper(parent, options);\r\n\t\tthis.type = 'heatmap';\r\n\r\n\t\tthis.countLabel = options.countLabel || '';\r\n\r\n\t\tlet validStarts = ['Sunday', 'Monday'];\r\n\t\tlet startSubDomain = validStarts.includes(options.startSubDomain)\r\n\t\t\t? options.startSubDomain : 'Sunday';\r\n\t\tthis.startSubDomainIndex = validStarts.indexOf(startSubDomain);\r\n\r\n\t\tthis.setup();\r\n\t}\r\n\r\n\tsetMeasures(options) {\r\n\t\tlet m = this.measures;\r\n\t\tthis.discreteDomains = options.discreteDomains === 0 ? 0 : 1;\r\n\r\n\t\tm.paddings.top = ROW_HEIGHT * 3;\r\n\t\tm.paddings.bottom = 0;\r\n\t\tm.legendHeight = ROW_HEIGHT * 2;\r\n\t\tm.baseHeight = ROW_HEIGHT * NO_OF_DAYS_IN_WEEK\r\n\t\t\t+ getExtraHeight(m);\r\n\r\n\t\tlet d = this.data;\r\n\t\tlet spacing = this.discreteDomains ? NO_OF_YEAR_MONTHS : 0;\r\n\t\tthis.independentWidth = (getWeeksBetween(d.start, d.end)\r\n\t\t\t+ spacing) * COL_WIDTH + getExtraWidth(m);\r\n\t}\r\n\r\n\tupdateWidth() {\r\n\t\tlet spacing = this.discreteDomains ? NO_OF_YEAR_MONTHS : 0;\r\n\t\tlet noOfWeeks = this.state.noOfWeeks ? this.state.noOfWeeks : 52;\r\n\t\tthis.baseWidth = (noOfWeeks + spacing) * COL_WIDTH\r\n\t\t\t+ getExtraWidth(this.measures);\r\n\t}\r\n\r\n\tprepareData(data=this.data) {\r\n\t\tif(data.start && data.end && data.start > data.end) {\r\n\t\t\tthrow new Error('Start date cannot be greater than end date.');\r\n\t\t}\r\n\r\n\t\tif(!data.start) {\r\n\t\t\tdata.start = new Date();\r\n\t\t\tdata.start.setFullYear( data.start.getFullYear() - 1 );\r\n\t\t}\r\n\t\tif(!data.end) { data.end = new Date(); }\r\n\t\tdata.dataPoints = data.dataPoints || {};\r\n\r\n\t\tif(parseInt(Object.keys(data.dataPoints)[0]) > 100000) {\r\n\t\t\tlet points = {};\r\n\t\t\tObject.keys(data.dataPoints).forEach(timestampSec => {\r\n\t\t\t\tlet date = new Date(timestampSec * NO_OF_MILLIS);\r\n\t\t\t\tpoints[getYyyyMmDd(date)] = data.dataPoints[timestampSec];\r\n\t\t\t});\r\n\t\t\tdata.dataPoints = points;\r\n\t\t}\r\n\r\n\t\treturn data;\r\n\t}\r\n\r\n\tcalc() {\r\n\t\tlet s = this.state;\r\n\r\n\t\ts.start = clone(this.data.start);\r\n\t\ts.end = clone(this.data.end);\r\n\r\n\t\ts.firstWeekStart = clone(s.start);\r\n\t\ts.noOfWeeks = getWeeksBetween(s.start, s.end);\r\n\t\ts.distribution = calcDistribution(\r\n\t\t\tObject.values(this.data.dataPoints), HEATMAP_DISTRIBUTION_SIZE);\r\n\r\n\t\ts.domainConfigs = this.getDomains();\r\n\t}\r\n\r\n\tsetupComponents() {\r\n\t\tlet s = this.state;\r\n\t\tlet lessCol = this.discreteDomains ? 0 : 1;\r\n\r\n\t\tlet componentConfigs = s.domainConfigs.map((config, i) => [\r\n\t\t\t'heatDomain',\r\n\t\t\t{\r\n\t\t\t\tindex: config.index,\r\n\t\t\t\tcolWidth: COL_WIDTH,\r\n\t\t\t\trowHeight: ROW_HEIGHT,\r\n\t\t\t\tsquareSize: HEATMAP_SQUARE_SIZE,\r\n\t\t\t\txTranslate: s.domainConfigs\r\n\t\t\t\t\t.filter((config, j) => j < i)\r\n\t\t\t\t\t.map(config => config.cols.length - lessCol)\r\n\t\t\t\t\t.reduce((a, b) => a + b, 0)\r\n\t\t\t\t\t* COL_WIDTH\r\n\t\t\t},\r\n\t\t\tfunction() {\r\n\t\t\t\treturn s.domainConfigs[i];\r\n\t\t\t}.bind(this)\r\n\r\n\t\t]);\r\n\r\n\t\tthis.components = new Map(componentConfigs\r\n\t\t\t.map((args, i) => {\r\n\t\t\t\tlet component = getComponent(...args);\r\n\t\t\t\treturn [args[0] + '-' + i, component];\r\n\t\t\t})\r\n\t\t);\r\n\r\n\t\tlet y = 0;\r\n\t\tDAY_NAMES_SHORT.forEach((dayName, i) => {\r\n\t\t\tif([1, 3, 5].includes(i)) {\r\n\t\t\t\tlet dayText = makeText('subdomain-name', -COL_WIDTH/2, y, dayName,\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tfontSize: HEATMAP_SQUARE_SIZE,\r\n\t\t\t\t\t\tdy: 8,\r\n\t\t\t\t\t\ttextAnchor: 'end'\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t\t\tthis.drawArea.appendChild(dayText);\r\n\t\t\t}\r\n\t\t\ty += ROW_HEIGHT;\r\n\t\t});\r\n\t}\r\n\r\n\tupdate(data) {\r\n\t\tif(!data) {\r\n\t\t\tconsole.error('No data to update.');\r\n\t\t}\r\n\r\n\t\tthis.data = this.prepareData(data);\r\n\t\tthis.draw();\r\n\t\tthis.bindTooltip();\r\n\t}\r\n\r\n\tbindTooltip() {\r\n\t\tthis.container.addEventListener('mousemove', (e) => {\r\n\t\t\tthis.components.forEach(comp => {\r\n\t\t\t\tlet daySquares = comp.store;\r\n\t\t\t\tlet daySquare = e.target;\r\n\t\t\t\tif(daySquares.includes(daySquare)) {\r\n\r\n\t\t\t\t\tlet count = daySquare.getAttribute('data-value');\r\n\t\t\t\t\tlet dateParts = daySquare.getAttribute('data-date').split('-');\r\n\r\n\t\t\t\t\tlet month = getMonthName(parseInt(dateParts[1])-1, true);\r\n\r\n\t\t\t\t\tlet gOff = this.container.getBoundingClientRect(), pOff = daySquare.getBoundingClientRect();\r\n\r\n\t\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\r\n\t\t\t\t\tlet x = pOff.left - gOff.left + width/2;\r\n\t\t\t\t\tlet y = pOff.top - gOff.top;\r\n\t\t\t\t\tlet value = count + ' ' + this.countLabel;\r\n\t\t\t\t\tlet name = ' on ' + month + ' ' + dateParts[0] + ', ' + dateParts[2];\r\n\r\n\t\t\t\t\tthis.tip.setValues(x, y, {name: name, value: value, valueFirst: 1}, []);\r\n\t\t\t\t\tthis.tip.showTip();\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t});\r\n\t}\r\n\r\n\trenderLegend() {\r\n\t\tthis.legendArea.textContent = '';\r\n\t\tlet x = 0;\r\n\t\tlet y = ROW_HEIGHT;\r\n\r\n\t\tlet lessText = makeText('subdomain-name', x, y, 'Less',\r\n\t\t\t{\r\n\t\t\t\tfontSize: HEATMAP_SQUARE_SIZE + 1,\r\n\t\t\t\tdy: 9\r\n\t\t\t}\r\n\t\t);\r\n\t\tx = (COL_WIDTH * 2) + COL_WIDTH/2;\r\n\t\tthis.legendArea.appendChild(lessText);\r\n\r\n\t\tthis.colors.slice(0, HEATMAP_DISTRIBUTION_SIZE).map((color, i) => {\r\n\t\t\tconst square = heatSquare('heatmap-legend-unit', x + (COL_WIDTH + 3) * i,\r\n\t\t\t\ty, HEATMAP_SQUARE_SIZE, color);\r\n\t\t\tthis.legendArea.appendChild(square);\r\n\t\t});\r\n\r\n\t\tlet moreTextX = x + HEATMAP_DISTRIBUTION_SIZE * (COL_WIDTH + 3) + COL_WIDTH/4;\r\n\t\tlet moreText = makeText('subdomain-name', moreTextX, y, 'More',\r\n\t\t\t{\r\n\t\t\t\tfontSize: HEATMAP_SQUARE_SIZE + 1,\r\n\t\t\t\tdy: 9\r\n\t\t\t}\r\n\t\t);\r\n\t\tthis.legendArea.appendChild(moreText);\r\n\t}\r\n\r\n\tgetDomains() {\r\n\t\tlet s = this.state;\r\n\t\tconst [startMonth, startYear] = [s.start.getMonth(), s.start.getFullYear()];\r\n\t\tconst [endMonth, endYear] = [s.end.getMonth(), s.end.getFullYear()];\r\n\r\n\t\tconst noOfMonths = (endMonth - startMonth + 1) + (endYear - startYear) * 12;\r\n\r\n\t\tlet domainConfigs = [];\r\n\r\n\t\tlet startOfMonth = clone(s.start);\r\n\t\tfor(var i = 0; i < noOfMonths; i++) {\r\n\t\t\tlet endDate = s.end;\r\n\t\t\tif(!areInSameMonth(startOfMonth, s.end)) {\r\n\t\t\t\tlet [month, year] = [startOfMonth.getMonth(), startOfMonth.getFullYear()];\r\n\t\t\t\tendDate = getLastDateInMonth(month, year);\r\n\t\t\t}\r\n\t\t\tdomainConfigs.push(this.getDomainConfig(startOfMonth, endDate));\r\n\r\n\t\t\taddDays(endDate, 1);\r\n\t\t\tstartOfMonth = endDate;\r\n\t\t}\r\n\r\n\t\treturn domainConfigs;\r\n\t}\r\n\r\n\tgetDomainConfig(startDate, endDate='') {\r\n\t\tlet [month, year] = [startDate.getMonth(), startDate.getFullYear()];\r\n\t\tlet startOfWeek = setDayToSunday(startDate); // TODO: Monday as well\r\n\t\tendDate = clone(endDate) || getLastDateInMonth(month, year);\r\n\r\n\t\tlet domainConfig = {\r\n\t\t\tindex: month,\r\n\t\t\tcols: []\r\n\t\t};\r\n\r\n\t\taddDays(endDate, 1);\r\n\t\tlet noOfMonthWeeks = getWeeksBetween(startOfWeek, endDate);\r\n\r\n\t\tlet cols = [], col;\r\n\t\tfor(var i = 0; i < noOfMonthWeeks; i++) {\r\n\t\t\tcol = this.getCol(startOfWeek, month);\r\n\t\t\tcols.push(col);\r\n\r\n\t\t\tstartOfWeek = new Date(col[NO_OF_DAYS_IN_WEEK - 1].yyyyMmDd);\r\n\t\t\taddDays(startOfWeek, 1);\r\n\t\t}\r\n\r\n\t\tif(col[NO_OF_DAYS_IN_WEEK - 1].dataValue !== undefined) {\r\n\t\t\taddDays(startOfWeek, 1);\r\n\t\t\tcols.push(this.getCol(startOfWeek, month, true));\r\n\t\t}\r\n\r\n\t\tdomainConfig.cols = cols;\r\n\r\n\t\treturn domainConfig;\r\n\t}\r\n\r\n\tgetCol(startDate, month, empty = false) {\r\n\t\tlet s = this.state;\r\n\r\n\t\t// startDate is the start of week\r\n\t\tlet currentDate = clone(startDate);\r\n\t\tlet col = [];\r\n\r\n\t\tfor(var i = 0; i < NO_OF_DAYS_IN_WEEK; i++, addDays(currentDate, 1)) {\r\n\t\t\tlet config = {};\r\n\r\n\t\t\t// Non-generic adjustment for entire heatmap, needs state\r\n\t\t\tlet currentDateWithinData = currentDate >= s.start && currentDate <= s.end;\r\n\r\n\t\t\tif(empty || currentDate.getMonth() !== month || !currentDateWithinData) {\r\n\t\t\t\tconfig.yyyyMmDd = getYyyyMmDd(currentDate);\r\n\t\t\t} else {\r\n\t\t\t\tconfig = this.getSubDomainConfig(currentDate);\r\n\t\t\t}\r\n\t\t\tcol.push(config);\r\n\t\t}\r\n\r\n\t\treturn col;\r\n\t}\r\n\r\n\tgetSubDomainConfig(date) {\r\n\t\tlet yyyyMmDd = getYyyyMmDd(date);\r\n\t\tlet dataValue = this.data.dataPoints[yyyyMmDd];\r\n\t\tlet config = {\r\n\t\t\tyyyyMmDd: yyyyMmDd,\r\n\t\t\tdataValue: dataValue || 0,\r\n\t\t\tfill: this.colors[getMaxCheckpoint(dataValue, this.state.distribution)]\r\n\t\t};\r\n\t\treturn config;\r\n\t}\r\n}\r\n","import BaseChart from './BaseChart';\r\nimport { dataPrep, zeroDataPrep, getShortenedLabels } from '../utils/axis-chart-utils';\r\nimport { AXIS_LEGEND_BAR_SIZE } from '../utils/constants';\r\nimport { getComponent } from '../objects/ChartComponents';\r\nimport { getOffset, fire } from '../utils/dom';\r\nimport { calcChartIntervals, getIntervalSize, getValueRange, getZeroIndex, scale, getClosestInArray } from '../utils/intervals';\r\nimport { floatTwo } from '../utils/helpers';\r\nimport { makeOverlay, updateOverlay, legendBar } from '../utils/draw';\r\nimport { getTopOffset, getLeftOffset, MIN_BAR_PERCENT_HEIGHT, BAR_CHART_SPACE_RATIO,\r\n\tLINE_CHART_DOT_SIZE } from '../utils/constants';\r\n\r\nexport default class AxisChart extends BaseChart {\r\n\tconstructor(parent, args) {\r\n\t\tsuper(parent, args);\r\n\r\n\t\tthis.barOptions = args.barOptions || {};\r\n\t\tthis.lineOptions = args.lineOptions || {};\r\n\r\n\t\tthis.type = args.type || 'line';\r\n\t\tthis.init = 1;\r\n\r\n\t\tthis.setup();\r\n\t}\r\n\r\n\tsetMeasures() {\r\n\t\tif(this.data.datasets.length <= 1) {\r\n\t\t\tthis.config.showLegend = 0;\r\n\t\t\tthis.measures.paddings.bottom = 30;\r\n\t\t}\r\n\t}\r\n\r\n\tconfigure(options) {\r\n\t\tsuper.configure(options);\r\n\r\n\t\toptions.axisOptions = options.axisOptions || {};\r\n\t\toptions.tooltipOptions = options.tooltipOptions || {};\r\n\r\n\t\tthis.config.xAxisMode = options.axisOptions.xAxisMode || 'span';\r\n\t\tthis.config.yAxisMode = options.axisOptions.yAxisMode || 'span';\r\n\t\tthis.config.xIsSeries = options.axisOptions.xIsSeries || 0;\r\n\t\tthis.config.shortenYAxisNumbers = options.axisOptions.shortenYAxisNumbers || 0;\r\n\r\n\t\tthis.config.formatTooltipX = options.tooltipOptions.formatTooltipX;\r\n\t\tthis.config.formatTooltipY = options.tooltipOptions.formatTooltipY;\r\n\r\n\t\tthis.config.valuesOverPoints = options.valuesOverPoints;\r\n\t}\r\n\r\n\tprepareData(data=this.data) {\r\n\t\treturn dataPrep(data, this.type);\r\n\t}\r\n\r\n\tprepareFirstData(data=this.data) {\r\n\t\treturn zeroDataPrep(data);\r\n\t}\r\n\r\n\tcalc(onlyWidthChange = false) {\r\n\t\tthis.calcXPositions();\r\n\t\tif(!onlyWidthChange) {\r\n\t\t\tthis.calcYAxisParameters(this.getAllYValues(), this.type === 'line');\r\n\t\t}\r\n\t\tthis.makeDataByIndex();\r\n\t}\r\n\r\n\tcalcXPositions() {\r\n\t\tlet s = this.state;\r\n\t\tlet labels = this.data.labels;\r\n\t\ts.datasetLength = labels.length;\r\n\r\n\t\ts.unitWidth = this.width/(s.datasetLength);\r\n\t\t// Default, as per bar, and mixed. Only line will be a special case\r\n\t\ts.xOffset = s.unitWidth/2;\r\n\r\n\t\t// // For a pure Line Chart\r\n\t\t// s.unitWidth = this.width/(s.datasetLength - 1);\r\n\t\t// s.xOffset = 0;\r\n\r\n\t\ts.xAxis = {\r\n\t\t\tlabels: labels,\r\n\t\t\tpositions: labels.map((d, i) =>\r\n\t\t\t\tfloatTwo(s.xOffset + i * s.unitWidth)\r\n\t\t\t)\r\n\t\t};\r\n\t}\r\n\r\n\tcalcYAxisParameters(dataValues, withMinimum = 'false') {\r\n\t\tconst yPts = calcChartIntervals(dataValues, withMinimum);\r\n\t\tconst scaleMultiplier = this.height / getValueRange(yPts);\r\n\t\tconst intervalHeight = getIntervalSize(yPts) * scaleMultiplier;\r\n\t\tconst zeroLine = this.height - (getZeroIndex(yPts) * intervalHeight);\r\n\r\n\t\tthis.state.yAxis = {\r\n\t\t\tlabels: yPts,\r\n\t\t\tpositions: yPts.map(d => zeroLine - d * scaleMultiplier),\r\n\t\t\tscaleMultiplier: scaleMultiplier,\r\n\t\t\tzeroLine: zeroLine,\r\n\t\t};\r\n\r\n\t\t// Dependent if above changes\r\n\t\tthis.calcDatasetPoints();\r\n\t\tthis.calcYExtremes();\r\n\t\tthis.calcYRegions();\r\n\t}\r\n\r\n\tcalcDatasetPoints() {\r\n\t\tlet s = this.state;\r\n\t\tlet scaleAll = values => values.map(val => scale(val, s.yAxis));\r\n\r\n\t\ts.datasets = this.data.datasets.map((d, i) => {\r\n\t\t\tlet values = d.values;\r\n\t\t\tlet cumulativeYs = d.cumulativeYs || [];\r\n\t\t\treturn {\r\n\t\t\t\tname: d.name,\r\n\t\t\t\tindex: i,\r\n\t\t\t\tchartType: d.chartType,\r\n\r\n\t\t\t\tvalues: values,\r\n\t\t\t\tyPositions: scaleAll(values),\r\n\r\n\t\t\t\tcumulativeYs: cumulativeYs,\r\n\t\t\t\tcumulativeYPos: scaleAll(cumulativeYs),\r\n\t\t\t};\r\n\t\t});\r\n\t}\r\n\r\n\tcalcYExtremes() {\r\n\t\tlet s = this.state;\r\n\t\tif(this.barOptions.stacked) {\r\n\t\t\ts.yExtremes = s.datasets[s.datasets.length - 1].cumulativeYPos;\r\n\t\t\treturn;\r\n\t\t}\r\n\t\ts.yExtremes = new Array(s.datasetLength).fill(9999);\r\n\t\ts.datasets.map(d => {\r\n\t\t\td.yPositions.map((pos, j) => {\r\n\t\t\t\tif(pos < s.yExtremes[j]) {\r\n\t\t\t\t\ts.yExtremes[j] = pos;\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t});\r\n\t}\r\n\r\n\tcalcYRegions() {\r\n\t\tlet s = this.state;\r\n\t\tif(this.data.yMarkers) {\r\n\t\t\tthis.state.yMarkers = this.data.yMarkers.map(d => {\r\n\t\t\t\td.position = scale(d.value, s.yAxis);\r\n\t\t\t\tif(!d.options) d.options = {};\r\n\t\t\t\t// if(!d.label.includes(':')) {\r\n\t\t\t\t// \td.label += ': ' + d.value;\r\n\t\t\t\t// }\r\n\t\t\t\treturn d;\r\n\t\t\t});\r\n\t\t}\r\n\t\tif(this.data.yRegions) {\r\n\t\t\tthis.state.yRegions = this.data.yRegions.map(d => {\r\n\t\t\t\td.startPos = scale(d.start, s.yAxis);\r\n\t\t\t\td.endPos = scale(d.end, s.yAxis);\r\n\t\t\t\tif(!d.options) d.options = {};\r\n\t\t\t\treturn d;\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\tgetAllYValues() {\r\n\t\tlet key = 'values';\r\n\r\n\t\tif(this.barOptions.stacked) {\r\n\t\t\tkey = 'cumulativeYs';\r\n\t\t\tlet cumulative = new Array(this.state.datasetLength).fill(0);\r\n\t\t\tthis.data.datasets.map((d, i) => {\r\n\t\t\t\tlet values = this.data.datasets[i].values;\r\n\t\t\t\td[key] = cumulative = cumulative.map((c, i) => c + values[i]);\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\tlet allValueLists = this.data.datasets.map(d => d[key]);\r\n\t\tif(this.data.yMarkers) {\r\n\t\t\tallValueLists.push(this.data.yMarkers.map(d => d.value));\r\n\t\t}\r\n\t\tif(this.data.yRegions) {\r\n\t\t\tthis.data.yRegions.map(d => {\r\n\t\t\t\tallValueLists.push([d.end, d.start]);\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\treturn [].concat(...allValueLists);\r\n\t}\r\n\r\n\tsetupComponents() {\r\n\t\tlet componentConfigs = [\r\n\t\t\t[\r\n\t\t\t\t'yAxis',\r\n\t\t\t\t{\r\n\t\t\t\t\tmode: this.config.yAxisMode,\r\n\t\t\t\t\twidth: this.width,\r\n\t\t\t\t\tshortenNumbers: this.config.shortenYAxisNumbers\r\n\t\t\t\t\t// pos: 'right'\r\n\t\t\t\t},\r\n\t\t\t\tfunction() {\r\n\t\t\t\t\treturn this.state.yAxis;\r\n\t\t\t\t}.bind(this)\r\n\t\t\t],\r\n\r\n\t\t\t[\r\n\t\t\t\t'xAxis',\r\n\t\t\t\t{\r\n\t\t\t\t\tmode: this.config.xAxisMode,\r\n\t\t\t\t\theight: this.height,\r\n\t\t\t\t\t// pos: 'right'\r\n\t\t\t\t},\r\n\t\t\t\tfunction() {\r\n\t\t\t\t\tlet s = this.state;\r\n\t\t\t\t\ts.xAxis.calcLabels = getShortenedLabels(this.width,\r\n\t\t\t\t\t\ts.xAxis.labels, this.config.xIsSeries);\r\n\r\n\t\t\t\t\treturn s.xAxis;\r\n\t\t\t\t}.bind(this)\r\n\t\t\t],\r\n\r\n\t\t\t[\r\n\t\t\t\t'yRegions',\r\n\t\t\t\t{\r\n\t\t\t\t\twidth: this.width,\r\n\t\t\t\t\tpos: 'right'\r\n\t\t\t\t},\r\n\t\t\t\tfunction() {\r\n\t\t\t\t\treturn this.state.yRegions;\r\n\t\t\t\t}.bind(this)\r\n\t\t\t],\r\n\t\t];\r\n\r\n\t\tlet barDatasets = this.state.datasets.filter(d => d.chartType === 'bar');\r\n\t\tlet lineDatasets = this.state.datasets.filter(d => d.chartType === 'line');\r\n\r\n\t\tlet barsConfigs = barDatasets.map(d => {\r\n\t\t\tlet index = d.index;\r\n\t\t\treturn [\r\n\t\t\t\t'barGraph' + '-' + d.index,\r\n\t\t\t\t{\r\n\t\t\t\t\tindex: index,\r\n\t\t\t\t\tcolor: this.colors[index],\r\n\t\t\t\t\tstacked: this.barOptions.stacked,\r\n\r\n\t\t\t\t\t// same for all datasets\r\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\r\n\t\t\t\t\tminHeight: this.height * MIN_BAR_PERCENT_HEIGHT,\r\n\t\t\t\t},\r\n\t\t\t\tfunction() {\r\n\t\t\t\t\tlet s = this.state;\r\n\t\t\t\t\tlet d = s.datasets[index];\r\n\t\t\t\t\tlet stacked = this.barOptions.stacked;\r\n\r\n\t\t\t\t\tlet spaceRatio = this.barOptions.spaceRatio || BAR_CHART_SPACE_RATIO;\r\n\t\t\t\t\tlet barsWidth = s.unitWidth * (1 - spaceRatio);\r\n\t\t\t\t\tlet barWidth = barsWidth/(stacked ? 1 : barDatasets.length);\r\n\r\n\t\t\t\t\tlet xPositions = s.xAxis.positions.map(x => x - barsWidth/2);\r\n\t\t\t\t\tif(!stacked) {\r\n\t\t\t\t\t\txPositions = xPositions.map(p => p + barWidth * index);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tlet labels = new Array(s.datasetLength).fill('');\r\n\t\t\t\t\tif(this.config.valuesOverPoints) {\r\n\t\t\t\t\t\tif(stacked && d.index === s.datasets.length - 1) {\r\n\t\t\t\t\t\t\tlabels = d.cumulativeYs;\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\tlabels = d.values;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tlet offsets = new Array(s.datasetLength).fill(0);\r\n\t\t\t\t\tif(stacked) {\r\n\t\t\t\t\t\toffsets = d.yPositions.map((y, j) => y - d.cumulativeYPos[j]);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\txPositions: xPositions,\r\n\t\t\t\t\t\tyPositions: d.yPositions,\r\n\t\t\t\t\t\toffsets: offsets,\r\n\t\t\t\t\t\t// values: d.values,\r\n\t\t\t\t\t\tlabels: labels,\r\n\r\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\r\n\t\t\t\t\t\tbarsWidth: barsWidth,\r\n\t\t\t\t\t\tbarWidth: barWidth,\r\n\t\t\t\t\t};\r\n\t\t\t\t}.bind(this)\r\n\t\t\t];\r\n\t\t});\r\n\r\n\t\tlet lineConfigs = lineDatasets.map(d => {\r\n\t\t\tlet index = d.index;\r\n\t\t\treturn [\r\n\t\t\t\t'lineGraph' + '-' + d.index,\r\n\t\t\t\t{\r\n\t\t\t\t\tindex: index,\r\n\t\t\t\t\tcolor: this.colors[index],\r\n\t\t\t\t\tsvgDefs: this.svgDefs,\r\n\t\t\t\t\theatline: this.lineOptions.heatline,\r\n\t\t\t\t\tregionFill: this.lineOptions.regionFill,\r\n\t\t\t\t\tspline: this.lineOptions.spline,\r\n\t\t\t\t\thideDots: this.lineOptions.hideDots,\r\n\t\t\t\t\thideLine: this.lineOptions.hideLine,\r\n\r\n\t\t\t\t\t// same for all datasets\r\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\r\n\t\t\t\t},\r\n\t\t\t\tfunction() {\r\n\t\t\t\t\tlet s = this.state;\r\n\t\t\t\t\tlet d = s.datasets[index];\r\n\t\t\t\t\tlet minLine = s.yAxis.positions[0] < s.yAxis.zeroLine\r\n\t\t\t\t\t\t? s.yAxis.positions[0] : s.yAxis.zeroLine;\r\n\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\txPositions: s.xAxis.positions,\r\n\t\t\t\t\t\tyPositions: d.yPositions,\r\n\r\n\t\t\t\t\t\tvalues: d.values,\r\n\r\n\t\t\t\t\t\tzeroLine: minLine,\r\n\t\t\t\t\t\tradius: this.lineOptions.dotSize || LINE_CHART_DOT_SIZE,\r\n\t\t\t\t\t};\r\n\t\t\t\t}.bind(this)\r\n\t\t\t];\r\n\t\t});\r\n\r\n\t\tlet markerConfigs = [\r\n\t\t\t[\r\n\t\t\t\t'yMarkers',\r\n\t\t\t\t{\r\n\t\t\t\t\twidth: this.width,\r\n\t\t\t\t\tpos: 'right'\r\n\t\t\t\t},\r\n\t\t\t\tfunction() {\r\n\t\t\t\t\treturn this.state.yMarkers;\r\n\t\t\t\t}.bind(this)\r\n\t\t\t]\r\n\t\t];\r\n\r\n\t\tcomponentConfigs = componentConfigs.concat(barsConfigs, lineConfigs, markerConfigs);\r\n\r\n\t\tlet optionals = ['yMarkers', 'yRegions'];\r\n\t\tthis.dataUnitComponents = [];\r\n\r\n\t\tthis.components = new Map(componentConfigs\r\n\t\t\t.filter(args => !optionals.includes(args[0]) || this.state[args[0]])\r\n\t\t\t.map(args => {\r\n\t\t\t\tlet component = getComponent(...args);\r\n\t\t\t\tif(args[0].includes('lineGraph') || args[0].includes('barGraph')) {\r\n\t\t\t\t\tthis.dataUnitComponents.push(component);\r\n\t\t\t\t}\r\n\t\t\t\treturn [args[0], component];\r\n\t\t\t}));\r\n\t}\r\n\r\n\tmakeDataByIndex() {\r\n\t\tthis.dataByIndex = {};\r\n\r\n\t\tlet s = this.state;\r\n\t\tlet formatX = this.config.formatTooltipX;\r\n\t\tlet formatY = this.config.formatTooltipY;\r\n\t\tlet titles = s.xAxis.labels;\r\n\r\n\t\ttitles.map((label, index) => {\r\n\t\t\tlet values = this.state.datasets.map((set, i) => {\r\n\t\t\t\tlet value = set.values[index];\r\n\t\t\t\treturn {\r\n\t\t\t\t\ttitle: set.name,\r\n\t\t\t\t\tvalue: value,\r\n\t\t\t\t\tyPos: set.yPositions[index],\r\n\t\t\t\t\tcolor: this.colors[i],\r\n\t\t\t\t\tformatted: formatY ? formatY(value) : value,\r\n\t\t\t\t};\r\n\t\t\t});\r\n\r\n\t\t\tthis.dataByIndex[index] = {\r\n\t\t\t\tlabel: label,\r\n\t\t\t\tformattedLabel: formatX ? formatX(label) : label,\r\n\t\t\t\txPos: s.xAxis.positions[index],\r\n\t\t\t\tvalues: values,\r\n\t\t\t\tyExtreme: s.yExtremes[index],\r\n\t\t\t};\r\n\t\t});\r\n\t}\r\n\r\n\tbindTooltip() {\r\n\t\t// NOTE: could be in tooltip itself, as it is a given functionality for its parent\r\n\t\tthis.container.addEventListener('mousemove', (e) => {\r\n\t\t\tlet m = this.measures;\r\n\t\t\tlet o = getOffset(this.container);\r\n\t\t\tlet relX = e.pageX - o.left - getLeftOffset(m);\r\n\t\t\tlet relY = e.pageY - o.top;\r\n\r\n\t\t\tif(relY < this.height + getTopOffset(m)\r\n\t\t\t\t&& relY > getTopOffset(m)) {\r\n\t\t\t\tthis.mapTooltipXPosition(relX);\r\n\t\t\t} else {\r\n\t\t\t\tthis.tip.hideTip();\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\tmapTooltipXPosition(relX) {\r\n\t\tlet s = this.state;\r\n\t\tif(!s.yExtremes) return;\r\n\r\n\t\tlet index = getClosestInArray(relX, s.xAxis.positions, true);\r\n\t\tlet dbi = this.dataByIndex[index];\r\n\r\n\t\tthis.tip.setValues(\r\n\t\t\tdbi.xPos + this.tip.offset.x,\r\n\t\t\tdbi.yExtreme + this.tip.offset.y,\r\n\t\t\t{name: dbi.formattedLabel, value: ''},\r\n\t\t\tdbi.values,\r\n\t\t\tindex\r\n\t\t);\r\n\r\n\t\tthis.tip.showTip();\r\n\t}\r\n\r\n\trenderLegend() {\r\n\t\tlet s = this.data;\r\n\t\tif(s.datasets.length > 1) {\r\n\t\t\tthis.legendArea.textContent = '';\r\n\t\t\ts.datasets.map((d, i) => {\r\n\t\t\t\tlet barWidth = AXIS_LEGEND_BAR_SIZE;\r\n\t\t\t\t// let rightEndPoint = this.baseWidth - this.measures.margins.left - this.measures.margins.right;\r\n\t\t\t\t// let multiplier = s.datasets.length - i;\r\n\t\t\t\tlet rect = legendBar(\r\n\t\t\t\t\t// rightEndPoint - multiplier * barWidth,\t// To right align\r\n\t\t\t\t\tbarWidth * i,\r\n\t\t\t\t\t'0',\r\n\t\t\t\t\tbarWidth,\r\n\t\t\t\t\tthis.colors[i],\r\n\t\t\t\t\td.name,\r\n\t\t\t\t\tthis.config.truncateLegends);\r\n\t\t\t\tthis.legendArea.appendChild(rect);\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\r\n\r\n\t// Overlay\r\n\tmakeOverlay() {\r\n\t\tif(this.init) {\r\n\t\t\tthis.init = 0;\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tif(this.overlayGuides) {\r\n\t\t\tthis.overlayGuides.forEach(g => {\r\n\t\t\t\tlet o = g.overlay;\r\n\t\t\t\to.parentNode.removeChild(o);\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\tthis.overlayGuides = this.dataUnitComponents.map(c => {\r\n\t\t\treturn {\r\n\t\t\t\ttype: c.unitType,\r\n\t\t\t\toverlay: undefined,\r\n\t\t\t\tunits: c.units,\r\n\t\t\t};\r\n\t\t});\r\n\r\n\t\tif(this.state.currentIndex === undefined) {\r\n\t\t\tthis.state.currentIndex = this.state.datasetLength - 1;\r\n\t\t}\r\n\r\n\t\t// Render overlays\r\n\t\tthis.overlayGuides.map(d => {\r\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\r\n\r\n\t\t\td.overlay = makeOverlay[d.type](currentUnit);\r\n\t\t\tthis.drawArea.appendChild(d.overlay);\r\n\t\t});\r\n\t}\r\n\r\n\tupdateOverlayGuides() {\r\n\t\tif(this.overlayGuides) {\r\n\t\t\tthis.overlayGuides.forEach(g => {\r\n\t\t\t\tlet o = g.overlay;\r\n\t\t\t\to.parentNode.removeChild(o);\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\tbindOverlay() {\r\n\t\tthis.parent.addEventListener('data-select', () => {\r\n\t\t\tthis.updateOverlay();\r\n\t\t});\r\n\t}\r\n\r\n\tbindUnits() {\r\n\t\tthis.dataUnitComponents.map(c => {\r\n\t\t\tc.units.map(unit => {\r\n\t\t\t\tunit.addEventListener('click', () => {\r\n\t\t\t\t\tlet index = unit.getAttribute('data-point-index');\r\n\t\t\t\t\tthis.setCurrentDataPoint(index);\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t});\r\n\r\n\t\t// Note: Doesn't work as tooltip is absolutely positioned\r\n\t\tthis.tip.container.addEventListener('click', () => {\r\n\t\t\tlet index = this.tip.container.getAttribute('data-point-index');\r\n\t\t\tthis.setCurrentDataPoint(index);\r\n\t\t});\r\n\t}\r\n\r\n\tupdateOverlay() {\r\n\t\tthis.overlayGuides.map(d => {\r\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\r\n\t\t\tupdateOverlay[d.type](currentUnit, d.overlay);\r\n\t\t});\r\n\t}\r\n\r\n\tonLeftArrow() {\r\n\t\tthis.setCurrentDataPoint(this.state.currentIndex - 1);\r\n\t}\r\n\r\n\tonRightArrow() {\r\n\t\tthis.setCurrentDataPoint(this.state.currentIndex + 1);\r\n\t}\r\n\r\n\tgetDataPoint(index=this.state.currentIndex) {\r\n\t\tlet s = this.state;\r\n\t\tlet data_point = {\r\n\t\t\tindex: index,\r\n\t\t\tlabel: s.xAxis.labels[index],\r\n\t\t\tvalues: s.datasets.map(d => d.values[index])\r\n\t\t};\r\n\t\treturn data_point;\r\n\t}\r\n\r\n\tsetCurrentDataPoint(index) {\r\n\t\tlet s = this.state;\r\n\t\tindex = parseInt(index);\r\n\t\tif(index < 0) index = 0;\r\n\t\tif(index >= s.xAxis.labels.length) index = s.xAxis.labels.length - 1;\r\n\t\tif(index === s.currentIndex) return;\r\n\t\ts.currentIndex = index;\r\n\t\tfire(this.parent, \"data-select\", this.getDataPoint());\r\n\t}\r\n\r\n\r\n\r\n\t// API\r\n\taddDataPoint(label, datasetValues, index=this.state.datasetLength) {\r\n\t\tsuper.addDataPoint(label, datasetValues, index);\r\n\t\tthis.data.labels.splice(index, 0, label);\r\n\t\tthis.data.datasets.map((d, i) => {\r\n\t\t\td.values.splice(index, 0, datasetValues[i]);\r\n\t\t});\r\n\t\tthis.update(this.data);\r\n\t}\r\n\r\n\tremoveDataPoint(index = this.state.datasetLength-1) {\r\n\t\tif (this.data.labels.length <= 1) {\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tsuper.removeDataPoint(index);\r\n\t\tthis.data.labels.splice(index, 1);\r\n\t\tthis.data.datasets.map(d => {\r\n\t\t\td.values.splice(index, 1);\r\n\t\t});\r\n\t\tthis.update(this.data);\r\n\t}\r\n\r\n\tupdateDataset(datasetValues, index=0) {\r\n\t\tthis.data.datasets[index].values = datasetValues;\r\n\t\tthis.update(this.data);\r\n\t}\r\n\t// addDataset(dataset, index) {}\r\n\t// removeDataset(index = 0) {}\r\n\r\n\tupdateDatasets(datasets) {\r\n\t\tthis.data.datasets.map((d, i) => {\r\n\t\t\tif(datasets[i]) {\r\n\t\t\t\td.values = datasets[i];\r\n\t\t\t}\r\n\t\t});\r\n\t\tthis.update(this.data);\r\n\t}\r\n\r\n\t// updateDataPoint(dataPoint, index = 0) {}\r\n\t// addDataPoint(dataPoint, index = 0) {}\r\n\t// removeDataPoint(index = 0) {}\r\n}\r\n","import AggregationChart from './AggregationChart';\r\nimport { getComponent } from '../objects/ChartComponents';\r\nimport { getOffset } from '../utils/dom';\r\nimport { getPositionByAngle } from '../utils/helpers';\r\nimport { makeArcStrokePathStr, makeStrokeCircleStr } from '../utils/draw';\r\nimport { lightenDarkenColor } from '../utils/colors';\r\nimport { transform } from '../utils/animation';\r\nimport { FULL_ANGLE } from '../utils/constants';\r\n\r\nexport default class DonutChart extends AggregationChart {\r\n\tconstructor(parent, args) {\r\n\t\tsuper(parent, args);\r\n\t\tthis.type = 'donut';\r\n\t\tthis.initTimeout = 0;\r\n\t\tthis.init = 1;\r\n\r\n\t\tthis.setup();\r\n\t}\r\n\r\n\tconfigure(args) {\r\n\t\tsuper.configure(args);\r\n\t\tthis.mouseMove = this.mouseMove.bind(this);\r\n\t\tthis.mouseLeave = this.mouseLeave.bind(this);\r\n\r\n\t\tthis.hoverRadio = args.hoverRadio || 0.1;\r\n\t\tthis.config.startAngle = args.startAngle || 0;\r\n\r\n\t\tthis.clockWise = args.clockWise || false;\r\n\t\tthis.strokeWidth = args.strokeWidth || 30;\r\n\t}\r\n\r\n\tcalc() {\r\n\t\tsuper.calc();\r\n\t\tlet s = this.state;\r\n\t\tthis.radius =\r\n\t\t\tthis.height > this.width\r\n\t\t\t\t? this.center.x - this.strokeWidth / 2\r\n\t\t\t\t: this.center.y - this.strokeWidth / 2;\r\n\r\n\t\tconst { radius, clockWise } = this;\r\n\r\n\t\tconst prevSlicesProperties = s.slicesProperties || [];\r\n\t\ts.sliceStrings = [];\r\n\t\ts.slicesProperties = [];\r\n\t\tlet curAngle = 180 - this.config.startAngle;\r\n\r\n\t\ts.sliceTotals.map((total, i) => {\r\n\t\t\tconst startAngle = curAngle;\r\n\t\t\tconst originDiffAngle = (total / s.grandTotal) * FULL_ANGLE;\r\n\t\t\tconst largeArc = originDiffAngle > 180 ? 1: 0;\r\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\r\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\r\n\t\t\tconst startPosition = getPositionByAngle(startAngle, radius);\r\n\t\t\tconst endPosition = getPositionByAngle(endAngle, radius);\r\n\r\n\t\t\tconst prevProperty = this.init && prevSlicesProperties[i];\r\n\r\n\t\t\tlet curStart,curEnd;\r\n\t\t\tif(this.init) {\r\n\t\t\t\tcurStart = prevProperty ? prevProperty.startPosition : startPosition;\r\n\t\t\t\tcurEnd = prevProperty ? prevProperty.endPosition : startPosition;\r\n\t\t\t} else {\r\n\t\t\t\tcurStart = startPosition;\r\n\t\t\t\tcurEnd = endPosition;\r\n\t\t\t}\r\n\t\t\tconst curPath =\r\n\t\t\t\toriginDiffAngle === 360\r\n\t\t\t\t\t? makeStrokeCircleStr(curStart, curEnd, this.center, this.radius, this.clockWise, largeArc)\r\n\t\t\t\t\t: makeArcStrokePathStr(curStart, curEnd, this.center, this.radius, this.clockWise, largeArc);\r\n\r\n\t\t\ts.sliceStrings.push(curPath);\r\n\t\t\ts.slicesProperties.push({\r\n\t\t\t\tstartPosition,\r\n\t\t\t\tendPosition,\r\n\t\t\t\tvalue: total,\r\n\t\t\t\ttotal: s.grandTotal,\r\n\t\t\t\tstartAngle,\r\n\t\t\t\tendAngle,\r\n\t\t\t\tangle: diffAngle\r\n\t\t\t});\r\n\r\n\t\t});\r\n\t\tthis.init = 0;\r\n\t}\r\n\r\n\tsetupComponents() {\r\n\t\tlet s = this.state;\r\n\r\n\t\tlet componentConfigs = [\r\n\t\t\t[\r\n\t\t\t\t'donutSlices',\r\n\t\t\t\t{ },\r\n\t\t\t\tfunction() {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tsliceStrings: s.sliceStrings,\r\n\t\t\t\t\t\tcolors: this.colors,\r\n\t\t\t\t\t\tstrokeWidth: this.strokeWidth,\r\n\t\t\t\t\t};\r\n\t\t\t\t}.bind(this)\r\n\t\t\t]\r\n\t\t];\r\n\r\n\t\tthis.components = new Map(componentConfigs\r\n\t\t\t.map(args => {\r\n\t\t\t\tlet component = getComponent(...args);\r\n\t\t\t\treturn [args[0], component];\r\n\t\t\t}));\r\n\t}\r\n\r\n\tcalTranslateByAngle(property){\r\n\t\tconst{ radius, hoverRadio } = this;\r\n\t\tconst position = getPositionByAngle(property.startAngle+(property.angle / 2),radius);\r\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\r\n\t}\r\n\r\n\thoverSlice(path,i,flag,e){\r\n\t\tif(!path) return;\r\n\t\tconst color = this.colors[i];\r\n\t\tif(flag) {\r\n\t\t\ttransform(path, this.calTranslateByAngle(this.state.slicesProperties[i]));\r\n\t\t\tpath.style.stroke = lightenDarkenColor(color, 50);\r\n\t\t\tlet g_off = getOffset(this.svg);\r\n\t\t\tlet x = e.pageX - g_off.left + 10;\r\n\t\t\tlet y = e.pageY - g_off.top - 10;\r\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length > 0\r\n\t\t\t\t? this.formatted_labels[i] : this.state.labels[i]) + ': ';\r\n\t\t\tlet percent = (this.state.sliceTotals[i] * 100 / this.state.grandTotal).toFixed(1);\r\n\t\t\tthis.tip.setValues(x, y, {name: title, value: percent + \"%\"});\r\n\t\t\tthis.tip.showTip();\r\n\t\t} else {\r\n\t\t\ttransform(path,'translate3d(0,0,0)');\r\n\t\t\tthis.tip.hideTip();\r\n\t\t\tpath.style.stroke = color;\r\n\t\t}\r\n\t}\r\n\r\n\tbindTooltip() {\r\n\t\tthis.container.addEventListener('mousemove', this.mouseMove);\r\n\t\tthis.container.addEventListener('mouseleave', this.mouseLeave);\r\n\t}\r\n\r\n\tmouseMove(e){\r\n\t\tconst target = e.target;\r\n\t\tlet slices = this.components.get('donutSlices').store;\r\n\t\tlet prevIndex = this.curActiveSliceIndex;\r\n\t\tlet prevAcitve = this.curActiveSlice;\r\n\t\tif(slices.includes(target)) {\r\n\t\t\tlet i = slices.indexOf(target);\r\n\t\t\tthis.hoverSlice(prevAcitve, prevIndex,false);\r\n\t\t\tthis.curActiveSlice = target;\r\n\t\t\tthis.curActiveSliceIndex = i;\r\n\t\t\tthis.hoverSlice(target, i, true, e);\r\n\t\t} else {\r\n\t\t\tthis.mouseLeave();\r\n\t\t}\r\n\t}\r\n\r\n\tmouseLeave(){\r\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\r\n\t}\r\n}\r\n","import * as Charts from './chart';\r\n\r\nlet frappe = { };\r\n\r\nfrappe.NAME = 'Frappe Charts';\r\nfrappe.VERSION = '1.2.4';\r\n\r\nfrappe = Object.assign({ }, frappe, Charts);\r\n\r\nexport default frappe;"],"names":["expr","con","document","querySelector","getOffset","element","rect","getBoundingClientRect","top","documentElement","scrollTop","body","left","scrollLeft","isElementInViewport","el","bottom","window","innerHeight","clientHeight","right","innerWidth","clientWidth","getElementContentWidth","styles","getComputedStyle","padding","parseFloat","paddingLeft","paddingRight","fire","target","type","properties","evt","createEvent","initEvent","j","dispatchEvent","getTopOffset","m","titleHeight","margins","paddings","getLeftOffset","getExtraHeight","legendHeight","getExtraWidth","floatTwo","d","toFixed","fillArray","array","count","start","length","fillerArray","Array","Math","abs","fill","concat","getStringWidth","string","charWidth","getPositionByAngle","angle","radius","sin","ANGLE_RATIO","cos","getBarHeightAndYAttr","yTop","zeroLine","height","y","equilizeNoOfElements","array1","array2","extraCount","truncateString","txt","len","slice","shortenLargeNumber","label","number","Number","isNaN","p","floor","log10","l","shortened","pow","round","createSplineCurve","xList","yList","points","i","push","line","pointA","pointB","lengthX","lengthY","sqrt","atan2","controlPoint","current","previous","next","reverse","o","PI","command","reduce","acc","point","a","cps","cpe","limitColor","r","lightenDarkenColor","color","amt","col","getColor","usePound","num","parseInt","b","g","toString","isValidColor","test","$","createSVG","tag","createElementNS","val","appendChild","ref","parentNode","insertBefore","keys","map","style","prop","setAttribute","renderVerticalGradient","svgDefElem","gradientId","setGradientStop","gradElem","offset","opacity","makeSVGContainer","parent","className","width","makeSVGDefs","svgContainer","makeSVGGroup","transform","undefined","args","inside","makePath","pathStr","makeArcPathStr","startPosition","endPosition","center","clockWise","largeArc","arcStartX","x","arcStartY","arcEndX","arcEndY","makeCircleStr","midArc","makeArcStrokePathStr","makeStrokeCircleStr","makeGradient","lighter","gradientDef","opacities","percentageBar","depth","PERCENTAGE_BAR_DEFAULT_DEPTH","heatSquare","size","data","key","legendBar","LABEL_MAX_CHARS","text","FONT_SIZE","FONT_FILL","group","legendDot","makeText","content","options","fontSize","dy","textAnchor","makeVertLine","y1","y2","stroke","BASE_LINE_COLOR","LABEL_MARGIN","makeHoriLine","x1","x2","lineType","shortenNumbers","yLine","pos","mode","AXIS_TICK_LENGTH","xLine","yMarker","labelPos","labelSvg","yRegion","region","datasetBar","index","meta","minHeight","datasetDot","dot","getPaths","pointsStr","join","spline","path","heatline","gradient_id","svgDefs","paths","regionFill","gradient_id_region","translate","unit","oldCoord","newCoord","duration","old","STD_EASING","translateVertLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","animateBar","bar","nodeName","UNIT_ANIM_DUR","split","animateDot","cx","cy","animatePath","newXList","newYList","pathComponents","animPath","PATH_ANIM_DUR","regStartPt","regEndPt","animRegion","animatePathStr","oldPath","animateSVGElement","props","dur","easingType","oldValues","animElement","cloneNode","newElement","attributeName","animateElement","currentValue","value","animAttr","EASING","webkitTransform","msTransform","mozTransform","oTransform","animateSVG","elements","newElements","animElements","replaceChild","animSvg","runSMILAnimation","svgElement","elementsToAnimate","animSvgElement","removeChild","REPLACE_ALL_NEW_DUR","downloadFile","filename","createElement","blob","Blob","url","URL","createObjectURL","href","download","click","revokeObjectURL","prepareForExport","svg","clone","classList","add","styleEl","create","CSSTEXT","firstChild","container","innerHTML","treatAsUtc","date","result","Date","setMinutes","getMinutes","getTimezoneOffset","getYyyyMmDd","dd","getDate","mm","getMonth","getFullYear","getTime","getWeeksBetween","startDate","endDate","weekStartDate","setDayToSunday","ceil","getDaysBetween","NO_OF_DAYS_IN_WEEK","millisecondsPerDay","SEC_IN_DAY","NO_OF_MILLIS","areInSameMonth","getMonthName","short","monthName","MONTH_NAMES","getLastDateInMonth","month","year","newDate","day","getDay","addDays","numberOfDays","setDate","getComponent","name","constants","getData","Object","componentConfigs","filter","includes","k","config","assign","ChartComponent","normalize","mantissa","exponent","sig","isFinite","exp","getChartRangeIntervals","max","min","upperBound","lowerBound","range","noOfParts","partSize","intervals","getChartIntervals","maxValue","minValue","normalMaxValue","normalMinValue","calcChartIntervals","values","getPositiveFirstIntervals","absMinValue","intervalSize","unshift","withMinimum","pseudoMaxValue","pseudoMinValue","getZeroIndex","yPts","interval","getIntervalSize","indexOf","orderedArray","getValueRange","scale","yAxis","scaleMultiplier","getClosestInArray","goal","arr","closest","prev","curr","calcDistribution","distributionSize","dataMaxValue","distributionStep","distribution","checkpoint","getMaxCheckpoint","dataPrep","labels","datasetLength","datasets","zeroArray","vals","chartType","AXIS_DATASET_CHART_TYPES","yRegions","end","zeroDataPrep","realData","zeroData","yMarkers","getShortenedLabels","chartWidth","isSeries","allowedSpace","allowedLetters","DEFAULT_CHAR_WIDTH","getChartByType","AxisChart","chartTypes","error","css","insertAt","head","getElementsByTagName","styleSheet","cssText","createTextNode","BASE_MEASURES","INIT_CHART_UPDATE_TIMEOUT","DEFAULT_CHART_COLORS","DEFAULT_COLORS","SvgTip","colors","titleName","titleValue","listValues","titleValueFirst","setup","makeTooltip","calcPosition","this","hideTip","title","dataPointList","addEventListener","set","_this2","formatted","li","offsetWidth","offsetHeight","maxLeft","pointer","pointerOffset","valueFirst","refresh","PRESET_COLOR_MAP","makeOverlay","transformValue","overlay","updateOverlay","attributes","attr","specified","nodeValue","BaseChart","HTMLElement","Error","rawChartArgs","prepareData","prepareFirstData","validateColors","isNavigable","truncateLegends","measures","JSON","parse","stringify","setMeasures","showLegend","argHeight","baseHeight","state","initTimeout","overlays","configure","validColors","forEach","warn","boundDrawFn","_this","draw","removeEventListener","makeContainer","updateWidth","independentWidth","tip","bindTooltip","onlyWidthChange","init","calc","makeChartArea","setupComponents","components","c","drawArea","render","update","renderLegend","setupNavigation","baseWidth","titleEL","titleFontSize","legendArea","updateTipOffset","Map","animate","make","updateNav","bindUnits","bindOverlay","keyActions","onEnterKey","bind","onLeftArrow","onUpArrow","onRightArrow","onDownArrow","e","_this4","event","keyCode","chartSvg","AggregationChart","maxSlices","maxLegendPoints","s","sliceTotals","allTotals","total","totals","sort","sumOfRemaining","grandTotal","textContent","legendTotals","barWidth","divisor","_this3","DAY_NAMES_SHORT","layerClass","layerTransform","makeElements","animateElements","store","layer","oldData","sliceStrings","strokeWidth","transition","newData","xPositions","widths","barHeight","barDepth","positions","position","newPos","newLabels","oldPos","oldLabels","calcLabels","_this5","newOptions","startPos","endPos","_this6","newStarts","oldStarts","colWidth","rowHeight","squareSize","xTranslate","serializedSubDomains","cols","week","weekNo","toUpperCase","yyyyMmDd","dataValue","square","unitType","units","yPositions","offsets","barsWidth","newXPos","newYPos","newOffsets","oldXPos","oldYPos","oldOffsets","hideLine","hideDots","valuesOverPoints","newValues","PercentageChart","barOptions","component","xPos","bars","get","gOff","pOff","formattedLabels","fraction","setValues","showTip","PieChart","mouseMove","mouseLeave","hoverRadio","startAngle","prevSlicesProperties","slicesProperties","curAngle","originDiffAngle","diffAngle","endAngle","prevProperty","curStart","curEnd","curPath","property","flag","calTranslateByAngle","g_off","pageX","pageY","formatted_labels","percent","slices","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","Heatmap","countLabel","validStarts","startSubDomain","startSubDomainIndex","discreteDomains","ROW_HEIGHT","HEATMAP_SQUARE_SIZE","spacing","noOfWeeks","setFullYear","dataPoints","timestampSec","firstWeekStart","domainConfigs","getDomains","lessCol","dayName","dayText","daySquares","comp","daySquare","dateParts","lessText","COL_WIDTH","moreText","HEATMAP_DISTRIBUTION_SIZE","startMonth","startYear","noOfMonths","startOfMonth","getDomainConfig","startOfWeek","domainConfig","noOfMonthWeeks","getCol","empty","currentDate","currentDateWithinData","getSubDomainConfig","lineOptions","axisOptions","tooltipOptions","xAxisMode","yAxisMode","xIsSeries","shortenYAxisNumbers","formatTooltipX","formatTooltipY","calcXPositions","calcYAxisParameters","getAllYValues","makeDataByIndex","unitWidth","xOffset","xAxis","dataValues","intervalHeight","calcDatasetPoints","calcYExtremes","calcYRegions","scaleAll","cumulativeYs","stacked","yExtremes","cumulativeYPos","cumulative","allValueLists","barDatasets","lineDatasets","barsConfigs","spaceRatio","lineConfigs","minLine","dotSize","markerConfigs","optionals","dataUnitComponents","dataByIndex","formatX","formatY","relX","relY","mapTooltipXPosition","dbi","yExtreme","formattedLabel","overlayGuides","currentIndex","currentUnit","_this7","setCurrentDataPoint","_this9","_this10","getDataPoint","datasetValues","splice","DonutChart","Chart","frappe","NAME","VERSION","Charts"],"mappings":"yDACwB,gBAATA,IAAoBC,GAAOC,UAAUC,cAAcH,GAAQA,GAAQ,KA4ClF,QAAgBI,GAAUC,MACrBC,GAAOD,EAAQE,mCAKbD,EAAKE,KAAON,SAASO,gBAAgBC,WAAaR,SAASS,KAAKD,gBAC/DJ,EAAKM,MAAQV,SAASO,gBAAgBI,YAAcX,SAASS,KAAKE,aAI1E,QAAgBC,GAAoBC,MAE/BT,GAAOS,EAAGR,8BAGbD,GAAKE,KAAO,GACNF,EAAKM,MAAQ,GACbN,EAAKU,SAAWC,OAAOC,aAAehB,SAASO,gBAAgBU,iBAC1DC,QAAUH,OAAOI,YAAcnB,SAASO,gBAAgBa,aAIrE,QAAgBC,GAAuBlB,MAClCmB,GAASP,OAAOQ,iBAAiBpB,GACjCqB,EAAUC,WAAWH,EAAOI,aAC/BD,WAAWH,EAAOK,oBAEZxB,GAAQiB,YAAcI,EA2B9B,QAAgBI,GAAKC,EAAQC,EAAMC,MAC9BC,GAAMhC,SAASiC,YAAY,gBAE3BC,UAAUJ,GAAM,GAAM,OAErB,GAAIK,KAAKJ,KACTI,GAAKJ,EAAWI,SAGdN,GAAOO,cAAcJ,GCtE7B,QAAgBK,GAAaC,SACrBA,GAAEC,YAAcD,EAAEE,QAAQlC,IAAMgC,EAAEG,SAASnC,IAGnD,QAAgBoC,GAAcJ,SACtBA,GAAEE,QAAQ9B,KAAO4B,EAAEG,SAAS/B,KAGpC,QAAgBiC,GAAeL,SACPA,GAAEE,QAAQlC,IAAMgC,EAAEE,QAAQ1B,OAC9CwB,EAAEG,SAASnC,IAAMgC,EAAEG,SAAS3B,OAC5BwB,EAAEC,YAAcD,EAAEM,aAItB,QAAgBC,GAAcP,SACPA,GAAEE,QAAQ9B,KAAO4B,EAAEE,QAAQtB,MAC9CoB,EAAEG,SAAS/B,KAAO4B,EAAEG,SAASvB,MClDjC,QAAgB4B,GAASC,SACjBtB,YAAWsB,EAAEC,QAAQ,IAyC7B,QAAgBC,GAAUC,EAAOC,EAAOhD,MAASiD,0DAC5CjD,OACOiD,EAAQF,EAAM,GAAKA,EAAMA,EAAMG,OAAS,OAE/CC,GAAc,GAAIC,OAAMC,KAAKC,IAAIN,IAAQO,KAAKvD,YAC1CiD,EAAQE,EAAYK,OAAOT,GAASA,EAAMS,OAAOL,GAS1D,QAAgBM,GAAeC,EAAQC,UAC9BD,EAAO,IAAIR,OAASS,EAyB7B,QAAgBC,GAAmBC,EAAOC,YAErCT,KAAKU,IAAIF,EAAQG,IAAeF,IAChCT,KAAKY,IAAIJ,EAAQG,IAAeF,WCzFrBI,GAAqBC,EAAMC,MACtCC,UAAQC,eACRH,IAAQC,KACFA,EAAWD,IAChBA,MAEKA,EAAOC,IACZA,IAGGC,EAAQC,GAGjB,QAAgBC,GAAqBC,EAAQC,MAC5CC,0DAAaD,EAAOvB,OAASsB,EAAOtB,aAGjCwB,GAAa,IACN5B,EAAU0B,EAAQE,KAElB5B,EAAU2B,EAAQC,IAEpBF,EAAQC,GAGjB,QAAgBE,GAAeC,EAAKC,MAC9BD,QAGDA,GAAI1B,OAAS2B,EACTD,EAAIE,MAAM,EAAGD,EAAI,GAAK,MAEtBD,EAIT,QAAgBG,GAAmBC,MAC9BC,aACiB,gBAAVD,GAAoBC,EAASD,MACnC,IAAqB,gBAAVA,OACNE,OAAOF,GACZE,OAAOC,MAAMF,IAAS,MAAOD,MAI9BI,GAAI/B,KAAKgC,MAAMhC,KAAKiC,MAAMjC,KAAKC,IAAI2B,QACnCG,GAAK,EAAG,MAAOH,MACfM,GAAIlC,KAAKgC,MAAMD,EAAI,GACnBI,EAAanC,KAAKoC,IAAI,GAAIL,EAAQ,EAAJG,KAAWN,EAAS5B,KAAKoC,IAAI,GAAIL,IAAIvC,QAAQ,SAGxEQ,MAAKqC,MAAgB,IAAVF,GAAe,IAAM,KAAO,GAAI,IAAK,IAAK,IAAK,KAAKD,GAIvE,QAAgBI,GAAkBC,EAAOC,OAGpC,GADAC,MACIC,EAAE,EAAEA,EAAEH,EAAM1C,OAAO6C,MACnBC,MAAMJ,EAAMG,GAAIF,EAAME,QAI1BE,GAAO,SAACC,EAAQC,MACfC,GAAUD,EAAO,GAAKD,EAAO,GAC7BG,EAAUF,EAAO,GAAKD,EAAO,iBAExB7C,KAAKiD,KAAKjD,KAAKoC,IAAIW,EAAS,GAAK/C,KAAKoC,IAAIY,EAAS,UACpDhD,KAAKkD,MAAMF,EAASD,KAIzBI,EAAe,SAACC,EAASC,EAAUC,EAAMC,MAGxCC,GAAIZ,EAFAS,GAAYD,EACZE,GAAQF,GAEZ5C,EAAQgD,EAAEhD,OAAS+C,EAAUvD,KAAKyD,GAAK,GACvC5D,EAfW,GAeF2D,EAAE3D,cACPuD,EAAQ,GAAKpD,KAAKY,IAAIJ,GAASX,EAC/BuD,EAAQ,GAAKpD,KAAKU,IAAIF,GAASX,UAUzB,UAAC4C,EAAQiB,SAChBjB,GAAOkB,OAAO,SAACC,EAAKC,EAAOnB,EAAGoB,SAAY,KAANpB,EACrCmB,EAAM,OAAMA,EAAM,GAClBD,MAAOF,EAAQG,EAAOnB,EAAGoB,IAAM,KAGtBrB,EAZI,SAACoB,EAAOnB,EAAGoB,MAC1BC,GAAMZ,EAAaW,EAAEpB,EAAI,GAAIoB,EAAEpB,EAAI,GAAImB,GACvCG,EAAMb,EAAaU,EAAOC,EAAEpB,EAAI,GAAIoB,EAAEpB,EAAI,IAAI,cACtCqB,EAAI,OAAMA,EAAI,OAAMC,EAAI,OAAMA,EAAI,OAAMH,EAAM,OAAMA,EAAM,KCvExE,QAASI,GAAWC,SACfA,GAAI,IAAY,IACXA,EAAI,EAAU,EAChBA,EAGR,QAAgBC,GAAmBC,EAAOC,MACrCC,GAAMC,GAASH,GACfI,GAAW,CACD,MAAVF,EAAI,OACDA,EAAI7C,MAAM,MACL,MAERgD,GAAMC,SAASJ,EAAI,IACnBJ,EAAID,GAAYQ,GAAO,IAAMJ,GAC7BM,EAAIV,GAAaQ,GAAO,EAAK,KAAUJ,GACvCO,EAAIX,GAAkB,IAANQ,GAAkBJ,UAC9BG,EAAS,IAAI,KAAOI,EAAKD,GAAK,EAAMT,GAAK,IAAKW,SAAS,IAGhE,QAAgBC,GAAazE,8CAEgB0E,KAAK1E,GC3BlD,QAAS2E,GAAE1I,EAAMC,SACO,gBAATD,IAAoBC,GAAOC,UAAUC,cAAcH,GAAQA,GAAQ,KAGlF,QAAgB2I,GAAUC,EAAK1B,MAC1B7G,GAAUH,SAAS2I,gBAAgB,6BAA8BD,OAEhE,GAAIxC,KAAKc,GAAG,IACZ4B,GAAM5B,EAAEd,MAEF,WAANA,IACD0C,GAAKC,YAAY1I,OAEf,IAAU,WAAN+F,EAAgB,IACpB4C,GAAMN,EAAEI,KACRG,WAAWC,aAAa7I,EAAS2I,KAC7BD,YAAYC,OAEJ,WAAN5C,EACQ,qBAAR0C,iBAAAA,YACFK,KAAKL,GAAKM,IAAI,cACZC,MAAMC,GAAQR,EAAIQ,MAInB,cAANlD,MAAyB,SACnB,cAANA,IACF,YAAyB0C,IAEjBS,aAAanD,EAAG0C,UAKpBzI,GAGR,QAASmJ,GAAuBC,EAAYC,SACpCf,GAAU,yBACRc,KACJC,KACA,KACA,KACA,KACA,IAIN,QAASC,GAAgBC,EAAUC,EAAQ/B,EAAOgC,SAC1CnB,GAAU,eACNiB,uBACc9B,SACd+B,iBACMC,IAIlB,QAAgBC,GAAiBC,EAAQC,EAAWC,EAAOxF,SACnDiE,GAAU,iBACLsB,SACHD,QACDE,SACCxF,IAIV,QAAgByF,GAAYC,SACpBzB,GAAU,eACRyB,IAIV,QAAgBC,GAAaJ,MAAWK,0DAAU,GAAIN,6DAAOO,GACxDC,aACQP,YACAK,SAETN,KAAQQ,EAAKC,OAAST,GAClBrB,EAAU,IAAK6B,GAWvB,QAAgBE,GAASC,SACjBhC,GAAU,yEAD0B,KAGvCgC,wEAHkD,mEAAa,6EAAoB,KAYxF,QAAgBC,GAAeC,EAAeC,EAAaC,EAAQ5G,MAAQ6G,0DAAU,EAAGC,yDAAS,EAC3FC,EAAyBH,EAAOI,EAAIN,EAAcM,EAAvCC,EAA0CL,EAAOpG,EAAIkG,EAAclG,EAC9E0G,EAAqBN,EAAOI,EAAIL,EAAYK,EAAnCG,EAAsCP,EAAOpG,EAAImG,EAAYnG,YAChEoG,EAAOI,MAAKJ,EAAOpG,YAC1BuG,MAAaE,aACZjH,MAAUA,QAAY8G,OAAYD,EAAY,EAAI,YACpDK,MAAWC,OAGf,QAAgBC,GAAcV,EAAeC,EAAaC,EAAQ5G,MAAQ6G,0DAAU,EAAGC,yDAAS,EAC1FC,EAAyBH,EAAOI,EAAIN,EAAcM,EAAvCC,EAA0CL,EAAOpG,EAAIkG,EAAclG,EAC9E0G,EAA6BN,EAAOI,EAAIL,EAAYK,EAA3CK,EAAyD,EAAXT,EAAOpG,EAA7C2G,EAAoDP,EAAOpG,EAAImG,EAAYnG,YACtFoG,EAAOI,MAAKJ,EAAOpG,YAC1BuG,MAAaE,aACZjH,MAAUA,QAAY8G,OAAYD,EAAY,EAAI,YACpDK,MAAWG,cACVN,MAAaM,aACZrH,MAAUA,QAAY8G,OAAYD,EAAY,EAAI,YACpDK,MAAWC,OAGf,QAAgBG,GAAqBZ,EAAeC,EAAaC,EAAQ5G,MAAQ6G,0DAAU,EAAGC,yDAAS,EACjGC,EAAyBH,EAAOI,EAAIN,EAAcM,EAAvCC,EAA0CL,EAAOpG,EAAIkG,EAAclG,EAC9E0G,EAAqBN,EAAOI,EAAIL,EAAYK,EAAnCG,EAAsCP,EAAOpG,EAAImG,EAAYnG,YAEhEuG,MAAaE,aACnBjH,MAAUA,QAAY8G,OAAYD,EAAY,EAAI,YACpDK,MAAWC,EAGf,QAAgBI,GAAoBb,EAAeC,EAAaC,EAAQ5G,MAAQ6G,0DAAU,EAAGC,yDAAS,EAChGC,EAAyBH,EAAOI,EAAIN,EAAcM,EAAvCC,EAA0CL,EAAOpG,EAAIkG,EAAclG,EAC9E0G,EAA6BN,EAAOI,EAAIL,EAAYK,EAA3CK,EAAuD,EAATrH,EAAaiH,EAAnDE,EAA8DP,EAAOpG,EAAIkG,EAAclG,YAElGuG,MAAaE,aACnBjH,MAAUA,QAAY8G,OAAYD,EAAY,EAAI,YACpDK,MAAWG,YACVN,MAAaM,aACZrH,MAAUA,QAAY8G,OAAYD,EAAY,EAAI,YACpDK,MAAWC,EAGf,QAAgBK,GAAalC,EAAY3B,MAAO8D,2DAC3ClC,EAAY,sBAA6B5B,EAAQ,KAAM8D,EAAU,UAAY,WAC7EC,EAAcrC,EAAuBC,EAAYC,GACjDoC,GAAa,EAAG,GAAK,UACtBF,QACW,GAAK,GAAK,MAGRC,EAAa,KAAM/D,EAAOgE,EAAU,MACpCD,EAAa,MAAO/D,EAAOgE,EAAU,MACrCD,EAAa,OAAQ/D,EAAOgE,EAAU,IAE/CpC,EAGR,QAAgBqC,GAAcZ,EAAGxG,EAAGuF,EAAOxF,MAC1CsH,0DAAMC,GAA8BrI,yDAAK,aAkBlC+E,GAAU,kBAfL,mBACRwC,IACAxG,QACIuF,SACCxF,OACFd,iBAEKiE,EAAmBjE,GAAO,8BAGVc,EAASwF,QAAUA,OAAUxF,iBACvCsH,KAOnB,QAAgBE,GAAWjC,EAAWkB,EAAGxG,EAAGwH,MAAMvI,0DAAK,OAAQwI,4DAC1D5B,aACQP,IACRkB,IACAxG,QACIwH,SACCA,OACFvI,iBAGAuF,KAAKiD,GAAMhD,IAAI,cAChBiD,GAAOD,EAAKC,KAGX1D,EAAU,OAAQ6B,GAG1B,QAAgB8B,GAAUnB,EAAGxG,EAAGwH,MAAMvI,0DAAK,OAAQyB,yEAC/BL,EAAeK,EAAOkH,IAAmBlH,KAExDmF,cACQ,eACR,IACA,QACI2B,SACC,WACFvI,GAEH4I,EAAO7D,EAAU,kBACT,wBACR,IACA,KACc,EAAZ8D,GAAiB,iBACI,IAAZA,GAAmB,mBAClB,aACTC,aACKrH,IAGRsH,EAAQhE,EAAU,4BACGwC,OAAMxG,iBAEzBoE,YAAYJ,EAAU,OAAQ6B,MAC9BzB,YAAYyD,GAEXG,EAGR,QAAgBC,GAAUzB,EAAGxG,EAAGwH,MAAMvI,0DAAK,OAAQyB,eAC9CmF,aACQ,gBACP,KACA,IACD2B,OACGvI,GAEH4I,EAAO7D,EAAU,kBACT,wBACR,IACA,KACE8D,GAAa,QACbA,GAAU,EAAK,iBACM,IAAZA,GAAmB,mBAClB,aACTC,aACKrH,IAGRsH,EAAQhE,EAAU,4BACGwC,OAAMxG,iBAEzBoE,YAAYJ,EAAU,SAAU6B,MAChCzB,YAAYyD,GAEXG,EAGR,QAAgBE,GAAS5C,EAAWkB,EAAGxG,EAAGmI,MAASC,6DAC9CC,EAAWD,EAAQC,UAAYP,SAI5B9D,GAAU,kBACLsB,IACRkB,IACAxG,UANoB4F,KAAfwC,EAAQE,GAAmBF,EAAQE,GAAMD,EAAW,GAOnD,iBACIA,EAAW,UAPdD,EAAQnJ,MAAQ8I,iBACVK,EAAQG,YAAc,kBAS3BJ,IAIb,QAASK,GAAahC,EAAG9F,EAAO+H,EAAIC,MAAIN,4DACnCA,GAAQO,SAAQP,EAAQO,OAASC,OACjC3H,GAAI+C,EAAU,kBACN,iBAAmBoE,EAAQ9C,aAClC,KACA,KACAmD,KACAC,iBAEKN,EAAQO,UAIdd,EAAO7D,EAAU,UACjB,IACAyE,EAAKC,EAAKD,EAAKI,GAAeJ,EAAKI,GAAef,MACjDA,GAAY,iBACHA,GAAY,mBACV,mBACJpH,EAAQ,KAGhBiB,EAAOqC,EAAU,4BACKwC,oBAGrBpC,YAAYnD,KACZmD,YAAYyD,GAEVlG,EAGR,QAASmH,GAAa9I,EAAGU,EAAOqI,EAAIC,MAAIZ,4DACnCA,GAAQO,SAAQP,EAAQO,OAASC,IACjCR,EAAQa,WAAUb,EAAQa,SAAW,IACrCb,EAAQc,iBAAgBxI,EAAQD,EAAmBC,OAKnDO,GAAI+C,EAAU,kBAHF,mBAAqBoE,EAAQ9C,WACtB,WAArB8C,EAAQa,SAAwB,SAAU,OAIvCF,KACAC,KACA,KACA,iBAEKZ,EAAQO,UAIdd,EAAO7D,EAAU,UACjB+E,EAAKC,EAAKD,EAAKF,GAAeE,EAAKF,KACnC,KACEf,GAAY,EAAI,EAAK,iBACbA,GAAY,mBACViB,EAAKC,EAAK,MAAQ,kBACtBtI,EAAM,KAGdiB,EAAOqC,EAAU,+BACOhE,uBACT,UAGP,KAAT6H,GAAuB,MAATA,MACXnD,MAAMiE,OAAS,2BAGhBvE,YAAYnD,KACZmD,YAAYyD,GAEVlG,EAGR,QAAgBwH,GAAMnJ,EAAGU,EAAO6E,MAAO6C,4DAClCA,GAAQgB,MAAKhB,EAAQgB,IAAM,QAC3BhB,EAAQlD,SAAQkD,EAAQlD,OAAS,GACjCkD,EAAQiB,OAAMjB,EAAQiB,KAAO,QAC7BjB,EAAQO,SAAQP,EAAQO,OAASC,IACjCR,EAAQ9C,YAAW8C,EAAQ9C,UAAY,OAEvCyD,IAAM,EAAIO,GACVN,EAAsB,SAAjBZ,EAAQiB,KAAkB9D,EAAQ+D,GAAmB,QAE1C,SAAjBlB,EAAQiB,MAAmC,UAAhBjB,EAAQgB,QAChC7D,EAAQ+D,KACR/D,MAKA6C,EAAQlD,UACRkD,EAAQlD,OAEP4D,EAAa9I,EAAGU,EAAOqI,EAAIC,UACzBZ,EAAQO,iBACLP,EAAQ9C,mBACT8C,EAAQa,wBACFb,EAAQc,iBAI1B,QAAgBK,GAAM/C,EAAG9F,EAAOX,MAAQqI,4DACnCA,GAAQgB,MAAKhB,EAAQgB,IAAM,UAC3BhB,EAAQlD,SAAQkD,EAAQlD,OAAS,GACjCkD,EAAQiB,OAAMjB,EAAQiB,KAAO,QAC7BjB,EAAQO,SAAQP,EAAQO,OAASC,IACjCR,EAAQ9C,YAAW8C,EAAQ9C,UAAY,OAavCmD,GAAK1I,EAASuJ,GACdZ,EAAsB,SAAjBN,EAAQiB,MAAmB,EAAIC,GAAmBvJ,QAEvC,SAAjBqI,EAAQiB,MAAmC,QAAhBjB,EAAQgB,SAE/B,EAAIE,KACL,GAGCd,EAAahC,EAAG9F,EAAO+H,EAAIC,UACzBN,EAAQO,iBACLP,EAAQ9C,mBACT8C,EAAQa,WAIpB,QAAgBO,GAAQxJ,EAAGU,EAAO6E,MAAO6C,4DACpCA,GAAQqB,WAAUrB,EAAQqB,SAAW,YAIrCC,GAAW1F,EAAU,kBACb,gBAJiB,SAArBoE,EAAQqB,SAAsBZ,GACnCtD,EAAQpG,EAAeuB,EAAO,GAAKmI,KAKlC,KACEf,IAAa,EAAK,iBACVA,GAAY,mBACV,kBACJpH,EAAM,KAGdiB,EAAOmH,EAAa9I,EAAG,GAAI,EAAGuF,UACzB6C,EAAQO,QAAUC,aACfR,EAAQ9C,WAAa,YACtB8C,EAAQa,oBAGd7E,YAAYsF,GAEV/H,EAGR,QAAgBgI,GAAQlB,EAAIC,EAAInD,EAAO7E,MAAO0H,6DAEzCrI,EAAS0I,EAAKC,EAEd/M,EAAOqI,EAAU,6EAIX4E,sBACerD,OAAUxF,KAG/B,IACA,QACIwF,SACCxF,GAGLqI,GAAQqB,WAAUrB,EAAQqB,SAAW,YAIrCC,GAAW1F,EAAU,kBACb,gBAJiB,SAArBoE,EAAQqB,SAAsBZ,GACnCtD,EAAQpG,EAAeuB,EAAM,GAAI,KAAOmI,KAKvC,KACEf,IAAa,EAAK,iBACVA,GAAY,mBACV,kBACJpH,EAAM,KAGdkJ,EAAS5F,EAAU,+BACK0E,iBAGrBtE,YAAYzI,KACZyI,YAAYsF,GAEZE,EAGR,QAAgBC,GAAWrD,EAAG3G,EAAM0F,EAAOpC,MAAOzC,0DAAM,GAAIoJ,yDAAM,EAAG5E,yDAAO,EAAG6E,8DAC5DnK,EAAqBC,EAAMkK,EAAKjK,oBAA7CC,OAAQC,UACRkF,EAES,IAAXnF,MACOgK,EAAKC,aACTD,EAAKC,cAGPrO,GAAOqI,EAAU,4CAEJb,qBACI2G,IACjBtD,IACAxG,QACIuF,SACCxF,WAGA,KAEKW,EAAM9B,OAEb,GACDgG,aAAa,IAAK,KAClBA,aAAa,IAAK,MACnBiD,GAAO7D,EAAU,kBACT,qBACRuB,EAAM,IACN,KACEuC,GAAY,GAAK,EAAK,iBACdA,GAAY,mBACV,mBACJpH,IAGRsH,EAAQhE,EAAU,wBACD8F,yBACItD,OAAMxG,iBAEzBoE,YAAYzI,KACZyI,YAAYyD,GAEXG,QArBArM,GAyBT,QAAgBsO,GAAWzD,EAAGxG,EAAGR,EAAQ2D,MAAOzC,0DAAM,GAAIoJ,yDAAM,EAC3DI,EAAMlG,EAAU,yBACHb,qBACI2G,KAChBtD,KACAxG,IACDR,WAGK,KAEKkB,EAAM9B,OAEb,GACFgG,aAAa,KAAM,KACnBA,aAAa,KAAM,MAEnBiD,GAAO7D,EAAU,kBACT,qBACR,IACA,KACE8D,GAAY,GAAK,EAAItI,EAAU,iBACvBsI,GAAY,mBACV,mBACJpH,IAGRsH,EAAQhE,EAAU,wBACD8F,yBACItD,OAAMxG,iBAEzBoE,YAAY8F,KACZ9F,YAAYyD,GAEXG,QAtBAkC,GA0BT,QAAgBC,GAAS7I,EAAOC,EAAO4B,MAAOiF,6DAAY2B,4DAErDK,EADa7I,EAAMkD,IAAI,SAACzE,EAAGyB,SAAOH,GAAMG,GAAK,IAAMzB,IAC5BqK,KAAK,IAG5BjC,GAAQkC,SACXF,EAAY/I,EAAkBC,EAAOC,OAElCgJ,GAAOxE,EAAS,IAAIqE,EAAW,kBAAmBjH,MAGnDiF,EAAQoC,SAAU,IAChBC,GAAczD,EAAa+C,EAAKW,QAASvH,KACxCuB,MAAMiE,eAAiB8B,SAGzBE,SACGJ,MAIJnC,EAAQwC,WAAY,IAClBC,GAAqB7D,EAAa+C,EAAKW,QAASvH,GAAO,GAEvD6C,EAAU,IAAS1E,EAAM,OAAMyI,EAAKjK,aAAcsK,MAAgB9I,EAAMd,OAAO,GAAG,OAAMuJ,EAAKjK,WAC3F8J,OAAS7D,EAASC,gBAAwB,eAAgB6E,aAG1DF,GCnlBR,QAAgBG,GAAUC,EAAMC,EAAUC,EAAUC,MAC/CC,GAA0B,gBAAbH,GAAwBA,EAAWA,EAASX,KAAK,aAEjEU,GACCpF,UAAWsF,EAASZ,KAAK,OAC1Ba,EACAE,GACA,aACCzF,UAAWwF,IAId,QAAgBE,GAAkB9B,EAAO+B,EAAMC,SACvCT,GAAUvB,GAAQgC,EAAM,IAAKD,EAAM,GAAIE,IAG/C,QAAgBC,GAAkBtC,EAAOuC,EAAMC,SACvCb,GAAU3B,GAAQ,EAAGwC,IAAQ,EAAGD,GAAOF,IAG/C,QAAgBI,GAAcC,EAAWC,EAAOC,EAAOC,MAClDC,GAAYH,EAAQC,EACpBpQ,EAAOkQ,EAAUK,WAAW,WAG/BvQ,GACEoE,OAAQkM,EAAWE,mBAHVxQ,EAAKyQ,aAAa,cAGyBH,GACtDT,GACAJ,IAGeN,EAAUe,GAAY,EAAGG,IAAS,EAAGD,GAAQP,KAI9D,QAAgBa,GAAWC,EAAK9F,EAAG3G,EAAM0F,MAAOL,0DAAO,IACpCtF,EAAqBC,8DAAWC,oBAA7CC,OAAQC,iBACRkF,EACe,SAAjBoH,EAAIC,WACKD,EAAIJ,WAAW,IAGxB3G,MAAOA,EAAOxF,OAAQA,GACvByM,GACApB,IAIeN,EAAUwB,EADRA,EAAIF,aAAa,aAAaK,MAAM,KAAK,GAAGjM,MAAM,GAAI,IAC3BgG,EAAGxG,GAAIwL,OAG3Cc,GAAM/G,MAAOA,EAAOxF,OAAQA,EAAQyG,EAAGA,EAAGxG,EAAGA,GAAIwM,GAAepB,KAK3E,QAAgBsB,GAAWxC,EAAK1D,EAAGxG,SACd,WAAjBkK,EAAIqC,UAEUzB,EAAUZ,EADRA,EAAIkC,aAAa,aAAaK,MAAM,KAAK,GAAGjM,MAAM,GAAI,IAC3BgG,EAAGxG,GAAIwL,OAG3CtB,GAAMyC,GAAInG,EAAGoG,GAAI5M,GAAIwM,GAAepB,KAK/C,QAAgByB,IAAYlC,EAAOmC,EAAUC,EAAUjN,EAAUwK,MAC5D0C,MACA5C,EAAY2C,EAAStI,IAAI,SAACzE,EAAGyB,SAAOqL,GAASrL,GAAK,IAAMzB,IAAIqK,KAAK,IAEjEC,KACHF,EAAY/I,EAAkByL,EAAUC,OAEnCE,IAAYtC,EAAMJ,MAAOjM,EAAE,IAAM8L,GAAY8C,GAAe9B,SACnD1J,KAAKuL,GAEjBtC,EAAMf,OAAQ,IACZuD,GAAgBL,EAAS,OAAMhN,MAC/BsN,MAAeN,EAAStM,OAAO,GAAG,QAAOV,EAEvCuN,GACL1C,EAAMf,QACLtL,EAAE,IAAM6O,EAAa/C,EAAYgD,GAClCF,GACA9B,MAEc1J,KAAK2L,SAGdL,GAGR,QAAgBM,IAAeC,EAASvH,UAC/BuH,GAAUjP,EAAG0H,GAAUwG,GAAepB,IC1F/C,QAASoC,IAAkB9R,EAAS+R,EAAOC,MAAKC,0DAAW,SAAUtQ,6DAAKuI,GAAWgI,4DAEhFC,EAAcnS,EAAQoS,WAAU,GAChCC,EAAarS,EAAQoS,WAAU,OAE/B,GAAIE,KAAiBP,GAAO,IAC3BQ,YACiB,cAAlBD,EACezS,SAAS2I,gBAAgB,6BAA8B,oBAEvD3I,SAAS2I,gBAAgB,6BAA8B,cAErEgK,GAAeN,EAAUI,IAAkBtS,EAAQ0Q,aAAa4B,GAChEG,EAAQV,EAAMO,GAEdI,iBACYJ,OACTE,KACFC,QACG,SACFT,EAAI,IAAO,WACRQ,EAAe,IAAMC,aACjBE,GAAOV,YACT,eACA,cACJ,SAGJtQ,OACF,KAAmBA,OAGf,GAAIoE,KAAK2M,KACExJ,aAAanD,EAAG2M,EAAS3M,MAG7B2C,YAAY6J,GAErB5Q,IACSuH,aAAaoJ,eAA4BG,SAEzCvJ,aAAaoJ,EAAeG,UAIjCN,EAAaE,GAGtB,QAAgBpI,IAAUjK,EAASgJ,KAC1BA,MAAMiB,UAAYjB,IAClBA,MAAM4J,gBAAkB5J,IACxBA,MAAM6J,YAAc7J,IACpBA,MAAM8J,aAAe9J,IACrBA,MAAM+J,WAAa/J,EAG5B,QAASgK,IAAWjJ,EAAckJ,MAC7BC,MACAC,OAEKpK,IAAI,eACRsG,GAAOrP,EAAQ,GACf2J,EAAS0F,EAAKzG,WAEduJ,SAAaE,WAET,GAAKhD,QACeyC,mBAAqB9R,8BAErCgG,KAAKqM,KACJrM,MAAMmM,EAAaxI,MAEzByJ,aAAajB,EAAa9C,QAG9BgE,GAAUtJ,EAAaqI,WAAU,YAExBrJ,IAAI,SAACoJ,EAAapM,KAClB,GAAGqN,aAAaF,EAAYnN,GAAIoM,EAAY,MAC/CpM,GAAG,GAAKmN,EAAYnN,KAGvBsN,EAGR,QAAgBC,IAAiB3J,EAAQ4J,EAAYC,MACpB,IAA7BA,EAAkBtQ,WAEjBuQ,GAAiBT,GAAWO,EAAYC,EACzCD,GAAW3K,YAAce,MACpB+J,YAAYH,KACZ7K,YAAY+K,eAKT,WACPA,EAAe7K,YAAce,MACxB+J,YAAYD,KACZ/K,YAAY6K,KAElBI,KC/GG,QAASC,IAAaC,EAAU9H,MAClC5E,GAAItH,SAASiU,cAAc,OAC7B9K,MAAQ,mBACN+K,GAAO,GAAIC,MAAKjI,GAAOpK,KAAM,iCAC7BsS,EAAMrT,OAAOsT,IAAIC,gBAAgBJ,KACnCK,KAAOH,IACPI,SAAWR,WACJvT,KAAKoI,YAAYvB,KACxBmN,mBACS,oBACDhU,KAAKoT,YAAYvM,UACnB+M,IAAIK,gBAAgBN,IACzB,KAGJ,QAAgBO,IAAiBC,MAC5BC,GAAQD,EAAIrC,WAAU,KACpBuC,UAAUC,IAAI,qBACd1L,aAAa,QAAS,gCACtBA,aAAa,cAAe,mCAC9B2L,GAAUxM,EAAEyM,OAAO,mBACTC,OAERlM,aAAagM,EAASH,EAAMM,eAE9BC,GAAY5M,EAAEyM,OAAO,gBACfpM,YAAYgM,GAEfO,EAAUC,UCblB,QAASC,IAAWC,MACfC,GAAS,GAAIC,MAAKF,YACfG,WAAWF,EAAOG,aAAeH,EAAOI,qBACxCJ,EAGR,QAAgBK,IAAYN,MACvBO,GAAKP,EAAKQ,UACVC,EAAKT,EAAKU,WAAa,SAE1BV,EAAKW,eACJF,EAAG,EAAI,GAAK,KAAOA,GACnBF,EAAG,EAAI,GAAK,KAAOA,GACnBhH,KAAK,KAGR,QAAgB+F,IAAMU,SACd,IAAIE,MAAKF,EAAKY,WAiBtB,QAAgBC,IAAgBC,EAAWC,MACtCC,GAAgBC,GAAeH,SAC5B7S,MAAKiT,KAAKC,GAAeH,EAAeD,GAAWK,IAG3D,QAAgBD,IAAeL,EAAWC,MACrCM,GAAqBC,GAAaC,UAC9BxB,GAAWgB,GAAWhB,GAAWe,IAAcO,EAGxD,QAAgBG,IAAeV,EAAWC,SAClCD,GAAUJ,aAAeK,EAAQL,YACpCI,EAAUH,gBAAkBI,EAAQJ,cAGzC,QAAgBc,IAAa9Q,MAAG+Q,2DAC3BC,EAAYC,GAAYjR,SACrB+Q,GAAQC,EAAUjS,MAAM,EAAG,GAAKiS,EAGxC,QAAgBE,IAAoBC,EAAOC,SACnC,IAAI7B,MAAK6B,EAAMD,EAAQ,EAAG,GAIlC,QAAgBb,IAAejB,MAC1BgC,GAAU1C,GAAMU,GACdiC,EAAMD,EAAQE,eACT,KAARD,MACMD,GAAW,EAAKC,GAElBD,EAIR,QAAgBG,IAAQnC,EAAMoC,KACxBC,QAAQrC,EAAKQ,UAAY4B,GC6V/B,QAAgBE,IAAaC,EAAMC,EAAWC,MACzC/O,GAAOgP,OAAOhP,KAAKiP,IAAkBC,OAAO,kBAAKL,GAAKM,SAASC,KAC/DC,EAASJ,GAAiBjP,EAAK,kBAC5BsP,OAAOD,aACFP,UACFC,IAEH,GAAIQ,IAAeF,GC1b3B,QAASG,IAAUxN,MAKX,IAAJA,SACM,EAAG,MAET3F,MAAM2F,UACAyN,UAAW,iBAAkBC,SAAU,QAE5CC,GAAM3N,EAAI,EAAI,GAAK,MACnB4N,SAAS5N,UACJyN,SAAgB,iBAANE,EAAwBD,SAAU,OAGjDnV,KAAKC,IAAIwH,MACT6N,GAAMtV,KAAKgC,MAAMhC,KAAKiC,MAAMwF,WAGxB2N,GAFE3N,EAAEzH,KAAKoC,IAAI,GAAIkT,IAENA,GAGpB,QAASC,IAAuBC,MAAKC,0DAAI,EACpCC,EAAa1V,KAAKiT,KAAKuC,GACvBG,EAAa3V,KAAKgC,MAAMyT,GACxBG,EAAQF,EAAaC,EAErBE,EAAYD,EACZE,EAAW,CAGZF,GAAQ,IACPA,EAAQ,GAAM,UAGKD,KAEVC,EAAM,IACP,GAITA,GAAS,MAEAA,KADC,IAKA,IAAVA,MACU,IACD,OAIR,GADAG,MACIrT,EAAI,EAAGA,GAAKmT,EAAWnT,MACpBC,KAAKgT,EAAaG,EAAWpT,SAEjCqT,GAGR,QAASC,IAAkBC,MAAUC,0DAAS,IACZjB,GAAUgB,aAAtCE,OAAgBhB,OACjBiB,EAAiBF,EAAWA,EAASlW,KAAKoC,IAAI,GAAI+S,GAAW,EAK7DY,EAAYR,KAFCY,EAAe3W,QAAQ,GAEe4W,YAC3CL,EAAUrQ,IAAI,kBAAS0J,GAAQpP,KAAKoC,IAAI,GAAI+S,KAIzD,QAAgBkB,IAAmBC,WAYzBC,GAA0BN,EAAUO,OAOxC,GANAT,GAAYC,GAAkBC,GAE9BQ,EAAeV,EAAU,GAAKA,EAAU,GAGxC3G,EAAQ,EACJ1M,EAAI,EAAG0M,EAAQoH,EAAa9T,OAC1B+T,IACCC,SAAU,EAAKtH,SAEnB2G,MAvBkCY,2DAMtCV,EAAWjW,KAAKwV,kBAAOc,IACvBJ,EAAWlW,KAAKyV,kBAAOa,IAGTP,QAkBfE,GAAY,GAAKC,GAAY,EACpBjB,GAAUgB,GAAU,KAC3BU,EAGSX,GAAkBC,EAAUC,GAF5BF,GAAkBC,OAQ3B,IAAGA,EAAW,GAAKC,EAAW,EAAG,IAOjCM,GAAcxW,KAAKC,IAAIiW,EAExBD,IAAYO,GACHvB,GAAUgB,GAAU,KACnBM,EAA0BN,EAAUO,KAGrCvB,GAAUuB,GAAa,KACfD,EAA0BC,EAAaP,GACjCvQ,IAAI,mBAAW,EAANnG,SAO/B,IAAG0W,GAAY,GAAKC,GAAY,EAAG,IAInCU,GAAiB5W,KAAKC,IAAIiW,GAC1BW,EAAiB7W,KAAKC,IAAIgW,EAEnBhB,IAAU2B,GAAgB,QACjCD,EAGSX,GAAkBY,EAAgBC,GAFlCb,GAAkBY,IAKTrT,UAAUmC,IAAI,mBAAW,EAANnG,UAGnCwW,GAGR,QAAgBe,IAAaC,MAExBC,GAAWC,GAAgBF,SAC5BA,GAAKG,QAAQ,IAAM,EAGTH,EAAKG,QAAQ,GAChBH,EAAK,GAAK,GAIL,EADJA,EAAK,GACUC,GAKX,EADJD,EAAKA,EAAKlX,OAAS,GACJmX,GAAYD,EAAKlX,OAAS,GAiBrD,QAAgBoX,IAAgBE,SACxBA,GAAa,GAAKA,EAAa,GAGvC,QAAgBC,IAAcD,SACtBA,GAAaA,EAAatX,OAAO,GAAKsX,EAAa,GAG3D,QAAgBE,IAAMjS,EAAKkS,SACnBhY,GAASgY,EAAMvW,SAAWqE,EAAMkS,EAAMC,iBAY9C,QAAgBC,IAAkBC,EAAMC,MAAK3M,2DACxC4M,EAAUD,EAAI/T,OAAO,SAASiU,EAAMC,SAC/B7X,MAAKC,IAAI4X,EAAOJ,GAAQzX,KAAKC,IAAI2X,EAAOH,GAAQI,EAAOD,aAGzD7M,GAAQ2M,EAAIR,QAAQS,GAAWA,EAGvC,QAAgBG,IAAiBxB,EAAQyB,OASpC,GALAC,GAAehY,KAAKwV,kBAAOc,IAE3B2B,EAAmB,GAAKF,EAAmB,GAC3CG,KAEIxV,EAAI,EAAGA,EAAIqV,EAAkBrV,IAAK,IACrCyV,GAAaH,GAAgBC,EAAmBvV,KACvCC,KAAKwV,SAGZD,GAGR,QAAgBE,IAAiBhJ,EAAO8I,SAChCA,GAAavD,OAAO,kBAAKpV,GAAI6P,IAAOvP,OC1OrC,QAASwY,IAAS3P,EAAMpK,KACzBga,OAAS5P,EAAK4P,cAEfC,GAAgB7P,EAAK4P,OAAOzY,OAG5B2Y,EAAW9P,EAAK8P,SAChBC,EAAY,GAAI1Y,OAAMwY,GAAerY,KAAK,SAC1CsY,gBAGMC,OAID/S,IAAI,eAERnG,EAAE+W,OAEC,IAEFoC,GAAOnZ,EAAE+W,YACNoC,EAAKhT,IAAI,kBAAS5D,OAAMsD,GAAa,EAANA,KAG9BvF,OAAS0Y,EACTG,EAAKjX,MAAM,EAAG8W,GAEd9Y,EAAUiZ,EAAMH,EAAgBG,EAAK7Y,OAAQ,UAVnDyW,OAASmC,CAkBRlZ,GAAEoZ,YACDC,GAAyBhE,SAAStW,KACpCqa,UAAYra,KASboK,EAAKmQ,YACFA,SAASnT,IAAI,eACdnG,EAAEuZ,IAAMvZ,EAAEK,MAAO,QACCL,EAAEuZ,IAAKvZ,EAAEK,SAA1BA,aAASkZ,YAKRpQ,EAGR,QAAgBqQ,IAAaC,MACxBT,GAAgBS,EAASV,OAAOzY,OAChC4Y,EAAY,GAAI1Y,OAAMwY,GAAerY,KAAK,GAE1C+Y,UACKD,EAASV,OAAO7W,MAAM,GAAI,YACxBuX,EAASR,SAAS9S,IAAI,wBAExB,UACE+S,EAAUhX,MAAM,GAAI,aACjBlC,EAAEoZ,oBAKbK,GAASE,aACFA,iBAEA,QACA,MAKPF,EAASH,aACFA,iBAEA,MACF,QACE,MAKHI,EAGR,QAAgBE,IAAmBC,MAAYd,6DAAWe,6DACrDC,EAAeF,EAAad,EAAOzY,MACpCyZ,IAAgB,IAAGA,EAAe,MACjCC,GAAiBD,EAAeE,SAEnBlB,GAAO5S,IAAI,SAAC/D,EAAOe,aAC1B,IACA7C,OAAS0Z,IAEbF,EAQA3W,EADY1C,KAAKiT,KAAKtR,EAAM9B,OAAO0Z,IAClB,MACX,MARNA,EAAe,EAAI,EACb5X,EAAMF,MAAM,EAAG8X,EAAe,GAAK,OAEnC5X,EAAMF,MAAM,EAAG8X,GAAkB,MASrC5X,ICrGT,QAAS8X,SAAed,0DAAY,OAAQrS,eAAQ+C,qBACjC,eAAdsP,KACKra,KAAO,OACR,GAAIob,IAAUpT,EAAQ+C,IAGzBsQ,GAAWhB,GAKT,GAAIgB,IAAWhB,GAAWrS,EAAQ+C,gBAJhCuQ,MAAM,yBAA2BjB,IC1B3C,SAAqBkB,EAAKvU,OACX,KAARA,IAAiBA,KACtB,IAAIwU,GAAWxU,EAAIwU,QAEnB,IAAKD,GAA2B,mBAAbrd,UAAnB,CAEA,GAAIud,GAAOvd,SAASud,MAAQvd,SAASwd,qBAAqB,QAAQ,GAC9DrU,EAAQnJ,SAASiU,cAAc,QACnC9K,GAAMrH,KAAO,WAEI,QAAbwb,GACEC,EAAKpI,WACPoI,EAAKvU,aAAaG,EAAOoU,EAAKpI,YAKhCoI,EAAK1U,YAAYM,GAGfA,EAAMsU,WACRtU,EAAMsU,WAAWC,QAAUL,EAE3BlU,EAAMN,YAAY7I,SAAS2d,eAAeN,46IdT9C7U,GAAEyM,OAAS,SAACvM,EAAK1B,MACZ7G,GAAUH,SAASiU,cAAcvL,OAEhC,GAAIxC,KAAKc,GAAG,IACZ4B,GAAM5B,EAAEd,MAEF,WAANA,IACD0C,GAAKC,YAAY1I,OAEf,IAAU,WAAN+F,EAAgB,IACpB4C,GAAMN,EAAEI,KACRG,WAAWC,aAAa7I,EAAS2I,KAC7BD,YAAYC,OAEJ,WAAN5C,EACQ,qBAAR0C,iBAAAA,YACFK,KAAKL,GAAKM,IAAI,cACZC,MAAMC,GAAQR,EAAIQ,KAGlBlD,IAAK/F,KACP+F,GAAK0C,IAGLS,aAAanD,EAAG0C,SAInBzI,GCxBD,IAAMyd,kBAEN,UACG,QACF,SACC,kBAGF,UACG,QACF,SACC,eAGI,gBACC,gBACC,iBAEC,IAyBHC,GAA4B,IAI5BzB,IAA4B,OAAQ,OAWpCrQ,GAA+B,EAS/BiR,GAAqB,EAI5Bc,IAAwB,aAAc,OAAQ,SAAU,MAAO,SACpE,SAAU,QAAS,cAAe,SAAU,UAAW,aAAc,aAKzDC,QACPD,QACCA,OACDA,cACOA,YARiB,UAAW,UAAW,UAAW,UAAW,iBAUlEA,IAIK3Z,GAAcX,KAAKyD,GAAK,IctGhB+W,oCAEnBlU,OAAAA,aAAS,WACTmU,OAAAA,kCAEKnU,OAASA,OACTmU,OAASA,OACTC,UAAY,QACZC,WAAa,QACbC,mBACAC,gBAAkB,OAElBpT,EAAI,OACJxG,EAAI,OAEJnE,IAAM,OACNI,KAAO,OAEP4d,wDAIAC,qDAIA7a,YACA8a,qEAIApJ,UAAY5M,EAAEyM,OAAO,cACjBwJ,KAAK3U,iBACF,8JAKP4U,eAEAC,MAAQF,KAAKrJ,UAAUnV,cAAc,eACrC2e,cAAgBH,KAAKrJ,UAAUnV,cAAc,yBAE7C6J,OAAO+U,iBAAiB,aAAc,aACrCH,sDAKFC,QACDF,MAAKlQ,YACF6G,UAAU/L,aAAa,mBAAoBoV,KAAKlQ,SAEnDkQ,KAAKJ,2BACYI,KAAKN,uBAAsBM,KAAKP,UAExCO,KAAKP,qBAAoBO,KAAKN,4BAErCQ,MAAMtJ,UAAYsJ,OAClBC,cAAcvJ,UAAY,QAE1B+I,WAAWlV,IAAI,SAAC4V,EAAK5Y,MACnB0B,GAAQmX,EAAKd,OAAO/X,IAAM,QAC5B0M,EAA0B,IAAlBkM,EAAIE,WAAmBF,EAAIE,UAAYF,EAAIE,UAAYF,EAAIlM,MAEnEqM,EAAKzW,EAAEyM,OAAO,wCAEWrN,iDAE6B,IAAVgL,GAAeA,EAAQA,EAAQ,6BAC3EkM,EAAIH,MAAQG,EAAIH,MAAQ,QAGvBC,cAAc/V,YAAYoW,+CAK5BjV,GAAQyU,KAAKrJ,UAAU8J,iBAEtB5e,IAAMme,KAAKha,EAAIga,KAAKrJ,UAAU+J,adIU,OcFxCze,KAAO+d,KAAKxT,EAAIjB,EAAM,KACvBoV,GAAUX,KAAK3U,OAAOoV,YAAclV,EAEpCqV,EAAUZ,KAAKrJ,UAAUnV,cAAc,mBAExCwe,KAAK/d,KAAO,IACNyI,MAAMzI,oBAAsB,EAAI+d,KAAK/d,gBACxCA,KAAO,MACN,IAAG+d,KAAK/d,KAAO0e,EAAS,IAE1BE,kBADQb,KAAK/d,KAAO0e,WAEhBjW,MAAMzI,KAAO4e,OAEhB5e,KAAO0e,SAEJjW,MAAMzI,6CAINuK,EAAGxG,MAAGka,6DAAYP,4DAAiB7P,0DAAS,OAChD2P,UAAYS,EAAM7G,UAClBqG,WAAaQ,EAAM/L,WACnBwL,WAAaA,OACbnT,EAAIA,OACJxG,EAAIA,OACJ4Z,gBAAkBM,EAAMY,YAAc,OACtChR,MAAQA,OACRiR,iDAIApK,UAAUjM,MAAM7I,IAAM,WACtB8U,UAAUjM,MAAMzI,KAAO,WACvB0U,UAAUjM,MAAMS,QAAU,2CAI1BwL,UAAUjM,MAAM7I,IAAMme,KAAKne,IAAM,UACjC8U,UAAUjM,MAAMzI,KAAO+d,KAAK/d,KAAO,UACnC0U,UAAUjM,MAAMS,QAAU,aX5H3B6V,iBACS,eACN,iBACE,cACH,iBACG,iBACA,gBACD,wBACM,iBACL,kBACC,gBACF,eACD,uBACM,sBACD,WA4BD1X,GAAW,SAACH,SACjB6X,IAAiB7X,IAAUA,GCtCtBmG,GAAmB,EAC1BT,GAAe,EACfjB,GAAkB,GACXE,GAAY,GACnBc,GAAkB,UAClBb,GAAY,UAqlBPkT,QACH,SAAClQ,MACHmQ,SACiB,UAAlBnQ,EAAKwB,aACUxB,EAAKqB,aAAa,eAC5BrB,EAAKmB,WAAW,OAEpBiP,GAAUpQ,EAAK+C,qBACXpJ,MAAMzF,KAAO,YACbyF,MAAMS,QAAU,MAErB+V,KACMtW,aAAa,YAAasW,GAE5BC,OAGD,SAACpQ,MACHmQ,SACiB,YAAlBnQ,EAAKwB,aACUxB,EAAKqB,aAAa,eAC5BrB,EAAKmB,WAAW,OAEpBiP,GAAUpQ,EAAK+C,YACftO,EAASuL,EAAKqB,aAAa,KAC3BnN,EAAO8L,EAAKqB,aAAa,iBACrBxH,aAAa,IAAKnB,SAASjE,GJhjBA,KIijB3BoF,aAAa,OAAQ3F,KACrByF,MAAMS,QAAU,MAErB+V,KACMtW,aAAa,YAAasW,GAE5BC,eAGO,SAACpQ,MACXmQ,SACiB,YAAlBnQ,EAAKwB,aACUxB,EAAKqB,aAAa,eAC5BrB,EAAKmB,WAAW,OAEpBiP,GAAUpQ,EAAK+C,YACftO,EAASuL,EAAKqB,aAAa,KAC3BnN,EAAO8L,EAAKqB,aAAa,iBACrBxH,aAAa,IAAKnB,SAASjE,GJnkBA,KIokB3BoF,aAAa,OAAQ3F,KACrByF,MAAMS,QAAU,MAErB+V,KACMtW,aAAa,YAAasW,GAE5BC,IAIEC,QACH,SAACrQ,EAAMoQ,MACTD,SACiB,UAAlBnQ,EAAKwB,aACUxB,EAAKqB,aAAa,eAC5BrB,EAAKmB,WAAW,OAEpBmP,IAAc,IAAK,IAAK,QAAS,iBAC9BhG,OAAOtK,EAAKsQ,YACjB3H,OAAO,kBAAQ2H,GAAW1H,SAAS2H,EAAKjI,OAASiI,EAAKC,YACtD9W,IAAI,cACIG,aAAa0W,EAAKjI,KAAMiI,EAAKE,aAGpCN,KACMtW,aAAa,YAAasW,QAI7B,SAACnQ,EAAMoQ,MACTD,SACiB,YAAlBnQ,EAAKwB,aACUxB,EAAKqB,aAAa,eAC5BrB,EAAKmB,WAAW,OAEpBmP,IAAc,KAAM,aACjBhG,OAAOtK,EAAKsQ,YACjB3H,OAAO,kBAAQ2H,GAAW1H,SAAS2H,EAAKjI,OAASiI,EAAKC,YACtD9W,IAAI,cACIG,aAAa0W,EAAKjI,KAAMiI,EAAKE,aAGpCN,KACMtW,aAAa,YAAasW,gBAIrB,SAACnQ,EAAMoQ,MACjBD,SACiB,YAAlBnQ,EAAKwB,aACUxB,EAAKqB,aAAa,eAC5BrB,EAAKmB,WAAW,OAEpBmP,IAAc,KAAM,aACjBhG,OAAOtK,EAAKsQ,YACjB3H,OAAO,kBAAQ2H,GAAW1H,SAAS2H,EAAKjI,OAASiI,EAAKC,YACtD9W,IAAI,cACIG,aAAa0W,EAAKjI,KAAMiI,EAAKE,aAGpCN,KACMtW,aAAa,YAAasW,KCxsBxB1O,GAAgB,IAChBU,GAAgB,IAChB1B,GAAuBgB,GACvB6C,GAAsB,IAEtBjE,GAAa,SCHpBiD,SACC,yBACE,iBAEA,wBACC,uBACE,iBSVCoC,GAAU,0sDCSFgL,yBACRpW,EAAQ+C,sBAEd/C,OAA2B,gBAAXA,GAClB9J,SAASC,cAAc6J,GACvBA,IAEG2U,KAAK3U,iBAAkBqW,mBACtB,IAAIC,OAAM,uDAGZC,aAAexT,OAEf8R,MAAQ9R,EAAQ8R,OAAS,QACzB7c,KAAO+K,EAAQ/K,MAAQ,QAEvB0a,SAAWiC,KAAK6B,YAAYzT,EAAQX,WACpCA,KAAOuS,KAAK8B,iBAAiB9B,KAAKjC,eAElCyB,OAASQ,KAAK+B,eAAe3T,EAAQoR,OAAQQ,KAAK3c,WAElDwW,oBACS,aACD,cACCzL,EAAQ4T,aAAe,UAC3B,kBACQ5T,EAAQ6T,iBAAmB,QAGxCC,SAAWC,KAAKC,MAAMD,KAAKE,UAAUlD,QACtCtb,GAAImc,KAAKkC,cACRI,YAAYlU,GACb4R,KAAKE,MAAMtb,WAAYd,YAAc,GACrCkc,KAAKnG,OAAO0I,aAAY1e,EAAEM,aAAe,QACxCqe,UAAYpU,EAAQrI,QAAUlC,EAAE4e,gBAEhCC,cACAtU,gBAEAuU,YAAcvD,GAEhBY,KAAKnG,OAAOmI,mBACTY,kBAGDC,UAAUzU,kDAGJX,SACJA,4CAGSA,SACTA,0CAGO+R,EAAQnc,MAChByf,gBACItD,OAActa,OAAOoa,GAAejc,KACvC0f,QAAQ,SAAC3d,MACT+D,GAAQG,GAASlE,EACnByE,GAAaV,KAGJzB,KAAKyB,WAFT6Z,KAAK,IAAM5d,EAAS,6BAKvB0d,wFASH/c,EAASia,KAAKwC,eACbC,WAAa1c,OACbA,OAASA,EAAS7B,EAAe8b,KAAKkC,eAGtCe,YAAc,iBAAMC,GAAKC,MAAK,WAC5B/C,iBAAiB,SAAUJ,KAAKiD,oBAChC7C,iBAAiB,oBAAqBJ,KAAKiD,sDAI3CG,oBAAoB,SAAUpD,KAAKiD,oBACnCG,oBAAoB,oBAAqBpD,KAAKiD,kDAKhDI,qBACAC,mBACAxD,mBAEAqD,MAAK,GAAO,gDAKZ9X,OAAOuL,UAAY,MAEpB/K,WACKmU,KAAK3U,iBACF,kBAGT2U,MAAKuD,qBACF1gB,QAAW0I,MAAOyU,KAAKuD,iBAAmB,YAG3C5M,UAAY5M,EAAEyM,OAAO,MAAO3K,8CAI5B2X,IAAM,GAAIjE,YACNS,KAAKrJ,iBACLqJ,KAAKR,cAETiE,+FAKDC,0DAAuBC,+DACtBL,mBAEAM,KAAKF,QACLG,qBACAC,uBAEAC,WAAWhB,QAAQ,kBAAKiB,GAAEnE,MAAMS,EAAK2D,iBAErCC,OAAOlE,KAAK+D,YAAY,GAE1BJ,SACGlW,KAAOuS,KAAKjC,oBACN,aAAYoG,OAAO7D,EAAK7S,OAASuS,KAAK2C,mBAG7CyB,oBAEAC,gBAAgBV,8EAMhBW,UAAY1hB,EAAuBod,KAAK3U,aACxCE,MAAQyU,KAAKsE,UAAYlgB,EAAc4b,KAAKkC,kDAI9ClC,KAAK7J,UACFQ,UAAUvB,YAAY4K,KAAK7J,QAE7BtS,GAAImc,KAAKkC,cAER/L,IAAM/K,EACV4U,KAAKrJ,UACL,qBACAqJ,KAAKsE,UACLtE,KAAKyC,iBAED/R,QAAUlF,EAAYwU,KAAK7J,KAE7B6J,KAAKE,MAAMtb,cACR2f,QAAUrW,EACd,QACArK,EAAEE,QAAQ9B,KACV4B,EAAEE,QAAQlC,IACVme,KAAKE,gBAEMrc,EAAE2gB,mBACN,aACF3gB,EAAE2gB,oBAKL3iB,GAAM+B,EAAaC,QAClBogB,SAAWvY,EACfsU,KAAK3c,KAAO,sCACCY,EAAcJ,QAAOhC,OAGhCme,KAAKnG,OAAO0I,gBACPvC,KAAKja,OAASlC,EAAEG,SAAS3B,YAC3BoiB,WAAa/Y,EACjB,4BACazH,EAAcJ,QAAOhC,QAIjCme,KAAKE,MAAMtb,aAAeuR,IAAI/L,YAAY4V,KAAKuE,cAC7CpO,IAAI/L,YAAY4V,KAAKiE,UACvBjE,KAAKnG,OAAO0I,iBAAmBpM,IAAI/L,YAAY4V,KAAKyE,iBAElDC,gBAAgBzgB,EAAcJ,GAAID,EAAaC,4CAGrC2I,EAAGxG,QACbwd,IAAItY,UACLsB,IACAxG,kDAIoB+d,WAAa,GAAIY,oCAEnClX,GACFA,WACKkR,MAAM,2BAEVlR,KAAOuS,KAAK6B,YAAYpU,QACxBmW,YACAM,qDAGCH,yDAAW/D,KAAK+D,WAAYa,4DAC/B5E,MAAKnG,OAAOmI,kBAETY,SAASnY,IAAI,kBAAKlC,GAAE+B,WAAW8K,YAAY7M,QAG7C2M,QAEO6N,QAAQ,cACE7N,EAAkBhQ,OAAO8e,EAAEG,OAAOS,MAEpD1P,EAAkBtQ,OAAS,MACZob,KAAKrJ,UAAWqJ,KAAK7J,IAAKjB,cAChC,aACC6N,QAAQ,kBAAKiB,GAAEa,WACrBC,ahBvLiC,SgB0L5B/B,QAAQ,kBAAKiB,GAAEa,cACrBC,iDAKH9E,KAAKnG,OAAOmI,mBACTf,mBACA8D,0GAMSpB,yDACX3D,MAAKnG,OAAOmI,aAEb2B,SACGqB,mBAEAC,eACEjF,KAAKkF,WAAWC,KAAKnF,SACrBA,KAAKoF,YAAYD,KAAKnF,SACtBA,KAAKqF,UAAUF,KAAKnF,SACpBA,KAAKsF,aAAaH,KAAKnF,SACvBA,KAAKuF,YAAYJ,KAAKnF,gBAGpBI,iBAAiB,UAAW,SAACoF,GAClCrjB,EAAoBsjB,EAAK9O,eACvB6O,GAAKljB,OAAOojB,MACbD,EAAKR,WAAWO,EAAEG,YACfV,WAAWO,EAAEG,mmBA2BlBC,GAAW1P,GAAiB8J,KAAK7J,QACxB6J,KAAKE,OAAS,SAAU0F,aChTlBC,0BACRxa,EAAQQ,+EACbR,EAAQQ,yDAGLA,4FACOA,QAEXgO,OAAOiM,UAAYja,EAAKia,WAAa,QACrCjM,OAAOkM,gBAAkBla,EAAKka,iBAAmB,6CAIlDC,EAAIhG,KAAK0C,MACToD,EAAY9F,KAAKnG,OAAOiM,YAC1BG,kBAEEC,GAAYlG,KAAKvS,KAAK4P,OAAO5S,IAAI,SAAC/D,EAAOe,MACxC0e,GAAQ,WACP1Y,KAAK8P,SAAS9S,IAAI,eACb+a,EAAEnK,OAAO5T,MAEX0e,EAAOzf,KACbgT,OAAO,kBAAcpV,GAAE,IAAM,IAE5B8hB,EAASF,KACVA,EAAUthB,OAASkhB,EAAW,GAEtBO,KAAK,SAACxd,EAAGa,SAAeA,GAAE,GAAKb,EAAE,OAElCqd,EAAU1f,MAAM,EAAGsf,EAAU,MAGlCQ,GAAiB,CAFLJ,GAAU1f,MAAMsf,EAAU,GAGhCrb,IAAI,eAAwBnG,EAAE,OACjCoD,MAAM4e,EAAgB,cACxB9G,OAAOsG,EAAU,GAAK,SAG1BzI,YACK5S,IAAI,cACRwb,YAAYve,KAAKpD,EAAE,MACnB+Y,OAAO3V,KAAKpD,EAAE,QAGfiiB,WAAaP,EAAEC,YAAYvd,OAAO,SAACG,EAAGa,SAAMb,GAAIa,GAAG,QAEhD0C,UACD4T,KAAKzU,MAAQ,IACbyU,KAAKja,OAAS,qDAKdigB,EAAIhG,KAAK0C,WACR+B,WAAW+B,YAAc,QACzBC,aAAeT,EAAEC,YAAYzf,MAAM,EAAGwZ,KAAKnG,OAAOkM,oBAEnDrhB,GAAQ,EACRsB,EAAI,OACHygB,aAAahc,IAAI,SAACnG,EAAGmD,MACrBif,GAAW,IACXC,EAAU5hB,KAAKgC,OACjB6f,EAAKrb,MAAQnH,EAAcwiB,EAAK1E,WAAWwE,EAEzCE,GAAKH,aAAa7hB,OAAS+hB,MACnBC,EAAKrb,MAAMqb,EAAKH,aAAa7hB,QAEtCF,EAAQiiB,MACF,KACH,OAGFzW,GAAMjC,EADFyY,EAAWhiB,EAAQ,EAG1BsB,EACA,EACA4gB,EAAKpH,OAAO/X,GACTue,EAAE3I,OAAO5V,QAAOnD,KAEfmgB,WAAWra,YAAY8F,gBAhFeuR,ITDjCvJ,GAAqB,EAErBG,GAAe,IACfD,GAAa,MAEbM,IAAe,UAAW,WAAY,QAAS,QAAS,MACpE,OAAQ,OAAQ,SAAU,YAAa,UAAW,WAAY,YAIlDmO,IAAmB,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,OCNpE9M,oCAEJ+M,WAAAA,aAAa,SACbC,eAAAA,aAAiB,KACjBzN,IAAAA,UAEAC,IAAAA,QACAyN,IAAAA,aACAC,IAAAA,gCAEKF,eAAiBA,OACjBzN,UAAYA,OAEZ0N,aAAeA,OACfzN,QAAUA,OAEV0N,gBAAkBA,OAElBC,cACA7J,eAEAyJ,WAAaA,OACbA,WAAyC,kBAArB9G,MAAK8G,WAC3B9G,KAAK8G,aAAe9G,KAAK8G,gBAEvB/F,qDAGEtT,QACFA,KAAOA,GAAQuS,KAAKzG,wCAGpBlO,QACA8b,MAAQzb,EAAasU,KAAK8G,WAAY9G,KAAK+G,eAAgB1b,uCAI3D6Y,OAAOlE,KAAKvS,WACZ2Z,QAAUpH,KAAKvS,oCAGdA,mBACDyZ,MAAQlH,KAAKgH,aAAavZ,QAE1B0Z,MAAMX,YAAc,QACpBU,MAAMnE,QAAQ,cACboE,MAAM/c,YAAY1I,UAEnB2b,OAAO0F,QAAQ,cACdoE,MAAM/c,YAAY1I,yCAIlBkjB,mEACD7D,aACDkG,YACDrC,OACgB5E,KAAKiH,gBAAgBjH,KAAKvS,WAEtCwZ,WAILxN,4BAEU,qCACChM,SACLA,GAAK4Z,aAAa5c,IAAI,SAACub,EAAGve,MAC5BjB,GAAQuF,EAASia,EAAG,aAAcvY,EAAK+R,OAAO/X,GAAI,OAAQgG,EAAK6Z,sBAC7D5c,MAAM6c,WAAa,iBAClB/gB,8BAIOghB,SACRxH,MAAKkH,MAAMzc,IAAI,SAACjE,EAAOiB,SAAM6L,IAAe9M,EAAOghB,EAAQH,aAAa5f,8BAIpE,mCACCgG,SACLA,GAAK4Z,aAAa5c,IAAI,SAACub,EAAGve,MAC5BjB,GAAQuF,EAASia,EAAG,WAAY,OAAQvY,EAAK+R,OAAO/X,aAClDiD,MAAM6c,WAAa,iBAClB/gB,8BAIOghB,SACRxH,MAAKkH,MAAMzc,IAAI,SAACjE,EAAOiB,SAC7B6L,IAAe9M,EAAOghB,EAAQH,aAAa5f,mCAKjC,wCACCgG,oBACLA,GAAKga,WAAWhd,IAAI,SAAC+B,EAAG/E,SAEpB2F,GAAcZ,EADhB,EACsBiB,EAAKia,OAAOjgB,GACzC6Y,EAAKhH,UAAUqO,UAAWrH,EAAKhH,UAAUsO,SAAUna,EAAK+R,OAAO/X,gCAKlD+f,MACZA,EAAS,6BAID,+BACC/Z,oBACLA,GAAKoa,UAAUpd,IAAI,SAACqd,EAAUrgB,SACpC0H,GAAM2Y,EAAUra,EAAK4P,OAAO5V,GAAImf,EAAKtN,UAAU/N,OAC7C8D,KAAMuX,EAAKtN,UAAUjK,KAAMD,IAAKwX,EAAKtN,UAAUlK,IAAKF,eAAgB0X,EAAKtN,UAAUpK,6CAIvEsY,MACXO,GAASP,EAAQK,UACjBG,EAAYR,EAAQnK,OACpB4K,EAASjI,KAAKoH,QAAQS,UACtBK,EAAYlI,KAAKoH,QAAQ/J,SAEVpX,EAAqBgiB,EAAQF,iCACvB9hB,EAAqBiiB,EAAWF,uCAEpD9D,kBACO+D,SACHD,IAGFhI,KAAKkH,MAAMzc,IAAI,SAAC9C,EAAMF,SACrBgK,GACN9J,EAAMogB,EAAOtgB,GAAIwgB,EAAOxgB,0BAOf,+BACCgG,oBACLA,GAAKoa,UAAUpd,IAAI,SAACqd,EAAUrgB,SACpC8H,GAAMuY,EAAUra,EAAK0a,WAAW1gB,GAAIge,EAAKnM,UAAUvT,QACjDsJ,KAAMoW,EAAKnM,UAAUjK,KAAMD,IAAKqW,EAAKnM,UAAUlK,kCAInCoY,MACXO,GAASP,EAAQK,UACjBG,EAAYR,EAAQW,WACpBF,EAASjI,KAAKoH,QAAQS,UACtBK,EAAYlI,KAAKoH,QAAQe,aAEVliB,EAAqBgiB,EAAQF,iCACvB9hB,EAAqBiiB,EAAWF,uCAEpD9D,kBACO+D,aACCD,IAGNhI,KAAKkH,MAAMzc,IAAI,SAAC9C,EAAMF,SACrB4J,GACN1J,EAAMogB,EAAOtgB,GAAIwgB,EAAOxgB,6BAOf,kCACCgG,oBACLA,GAAKhD,IAAI,kBACf+E,GAAQ3L,EAAEikB,SAAUjkB,EAAE6C,MAAO0hB,EAAK9O,UAAU/N,OAC1CkE,SAAU5L,EAAEuK,QAAQqB,SAAUJ,KAAM,OAAQJ,SAAU,uCAG1CuY,SACWvhB,EAAqB+Z,KAAKoH,QAASI,kBAAvDJ,gBAEFW,YAAiBtd,IAAI,kBAAKnG,GAAEwjB,WAC5BE,EAAYR,EAAQ/c,IAAI,kBAAKnG,GAAEoC,QAC/B2hB,EAAab,EAAQ/c,IAAI,kBAAKnG,GAAE8J,UAEhC6Z,EAASjI,KAAKoH,QAAQ3c,IAAI,kBAAKnG,GAAEwjB,uBAEhC5D,OAAO+D,EAAOxd,IAAI,SAAC2E,EAAK3H,mBAEjBwgB,EAAOxgB,SACVugB,EAAUvgB,WACR4gB,EAAW5gB,OAIfuY,KAAKkH,MAAMzc,IAAI,SAAC9C,EAAMF,SACrBgK,GACN9J,EAAMogB,EAAOtgB,GAAIwgB,EAAOxgB,6BAOf,kCACCgG,oBACLA,GAAKhD,IAAI,kBACfkF,GAAQ1G,EAAEqf,SAAUrf,EAAEsf,OAAQC,EAAKlP,UAAU/N,MAC5CtC,EAAEvC,OAAQ+I,SAAUxG,EAAEmF,QAAQqB,uCAGjB+X,SACWvhB,EAAqB+Z,KAAKoH,QAASI,kBAAvDJ,gBAEFW,YAAiBtd,IAAI,kBAAKnG,GAAEikB,SAC5BP,EAAYR,EAAQ/c,IAAI,kBAAKnG,GAAEoC,QAC/B+hB,EAAYjB,EAAQ/c,IAAI,kBAAKnG,GAAEgkB,WAC/BD,EAAab,EAAQ/c,IAAI,kBAAKnG,GAAE8J,UAEhC6Z,EAASjI,KAAKoH,QAAQ3c,IAAI,kBAAKnG,GAAEikB,SACjCG,EAAY1I,KAAKoH,QAAQ3c,IAAI,kBAAKnG,GAAEgkB,gBAEnCpE,OAAO+D,EAAOxd,IAAI,SAAC2E,EAAK3H,mBAEjBihB,EAAUjhB,UACZwgB,EAAOxgB,SACRugB,EAAUvgB,WACR4gB,EAAW5gB,UAIlBwf,kBAECC,MAAMzc,IAAI,SAACoH,EAAWpK,KACRwf,EAAgB/hB,OAAO0M,EACxCC,EAAW4W,EAAUhhB,GAAIsgB,EAAOtgB,GAAIwgB,EAAOxgB,OAItCwf,2BAKI,iBAAoB,sBAAwBjH,KAAK1G,UAAUxJ,6BAC1DrC,gBAC+CuS,KAAK1G,UAA3DxJ,IAAAA,MAAO6Y,IAAAA,SAAUC,IAAAA,UAAWC,IAAAA,WAE7Brc,IAFyCsc,WAEzB9iB,EAAI,cAEnB+iB,0BAEAC,KAAKve,IAAI,SAACwe,EAAMC,GACN,IAAXA,KACG7L,OAAO3V,KACXwG,EAAS,cAAe1B,GARL,GAQyB+L,GAAazI,GAAO,GAAMqZ,wBAE1D,OAKT1e,IAAI,SAACsO,EAAKtR,MACXsR,EAAI9T,KAAM,IACRwI,gBACUsL,EAAIqQ,sBACHrQ,EAAIsQ,qBACN5hB,GAET6hB,EAAS/b,EAAW,MAAOf,EAAGxG,EAAG6iB,EAAY9P,EAAI9T,KAAMwI,KACtDsb,qBAAqBrhB,KAAK4hB,MAE3BV,MAEF,KACCD,IAGC3I,KAAK+I,+CAGGvB,MACZA,EAAS,gCAKD,iBAAoB,sCAAwCxH,KAAK1G,UAAUxJ,6BAC1ErC,MACRuW,GAAIhE,KAAK1G,sBACRiQ,SAAW,WACXC,MAAQ/b,EAAKgc,WAAWhf,IAAI,SAACzE,EAAGtC,SAC7BmM,GACNpC,EAAKga,WAAW/jB,GAChBsC,EACAyH,EAAKiZ,SACL1C,EAAE7a,MACFsE,EAAK4P,OAAO3Z,GACZA,EACA+J,EAAKic,QAAQhmB,aAEF+J,EAAK3H,mBACJ2H,EAAKkc,oBACL3F,EAAEhU,cAITgQ,KAAKwJ,gCAEGhC,MACXoC,GAAUpC,EAAQC,WAClBoC,EAAUrC,EAAQiC,WAClBK,EAAatC,EAAQkC,QACrB1B,EAAYR,EAAQnK,OAEpB0M,EAAU/J,KAAKoH,QAAQK,WACvBuC,EAAUhK,KAAKoH,QAAQqC,WACvBQ,EAAajK,KAAKoH,QAAQsC,QAC1BxB,EAAYlI,KAAKoH,QAAQ/J,SAERpX,EAAqB8jB,EAASH,iCAC9B3jB,EAAqB+jB,EAASH,iCACxB5jB,EAAqBgkB,EAAYH,iCACnC7jB,EAAqBiiB,EAAWF,gCAEpD9D,mBACQ6F,aACAC,UACHC,SACDjC,WAEEhI,KAAKoH,QAAQthB,mBACZka,KAAKoH,QAAQuC,mBACd3J,KAAKoH,QAAQV,cAGpBO,kBAECC,MAAMzc,IAAI,SAAC6H,EAAK7K,KACFwf,EAAgB/hB,OAAOmN,EACxCC,EAAKsX,EAAQniB,GAAIoiB,EAAQpiB,GAAI+f,EAAQd,SAAUoD,EAAWriB,IACzD3B,SAAU0hB,EAAQ1hB,cAIdmhB,0BAKI,iBAAoB,sCAAwCjH,KAAK1G,UAAUxJ,6BAC1ErC,MACRuW,GAAIhE,KAAK1G,sBACRiQ,SAAW,WACX5Y,SACDqT,EAAEkG,gBACAvZ,MAAQR,EACZ1C,EAAKga,WACLha,EAAKgc,WACLzF,EAAE7a,gBAES6a,EAAExT,oBACAwT,EAAEpT,kBACNoT,EAAE1T,iBAGD0T,EAAEtT,iBACDjD,EAAK3H,iBAKb0jB,SACDxF,EAAEmG,gBACAX,MAAQ/b,EAAKgc,WAAWhf,IAAI,SAACzE,EAAGtC,SAC7BuM,GACNxC,EAAKga,WAAW/jB,GAChBsC,EACAyH,EAAKjI,OACLwe,EAAE7a,MACD6a,EAAEoG,iBAAmB3c,EAAK4N,OAAO3X,GAAK,GACvCA,MAKI8V,OAAO6B,OAAO2E,KAAKrP,OAAOzL,OAAO8a,KAAKwJ,iCAE9BhC,MACXoC,GAAUpC,EAAQC,WAClBoC,EAAUrC,EAAQiC,WAClBY,EAAY7C,EAAQnM,OAEpB0O,EAAU/J,KAAKoH,QAAQK,WACvBuC,EAAUhK,KAAKoH,QAAQqC,WACvB7V,EAAYoM,KAAKoH,QAAQ/L,SAERpV,EAAqB8jB,EAASH,iCAC9B3jB,EAAqB+jB,EAASH,iCAC1B5jB,EAAqB2N,EAAWyW,gCAEpDnG,mBACQ6F,aACAC,SACJK,WAEErK,KAAKoH,QAAQthB,gBACfka,KAAKoH,QAAQ5hB,YAGlByhB,YAEDzN,QAAOhP,KAAKwV,KAAKrP,OAAO/L,WACRqiB,EAAgB/hB,OAAO2N,GACxCmN,KAAKrP,MAAOiZ,EAASC,EAASrC,EAAQ1hB,SAAUka,KAAK1G,UAAUhJ,UAG9D0P,KAAKwJ,MAAM5kB,aACR4kB,MAAM/e,IAAI,SAACyF,EAAKzI,KACFwf,EAAgB/hB,OAAOwN,EACxCxC,EAAK0Z,EAAQniB,GAAIoiB,EAAQpiB,OAIrBwf,KS3aWqD,0BACRjf,EAAQQ,8EACbR,EAAQQ,aACTxI,KAAO,eACPwc,iEAGMzR,MACPvK,GAAImc,KAAKkC,cACRqI,WAAanc,EAAQmc,kBAEtB7gB,GAAIsW,KAAKuK,aACXxkB,OAAS2D,EAAE3D,QlB0D8B,KkBzDzCsH,MAAQ3D,EAAE2D,OAASC,KAEnBtJ,SAASvB,MAAQ,KACjB0B,aAAe,KACfse,WAA0C,GAA5B/Y,EAAE3D,OAAmB,GAAV2D,EAAE2D,oDAIzB2Y,GAAIhG,KAAK0C,MAETjJ,IAEF,4BAEYuG,KAAKuK,WAAWxkB,gBACjBia,KAAKuK,WAAWld,OAE3B,6BAEc2Y,EAAEyB,kBACNzB,EAAE0B,cACF1H,KAAKR,SAEb2F,KAAKnF,aAIJ+D,WAAa,GAAIY,KAAIlL,EACxBhP,IAAI,eACA+f,GAAYpR,mBAAgBvN,WACxBA,EAAK,GAAI2e,wIAMfxE,GAAIhG,KAAK0C,QAEX+E,gBACAC,aAEE+C,GAAO,IACTxE,YAAYxb,IAAI,SAAC0J,MACd5I,GAAQ+U,EAAK/U,MAAQ4I,EAAQ6R,EAAEO,aACjCmB,OAAOhgB,KAAK6D,KACZkc,WAAW/f,KAAK+iB,MACVlf,gGAOLya,EAAIhG,KAAK0C,WACR/L,UAAUyJ,iBAAiB,YAAa,SAACoF,MACzCkF,GAAO9D,EAAK7C,WAAW4G,IAAI,kBAAkBzD,MAC7C5U,EAAMkT,EAAEpiB,UACTsnB,EAAK/Q,SAASrH,GAAM,IAElB7K,GAAIijB,EAAKzO,QAAQ3J,GACjBsY,EAAOnpB,EAAUmlB,EAAKjQ,WAAYkU,EAAOppB,EAAU6Q,GAEnD9F,EAAIqe,EAAK5oB,KAAO2oB,EAAK3oB,KAAOwH,SAAS6I,EAAIF,aAAa,UAAU,EAChEpM,EAAI6kB,EAAKhpB,IAAM+oB,EAAK/oB,IACpBqe,GAAS0G,EAAKkE,iBAAmBlE,EAAKkE,gBAAgBlmB,OAAO,EAC9DgiB,EAAKkE,gBAAgBrjB,GAAKmf,EAAKlE,MAAMrF,OAAO5V,IAAM,KACjDsjB,EAAW/E,EAAEC,YAAYxe,GAAGue,EAAEO,aAE7B/C,IAAIwH,UAAUxe,EAAGxG,GAAIqT,KAAM6G,EAAO/L,OAAiB,IAAT4W,GAAcxmB,QAAQ,GAAK,QACrEif,IAAIyH,oBAlFgCpF,ICIxBqF,0BACR7f,EAAQQ,8EACbR,EAAQQ,aACTxI,KAAO,QACPsf,YAAc,IACdgB,KAAO,IAEP9D,+DAGIhU,4FACOA,QACXsf,UAAYnL,KAAKmL,UAAUhG,KAAKnF,WAChCoL,WAAapL,KAAKoL,WAAWjG,KAAKnF,WAElCqL,WAAaxf,EAAKwf,YAAc,QAChCxR,OAAOyR,WAAazf,EAAKyf,YAAc,OAEvCjf,UAAYR,EAAKQ,YAAa,oIAK/B2Z,GAAIhG,KAAK0C,WACRld,OAAUwa,KAAKja,OAASia,KAAKzU,MAAQyU,KAAK5T,OAAOI,EAAIwT,KAAK5T,OAAOpG,KAE9DR,GAAsBwa,KAAtBxa,OAAQ6G,EAAc2T,KAAd3T,UAEVkf,EAAuBvF,EAAEwF,uBAC7BnE,kBACAmE,uBACEC,GAAW,IAAMzL,KAAKnG,OAAOyR,aAC/BrF,YAAYxb,IAAI,SAAC0b,EAAO1e,MACnB6jB,GAAaG,EACbC,EAAmBvF,EAAQH,EAAEO,WnB+DZ,ImB9DjBja,EAAWof,EAAkB,IAAM,EAAG,EACtCC,EAAYtf,GAAaqf,EAAkBA,EAC3CE,EAAWH,GAAsBE,EACjCzf,EAAgB5G,EAAmBgmB,EAAY9lB,GAC/C2G,EAAc7G,EAAmBsmB,EAAUpmB,GAE3CqmB,EAAevL,EAAKqD,MAAQ4H,EAAqB9jB,GAEnDqkB,SAASC,QACVzL,GAAKqD,QACIkI,EAAeA,EAAa3f,cAAgBA,IAC9C2f,EAAeA,EAAa1f,YAAcD,MAExCA,IACFC,MAEJ6f,GACe,MAApBN,EACG9e,EAAckf,EAAUC,EAAQzL,EAAKlU,OAAQkU,EAAK9a,OAAQ6G,EAAWC,GACrEL,EAAe6f,EAAUC,EAAQzL,EAAKlU,OAAQkU,EAAK9a,OAAQ6G,EAAWC,KAExE+a,aAAa3f,KAAKskB,KAClBR,iBAAiB9jB,0CAGXye,QACAH,EAAEO,yCAGFoF,WAIJhI,KAAO,+CAIRqC,GAAIhG,KAAK0C,MAETjJ,IAEF,eAEA,+BAEgBuM,EAAEqB,oBACRrH,KAAKR,SAEb2F,KAAKnF,aAIJ+D,WAAa,GAAIY,KAAIlL,EACxBhP,IAAI,eACA+f,GAAYpR,mBAAgBvN,WACxBA,EAAK,GAAI2e,kDAIAyB,MACbzmB,GAAqBwa,KAArBxa,OAAO6lB,EAAcrL,KAAdqL,WACPvD,EAAWxiB,EAAmB2mB,EAASX,WAAYW,EAAS1mB,MAAQ,EAAGC,wBACtDsiB,EAAStb,EAAK6e,QAAiBvD,EAAS9hB,EAAKqlB,6CAG1D9a,EAAK9I,EAAEykB,EAAK1G,MAClBjV,MACEpH,GAAQ6W,KAAKR,OAAO/X,MACvBykB,EAAM,IACE3b,EAAMyP,KAAKmM,oBAAoBnM,KAAK0C,MAAM8I,iBAAiB/jB,OAChEiD,MAAMzF,KAAOiE,EAAmBC,EAAO,OACxCijB,GAAQ3qB,EAAUue,KAAK7J,KACvB3J,EAAIgZ,EAAE6G,MAAQD,EAAMnqB,KAAO,GAC3B+D,EAAIwf,EAAE8G,MAAQF,EAAMvqB,IAAM,GAC1Bqe,GAASF,KAAKuM,kBAAoBvM,KAAKuM,iBAAiB3nB,OAAS,EAClEob,KAAKuM,iBAAiB9kB,GAAKuY,KAAK0C,MAAMrF,OAAO5V,IAAM,KAClD+kB,GAAuC,IAA5BxM,KAAK0C,MAAMuD,YAAYxe,GAAWuY,KAAK0C,MAAM6D,YAAYhiB,QAAQ,QAC3Eif,IAAIwH,UAAUxe,EAAGxG,GAAIqT,KAAM6G,EAAO/L,MAAOqY,EAAU,WACnDhJ,IAAIyH,kBAEC1a,EAAK,2BACViT,IAAIvD,YACJvV,MAAMzF,KAAOkE,8CAKdwN,UAAUyJ,iBAAiB,YAAaJ,KAAKmL,gBAC7CxU,UAAUyJ,iBAAiB,aAAcJ,KAAKoL,8CAG1C5F,MACHpiB,GAASoiB,EAAEpiB,OACbqpB,EAASzM,KAAK+D,WAAW4G,IAAI,aAAazD,MAC1CwF,EAAY1M,KAAK2M,oBACjBC,EAAa5M,KAAK6M,kBACnBJ,EAAO9S,SAASvW,GAAS,IACvBqE,GAAIglB,EAAOxQ,QAAQ7Y,QAClB0pB,WAAWF,EAAYF,GAAU,QACjCG,eAAiBzpB,OACjBupB,oBAAsBllB,OACtBqlB,WAAW1pB,EAAQqE,GAAG,EAAM+d,aAE5B4F,uDAKD0B,WAAW9M,KAAK6M,eAAe7M,KAAK2M,qBAAoB,UA/IzB9G,ICIjBkH,0BACR1hB,EAAQ+C,8EACb/C,EAAQ+C,MACT/K,KAAO,YAEP2pB,WAAa5e,EAAQ4e,YAAc,MAEpCC,IAAe,SAAU,UACzBC,EAAiBD,EAAYtT,SAASvL,EAAQ8e,gBAC/C9e,EAAQ8e,eAAiB,kBACvBC,oBAAsBF,EAAYhR,QAAQiR,KAE1CrN,iEAGMzR,MACPvK,GAAImc,KAAKkC,cACRkL,gBAA8C,IAA5Bhf,EAAQgf,gBAAwB,EAAI,IAEzDppB,SAASnC,IAAMwrB,KACfrpB,SAAS3B,OAAS,IAClB8B,aAAekpB,KACf5K,WA1Bc6K,GA0BYpV,GACzBhU,EAAeL,MAEdS,GAAI0b,KAAKvS,KACT8f,EAAUvN,KAAKoN,gBZrCY,GYqC0B,OACpD7J,iBA/BW+J,IA+BS3V,GAAgBrT,EAAEK,MAAOL,EAAEuZ,KACjD0P,GAAuBnpB,EAAcP,4CAIpC0pB,GAAUvN,KAAKoN,gBZ3CY,GY2C0B,EACrDI,EAAYxN,KAAK0C,MAAM8K,UAAYxN,KAAK0C,MAAM8K,UAAY,QACzDlJ,UAtCWgJ,IAsCEE,EAAYD,GAC3BnpB,EAAc4b,KAAKkC,mDAGXzU,0DAAKuS,KAAKvS,QAClBA,EAAK9I,OAAS8I,EAAKoQ,KAAOpQ,EAAK9I,MAAQ8I,EAAKoQ,SACxC,IAAI8D,OAAM,kDAGblU,EAAK9I,UACHA,MAAQ,GAAIqS,QACZrS,MAAM8oB,YAAahgB,EAAK9I,MAAM8S,cAAgB,IAEhDhK,EAAKoQ,QAAYA,IAAM,GAAI7G,SAC1B0W,WAAajgB,EAAKigB,eAEpBjkB,SAAS+P,OAAOhP,KAAKiD,EAAKigB,YAAY,IAAM,IAAQ,IAClDlmB,aACGgD,KAAKiD,EAAKigB,YAAY3K,QAAQ,eAChCjM,GAAO,GAAIE,MAAK2W,EAAetV,MAC5BjB,GAAYN,IAASrJ,EAAKigB,WAAWC,OAExCD,WAAalmB,QAGZiG,qCAIHuY,GAAIhG,KAAK0C,QAEX/d,MAAQyR,GAAM4J,KAAKvS,KAAK9I,SACxBkZ,IAAMzH,GAAM4J,KAAKvS,KAAKoQ,OAEtB+P,eAAiBxX,GAAM4P,EAAErhB,SACzB6oB,UAAY7V,GAAgBqO,EAAErhB,MAAOqhB,EAAEnI,OACvCZ,aAAeJ,GAChBrD,OAAO6B,OAAO2E,KAAKvS,KAAKigB,YpBJc,KoBMrCG,cAAgB7N,KAAK8N,kEAInB9H,EAAIhG,KAAK0C,MACTqL,EAAU/N,KAAKoN,gBAAkB,EAAI,EAErC3T,EAAmBuM,EAAE6H,cAAcpjB,IAAI,SAACoP,EAAQpS,UACnD,oBAEQoS,EAAO/J,eAvFAwd,aAAAA,cpByEiB,coBzEjBA,GA2FFtH,EAAE6H,cACZnU,OAAO,SAACG,EAAQnW,SAAMA,GAAI+D,IAC1BgD,IAAI,kBAAUoP,GAAOmP,KAAKpkB,OAASmpB,IACnCrlB,OAAO,SAACG,EAAGa,SAAMb,GAAIa,GAAG,IAG3B,iBACQsc,GAAE6H,cAAcpmB,IACtB0d,KAAK7E,WAIHyD,WAAa,GAAIY,KAAIlL,EACxBhP,IAAI,SAACoB,EAAMpE,MACP+iB,GAAYpR,mBAAgBvN,WACxBA,EAAK,GAAK,IAAMpE,EAAG+iB,SAIzBxkB,GAAI,KACQ+c,QAAQ,SAACiL,EAASvmB,OAC7B,EAAG,EAAG,GAAGkS,SAASlS,GAAI,IACrBwmB,GAAU/f,EAAS,kBAAkB,EAAclI,EAAGgoB,YpBxC3B,MoB2CzB,aACQ,UAGT/J,SAAS7Z,YAAY6jB,MAxHZX,oCA8HV7f,GACFA,WACKkR,MAAM,2BAGVlR,KAAOuS,KAAK6B,YAAYpU,QACxB0V,YACAM,oEAIA9M,UAAUyJ,iBAAiB,YAAa,SAACoF,KACxCzB,WAAWhB,QAAQ,eACnBmL,GAAaC,EAAKjH,MAClBkH,EAAY5I,EAAEpiB,UACf8qB,EAAWvU,SAASyU,GAAY,IAE9B1pB,GAAQ0pB,EAAUhc,aAAa,cAC/Bic,EAAYD,EAAUhc,aAAa,aAAaK,MAAM,KAEtDmG,EAAQL,GAAa9O,SAAS4kB,EAAU,IAAI,GAAG,GAE/CzD,EAAOhE,EAAKjQ,UAAU/U,wBAAyBipB,EAAOuD,EAAUxsB,wBAEhE2J,EAAQ9B,SAAS+b,EAAEpiB,OAAOgP,aAAa,UACvC5F,EAAIqe,EAAK5oB,KAAO2oB,EAAK3oB,KAAOsJ,EAAM,EAClCvF,EAAI6kB,EAAKhpB,IAAM+oB,EAAK/oB,IACpBsS,EAAQzP,EAAQ,IAAMkiB,EAAKoG,WAC3B3T,EAAO,OAAST,EAAQ,IAAMyV,EAAU,GAAK,KAAOA,EAAU,KAE7D7K,IAAIwH,UAAUxe,EAAGxG,GAAIqT,KAAMA,EAAMlF,MAAOA,EAAO2M,WAAY,SAC3D0C,IAAIyH,sEAOPxG,WAAW+B,YAAc,MAC1Bha,GAAI,EAGJ8hB,EAAWpgB,EAAS,iBAAkB1B,EAxK1B8gB,GAwKgC,iBAEpCA,MACN,MAGDiB,QACA9J,WAAWra,YAAYkkB,QAEvB9O,OAAOhZ,MAAM,EpB1GqB,GoB0GSiE,IAAI,SAACtB,EAAO1B,MACrD6hB,GAAS/b,EAAW,sBAAuBf,EAAI,GAAkB/E,EAlLxD6lB,GpByEiB,GoB0GPnkB,KACpBsb,WAAWra,YAAYkf,QAIzBkF,GAAWtgB,EAAS,iBADR1B,EAAIiiB,GAA8CF,EAvLlDjB,GAwLwC,iBAE5CA,MACN,SAGD7I,WAAWra,YAAYokB,4CAaxB,GATAxI,GAAIhG,KAAK0C,SACoBsD,EAAErhB,MAAM6S,WAAYwO,EAAErhB,MAAM8S,eAAtDiX,OAAYC,UACU3I,EAAEnI,IAAIrG,WAAYwO,EAAEnI,IAAIpG,eAE/CmX,OAAyBF,EAAa,EAA6B,SAAbC,GAExDd,KAEAgB,EAAezY,GAAM4P,EAAErhB,OACnB8C,EAAI,EAAGA,EAAImnB,EAAYnnB,IAAK,IAC/BoQ,GAAUmO,EAAEnI,QACZvF,GAAeuW,EAAc7I,EAAEnI,KAAM,QACnBgR,EAAarX,WAAYqX,EAAapX,iBACjDkB,gBAEGjR,KAAKsY,KAAK8O,gBAAgBD,EAAchX,OAE9CA,EAAS,KACFA,QAGTgW,2CAGQjW,MAAWC,0DAAQ,MACbD,EAAUJ,WAAYI,EAAUH,eAAhDmB,OAAOC,OACRkW,EAAchX,GAAeH,GAG7BoX,SACIpW,gBAHExC,GAAMyB,IAAYc,GAAmBC,EAAOC,GAOrC,OAIb,GAHAoW,GAAiBtX,GAAgBoX,EAAalX,GAE9CmR,KAAW3f,SACP5B,EAAI,EAAGA,EAAIwnB,EAAgBxnB,MAC5BuY,KAAKkP,OAAOH,EAAanW,KAC1BlR,KAAK2B,QAEI,GAAI2N,MAAK3N,EAAI6O,GAAqB,GAAGkR,UAC9B,cAGuBxd,KAA1CvC,EAAI6O,GAAqB,GAAGmR,eACtB0F,EAAa,KAChBrnB,KAAKsY,KAAKkP,OAAOH,EAAanW,GAAO,OAG9BoQ,KAAOA,EAEbgG,iCAGDpX,EAAWgB,OAOb,GAPoBuW,2DACpBnJ,EAAIhG,KAAK0C,MAGT0M,EAAchZ,GAAMwB,GACpBvO,KAEI5B,EAAI,EAAGA,EAAIyQ,GAAoBzQ,IAAKwR,GAAQmW,EAAa,GAAI,IAChEvV,MAGAwV,EAAwBD,GAAepJ,EAAErhB,OAASyqB,GAAepJ,EAAEnI,GAEpEsR,IAASC,EAAY5X,aAAeoB,IAAUyW,IACzCjG,SAAWhS,GAAYgY,KAErBpP,KAAKsP,mBAAmBF,KAE9B1nB,KAAKmS,SAGHxQ,8CAGWyN,MACdsS,GAAWhS,GAAYN,GACvBuS,EAAYrJ,KAAKvS,KAAKigB,WAAWtE,mBAE1BA,YACCC,GAAa,OAClBrJ,KAAKR,OAAOrC,GAAiBkM,EAAWrJ,KAAK0C,MAAMzF,uBApRvBwE,ICFhBhD,0BACRpT,EAAQQ,8EACbR,EAAQQ,aAET0e,WAAa1e,EAAK0e,iBAClBgF,YAAc1jB,EAAK0jB,kBAEnBlsB,KAAOwI,EAAKxI,MAAQ,SACpBsgB,KAAO,IAEP9D,mEAIFG,KAAKvS,KAAK8P,SAAS3Y,QAAU,SAC1BiV,OAAO0I,WAAa,OACpBL,SAASle,SAAS3B,OAAS,sCAIxB+L,4FACOA,KAERohB,YAAcphB,EAAQohB,kBACtBC,eAAiBrhB,EAAQqhB,wBAE5B5V,OAAO6V,UAAYthB,EAAQohB,YAAYE,WAAa,YACpD7V,OAAO8V,UAAYvhB,EAAQohB,YAAYG,WAAa,YACpD9V,OAAO+V,UAAYxhB,EAAQohB,YAAYI,WAAa,OACpD/V,OAAOgW,oBAAsBzhB,EAAQohB,YAAYK,qBAAuB,OAExEhW,OAAOiW,eAAiB1hB,EAAQqhB,eAAeK,oBAC/CjW,OAAOkW,eAAiB3hB,EAAQqhB,eAAeM,oBAE/ClW,OAAOuQ,iBAAmBhc,EAAQgc,6DAIhChN,2DADS4C,KAAKvS,KACCuS,KAAK3c,uDAIpBya,2DADckC,KAAKvS,wCAItBiW,gEACCsM,iBACDtM,QACEuM,oBAAoBjQ,KAAKkQ,gBAA+B,SAAdlQ,KAAK3c,WAEhD8sB,8DAIDnK,GAAIhG,KAAK0C,MACTrF,EAAS2C,KAAKvS,KAAK4P,SACrBC,cAAgBD,EAAOzY,SAEvBwrB,UAAYpQ,KAAKzU,MAAOya,EAAE1I,gBAE1B+S,QAAUrK,EAAEoK,UAAU,IAMtBE,cACOjT,YACGA,EAAO5S,IAAI,SAACnG,EAAGmD,SACzBpD,GAAS2hB,EAAEqK,QAAU5oB,EAAIue,EAAEoK,0DAKVG,MACbzU,GAAOV,GAAmBmV,yDADa,SAEvCjU,EAAkB0D,KAAKja,OAASoW,GAAcL,GAC9C0U,EAAiBxU,GAAgBF,GAAQQ,EACzCxW,EAAWka,KAAKja,OAAU8V,GAAaC,GAAQ0U,OAEhD9N,MAAMrG,cACFP,YACGA,EAAKrR,IAAI,kBAAK3E,GAAWxB,EAAIgY,oBACvBA,WACPxW,QAIN2qB,yBACAC,qBACAC,8DAID3K,GAAIhG,KAAK0C,MACTkO,EAAW,kBAAUvV,GAAO5Q,IAAI,kBAAO2R,IAAMjS,EAAK6b,EAAE3J,YAEtDkB,SAAWyC,KAAKvS,KAAK8P,SAAS9S,IAAI,SAACnG,EAAGmD,MACnC4T,GAAS/W,EAAE+W,OACXwV,EAAevsB,EAAEusB,6BAEdvsB,EAAE+U,WACD5R,YACInD,EAAEoZ,iBAELrC,aACIuV,EAASvV,gBAEPwV,iBACED,EAASC,iDAMvB7K,GAAIhG,KAAK0C,SACV1C,KAAKuK,WAAWuG,sBAChBC,UAAY/K,EAAEzI,SAASyI,EAAEzI,SAAS3Y,OAAS,GAAGosB,kBAG/CD,UAAY,GAAIjsB,OAAMkhB,EAAE1I,eAAerY,KAAK,QAC5CsY,SAAS9S,IAAI,cACZgf,WAAWhf,IAAI,SAAC2E,EAAK1L,GACnB0L,EAAM4W,EAAE+K,UAAUrtB,OAClBqtB,UAAUrtB,GAAK0L,iDAOhB4W,GAAIhG,KAAK0C,KACV1C,MAAKvS,KAAKwQ,gBACPyE,MAAMzE,SAAW+B,KAAKvS,KAAKwQ,SAASxT,IAAI,qBAC1Cqd,SAAW1L,GAAM9X,EAAE6P,MAAO6R,EAAE3J,OAC1B/X,EAAE8J,UAAS9J,EAAE8J,YAIV9J,KAGN0b,KAAKvS,KAAKmQ,gBACP8E,MAAM9E,SAAWoC,KAAKvS,KAAKmQ,SAASnT,IAAI,qBAC1C6d,SAAWlM,GAAM9X,EAAEK,MAAOqhB,EAAE3J,SAC5BkM,OAASnM,GAAM9X,EAAEuZ,IAAKmI,EAAE3J,OACtB/X,EAAE8J,UAAS9J,EAAE8J,YACV9J,0DAMLoJ,EAAM,YAEPsS,KAAKuK,WAAWuG,QAAS,GACrB,kBACFG,GAAa,GAAInsB,OAAMkb,KAAK0C,MAAMpF,eAAerY,KAAK,QACrDwI,KAAK8P,SAAS9S,IAAI,SAACnG,EAAGmD,MACtB4T,GAASiF,EAAK7S,KAAK8P,SAAS9V,GAAG4T,SACjC3N,GAAOujB,EAAaA,EAAWxmB,IAAI,SAACuZ,EAAGvc,SAAMuc,GAAI3I,EAAO5T,UAIxDypB,GAAgBlR,KAAKvS,KAAK8P,SAAS9S,IAAI,kBAAKnG,GAAEoJ,WAC/CsS,MAAKvS,KAAKwQ,YACEvW,KAAKsY,KAAKvS,KAAKwQ,SAASxT,IAAI,kBAAKnG,GAAE6P,SAE/C6L,KAAKvS,KAAKmQ,eACPnQ,KAAKmQ,SAASnT,IAAI,cACR/C,MAAMpD,EAAEuZ,IAAKvZ,EAAEK,iBAIrBO,kBAAUgsB,yDAIhBzX,IAEF,cAEOuG,KAAKnG,OAAO8V,gBACX3P,KAAKzU,qBACIyU,KAAKnG,OAAOgW,qBAG7B,iBACQ7P,MAAK0C,MAAMrG,OACjB8I,KAAKnF,QAIP,cAEOA,KAAKnG,OAAO6V,iBACV1P,KAAKja,QAGd,cACKigB,GAAIhG,KAAK0C,eACX4N,MAAMnI,WAAajK,GAAmB8B,KAAKzU,MAC5Cya,EAAEsK,MAAMjT,OAAQ2C,KAAKnG,OAAO+V,WAEtB5J,EAAEsK,OACRnL,KAAKnF,QAIP,kBAEQA,KAAKzU,UACP,SAEN,iBACQyU,MAAK0C,MAAM9E,UACjBuH,KAAKnF,QAILmR,EAAcnR,KAAK0C,MAAMnF,SAAS7D,OAAO,kBAAqB,QAAhBpV,EAAEoZ,YAChD0T,EAAepR,KAAK0C,MAAMnF,SAAS7D,OAAO,kBAAqB,SAAhBpV,EAAEoZ,YAEjD2T,EAAcF,EAAY1mB,IAAI,eAC7BqF,GAAQxL,EAAEwL,aAEb,YAAmBxL,EAAEwL,aAEbA,QACA8W,EAAKpH,OAAO1P,WACV8W,EAAK2D,WAAWuG,yBAGPlK,EAAK/M,OAAOuQ,2BrB9KG,EqB+KtBxD,EAAK7gB,QAEjB,cACKigB,GAAIhG,KAAK0C,MACTpe,EAAI0hB,EAAEzI,SAASzN,GACfghB,EAAU9Q,KAAKuK,WAAWuG,QAE1BQ,EAAatR,KAAKuK,WAAW+G,YrBvLD,GqBwL5B3H,EAAY3D,EAAEoK,WAAa,EAAIkB,GAC/B5K,EAAWiD,GAAWmH,EAAU,EAAIK,EAAYvsB,QAEhD6iB,EAAazB,EAAEsK,MAAMzI,UAAUpd,IAAI,kBAAK+B,GAAImd,EAAU,GACtDmH,OACUrJ,EAAWhd,IAAI,kBAAK3D,GAAI4f,EAAW5W,QAG7CuN,GAAS,GAAIvY,OAAMkhB,EAAE1I,eAAerY,KAAK,GAC1C+a,MAAKnG,OAAOuQ,qBACX0G,GAAWxsB,EAAEwL,QAAUkW,EAAEzI,SAAS3Y,OAAS,EACpCN,EAAEusB,aAEFvsB,EAAE+W,WAITqO,GAAU,GAAI5kB,OAAMkhB,EAAE1I,eAAerY,KAAK,SAC3C6rB,OACQxsB,EAAEmlB,WAAWhf,IAAI,SAACzE,EAAGtC,SAAMsC,GAAI1B,EAAE0sB,eAAettB,kBAI9C+jB,aACAnjB,EAAEmlB,mBACLC,SAEDrM,WAEE2I,EAAE3J,MAAMvW,mBACP6jB,WACDjD,IAEVvB,KAAKyB,MAIL2K,EAAcH,EAAa3mB,IAAI,eAC9BqF,GAAQxL,EAAEwL,aAEb,aAAoBxL,EAAEwL,aAEdA,QACA8W,EAAKpH,OAAO1P,WACV8W,EAAKlW,iBACJkW,EAAK2I,YAAY/e,oBACfoW,EAAK2I,YAAY3e,kBACrBgW,EAAK2I,YAAYjf,gBACfsW,EAAK2I,YAAYpF,kBACjBvD,EAAK2I,YAAYrF,0BAGTtD,EAAK/M,OAAOuQ,kBAE/B,cACKpE,GAAIhG,KAAK0C,MACTpe,EAAI0hB,EAAEzI,SAASzN,GACf0hB,EAAUxL,EAAE3J,MAAMwL,UAAU,GAAK7B,EAAE3J,MAAMvW,SAC1CkgB,EAAE3J,MAAMwL,UAAU,GAAK7B,EAAE3J,MAAMvW,2BAGrBkgB,EAAEsK,MAAMzI,qBACRvjB,EAAEmlB,kBAENnlB,EAAE+W,gBAEAmW,SACFxR,KAAKuP,YAAYkC,SrBxPI,IqB0P7BtM,KAAKyB,MAIL8K,IAEF,kBAEQ1R,KAAKzU,UACP,SAEN,iBACQyU,MAAK0C,MAAMzE,UACjBkH,KAAKnF,UAIUvG,EAAiBvU,OAAOmsB,EAAaE,EAAaG,MAEjEC,IAAa,WAAY,iBACxBC,2BAEA7N,WAAa,GAAIY,KAAIlL,EACxBC,OAAO,mBAASiY,EAAUhY,SAAS9N,EAAK,KAAO+a,EAAKlE,MAAM7W,EAAK,MAC/DpB,IAAI,eACA+f,GAAYpR,mBAAgBvN,WAC7BA,EAAK,GAAG8N,SAAS,cAAgB9N,EAAK,GAAG8N,SAAS,gBAC/CiY,mBAAmBlqB,KAAK8iB,IAEtB3e,EAAK,GAAI2e,gEAKdqH,kBAED7L,GAAIhG,KAAK0C,MACToP,EAAU9R,KAAKnG,OAAOiW,eACtBiC,EAAU/R,KAAKnG,OAAOkW,cACb/J,GAAEsK,MAAMjT,OAEd5S,IAAI,SAAC/D,EAAOoJ,MACduL,GAASoK,EAAK/C,MAAMnF,SAAS9S,IAAI,SAAC4V,EAAK5Y,MACtC0M,GAAQkM,EAAIhF,OAAOvL,gBAEfuQ,EAAIhH,WACJlF,OACDkM,EAAIoJ,WAAW3Z,SACd2V,EAAKjG,OAAO/X,aACRsqB,EAAUA,EAAQ5d,GAASA,OAInC0d,YAAY/hB,UACTpJ,iBACSorB,EAAUA,EAAQprB,GAASA,OACrCsf,EAAEsK,MAAMzI,UAAU/X,UAChBuL,WACE2K,EAAE+K,UAAUjhB,4DAOnB6G,UAAUyJ,iBAAiB,YAAa,SAACoF,MACzC3hB,GAAIukB,EAAKlG,SACT3Z,EAAI9G,EAAU2mB,EAAKzR,WACnBqb,EAAOxM,EAAE6G,MAAQ9jB,EAAEtG,KAAOgC,EAAcJ,GACxCouB,EAAOzM,EAAE8G,MAAQ/jB,EAAE1G,GAEpBowB,GAAO7J,EAAKriB,OAASnC,EAAaC,IACjCouB,EAAQruB,EAAaC,KACnBquB,oBAAoBF,KAEpBxO,IAAIvD,wDAKQ+R,MACfhM,GAAIhG,KAAK0C,SACTsD,EAAE+K,cAEFjhB,GAAQyM,GAAkByV,EAAMhM,EAAEsK,MAAMzI,WAAW,GACnDsK,EAAMnS,KAAK6R,YAAY/hB,QAEtB0T,IAAIwH,UACRmH,EAAI1H,KAAOzK,KAAKwD,IAAItY,OAAOsB,EAC3B2lB,EAAIC,SAAWpS,KAAKwD,IAAItY,OAAOlF,GAC9BqT,KAAM8Y,EAAIE,eAAgBle,MAAO,IAClCge,EAAI9W,OACJvL,QAGI0T,IAAIyH,6DAILjF,EAAIhG,KAAKvS,IACVuY,GAAEzI,SAAS3Y,OAAS,SACjB6f,WAAW+B,YAAc,KAC5BjJ,SAAS9S,IAAI,SAACnG,EAAGmD,MAId9F,GAAOgM,ErBzWqB,IqB2WpBlG,EACX,IrB5W+B,IqB8W/B+gB,EAAKhJ,OAAO/X,GACZnD,EAAE+U,KACFmP,EAAK3O,OAAOoI,mBACRwC,WAAWra,YAAYzI,0DAS3Bqe,KAAK2D,sBACFA,KAAO,EAGV3D,MAAKsS,oBACFA,cAAcvP,QAAQ,eACtBxa,GAAIoB,EAAEwX,UACR7W,WAAW8K,YAAY7M,UAItB+pB,cAAgBtS,KAAK4R,mBAAmBnnB,IAAI,wBAEzCuZ,EAAEuF,qBACC3d,SACFoY,EAAEwF,aAIoB5d,KAA5BoU,KAAK0C,MAAM6P,oBACR7P,MAAM6P,aAAevS,KAAK0C,MAAMpF,cAAgB,QAIjDgV,cAAc7nB,IAAI,eAClB+nB,GAAcluB,EAAEklB,MAAMiJ,EAAK/P,MAAM6P,gBAEnCpR,QAAUF,GAAY3c,EAAEjB,MAAMmvB,KAC3BvO,SAAS7Z,YAAY9F,EAAE6c,yDAK1BnB,KAAKsS,oBACFA,cAAcvP,QAAQ,eACtBxa,GAAIoB,EAAEwX,UACR7W,WAAW8K,YAAY7M,2DAMtB8C,OAAO+U,iBAAiB,cAAe,aACtCgB,sEAKDwQ,mBAAmBnnB,IAAI,cACzB+e,MAAM/e,IAAI,cACN2V,iBAAiB,QAAS,cAC1BtQ,GAAQiB,EAAKqB,aAAa,sBACzBsgB,oBAAoB5iB,cAMvB0T,IAAI7M,UAAUyJ,iBAAiB,QAAS,cACxCtQ,GAAQ6iB,EAAKnP,IAAI7M,UAAUvE,aAAa,sBACvCsgB,oBAAoB5iB,6DAKrBwiB,cAAc7nB,IAAI,eAClB+nB,GAAcluB,EAAEklB,MAAMoJ,EAAKlQ,MAAM6P,iBACvBjuB,EAAEjB,MAAMmvB,EAAaluB,EAAE6c,sDAKjCuR,oBAAoB1S,KAAK0C,MAAM6P,aAAe,+CAI9CG,oBAAoB1S,KAAK0C,MAAM6P,aAAe,6CAGvCziB,0DAAMkQ,KAAK0C,MAAM6P,aACzBvM,EAAIhG,KAAK0C,mBAEL5S,QACAkW,EAAEsK,MAAMjT,OAAOvN,UACdkW,EAAEzI,SAAS9S,IAAI,kBAAKnG,GAAE+W,OAAOvL,kDAKnBA,MACfkW,GAAIhG,KAAK0C,SACLjZ,SAASqG,IACN,IAAGA,EAAQ,GACnBA,GAASkW,EAAEsK,MAAMjT,OAAOzY,SAAQkL,EAAQkW,EAAEsK,MAAMjT,OAAOzY,OAAS,GAChEkL,IAAUkW,EAAEuM,iBACbA,aAAeziB,IACZkQ,KAAK3U,OAAQ,cAAe2U,KAAK6S,sDAM1BnsB,EAAOosB,MAAehjB,0DAAMkQ,KAAK0C,MAAMpF,0GAChC5W,EAAOosB,EAAehjB,QACpCrC,KAAK4P,OAAO0V,OAAOjjB,EAAO,EAAGpJ,QAC7B+G,KAAK8P,SAAS9S,IAAI,SAACnG,EAAGmD,KACxB4T,OAAO0X,OAAOjjB,EAAO,EAAGgjB,EAAcrrB,WAEpC0c,OAAOnE,KAAKvS,mDAGFqC,0DAAQkQ,KAAK0C,MAAMpF,cAAc,CAC5C0C,MAAKvS,KAAK4P,OAAOzY,QAAU,mGAGTkL,QACjBrC,KAAK4P,OAAO0V,OAAOjjB,EAAO,QAC1BrC,KAAK8P,SAAS9S,IAAI,cACpB4Q,OAAO0X,OAAOjjB,EAAO,UAEnBqU,OAAOnE,KAAKvS,6CAGJqlB,MAAehjB,0DAAM,OAC7BrC,KAAK8P,SAASzN,GAAOuL,OAASyX,OAC9B3O,OAAOnE,KAAKvS,6CAKH8P,QACT9P,KAAK8P,SAAS9S,IAAI,SAACnG,EAAGmD,GACvB8V,EAAS9V,OACT4T,OAASkC,EAAS9V,WAGjB0c,OAAOnE,KAAKvS,aA1jBoBgU,ICFlBuR,0BACR3nB,EAAQQ,8EACbR,EAAQQ,aACTxI,KAAO,UACPsf,YAAc,IACdgB,KAAO,IAEP9D,+DAGIhU,4FACOA,QACXsf,UAAYnL,KAAKmL,UAAUhG,KAAKnF,WAChCoL,WAAapL,KAAKoL,WAAWjG,KAAKnF,WAElCqL,WAAaxf,EAAKwf,YAAc,QAChCxR,OAAOyR,WAAazf,EAAKyf,YAAc,OAEvCjf,UAAYR,EAAKQ,YAAa,OAC9Bib,YAAczb,EAAKyb,aAAe,qIAKnCtB,GAAIhG,KAAK0C,WACRld,OACJwa,KAAKja,OAASia,KAAKzU,MAChByU,KAAK5T,OAAOI,EAAIwT,KAAKsH,YAAc,EACnCtH,KAAK5T,OAAOpG,EAAIga,KAAKsH,YAAc,KAE/B9hB,GAAsBwa,KAAtBxa,OAAQ6G,EAAc2T,KAAd3T,UAEVkf,EAAuBvF,EAAEwF,uBAC7BnE,kBACAmE,uBACEC,GAAW,IAAMzL,KAAKnG,OAAOyR,aAE/BrF,YAAYxb,IAAI,SAAC0b,EAAO1e,MACnB6jB,GAAaG,EACbC,EAAmBvF,EAAQH,EAAEO,WtB0DZ,IsBzDjBja,EAAWof,EAAkB,IAAM,EAAG,EACtCC,EAAYtf,GAAaqf,EAAkBA,EAC3CE,EAAWH,GAAsBE,EACjCzf,EAAgB5G,EAAmBgmB,EAAY9lB,GAC/C2G,EAAc7G,EAAmBsmB,EAAUpmB,GAE3CqmB,EAAevL,EAAKqD,MAAQ4H,EAAqB9jB,GAEnDqkB,SAASC,QACVzL,GAAKqD,QACIkI,EAAeA,EAAa3f,cAAgBA,IAC9C2f,EAAeA,EAAa1f,YAAcD,MAExCA,IACFC,MAEJ6f,GACe,MAApBN,EACG3e,EAAoB+e,EAAUC,EAAQzL,EAAKlU,OAAQkU,EAAK9a,OAAQ8a,EAAKjU,UAAWC,GAChFQ,EAAqBgf,EAAUC,EAAQzL,EAAKlU,OAAQkU,EAAK9a,OAAQ8a,EAAKjU,UAAWC,KAEnF+a,aAAa3f,KAAKskB,KAClBR,iBAAiB9jB,0CAGXye,QACAH,EAAEO,yCAGFoF,WAIJhI,KAAO,+CAIRqC,GAAIhG,KAAK0C,MAETjJ,IAEF,iBAEA,+BAEgBuM,EAAEqB,oBACRrH,KAAKR,mBACAQ,KAAKsH,cAElBnC,KAAKnF,aAIJ+D,WAAa,GAAIY,KAAIlL,EACxBhP,IAAI,eACA+f,GAAYpR,mBAAgBvN,WACxBA,EAAK,GAAI2e,kDAIAyB,MACZzmB,GAAuBwa,KAAvBxa,OAAQ6lB,EAAerL,KAAfqL,WACTvD,EAAWxiB,EAAmB2mB,EAASX,WAAYW,EAAS1mB,MAAQ,EAAGC,wBACtDsiB,EAAStb,EAAK6e,QAAiBvD,EAAS9hB,EAAKqlB,6CAG1D9a,EAAK9I,EAAEykB,EAAK1G,MAClBjV,MACEpH,GAAQ6W,KAAKR,OAAO/X,MACvBykB,EAAM,IACE3b,EAAMyP,KAAKmM,oBAAoBnM,KAAK0C,MAAM8I,iBAAiB/jB,OAChEiD,MAAMiE,OAASzF,EAAmBC,EAAO,OAC1CijB,GAAQ3qB,EAAUue,KAAK7J,KACvB3J,EAAIgZ,EAAE6G,MAAQD,EAAMnqB,KAAO,GAC3B+D,EAAIwf,EAAE8G,MAAQF,EAAMvqB,IAAM,GAC1Bqe,GAASF,KAAKuM,kBAAoBvM,KAAKuM,iBAAiB3nB,OAAS,EAClEob,KAAKuM,iBAAiB9kB,GAAKuY,KAAK0C,MAAMrF,OAAO5V,IAAM,KAClD+kB,GAAuC,IAA5BxM,KAAK0C,MAAMuD,YAAYxe,GAAWuY,KAAK0C,MAAM6D,YAAYhiB,QAAQ,QAC3Eif,IAAIwH,UAAUxe,EAAGxG,GAAIqT,KAAM6G,EAAO/L,MAAOqY,EAAU,WACnDhJ,IAAIyH,kBAEC1a,EAAK,2BACViT,IAAIvD,YACJvV,MAAMiE,OAASxF,8CAKhBwN,UAAUyJ,iBAAiB,YAAaJ,KAAKmL,gBAC7CxU,UAAUyJ,iBAAiB,aAAcJ,KAAKoL,8CAG1C5F,MACHpiB,GAASoiB,EAAEpiB,OACbqpB,EAASzM,KAAK+D,WAAW4G,IAAI,eAAezD,MAC5CwF,EAAY1M,KAAK2M,oBACjBC,EAAa5M,KAAK6M,kBACnBJ,EAAO9S,SAASvW,GAAS,IACvBqE,GAAIglB,EAAOxQ,QAAQ7Y,QAClB0pB,WAAWF,EAAYF,GAAU,QACjCG,eAAiBzpB,OACjBupB,oBAAsBllB,OACtBqlB,WAAW1pB,EAAQqE,GAAG,EAAM+d,aAE5B4F,uDAKD0B,WAAW9M,KAAK6M,eAAe7M,KAAK2M,qBAAoB,UArJvB9G,IVAlCnH,QACAD,QACCA,cAEM6L,WACHyC,OACJ7B,SACE8H,IAiBFC,GACL,WAAY5nB,EAAQ+C,qBACZoQ,GAAepQ,EAAQ/K,KAAMgI,EAAQ+C,wFWjC1C8kB,YAEJA,IAAOC,KAAU,gBACjBD,GAAOE,QAAU,QAEjBF,GAAiB1Z,OAAOM,UAAYoZ,GAAQG"} \ No newline at end of file diff --git a/docs/assets/js/highlight.pack.js b/docs/assets/js/highlight.pack.js new file mode 100644 index 0000000..11063f6 --- /dev/null +++ b/docs/assets/js/highlight.pack.js @@ -0,0 +1,2 @@ +/*! highlight.js v9.9.0 | BSD3 License | git.io/hljslicense */ +!function(e){var n="object"==typeof window&&window||"object"==typeof self&&self;"undefined"!=typeof exports?e(exports):n&&(n.hljs=e({}),"function"==typeof define&&define.amd&&define([],function(){return n.hljs}))}(function(e){function n(e){return e.replace(/[&<>]/gm,function(e){return I[e]})}function t(e){return e.nodeName.toLowerCase()}function r(e,n){var t=e&&e.exec(n);return t&&0===t.index}function i(e){return k.test(e)}function a(e){var n,t,r,a,o=e.className+" ";if(o+=e.parentNode?e.parentNode.className:"",t=B.exec(o))return R(t[1])?t[1]:"no-highlight";for(o=o.split(/\s+/),n=0,r=o.length;r>n;n++)if(a=o[n],i(a)||R(a))return a}function o(e,n){var t,r={};for(t in e)r[t]=e[t];if(n)for(t in n)r[t]=n[t];return r}function u(e){var n=[];return function r(e,i){for(var a=e.firstChild;a;a=a.nextSibling)3===a.nodeType?i+=a.nodeValue.length:1===a.nodeType&&(n.push({event:"start",offset:i,node:a}),i=r(a,i),t(a).match(/br|hr|img|input/)||n.push({event:"stop",offset:i,node:a}));return i}(e,0),n}function c(e,r,i){function a(){return e.length&&r.length?e[0].offset!==r[0].offset?e[0].offset"}function u(e){l+=""}function c(e){("start"===e.event?o:u)(e.node)}for(var s=0,l="",f=[];e.length||r.length;){var g=a();if(l+=n(i.substring(s,g[0].offset)),s=g[0].offset,g===e){f.reverse().forEach(u);do c(g.splice(0,1)[0]),g=a();while(g===e&&g.length&&g[0].offset===s);f.reverse().forEach(o)}else"start"===g[0].event?f.push(g[0].node):f.pop(),c(g.splice(0,1)[0])}return l+n(i.substr(s))}function s(e){function n(e){return e&&e.source||e}function t(t,r){return new RegExp(n(t),"m"+(e.cI?"i":"")+(r?"g":""))}function r(i,a){if(!i.compiled){if(i.compiled=!0,i.k=i.k||i.bK,i.k){var u={},c=function(n,t){e.cI&&(t=t.toLowerCase()),t.split(" ").forEach(function(e){var t=e.split("|");u[t[0]]=[n,t[1]?Number(t[1]):1]})};"string"==typeof i.k?c("keyword",i.k):E(i.k).forEach(function(e){c(e,i.k[e])}),i.k=u}i.lR=t(i.l||/\w+/,!0),a&&(i.bK&&(i.b="\\b("+i.bK.split(" ").join("|")+")\\b"),i.b||(i.b=/\B|\b/),i.bR=t(i.b),i.e||i.eW||(i.e=/\B|\b/),i.e&&(i.eR=t(i.e)),i.tE=n(i.e)||"",i.eW&&a.tE&&(i.tE+=(i.e?"|":"")+a.tE)),i.i&&(i.iR=t(i.i)),null==i.r&&(i.r=1),i.c||(i.c=[]);var s=[];i.c.forEach(function(e){e.v?e.v.forEach(function(n){s.push(o(e,n))}):s.push("self"===e?i:e)}),i.c=s,i.c.forEach(function(e){r(e,i)}),i.starts&&r(i.starts,a);var l=i.c.map(function(e){return e.bK?"\\.?("+e.b+")\\.?":e.b}).concat([i.tE,i.i]).map(n).filter(Boolean);i.t=l.length?t(l.join("|"),!0):{exec:function(){return null}}}}r(e)}function l(e,t,i,a){function o(e,n){var t,i;for(t=0,i=n.c.length;i>t;t++)if(r(n.c[t].bR,e))return n.c[t]}function u(e,n){if(r(e.eR,n)){for(;e.endsParent&&e.parent;)e=e.parent;return e}return e.eW?u(e.parent,n):void 0}function c(e,n){return!i&&r(n.iR,e)}function g(e,n){var t=N.cI?n[0].toLowerCase():n[0];return e.k.hasOwnProperty(t)&&e.k[t]}function h(e,n,t,r){var i=r?"":y.classPrefix,a='',a+n+o}function p(){var e,t,r,i;if(!E.k)return n(B);for(i="",t=0,E.lR.lastIndex=0,r=E.lR.exec(B);r;)i+=n(B.substring(t,r.index)),e=g(E,r),e?(M+=e[1],i+=h(e[0],n(r[0]))):i+=n(r[0]),t=E.lR.lastIndex,r=E.lR.exec(B);return i+n(B.substr(t))}function d(){var e="string"==typeof E.sL;if(e&&!x[E.sL])return n(B);var t=e?l(E.sL,B,!0,L[E.sL]):f(B,E.sL.length?E.sL:void 0);return E.r>0&&(M+=t.r),e&&(L[E.sL]=t.top),h(t.language,t.value,!1,!0)}function b(){k+=null!=E.sL?d():p(),B=""}function v(e){k+=e.cN?h(e.cN,"",!0):"",E=Object.create(e,{parent:{value:E}})}function m(e,n){if(B+=e,null==n)return b(),0;var t=o(n,E);if(t)return t.skip?B+=n:(t.eB&&(B+=n),b(),t.rB||t.eB||(B=n)),v(t,n),t.rB?0:n.length;var r=u(E,n);if(r){var i=E;i.skip?B+=n:(i.rE||i.eE||(B+=n),b(),i.eE&&(B=n));do E.cN&&(k+=C),E.skip||(M+=E.r),E=E.parent;while(E!==r.parent);return r.starts&&v(r.starts,""),i.rE?0:n.length}if(c(n,E))throw new Error('Illegal lexeme "'+n+'" for mode "'+(E.cN||"")+'"');return B+=n,n.length||1}var N=R(e);if(!N)throw new Error('Unknown language: "'+e+'"');s(N);var w,E=a||N,L={},k="";for(w=E;w!==N;w=w.parent)w.cN&&(k=h(w.cN,"",!0)+k);var B="",M=0;try{for(var I,j,O=0;;){if(E.t.lastIndex=O,I=E.t.exec(t),!I)break;j=m(t.substring(O,I.index),I[0]),O=I.index+j}for(m(t.substr(O)),w=E;w.parent;w=w.parent)w.cN&&(k+=C);return{r:M,value:k,language:e,top:E}}catch(T){if(T.message&&-1!==T.message.indexOf("Illegal"))return{r:0,value:n(t)};throw T}}function f(e,t){t=t||y.languages||E(x);var r={r:0,value:n(e)},i=r;return t.filter(R).forEach(function(n){var t=l(n,e,!1);t.language=n,t.r>i.r&&(i=t),t.r>r.r&&(i=r,r=t)}),i.language&&(r.second_best=i),r}function g(e){return y.tabReplace||y.useBR?e.replace(M,function(e,n){return y.useBR&&"\n"===e?"
                                    ":y.tabReplace?n.replace(/\t/g,y.tabReplace):void 0}):e}function h(e,n,t){var r=n?L[n]:t,i=[e.trim()];return e.match(/\bhljs\b/)||i.push("hljs"),-1===e.indexOf(r)&&i.push(r),i.join(" ").trim()}function p(e){var n,t,r,o,s,p=a(e);i(p)||(y.useBR?(n=document.createElementNS("http://www.w3.org/1999/xhtml","div"),n.innerHTML=e.innerHTML.replace(/\n/g,"").replace(//g,"\n")):n=e,s=n.textContent,r=p?l(p,s,!0):f(s),t=u(n),t.length&&(o=document.createElementNS("http://www.w3.org/1999/xhtml","div"),o.innerHTML=r.value,r.value=c(t,u(o),s)),r.value=g(r.value),e.innerHTML=r.value,e.className=h(e.className,p,r.language),e.result={language:r.language,re:r.r},r.second_best&&(e.second_best={language:r.second_best.language,re:r.second_best.r}))}function d(e){y=o(y,e)}function b(){if(!b.called){b.called=!0;var e=document.querySelectorAll("pre code");w.forEach.call(e,p)}}function v(){addEventListener("DOMContentLoaded",b,!1),addEventListener("load",b,!1)}function m(n,t){var r=x[n]=t(e);r.aliases&&r.aliases.forEach(function(e){L[e]=n})}function N(){return E(x)}function R(e){return e=(e||"").toLowerCase(),x[e]||x[L[e]]}var w=[],E=Object.keys,x={},L={},k=/^(no-?highlight|plain|text)$/i,B=/\blang(?:uage)?-([\w-]+)\b/i,M=/((^(<[^>]+>|\t|)+|(?:\n)))/gm,C="                                    ",y={classPrefix:"hljs-",tabReplace:null,useBR:!1,languages:void 0},I={"&":"&","<":"<",">":">"};return e.highlight=l,e.highlightAuto=f,e.fixMarkup=g,e.highlightBlock=p,e.configure=d,e.initHighlighting=b,e.initHighlightingOnLoad=v,e.registerLanguage=m,e.listLanguages=N,e.getLanguage=R,e.inherit=o,e.IR="[a-zA-Z]\\w*",e.UIR="[a-zA-Z_]\\w*",e.NR="\\b\\d+(\\.\\d+)?",e.CNR="(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)",e.BNR="\\b(0b[01]+)",e.RSR="!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~",e.BE={b:"\\\\[\\s\\S]",r:0},e.ASM={cN:"string",b:"'",e:"'",i:"\\n",c:[e.BE]},e.QSM={cN:"string",b:'"',e:'"',i:"\\n",c:[e.BE]},e.PWM={b:/\b(a|an|the|are|I'm|isn't|don't|doesn't|won't|but|just|should|pretty|simply|enough|gonna|going|wtf|so|such|will|you|your|like)\b/},e.C=function(n,t,r){var i=e.inherit({cN:"comment",b:n,e:t,c:[]},r||{});return i.c.push(e.PWM),i.c.push({cN:"doctag",b:"(?:TODO|FIXME|NOTE|BUG|XXX):",r:0}),i},e.CLCM=e.C("//","$"),e.CBCM=e.C("/\\*","\\*/"),e.HCM=e.C("#","$"),e.NM={cN:"number",b:e.NR,r:0},e.CNM={cN:"number",b:e.CNR,r:0},e.BNM={cN:"number",b:e.BNR,r:0},e.CSSNM={cN:"number",b:e.NR+"(%|em|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|px|deg|grad|rad|turn|s|ms|Hz|kHz|dpi|dpcm|dppx)?",r:0},e.RM={cN:"regexp",b:/\//,e:/\/[gimuy]*/,i:/\n/,c:[e.BE,{b:/\[/,e:/\]/,r:0,c:[e.BE]}]},e.TM={cN:"title",b:e.IR,r:0},e.UTM={cN:"title",b:e.UIR,r:0},e.METHOD_GUARD={b:"\\.\\s*"+e.UIR,r:0},e});hljs.registerLanguage("xml",function(s){var e="[A-Za-z0-9\\._:-]+",t={eW:!0,i:/`]+/}]}]}]};return{aliases:["html","xhtml","rss","atom","xjb","xsd","xsl","plist"],cI:!0,c:[{cN:"meta",b:"",r:10,c:[{b:"\\[",e:"\\]"}]},s.C("",{r:10}),{b:"<\\!\\[CDATA\\[",e:"\\]\\]>",r:10},{b:/<\?(php)?/,e:/\?>/,sL:"php",c:[{b:"/\\*",e:"\\*/",skip:!0}]},{cN:"tag",b:"|$)",e:">",k:{name:"style"},c:[t],starts:{e:"",rE:!0,sL:["css","xml"]}},{cN:"tag",b:"|$)",e:">",k:{name:"script"},c:[t],starts:{e:"",rE:!0,sL:["actionscript","javascript","handlebars","xml"]}},{cN:"meta",v:[{b:/<\?xml/,e:/\?>/,r:10},{b:/<\?\w+/,e:/\?>/}]},{cN:"tag",b:"",c:[{cN:"name",b:/[^\/><\s]+/,r:0},t]}]}});hljs.registerLanguage("javascript",function(e){var r="[A-Za-z$_][0-9A-Za-z$_]*",t={keyword:"in of if for while finally var new function do return void else break catch instanceof with throw case default try this switch continue typeof delete let yield const export super debugger as async await static import from as",literal:"true false null undefined NaN Infinity",built_in:"eval isFinite isNaN parseFloat parseInt decodeURI decodeURIComponent encodeURI encodeURIComponent escape unescape Object Function Boolean Error EvalError InternalError RangeError ReferenceError StopIteration SyntaxError TypeError URIError Number Math Date String RegExp Array Float32Array Float64Array Int16Array Int32Array Int8Array Uint16Array Uint32Array Uint8Array Uint8ClampedArray ArrayBuffer DataView JSON Intl arguments require module console window document Symbol Set Map WeakSet WeakMap Proxy Reflect Promise"},a={cN:"number",v:[{b:"\\b(0[bB][01]+)"},{b:"\\b(0[oO][0-7]+)"},{b:e.CNR}],r:0},n={cN:"subst",b:"\\$\\{",e:"\\}",k:t,c:[]},c={cN:"string",b:"`",e:"`",c:[e.BE,n]};n.c=[e.ASM,e.QSM,c,a,e.RM];var s=n.c.concat([e.CBCM,e.CLCM]);return{aliases:["js","jsx"],k:t,c:[{cN:"meta",r:10,b:/^\s*['"]use (strict|asm)['"]/},{cN:"meta",b:/^#!/,e:/$/},e.ASM,e.QSM,c,e.CLCM,e.CBCM,a,{b:/[{,]\s*/,r:0,c:[{b:r+"\\s*:",rB:!0,r:0,c:[{cN:"attr",b:r,r:0}]}]},{b:"("+e.RSR+"|\\b(case|return|throw)\\b)\\s*",k:"return throw case",c:[e.CLCM,e.CBCM,e.RM,{cN:"function",b:"(\\(.*?\\)|"+r+")\\s*=>",rB:!0,e:"\\s*=>",c:[{cN:"params",v:[{b:r},{b:/\(\s*\)/},{b:/\(/,e:/\)/,eB:!0,eE:!0,k:t,c:s}]}]},{b://,sL:"xml",c:[{b:/<\w+\s*\/>/,skip:!0},{b:/<\w+/,e:/(\/\w+|\w+\/)>/,skip:!0,c:[{b:/<\w+\s*\/>/,skip:!0},"self"]}]}],r:0},{cN:"function",bK:"function",e:/\{/,eE:!0,c:[e.inherit(e.TM,{b:r}),{cN:"params",b:/\(/,e:/\)/,eB:!0,eE:!0,c:s}],i:/\[|%/},{b:/\$[(.]/},e.METHOD_GUARD,{cN:"class",bK:"class",e:/[{;=]/,eE:!0,i:/[:"\[\]]/,c:[{bK:"extends"},e.UTM]},{bK:"constructor",e:/\{/,eE:!0}],i:/#(?!!)/}}); \ No newline at end of file diff --git a/docs/assets/js/index.js b/docs/assets/js/index.js new file mode 100644 index 0000000..c1ac20e --- /dev/null +++ b/docs/assets/js/index.js @@ -0,0 +1,373 @@ +import { shuffle, getRandomBias } from '../../../src/js/utils/helpers'; +import { HEATMAP_COLORS_YELLOW, HEATMAP_COLORS_BLUE } from '../../../src/js/utils/constants'; +import { SEC_IN_DAY, clone, timestampToMidnight, timestampSec, addDays } from '../../../src/js/utils/date-utils'; +import { fireballOver25, fireball_2_5, fireball_5_25, lineCompositeData, + barCompositeData, typeData, trendsData, moonData } from './data'; +import demoConfig from './demoConfig'; +// import { lineComposite, barComposite } from './demoConfig'; +// ================================================================================ + +let Chart = frappe.Chart; // eslint-disable-line no-undef + +let lc = demoConfig.lineComposite; +let lineCompositeChart = new Chart (lc.elementID, lc.options); + +let bc = demoConfig.barComposite; +let barCompositeChart = new Chart (bc.elementID, bc.options); + +lineCompositeChart.parent.addEventListener('data-select', (e) => { + let i = e.index; + barCompositeChart.updateDatasets([ + fireballOver25[i], fireball_5_25[i], fireball_2_5[i] + ]); +}); + +// ================================================================================ + +let customColors = ['purple', 'magenta', 'light-blue']; +let typeChartArgs = { + title: "My Awesome Chart", + data: typeData, + type: 'axis-mixed', + height: 300, + colors: customColors, + + // maxLegendPoints: 6, + maxSlices: 10, + + tooltipOptions: { + formatTooltipX: d => (d + '').toUpperCase(), + formatTooltipY: d => d + ' pts', + } +}; + +let aggrChart = new Chart("#chart-aggr", typeChartArgs); + +Array.prototype.slice.call( + document.querySelectorAll('.aggr-type-buttons button') +).map(el => { + el.addEventListener('click', (e) => { + let btn = e.target; + let type = btn.getAttribute('data-type'); + typeChartArgs.type = type; + if(type !== 'axis-mixed') { + typeChartArgs.colors = undefined; + } else { + typeChartArgs.colors = customColors; + } + + if(type !== 'percentage') { + typeChartArgs.height = 300; + } else { + typeChartArgs.height = undefined; + } + + let newChart = new Chart("#chart-aggr", typeChartArgs); + if(newChart){ + aggrChart = newChart; + } + Array.prototype.slice.call( + btn.parentNode.querySelectorAll('button')).map(el => { + el.classList.remove('active'); + }); + btn.classList.add('active'); + }); +}); + +document.querySelector('.export-aggr').addEventListener('click', () => { + aggrChart.export(); +}); + +// Update values chart +// ================================================================================ +let updateDataAllLabels = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun", "Mon", "Tue", + "Wed", "Thu", "Fri", "Sat", "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", + "Sat", "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun", "Mon"]; + +let getRandom = () => Math.floor(getRandomBias(-40, 60, 0.8, 1)); +let updateDataAllValues = Array.from({length: 30}, getRandom); + +// We're gonna be shuffling this +let updateDataAllIndices = updateDataAllLabels.map((d,i) => i); + +let getUpdateData = (source_array, length=10) => { + let indices = updateDataAllIndices.slice(0, length); + return indices.map((index) => source_array[index]); +}; + +let updateData = { + labels: getUpdateData(updateDataAllLabels), + datasets: [{ + "values": getUpdateData(updateDataAllValues) + }], + yMarkers: [ + { + label: "Altitude", + value: 25, + type: 'dashed' + } + ], + yRegions: [ + { + label: "Range", + start: 10, + end: 45 + }, + ], +}; + +let updateChart = new Chart("#chart-update", { + data: updateData, + type: 'line', + height: 300, + colors: ['#ff6c03'], + lineOptions: { + // hideLine: 1, + regionFill: 1 + }, +}); + +let chartUpdateButtons = document.querySelector('.chart-update-buttons'); + +chartUpdateButtons.querySelector('[data-update="random"]').addEventListener("click", () => { + shuffle(updateDataAllIndices); + let value = getRandom(); + let start = getRandom(); + let end = getRandom(); + let data = { + labels: updateDataAllLabels.slice(0, 10), + datasets: [{values: getUpdateData(updateDataAllValues)}], + yMarkers: [ + { + label: "Altitude", + value: value, + type: 'dashed' + } + ], + yRegions: [ + { + label: "Range", + start: start, + end: end + }, + ], + }; + updateChart.update(data); +}); + +chartUpdateButtons.querySelector('[data-update="add"]').addEventListener("click", () => { + let index = updateChart.state.datasetLength; // last index to add + if(index >= updateDataAllIndices.length) return; + updateChart.addDataPoint( + updateDataAllLabels[index], [updateDataAllValues[index]] + ); +}); + +chartUpdateButtons.querySelector('[data-update="remove"]').addEventListener("click", () => { + updateChart.removeDataPoint(); +}); + +document.querySelector('.export-update').addEventListener('click', () => { + updateChart.export(); +}); + +// Trends Chart +// ================================================================================ + +let plotChartArgs = { + title: "Mean Total Sunspot Count - Yearly", + data: trendsData, + type: 'line', + height: 300, + colors: ['#238e38'], + lineOptions: { + hideDots: 1, + heatline: 1, + }, + axisOptions: { + xAxisMode: 'tick', + yAxisMode: 'span', + xIsSeries: 1 + } +}; + +let trendsChart = new Chart("#chart-trends", plotChartArgs); + +Array.prototype.slice.call( + document.querySelectorAll('.chart-plot-buttons button') +).map(el => { + el.addEventListener('click', (e) => { + let btn = e.target; + let type = btn.getAttribute('data-type'); + let config = {}; + config[type] = 1; + + if(['regionFill', 'heatline'].includes(type)) { + config.hideDots = 1; + } + + // plotChartArgs.init = false; + plotChartArgs.lineOptions = config; + + new Chart("#chart-trends", plotChartArgs); + + Array.prototype.slice.call( + btn.parentNode.querySelectorAll('button')).map(el => { + el.classList.remove('active'); + }); + btn.classList.add('active'); + }); +}); + +document.querySelector('.export-trends').addEventListener('click', () => { + trendsChart.export(); +}); + + +// Event chart +// ================================================================================ + + + +let eventsData = { + labels: ["Ganymede", "Callisto", "Io", "Europa"], + datasets: [ + { + "values": moonData.distances, + "formatted": moonData.distances.map(d => d*1000 + " km") + } + ] +}; + +let eventsChart = new Chart("#chart-events", { + title: "Jupiter's Moons: Semi-major Axis (1000 km)", + data: eventsData, + type: 'bar', + height: 330, + colors: ['grey'], + isNavigable: 1, +}); + +let dataDiv = document.querySelector('.chart-events-data'); + +eventsChart.parent.addEventListener('data-select', (e) => { + let name = moonData.names[e.index]; + dataDiv.querySelector('.moon-name').innerHTML = name; + dataDiv.querySelector('.semi-major-axis').innerHTML = moonData.distances[e.index] * 1000; + dataDiv.querySelector('.mass').innerHTML = moonData.masses[e.index]; + dataDiv.querySelector('.diameter').innerHTML = moonData.diameters[e.index]; + dataDiv.querySelector('img').src = "./assets/img/" + name.toLowerCase() + ".jpg"; +}); + +// Heatmap +// ================================================================================ + +let today = new Date(); +let start = clone(today); +addDays(start, 4); +let end = clone(start); +start.setFullYear( start.getFullYear() - 2 ); +end.setFullYear( end.getFullYear() - 1 ); + +let dataPoints = {}; + +let startTs = timestampSec(start); +let endTs = timestampSec(end); + +startTs = timestampToMidnight(startTs); +endTs = timestampToMidnight(endTs, true); + +while (startTs < endTs) { + dataPoints[parseInt(startTs)] = Math.floor(getRandomBias(0, 5, 0.2, 1)); + startTs += SEC_IN_DAY; +} + +const heatmapData = { + dataPoints: dataPoints, + start: start, + end: end +}; + +let heatmapArgs = { + title: "Monthly Distribution", + data: heatmapData, + type: 'heatmap', + discreteDomains: 1, + countLabel: 'Level', + colors: HEATMAP_COLORS_BLUE, + legendScale: [0, 1, 2, 4, 5] +}; +let heatmapChart = new Chart("#chart-heatmap", heatmapArgs); + +Array.prototype.slice.call( + document.querySelectorAll('.heatmap-mode-buttons button') +).map(el => { + el.addEventListener('click', (e) => { + let btn = e.target; + let mode = btn.getAttribute('data-mode'); + let discreteDomains = 0; + + if(mode === 'discrete') { + discreteDomains = 1; + } + + let colors = []; + let colors_mode = document + .querySelector('.heatmap-color-buttons .active') + .getAttribute('data-color'); + if(colors_mode === 'halloween') { + colors = HEATMAP_COLORS_YELLOW; + } else if (colors_mode === 'blue') { + colors = HEATMAP_COLORS_BLUE; + } + + heatmapArgs.discreteDomains = discreteDomains; + heatmapArgs.colors = colors; + new Chart("#chart-heatmap", heatmapArgs); + + Array.prototype.slice.call( + btn.parentNode.querySelectorAll('button')).map(el => { + el.classList.remove('active'); + }); + btn.classList.add('active'); + }); +}); + +Array.prototype.slice.call( + document.querySelectorAll('.heatmap-color-buttons button') +).map(el => { + el.addEventListener('click', (e) => { + let btn = e.target; + let colors_mode = btn.getAttribute('data-color'); + let colors = []; + + if(colors_mode === 'halloween') { + colors = HEATMAP_COLORS_YELLOW; + } else if (colors_mode === 'blue') { + colors = HEATMAP_COLORS_BLUE; + } + + let discreteDomains = 1; + + let view_mode = document + .querySelector('.heatmap-mode-buttons .active') + .getAttribute('data-mode'); + if(view_mode === 'continuous') { + discreteDomains = 0; + } + + heatmapArgs.discreteDomains = discreteDomains; + heatmapArgs.colors = colors; + new Chart("#chart-heatmap", heatmapArgs); + + Array.prototype.slice.call( + btn.parentNode.querySelectorAll('button')).map(el => { + el.classList.remove('active'); + }); + btn.classList.add('active'); + }); +}); + +document.querySelector('.export-heatmap').addEventListener('click', () => { + heatmapChart.export(); +}); diff --git a/docs/assets/js/index.min.js b/docs/assets/js/index.min.js new file mode 100644 index 0000000..f41784c --- /dev/null +++ b/docs/assets/js/index.min.js @@ -0,0 +1,657 @@ +(function () { +'use strict'; + +// Fixed 5-color theme, +// More colors are difficult to parse visually + + + + + + + + + +var HEATMAP_COLORS_BLUE = ['#ebedf0', '#c0ddf9', '#73b3f3', '#3886e1', '#17459e']; +var HEATMAP_COLORS_YELLOW = ['#ebedf0', '#fdf436', '#ffc700', '#ff9100', '#06001c']; + + + +// Universal constants + +/** + * Returns the value of a number upto 2 decimal places. + * @param {Number} d Any number + */ + + +/** + * Returns whether or not two given arrays are equal. + * @param {Array} arr1 First array + * @param {Array} arr2 Second array + */ + + +/** + * Shuffles array in place. ES6 version + * @param {Array} array An array containing the items. + */ +function shuffle(array) { + // Awesomeness: https://bost.ocks.org/mike/shuffle/ + // https://stackoverflow.com/a/2450976/6495043 + // https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array?noredirect=1&lq=1 + + for (var i = array.length - 1; i > 0; i--) { + var j = Math.floor(Math.random() * (i + 1)); + var _ref = [array[j], array[i]]; + array[i] = _ref[0]; + array[j] = _ref[1]; + } + + return array; +} + +/** + * Fill an array with extra points + * @param {Array} array Array + * @param {Number} count number of filler elements + * @param {Object} element element to fill with + * @param {Boolean} start fill at start? + */ + + +/** + * Returns pixel width of string. + * @param {String} string + * @param {Number} charWidth Width of single char in pixels + */ + + + + +// https://stackoverflow.com/a/29325222 +function getRandomBias(min, max, bias, influence) { + var range = max - min; + var biasValue = range * bias + min; + var rnd = Math.random() * range + min, + // random in range + mix = Math.random() * influence; // random mixer + return rnd * (1 - mix) + biasValue * mix; // mix full range and bias +} + +// Playing around with dates + + + + +var NO_OF_MILLIS = 1000; +var SEC_IN_DAY = 86400; + + +var MONTH_NAMES_SHORT = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]; + + + + + + +function clone(date) { + return new Date(date.getTime()); +} + +function timestampSec(date) { + return date.getTime() / NO_OF_MILLIS; +} + +function timestampToMidnight(timestamp) { + var roundAhead = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false; + + var midnightTs = Math.floor(timestamp - timestamp % SEC_IN_DAY); + if (roundAhead) { + return midnightTs + SEC_IN_DAY; + } + return midnightTs; +} + +// export function getMonthsBetween(startDate, endDate) {} + + + + + + + + + + + +// mutates + + +// mutates +function addDays(date, numberOfDays) { + date.setDate(date.getDate() + numberOfDays); +} + +// Composite Chart +// ================================================================================ +var reportCountList = [152, 222, 199, 287, 534, 709, 1179, 1256, 1632, 1856, 1850]; + +var lineCompositeData = { + labels: ["2007", "2008", "2009", "2010", "2011", "2012", "2013", "2014", "2015", "2016", "2017"], + + yMarkers: [{ + label: "Average 100 reports/month", + value: 1200, + options: { labelPos: 'left' } + }], + + datasets: [{ + "name": "Events", + "values": reportCountList + }] +}; + +var fireball_5_25 = [[4, 0, 3, 1, 1, 2, 1, 1, 1, 0, 1, 1], [2, 3, 3, 2, 1, 3, 0, 1, 2, 7, 10, 4], [5, 6, 2, 4, 0, 1, 4, 3, 0, 2, 0, 1], [0, 2, 6, 2, 1, 1, 2, 3, 6, 3, 7, 8], [6, 8, 7, 7, 4, 5, 6, 5, 22, 12, 10, 11], [7, 10, 11, 7, 3, 2, 7, 7, 11, 15, 22, 20], [13, 16, 21, 18, 19, 17, 12, 17, 31, 28, 25, 29], [24, 14, 21, 14, 11, 15, 19, 21, 41, 22, 32, 18], [31, 20, 30, 22, 14, 17, 21, 35, 27, 50, 117, 24], [32, 24, 21, 27, 11, 27, 43, 37, 44, 40, 48, 32], [31, 38, 36, 26, 23, 23, 25, 29, 26, 47, 61, 50]]; +var fireball_2_5 = [[22, 6, 6, 9, 7, 8, 6, 14, 19, 10, 8, 20], [11, 13, 12, 8, 9, 11, 9, 13, 10, 22, 40, 24], [20, 13, 13, 19, 13, 10, 14, 13, 20, 18, 5, 9], [7, 13, 16, 19, 12, 11, 21, 27, 27, 24, 33, 33], [38, 25, 28, 22, 31, 21, 35, 42, 37, 32, 46, 53], [50, 33, 36, 34, 35, 28, 27, 52, 58, 59, 75, 69], [54, 67, 67, 45, 66, 51, 38, 64, 90, 113, 116, 87], [84, 52, 56, 51, 55, 46, 50, 87, 114, 83, 152, 93], [73, 58, 59, 63, 56, 51, 83, 140, 103, 115, 265, 89], [106, 95, 94, 71, 77, 75, 99, 136, 129, 154, 168, 156], [81, 102, 95, 72, 58, 91, 89, 122, 124, 135, 183, 171]]; +var fireballOver25 = [ +// [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], +[0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0], [0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0], [1, 1, 0, 0, 0, 0, 1, 0, 1, 0, 0, 0], [0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 2], [3, 2, 1, 3, 2, 0, 2, 2, 2, 3, 0, 1], [2, 3, 5, 2, 1, 3, 0, 2, 3, 5, 1, 4], [7, 4, 6, 1, 9, 2, 2, 2, 20, 9, 4, 9], [5, 6, 1, 2, 5, 4, 5, 5, 16, 9, 14, 9], [5, 4, 7, 5, 1, 5, 3, 3, 5, 7, 22, 2], [5, 13, 11, 6, 1, 7, 9, 8, 14, 17, 16, 3], [8, 9, 8, 6, 4, 8, 5, 6, 14, 11, 21, 12]]; + +var barCompositeData = { + labels: MONTH_NAMES_SHORT, + datasets: [{ + name: "Over 25 reports", + values: fireballOver25[9] + }, { + name: "5 to 25 reports", + values: fireball_5_25[9] + }, { + name: "2 to 5 reports", + values: fireball_2_5[9] + }] +}; + +// Demo Chart multitype Chart +// ================================================================================ +var typeData = { + labels: ["12am-3am", "3am-6am", "6am-9am", "9am-12pm", "12pm-3pm", "3pm-6pm", "6pm-9pm", "9pm-12am"], + + yMarkers: [{ + label: "Marker", + value: 43, + options: { labelPos: 'left' + // type: 'dashed' + } }], + + yRegions: [{ + label: "Region", + start: -10, + end: 50, + options: { labelPos: 'right' } + }], + + datasets: [{ + name: "Some Data", + values: [18, 40, 30, 35, 8, 52, 17, -4], + axisPosition: 'right', + chartType: 'bar' + }, { + name: "Another Set", + values: [30, 50, -10, 15, 18, 32, 27, 14], + axisPosition: 'right', + chartType: 'bar' + }, { + name: "Yet Another", + values: [15, 20, -3, -15, 58, 12, -17, 37], + chartType: 'line' + }] +}; + +var trendsData = { + labels: [1967, 1968, 1969, 1970, 1971, 1972, 1973, 1974, 1975, 1976, 1977, 1978, 1979, 1980, 1981, 1982, 1983, 1984, 1985, 1986, 1987, 1988, 1989, 1990, 1991, 1992, 1993, 1994, 1995, 1996, 1997, 1998, 1999, 2000, 2001, 2002, 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016], + datasets: [{ + values: [132.9, 150.0, 149.4, 148.0, 94.4, 97.6, 54.1, 49.2, 22.5, 18.4, 39.3, 131.0, 220.1, 218.9, 198.9, 162.4, 91.0, 60.5, 20.6, 14.8, 33.9, 123.0, 211.1, 191.8, 203.3, 133.0, 76.1, 44.9, 25.1, 11.6, 28.9, 88.3, 136.3, 173.9, 170.4, 163.6, 99.3, 65.3, 45.8, 24.7, 12.6, 4.2, 4.8, 24.9, 80.8, 84.5, 94.0, 113.3, 69.8, 39.8] + }] +}; + +var moonData = { + names: ["Ganymede", "Callisto", "Io", "Europa"], + masses: [14819000, 10759000, 8931900, 4800000], + distances: [1070.412, 1882.709, 421.700, 671.034], + diameters: [5262.4, 4820.6, 3637.4, 3121.6] +}; + +// const jupiterMoons = { +// 'Ganymede': { +// mass: '14819000 x 10^16 kg', +// 'semi-major-axis': '1070412 km', +// 'diameter': '5262.4 km' +// }, +// 'Callisto': { +// mass: '10759000 x 10^16 kg', +// 'semi-major-axis': '1882709 km', +// 'diameter': '4820.6 km' +// }, +// 'Io': { +// mass: '8931900 x 10^16 kg', +// 'semi-major-axis': '421700 km', +// 'diameter': '3637.4 km' +// }, +// 'Europa': { +// mass: '4800000 x 10^16 kg', +// 'semi-major-axis': '671034 km', +// 'diameter': '3121.6 km' +// }, +// }; + +// ================================================================================ + +var demoConfig = { + lineComposite: { + elementID: "#chart-composite-1", + options: { + title: "Fireball/Bolide Events - Yearly (reported)", + data: lineCompositeData, + type: "line", + height: 190, + colors: ["green"], + isNavigable: 1, + valuesOverPoints: 1, + + lineOptions: { + dotSize: 8 + } + } + }, + + barComposite: { + elementID: "#chart-composite-2", + options: { + data: barCompositeData, + type: "bar", + height: 210, + colors: ["violet", "light-blue", "#46a9f9"], + valuesOverPoints: 1, + axisOptions: { + xAxisMode: "tick", + shortenYAxisNumbers: true + }, + barOptions: { + stacked: 1 + } + } + }, + + demoMain: { + elementID: "", + options: { + title: "My Awesome Chart", + data: "typeData", + type: "axis-mixed", + height: 300, + colors: ["purple", "magenta", "light-blue"], + maxSlices: 10, + + tooltipOptions: { + formatTooltipX: function formatTooltipX(d) { + return (d + '').toUpperCase(); + }, + formatTooltipY: function formatTooltipY(d) { + return d + ' pts'; + } + } + } + } +}; + +// import { lineComposite, barComposite } from './demoConfig'; +// ================================================================================ + +var Chart = frappe.Chart; // eslint-disable-line no-undef + +var lc = demoConfig.lineComposite; +var lineCompositeChart = new Chart(lc.elementID, lc.options); + +var bc = demoConfig.barComposite; +var barCompositeChart = new Chart(bc.elementID, bc.options); + +lineCompositeChart.parent.addEventListener('data-select', function (e) { + var i = e.index; + barCompositeChart.updateDatasets([fireballOver25[i], fireball_5_25[i], fireball_2_5[i]]); +}); + +// ================================================================================ + +var customColors = ['purple', 'magenta', 'light-blue']; +var typeChartArgs = { + title: "My Awesome Chart", + data: typeData, + type: 'axis-mixed', + height: 300, + colors: customColors, + + // maxLegendPoints: 6, + maxSlices: 10, + + tooltipOptions: { + formatTooltipX: function formatTooltipX(d) { + return (d + '').toUpperCase(); + }, + formatTooltipY: function formatTooltipY(d) { + return d + ' pts'; + } + } +}; + +var aggrChart = new Chart("#chart-aggr", typeChartArgs); + +Array.prototype.slice.call(document.querySelectorAll('.aggr-type-buttons button')).map(function (el) { + el.addEventListener('click', function (e) { + var btn = e.target; + var type = btn.getAttribute('data-type'); + typeChartArgs.type = type; + if (type !== 'axis-mixed') { + typeChartArgs.colors = undefined; + } else { + typeChartArgs.colors = customColors; + } + + if (type !== 'percentage') { + typeChartArgs.height = 300; + } else { + typeChartArgs.height = undefined; + } + + var newChart = new Chart("#chart-aggr", typeChartArgs); + if (newChart) { + aggrChart = newChart; + } + Array.prototype.slice.call(btn.parentNode.querySelectorAll('button')).map(function (el) { + el.classList.remove('active'); + }); + btn.classList.add('active'); + }); +}); + +document.querySelector('.export-aggr').addEventListener('click', function () { + aggrChart.export(); +}); + +// Update values chart +// ================================================================================ +var updateDataAllLabels = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun", "Mon"]; + +var getRandom = function getRandom() { + return Math.floor(getRandomBias(-40, 60, 0.8, 1)); +}; +var updateDataAllValues = Array.from({ length: 30 }, getRandom); + +// We're gonna be shuffling this +var updateDataAllIndices = updateDataAllLabels.map(function (d, i) { + return i; +}); + +var getUpdateData = function getUpdateData(source_array) { + var length = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 10; + + var indices = updateDataAllIndices.slice(0, length); + return indices.map(function (index) { + return source_array[index]; + }); +}; + +var updateData = { + labels: getUpdateData(updateDataAllLabels), + datasets: [{ + "values": getUpdateData(updateDataAllValues) + }], + yMarkers: [{ + label: "Altitude", + value: 25, + type: 'dashed' + }], + yRegions: [{ + label: "Range", + start: 10, + end: 45 + }] +}; + +var updateChart = new Chart("#chart-update", { + data: updateData, + type: 'line', + height: 300, + colors: ['#ff6c03'], + lineOptions: { + // hideLine: 1, + regionFill: 1 + } +}); + +var chartUpdateButtons = document.querySelector('.chart-update-buttons'); + +chartUpdateButtons.querySelector('[data-update="random"]').addEventListener("click", function () { + shuffle(updateDataAllIndices); + var value = getRandom(); + var start = getRandom(); + var end = getRandom(); + var data = { + labels: updateDataAllLabels.slice(0, 10), + datasets: [{ values: getUpdateData(updateDataAllValues) }], + yMarkers: [{ + label: "Altitude", + value: value, + type: 'dashed' + }], + yRegions: [{ + label: "Range", + start: start, + end: end + }] + }; + updateChart.update(data); +}); + +chartUpdateButtons.querySelector('[data-update="add"]').addEventListener("click", function () { + var index = updateChart.state.datasetLength; // last index to add + if (index >= updateDataAllIndices.length) return; + updateChart.addDataPoint(updateDataAllLabels[index], [updateDataAllValues[index]]); +}); + +chartUpdateButtons.querySelector('[data-update="remove"]').addEventListener("click", function () { + updateChart.removeDataPoint(); +}); + +document.querySelector('.export-update').addEventListener('click', function () { + updateChart.export(); +}); + +// Trends Chart +// ================================================================================ + +var plotChartArgs = { + title: "Mean Total Sunspot Count - Yearly", + data: trendsData, + type: 'line', + height: 300, + colors: ['#238e38'], + lineOptions: { + hideDots: 1, + heatline: 1 + }, + axisOptions: { + xAxisMode: 'tick', + yAxisMode: 'span', + xIsSeries: 1 + } +}; + +var trendsChart = new Chart("#chart-trends", plotChartArgs); + +Array.prototype.slice.call(document.querySelectorAll('.chart-plot-buttons button')).map(function (el) { + el.addEventListener('click', function (e) { + var btn = e.target; + var type = btn.getAttribute('data-type'); + var config = {}; + config[type] = 1; + + if (['regionFill', 'heatline'].includes(type)) { + config.hideDots = 1; + } + + // plotChartArgs.init = false; + plotChartArgs.lineOptions = config; + + new Chart("#chart-trends", plotChartArgs); + + Array.prototype.slice.call(btn.parentNode.querySelectorAll('button')).map(function (el) { + el.classList.remove('active'); + }); + btn.classList.add('active'); + }); +}); + +document.querySelector('.export-trends').addEventListener('click', function () { + trendsChart.export(); +}); + +// Event chart +// ================================================================================ + + +var eventsData = { + labels: ["Ganymede", "Callisto", "Io", "Europa"], + datasets: [{ + "values": moonData.distances, + "formatted": moonData.distances.map(function (d) { + return d * 1000 + " km"; + }) + }] +}; + +var eventsChart = new Chart("#chart-events", { + title: "Jupiter's Moons: Semi-major Axis (1000 km)", + data: eventsData, + type: 'bar', + height: 330, + colors: ['grey'], + isNavigable: 1 +}); + +var dataDiv = document.querySelector('.chart-events-data'); + +eventsChart.parent.addEventListener('data-select', function (e) { + var name = moonData.names[e.index]; + dataDiv.querySelector('.moon-name').innerHTML = name; + dataDiv.querySelector('.semi-major-axis').innerHTML = moonData.distances[e.index] * 1000; + dataDiv.querySelector('.mass').innerHTML = moonData.masses[e.index]; + dataDiv.querySelector('.diameter').innerHTML = moonData.diameters[e.index]; + dataDiv.querySelector('img').src = "./assets/img/" + name.toLowerCase() + ".jpg"; +}); + +// Heatmap +// ================================================================================ + +var today = new Date(); +var start = clone(today); +addDays(start, 4); +var end = clone(start); +start.setFullYear(start.getFullYear() - 2); +end.setFullYear(end.getFullYear() - 1); + +var dataPoints = {}; + +var startTs = timestampSec(start); +var endTs = timestampSec(end); + +startTs = timestampToMidnight(startTs); +endTs = timestampToMidnight(endTs, true); + +while (startTs < endTs) { + dataPoints[parseInt(startTs)] = Math.floor(getRandomBias(0, 5, 0.2, 1)); + startTs += SEC_IN_DAY; +} + +var heatmapData = { + dataPoints: dataPoints, + start: start, + end: end +}; + +var heatmapArgs = { + title: "Monthly Distribution", + data: heatmapData, + type: 'heatmap', + discreteDomains: 1, + countLabel: 'Level', + colors: HEATMAP_COLORS_BLUE, + legendScale: [0, 1, 2, 4, 5] +}; +var heatmapChart = new Chart("#chart-heatmap", heatmapArgs); + +Array.prototype.slice.call(document.querySelectorAll('.heatmap-mode-buttons button')).map(function (el) { + el.addEventListener('click', function (e) { + var btn = e.target; + var mode = btn.getAttribute('data-mode'); + var discreteDomains = 0; + + if (mode === 'discrete') { + discreteDomains = 1; + } + + var colors = []; + var colors_mode = document.querySelector('.heatmap-color-buttons .active').getAttribute('data-color'); + if (colors_mode === 'halloween') { + colors = HEATMAP_COLORS_YELLOW; + } else if (colors_mode === 'blue') { + colors = HEATMAP_COLORS_BLUE; + } + + heatmapArgs.discreteDomains = discreteDomains; + heatmapArgs.colors = colors; + new Chart("#chart-heatmap", heatmapArgs); + + Array.prototype.slice.call(btn.parentNode.querySelectorAll('button')).map(function (el) { + el.classList.remove('active'); + }); + btn.classList.add('active'); + }); +}); + +Array.prototype.slice.call(document.querySelectorAll('.heatmap-color-buttons button')).map(function (el) { + el.addEventListener('click', function (e) { + var btn = e.target; + var colors_mode = btn.getAttribute('data-color'); + var colors = []; + + if (colors_mode === 'halloween') { + colors = HEATMAP_COLORS_YELLOW; + } else if (colors_mode === 'blue') { + colors = HEATMAP_COLORS_BLUE; + } + + var discreteDomains = 1; + + var view_mode = document.querySelector('.heatmap-mode-buttons .active').getAttribute('data-mode'); + if (view_mode === 'continuous') { + discreteDomains = 0; + } + + heatmapArgs.discreteDomains = discreteDomains; + heatmapArgs.colors = colors; + new Chart("#chart-heatmap", heatmapArgs); + + Array.prototype.slice.call(btn.parentNode.querySelectorAll('button')).map(function (el) { + el.classList.remove('active'); + }); + btn.classList.add('active'); + }); +}); + +document.querySelector('.export-heatmap').addEventListener('click', function () { + heatmapChart.export(); +}); + +}()); +//# sourceMappingURL=index.min.js.map diff --git a/docs/assets/js/index.min.js.map b/docs/assets/js/index.min.js.map new file mode 100644 index 0000000..a775e99 --- /dev/null +++ b/docs/assets/js/index.min.js.map @@ -0,0 +1 @@ +{"version":3,"file":"index.min.js","sources":["../../../src/js/utils/constants.js","../../../src/js/utils/helpers.js","../../../src/js/utils/date-utils.js","data.js","demoConfig.js","index.js"],"sourcesContent":["export const ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\r\n\r\nexport const COMPATIBLE_CHARTS = {\r\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\r\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\r\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\r\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\r\n\theatmap: []\r\n};\r\n\r\nexport const DATA_COLOR_DIVISIONS = {\r\n\tbar: 'datasets',\r\n\tline: 'datasets',\r\n\tpie: 'labels',\r\n\tpercentage: 'labels',\r\n\theatmap: HEATMAP_DISTRIBUTION_SIZE\r\n};\r\n\r\nexport const BASE_MEASURES = {\r\n\tmargins: {\r\n\t\ttop: 10,\r\n\t\tbottom: 10,\r\n\t\tleft: 20,\r\n\t\tright: 20\r\n\t},\r\n\tpaddings: {\r\n\t\ttop: 20,\r\n\t\tbottom: 40,\r\n\t\tleft: 30,\r\n\t\tright: 10\r\n\t},\r\n\r\n\tbaseHeight: 240,\r\n\ttitleHeight: 20,\r\n\tlegendHeight: 30,\r\n\r\n\ttitleFontSize: 12,\r\n};\r\n\r\nexport function getTopOffset(m) {\r\n\treturn m.titleHeight + m.margins.top + m.paddings.top;\r\n}\r\n\r\nexport function getLeftOffset(m) {\r\n\treturn m.margins.left + m.paddings.left;\r\n}\r\n\r\nexport function getExtraHeight(m) {\r\n\tlet totalExtraHeight = m.margins.top + m.margins.bottom\r\n\t\t+ m.paddings.top + m.paddings.bottom\r\n\t\t+ m.titleHeight + m.legendHeight;\r\n\treturn totalExtraHeight;\r\n}\r\n\r\nexport function getExtraWidth(m) {\r\n\tlet totalExtraWidth = m.margins.left + m.margins.right\r\n\t\t+ m.paddings.left + m.paddings.right;\r\n\r\n\treturn totalExtraWidth;\r\n}\r\n\r\nexport const INIT_CHART_UPDATE_TIMEOUT = 700;\r\nexport const CHART_POST_ANIMATE_TIMEOUT = 400;\r\n\r\nexport const DEFAULT_AXIS_CHART_TYPE = 'line';\r\nexport const AXIS_DATASET_CHART_TYPES = ['line', 'bar'];\r\n\r\nexport const AXIS_LEGEND_BAR_SIZE = 100;\r\n\r\nexport const BAR_CHART_SPACE_RATIO = 0.5;\r\nexport const MIN_BAR_PERCENT_HEIGHT = 0.00;\r\n\r\nexport const LINE_CHART_DOT_SIZE = 4;\r\nexport const DOT_OVERLAY_SIZE_INCR = 4;\r\n\r\nexport const PERCENTAGE_BAR_DEFAULT_HEIGHT = 20;\r\nexport const PERCENTAGE_BAR_DEFAULT_DEPTH = 2;\r\n\r\n// Fixed 5-color theme,\r\n// More colors are difficult to parse visually\r\nexport const HEATMAP_DISTRIBUTION_SIZE = 5;\r\n\r\nexport const HEATMAP_SQUARE_SIZE = 10;\r\nexport const HEATMAP_GUTTER_SIZE = 2;\r\n\r\nexport const DEFAULT_CHAR_WIDTH = 7;\r\n\r\nexport const TOOLTIP_POINTER_TRIANGLE_HEIGHT = 5;\r\n\r\nconst DEFAULT_CHART_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\r\n\t'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey'];\r\nconst HEATMAP_COLORS_GREEN = ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\r\nexport const HEATMAP_COLORS_BLUE = ['#ebedf0', '#c0ddf9', '#73b3f3', '#3886e1', '#17459e'];\r\nexport const HEATMAP_COLORS_YELLOW = ['#ebedf0', '#fdf436', '#ffc700', '#ff9100', '#06001c'];\r\n\r\nexport const DEFAULT_COLORS = {\r\n\tbar: DEFAULT_CHART_COLORS,\r\n\tline: DEFAULT_CHART_COLORS,\r\n\tpie: DEFAULT_CHART_COLORS,\r\n\tpercentage: DEFAULT_CHART_COLORS,\r\n\theatmap: HEATMAP_COLORS_GREEN,\r\n\tdonut: DEFAULT_CHART_COLORS\r\n};\r\n\r\n// Universal constants\r\nexport const ANGLE_RATIO = Math.PI / 180;\r\nexport const FULL_ANGLE = 360;\r\n","import { ANGLE_RATIO } from './constants';\r\n\r\n/**\r\n * Returns the value of a number upto 2 decimal places.\r\n * @param {Number} d Any number\r\n */\r\nexport function floatTwo(d) {\r\n\treturn parseFloat(d.toFixed(2));\r\n}\r\n\r\n/**\r\n * Returns whether or not two given arrays are equal.\r\n * @param {Array} arr1 First array\r\n * @param {Array} arr2 Second array\r\n */\r\nexport function arraysEqual(arr1, arr2) {\r\n\tif(arr1.length !== arr2.length) return false;\r\n\tlet areEqual = true;\r\n\tarr1.map((d, i) => {\r\n\t\tif(arr2[i] !== d) areEqual = false;\r\n\t});\r\n\treturn areEqual;\r\n}\r\n\r\n/**\r\n * Shuffles array in place. ES6 version\r\n * @param {Array} array An array containing the items.\r\n */\r\nexport function shuffle(array) {\r\n\t// Awesomeness: https://bost.ocks.org/mike/shuffle/\r\n\t// https://stackoverflow.com/a/2450976/6495043\r\n\t// https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array?noredirect=1&lq=1\r\n\r\n\tfor (let i = array.length - 1; i > 0; i--) {\r\n\t\tlet j = Math.floor(Math.random() * (i + 1));\r\n\t\t[array[i], array[j]] = [array[j], array[i]];\r\n\t}\r\n\r\n\treturn array;\r\n}\r\n\r\n/**\r\n * Fill an array with extra points\r\n * @param {Array} array Array\r\n * @param {Number} count number of filler elements\r\n * @param {Object} element element to fill with\r\n * @param {Boolean} start fill at start?\r\n */\r\nexport function fillArray(array, count, element, start=false) {\r\n\tif(!element) {\r\n\t\telement = start ? array[0] : array[array.length - 1];\r\n\t}\r\n\tlet fillerArray = new Array(Math.abs(count)).fill(element);\r\n\tarray = start ? fillerArray.concat(array) : array.concat(fillerArray);\r\n\treturn array;\r\n}\r\n\r\n/**\r\n * Returns pixel width of string.\r\n * @param {String} string\r\n * @param {Number} charWidth Width of single char in pixels\r\n */\r\nexport function getStringWidth(string, charWidth) {\r\n\treturn (string+\"\").length * charWidth;\r\n}\r\n\r\nexport function bindChange(obj, getFn, setFn) {\r\n\treturn new Proxy(obj, {\r\n\t\tset: function(target, prop, value) {\r\n\t\t\tsetFn();\r\n\t\t\treturn Reflect.set(target, prop, value);\r\n\t\t},\r\n\t\tget: function(target, prop) {\r\n\t\t\tgetFn();\r\n\t\t\treturn Reflect.get(target, prop);\r\n\t\t}\r\n\t});\r\n}\r\n\r\n// https://stackoverflow.com/a/29325222\r\nexport function getRandomBias(min, max, bias, influence) {\r\n\tconst range = max - min;\r\n\tconst biasValue = range * bias + min;\r\n\tvar rnd = Math.random() * range + min,\t\t// random in range\r\n\t\tmix = Math.random() * influence;\t\t// random mixer\r\n\treturn rnd * (1 - mix) + biasValue * mix;\t// mix full range and bias\r\n}\r\n\r\nexport function getPositionByAngle(angle, radius) {\r\n\treturn {\r\n\t\tx: Math.sin(angle * ANGLE_RATIO) * radius,\r\n\t\ty: Math.cos(angle * ANGLE_RATIO) * radius,\r\n\t};\r\n}\r\n","// Playing around with dates\r\n\r\nexport const NO_OF_YEAR_MONTHS = 12;\r\nexport const NO_OF_DAYS_IN_WEEK = 7;\r\nexport const DAYS_IN_YEAR = 375;\r\nexport const NO_OF_MILLIS = 1000;\r\nexport const SEC_IN_DAY = 86400;\r\n\r\nexport const MONTH_NAMES = [\"January\", \"February\", \"March\", \"April\", \"May\",\r\n\t\"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\"];\r\nexport const MONTH_NAMES_SHORT = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\",\r\n\t\"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"];\r\n\r\nexport const DAY_NAMES_SHORT = [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\"];\r\nexport const DAY_NAMES = [\"Sunday\", \"Monday\", \"Tuesday\", \"Wednesday\",\r\n\t\"Thursday\", \"Friday\", \"Saturday\"];\r\n\r\n// https://stackoverflow.com/a/11252167/6495043\r\nfunction treatAsUtc(date) {\r\n\tlet result = new Date(date);\r\n\tresult.setMinutes(result.getMinutes() - result.getTimezoneOffset());\r\n\treturn result;\r\n}\r\n\r\nexport function getYyyyMmDd(date) {\r\n\tlet dd = date.getDate();\r\n\tlet mm = date.getMonth() + 1; // getMonth() is zero-based\r\n\treturn [\r\n\t\tdate.getFullYear(),\r\n\t\t(mm>9 ? '' : '0') + mm,\r\n\t\t(dd>9 ? '' : '0') + dd\r\n\t].join('-');\r\n}\r\n\r\nexport function clone(date) {\r\n\treturn new Date(date.getTime());\r\n}\r\n\r\nexport function timestampSec(date) {\r\n\treturn date.getTime()/NO_OF_MILLIS;\r\n}\r\n\r\nexport function timestampToMidnight(timestamp, roundAhead = false) {\r\n\tlet midnightTs = Math.floor(timestamp - (timestamp % SEC_IN_DAY));\r\n\tif(roundAhead) {\r\n\t\treturn midnightTs + SEC_IN_DAY;\r\n\t}\r\n\treturn midnightTs;\r\n}\r\n\r\n// export function getMonthsBetween(startDate, endDate) {}\r\n\r\nexport function getWeeksBetween(startDate, endDate) {\r\n\tlet weekStartDate = setDayToSunday(startDate);\r\n\treturn Math.ceil(getDaysBetween(weekStartDate, endDate) / NO_OF_DAYS_IN_WEEK);\r\n}\r\n\r\nexport function getDaysBetween(startDate, endDate) {\r\n\tlet millisecondsPerDay = SEC_IN_DAY * NO_OF_MILLIS;\r\n\treturn (treatAsUtc(endDate) - treatAsUtc(startDate)) / millisecondsPerDay;\r\n}\r\n\r\nexport function areInSameMonth(startDate, endDate) {\r\n\treturn startDate.getMonth() === endDate.getMonth()\r\n\t\t&& startDate.getFullYear() === endDate.getFullYear();\r\n}\r\n\r\nexport function getMonthName(i, short=false) {\r\n\tlet monthName = MONTH_NAMES[i];\r\n\treturn short ? monthName.slice(0, 3) : monthName;\r\n}\r\n\r\nexport function getLastDateInMonth (month, year) {\r\n\treturn new Date(year, month + 1, 0); // 0: last day in previous month\r\n}\r\n\r\n// mutates\r\nexport function setDayToSunday(date) {\r\n\tlet newDate = clone(date);\r\n\tconst day = newDate.getDay();\r\n\tif(day !== 0) {\r\n\t\taddDays(newDate, (-1) * day);\r\n\t}\r\n\treturn newDate;\r\n}\r\n\r\n// mutates\r\nexport function addDays(date, numberOfDays) {\r\n\tdate.setDate(date.getDate() + numberOfDays);\r\n}\r\n","import { MONTH_NAMES_SHORT } from '../../../src/js/utils/date-utils';\n\n// Composite Chart\n// ================================================================================\nconst reportCountList = [152, 222, 199, 287, 534, 709,\n\t1179, 1256, 1632, 1856, 1850];\n\nexport const lineCompositeData = {\n\tlabels: [\"2007\", \"2008\", \"2009\", \"2010\", \"2011\", \"2012\",\n\t\t\"2013\", \"2014\", \"2015\", \"2016\", \"2017\"],\n\n\tyMarkers: [\n\t\t{\n\t\t\tlabel: \"Average 100 reports/month\",\n\t\t\tvalue: 1200,\n\t\t\toptions: { labelPos: 'left' }\n\t\t}\n\t],\n\n\tdatasets: [{\n\t\t\"name\": \"Events\",\n\t\t\"values\": reportCountList\n\t}]\n};\n\n\nexport const fireball_5_25 = [\n\t[4, 0, 3, 1, 1, 2, 1, 1, 1, 0, 1, 1],\n\t[2, 3, 3, 2, 1, 3, 0, 1, 2, 7, 10, 4],\n\t[5, 6, 2, 4, 0, 1, 4, 3, 0, 2, 0, 1],\n\t[0, 2, 6, 2, 1, 1, 2, 3, 6, 3, 7, 8],\n\t[6, 8, 7, 7, 4, 5, 6, 5, 22, 12, 10, 11],\n\t[7, 10, 11, 7, 3, 2, 7, 7, 11, 15, 22, 20],\n\t[13, 16, 21, 18, 19, 17, 12, 17, 31, 28, 25, 29],\n\t[24, 14, 21, 14, 11, 15, 19, 21, 41, 22, 32, 18],\n\t[31, 20, 30, 22, 14, 17, 21, 35, 27, 50, 117, 24],\n\t[32, 24, 21, 27, 11, 27, 43, 37, 44, 40, 48, 32],\n\t[31, 38, 36, 26, 23, 23, 25, 29, 26, 47, 61, 50],\n];\nexport const fireball_2_5 = [\n\t[22, 6, 6, 9, 7, 8, 6, 14, 19, 10, 8, 20],\n\t[11, 13, 12, 8, 9, 11, 9, 13, 10, 22, 40, 24],\n\t[20, 13, 13, 19, 13, 10, 14, 13, 20, 18, 5, 9],\n\t[7, 13, 16, 19, 12, 11, 21, 27, 27, 24, 33, 33],\n\t[38, 25, 28, 22, 31, 21, 35, 42, 37, 32, 46, 53],\n\t[50, 33, 36, 34, 35, 28, 27, 52, 58, 59, 75, 69],\n\t[54, 67, 67, 45, 66, 51, 38, 64, 90, 113, 116, 87],\n\t[84, 52, 56, 51, 55, 46, 50, 87, 114, 83, 152, 93],\n\t[73, 58, 59, 63, 56, 51, 83, 140, 103, 115, 265, 89],\n\t[106, 95, 94, 71, 77, 75, 99, 136, 129, 154, 168, 156],\n\t[81, 102, 95, 72, 58, 91, 89, 122, 124, 135, 183, 171],\n];\nexport const fireballOver25 = [\n\t// [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],\n\t[0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0],\n\t[0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0],\n\t[1, 1, 0, 0, 0, 0, 1, 0, 1, 0, 0, 0],\n\t[0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 2],\n\t[3, 2, 1, 3, 2, 0, 2, 2, 2, 3, 0, 1],\n\t[2, 3, 5, 2, 1, 3, 0, 2, 3, 5, 1, 4],\n\t[7, 4, 6, 1, 9, 2, 2, 2, 20, 9, 4, 9],\n\t[5, 6, 1, 2, 5, 4, 5, 5, 16, 9, 14, 9],\n\t[5, 4, 7, 5, 1, 5, 3, 3, 5, 7, 22, 2],\n\t[5, 13, 11, 6, 1, 7, 9, 8, 14, 17, 16, 3],\n\t[8, 9, 8, 6, 4, 8, 5, 6, 14, 11, 21, 12]\n];\n\nexport const barCompositeData = {\n\tlabels: MONTH_NAMES_SHORT,\n\tdatasets: [\n\t\t{\n\t\t\tname: \"Over 25 reports\",\n\t\t\tvalues: fireballOver25[9],\n\t\t},\n\t\t{\n\t\t\tname: \"5 to 25 reports\",\n\t\t\tvalues: fireball_5_25[9],\n\t\t},\n\t\t{\n\t\t\tname: \"2 to 5 reports\",\n\t\t\tvalues: fireball_2_5[9]\n\t\t}\n\t]\n};\n\n// Demo Chart multitype Chart\n// ================================================================================\nexport const typeData = {\n\tlabels: [\"12am-3am\", \"3am-6am\", \"6am-9am\", \"9am-12pm\",\n\t\t\"12pm-3pm\", \"3pm-6pm\", \"6pm-9pm\", \"9pm-12am\"],\n\n\tyMarkers: [\n\t\t{\n\t\t\tlabel: \"Marker\",\n\t\t\tvalue: 43,\n\t\t\toptions: { labelPos: 'left' }\n\t\t\t// type: 'dashed'\n\t\t}\n\t],\n\n\tyRegions: [\n\t\t{\n\t\t\tlabel: \"Region\",\n\t\t\tstart: -10,\n\t\t\tend: 50,\n\t\t\toptions: { labelPos: 'right' }\n\t\t},\n\t],\n\n\tdatasets: [\n\t\t{\n\t\t\tname: \"Some Data\",\n\t\t\tvalues: [18, 40, 30, 35, 8, 52, 17, -4],\n\t\t\taxisPosition: 'right',\n\t\t\tchartType: 'bar'\n\t\t},\n\t\t{\n\t\t\tname: \"Another Set\",\n\t\t\tvalues: [30, 50, -10, 15, 18, 32, 27, 14],\n\t\t\taxisPosition: 'right',\n\t\t\tchartType: 'bar'\n\t\t},\n\t\t{\n\t\t\tname: \"Yet Another\",\n\t\t\tvalues: [15, 20, -3, -15, 58, 12, -17, 37],\n\t\t\tchartType: 'line'\n\t\t}\n\t]\n};\n\nexport const trendsData = {\n\tlabels: [1967, 1968, 1969, 1970, 1971, 1972, 1973, 1974, 1975, 1976,\n\t\t1977, 1978, 1979, 1980, 1981, 1982, 1983, 1984, 1985, 1986,\n\t\t1987, 1988, 1989, 1990, 1991, 1992, 1993, 1994, 1995, 1996,\n\t\t1997, 1998, 1999, 2000, 2001, 2002, 2003, 2004, 2005, 2006,\n\t\t2007, 2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016] ,\n\tdatasets: [\n\t\t{\n\t\t\tvalues: [132.9, 150.0, 149.4, 148.0, 94.4, 97.6, 54.1, 49.2, 22.5, 18.4,\n\t\t\t\t39.3, 131.0, 220.1, 218.9, 198.9, 162.4, 91.0, 60.5, 20.6, 14.8,\n\t\t\t\t33.9, 123.0, 211.1, 191.8, 203.3, 133.0, 76.1, 44.9, 25.1, 11.6,\n\t\t\t\t28.9, 88.3, 136.3, 173.9, 170.4, 163.6, 99.3, 65.3, 45.8, 24.7,\n\t\t\t\t12.6, 4.2, 4.8, 24.9, 80.8, 84.5, 94.0, 113.3, 69.8, 39.8]\n\t\t}\n\t]\n};\n\nexport const moonData = {\n\tnames: [\"Ganymede\", \"Callisto\", \"Io\", \"Europa\"],\n\tmasses: [14819000, 10759000, 8931900, 4800000],\n\tdistances: [1070.412, 1882.709, 421.700, 671.034],\n\tdiameters: [5262.4, 4820.6, 3637.4, 3121.6],\n};\n\n// const jupiterMoons = {\n// \t'Ganymede': {\n// \t\tmass: '14819000 x 10^16 kg',\n// \t\t'semi-major-axis': '1070412 km',\n// \t\t'diameter': '5262.4 km'\n// \t},\n// \t'Callisto': {\n// \t\tmass: '10759000 x 10^16 kg',\n// \t\t'semi-major-axis': '1882709 km',\n// \t\t'diameter': '4820.6 km'\n// \t},\n// \t'Io': {\n// \t\tmass: '8931900 x 10^16 kg',\n// \t\t'semi-major-axis': '421700 km',\n// \t\t'diameter': '3637.4 km'\n// \t},\n// \t'Europa': {\n// \t\tmass: '4800000 x 10^16 kg',\n// \t\t'semi-major-axis': '671034 km',\n// \t\t'diameter': '3121.6 km'\n// \t},\n// };\n\n// ================================================================================\n\n","import { lineCompositeData, barCompositeData } from './data';\n\nexport default {\n\tlineComposite: {\n\t\telementID: \"#chart-composite-1\",\n\t\toptions: {\n\t\t\ttitle: \"Fireball/Bolide Events - Yearly (reported)\",\n\t\t\tdata: lineCompositeData,\n\t\t\ttype: \"line\",\n\t\t\theight: 190,\n\t\t\tcolors: [\"green\"],\n\t\t\tisNavigable: 1,\n\t\t\tvaluesOverPoints: 1,\n\n\t\t\tlineOptions: {\n\t\t\t\tdotSize: 8\n\t\t\t}\n\t\t}\n\t},\n\n\tbarComposite: {\n\t\telementID: \"#chart-composite-2\",\n\t\toptions: {\n\t\t\tdata: barCompositeData,\n\t\t\ttype: \"bar\",\n\t\t\theight: 210,\n\t\t\tcolors: [\"violet\", \"light-blue\", \"#46a9f9\"],\n\t\t\tvaluesOverPoints: 1,\n\t\t\taxisOptions: {\n\t\t\t\txAxisMode: \"tick\",\n\t\t\t\tshortenYAxisNumbers: true\n\t\t\t},\n\t\t\tbarOptions: {\n\t\t\t\tstacked: 1\n\t\t\t}\n\t\t}\n\t},\n\n\tdemoMain: {\n\t\telementID: \"\",\n\t\toptions: {\n\t\t\ttitle: \"My Awesome Chart\",\n\t\t\tdata: \"typeData\",\n\t\t\ttype: \"axis-mixed\",\n\t\t\theight: 300,\n\t\t\tcolors: [\"purple\", \"magenta\", \"light-blue\"],\n\t\t\tmaxSlices: 10,\n\n\t\t\ttooltipOptions: {\n\t\t\t\tformatTooltipX: d => (d + '').toUpperCase(),\n\t\t\t\tformatTooltipY: d => d + ' pts',\n\t\t\t}\n\t\t}\n\t}\n};","import { shuffle, getRandomBias } from '../../../src/js/utils/helpers';\nimport { HEATMAP_COLORS_YELLOW, HEATMAP_COLORS_BLUE } from '../../../src/js/utils/constants';\nimport { SEC_IN_DAY, clone, timestampToMidnight, timestampSec, addDays } from '../../../src/js/utils/date-utils';\nimport { fireballOver25, fireball_2_5, fireball_5_25, lineCompositeData,\n\tbarCompositeData, typeData, trendsData, moonData } from './data';\nimport demoConfig from './demoConfig';\n// import { lineComposite, barComposite } from './demoConfig';\n// ================================================================================\n\nlet Chart = frappe.Chart; // eslint-disable-line no-undef\n\nlet lc = demoConfig.lineComposite;\nlet lineCompositeChart = new Chart (lc.elementID, lc.options);\n\nlet bc = demoConfig.barComposite;\nlet barCompositeChart = new Chart (bc.elementID, bc.options);\n\nlineCompositeChart.parent.addEventListener('data-select', (e) => {\n\tlet i = e.index;\n\tbarCompositeChart.updateDatasets([\n\t\tfireballOver25[i], fireball_5_25[i], fireball_2_5[i]\n\t]);\n});\n\n// ================================================================================\n\nlet customColors = ['purple', 'magenta', 'light-blue'];\nlet typeChartArgs = {\n\ttitle: \"My Awesome Chart\",\n\tdata: typeData,\n\ttype: 'axis-mixed',\n\theight: 300,\n\tcolors: customColors,\n\n\t// maxLegendPoints: 6,\n\tmaxSlices: 10,\n\n\ttooltipOptions: {\n\t\tformatTooltipX: d => (d + '').toUpperCase(),\n\t\tformatTooltipY: d => d + ' pts',\n\t}\n};\n\nlet aggrChart = new Chart(\"#chart-aggr\", typeChartArgs);\n\nArray.prototype.slice.call(\n\tdocument.querySelectorAll('.aggr-type-buttons button')\n).map(el => {\n\tel.addEventListener('click', (e) => {\n\t\tlet btn = e.target;\n\t\tlet type = btn.getAttribute('data-type');\n\t\ttypeChartArgs.type = type;\n\t\tif(type !== 'axis-mixed') {\n\t\t\ttypeChartArgs.colors = undefined;\n\t\t} else {\n\t\t\ttypeChartArgs.colors = customColors;\n\t\t}\n\n\t\tif(type !== 'percentage') {\n\t\t\ttypeChartArgs.height = 300;\n\t\t} else {\n\t\t\ttypeChartArgs.height = undefined;\n\t\t}\n\n\t\tlet newChart = new Chart(\"#chart-aggr\", typeChartArgs);\n\t\tif(newChart){\n\t\t\taggrChart = newChart;\n\t\t}\n\t\tArray.prototype.slice.call(\n\t\t\tbtn.parentNode.querySelectorAll('button')).map(el => {\n\t\t\tel.classList.remove('active');\n\t\t});\n\t\tbtn.classList.add('active');\n\t});\n});\n\ndocument.querySelector('.export-aggr').addEventListener('click', () => {\n\taggrChart.export();\n});\n\n// Update values chart\n// ================================================================================\nlet updateDataAllLabels = [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\", \"Sun\", \"Mon\", \"Tue\",\n\t\"Wed\", \"Thu\", \"Fri\", \"Sat\", \"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\",\n\t\"Sat\", \"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\", \"Sun\", \"Mon\"];\n\nlet getRandom = () => Math.floor(getRandomBias(-40, 60, 0.8, 1));\nlet updateDataAllValues = Array.from({length: 30}, getRandom);\n\n// We're gonna be shuffling this\nlet updateDataAllIndices = updateDataAllLabels.map((d,i) => i);\n\nlet getUpdateData = (source_array, length=10) => {\n\tlet indices = updateDataAllIndices.slice(0, length);\n\treturn indices.map((index) => source_array[index]);\n};\n\nlet updateData = {\n\tlabels: getUpdateData(updateDataAllLabels),\n\tdatasets: [{\n\t\t\"values\": getUpdateData(updateDataAllValues)\n\t}],\n\tyMarkers: [\n\t\t{\n\t\t\tlabel: \"Altitude\",\n\t\t\tvalue: 25,\n\t\t\ttype: 'dashed'\n\t\t}\n\t],\n\tyRegions: [\n\t\t{\n\t\t\tlabel: \"Range\",\n\t\t\tstart: 10,\n\t\t\tend: 45\n\t\t},\n\t],\n};\n\nlet updateChart = new Chart(\"#chart-update\", {\n\tdata: updateData,\n\ttype: 'line',\n\theight: 300,\n\tcolors: ['#ff6c03'],\n\tlineOptions: {\n\t\t// hideLine: 1,\n\t\tregionFill: 1\n\t},\n});\n\nlet chartUpdateButtons = document.querySelector('.chart-update-buttons');\n\nchartUpdateButtons.querySelector('[data-update=\"random\"]').addEventListener(\"click\", () => {\n\tshuffle(updateDataAllIndices);\n\tlet value = getRandom();\n\tlet start = getRandom();\n\tlet end = getRandom();\n\tlet data = {\n\t\tlabels: updateDataAllLabels.slice(0, 10),\n\t\tdatasets: [{values: getUpdateData(updateDataAllValues)}],\n\t\tyMarkers: [\n\t\t\t{\n\t\t\t\tlabel: \"Altitude\",\n\t\t\t\tvalue: value,\n\t\t\t\ttype: 'dashed'\n\t\t\t}\n\t\t],\n\t\tyRegions: [\n\t\t\t{\n\t\t\t\tlabel: \"Range\",\n\t\t\t\tstart: start,\n\t\t\t\tend: end\n\t\t\t},\n\t\t],\n\t};\n\tupdateChart.update(data);\n});\n\nchartUpdateButtons.querySelector('[data-update=\"add\"]').addEventListener(\"click\", () => {\n\tlet index = updateChart.state.datasetLength; // last index to add\n\tif(index >= updateDataAllIndices.length) return;\n\tupdateChart.addDataPoint(\n\t\tupdateDataAllLabels[index], [updateDataAllValues[index]]\n\t);\n});\n\nchartUpdateButtons.querySelector('[data-update=\"remove\"]').addEventListener(\"click\", () => {\n\tupdateChart.removeDataPoint();\n});\n\ndocument.querySelector('.export-update').addEventListener('click', () => {\n\tupdateChart.export();\n});\n\n// Trends Chart\n// ================================================================================\n\nlet plotChartArgs = {\n\ttitle: \"Mean Total Sunspot Count - Yearly\",\n\tdata: trendsData,\n\ttype: 'line',\n\theight: 300,\n\tcolors: ['#238e38'],\n\tlineOptions: {\n\t\thideDots: 1,\n\t\theatline: 1,\n\t},\n\taxisOptions: {\n\t\txAxisMode: 'tick',\n\t\tyAxisMode: 'span',\n\t\txIsSeries: 1\n\t}\n};\n\nlet trendsChart = new Chart(\"#chart-trends\", plotChartArgs);\n\nArray.prototype.slice.call(\n\tdocument.querySelectorAll('.chart-plot-buttons button')\n).map(el => {\n\tel.addEventListener('click', (e) => {\n\t\tlet btn = e.target;\n\t\tlet type = btn.getAttribute('data-type');\n\t\tlet config = {};\n\t\tconfig[type] = 1;\n\n\t\tif(['regionFill', 'heatline'].includes(type)) {\n\t\t\tconfig.hideDots = 1;\n\t\t}\n\n\t\t// plotChartArgs.init = false;\n\t\tplotChartArgs.lineOptions = config;\n\n\t\tnew Chart(\"#chart-trends\", plotChartArgs);\n\n\t\tArray.prototype.slice.call(\n\t\t\tbtn.parentNode.querySelectorAll('button')).map(el => {\n\t\t\tel.classList.remove('active');\n\t\t});\n\t\tbtn.classList.add('active');\n\t});\n});\n\ndocument.querySelector('.export-trends').addEventListener('click', () => {\n\ttrendsChart.export();\n});\n\n\n// Event chart\n// ================================================================================\n\n\n\nlet eventsData = {\n\tlabels: [\"Ganymede\", \"Callisto\", \"Io\", \"Europa\"],\n\tdatasets: [\n\t\t{\n\t\t\t\"values\": moonData.distances,\n\t\t\t\"formatted\": moonData.distances.map(d => d*1000 + \" km\")\n\t\t}\n\t]\n};\n\nlet eventsChart = new Chart(\"#chart-events\", {\n\ttitle: \"Jupiter's Moons: Semi-major Axis (1000 km)\",\n\tdata: eventsData,\n\ttype: 'bar',\n\theight: 330,\n\tcolors: ['grey'],\n\tisNavigable: 1,\n});\n\nlet dataDiv = document.querySelector('.chart-events-data');\n\neventsChart.parent.addEventListener('data-select', (e) => {\n\tlet name = moonData.names[e.index];\n\tdataDiv.querySelector('.moon-name').innerHTML = name;\n\tdataDiv.querySelector('.semi-major-axis').innerHTML = moonData.distances[e.index] * 1000;\n\tdataDiv.querySelector('.mass').innerHTML = moonData.masses[e.index];\n\tdataDiv.querySelector('.diameter').innerHTML = moonData.diameters[e.index];\n\tdataDiv.querySelector('img').src = \"./assets/img/\" + name.toLowerCase() + \".jpg\";\n});\n\n// Heatmap\n// ================================================================================\n\nlet today = new Date();\nlet start = clone(today);\naddDays(start, 4);\nlet end = clone(start);\nstart.setFullYear( start.getFullYear() - 2 );\nend.setFullYear( end.getFullYear() - 1 );\n\nlet dataPoints = {};\n\nlet startTs = timestampSec(start);\nlet endTs = timestampSec(end);\n\nstartTs = timestampToMidnight(startTs);\nendTs = timestampToMidnight(endTs, true);\n\nwhile (startTs < endTs) {\n\tdataPoints[parseInt(startTs)] = Math.floor(getRandomBias(0, 5, 0.2, 1));\n\tstartTs += SEC_IN_DAY;\n}\n\nconst heatmapData = {\n\tdataPoints: dataPoints,\n\tstart: start,\n\tend: end\n};\n\nlet heatmapArgs = {\n\ttitle: \"Monthly Distribution\",\n\tdata: heatmapData,\n\ttype: 'heatmap',\n\tdiscreteDomains: 1,\n\tcountLabel: 'Level',\n\tcolors: HEATMAP_COLORS_BLUE,\n\tlegendScale: [0, 1, 2, 4, 5]\n};\nlet heatmapChart = new Chart(\"#chart-heatmap\", heatmapArgs);\n\nArray.prototype.slice.call(\n\tdocument.querySelectorAll('.heatmap-mode-buttons button')\n).map(el => {\n\tel.addEventListener('click', (e) => {\n\t\tlet btn = e.target;\n\t\tlet mode = btn.getAttribute('data-mode');\n\t\tlet discreteDomains = 0;\n\n\t\tif(mode === 'discrete') {\n\t\t\tdiscreteDomains = 1;\n\t\t}\n\n\t\tlet colors = [];\n\t\tlet colors_mode = document\n\t\t\t.querySelector('.heatmap-color-buttons .active')\n\t\t\t.getAttribute('data-color');\n\t\tif(colors_mode === 'halloween') {\n\t\t\tcolors = HEATMAP_COLORS_YELLOW;\n\t\t} else if (colors_mode === 'blue') {\n\t\t\tcolors = HEATMAP_COLORS_BLUE;\n\t\t}\n\n\t\theatmapArgs.discreteDomains = discreteDomains;\n\t\theatmapArgs.colors = colors;\n\t\tnew Chart(\"#chart-heatmap\", heatmapArgs);\n\n\t\tArray.prototype.slice.call(\n\t\t\tbtn.parentNode.querySelectorAll('button')).map(el => {\n\t\t\tel.classList.remove('active');\n\t\t});\n\t\tbtn.classList.add('active');\n\t});\n});\n\nArray.prototype.slice.call(\n\tdocument.querySelectorAll('.heatmap-color-buttons button')\n).map(el => {\n\tel.addEventListener('click', (e) => {\n\t\tlet btn = e.target;\n\t\tlet colors_mode = btn.getAttribute('data-color');\n\t\tlet colors = [];\n\n\t\tif(colors_mode === 'halloween') {\n\t\t\tcolors = HEATMAP_COLORS_YELLOW;\n\t\t} else if (colors_mode === 'blue') {\n\t\t\tcolors = HEATMAP_COLORS_BLUE;\n\t\t}\n\n\t\tlet discreteDomains = 1;\n\n\t\tlet view_mode = document\n\t\t\t.querySelector('.heatmap-mode-buttons .active')\n\t\t\t.getAttribute('data-mode');\n\t\tif(view_mode === 'continuous') {\n\t\t\tdiscreteDomains = 0;\n\t\t}\n\n\t\theatmapArgs.discreteDomains = discreteDomains;\n\t\theatmapArgs.colors = colors;\n\t\tnew Chart(\"#chart-heatmap\", heatmapArgs);\n\n\t\tArray.prototype.slice.call(\n\t\t\tbtn.parentNode.querySelectorAll('button')).map(el => {\n\t\t\tel.classList.remove('active');\n\t\t});\n\t\tbtn.classList.add('active');\n\t});\n});\n\ndocument.querySelector('.export-heatmap').addEventListener('click', () => {\n\theatmapChart.export();\n});\n"],"names":["HEATMAP_COLORS_BLUE","HEATMAP_COLORS_YELLOW","shuffle","array","i","length","j","Math","floor","random","getRandomBias","min","max","bias","influence","range","biasValue","rnd","mix","NO_OF_MILLIS","SEC_IN_DAY","MONTH_NAMES_SHORT","clone","date","Date","getTime","timestampSec","timestampToMidnight","timestamp","roundAhead","midnightTs","addDays","numberOfDays","setDate","getDate","reportCountList","lineCompositeData","labelPos","fireball_5_25","fireball_2_5","fireballOver25","barCompositeData","typeData","trendsData","moonData","d","toUpperCase","Chart","frappe","lc","demoConfig","lineComposite","lineCompositeChart","elementID","options","bc","barComposite","barCompositeChart","parent","addEventListener","e","index","updateDatasets","customColors","typeChartArgs","aggrChart","Array","prototype","slice","call","document","querySelectorAll","map","btn","target","type","getAttribute","colors","undefined","height","newChart","parentNode","classList","remove","add","querySelector","export","updateDataAllLabels","getRandom","updateDataAllValues","from","updateDataAllIndices","getUpdateData","source_array","indices","updateData","updateChart","chartUpdateButtons","value","start","end","data","values","update","state","datasetLength","addDataPoint","removeDataPoint","plotChartArgs","trendsChart","config","includes","hideDots","lineOptions","eventsData","distances","eventsChart","dataDiv","name","names","innerHTML","masses","diameters","src","toLowerCase","today","setFullYear","getFullYear","dataPoints","startTs","endTs","parseInt","heatmapData","heatmapArgs","heatmapChart","mode","discreteDomains","colors_mode","view_mode"],"mappings":"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"} \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index 00ce7b0..7f45816 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "frappe-charts", - "version": "1.2.1", + "version": "1.3.0", "lockfileVersion": 1, "requires": true, "dependencies": { @@ -2973,12 +2973,6 @@ "integrity": "sha1-g8YK/Fi5xWmXAH7Rp2izqzA6RP4=", "dev": true }, - "fs": { - "version": "0.0.1-security", - "resolved": "https://registry.npmjs.org/fs/-/fs-0.0.1-security.tgz", - "integrity": "sha1-invTcYa23d84E/I4WLV+yq9eQdQ=", - "dev": true - }, "fs.realpath": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", @@ -3061,8 +3055,7 @@ "console-control-strings": { "version": "1.1.0", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "core-util-is": { "version": "1.0.2", @@ -3179,8 +3172,7 @@ "inherits": { "version": "2.0.3", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "ini": { "version": "1.3.5", @@ -3222,7 +3214,6 @@ "version": "2.3.5", "bundled": true, "dev": true, - "optional": true, "requires": { "safe-buffer": "^5.1.2", "yallist": "^3.0.0" @@ -3241,7 +3232,6 @@ "version": "0.5.1", "bundled": true, "dev": true, - "optional": true, "requires": { "minimist": "0.0.8" } @@ -3342,7 +3332,6 @@ "version": "1.4.0", "bundled": true, "dev": true, - "optional": true, "requires": { "wrappy": "1" } @@ -3428,8 +3417,7 @@ "safe-buffer": { "version": "5.1.2", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "safer-buffer": { "version": "2.1.2", @@ -3465,7 +3453,6 @@ "version": "1.0.2", "bundled": true, "dev": true, - "optional": true, "requires": { "code-point-at": "^1.0.0", "is-fullwidth-code-point": "^1.0.0", @@ -3529,14 +3516,12 @@ "wrappy": { "version": "1.0.2", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "yallist": { "version": "3.0.3", "bundled": true, - "dev": true, - "optional": true + "dev": true } } }, From 2edc1dc2c0c446bbde1cb11d7fcdb9bef8d791ad Mon Sep 17 00:00:00 2001 From: nniclas Date: Sat, 24 Aug 2019 12:40:36 +0200 Subject: [PATCH 4/5] re-added missing css file --- dist/frappe-charts.min.css | 1 + 1 file changed, 1 insertion(+) create mode 100644 dist/frappe-charts.min.css diff --git a/dist/frappe-charts.min.css b/dist/frappe-charts.min.css new file mode 100644 index 0000000..c32208f --- /dev/null +++ b/dist/frappe-charts.min.css @@ -0,0 +1 @@ +.chart-container{position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .legend-dataset-text{fill:#6c7680;font-weight:600}.graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.graph-svg-tip ol,.graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.graph-svg-tip strong{color:#dfe2e5;font-weight:600}.graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.graph-svg-tip.comparison li{display:inline-block;padding:5px 10px} \ No newline at end of file From 2382c4d27387af83ddef448c5402ceaa2e37f447 Mon Sep 17 00:00:00 2001 From: nniclas Date: Fri, 30 Aug 2019 12:54:30 +0200 Subject: [PATCH 5/5] Apply suggestions from code review Co-Authored-By: Shivam Mishra --- .eslintrc.json | 4 ++-- src/js/utils/animate.js | 4 ++-- src/js/utils/draw-utils.js | 4 ++-- src/js/utils/draw.js | 4 ++-- 4 files changed, 8 insertions(+), 8 deletions(-) diff --git a/.eslintrc.json b/.eslintrc.json index bd82cc3..1a67d2b 100644 --- a/.eslintrc.json +++ b/.eslintrc.json @@ -14,7 +14,7 @@ ], "linebreak-style": [ "error", - "windows" + "unix" ], "semi": [ "error", @@ -30,4 +30,4 @@ "globals": { "ENV": true } -} \ No newline at end of file +} diff --git a/src/js/utils/animate.js b/src/js/utils/animate.js index fd1d8c0..b9d2e2d 100644 --- a/src/js/utils/animate.js +++ b/src/js/utils/animate.js @@ -1,4 +1,4 @@ -import { getBarHeightAndYAttr, createSplineCurve } from './draw-utils'; +import { getBarHeightAndYAttr, getSplineCurvePointsStr } from './draw-utils'; export const UNIT_ANIM_DUR = 350; export const PATH_ANIM_DUR = 350; @@ -102,4 +102,4 @@ export function animatePath(paths, newXList, newYList, zeroLine, spline) { export function animatePathStr(oldPath, pathStr) { return [oldPath, {d: pathStr}, UNIT_ANIM_DUR, STD_EASING]; -} \ No newline at end of file +} diff --git a/src/js/utils/draw-utils.js b/src/js/utils/draw-utils.js index e781c0d..c4a81aa 100644 --- a/src/js/utils/draw-utils.js +++ b/src/js/utils/draw-utils.js @@ -55,7 +55,7 @@ export function shortenLargeNumber(label) { } // cubic bezier curve calculation (from example by François Romain) -export function createSplineCurve(xList, yList) { +export function getSplineCurvePointsStr(xList, yList) { let points=[]; for(let i=0;i