diff --git a/dist/frappe-charts.esm.js b/dist/frappe-charts.esm.js deleted file mode 100644 index a5e67b6..0000000 --- a/dist/frappe-charts.esm.js +++ /dev/null @@ -1,4072 +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) - }; -} - -// https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/offsetParent -// an element's offsetParent property will return null whenever it, or any of its parents, -// is hidden via the display style property. -function isHidden(el) { - return (el.offsetParent === null); -} - -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, - }; -} - -/** - * Check if a number is valid for svg attributes - * @param {object} candidate Candidate to test - * @param {Boolean} nonNegative flag to treat negative number as invalid - */ -function isValidNumber(candidate, nonNegative=false) { - if (Number.isNaN(candidate)) return false; - else if (candidate === undefined) return false; - else if (!Number.isFinite(candidate)) return false; - else if (nonNegative && candidate < 0) return false; - else return true; -} - -/** - * Round a number to the closes precision, max max precision 4 - * @param {Number} d Any Number - */ -function round(d) { - // https://floating-point-gui.de/ - // https://www.jacklmoore.com/notes/rounding-in-javascript/ - return Number(Math.round(d + 'e4') + 'e-4'); -} - -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 getSplineCurvePointsStr(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/32685393 - let HEX_RE = /(^\s*)(#)((?:[A-Fa-f0-9]{3}){1,2})$/i; - let RGB_RE = /(^\s*)(rgb|hsl)(a?)[(]\s*([\d.]+\s*%?)\s*,\s*([\d.]+\s*%?)\s*,\s*([\d.]+\s*%?)\s*(?:,\s*([\d.]+)\s*)?[)]$/i; - return HEX_RE.test(string) || RGB_RE.test(string); -} - -const getColor = (color) => { - // When RGB color, convert to hexadecimal (alpha value is omitted) - if((/rgb[a]{0,1}\([\d, ]+\)/gim).test(color)) { - return (/\D+(\d*)\D+(\d*)\D+(\d*)/gim).exec(color) - .map((x, i) => (i !== 0 ? Number(x).toString(16) : '#')) - .reduce((c, ch) => `${c}${ch}`); - } - 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, radius, fill='none', data={}) { - let args = { - className: className, - x: x, - y: y, - width: size, - height: size, - rx: radius, - 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, truncate=false) { - label = truncate ? truncateString(label, LABEL_MAX_CHARS) : 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 (!isValidNumber(y)) y = 0; - - 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 (!isValidNumber(x)) x = 0; - - 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; - } - - // Preprocess numbers to avoid svg building errors - if (!isValidNumber(x)) x = 0; - if (!isValidNumber(y)) y = 0; - if (!isValidNumber(height, true)) height = 0; - if (!isValidNumber(width, true)) width = 0; - - 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 = getSplineCurvePointsStr(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 = getSplineCurvePointsStr(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: (typeof options.animate !== 'undefined') ? options.animate : 1, - truncateLegends: options.truncateLegends || 1 - }; - - this.measures = JSON.parse(JSON.stringify(BASE_MEASURES)); - let m = this.measures; - this.setMeasures(options); - if(!this.title.length) { m.titleHeight = 0; } - if(!this.config.showLegend) m.legendHeight = 0; - this.argHeight = options.height || m.baseHeight; - - this.state = {}; - this.options = {}; - - 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) { - if (onlyWidthChange && isHidden(this.parent)) { - // Don't update anything if the chart is hidden - return; - } - 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(this.components, this.config.animate); - } - - 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.formatTooltipY = (args.tooltipOptions || {}).formatTooltipY; - 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(round(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 = 150; - 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 label = this.config.truncateLegends ? truncateString(s.labels[i], barWidth/10) : s.labels[i]; - let formatted = this.config.formatTooltipY ? this.config.formatTooltipY(d) : d; - let dot = legendDot( - x, - y, - 5, - this.colors[i], - `${label}: ${formatted}`, - false - ); - 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, radius, 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, radius, 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.reverse().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, - radius: this.rawChartArgs.radius || 0, - 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 radius = this.rawChartArgs.radius || 0; - - 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, radius, 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 seriesMultiple; - if(isSeries) { - // Find the maximum label length for spacing calculations - let maxLabelLength = Math.max(...labels.map(label => label.length)); - seriesMultiple = Math.ceil(maxLabelLength/allowedLetters); - } - - 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 { - if(i % seriesMultiple !== 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 && d.name.replace(/<|>|&/g, (char) => char == '&' ? '&' : char == '<' ? '<' : '>'), - 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); - if (index >= 0) { - 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 de588c9..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 isHidden(t){return null===t.offsetParent}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 isValidNumber(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return!Number.isNaN(t)&&(void 0!==t&&(!!Number.isFinite(t)&&!(e&&t<0)))}function round(t){return Number(Math.round(t+"e4")+"e-4")}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 getSplineCurvePointsStr(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){var e=/(^\s*)(rgb|hsl)(a?)[(]\s*([\d.]+\s*%?)\s*,\s*([\d.]+\s*%?)\s*,\s*([\d.]+\s*%?)\s*(?:,\s*([\d.]+)\s*)?[)]$/i;return/(^\s*)(#)((?:[A-Fa-f0-9]{3}){1,2})$/i.test(t)||e.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$1(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,a){var r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:"none",o=arguments.length>6&&void 0!==arguments[6]?arguments[6]:{},s={className:t,x:e,y:n,width:i,height:i,rx:a,fill:r};return Object.keys(o).map(function(t){s[t]=o[t]}),createSVG("rect",s)}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];a=arguments.length>5&&void 0!==arguments[5]&&arguments[5]?truncateString(a,LABEL_MAX_CHARS):a;var 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]:{};isValidNumber(t)||(t=0),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]:{};isValidNumber(t)||(t=0),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),isValidNumber(t)||(t=0),isValidNumber(h)||(h=0),isValidNumber(c,!0)||(c=0),isValidNumber(n,!0)||(n=0);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=getSplineCurvePointsStr(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=getSplineCurvePointsStr(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).reverse().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,r=void 0;if(n){var o=Math.max.apply(Math,_toConsumableArray$6(e.map(function(t){return t.length})));r=Math.ceil(o/a)}return e.map(function(t,e){return(t+="").length>a&&(n?e%r!=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_248z='.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_248z);var _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t};$.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/rgb[a]{0,1}\([\d, ]+\)/gim.test(t)?/\D+(\d*)\D+(\d*)\D+(\d*)/gim.exec(t).map(function(t,e){return 0!==e?Number(t).toString(16):"#"}).reduce(function(t,e){return""+t+e}):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$1="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];e&&isHidden(this.parent)||(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(this.components,this.config.animate)}},{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(round(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=150,s=Math.floor((t.width-getExtraWidth(t.measures))/o);t.legendTotals.lengths&&(n=0,i+=20);var l=o*n+5,u=t.config.truncateLegends?truncateString(e.labels[r],o/10):e.labels[r],c=t.config.formatTooltipY?t.config.formatTooltipY(a):a,h=legendDot(l,i,5,t.colors[r],u+": "+c,!1);t.legendArea.appendChild(h),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.radius,l=n.xTranslate,u=0;return this.serializedSubDomains=[],t.cols.map(function(t,n){1===n&&e.labels.push(makeText("domain-name",l,-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",l,u,o,s,t.fill,i);e.serializedSubDomains.push(a)}u+=r}),u=0,l+=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,radius:t.rawChartArgs.radius||0,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&&t.name.replace(/<|>|&/g,function(t){return"&"==t?"&":"<"==t?"<":">"}),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);if(n>=0){var 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$7(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 9d25c70..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\n// https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/offsetParent\n// an element's offsetParent property will return null whenever it, or any of its parents,\n// is hidden via the display style property.\nexport function isHidden(el) {\n\treturn (el.offsetParent === null);\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\n/**\n * Check if a number is valid for svg attributes\n * @param {object} candidate Candidate to test\n * @param {Boolean} nonNegative flag to treat negative number as invalid\n */\nexport function isValidNumber(candidate, nonNegative=false) {\n\tif (Number.isNaN(candidate)) return false;\n\telse if (candidate === undefined) return false;\n\telse if (!Number.isFinite(candidate)) return false;\n\telse if (nonNegative && candidate < 0) return false;\n\telse return true;\n}\n\n/**\n * Round a number to the closes precision, max max precision 4\n * @param {Number} d Any Number\n */\nexport function round(d) {\n\t// https://floating-point-gui.de/\n\t// https://www.jacklmoore.com/notes/rounding-in-javascript/\n\treturn Number(Math.round(d + 'e4') + 'e-4');\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}\n\n// cubic bezier curve calculation (from example by François Romain)\nexport function getSplineCurvePointsStr(xList, yList) {\n\n\tlet points=[];\n\tfor(let i=0;i {\n\t\tlet lengthX = pointB[0] - pointA[0];\n\t\tlet lengthY = pointB[1] - pointA[1];\n\t\treturn {\n\t\t\tlength: Math.sqrt(Math.pow(lengthX, 2) + Math.pow(lengthY, 2)),\n\t\t\tangle: Math.atan2(lengthY, lengthX)\n\t\t};\n\t};\n \n\tlet controlPoint = (current, previous, next, reverse) => {\n\t\tlet p = previous || current;\n\t\tlet n = next || current;\n\t\tlet o = line(p, n);\n\t\tlet angle = o.angle + (reverse ? Math.PI : 0);\n\t\tlet length = o.length * smoothing;\n\t\tlet x = current[0] + Math.cos(angle) * length;\n\t\tlet y = current[1] + Math.sin(angle) * length;\n\t\treturn [x, y];\n\t};\n \n\tlet bezierCommand = (point, i, a) => {\n\t\tlet cps = controlPoint(a[i - 1], a[i - 2], point);\n\t\tlet cpe = controlPoint(point, a[i - 1], a[i + 1], true);\n\t\treturn `C ${cps[0]},${cps[1]} ${cpe[0]},${cpe[1]} ${point[0]},${point[1]}`;\n\t};\n \n\tlet pointStr = (points, command) => {\n\t\treturn points.reduce((acc, point, i, a) => i === 0\n\t\t\t? `${point[0]},${point[1]}`\n\t\t\t: `${acc} ${command(point, i, a)}`, '');\n\t};\n \n\treturn pointStr(points, bezierCommand);\n}\n","const PRESET_COLOR_MAP = {\n\t'light-blue': '#7cd6fd',\n\t'blue': '#5e64ff',\n\t'violet': '#743ee2',\n\t'red': '#ff5858',\n\t'orange': '#ffa00a',\n\t'yellow': '#feef72',\n\t'green': '#28a745',\n\t'light-green': '#98d85b',\n\t'purple': '#b554ff',\n\t'magenta': '#ffa3ef',\n\t'black': '#36114C',\n\t'grey': '#bdd3e6',\n\t'light-grey': '#f0f4f7',\n\t'dark-grey': '#b8c2cc'\n};\n\nfunction limitColor(r){\n\tif (r > 255) return 255;\n\telse if (r < 0) return 0;\n\treturn r;\n}\n\nexport function lightenDarkenColor(color, amt) {\n\tlet col = getColor(color);\n\tlet usePound = false;\n\tif (col[0] == \"#\") {\n\t\tcol = col.slice(1);\n\t\tusePound = true;\n\t}\n\tlet num = parseInt(col,16);\n\tlet r = limitColor((num >> 16) + amt);\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\n\tlet g = limitColor((num & 0x0000FF) + amt);\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\n}\n\nexport function isValidColor(string) {\n\t// https://stackoverflow.com/a/32685393\n\tlet HEX_RE = /(^\\s*)(#)((?:[A-Fa-f0-9]{3}){1,2})$/i;\n\tlet RGB_RE = /(^\\s*)(rgb|hsl)(a?)[(]\\s*([\\d.]+\\s*%?)\\s*,\\s*([\\d.]+\\s*%?)\\s*,\\s*([\\d.]+\\s*%?)\\s*(?:,\\s*([\\d.]+)\\s*)?[)]$/i;\n\treturn HEX_RE.test(string) || RGB_RE.test(string);\n}\n\nexport const getColor = (color) => {\n\t// When RGB color, convert to hexadecimal (alpha value is omitted)\n\tif((/rgb[a]{0,1}\\([\\d, ]+\\)/gim).test(color)) {\n\t\treturn (/\\D+(\\d*)\\D+(\\d*)\\D+(\\d*)/gim).exec(color)\n\t\t\t.map((x, i) => (i !== 0 ? Number(x).toString(16) : '#'))\n\t\t\t.reduce((c, ch) => `${c}${ch}`);\n\t}\n\treturn PRESET_COLOR_MAP[color] || color;\n};\n","import { getBarHeightAndYAttr, truncateString, shortenLargeNumber, getSplineCurvePointsStr } from './draw-utils';\nimport { getStringWidth, isValidNumber } 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, radius, 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\trx: radius,\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, truncate=false) {\n\tlabel = truncate ? truncateString(label, LABEL_MAX_CHARS) : label;\n\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\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 (!isValidNumber(y)) y = 0;\n\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 (!isValidNumber(x)) x = 0;\n\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\t// Preprocess numbers to avoid svg building errors\n\tif (!isValidNumber(x)) x = 0;\n\tif (!isValidNumber(y)) y = 0;\n\tif (!isValidNumber(height, true)) height = 0;\n\tif (!isValidNumber(width, true)) width = 0;\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\n\t// Spline\n\tif (options.spline)\n\t\tpointsStr = getSplineCurvePointsStr(xList, yList);\n\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, getSplineCurvePointsStr } 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, spline) {\n\tlet pathComponents = [];\n\tlet pointsStr = newYList.map((y, i) => (newXList[i] + ',' + y)).join(\"L\");\n\n\tif (spline)\n\t\tpointsStr = getSplineCurvePointsStr(newXList, newYList);\n\n\tconst animPath = [paths.path, {d:\"M\" + pointsStr}, 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 + pointsStr + 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, radius, 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, radius, 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\tspline: c.spline\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, this.constants.spline));\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.reverse().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 seriesMultiple;\n\tif(isSeries) {\n\t\t// Find the maximum label length for spacing calculations\n\t\tlet maxLabelLength = Math.max(...labels.map(label => label.length));\n\t\tseriesMultiple = Math.ceil(maxLabelLength/allowedLetters);\n\t}\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\tif(i % seriesMultiple !== 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, isHidden } 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\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: (typeof options.animate !== 'undefined') ? options.animate : 1,\n\t\t\ttruncateLegends: options.truncateLegends || 1\n\t\t};\n\n\t\tthis.measures = JSON.parse(JSON.stringify(BASE_MEASURES));\n\t\tlet m = this.measures;\n\t\tthis.setMeasures(options);\n\t\tif(!this.title.length) { m.titleHeight = 0; }\n\t\tif(!this.config.showLegend) m.legendHeight = 0;\n\t\tthis.argHeight = options.height || m.baseHeight;\n\n\t\tthis.state = {};\n\t\tthis.options = {};\n\n\t\tthis.initTimeout = INIT_CHART_UPDATE_TIMEOUT;\n\n\t\tif(this.config.isNavigable) {\n\t\t\tthis.overlays = [];\n\t\t}\n\n\t\tthis.configure(options);\n\t}\n\n\tprepareData(data) {\n\t\treturn data;\n\t}\n\n\tprepareFirstData(data) {\n\t\treturn data;\n\t}\n\n\tvalidateColors(colors, type) {\n\t\tconst validColors = [];\n\t\tcolors = (colors || []).concat(DEFAULT_COLORS[type]);\n\t\tcolors.forEach((string) => {\n\t\t\tconst color = getColor(string);\n\t\t\tif(!isValidColor(color)) {\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t} else {\n\t\t\t\tvalidColors.push(color);\n\t\t\t}\n\t\t});\n\t\treturn validColors;\n\t}\n\n\tsetMeasures() {\n\t\t// Override measures, including those for title and legend\n\t\t// set config for legend and title\n\t}\n\n\tconfigure() {\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - getExtraHeight(this.measures);\n\n\t\t// Bind window events\n\t\tthis.boundDrawFn = () => this.draw(true);\n\t\twindow.addEventListener('resize', this.boundDrawFn);\n\t\twindow.addEventListener('orientationchange', this.boundDrawFn);\n\t}\n\n\tdestroy() {\n\t\twindow.removeEventListener('resize', this.boundDrawFn);\n\t\twindow.removeEventListener('orientationchange', this.boundDrawFn);\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\tif (onlyWidthChange && isHidden(this.parent)) {\n\t\t\t// Don't update anything if the chart is hidden\n\t\t\treturn;\n\t\t}\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(this.components, this.config.animate);\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 { truncateString } from '../utils/draw-utils';\nimport { legendDot } from '../utils/draw';\nimport { round } from '../utils/helpers';\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.formatTooltipY = (args.tooltipOptions || {}).formatTooltipY;\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(round(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 = 150;\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 label = this.config.truncateLegends ? truncateString(s.labels[i], barWidth/10) : s.labels[i];\n\t\t\tlet formatted = this.config.formatTooltipY ? this.config.formatTooltipY(d) : d;\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`${label}: ${formatted}`,\n\t\t\t\tfalse\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\tradius: this.rawChartArgs.radius || 0,\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\t\tlet radius = this.rawChartArgs.radius || 0;\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, radius, 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 && d.name.replace(/<|>|&/g, (char) => char == '&' ? '&' : char == '<' ? '<' : '>'),\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\tspline: this.lineOptions.spline,\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\tif (index >= 0) {\n\t\t\tlet dbi = this.dataByIndex[index];\n\n\t\t\tthis.tip.setValues(\n\t\t\t\tdbi.xPos + this.tip.offset.x,\n\t\t\t\tdbi.yExtreme + this.tip.offset.y,\n\t\t\t\t{name: dbi.formattedLabel, value: ''},\n\t\t\t\tdbi.values,\n\t\t\t\tindex\n\t\t\t);\n\n\t\t\tthis.tip.showTip();\n\t\t}\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","isHidden","el","offsetParent","isElementInViewport","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","isValidNumber","candidate","nonNegative","Number","isNaN","undefined","isFinite","round","getBarHeightAndYAttr","yTop","zeroLine","height","y","equilizeNoOfElements","array1","array2","extraCount","truncateString","txt","len","slice","shortenLargeNumber","label","number","p","floor","log10","l","shortened","pow","getSplineCurvePointsStr","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","RGB_RE","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","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","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","seriesMultiple","maxLabelLength","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","exec","c","ch","makeOverlay","transformValue","overlay","updateOverlay","attributes","attr","specified","nodeValue","BaseChart","HTMLElement","Error","rawChartArgs","prepareData","prepareFirstData","validateColors","isNavigable","animate","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","drawArea","render","update","renderLegend","setupNavigation","baseWidth","titleEL","titleFontSize","legendArea","updateTipOffset","Map","make","updateNav","bindUnits","bindOverlay","keyActions","onEnterKey","bind","onLeftArrow","onUpArrow","onRightArrow","onDownArrow","e","_this4","event","keyCode","chartSvg","AggregationChart","formatTooltipY","tooltipOptions","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","xAxisMode","yAxisMode","xIsSeries","shortenYAxisNumbers","formatTooltipX","calcXPositions","calcYAxisParameters","getAllYValues","makeDataByIndex","unitWidth","xOffset","xAxis","dataValues","intervalHeight","calcDatasetPoints","calcYExtremes","calcYRegions","scaleAll","cumulativeYs","replace","char","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 4102d79..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 isHidden(t){return null===t.offsetParent}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 isValidNumber(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return!Number.isNaN(t)&&(void 0!==t&&(!!Number.isFinite(t)&&!(e&&t<0)))}function round(t){return Number(Math.round(t+"e4")+"e-4")}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 getSplineCurvePointsStr(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){var e=/(^\s*)(rgb|hsl)(a?)[(]\s*([\d.]+\s*%?)\s*,\s*([\d.]+\s*%?)\s*,\s*([\d.]+\s*%?)\s*(?:,\s*([\d.]+)\s*)?[)]$/i;return/(^\s*)(#)((?:[A-Fa-f0-9]{3}){1,2})$/i.test(t)||e.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$1(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,a){var r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:"none",o=arguments.length>6&&void 0!==arguments[6]?arguments[6]:{},s={className:t,x:e,y:n,width:i,height:i,rx:a,fill:r};return Object.keys(o).map(function(t){s[t]=o[t]}),createSVG("rect",s)}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];a=arguments.length>5&&void 0!==arguments[5]&&arguments[5]?truncateString(a,LABEL_MAX_CHARS):a;var 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]:{};isValidNumber(t)||(t=0),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]:{};isValidNumber(t)||(t=0),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),isValidNumber(t)||(t=0),isValidNumber(h)||(h=0),isValidNumber(c,!0)||(c=0),isValidNumber(n,!0)||(n=0);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=getSplineCurvePointsStr(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=getSplineCurvePointsStr(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).reverse().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,r=void 0;if(n){var o=Math.max.apply(Math,_toConsumableArray$6(e.map(function(t){return t.length})));r=Math.ceil(o/a)}return e.map(function(t,e){return(t+="").length>a&&(n?e%r!=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_248z='.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_248z);var _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t};$.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/rgb[a]{0,1}\([\d, ]+\)/gim.test(t)?/\D+(\d*)\D+(\d*)\D+(\d*)/gim.exec(t).map(function(t,e){return 0!==e?Number(t).toString(16):"#"}).reduce(function(t,e){return""+t+e}):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$1="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];e&&isHidden(this.parent)||(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(this.components,this.config.animate)}},{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(round(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=150,s=Math.floor((t.width-getExtraWidth(t.measures))/o);t.legendTotals.lengths&&(n=0,i+=20);var l=o*n+5,u=t.config.truncateLegends?truncateString(e.labels[r],o/10):e.labels[r],c=t.config.formatTooltipY?t.config.formatTooltipY(a):a,h=legendDot(l,i,5,t.colors[r],u+": "+c,!1);t.legendArea.appendChild(h),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.radius,l=n.xTranslate,u=0;return this.serializedSubDomains=[],t.cols.map(function(t,n){1===n&&e.labels.push(makeText("domain-name",l,-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",l,u,o,s,t.fill,i);e.serializedSubDomains.push(a)}u+=r}),u=0,l+=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,radius:t.rawChartArgs.radius||0,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&&t.name.replace(/<|>|&/g,function(t){return"&"==t?"&":"<"==t?"<":">"}),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);if(n>=0){var 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$7(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 80fd476..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\n// https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/offsetParent\n// an element's offsetParent property will return null whenever it, or any of its parents,\n// is hidden via the display style property.\nexport function isHidden(el) {\n\treturn (el.offsetParent === null);\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\n/**\n * Check if a number is valid for svg attributes\n * @param {object} candidate Candidate to test\n * @param {Boolean} nonNegative flag to treat negative number as invalid\n */\nexport function isValidNumber(candidate, nonNegative=false) {\n\tif (Number.isNaN(candidate)) return false;\n\telse if (candidate === undefined) return false;\n\telse if (!Number.isFinite(candidate)) return false;\n\telse if (nonNegative && candidate < 0) return false;\n\telse return true;\n}\n\n/**\n * Round a number to the closes precision, max max precision 4\n * @param {Number} d Any Number\n */\nexport function round(d) {\n\t// https://floating-point-gui.de/\n\t// https://www.jacklmoore.com/notes/rounding-in-javascript/\n\treturn Number(Math.round(d + 'e4') + 'e-4');\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}\n\n// cubic bezier curve calculation (from example by François Romain)\nexport function getSplineCurvePointsStr(xList, yList) {\n\n\tlet points=[];\n\tfor(let i=0;i {\n\t\tlet lengthX = pointB[0] - pointA[0];\n\t\tlet lengthY = pointB[1] - pointA[1];\n\t\treturn {\n\t\t\tlength: Math.sqrt(Math.pow(lengthX, 2) + Math.pow(lengthY, 2)),\n\t\t\tangle: Math.atan2(lengthY, lengthX)\n\t\t};\n\t};\n \n\tlet controlPoint = (current, previous, next, reverse) => {\n\t\tlet p = previous || current;\n\t\tlet n = next || current;\n\t\tlet o = line(p, n);\n\t\tlet angle = o.angle + (reverse ? Math.PI : 0);\n\t\tlet length = o.length * smoothing;\n\t\tlet x = current[0] + Math.cos(angle) * length;\n\t\tlet y = current[1] + Math.sin(angle) * length;\n\t\treturn [x, y];\n\t};\n \n\tlet bezierCommand = (point, i, a) => {\n\t\tlet cps = controlPoint(a[i - 1], a[i - 2], point);\n\t\tlet cpe = controlPoint(point, a[i - 1], a[i + 1], true);\n\t\treturn `C ${cps[0]},${cps[1]} ${cpe[0]},${cpe[1]} ${point[0]},${point[1]}`;\n\t};\n \n\tlet pointStr = (points, command) => {\n\t\treturn points.reduce((acc, point, i, a) => i === 0\n\t\t\t? `${point[0]},${point[1]}`\n\t\t\t: `${acc} ${command(point, i, a)}`, '');\n\t};\n \n\treturn pointStr(points, bezierCommand);\n}\n","const PRESET_COLOR_MAP = {\n\t'light-blue': '#7cd6fd',\n\t'blue': '#5e64ff',\n\t'violet': '#743ee2',\n\t'red': '#ff5858',\n\t'orange': '#ffa00a',\n\t'yellow': '#feef72',\n\t'green': '#28a745',\n\t'light-green': '#98d85b',\n\t'purple': '#b554ff',\n\t'magenta': '#ffa3ef',\n\t'black': '#36114C',\n\t'grey': '#bdd3e6',\n\t'light-grey': '#f0f4f7',\n\t'dark-grey': '#b8c2cc'\n};\n\nfunction limitColor(r){\n\tif (r > 255) return 255;\n\telse if (r < 0) return 0;\n\treturn r;\n}\n\nexport function lightenDarkenColor(color, amt) {\n\tlet col = getColor(color);\n\tlet usePound = false;\n\tif (col[0] == \"#\") {\n\t\tcol = col.slice(1);\n\t\tusePound = true;\n\t}\n\tlet num = parseInt(col,16);\n\tlet r = limitColor((num >> 16) + amt);\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\n\tlet g = limitColor((num & 0x0000FF) + amt);\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\n}\n\nexport function isValidColor(string) {\n\t// https://stackoverflow.com/a/32685393\n\tlet HEX_RE = /(^\\s*)(#)((?:[A-Fa-f0-9]{3}){1,2})$/i;\n\tlet RGB_RE = /(^\\s*)(rgb|hsl)(a?)[(]\\s*([\\d.]+\\s*%?)\\s*,\\s*([\\d.]+\\s*%?)\\s*,\\s*([\\d.]+\\s*%?)\\s*(?:,\\s*([\\d.]+)\\s*)?[)]$/i;\n\treturn HEX_RE.test(string) || RGB_RE.test(string);\n}\n\nexport const getColor = (color) => {\n\t// When RGB color, convert to hexadecimal (alpha value is omitted)\n\tif((/rgb[a]{0,1}\\([\\d, ]+\\)/gim).test(color)) {\n\t\treturn (/\\D+(\\d*)\\D+(\\d*)\\D+(\\d*)/gim).exec(color)\n\t\t\t.map((x, i) => (i !== 0 ? Number(x).toString(16) : '#'))\n\t\t\t.reduce((c, ch) => `${c}${ch}`);\n\t}\n\treturn PRESET_COLOR_MAP[color] || color;\n};\n","import { getBarHeightAndYAttr, truncateString, shortenLargeNumber, getSplineCurvePointsStr } from './draw-utils';\nimport { getStringWidth, isValidNumber } 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, radius, 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\trx: radius,\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, truncate=false) {\n\tlabel = truncate ? truncateString(label, LABEL_MAX_CHARS) : label;\n\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\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 (!isValidNumber(y)) y = 0;\n\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 (!isValidNumber(x)) x = 0;\n\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\t// Preprocess numbers to avoid svg building errors\n\tif (!isValidNumber(x)) x = 0;\n\tif (!isValidNumber(y)) y = 0;\n\tif (!isValidNumber(height, true)) height = 0;\n\tif (!isValidNumber(width, true)) width = 0;\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\n\t// Spline\n\tif (options.spline)\n\t\tpointsStr = getSplineCurvePointsStr(xList, yList);\n\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, getSplineCurvePointsStr } 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, spline) {\n\tlet pathComponents = [];\n\tlet pointsStr = newYList.map((y, i) => (newXList[i] + ',' + y)).join(\"L\");\n\n\tif (spline)\n\t\tpointsStr = getSplineCurvePointsStr(newXList, newYList);\n\n\tconst animPath = [paths.path, {d:\"M\" + pointsStr}, 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 + pointsStr + 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, radius, 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, radius, 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\tspline: c.spline\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, this.constants.spline));\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.reverse().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 seriesMultiple;\n\tif(isSeries) {\n\t\t// Find the maximum label length for spacing calculations\n\t\tlet maxLabelLength = Math.max(...labels.map(label => label.length));\n\t\tseriesMultiple = Math.ceil(maxLabelLength/allowedLetters);\n\t}\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\tif(i % seriesMultiple !== 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, isHidden } 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\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: (typeof options.animate !== 'undefined') ? options.animate : 1,\n\t\t\ttruncateLegends: options.truncateLegends || 1\n\t\t};\n\n\t\tthis.measures = JSON.parse(JSON.stringify(BASE_MEASURES));\n\t\tlet m = this.measures;\n\t\tthis.setMeasures(options);\n\t\tif(!this.title.length) { m.titleHeight = 0; }\n\t\tif(!this.config.showLegend) m.legendHeight = 0;\n\t\tthis.argHeight = options.height || m.baseHeight;\n\n\t\tthis.state = {};\n\t\tthis.options = {};\n\n\t\tthis.initTimeout = INIT_CHART_UPDATE_TIMEOUT;\n\n\t\tif(this.config.isNavigable) {\n\t\t\tthis.overlays = [];\n\t\t}\n\n\t\tthis.configure(options);\n\t}\n\n\tprepareData(data) {\n\t\treturn data;\n\t}\n\n\tprepareFirstData(data) {\n\t\treturn data;\n\t}\n\n\tvalidateColors(colors, type) {\n\t\tconst validColors = [];\n\t\tcolors = (colors || []).concat(DEFAULT_COLORS[type]);\n\t\tcolors.forEach((string) => {\n\t\t\tconst color = getColor(string);\n\t\t\tif(!isValidColor(color)) {\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t} else {\n\t\t\t\tvalidColors.push(color);\n\t\t\t}\n\t\t});\n\t\treturn validColors;\n\t}\n\n\tsetMeasures() {\n\t\t// Override measures, including those for title and legend\n\t\t// set config for legend and title\n\t}\n\n\tconfigure() {\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - getExtraHeight(this.measures);\n\n\t\t// Bind window events\n\t\tthis.boundDrawFn = () => this.draw(true);\n\t\twindow.addEventListener('resize', this.boundDrawFn);\n\t\twindow.addEventListener('orientationchange', this.boundDrawFn);\n\t}\n\n\tdestroy() {\n\t\twindow.removeEventListener('resize', this.boundDrawFn);\n\t\twindow.removeEventListener('orientationchange', this.boundDrawFn);\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\tif (onlyWidthChange && isHidden(this.parent)) {\n\t\t\t// Don't update anything if the chart is hidden\n\t\t\treturn;\n\t\t}\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(this.components, this.config.animate);\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 { truncateString } from '../utils/draw-utils';\nimport { legendDot } from '../utils/draw';\nimport { round } from '../utils/helpers';\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.formatTooltipY = (args.tooltipOptions || {}).formatTooltipY;\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(round(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 = 150;\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 label = this.config.truncateLegends ? truncateString(s.labels[i], barWidth/10) : s.labels[i];\n\t\t\tlet formatted = this.config.formatTooltipY ? this.config.formatTooltipY(d) : d;\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`${label}: ${formatted}`,\n\t\t\t\tfalse\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\tradius: this.rawChartArgs.radius || 0,\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\t\tlet radius = this.rawChartArgs.radius || 0;\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, radius, 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 && d.name.replace(/<|>|&/g, (char) => char == '&' ? '&' : char == '<' ? '<' : '>'),\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\tspline: this.lineOptions.spline,\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\tif (index >= 0) {\n\t\t\tlet dbi = this.dataByIndex[index];\n\n\t\t\tthis.tip.setValues(\n\t\t\t\tdbi.xPos + this.tip.offset.x,\n\t\t\t\tdbi.yExtreme + this.tip.offset.y,\n\t\t\t\t{name: dbi.formattedLabel, value: ''},\n\t\t\t\tdbi.values,\n\t\t\t\tindex\n\t\t\t);\n\n\t\t\tthis.tip.showTip();\n\t\t}\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","isHidden","el","offsetParent","isElementInViewport","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","isValidNumber","candidate","nonNegative","Number","isNaN","undefined","isFinite","round","getBarHeightAndYAttr","yTop","zeroLine","height","y","equilizeNoOfElements","array1","array2","extraCount","truncateString","txt","len","slice","shortenLargeNumber","label","number","p","floor","log10","l","shortened","pow","getSplineCurvePointsStr","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","RGB_RE","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","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","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","seriesMultiple","maxLabelLength","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","exec","c","ch","makeOverlay","transformValue","overlay","updateOverlay","attributes","attr","specified","nodeValue","BaseChart","HTMLElement","Error","rawChartArgs","prepareData","prepareFirstData","validateColors","isNavigable","animate","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","drawArea","render","update","renderLegend","setupNavigation","baseWidth","titleEL","titleFontSize","legendArea","updateTipOffset","Map","make","updateNav","bindUnits","bindOverlay","keyActions","onEnterKey","bind","onLeftArrow","onUpArrow","onRightArrow","onDownArrow","e","_this4","event","keyCode","chartSvg","AggregationChart","formatTooltipY","tooltipOptions","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","xAxisMode","yAxisMode","xIsSeries","shortenYAxisNumbers","formatTooltipX","calcXPositions","calcYAxisParameters","getAllYValues","makeDataByIndex","unitWidth","xOffset","xAxis","dataValues","intervalHeight","calcDatasetPoints","calcYExtremes","calcYRegions","scaleAll","cumulativeYs","replace","char","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":"AAAA,QAASA,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,aAO1E,QAAgBC,UAASC,SACI,QAApBA,EAAGC,aAGZ,QAAgBC,qBAAoBF,MAE/BT,GAAOS,EAAGR,8BAGbD,GAAKE,KAAO,GACNF,EAAKM,MAAQ,GACbN,EAAKY,SAAWC,OAAOC,aAAehC,SAASqB,gBAAgBY,iBAC1DC,QAAUH,OAAOI,YAAcnC,SAASqB,gBAAgBe,aAIrE,QAAgBC,wBAAuBpB,MAClCqB,GAASP,OAAOQ,iBAAiBtB,GACjCuB,EAAUC,WAAWH,EAAOI,aAC/BD,WAAWH,EAAOK,oBAEZ1B,GAAQmB,YAAcI,EA2B9B,QAAgBI,MAAKC,EAAQxC,EAAMyC,MAC9BC,GAAM/C,SAASgD,YAAY,gBAE3BC,UAAU5C,GAAM,GAAM,OAErB,GAAI6C,KAAKJ,KACTI,GAAKJ,EAAWI,SAGdL,GAAOM,cAAcJ,GC7E7B,QAAgBK,cAAaC,SACrBA,GAAEC,YAAcD,EAAEE,QAAQnC,IAAMiC,EAAEG,SAASpC,IAGnD,QAAgBqC,eAAcJ,SACtBA,GAAEE,QAAQ/B,KAAO6B,EAAEG,SAAShC,KAGpC,QAAgBkC,gBAAeL,SACPA,GAAEE,QAAQnC,IAAMiC,EAAEE,QAAQzB,OAC9CuB,EAAEG,SAASpC,IAAMiC,EAAEG,SAAS1B,OAC5BuB,EAAEC,YAAcD,EAAEM,aAItB,QAAgBC,eAAcP,SACPA,GAAEE,QAAQ/B,KAAO6B,EAAEE,QAAQrB,MAC9CmB,EAAEG,SAAShC,KAAO6B,EAAEG,SAAStB,oHClDjC,QAAgB2B,UAASC,SACjBrB,YAAWqB,EAAEC,QAAQ,IAyC7B,QAAgBC,WAAUC,EAAOC,EAAOjD,MAASkD,0DAC5ClD,OACOkD,EAAQF,EAAM,GAAKA,EAAMA,EAAMG,OAAS,OAE/CC,GAAc,GAAIC,OAAMC,KAAKC,IAAIN,IAAQO,KAAKxD,YAC1CkD,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,GASrC,QAAgBI,eAAcC,MAAWC,kEACpCC,OAAOC,MAAMH,SACMI,KAAdJ,MACCE,OAAOG,SAASL,MACjBC,GAAeD,EAAY,KAQrC,QAAgBM,OAAM7B,SAGdyB,QAAOhB,KAAKoB,MAAM7B,EAAI,MAAQ,eCjHtB8B,sBAAqBC,EAAMC,MACtCC,UAAQC,eACRH,IAAQC,KACFA,EAAWD,IAChBA,MAEKA,EAAOC,IACZA,IAGGC,EAAQC,GAGjB,QAAgBC,sBAAqBC,EAAQC,MAC5CC,0DAAaD,EAAO/B,OAAS8B,EAAO9B,aAGjCgC,GAAa,IACNpC,UAAUkC,EAAQE,KAElBpC,UAAUmC,EAAQC,IAEpBF,EAAQC,GAGjB,QAAgBE,gBAAeC,EAAKC,MAC9BD,QAGDA,GAAIlC,OAASmC,EACTD,EAAIE,MAAM,EAAGD,EAAI,GAAK,MAEtBD,EAIT,QAAgBG,oBAAmBC,MAC9BC,aACiB,gBAAVD,GAAoBC,EAASD,MACnC,IAAqB,gBAAVA,OACNnB,OAAOmB,GACZnB,OAAOC,MAAMmB,IAAS,MAAOD,MAI9BE,GAAIrC,KAAKsC,MAAMtC,KAAKuC,MAAMvC,KAAKC,IAAImC,QACnCC,GAAK,EAAG,MAAOD,MACfI,GAAIxC,KAAKsC,MAAMD,EAAI,GACnBI,EAAazC,KAAK0C,IAAI,GAAIL,EAAQ,EAAJG,KAAWJ,EAASpC,KAAK0C,IAAI,GAAIL,IAAI7C,QAAQ,SAGxEQ,MAAKoB,MAAgB,IAAVqB,GAAe,IAAM,KAAO,GAAI,IAAK,IAAK,IAAK,KAAKD,GAIvE,QAAgBG,yBAAwBC,EAAOC,OAG1C,GADAC,MACIC,EAAE,EAAEA,EAAEH,EAAM/C,OAAOkD,MACnBC,MAAMJ,EAAMG,GAAIF,EAAME,QAI1BE,GAAO,SAACC,EAAQC,MACfC,GAAUD,EAAO,GAAKD,EAAO,GAC7BG,EAAUF,EAAO,GAAKD,EAAO,iBAExBlD,KAAKsD,KAAKtD,KAAK0C,IAAIU,EAAS,GAAKpD,KAAK0C,IAAIW,EAAS,UACpDrD,KAAKuD,MAAMF,EAASD,KAIzBI,EAAe,SAACC,EAASC,EAAUC,EAAMC,MAGxCC,GAAIZ,EAFAS,GAAYD,EACZE,GAAQF,GAEZjD,EAAQqD,EAAErD,OAASoD,EAAU5D,KAAK8D,GAAK,GACvCjE,EAfW,GAeFgE,EAAEhE,cACP4D,EAAQ,GAAKzD,KAAKY,IAAIJ,GAASX,EAC/B4D,EAAQ,GAAKzD,KAAKU,IAAIF,GAASX,UAUzB,UAACiD,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,EAAI1C,MAAM,MACL,MAER6C,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,cAAa9E,MAGxB+E,GAAS,mHADA,uCAECC,KAAKhF,IAAW+E,EAAOC,KAAKhF,GC7B3C,QAAShE,KAAEC,EAAMC,SACO,gBAATD,IAAoBC,GAAOd,UAAUe,cAAcF,GAAQA,GAAQ,KAGlF,QAAgBgJ,WAAUC,EAAK1B,MAC1BnH,GAAUjB,SAAS+J,gBAAgB,6BAA8BD,OAEhE,GAAIxC,KAAKc,GAAG,IACZ4B,GAAM5B,EAAEd,MAEF,WAANA,MACD0C,GAAKxJ,YAAYS,OAEf,IAAU,WAANqG,EAAgB,IACpBxH,GAAMc,IAAEoJ,KACRC,WAAW1J,aAAaU,EAASnB,KAC7BU,YAAYV,OAEJ,WAANwH,EACQ,qBAAR0C,wBAAAA,YACFE,KAAKF,GAAKG,IAAI,cACZhK,MAAMiK,GAAQJ,EAAII,MAInB,cAAN9C,MAAyB,SACnB,cAANA,IACF,YAAyB0C,IAEjBK,aAAa/C,EAAG0C,UAKpB/I,GAGR,QAASqJ,wBAAuBC,EAAYC,SACpCX,WAAU,yBACRU,KACJC,KACA,KACA,KACA,KACA,IAIN,QAASC,iBAAgBC,EAAUC,EAAQ3B,EAAO4B,SAC1Cf,WAAU,eACNa,uBACc1B,SACd2B,iBACMC,IAIlB,QAAgBC,kBAAiBC,EAAQC,EAAWC,EAAOjF,SACnD8D,WAAU,iBACLkB,SACHD,QACDE,SACCjF,IAIV,QAAgBkF,aAAYC,SACpBrB,WAAU,eACRqB,IAIV,QAAgBC,cAAaJ,MAAWK,0DAAU,GAAIN,6DAAOrF,GACxD4F,aACQN,YACAK,SAETN,KAAQO,EAAKC,OAASR,GAClBjB,UAAU,IAAKwB,GAWvB,QAAgBE,UAASC,SACjB3B,WAAU,yEAD0B,KAGvC2B,wEAHkD,mEAAa,6EAAoB,KAYxF,QAAgBC,gBAAeC,EAAeC,EAAaC,EAAQ5G,MAAQ6G,0DAAU,EAAGC,yDAAS,EAC3FC,EAAyBH,EAAOI,EAAIN,EAAcM,EAAvCC,EAA0CL,EAAO5F,EAAI0F,EAAc1F,EAC9EkG,EAAqBN,EAAOI,EAAIL,EAAYK,EAAnCG,EAAsCP,EAAO5F,EAAI2F,EAAY3F,YAChE4F,EAAOI,MAAKJ,EAAO5F,YAC1B+F,MAAaE,aACZjH,MAAUA,QAAY8G,OAAYD,EAAY,EAAI,YACpDK,MAAWC,OAGf,QAAgBC,eAAcV,EAAeC,EAAaC,EAAQ5G,MAAQ6G,0DAAU,EAAGC,yDAAS,EAC1FC,EAAyBH,EAAOI,EAAIN,EAAcM,EAAvCC,EAA0CL,EAAO5F,EAAI0F,EAAc1F,EAC9EkG,EAA6BN,EAAOI,EAAIL,EAAYK,EAA3CK,EAAyD,EAAXT,EAAO5F,EAA7CmG,EAAoDP,EAAO5F,EAAI2F,EAAY3F,YACtF4F,EAAOI,MAAKJ,EAAO5F,YAC1B+F,MAAaE,aACZjH,MAAUA,QAAY8G,OAAYD,EAAY,EAAI,YACpDK,MAAWG,cACVN,MAAaM,aACZrH,MAAUA,QAAY8G,OAAYD,EAAY,EAAI,YACpDK,MAAWC,OAGf,QAAgBG,sBAAqBZ,EAAeC,EAAaC,EAAQ5G,MAAQ6G,0DAAU,EAAGC,yDAAS,EACjGC,EAAyBH,EAAOI,EAAIN,EAAcM,EAAvCC,EAA0CL,EAAO5F,EAAI0F,EAAc1F,EAC9EkG,EAAqBN,EAAOI,EAAIL,EAAYK,EAAnCG,EAAsCP,EAAO5F,EAAI2F,EAAY3F,YAEhE+F,MAAaE,aACnBjH,MAAUA,QAAY8G,OAAYD,EAAY,EAAI,YACpDK,MAAWC,EAGf,QAAgBI,qBAAoBb,EAAeC,EAAaC,EAAQ5G,MAAQ6G,0DAAU,EAAGC,yDAAS,EAChGC,EAAyBH,EAAOI,EAAIN,EAAcM,EAAvCC,EAA0CL,EAAO5F,EAAI0F,EAAc1F,EAC9EkG,EAA6BN,EAAOI,EAAIL,EAAYK,EAA3CK,EAAuD,EAATrH,EAAaiH,EAAnDE,EAA8DP,EAAO5F,EAAI0F,EAAc1F,YAElG+F,MAAaE,aACnBjH,MAAUA,QAAY8G,OAAYD,EAAY,EAAI,YACpDK,MAAWG,YACVN,MAAaM,aACZrH,MAAUA,QAAY8G,OAAYD,EAAY,EAAI,YACpDK,MAAWC,EAGf,QAAgBK,cAAajC,EAAYvB,MAAOyD,2DAC3CjC,EAAY,sBAA6BxB,EAAQ,KAAMyD,EAAU,UAAY,WAC7EC,EAAcpC,uBAAuBC,EAAYC,GACjDmC,GAAa,EAAG,GAAK,UACtBF,QACW,GAAK,GAAK,oBAGRC,EAAa,KAAM1D,EAAO2D,EAAU,oBACpCD,EAAa,MAAO1D,EAAO2D,EAAU,oBACrCD,EAAa,OAAQ1D,EAAO2D,EAAU,IAE/CnC,EAGR,QAAgBoC,eAAcZ,EAAGhG,EAAGgF,EAAOjF,MAC1C8G,0DAAMC,6BAA8BrI,yDAAK,aAkBlCoF,WAAU,kBAfL,mBACRmC,IACAhG,QACIgF,SACCjF,OACFtB,iBAEKsE,mBAAmBtE,GAAO,8BAGVsB,EAASiF,QAAUA,OAAUjF,iBACvC8G,KAOnB,QAAgBE,YAAWhC,EAAWiB,EAAGhG,EAAGgH,EAAMhI,MAAQP,0DAAK,OAAQwI,4DAClE5B,aACQN,IACRiB,IACAhG,QACIgH,SACCA,KACJhI,OACEP,iBAGAyF,KAAK+C,GAAM9C,IAAI,cAChB+C,GAAOD,EAAKC,KAGXrD,UAAU,OAAQwB,GAG1B,QAAgB8B,WAAUnB,EAAGhG,EAAGgH,MAAMvI,0DAAK,OAAQiC,yEAC/BL,eAAeK,EAAO0G,iBAAmB1G,KAExD2E,cACQ,eACR,IACA,QACI2B,SACC,WACFvI,GAEH4I,EAAOxD,UAAU,kBACT,wBACR,IACA,KACc,EAAZyD,UAAiB,iBACI,IAAZA,UAAmB,mBAClB,aACTC,oBACK7G,IAGR8G,EAAQ3D,UAAU,4BACGmC,OAAMhG,iBAEzBxF,YAAYqJ,UAAU,OAAQwB,MAC9B7K,YAAY6M,GAEXG,EAGR,QAAgBC,WAAUzB,EAAGhG,EAAGgH,MAAMvI,0DAAK,OAAQiC,yEAC/BL,eAAeK,EAAO0G,iBAAmB1G,KAExD2E,cACQ,gBACP,KACA,IACD2B,OACGvI,GAEH4I,EAAOxD,UAAU,kBACT,wBACR,IACA,KACEyD,UAAa,QACbA,UAAU,EAAK,iBACM,IAAZA,UAAmB,mBAClB,aACTC,oBACK7G,IAGR8G,EAAQ3D,UAAU,4BACGmC,OAAMhG,iBAEzBxF,YAAYqJ,UAAU,SAAUwB,MAChC7K,YAAY6M,GAEXG,EAGR,QAAgBE,UAAS3C,EAAWiB,EAAGhG,EAAG2H,MAASC,6DAC9CC,EAAWD,EAAQC,UAAYP,gBAI5BzD,WAAU,kBACLkB,IACRiB,IACAhG,UANoBP,KAAfmI,EAAQE,GAAmBF,EAAQE,GAAMD,EAAW,GAOnD,iBACIA,EAAW,UAPdD,EAAQnJ,MAAQ8I,wBACVK,EAAQG,YAAc,kBAS3BJ,IAIb,QAASK,cAAahC,EAAGtF,EAAOuH,EAAIC,MAAIN,4DACnCA,GAAQO,SAAQP,EAAQO,OAASC,oBACjCrH,GAAI8C,UAAU,kBACN,iBAAmB+D,EAAQ7C,aAClC,KACA,KACAkD,KACAC,iBAEKN,EAAQO,UAIdd,EAAOxD,UAAU,UACjB,IACAoE,EAAKC,EAAKD,EAAKI,aAAeJ,EAAKI,aAAef,aACjDA,UAAY,iBACHA,UAAY,mBACV,mBACJ5G,EAAQ,KAGhBc,EAAOqC,UAAU,4BACKmC,oBAGrBxL,YAAYuG,KACZvG,YAAY6M,GAEV7F,EAGR,QAAS8G,cAAatI,EAAGU,EAAO6H,EAAIC,MAAIZ,4DACnCA,GAAQO,SAAQP,EAAQO,OAASC,iBACjCR,EAAQa,WAAUb,EAAQa,SAAW,IACrCb,EAAQc,iBAAgBhI,EAAQD,mBAAmBC,OAKnDK,GAAI8C,UAAU,kBAHF,mBAAqB+D,EAAQ7C,WACtB,WAArB6C,EAAQa,SAAwB,SAAU,OAIvCF,KACAC,KACA,KACA,iBAEKZ,EAAQO,UAIdd,EAAOxD,UAAU,UACjB0E,EAAKC,EAAKD,EAAKF,aAAeE,EAAKF,eACnC,KACEf,UAAY,EAAI,EAAK,iBACbA,UAAY,mBACViB,EAAKC,EAAK,MAAQ,kBACtB9H,EAAM,KAGdc,EAAOqC,UAAU,+BACO7D,uBACT,UAGP,KAATqH,GAAuB,MAATA,MACXlN,MAAMgO,OAAS,2BAGhB3N,YAAYuG,KACZvG,YAAY6M,GAEV7F,EAGR,QAAgBmH,OAAM3I,EAAGU,EAAOsE,MAAO4C,4DACjCxI,eAAcY,KAAIA,EAAI,GAEvB4H,EAAQgB,MAAKhB,EAAQgB,IAAM,QAC3BhB,EAAQjD,SAAQiD,EAAQjD,OAAS,GACjCiD,EAAQiB,OAAMjB,EAAQiB,KAAO,QAC7BjB,EAAQO,SAAQP,EAAQO,OAASC,iBACjCR,EAAQ7C,YAAW6C,EAAQ7C,UAAY,OAEvCwD,IAAM,EAAIO,iBACVN,EAAsB,SAAjBZ,EAAQiB,KAAkB7D,EAAQ8D,iBAAmB,QAE1C,SAAjBlB,EAAQiB,MAAmC,UAAhBjB,EAAQgB,QAChC5D,EAAQ8D,mBACR9D,MAKA4C,EAAQjD,UACRiD,EAAQjD,OAEP2D,aAAatI,EAAGU,EAAO6H,EAAIC,UACzBZ,EAAQO,iBACLP,EAAQ7C,mBACT6C,EAAQa,wBACFb,EAAQc,iBAI1B,QAAgBK,OAAM/C,EAAGtF,EAAOX,MAAQ6H,4DAClCxI,eAAc4G,KAAIA,EAAI,GAEvB4B,EAAQgB,MAAKhB,EAAQgB,IAAM,UAC3BhB,EAAQjD,SAAQiD,EAAQjD,OAAS,GACjCiD,EAAQiB,OAAMjB,EAAQiB,KAAO,QAC7BjB,EAAQO,SAAQP,EAAQO,OAASC,iBACjCR,EAAQ7C,YAAW6C,EAAQ7C,UAAY,OAavCkD,GAAKlI,EAAS+I,iBACdZ,EAAsB,SAAjBN,EAAQiB,MAAmB,EAAIC,iBAAmB/I,QAEvC,SAAjB6H,EAAQiB,MAAmC,QAAhBjB,EAAQgB,SAE/B,EAAIE,mBACL,GAGCd,aAAahC,EAAGtF,EAAOuH,EAAIC,UACzBN,EAAQO,iBACLP,EAAQ7C,mBACT6C,EAAQa,WAIpB,QAAgBO,SAAQhJ,EAAGU,EAAOsE,MAAO4C,4DACpCA,GAAQqB,WAAUrB,EAAQqB,SAAW,YAIrCC,GAAWrF,UAAU,kBACb,gBAJiB,SAArB+D,EAAQqB,SAAsBZ,aACnCrD,EAAQrG,eAAe+B,EAAO,GAAK2H,eAKlC,KACEf,WAAa,EAAK,iBACVA,UAAY,mBACV,kBACJ5G,EAAM,KAGdc,EAAO8G,aAAatI,EAAG,GAAI,EAAGgF,UACzB4C,EAAQO,QAAUC,0BACfR,EAAQ7C,WAAa,YACtB6C,EAAQa,oBAGdjO,YAAY0O,GAEV1H,EAGR,QAAgB2H,SAAQlB,EAAIC,EAAIlD,EAAOtE,MAAOkH,6DAEzC7H,EAASkI,EAAKC,EAEdhN,EAAO2I,UAAU,6EAIXuE,mCACepD,OAAUjF,KAG/B,IACA,QACIiF,SACCjF,GAGL6H,GAAQqB,WAAUrB,EAAQqB,SAAW,YAIrCC,GAAWrF,UAAU,kBACb,gBAJiB,SAArB+D,EAAQqB,SAAsBZ,aACnCrD,EAAQrG,eAAe+B,EAAM,GAAI,KAAO2H,eAKvC,KACEf,WAAa,EAAK,iBACVA,UAAY,mBACV,kBACJ5G,EAAM,KAGd0I,EAASvF,UAAU,+BACKqE,iBAGrB1N,YAAYU,KACZV,YAAY0O,GAEZE,EAGR,QAAgBC,YAAWrD,EAAGnG,EAAMmF,EAAOhC,MAAOtC,0DAAM,GAAI4I,yDAAM,EAAG3E,yDAAO,EAAG4E,8DAC5D3J,qBAAqBC,EAAM0J,EAAKzJ,gCAA7CC,OAAQC,UACR2E,EAES,IAAX5E,MACOwJ,EAAKC,aACTD,EAAKC,WAINpK,cAAc4G,KAAIA,EAAI,GACtB5G,cAAcY,KAAIA,EAAI,GACtBZ,cAAcW,GAAQ,KAAOA,EAAS,GACtCX,cAAc4F,GAAO,KAAOA,EAAQ,MAErC9J,GAAO2I,UAAU,4CAEJb,qBACIsG,IACjBtD,IACAhG,QACIgF,SACCjF,WAGA,KAEKW,EAAMtC,OAEb,GACDiG,aAAa,IAAK,KAClBA,aAAa,IAAK,MACnBgD,GAAOxD,UAAU,kBACT,qBACRmB,EAAM,IACN,KACEsC,UAAY,GAAK,EAAK,iBACdA,UAAY,mBACV,mBACJ5G,IAGR8G,EAAQ3D,UAAU,wBACDyF,yBACItD,OAAMhG,iBAEzBxF,YAAYU,KACZV,YAAY6M,GAEXG,QArBAtM,GAyBT,QAAgBuO,YAAWzD,EAAGhG,EAAGhB,EAAQgE,MAAOtC,0DAAM,GAAI4I,yDAAM,EAC3DI,EAAM7F,UAAU,yBACHb,qBACIsG,KAChBtD,KACAhG,IACDhB,WAGK,KAEK0B,EAAMtC,OAEb,GACFiG,aAAa,KAAM,KACnBA,aAAa,KAAM,MAEnBgD,GAAOxD,UAAU,kBACT,qBACR,IACA,KACEyD,UAAY,GAAK,EAAItI,EAAU,iBACvBsI,UAAY,mBACV,mBACJ5G,IAGR8G,EAAQ3D,UAAU,wBACDyF,yBACItD,OAAMhG,iBAEzBxF,YAAYkP,KACZlP,YAAY6M,GAEXG,QAtBAkC,GA0BT,QAAgBC,UAASxI,EAAOC,EAAO4B,MAAO4E,6DAAY2B,4DAErDK,EADaxI,EAAM+C,IAAI,SAACnE,EAAGsB,SAAOH,GAAMG,GAAK,IAAMtB,IAC5B6J,KAAK,IAG5BjC,GAAQkC,SACXF,EAAY1I,wBAAwBC,EAAOC,OAExC2I,GAAOxE,SAAS,IAAIqE,EAAW,kBAAmB5G,MAGnD4E,EAAQoC,SAAU,IAChBC,GAAczD,aAAa+C,EAAKW,QAASlH,KACxC7I,MAAMgO,eAAiB8B,SAGzBE,SACGJ,MAIJnC,EAAQwC,WAAY,IAClBC,GAAqB7D,aAAa+C,EAAKW,QAASlH,GAAO,GAEvDwC,EAAU,IAASrE,EAAM,OAAMoI,EAAKzJ,aAAc8J,MAAgBzI,EAAMX,OAAO,GAAG,OAAM+I,EAAKzJ,WAC3FsJ,OAAS7D,SAASC,gBAAwB,eAAgB6E,aAG1DF,GChmBR,QAAgBG,WAAUC,EAAMC,EAAUC,EAAUC,MAC/CC,GAA0B,gBAAbH,GAAwBA,EAAWA,EAASX,KAAK,aAEjEU,GACCnF,UAAWqF,EAASZ,KAAK,OAC1Ba,EACAE,WACA,aACCxF,UAAWuF,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,EACpBrQ,EAAOmQ,EAAUK,WAAW,WAG/BxQ,GACE6E,OAAQ0L,EAAWE,mBAHVzQ,EAAK0Q,aAAa,cAGyBH,GACtDT,qBACAJ,YAGeN,UAAUe,GAAY,EAAGG,IAAS,EAAGD,GAAQP,uBAI9D,QAAgBa,YAAWC,EAAK9F,EAAGnG,EAAMmF,MAAOL,0DAAO,IACpC/E,qBAAqBC,8DAAWC,kCAA7CC,OAAQC,iBACR2E,EACe,SAAjBmH,EAAIC,WACKD,EAAIJ,WAAW,IAGxB1G,MAAOA,EAAOjF,OAAQA,GACvBiM,cACApB,YAIeN,UAAUwB,EADRA,EAAIF,aAAa,aAAaK,MAAM,KAAK,GAAGzL,MAAM,GAAI,IAC3BwF,EAAGhG,GAAIgL,yBAG3Cc,GAAM9G,MAAOA,EAAOjF,OAAQA,EAAQiG,EAAGA,EAAGhG,EAAGA,GAAIgM,cAAepB,aAK3E,QAAgBsB,YAAWxC,EAAK1D,EAAGhG,SACd,WAAjB0J,EAAIqC,UAEUzB,UAAUZ,EADRA,EAAIkC,aAAa,aAAaK,MAAM,KAAK,GAAGzL,MAAM,GAAI,IAC3BwF,EAAGhG,GAAIgL,yBAG3CtB,GAAMyC,GAAInG,EAAGoG,GAAIpM,GAAIgM,cAAepB,aAK/C,QAAgByB,aAAYlC,EAAOmC,EAAUC,EAAUzM,EAAUgK,MAC5D0C,MACA5C,EAAY2C,EAASpI,IAAI,SAACnE,EAAGsB,SAAOgL,GAAShL,GAAK,IAAMtB,IAAI6J,KAAK,IAEjEC,KACHF,EAAY1I,wBAAwBoL,EAAUC,OAEzCE,IAAYtC,EAAMJ,MAAOjM,EAAE,IAAM8L,GAAY8C,cAAe9B,iBACnDrJ,KAAKkL,GAEjBtC,EAAMf,OAAQ,IACZuD,GAAgBL,EAAS,OAAMxM,MAC/B8M,MAAeN,EAAS9L,OAAO,GAAG,QAAOV,EAEvC+M,GACL1C,EAAMf,QACLtL,EAAE,IAAM6O,EAAa/C,EAAYgD,GAClCF,cACA9B,cAEcrJ,KAAKsL,SAGdL,GAGR,QAAgBM,gBAAeC,EAASvH,UAC/BuH,GAAUjP,EAAG0H,GAAUwG,cAAepB,uJC1F/C,QAASoC,mBAAkB/R,EAASgS,EAAOC,MAAKC,0DAAW,SAAU9S,6DAAKoF,GAAW2N,4DAEhFC,EAAcpS,EAAQqS,WAAU,GAChCC,EAAatS,EAAQqS,WAAU,OAE/B,GAAIE,KAAiBP,GAAO,IAC3BQ,YACiB,cAAlBD,EACexT,SAAS+J,gBAAgB,6BAA8B,oBAEvD/J,SAAS+J,gBAAgB,6BAA8B,cAErE2J,GAAeN,EAAUI,IAAkBvS,EAAQ2Q,aAAa4B,GAChEG,EAAQV,EAAMO,GAEdI,iBACYJ,OACTE,KACFC,QACG,SACFT,EAAI,IAAO,WACRQ,EAAe,IAAMC,aACjBE,OAAOV,YACT,eACA,cACJ,SAGJ9S,OACF,KAAmBA,OAGf,GAAIiH,KAAKsM,KACEvJ,aAAa/C,EAAGsM,EAAStM,MAG7B9G,YAAYiT,GAErBpT,IACSgK,aAAamJ,eAA4BG,SAEzCtJ,aAAamJ,EAAeG,UAIjCN,EAAaE,GAGtB,QAAgBnI,WAAUnK,EAASd,KAC1BA,MAAMiL,UAAYjL,IAClBA,MAAM2T,gBAAkB3T,IACxBA,MAAM4T,YAAc5T,IACpBA,MAAM6T,aAAe7T,IACrBA,MAAM8T,WAAa9T,EAG5B,QAAS+T,YAAWhJ,EAAciJ,MAC7BC,MACAC,OAEKlK,IAAI,eACRoG,GAAOtP,EAAQ,GACf6J,EAASyF,EAAKtG,WAEdoJ,SAAaE,WAET,GAAKhD,QACeyC,oDAAqB/R,4CAErCsG,KAAKgM,KACJhM,MAAM8L,EAAavI,MAEzBwJ,aAAajB,EAAa9C,QAG9BgE,GAAUrJ,EAAaoI,WAAU,YAExBnJ,IAAI,SAACkJ,EAAa/L,KAClB,GAAGgN,aAAaF,EAAY9M,GAAI+L,EAAY,MAC/C/L,GAAG,GAAK8M,EAAY9M,KAGvBiN,EAGR,QAAgBC,kBAAiB1J,EAAQ2J,EAAYC,MACpB,IAA7BA,EAAkBtQ,WAEjBuQ,GAAiBT,WAAWO,EAAYC,EACzCD,GAAWxK,YAAca,MACpB8J,YAAYH,KACZjU,YAAYmU,eAKT,WACPA,EAAe1K,YAAca,MACxB8J,YAAYD,KACZnU,YAAYiU,KAElBI,sBC/GG,QAASC,cAAaC,EAAU9H,MAClCvE,GAAI1I,SAASI,cAAc,OAC7BD,MAAQ,mBACN6U,GAAO,GAAIC,MAAKhI,GAAO5M,KAAM,iCAC7B6U,EAAMnT,OAAOoT,IAAIC,gBAAgBJ,KACnCK,KAAOH,IACPI,SAAWP,WACJxT,KAAKf,YAAYkI,KACxB6M,mBACS,oBACDhU,KAAKqT,YAAYlM,UACnByM,IAAIK,gBAAgBN,IACzB,KAGJ,QAAgBO,kBAAiBC,MAC5BC,GAAQD,EAAIpC,WAAU,KACpBsC,UAAUC,IAAI,qBACdxL,aAAa,QAAS,gCACtBA,aAAa,cAAe,mCAC9ByL,GAAUlV,EAAEmV,OAAO,mBACTC,YAERzV,aAAauV,EAASH,EAAMrV,eAE9B2V,GAAYrV,EAAEmV,OAAO,gBACfvV,YAAYmV,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,SAC5B3S,MAAK+S,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,EAAUvR,MAAM,EAAG,GAAKuR,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,MACzC3O,GAAO4O,OAAO5O,KAAK6O,kBAAkBC,OAAO,kBAAKL,GAAKM,SAASC,KAC/DC,EAASJ,iBAAiB7O,EAAK,kBAC5BkP,OAAOD,aACFP,UACFC,IAEH,GAAIQ,gBAAeF,goDC5b3B,QAESG,WAAUtN,MAKX,IAAJA,SACM,EAAG,MAETxG,MAAMwG,UACAuN,UAAW,iBAAkBC,SAAU,QAE5CC,GAAMzN,EAAI,EAAI,GAAK,MACnBtG,SAASsG,UACJuN,SAAgB,iBAANE,EAAwBD,SAAU,OAGjDjV,KAAKC,IAAIwH,MACT0N,GAAMnV,KAAKsC,MAAMtC,KAAKuC,MAAMkF,WAGxByN,GAFEzN,EAAEzH,KAAK0C,IAAI,GAAIyS,IAENA,GAGpB,QAASC,wBAAuBC,MAAKC,0DAAI,EACpCC,EAAavV,KAAK+S,KAAKsC,GACvBG,EAAaxV,KAAKsC,MAAMgT,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,MACI7S,EAAI,EAAGA,GAAK2S,EAAW3S,MACpBC,KAAKwS,EAAaG,EAAW5S,SAEjC6S,GAGR,QAASC,mBAAkBC,MAAUC,0DAAS,IACZhB,UAAUe,2BAAtCE,OAAgBf,OACjBgB,EAAiBF,EAAWA,EAAS/V,KAAK0C,IAAI,GAAIuS,GAAW,EAK7DW,EAAYR,yBAFCY,EAAexW,QAAQ,GAEeyW,YAC3CL,EAAUhQ,IAAI,kBAASwJ,GAAQpP,KAAK0C,IAAI,GAAIuS,KAIzD,QAAgBiB,oBAAmBC,WAYzBC,GAA0BN,EAAUO,OAOxC,GANAT,GAAYC,kBAAkBC,GAE9BQ,EAAeV,EAAU,GAAKA,EAAU,GAGxCxG,EAAQ,EACJrM,EAAI,EAAGqM,EAAQiH,EAAatT,OAC1BuT,IACCC,SAAU,EAAKnH,SAEnBwG,MAvBkCY,2DAMtCV,EAAW9V,KAAKqV,oCAAOc,IACvBJ,EAAW/V,KAAKsV,oCAAOa,IAGTP,QAkBfE,GAAY,GAAKC,GAAY,EACpBhB,UAAUe,GAAU,KAC3BU,EAGSX,kBAAkBC,EAAUC,GAF5BF,kBAAkBC,OAQ3B,IAAGA,EAAW,GAAKC,EAAW,EAAG,IAOjCM,GAAcrW,KAAKC,IAAI8V,EAExBD,IAAYO,GACHtB,UAAUe,GAAU,KACnBM,EAA0BN,EAAUO,KAGrCtB,UAAUsB,GAAa,KACfD,EAA0BC,EAAaP,GACjClS,UAAUgC,IAAI,mBAAW,EAANrG,SAOzC,IAAGuW,GAAY,GAAKC,GAAY,EAAG,IAInCU,GAAiBzW,KAAKC,IAAI8V,GAC1BW,EAAiB1W,KAAKC,IAAI6V,EAEnBf,WAAU0B,GAAgB,QACjCD,EAGSX,kBAAkBY,EAAgBC,GAFlCb,kBAAkBY,IAKT7S,UAAUgC,IAAI,mBAAW,EAANrG,UAGnCqW,GAGR,QAAgBe,cAAaC,MAExBC,GAAWC,gBAAgBF,SAC5BA,GAAKG,QAAQ,IAAM,EAGTH,EAAKG,QAAQ,GAChBH,EAAK,GAAK,GAIL,EADJA,EAAK,GACUC,GAKX,EADJD,EAAKA,EAAK/W,OAAS,GACJgX,GAAYD,EAAK/W,OAAS,GAiBrD,QAAgBiX,iBAAgBE,SACxBA,GAAa,GAAKA,EAAa,GAGvC,QAAgBC,eAAcD,SACtBA,GAAaA,EAAanX,OAAO,GAAKmX,EAAa,GAG3D,QAAgBE,OAAMzR,EAAK0R,SACnB7X,UAAS6X,EAAM5V,SAAWkE,EAAM0R,EAAMC,iBAY9C,QAAgBC,mBAAkBC,EAAMC,MAAKxM,2DACxCyM,EAAUD,EAAIvT,OAAO,SAASyT,EAAMC,SAC/B1X,MAAKC,IAAIyX,EAAOJ,GAAQtX,KAAKC,IAAIwX,EAAOH,GAAQI,EAAOD,aAGzD1M,GAAQwM,EAAIR,QAAQS,GAAWA,EAGvC,QAAgBG,kBAAiBxB,EAAQyB,OASpC,GALAC,GAAe7X,KAAKqV,oCAAOc,IAE3B2B,EAAmB,GAAKF,EAAmB,GAC3CG,KAEIhV,EAAI,EAAGA,EAAI6U,EAAkB7U,IAAK,IACrCiV,GAAaH,GAAgBC,EAAmB/U,KACvCC,KAAKgV,SAGZD,GAGR,QAAgBE,kBAAiB7I,EAAO2I,SAChCA,GAAatD,OAAO,kBAAKlV,GAAI6P,IAAOvP,84BC7O5C,QAGgBqY,UAASxP,EAAM5M,KACzBqc,OAASzP,EAAKyP,cAEfC,GAAgB1P,EAAKyP,OAAOtY,OAG5BwY,EAAW3P,EAAK2P,SAChBC,EAAY,GAAIvY,OAAMqY,GAAelY,KAAK,SAC1CmY,gBAGMC,OAID1S,IAAI,eAERrG,EAAE4W,OAEC,IAEFoC,GAAOhZ,EAAE4W,YACNoC,EAAK3S,IAAI,kBAAS3E,OAAMwE,GAAa,EAANA,KAG9B5F,OAASuY,EACTG,EAAKtW,MAAM,EAAGmW,GAEd3Y,UAAU8Y,EAAMH,EAAgBG,EAAK1Y,OAAQ,UAVnDsW,OAASmC,CAkBR/Y,GAAEiZ,YACDC,yBAAyB/D,SAAS5Y,KACpC0c,UAAY1c,KASb4M,EAAKgQ,YACFA,SAAS9S,IAAI,eACdrG,EAAEoZ,IAAMpZ,EAAEK,MAAO,QACCL,EAAEoZ,IAAKpZ,EAAEK,SAA1BA,aAAS+Y,YAKRjQ,EAGR,QAAgBkQ,cAAaC,MACxBT,GAAgBS,EAASV,OAAOtY,OAChCyY,EAAY,GAAIvY,OAAMqY,GAAelY,KAAK,GAE1C4Y,UACKD,EAASV,OAAOlW,MAAM,GAAI,YACxB4W,EAASR,SAASzS,IAAI,wBAExB,UACE0S,EAAUrW,MAAM,GAAI,aACjB1C,EAAEiZ,oBAKbK,GAASE,aACFA,iBAEA,QACA,MAKPF,EAASH,aACFA,iBAEA,MACF,QACE,MAKHI,EAGR,QAAgBE,oBAAmBC,MAAYd,6DAAWe,6DACrDC,EAAeF,EAAad,EAAOtY,MACpCsZ,IAAgB,IAAGA,EAAe,MACjCC,GAAiBD,EAAeE,mBAEhCC,YACDJ,EAAU,IAERK,GAAiBvZ,KAAKqV,oCAAO8C,EAAOvS,IAAI,kBAASzD,GAAMtC,aAC1CG,KAAK+S,KAAKwG,EAAeH,SAG1BjB,GAAOvS,IAAI,SAACzD,EAAOY,aAC1B,IACAlD,OAASuZ,IAEbF,EAOAnW,EAAIuW,GAAmB,MACjB,MAPNF,EAAe,EAAI,EACbjX,EAAMF,MAAM,EAAGmX,EAAe,GAAK,OAEnCjX,EAAMF,MAAM,EAAGmX,GAAkB,MAQrCjX,wmDC3GT,QAASqX,qBAAehB,0DAAY,OAAQjS,eAAQ8C,qBACjC,eAAdmP,KACK1c,KAAO,OACR,GAAI2d,WAAUlT,EAAQ8C,IAGzBqQ,WAAWlB,GAKT,GAAIkB,YAAWlB,GAAWjS,EAAQ8C,gBAJhCsQ,MAAM,yBAA2BnB,+9DbZ3Cnc,GAAEmV,OAAS,SAACjM,EAAK1B,MACZnH,GAAUjB,SAASI,cAAc0J,OAEhC,GAAIxC,KAAKc,GAAG,IACZ4B,GAAM5B,EAAEd,MAEF,WAANA,IACD0C,GAAKxJ,YAAYS,OAEf,IAAU,WAANqG,EAAgB,IACpBxH,GAAMc,EAAEoJ,KACRC,WAAW1J,aAAaU,EAASnB,KAC7BU,YAAYV,OAEJ,WAANwH,EACQ,qBAAR0C,sBAAAA,YACFE,KAAKF,GAAKG,IAAI,cACZhK,MAAMiK,GAAQJ,EAAII,KAGlB9C,IAAKrG,KACPqG,GAAK0C,IAGLK,aAAa/C,EAAG0C,SAInB/I,GCxBD,IAAMkd,6BAEN,UACG,QACF,SACC,kBAGF,UACG,QACF,SACC,eAGI,gBACC,gBACC,iBAEC,IAyBHC,0BAA4B,IAC5BC,2BAA6B,IAE7BC,wBAA0B,OAC1BtB,0BAA4B,OAAQ,OAEpCuB,qBAAuB,IAEvBC,sBAAwB,GACxBC,uBAAyB,EAEzBC,oBAAsB,EACtBC,sBAAwB,EAExBC,8BAAgC,GAChC9R,6BAA+B,EAI/B+R,0BAA4B,EAE5BC,oBAAsB,GACtBC,oBAAsB,EAEtBnB,mBAAqB,EAErBoB,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,sBAIK/Z,YAAcX,KAAK8D,GAAK,IACxB+W,WAAa,sQavGLC,wCAEnBvU,OAAAA,aAAS,WACTwU,OAAAA,iDAEKxU,OAASA,OACTwU,OAASA,OACTC,UAAY,QACZC,WAAa,QACbC,mBACAC,gBAAkB,OAElB1T,EAAI,OACJhG,EAAI,OAEJ5E,IAAM,OACNI,KAAO,OAEPme,oEAIAC,qDAIAnb,YACAob,qEAIA5J,UAAYrV,EAAEmV,OAAO,cACjB+J,KAAKhV,iBACF,8JAKPiV,eAEAC,MAAQF,KAAK7J,UAAUlV,cAAc,eACrCkf,cAAgBH,KAAK7J,UAAUlV,cAAc,yBAE7C+J,OAAOoV,iBAAiB,aAAc,aACrCH,sDAKFC,QACDF,MAAKxQ,YACF2G,UAAU5L,aAAa,mBAAoByV,KAAKxQ,SAEnDwQ,KAAKJ,2BACYI,KAAKN,uBAAsBM,KAAKP,UAExCO,KAAKP,qBAAoBO,KAAKN,4BAErCQ,MAAM9J,UAAY8J,OAClBC,cAAc/J,UAAY,QAE1BuJ,WAAWtV,IAAI,SAACgW,EAAK7Y,MACnB0B,GAAQoX,EAAKd,OAAOhY,IAAM,QAC5BqM,EAA0B,IAAlBwM,EAAIE,WAAmBF,EAAIE,UAAYF,EAAIE,UAAYF,EAAIxM,MAEnE2M,EAAK1f,EAAEmV,OAAO,wCAEW/M,iDAE6B,IAAV2K,GAAeA,EAAQA,EAAQ,6BAC3EwM,EAAIH,MAAQG,EAAIH,MAAQ,QAGvBC,cAAczf,YAAY8f,+CAK5BtV,GAAQ8U,KAAK7J,UAAUsK,iBAEtBnf,IAAM0e,KAAK9Z,EAAI8Z,KAAK7J,UAAUuK,aAChCxB,qCACExd,KAAOse,KAAK9T,EAAIhB,EAAM,KACvByV,GAAUX,KAAKhV,OAAOyV,YAAcvV,EAEpC0V,EAAUZ,KAAK7J,UAAUlV,cAAc,mBAExC+e,KAAKte,KAAO,IACNrB,MAAMqB,oBAAsB,EAAIse,KAAKte,gBACxCA,KAAO,MACN,IAAGse,KAAKte,KAAOif,EAAS,IAE1BE,kBADQb,KAAKte,KAAOif,WAEhBtgB,MAAMqB,KAAOmf,OAEhBnf,KAAOif,SAEJtgB,MAAMqB,6CAINwK,EAAGhG,MAAGga,6DAAYP,4DAAiBnQ,0DAAS,OAChDiQ,UAAYS,EAAMrH,UAClB6G,WAAaQ,EAAMrM,WACnB8L,WAAaA,OACbzT,EAAIA,OACJhG,EAAIA,OACJ0Z,gBAAkBM,EAAMY,YAAc,OACtCtR,MAAQA,OACRuR,iDAIA5K,UAAU9V,MAAMiB,IAAM,WACtB6U,UAAU9V,MAAMqB,KAAO,WACvByU,UAAU9V,MAAMyK,QAAU,2CAI1BqL,UAAU9V,MAAMiB,IAAM0e,KAAK1e,IAAM,UACjC6U,UAAU9V,MAAMqB,KAAOse,KAAKte,KAAO,UACnCyU,UAAU9V,MAAMyK,QAAU,aV5H3BkW,+BACS,eACN,iBACE,cACH,iBACG,iBACA,gBACD,wBACM,iBACL,kBACC,gBACF,eACD,uBACM,sBACD,WA8BD3X,SAAW,SAACH,SAEpB,4BAA6BY,KAAKZ,iCACE+X,KAAK/X,GAC1CmB,IAAI,SAAC6B,EAAG1E,SAAa,KAANA,EAAU/B,OAAOyG,GAAGvC,SAAS,IAAM,MAClDlB,OAAO,SAACyY,EAAGC,YAAUD,EAAIC,IAErBH,iBAAiB9X,IAAUA,0oBC9CtB8F,iBAAmB,EAC1BT,aAAe,EACfjB,gBAAkB,GACXE,UAAY,GACnBc,gBAAkB,UAClBb,UAAY,UAkmBP2T,iBACH,SAAC3Q,MACH4Q,SACiB,UAAlB5Q,EAAKwB,aACUxB,EAAKqB,aAAa,eAC5BrB,EAAKmB,WAAW,OAEpB0P,GAAU7Q,EAAK+C,qBACXnT,MAAMsE,KAAO,YACbtE,MAAMyK,QAAU,MAErBuW,KACM9W,aAAa,YAAa8W,GAE5BC,OAGD,SAAC7Q,MACH4Q,SACiB,YAAlB5Q,EAAKwB,aACUxB,EAAKqB,aAAa,eAC5BrB,EAAKmB,WAAW,OAEpB0P,GAAU7Q,EAAK+C,YACftO,EAASuL,EAAKqB,aAAa,KAC3BnN,EAAO8L,EAAKqB,aAAa,iBACrBvH,aAAa,IAAKf,SAAStE,GAAU2Z,yBACrCtU,aAAa,OAAQ5F,KACrBtE,MAAMyK,QAAU,MAErBuW,KACM9W,aAAa,YAAa8W,GAE5BC,eAGO,SAAC7Q,MACX4Q,SACiB,YAAlB5Q,EAAKwB,aACUxB,EAAKqB,aAAa,eAC5BrB,EAAKmB,WAAW,OAEpB0P,GAAU7Q,EAAK+C,YACftO,EAASuL,EAAKqB,aAAa,KAC3BnN,EAAO8L,EAAKqB,aAAa,iBACrBvH,aAAa,IAAKf,SAAStE,GAAU2Z,yBACrCtU,aAAa,OAAQ5F,KACrBtE,MAAMyK,QAAU,MAErBuW,KACM9W,aAAa,YAAa8W,GAE5BC,IAIEC,mBACH,SAAC9Q,EAAM6Q,MACTD,SACiB,UAAlB5Q,EAAKwB,aACUxB,EAAKqB,aAAa,eAC5BrB,EAAKmB,WAAW,OAEpB4P,IAAc,IAAK,IAAK,QAAS,iBAC9B5G,OAAOnK,EAAK+Q,YACjBtI,OAAO,kBAAQsI,GAAWrI,SAASsI,EAAK5I,OAAS4I,EAAKC,YACtDrX,IAAI,cACIE,aAAakX,EAAK5I,KAAM4I,EAAKE,aAGpCN,KACM9W,aAAa,YAAa8W,QAI7B,SAAC5Q,EAAM6Q,MACTD,SACiB,YAAlB5Q,EAAKwB,aACUxB,EAAKqB,aAAa,eAC5BrB,EAAKmB,WAAW,OAEpB4P,IAAc,KAAM,aACjB5G,OAAOnK,EAAK+Q,YACjBtI,OAAO,kBAAQsI,GAAWrI,SAASsI,EAAK5I,OAAS4I,EAAKC,YACtDrX,IAAI,cACIE,aAAakX,EAAK5I,KAAM4I,EAAKE,aAGpCN,KACM9W,aAAa,YAAa8W,gBAIrB,SAAC5Q,EAAM6Q,MACjBD,SACiB,YAAlB5Q,EAAKwB,aACUxB,EAAKqB,aAAa,eAC5BrB,EAAKmB,WAAW,OAEpB4P,IAAc,KAAM,aACjB5G,OAAOnK,EAAK+Q,YACjBtI,OAAO,kBAAQsI,GAAWrI,SAASsI,EAAK5I,OAAS4I,EAAKC,YACtDrX,IAAI,cACIE,aAAakX,EAAK5I,KAAM4I,EAAKE,aAGpCN,KACM9W,aAAa,YAAa8W,0bCrtBxBnP,cAAgB,IAChBU,cAAgB,IAChB1B,qBAAuBgB,cACvB6C,oBAAsB,IAEtBjE,WAAa,8bCHpBiD,aACC,yBACE,iBAEA,wBACC,uBACE,iBQVCmC,QAAU,48DCSF0L,gCACR5W,EAAQ8C,qCAEd9C,OAA2B,gBAAXA,GAClB9K,SAASe,cAAc+J,GACvBA,IAEGgV,KAAKhV,iBAAkB6W,mBACtB,IAAIC,OAAM,uDAGZC,aAAejU,OAEfoS,MAAQpS,EAAQoS,OAAS,QACzB3f,KAAOuN,EAAQvN,MAAQ,QAEvB+c,SAAW0C,KAAKgC,YAAYlU,EAAQX,WACpCA,KAAO6S,KAAKiC,iBAAiBjC,KAAK1C,eAElCkC,OAASQ,KAAKkC,eAAepU,EAAQ0R,OAAQQ,KAAKzf,WAElD8Y,oBACS,aACD,cACCvL,EAAQqU,aAAe,cACC,KAApBrU,EAAQsU,QAA2BtU,EAAQsU,QAAU,kBACrDtU,EAAQuU,iBAAmB,QAGxCC,SAAWC,KAAKC,MAAMD,KAAKE,UAAUpE,mBACtC9a,GAAIyc,KAAKsC,cACRI,YAAY5U,GACbkS,KAAKE,MAAM5b,WAAYd,YAAc,GACrCwc,KAAK3G,OAAOsJ,aAAYpf,EAAEM,aAAe,QACxC+e,UAAY9U,EAAQ7H,QAAU1C,EAAEsf,gBAEhCC,cACAhV,gBAEAiV,YAAczE,0BAEhB0B,KAAK3G,OAAO8I,mBACTa,kBAGDC,UAAUnV,8DAGJX,SACJA,4CAGSA,SACTA,0CAGOqS,EAAQjf,MAChB2iB,gBACI1D,OAAc5a,OAAOya,eAAe9e,KACvC4iB,QAAQ,SAACre,MACToE,GAAQG,SAASvE,EACnB8E,cAAaV,KAGJzB,KAAKyB,WAFTka,KAAK,IAAMte,EAAS,6BAKvBoe,wFASHjd,EAAS+Z,KAAK4C,eACbC,WAAa5c,OACbA,OAASA,EAASrC,eAAeoc,KAAKsC,eAGtCe,YAAc,iBAAMC,GAAKC,MAAK,WAC5BnD,iBAAiB,SAAUJ,KAAKqD,oBAChCjD,iBAAiB,oBAAqBJ,KAAKqD,sDAI3CG,oBAAoB,SAAUxD,KAAKqD,oBACnCG,oBAAoB,oBAAqBxD,KAAKqD,kDAKhDI,qBACAC,mBACA5D,mBAEAyD,MAAK,GAAO,gDAKZvY,OAAOoL,UAAY,MAEpB7K,WACKyU,KAAKhV,iBACF,kBAGTgV,MAAK2D,qBACFnhB,QAAW0I,MAAO8U,KAAK2D,iBAAmB,YAG3CxN,UAAYrV,EAAEmV,OAAO,MAAO1K,8CAI5BqY,IAAM,GAAIrE,gBACNS,KAAK7J,iBACL6J,KAAKR,cAETqE,+FAKDC,0DAAuBC,yDACvBD,IAAmBliB,SAASoe,KAAKhV,eAIhC0Y,mBAEAM,KAAKF,QACLG,qBACAC,uBAEAC,WAAWhB,QAAQ,kBAAKjC,GAAErB,MAAMS,EAAK8D,iBAErCC,OAAOrE,KAAKmE,YAAY,GAE1BJ,SACG5W,KAAO6S,KAAK1C,oBACN,aAAYgH,OAAOhE,EAAKnT,OAAS6S,KAAK+C,mBAG7CwB,oBAEAC,gBAAgBT,+EAMhBU,UAAYliB,uBAAuByd,KAAKhV,aACxCE,MAAQ8U,KAAKyE,UAAY3gB,cAAckc,KAAKsC,kDAI9CtC,KAAKpK,UACFO,UAAUrB,YAAYkL,KAAKpK,QAE7BrS,GAAIyc,KAAKsC,cAER1M,IAAM7K,iBACViV,KAAK7J,UACL,qBACA6J,KAAKyE,UACLzE,KAAK6C,iBAEDzS,QAAUjF,YAAY6U,KAAKpK,KAE7BoK,KAAKE,MAAM5b,cACRogB,QAAU9W,SACd,QACArK,EAAEE,QAAQ/B,KACV6B,EAAEE,QAAQnC,IACV0e,KAAKE,gBAEM3c,EAAEohB,mBACN,aACFphB,EAAEohB,oBAKLrjB,GAAMgC,aAAaC,QAClB6gB,SAAW/Y,aACf2U,KAAKzf,KAAO,sCACCoD,cAAcJ,QAAOjC,OAGhC0e,KAAK3G,OAAOsJ,gBACP3C,KAAK/Z,OAAS1C,EAAEG,SAAS1B,YAC3B4iB,WAAavZ,aACjB,4BACa1H,cAAcJ,QAAOjC,QAIjC0e,KAAKE,MAAM5b,aAAesR,IAAIlV,YAAYsf,KAAK0E,cAC7C9O,IAAIlV,YAAYsf,KAAKoE,UACvBpE,KAAK3G,OAAOsJ,iBAAmB/M,IAAIlV,YAAYsf,KAAK4E,iBAElDC,gBAAgBlhB,cAAcJ,GAAID,aAAaC,4CAGrC2I,EAAGhG,QACb0d,IAAI/Y,UACLqB,IACAhG,kDAIoBie,WAAa,GAAIW,oCAEnC3X,GACFA,WACKiR,MAAM,2BAEVjR,KAAO6S,KAAKgC,YAAY7U,QACxB6W,YACAK,OAAOrE,KAAKmE,WAAYnE,KAAK3G,OAAO+I,qDAGnC+B,yDAAWnE,KAAKmE,WAAY/B,4DAC/BpC,MAAK3G,OAAO8I,kBAETa,SAAS3Y,IAAI,kBAAK/B,GAAE6B,WAAW2K,YAAYxM,QAG7CsM,QAEOuO,QAAQ,cACEvO,EAAkBhQ,OAAOsc,EAAEoD,OAAOlC,MAEpDxN,EAAkBtQ,OAAS,oBACZ0b,KAAK7J,UAAW6J,KAAKpK,IAAKhB,cAChC,aACCuO,QAAQ,kBAAKjC,GAAE6D,WACrBC,aACHzG,gCAEQ4E,QAAQ,kBAAKjC,GAAE6D,cACrBC,iDAKHhF,KAAK3G,OAAO8I,mBACTf,mBACA6D,0GAMSlB,yDACX/D,MAAK3G,OAAO8I,aAEb4B,SACGmB,mBAEAC,eACEnF,KAAKoF,WAAWC,KAAKrF,SACrBA,KAAKsF,YAAYD,KAAKrF,SACtBA,KAAKuF,UAAUF,KAAKrF,SACpBA,KAAKwF,aAAaH,KAAKrF,SACvBA,KAAKyF,YAAYJ,KAAKrF,gBAGpBI,iBAAiB,UAAW,SAACsF,GAClC3jB,oBAAoB4jB,EAAKxP,eACvBuP,GAAKzjB,OAAO2jB,MACbD,EAAKR,WAAWO,EAAEG,YACfV,WAAWO,EAAEG,mmBA2BlBC,GAAWnQ,iBAAiBqK,KAAKpK,kBACxBoK,KAAKE,OAAS,SAAU4F,4gBClTlBC,wCACR/a,EAAQO,wHACbP,EAAQO,8EAGLA,gGACOA,QAEX8N,OAAO2M,gBAAkBza,EAAK0a,oBAAsBD,oBACpD3M,OAAO6M,UAAY3a,EAAK2a,WAAa,QACrC7M,OAAO8M,gBAAkB5a,EAAK4a,iBAAmB,6CAIlDC,EAAIpG,KAAK8C,MACToD,EAAYlG,KAAK3G,OAAO6M,YAC1BG,kBAEEC,GAAYtG,KAAK7S,KAAKyP,OAAOvS,IAAI,SAACzD,EAAOY,MACxC+e,GAAQ,WACPpZ,KAAK2P,SAASzS,IAAI,eACbqb,EAAE9K,OAAOpT,MAEX+e,EAAO3f,KACbsS,OAAO,kBAAclV,GAAE,IAAM,IAE5BwiB,EAASF,KACVA,EAAUhiB,OAAS4hB,EAAW,GAEtBO,KAAK,SAAC7d,EAAGa,SAAeA,GAAE,GAAKb,EAAE,OAElC0d,EAAU5f,MAAM,EAAGwf,EAAU,MAGlCQ,GAAiB,CAFLJ,GAAU5f,MAAMwf,EAAU,GAGhC7b,IAAI,eAAwBrG,EAAE,OACjCyD,MAAMif,EAAgB,cACxBlH,OAAO0G,EAAU,GAAK,SAG1BtJ,YACKvS,IAAI,cACRgc,YAAY5e,KAAK5B,MAAM7B,EAAE,OACzB4Y,OAAOnV,KAAKzD,EAAE,QAGf2iB,WAAaP,EAAEC,YAAY5d,OAAO,SAACG,EAAGa,SAAMb,GAAIa,GAAG,QAEhDqC,UACDkU,KAAK9U,MAAQ,IACb8U,KAAK/Z,OAAS,qDAKdmgB,EAAIpG,KAAK8C,WACR8B,WAAWgC,YAAc,QACzBC,aAAeT,EAAEC,YAAY3f,MAAM,EAAGsZ,KAAK3G,OAAO8M,oBAEnD/hB,GAAQ,EACR8B,EAAI,OACH2gB,aAAaxc,IAAI,SAACrG,EAAGwD,MACrBsf,GAAW,IACXC,EAAUtiB,KAAKsC,OACjBigB,EAAK9b,MAAQpH,cAAckjB,EAAK1E,WAAWwE,EAEzCE,GAAKH,aAAaviB,OAASyiB,MACnBC,EAAK9b,MAAM8b,EAAKH,aAAaviB,QAEtCF,EAAQ2iB,MACF,KACH,OAEF7a,GAAI4a,EAAW1iB,EAAQ,EACvBwC,EAAQogB,EAAK3N,OAAOgJ,gBAAkB9b,eAAe6f,EAAExJ,OAAOpV,GAAIsf,EAAS,IAAMV,EAAExJ,OAAOpV,GAC1F+Y,EAAYyG,EAAK3N,OAAO2M,eAAiBgB,EAAK3N,OAAO2M,eAAehiB,GAAKA,EACzE4L,EAAMjC,UACTzB,EACAhG,EACA,EACA8gB,EAAKxH,OAAOhY,GACTZ,OAAU2Z,GACb,KAEIqE,WAAWlkB,YAAYkP,gBApFegS,WRJjCqF,kBAAoB,GACpBvP,mBAAqB,EAErBG,aAAe,IACfD,WAAa,MAEbM,aAAe,UAAW,WAAY,QAAS,QAAS,MACpE,OAAQ,OAAQ,SAAU,YAAa,UAAW,WAAY,YAIlDgP,iBAAmB,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,8rBCNpE3N,gDAEJ4N,WAAAA,aAAa,SACbC,eAAAA,aAAiB,KACjBtO,IAAAA,UAEAC,IAAAA,QACAsO,IAAAA,aACAC,IAAAA,+CAEKF,eAAiBA,OACjBtO,UAAYA,OAEZuO,aAAeA,OACftO,QAAUA,OAEVuO,gBAAkBA,OAElBC,cACA3K,eAEAuK,WAAaA,OACbA,WAAyC,kBAArBnH,MAAKmH,WAC3BnH,KAAKmH,aAAenH,KAAKmH,gBAEvBpG,iEAGE5T,QACFA,KAAOA,GAAQ6S,KAAKjH,wCAGpB/N,QACAwc,MAAQnc,aAAa2U,KAAKmH,WAAYnH,KAAKoH,eAAgBpc,uCAI3DqZ,OAAOrE,KAAK7S,WACZsa,QAAUzH,KAAK7S,oCAGdA,mBACDoa,MAAQvH,KAAKqH,aAAala,QAE1Bqa,MAAMZ,YAAc,QACpBW,MAAMpE,QAAQ,cACbqE,MAAM9mB,YAAYS,UAEnByb,OAAOuG,QAAQ,cACdqE,MAAM9mB,YAAYS,yCAIlBihB,mEACDrB,aACDuG,YACDlF,OACgBpC,KAAKsH,gBAAgBtH,KAAK7S,WAEtCma,WAILrO,0CAEU,qCACC9L,SACLA,GAAKua,aAAard,IAAI,SAAC+b,EAAG5e,MAC5Bd,GAAQ+E,SAAS2a,EAAG,aAAcjZ,EAAKqS,OAAOhY,GAAI,OAAQ2F,EAAKwa,sBAC7DtnB,MAAMunB,WAAa,iBAClBlhB,8BAIOmhB,SACR7H,MAAKuH,MAAMld,IAAI,SAAC3D,EAAOc,SAAMwL,gBAAetM,EAAOmhB,EAAQH,aAAalgB,8BAIpE,mCACC2F,SACLA,GAAKua,aAAard,IAAI,SAAC+b,EAAG5e,MAC5Bd,GAAQ+E,SAAS2a,EAAG,WAAY,OAAQjZ,EAAKqS,OAAOhY,aAClDnH,MAAMunB,WAAa,iBAClBlhB,8BAIOmhB,SACR7H,MAAKuH,MAAMld,IAAI,SAAC3D,EAAOc,SAC7BwL,gBAAetM,EAAOmhB,EAAQH,aAAalgB,mCAKjC,wCACC2F,oBACLA,GAAK2a,WAAWzd,IAAI,SAAC6B,EAAG1E,SAEpBsF,eAAcZ,EADhB,EACsBiB,EAAK4a,OAAOvgB,GACzC8Y,EAAKxH,UAAUkP,UAAW1H,EAAKxH,UAAUmP,SAAU9a,EAAKqS,OAAOhY,gCAKlDqgB,MACZA,EAAS,6BAID,+BACC1a,oBACLA,GAAK+a,UAAU7d,IAAI,SAAC8d,EAAU3gB,SACpCqH,OAAMsZ,EAAUhb,EAAKyP,OAAOpV,GAAIwf,EAAKlO,UAAU5N,OAC7C6D,KAAMiY,EAAKlO,UAAU/J,KAAMD,IAAKkY,EAAKlO,UAAUhK,IAAKF,eAAgBoY,EAAKlO,UAAUlK,6CAIvEiZ,MACXO,GAASP,EAAQK,UACjBG,EAAYR,EAAQjL,OACpB0L,EAAStI,KAAKyH,QAAQS,UACtBK,EAAYvI,KAAKyH,QAAQ7K,SAEVzW,qBAAqBmiB,EAAQF,+CACvBjiB,qBAAqBoiB,EAAWF,qDAEpDhE,kBACOiE,SACHD,IAGFrI,KAAKuH,MAAMld,IAAI,SAAC3C,EAAMF,SACrB2J,mBACNzJ,EAAM0gB,EAAO5gB,GAAI8gB,EAAO9gB,0BAOf,+BACC2F,oBACLA,GAAK+a,UAAU7d,IAAI,SAAC8d,EAAU3gB,SACpCyH,OAAMkZ,EAAUhb,EAAKqb,WAAWhhB,GAAIme,EAAK7M,UAAU7S,QACjD8I,KAAM4W,EAAK7M,UAAU/J,KAAMD,IAAK6W,EAAK7M,UAAUhK,kCAInC+Y,MACXO,GAASP,EAAQK,UACjBG,EAAYR,EAAQW,WACpBF,EAAStI,KAAKyH,QAAQS,UACtBK,EAAYvI,KAAKyH,QAAQe,aAEVriB,qBAAqBmiB,EAAQF,+CACvBjiB,qBAAqBoiB,EAAWF,qDAEpDhE,kBACOiE,aACCD,IAGNrI,KAAKuH,MAAMld,IAAI,SAAC3C,EAAMF,SACrBuJ,mBACNrJ,EAAM0gB,EAAO5gB,GAAI8gB,EAAO9gB,6BAOf,kCACC2F,oBACLA,GAAK9C,IAAI,kBACf6E,SAAQ3L,EAAE4kB,SAAU5kB,EAAEqD,MAAO6hB,EAAK3P,UAAU5N,OAC1CiE,SAAU5L,EAAEuK,QAAQqB,SAAUJ,KAAM,OAAQJ,SAAU,uCAG1CkZ,SACW1hB,qBAAqB6Z,KAAKyH,QAASI,gCAAvDJ,gBAEFW,YAAiB/d,IAAI,kBAAKrG,GAAEmkB,WAC5BE,EAAYR,EAAQxd,IAAI,kBAAKrG,GAAE4C,QAC/B8hB,EAAab,EAAQxd,IAAI,kBAAKrG,GAAE8J,UAEhCwa,EAAStI,KAAKyH,QAAQpd,IAAI,kBAAKrG,GAAEmkB,uBAEhC9D,OAAOiE,EAAOje,IAAI,SAACyE,EAAKtH,mBAEjB8gB,EAAO9gB,SACV6gB,EAAU7gB,WACRkhB,EAAWlhB,OAIfwY,KAAKuH,MAAMld,IAAI,SAAC3C,EAAMF,SACrB2J,mBACNzJ,EAAM0gB,EAAO5gB,GAAI8gB,EAAO9gB,6BAOf,kCACC2F,oBACLA,GAAK9C,IAAI,kBACfgF,SAAQrG,EAAE2f,SAAU3f,EAAE4f,OAAQC,EAAK/P,UAAU5N,MAC5ClC,EAAEpC,OAAQuI,SAAUnG,EAAE8E,QAAQqB,uCAGjB0Y,SACW1hB,qBAAqB6Z,KAAKyH,QAASI,gCAAvDJ,gBAEFW,YAAiB/d,IAAI,kBAAKrG,GAAE4kB,SAC5BP,EAAYR,EAAQxd,IAAI,kBAAKrG,GAAE4C,QAC/BkiB,EAAYjB,EAAQxd,IAAI,kBAAKrG,GAAE2kB,WAC/BD,EAAab,EAAQxd,IAAI,kBAAKrG,GAAE8J,UAEhCwa,EAAStI,KAAKyH,QAAQpd,IAAI,kBAAKrG,GAAE4kB,SACjCG,EAAY/I,KAAKyH,QAAQpd,IAAI,kBAAKrG,GAAE2kB,gBAEnCtE,OAAOiE,EAAOje,IAAI,SAACyE,EAAKtH,mBAEjBuhB,EAAUvhB,UACZ8gB,EAAO9gB,SACR6gB,EAAU7gB,WACRkhB,EAAWlhB,UAIlB8f,kBAECC,MAAMld,IAAI,SAACkH,EAAW/J,KACR8f,EAAgB1iB,OAAO0M,cACxCC,EAAWuX,EAAUthB,GAAI4gB,EAAO5gB,GAAI8gB,EAAO9gB,OAItC8f,2BAKI,iBAAoB,sBAAwBtH,KAAKlH,UAAUtJ,6BAC1DrC,gBACuD6S,KAAKlH,UAAnEtJ,IAAAA,MAAOwZ,IAAAA,SAAUC,IAAAA,UAAWC,IAAAA,WAAYhkB,IAAAA,OAEzCgH,IAFiDid,WAEjCjjB,EAAI,cAEnBkjB,0BAEAC,KAAKhf,IAAI,SAACif,EAAMC,GACN,IAAXA,KACG3M,OAAOnV,KACXmG,SAAS,cAAe1B,GARL,GAQyB6L,aAAavI,GAAO,GAAMga,wBAE1D,OAKTnf,IAAI,SAACkO,EAAK/Q,MACX+Q,EAAI5T,KAAM,IACRwI,gBACUoL,EAAIkR,sBACHlR,EAAImR,qBACNliB,GAETmiB,EAAS1c,WAAW,MAAOf,EAAGhG,EAAGgjB,EAAYhkB,EAAQqT,EAAI5T,KAAMwI,KAC9Dic,qBAAqB3hB,KAAKkiB,MAE3BV,MAEF,KACCD,IAGChJ,KAAKoJ,+CAGGvB,MACZA,EAAS,gCAKD,iBAAoB,sCAAwC7H,KAAKlH,UAAUtJ,6BAC1ErC,MACR+T,GAAIlB,KAAKlH,sBACR8Q,SAAW,WACXC,MAAQ1c,EAAK2c,WAAWzf,IAAI,SAACnE,EAAG9C,SAC7BmM,YACNpC,EAAK2a,WAAW1kB,GAChB8C,EACAiH,EAAK2Z,SACL5F,EAAEhY,MACFiE,EAAKyP,OAAOxZ,GACZA,EACA+J,EAAK4c,QAAQ3mB,aAEF+J,EAAKnH,mBACJmH,EAAK6c,oBACL9I,EAAExR,cAITsQ,KAAK6J,gCAEGhC,MACXoC,GAAUpC,EAAQC,WAClBoC,EAAUrC,EAAQiC,WAClBK,EAAatC,EAAQkC,QACrB1B,EAAYR,EAAQjL,OAEpBwN,EAAUpK,KAAKyH,QAAQK,WACvBuC,EAAUrK,KAAKyH,QAAQqC,WACvBQ,EAAatK,KAAKyH,QAAQsC,QAC1BxB,EAAYvI,KAAKyH,QAAQ7K,SAERzW,qBAAqBikB,EAASH,+CAC9B9jB,qBAAqBkkB,EAASH,+CACxB/jB,qBAAqBmkB,EAAYH,+CACnChkB,qBAAqBoiB,EAAWF,8CAEpDhE,mBACQ+F,aACAC,UACHC,SACDjC,WAEErI,KAAKyH,QAAQzhB,mBACZga,KAAKyH,QAAQuC,mBACdhK,KAAKyH,QAAQX,cAGpBQ,kBAECC,MAAMld,IAAI,SAAC2H,EAAKxK,KACF8f,EAAgB1iB,OAAOmN,WACxCC,EAAKiY,EAAQziB,GAAI0iB,EAAQ1iB,GAAIqgB,EAAQf,SAAUqD,EAAW3iB,IACzDxB,SAAU6hB,EAAQ7hB,cAIdshB,0BAKI,iBAAoB,sCAAwCtH,KAAKlH,UAAUtJ,6BAC1ErC,MACR+T,GAAIlB,KAAKlH,sBACR8Q,SAAW,WACXvZ,SACD6Q,EAAEqJ,gBACAla,MAAQR,SACZ1C,EAAK2a,WACL3a,EAAK2c,WACL5I,EAAEhY,gBAESgY,EAAEhR,oBACAgR,EAAE5Q,kBACN4Q,EAAElR,iBAGDkR,EAAE9Q,iBACDjD,EAAKnH,iBAKb6jB,SACD3I,EAAEsJ,gBACAX,MAAQ1c,EAAK2c,WAAWzf,IAAI,SAACnE,EAAG9C,SAC7BuM,YACNxC,EAAK2a,WAAW1kB,GAChB8C,EACAiH,EAAKjI,OACLgc,EAAEhY,MACDgY,EAAEuJ,iBAAmBtd,EAAKyN,OAAOxX,GAAK,GACvCA,MAKI4V,OAAO4B,OAAOoF,KAAK3P,OAAOzL,OAAOob,KAAK6J,iCAE9BhC,MACXoC,GAAUpC,EAAQC,WAClBoC,EAAUrC,EAAQiC,WAClBY,EAAY7C,EAAQjN,OAEpBwP,EAAUpK,KAAKyH,QAAQK,WACvBuC,EAAUrK,KAAKyH,QAAQqC,WACvBxW,EAAY0M,KAAKyH,QAAQ7M,SAERzU,qBAAqBikB,EAASH,+CAC9B9jB,qBAAqBkkB,EAASH,+CAC1B/jB,qBAAqBmN,EAAWoX,8CAEpDrG,mBACQ+F,aACAC,SACJK,WAEE1K,KAAKyH,QAAQzhB,gBACfga,KAAKyH,QAAQviB,YAGlBoiB,YAEDtO,QAAO5O,KAAK4V,KAAK3P,OAAO/L,WACRgjB,EAAgB1iB,OAAO2N,YACxCyN,KAAK3P,MAAO4Z,EAASC,EAASrC,EAAQ7hB,SAAUga,KAAKlH,UAAU9I,UAG9DgQ,KAAK6J,MAAMvlB,aACRulB,MAAMxf,IAAI,SAACuF,EAAKpI,KACF8f,EAAgB1iB,OAAOwN,WACxCxC,EAAKqa,EAAQziB,GAAI0iB,EAAQ1iB,OAIrB8f,ggBQ3aWqD,uCACR3f,EAAQO,qHACbP,EAAQO,aACThL,KAAO,eACPsf,kFAGM/R,MACPvK,GAAIyc,KAAKsC,cACRsI,WAAa9c,EAAQ8c,kBAEtBnhB,GAAIuW,KAAK4K,aACX3kB,OAASwD,EAAExD,QAAU6Y,gCACrB/R,MAAQtD,EAAEsD,OAASC,+BAEnBtJ,SAAStB,MAAQ,KACjByB,aAAe,KACfgf,WAA0C,GAA5BpZ,EAAExD,OAAmB,GAAVwD,EAAEsD,oDAIzBqZ,GAAIpG,KAAK8C,MAET7J,IAEF,4BAEY+G,KAAK4K,WAAW3kB,gBACjB+Z,KAAK4K,WAAW7d,OAE3B,6BAEcqZ,EAAE0B,kBACN1B,EAAE2B,cACF/H,KAAKR,SAEb6F,KAAKrF,aAIJmE,WAAa,GAAIW,KAAI7L,EACxB5O,IAAI,eACAwgB,GAAYjS,6CAAgBrN,WACxBA,EAAK,GAAIsf,0IAMfzE,GAAIpG,KAAK8C,QAEXgF,gBACAC,aAEE+C,GAAO,IACTzE,YAAYhc,IAAI,SAACwJ,MACd3I,GAAQoV,EAAKpV,MAAQ2I,EAAQuS,EAAEO,aACjCoB,OAAOtgB,KAAKyD,KACZ4c,WAAWrgB,KAAKqjB,MACV5f,gGAOLkb,EAAIpG,KAAK8C,WACR3M,UAAUiK,iBAAiB,YAAa,SAACsF,MACzCqF,GAAO/D,EAAK7C,WAAW6G,IAAI,kBAAkBzD,MAC7CvV,EAAM0T,EAAE3iB,UACTgoB,EAAK5R,SAASnH,GAAM,IAElBxK,GAAIujB,EAAKvP,QAAQxJ,GACjBiZ,EAAO/pB,UAAU8lB,EAAK7Q,WAAY+U,EAAOhqB,UAAU8Q,GAEnD9F,EAAIgf,EAAKxpB,KAAOupB,EAAKvpB,KAAO8H,SAASwI,EAAIF,aAAa,UAAU,EAChE5L,EAAIglB,EAAK5pB,IAAM2pB,EAAK3pB,IACpB4e,GAAS8G,EAAKmE,iBAAmBnE,EAAKmE,gBAAgB7mB,OAAO,EAC9D0iB,EAAKmE,gBAAgB3jB,GAAKwf,EAAKlE,MAAMlG,OAAOpV,IAAM,KACjD4jB,EAAWhF,EAAEC,YAAY7e,GAAG4e,EAAEO,aAE7B/C,IAAIyH,UAAUnf,EAAGhG,GAAI2S,KAAMqH,EAAOrM,OAAiB,IAATuX,GAAcnnB,QAAQ,GAAK,QACrE2f,IAAI0H,oBAlFgCvF,ihBCIxBwF,gCACRvgB,EAAQO,uHACbP,EAAQO,aACThL,KAAO,QACPwiB,YAAc,IACdgB,KAAO,IAEPlE,oFAGItU,gGACOA,QACXigB,UAAYxL,KAAKwL,UAAUnG,KAAKrF,WAChCyL,WAAazL,KAAKyL,WAAWpG,KAAKrF,WAElC0L,WAAangB,EAAKmgB,YAAc,QAChCrS,OAAOsS,WAAapgB,EAAKogB,YAAc,OAEvC5f,UAAYR,EAAKQ,YAAa,wIAK/Bqa,GAAIpG,KAAK8C,WACR5d,OAAU8a,KAAK/Z,OAAS+Z,KAAK9U,MAAQ8U,KAAKlU,OAAOI,EAAI8T,KAAKlU,OAAO5F,KAE9DhB,GAAsB8a,KAAtB9a,OAAQ6G,EAAciU,KAAdjU,UAEV6f,EAAuBxF,EAAEyF,uBAC7BnE,kBACAmE,uBACEC,GAAW,IAAM9L,KAAK3G,OAAOsS,aAC/BtF,YAAYhc,IAAI,SAACkc,EAAO/e,MACnBmkB,GAAaG,EACbC,EAAmBxF,EAAQH,EAAEO,WAAcrH,WAC3CtT,EAAW+f,EAAkB,IAAM,EAAG,EACtCC,EAAYjgB,GAAaggB,EAAkBA,EAC3CE,EAAWH,GAAsBE,EACjCpgB,EAAgB5G,mBAAmB2mB,EAAYzmB,GAC/C2G,EAAc7G,mBAAmBinB,EAAU/mB,GAE3CgnB,EAAe5L,EAAKyD,MAAQ6H,EAAqBpkB,GAEnD2kB,SAASC,QACV9L,GAAKyD,QACImI,EAAeA,EAAatgB,cAAgBA,IAC9CsgB,EAAeA,EAAargB,YAAcD,MAExCA,IACFC,MAEJwgB,GACe,MAApBN,EACGzf,cAAc6f,EAAUC,EAAQ9L,EAAKxU,OAAQwU,EAAKpb,OAAQ6G,EAAWC,GACrEL,eAAewgB,EAAUC,EAAQ9L,EAAKxU,OAAQwU,EAAKpb,OAAQ6G,EAAWC,KAExE0b,aAAajgB,KAAK4kB,KAClBR,iBAAiBpkB,0CAGX8e,QACAH,EAAEO,yCAGFqF,WAIJjI,KAAO,+CAIRqC,GAAIpG,KAAK8C,MAET7J,IAEF,eAEA,+BAEgBmN,EAAEsB,oBACR1H,KAAKR,SAEb6F,KAAKrF,aAIJmE,WAAa,GAAIW,KAAI7L,EACxB5O,IAAI,eACAwgB,GAAYjS,+CAAgBrN,WACxBA,EAAK,GAAIsf,kDAIAyB,MACbpnB,GAAqB8a,KAArB9a,OAAOwmB,EAAc1L,KAAd0L,WACPvD,EAAWnjB,mBAAmBsnB,EAASX,WAAYW,EAASrnB,MAAQ,EAAGC,wBACtDijB,EAASjc,EAAKwf,QAAiBvD,EAASjiB,EAAKwlB,6CAG1Dzb,EAAKzI,EAAE+kB,EAAK7G,MAClBzV,MACE/G,GAAQ8W,KAAKR,OAAOhY,MACvB+kB,EAAM,WACEtc,EAAM+P,KAAKwM,oBAAoBxM,KAAK8C,MAAM+I,iBAAiBrkB,OAChEnH,MAAMsE,KAAOsE,mBAAmBC,EAAO,OACxCujB,GAAQvrB,UAAU8e,KAAKpK,KACvB1J,EAAIwZ,EAAEgH,MAAQD,EAAM/qB,KAAO,GAC3BwE,EAAIwf,EAAEiH,MAAQF,EAAMnrB,IAAM,GAC1B4e,GAASF,KAAK4M,kBAAoB5M,KAAK4M,iBAAiBtoB,OAAS,EAClE0b,KAAK4M,iBAAiBplB,GAAKwY,KAAK8C,MAAMlG,OAAOpV,IAAM,KAClDqlB,GAAuC,IAA5B7M,KAAK8C,MAAMuD,YAAY7e,GAAWwY,KAAK8C,MAAM6D,YAAY1iB,QAAQ,QAC3E2f,IAAIyH,UAAUnf,EAAGhG,GAAI2S,KAAMqH,EAAOrM,MAAOgZ,EAAU,WACnDjJ,IAAI0H,yBAECrb,EAAK,2BACV2T,IAAI3D,YACJ5f,MAAMsE,KAAOuE,8CAKdiN,UAAUiK,iBAAiB,YAAaJ,KAAKwL,gBAC7CrV,UAAUiK,iBAAiB,aAAcJ,KAAKyL,8CAG1C/F,MACH3iB,GAAS2iB,EAAE3iB,OACb+pB,EAAS9M,KAAKmE,WAAW6G,IAAI,aAAazD,MAC1CwF,EAAY/M,KAAKgN,oBACjBC,EAAajN,KAAKkN,kBACnBJ,EAAO3T,SAASpW,GAAS,IACvByE,GAAIslB,EAAOtR,QAAQzY,QAClBoqB,WAAWF,EAAYF,GAAU,QACjCG,eAAiBnqB,OACjBiqB,oBAAsBxlB,OACtB2lB,WAAWpqB,EAAQyE,GAAG,EAAMke,aAE5B+F,uDAKD0B,WAAWnN,KAAKkN,eAAelN,KAAKgN,qBAAoB,UA/IzBjH,ysBCAhCqH,UAAYpO,oBAAsBC,oBAClCoO,WAAaD,UAGEE,+BACRtiB,EAAQ8C,uHACb9C,EAAQ8C,MACTvN,KAAO,YAEPgtB,WAAazf,EAAQyf,YAAc,MAEpCC,IAAe,SAAU,UACzBC,EAAiBD,EAAYrU,SAASrL,EAAQ2f,gBAC/C3f,EAAQ2f,eAAiB,kBACvBC,oBAAsBF,EAAYhS,QAAQiS,KAE1C5N,sFAGM/R,MACPvK,GAAIyc,KAAKsC,cACRqL,gBAA8C,IAA5B7f,EAAQ6f,gBAAwB,EAAI,IAEzDjqB,SAASpC,IAAmB,EAAb+rB,aACf3pB,SAAS1B,OAAS,IAClB6B,aAA4B,EAAbwpB,aACfxK,WAAawK,WAAa3V,mBACzB9T,eAAeL,MAEdS,GAAIgc,KAAK7S,KACTygB,EAAU5N,KAAK2N,gBAAkB1G,kBAAoB,OACpDtD,kBAAoBxM,gBAAgBnT,EAAEK,MAAOL,EAAEoZ,KACjDwQ,GAAWR,UAAYtpB,cAAcP,4CAIpCqqB,GAAU5N,KAAK2N,gBAAkB1G,kBAAoB,EACrD4G,EAAY7N,KAAK8C,MAAM+K,UAAY7N,KAAK8C,MAAM+K,UAAY,QACzDpJ,WAAaoJ,EAAYD,GAAWR,UACtCtpB,cAAckc,KAAKsC,mDAGXnV,0DAAK6S,KAAK7S,QAClBA,EAAK9I,OAAS8I,EAAKiQ,KAAOjQ,EAAK9I,MAAQ8I,EAAKiQ,SACxC,IAAI0E,OAAM,kDAGb3U,EAAK9I,UACHA,MAAQ,GAAImS,QACZnS,MAAMypB,YAAa3gB,EAAK9I,MAAM4S,cAAgB,IAEhD9J,EAAKiQ,QAAYA,IAAM,GAAI5G,SAC1BuX,WAAa5gB,EAAK4gB,eAEpBvkB,SAASwP,OAAO5O,KAAK+C,EAAK4gB,YAAY,IAAM,IAAQ,IAClDxmB,aACG6C,KAAK+C,EAAK4gB,YAAY5K,QAAQ,eAChC7M,GAAO,GAAIE,MAAKwX,EAAenW,gBAC5BjB,YAAYN,IAASnJ,EAAK4gB,WAAWC,OAExCD,WAAaxmB,QAGZ4F,qCAIHiZ,GAAIpG,KAAK8C,QAEXze,MAAQwR,MAAMmK,KAAK7S,KAAK9I,SACxB+Y,IAAMvH,MAAMmK,KAAK7S,KAAKiQ,OAEtB6Q,eAAiBpY,MAAMuQ,EAAE/hB,SACzBwpB,UAAY1W,gBAAgBiP,EAAE/hB,MAAO+hB,EAAEhJ,OACvCZ,aAAeJ,iBAChBpD,OAAO4B,OAAOoF,KAAK7S,KAAK4gB,YAAahP,6BAEpCmP,cAAgBlO,KAAKmO,kEAInB/H,EAAIpG,KAAK8C,MACTsL,EAAUpO,KAAK2N,gBAAkB,EAAI,EAErC1U,EAAmBmN,EAAE8H,cAAc7jB,IAAI,SAACgP,EAAQ7R,UACnD,oBAEQ6R,EAAO7J,eACJ4d,oBACCC,sBACCrO,2BACJsB,EAAKyB,aAAa7c,QAAU,aACxBkhB,EAAE8H,cACZhV,OAAO,SAACG,EAAQjW,SAAMA,GAAIoE,IAC1B6C,IAAI,kBAAUgP,GAAOgQ,KAAK/kB,OAAS8pB,IACnC3lB,OAAO,SAACG,EAAGa,SAAMb,GAAIa,GAAG,GACvB2jB,WAEJ,iBACQhH,GAAE8H,cAAc1mB,IACtB6d,KAAK/E,WAIH6D,WAAa,GAAIW,KAAI7L,EACxB5O,IAAI,SAACkB,EAAM/D,MACPqjB,GAAYjS,+CAAgBrN,WACxBA,EAAK,GAAK,IAAM/D,EAAGqjB,SAIzB3kB,GAAI,kBACQid,QAAQ,SAACkL,EAAS7mB,OAC7B,EAAG,EAAG,GAAG2R,SAAS3R,GAAI,IACrB8mB,GAAU1gB,SAAS,kBAAmBwf,UAAU,EAAGlnB,EAAGmoB,YAE9CrP,uBACN,aACQ,UAGToF,SAAS1jB,YAAY4tB,MAEtBjB,4CAIAlgB,GACFA,WACKiR,MAAM,2BAGVjR,KAAO6S,KAAKgC,YAAY7U,QACxBoW,YACAM,oEAIA1N,UAAUiK,iBAAiB,YAAa,SAACsF,KACxCvB,WAAWhB,QAAQ,eACnBoL,GAAaC,EAAKjH,MAClBkH,EAAY/I,EAAE3iB,UACfwrB,EAAWpV,SAASsV,GAAY,IAE9BrqB,GAAQqqB,EAAU3c,aAAa,cAC/B4c,EAAYD,EAAU3c,aAAa,aAAaK,MAAM,KAEtDiG,EAAQL,aAAavO,SAASklB,EAAU,IAAI,GAAG,GAE/CzD,EAAOjE,EAAK7Q,UAAU9U,wBAAyB6pB,EAAOuD,EAAUptB,wBAEhE6J,EAAQ1B,SAASkc,EAAE3iB,OAAO+O,aAAa,UACvC5F,EAAIgf,EAAKxpB,KAAOupB,EAAKvpB,KAAOwJ,EAAM,EAClChF,EAAIglB,EAAK5pB,IAAM2pB,EAAK3pB,IACpBuS,EAAQzP,EAAQ,IAAM4iB,EAAKuG,WAC3B1U,EAAO,OAAST,EAAQ,IAAMsW,EAAU,GAAK,KAAOA,EAAU,KAE7D9K,IAAIyH,UAAUnf,EAAGhG,GAAI2S,KAAMA,EAAMhF,MAAOA,EAAOiN,WAAY,SAC3D8C,IAAI0H,sEAOP1G,WAAWgC,YAAc,MAC1B1a,GAAI,EACJhG,EAAImnB,WACJnoB,EAAS8a,KAAK+B,aAAa7c,QAAU,EAErCypB,EAAW/gB,SAAS,iBAAkB1B,EAAGhG,EAAG,iBAEpC8Y,oBAAsB,KAC5B,MAGW,EAAZoO,UAAiBA,UAAU,OAC3BxI,WAAWlkB,YAAYiuB,QAEvBnP,OAAO9Y,MAAM,EAAGqY,2BAA2B1U,IAAI,SAACnB,EAAO1B,MACrDmiB,GAAS1c,WAAW,sBAAuBf,GAAKkhB,UAAY,GAAK5lB,EACtEtB,EAAG8Y,oBAAqB9Z,EAAQgE,KAC5B0b,WAAWlkB,YAAYipB,QAIzBiF,GAAWhhB,SAAS,iBADR1B,EAAI6S,2BAA6BqO,UAAY,GAAKA,UAAU,EACvBlnB,EAAG,iBAE5C8Y,oBAAsB,KAC5B,SAGD4F,WAAWlkB,YAAYkuB,4CAaxB,GATAxI,GAAIpG,KAAK8C,SACoBsD,EAAE/hB,MAAM2S,WAAYoP,EAAE/hB,MAAM4S,eAAtD4X,OAAYC,UACU1I,EAAEhJ,IAAIpG,WAAYoP,EAAEhJ,IAAInG,eAE/C8X,OAAyBF,EAAa,EAA6B,SAAbC,GAExDZ,KAEAc,EAAenZ,MAAMuQ,EAAE/hB,OACnBmD,EAAI,EAAGA,EAAIunB,EAAYvnB,IAAK,IAC/B6P,GAAU+O,EAAEhJ,QACZtF,eAAekX,EAAc5I,EAAEhJ,KAAM,QACnB4R,EAAahY,WAAYgY,EAAa/X,iBACjDkB,gCAEG1Q,KAAKuY,KAAKiP,gBAAgBD,EAAc3X,YAE9CA,EAAS,KACFA,QAGT6W,2CAGQ9W,MAAWC,0DAAQ,MACbD,EAAUJ,WAAYI,EAAUH,eAAhDmB,OAAOC,OACR6W,EAAc3X,eAAeH,GAG7B+X,SACI/W,qBAHEvC,MAAMwB,IAAYc,mBAAmBC,EAAOC,GAOrC,OAIb,GAHA+W,GAAiBjY,gBAAgB+X,EAAa7X,GAE9CgS,KAAWjgB,SACP5B,EAAI,EAAGA,EAAI4nB,EAAgB5nB,MAC5BwY,KAAKqP,OAAOH,EAAa9W,KAC1B3Q,KAAK2B,aAEI,GAAIoN,MAAKpN,EAAIsO,mBAAqB,GAAG+R,UAC9B,cAGuB9jB,KAA1CyD,EAAIsO,mBAAqB,GAAGgS,oBACtBwF,EAAa,KAChBznB,KAAKuY,KAAKqP,OAAOH,EAAa9W,GAAO,OAG9BiR,KAAOA,EAEb8F,iCAGD/X,EAAWgB,OAOb,GAPoBkX,2DACpBlJ,EAAIpG,KAAK8C,MAGTyM,EAAc1Z,MAAMuB,GACpBhO,KAEI5B,EAAI,EAAGA,EAAIkQ,mBAAoBlQ,IAAKiR,QAAQ8W,EAAa,GAAI,IAChElW,MAGAmW,EAAwBD,GAAenJ,EAAE/hB,OAASkrB,GAAenJ,EAAEhJ,GAEpEkS,IAASC,EAAYvY,aAAeoB,IAAUoX,IACzC/F,SAAW7S,YAAY2Y,KAErBvP,KAAKyP,mBAAmBF,KAE9B9nB,KAAK4R,SAGHjQ,8CAGWkN,MACdmT,GAAW7S,YAAYN,GACvBoT,EAAY1J,KAAK7S,KAAK4gB,WAAWtE,mBAE1BA,YACCC,GAAa,OAClB1J,KAAKR,OAAO9C,iBAAiBgN,EAAW1J,KAAK8C,MAAMtG,uBAtRvBoF,0gBCFhB1D,iCACRlT,EAAQO,uHACbP,EAAQO,aAETqf,WAAarf,EAAKqf,iBAClB8E,YAAcnkB,EAAKmkB,kBAEnBnvB,KAAOgL,EAAKhL,MAAQ,SACpBwjB,KAAO,IAEPlE,wFAIFG,KAAK7S,KAAK2P,SAASxY,QAAU,SAC1B+U,OAAOsJ,WAAa,OACpBL,SAAS5e,SAAS1B,OAAS,sCAIxB8L,gGACOA,KAER6hB,YAAc7hB,EAAQ6hB,kBACtB1J,eAAiBnY,EAAQmY,wBAE5B5M,OAAOuW,UAAY9hB,EAAQ6hB,YAAYC,WAAa,YACpDvW,OAAOwW,UAAY/hB,EAAQ6hB,YAAYE,WAAa,YACpDxW,OAAOyW,UAAYhiB,EAAQ6hB,YAAYG,WAAa,OACpDzW,OAAO0W,oBAAsBjiB,EAAQ6hB,YAAYI,qBAAuB,OAExE1W,OAAO2W,eAAiBliB,EAAQmY,eAAe+J,oBAC/C3W,OAAO2M,eAAiBlY,EAAQmY,eAAeD,oBAE/C3M,OAAOoR,iBAAmB3c,EAAQ2c,6DAIhC9N,iEADSqD,KAAK7S,KACC6S,KAAKzf,uDAIpB8c,qEADc2C,KAAK7S,wCAItB2W,gEACCmM,iBACDnM,QACEoM,oBAAoBlQ,KAAKmQ,gBAA+B,SAAdnQ,KAAKzf,WAEhD6vB,8DAIDhK,GAAIpG,KAAK8C,MACTlG,EAASoD,KAAK7S,KAAKyP,SACrBC,cAAgBD,EAAOtY,SAEvB+rB,UAAYrQ,KAAK9U,MAAOkb,EAAEvJ,gBAE1ByT,QAAUlK,EAAEiK,UAAU,IAMtBE,cACO3T,YACGA,EAAOvS,IAAI,SAACrG,EAAGwD,SACzBzD,UAASqiB,EAAEkK,QAAU9oB,EAAI4e,EAAEiK,0DAKVG,MACbnV,GAAOV,mBAAmB6V,yDADa,SAEvC3U,EAAkBmE,KAAK/Z,OAASyV,cAAcL,GAC9CoV,EAAiBlV,gBAAgBF,GAAQQ,EACzC7V,EAAWga,KAAK/Z,OAAUmV,aAAaC,GAAQoV,OAEhD3N,MAAMlH,cACFP,YACGA,EAAKhR,IAAI,kBAAKrE,GAAWhC,EAAI6X,oBACvBA,WACP7V,QAIN0qB,yBACAC,qBACAC,8DAIDxK,GAAIpG,KAAK8C,MACT+N,EAAW,kBAAUjW,GAAOvQ,IAAI,kBAAOsR,OAAMzR,EAAKkc,EAAExK,YAEtDkB,SAAWkD,KAAK7S,KAAK2P,SAASzS,IAAI,SAACrG,EAAGwD,MACnCoT,GAAS5W,EAAE4W,OACXkW,EAAe9sB,EAAE8sB,6BAEd9sB,EAAE6U,MAAQ7U,EAAE6U,KAAKkY,QAAQ,SAAU,SAACC,SAAiB,KAARA,EAAc,QAAkB,KAARA,EAAc,OAAS,eAC3FxpB,YACIxD,EAAEiZ,iBAELrC,aACIiW,EAASjW,gBAEPkW,iBACED,EAASC,iDAMvB1K,GAAIpG,KAAK8C,SACV9C,KAAK4K,WAAWqG,sBAChBC,UAAY9K,EAAEtJ,SAASsJ,EAAEtJ,SAASxY,OAAS,GAAG6sB,kBAG/CD,UAAY,GAAI1sB,OAAM4hB,EAAEvJ,eAAelY,KAAK,QAC5CmY,SAASzS,IAAI,cACZyf,WAAWzf,IAAI,SAACyE,EAAK1L,GACnB0L,EAAMsX,EAAE8K,UAAU9tB,OAClB8tB,UAAU9tB,GAAK0L,iDAOhBsX,GAAIpG,KAAK8C,KACV9C,MAAK7S,KAAKqQ,gBACPsF,MAAMtF,SAAWwC,KAAK7S,KAAKqQ,SAASnT,IAAI,qBAC1C8d,SAAWxM,MAAM3X,EAAE6P,MAAOuS,EAAExK,OAC1B5X,EAAE8J,UAAS9J,EAAE8J,YAIV9J,KAGNgc,KAAK7S,KAAKgQ,gBACP2F,MAAM3F,SAAW6C,KAAK7S,KAAKgQ,SAAS9S,IAAI,qBAC1Cse,SAAWhN,MAAM3X,EAAEK,MAAO+hB,EAAExK,SAC5BgN,OAASjN,MAAM3X,EAAEoZ,IAAKgJ,EAAExK,OACtB5X,EAAE8J,UAAS9J,EAAE8J,YACV9J,0DAMLoJ,EAAM,YAEP4S,KAAK4K,WAAWqG,QAAS,GACrB,kBACFG,GAAa,GAAI5sB,OAAMwb,KAAK8C,MAAMjG,eAAelY,KAAK,QACrDwI,KAAK2P,SAASzS,IAAI,SAACrG,EAAGwD,MACtBoT,GAAS0F,EAAKnT,KAAK2P,SAAStV,GAAGoT,SACjCxN,GAAOgkB,EAAaA,EAAW/mB,IAAI,SAAC6W,EAAG1Z,SAAM0Z,GAAItG,EAAOpT,UAIxD6pB,GAAgBrR,KAAK7S,KAAK2P,SAASzS,IAAI,kBAAKrG,GAAEoJ,WAC/C4S,MAAK7S,KAAKqQ,YACE/V,KAAKuY,KAAK7S,KAAKqQ,SAASnT,IAAI,kBAAKrG,GAAE6P,SAE/CmM,KAAK7S,KAAKgQ,eACPhQ,KAAKgQ,SAAS9S,IAAI,cACR5C,MAAMzD,EAAEoZ,IAAKpZ,EAAEK,iBAIrBO,oCAAUysB,yDAIhBpY,IAEF,cAEO+G,KAAK3G,OAAOwW,gBACX7P,KAAK9U,qBACI8U,KAAK3G,OAAO0W,qBAG7B,iBACQ/P,MAAK8C,MAAMlH,OACjByJ,KAAKrF,QAIP,cAEOA,KAAK3G,OAAOuW,iBACV5P,KAAK/Z,QAGd,cACKmgB,GAAIpG,KAAK8C,eACXyN,MAAM/H,WAAa/K,mBAAmBuC,KAAK9U,MAC5Ckb,EAAEmK,MAAM3T,OAAQoD,KAAK3G,OAAOyW,WAEtB1J,EAAEmK,OACRlL,KAAKrF,QAIP,kBAEQA,KAAK9U,UACP,SAEN,iBACQ8U,MAAK8C,MAAM3F,UACjBkI,KAAKrF,QAILsR,EAActR,KAAK8C,MAAMhG,SAAS5D,OAAO,kBAAqB,QAAhBlV,EAAEiZ,YAChDsU,EAAevR,KAAK8C,MAAMhG,SAAS5D,OAAO,kBAAqB,SAAhBlV,EAAEiZ,YAEjDuU,EAAcF,EAAYjnB,IAAI,eAC7BmF,GAAQxL,EAAEwL,aAEb,YAAmBxL,EAAEwL,aAEbA,QACAwX,EAAKxH,OAAOhQ,WACVwX,EAAK4D,WAAWqG,yBAGPjK,EAAK3N,OAAOoR,2BACnBzD,EAAK/gB,OAAS0Y,wBAE1B,cACKyH,GAAIpG,KAAK8C,MACT9e,EAAIoiB,EAAEtJ,SAAStN,GACfyhB,EAAUjR,KAAK4K,WAAWqG,QAE1BQ,EAAazR,KAAK4K,WAAW6G,YAAc/S,sBAC3CsL,EAAY5D,EAAEiK,WAAa,EAAIoB,GAC/B3K,EAAWkD,GAAWiH,EAAU,EAAIK,EAAYhtB,QAEhDwjB,EAAa1B,EAAEmK,MAAMrI,UAAU7d,IAAI,kBAAK6B,GAAI8d,EAAU,GACtDiH,OACUnJ,EAAWzd,IAAI,kBAAKvD,GAAIggB,EAAWtX,QAG7CoN,GAAS,GAAIpY,OAAM4hB,EAAEvJ,eAAelY,KAAK,GAC1Cqb,MAAK3G,OAAOoR,qBACXwG,GAAWjtB,EAAEwL,QAAU4W,EAAEtJ,SAASxY,OAAS,EACpCN,EAAE8sB,aAEF9sB,EAAE4W,WAITmP,GAAU,GAAIvlB,OAAM4hB,EAAEvJ,eAAelY,KAAK,SAC3CssB,OACQjtB,EAAE8lB,WAAWzf,IAAI,SAACnE,EAAG9C,SAAM8C,GAAIlC,EAAEmtB,eAAe/tB,kBAI9C0kB,aACA9jB,EAAE8lB,mBACLC,SAEDnN,WAEEwJ,EAAExK,MAAM5V,mBACPgkB,WACDlD,IAEVzB,KAAK2B,MAIL0K,EAAcH,EAAalnB,IAAI,eAC9BmF,GAAQxL,EAAEwL,aAEb,aAAoBxL,EAAEwL,aAEdA,QACAwX,EAAKxH,OAAOhQ,WACVwX,EAAK5W,iBACJ4W,EAAK0I,YAAYxf,oBACf8W,EAAK0I,YAAYpf,kBACrB0W,EAAK0I,YAAY1f,gBACfgX,EAAK0I,YAAYlF,kBACjBxD,EAAK0I,YAAYnF,0BAGTvD,EAAK3N,OAAOoR,kBAE/B,cACKrE,GAAIpG,KAAK8C,MACT9e,EAAIoiB,EAAEtJ,SAAStN,GACfmiB,EAAUvL,EAAExK,MAAMsM,UAAU,GAAK9B,EAAExK,MAAM5V,SAC1CogB,EAAExK,MAAMsM,UAAU,GAAK9B,EAAExK,MAAM5V,2BAGrBogB,EAAEmK,MAAMrI,qBACRlkB,EAAE8lB,kBAEN9lB,EAAE4W,gBAEA+W,SACF3R,KAAK0P,YAAYkC,SAAWhT,sBAEpCyG,KAAK2B,MAIL6K,IAEF,kBAEQ7R,KAAK9U,UACP,SAEN,iBACQ8U,MAAK8C,MAAMtF,UACjB6H,KAAKrF,UAIU/G,EAAiBrU,OAAO4sB,EAAaE,EAAaG,MAEjEC,IAAa,WAAY,iBACxBC,2BAEA5N,WAAa,GAAIW,KAAI7L,EACxBC,OAAO,mBAAS4Y,EAAU3Y,SAAS5N,EAAK,KAAOyb,EAAKlE,MAAMvX,EAAK,MAC/DlB,IAAI,eACAwgB,GAAYjS,+CAAgBrN,WAC7BA,EAAK,GAAG4N,SAAS,cAAgB5N,EAAK,GAAG4N,SAAS,gBAC/C4Y,mBAAmBtqB,KAAKojB,IAEtBtf,EAAK,GAAIsf,gEAKdmH,kBAED5L,GAAIpG,KAAK8C,MACTmP,EAAUjS,KAAK3G,OAAO2W,eACtBkC,EAAUlS,KAAK3G,OAAO2M,cACbI,GAAEmK,MAAM3T,OAEdvS,IAAI,SAACzD,EAAO4I,MACdoL,GAAS+K,EAAK7C,MAAMhG,SAASzS,IAAI,SAACgW,EAAK7Y,MACtCqM,GAAQwM,EAAIzF,OAAOpL,gBAEf6Q,EAAIxH,WACJhF,OACDwM,EAAIyJ,WAAWta,SACdmW,EAAKnG,OAAOhY,aACR0qB,EAAUA,EAAQre,GAASA,OAInCme,YAAYxiB,UACT5I,iBACSqrB,EAAUA,EAAQrrB,GAASA,OACrCwf,EAAEmK,MAAMrI,UAAU1Y,UAChBoL,WACEwL,EAAE8K,UAAU1hB,4DAOnB2G,UAAUiK,iBAAiB,YAAa,SAACsF,MACzCniB,GAAIklB,EAAKnG,SACTha,EAAIpH,UAAUunB,EAAKtS,WACnBgc,EAAOzM,EAAEgH,MAAQpkB,EAAE5G,KAAOiC,cAAcJ,GACxC6uB,EAAO1M,EAAEiH,MAAQrkB,EAAEhH,GAEpB8wB,GAAO3J,EAAKxiB,OAAS3C,aAAaC,IACjC6uB,EAAQ9uB,aAAaC,KACnB8uB,oBAAoBF,KAEpBvO,IAAI3D,wDAKQkS,MACf/L,GAAIpG,KAAK8C,SACTsD,EAAE8K,cAEF1hB,GAAQsM,kBAAkBqW,EAAM/L,EAAEmK,MAAMrI,WAAW,MACnD1Y,GAAS,EAAG,IACX8iB,GAAMtS,KAAKgS,YAAYxiB,QAEtBoU,IAAIyH,UACRiH,EAAIxH,KAAO9K,KAAK4D,IAAI/Y,OAAOqB,EAC3BomB,EAAIC,SAAWvS,KAAK4D,IAAI/Y,OAAO3E,GAC9B2S,KAAMyZ,EAAIE,eAAgB3e,MAAO,IAClCye,EAAI1X,OACJpL,QAGIoU,IAAI0H,8DAKNlF,EAAIpG,KAAK7S,IACViZ,GAAEtJ,SAASxY,OAAS,SACjBsgB,WAAWgC,YAAc,KAC5B9J,SAASzS,IAAI,SAACrG,EAAGwD,MACdsf,GAAWrI,qBAGXrd,EAAOiM,YAEC7F,EACX,IACAsf,EACA+B,EAAKrJ,OAAOhY,GACZxD,EAAE6U,KACFgQ,EAAKxP,OAAOgJ,mBACRuC,WAAWlkB,YAAYU,0DAS3B4e,KAAK+D,sBACFA,KAAO,EAGV/D,MAAKyS,oBACFA,cAActP,QAAQ,eACtB7a,GAAIoB,EAAE4X,UACRnX,WAAW2K,YAAYxM,UAItBmqB,cAAgBzS,KAAK+R,mBAAmB1nB,IAAI,wBAEzC6W,EAAE0I,qBACCjkB,SACFub,EAAE2I,aAIoBlkB,KAA5Bqa,KAAK8C,MAAM4P,oBACR5P,MAAM4P,aAAe1S,KAAK8C,MAAMjG,cAAgB,QAIjD4V,cAAcpoB,IAAI,eAClBsoB,GAAc3uB,EAAE6lB,MAAM+I,EAAK9P,MAAM4P,gBAEnCpR,QAAUF,YAAYpd,EAAEzD,MAAMoyB,KAC3BvO,SAAS1jB,YAAYsD,EAAEsd,yDAK1BtB,KAAKyS,oBACFA,cAActP,QAAQ,eACtB7a,GAAIoB,EAAE4X,UACRnX,WAAW2K,YAAYxM,2DAMtB0C,OAAOoV,iBAAiB,cAAe,aACtCmB,sEAKDwQ,mBAAmB1nB,IAAI,cACzBwf,MAAMxf,IAAI,cACN+V,iBAAiB,QAAS,cAC1B5Q,GAAQiB,EAAKqB,aAAa,sBACzB+gB,oBAAoBrjB,cAMvBoU,IAAIzN,UAAUiK,iBAAiB,QAAS,cACxC5Q,GAAQsjB,EAAKlP,IAAIzN,UAAUrE,aAAa,sBACvC+gB,oBAAoBrjB,6DAKrBijB,cAAcpoB,IAAI,eAClBsoB,GAAc3uB,EAAE6lB,MAAMkJ,EAAKjQ,MAAM4P,4BACvB1uB,EAAEzD,MAAMoyB,EAAa3uB,EAAEsd,sDAKjCuR,oBAAoB7S,KAAK8C,MAAM4P,aAAe,+CAI9CG,oBAAoB7S,KAAK8C,MAAM4P,aAAe,6CAGvCljB,0DAAMwQ,KAAK8C,MAAM4P,aACzBtM,EAAIpG,KAAK8C,mBAELtT,QACA4W,EAAEmK,MAAM3T,OAAOpN,UACd4W,EAAEtJ,SAASzS,IAAI,kBAAKrG,GAAE4W,OAAOpL,kDAKnBA,MACf4W,GAAIpG,KAAK8C,SACLtZ,SAASgG,IACN,IAAGA,EAAQ,GACnBA,GAAS4W,EAAEmK,MAAM3T,OAAOtY,SAAQkL,EAAQ4W,EAAEmK,MAAM3T,OAAOtY,OAAS,GAChEkL,IAAU4W,EAAEsM,iBACbA,aAAeljB,OACZwQ,KAAKhV,OAAQ,cAAegV,KAAKgT,sDAM1BpsB,EAAOqsB,MAAezjB,0DAAMwQ,KAAK8C,MAAMjG,8GAChCjW,EAAOqsB,EAAezjB,QACpCrC,KAAKyP,OAAOsW,OAAO1jB,EAAO,EAAG5I,QAC7BuG,KAAK2P,SAASzS,IAAI,SAACrG,EAAGwD,KACxBoT,OAAOsY,OAAO1jB,EAAO,EAAGyjB,EAAczrB,WAEpC8c,OAAOtE,KAAK7S,mDAGFqC,0DAAQwQ,KAAK8C,MAAMjG,cAAc,CAC5CmD,MAAK7S,KAAKyP,OAAOtY,QAAU,uGAGTkL,QACjBrC,KAAKyP,OAAOsW,OAAO1jB,EAAO,QAC1BrC,KAAK2P,SAASzS,IAAI,cACpBuQ,OAAOsY,OAAO1jB,EAAO,UAEnB8U,OAAOtE,KAAK7S,6CAGJ8lB,MAAezjB,0DAAM,OAC7BrC,KAAK2P,SAAStN,GAAOoL,OAASqY,OAC9B3O,OAAOtE,KAAK7S,6CAKH2P,QACT3P,KAAK2P,SAASzS,IAAI,SAACrG,EAAGwD,GACvBsV,EAAStV,OACToT,OAASkC,EAAStV,WAGjB8c,OAAOtE,KAAK7S,aA5jBoByU,0gBCFlBuR,kCACRnoB,EAAQO,uHACbP,EAAQO,aACThL,KAAO,UACPwiB,YAAc,IACdgB,KAAO,IAEPlE,oFAGItU,gGACOA,QACXigB,UAAYxL,KAAKwL,UAAUnG,KAAKrF,WAChCyL,WAAazL,KAAKyL,WAAWpG,KAAKrF,WAElC0L,WAAangB,EAAKmgB,YAAc,QAChCrS,OAAOsS,WAAapgB,EAAKogB,YAAc,OAEvC5f,UAAYR,EAAKQ,YAAa,OAC9B4b,YAAcpc,EAAKoc,aAAe,yIAKnCvB,GAAIpG,KAAK8C,WACR5d,OACJ8a,KAAK/Z,OAAS+Z,KAAK9U,MAChB8U,KAAKlU,OAAOI,EAAI8T,KAAK2H,YAAc,EACnC3H,KAAKlU,OAAO5F,EAAI8Z,KAAK2H,YAAc,KAE/BziB,GAAsB8a,KAAtB9a,OAAQ6G,EAAciU,KAAdjU,UAEV6f,EAAuBxF,EAAEyF,uBAC7BnE,kBACAmE,uBACEC,GAAW,IAAM9L,KAAK3G,OAAOsS,aAE/BtF,YAAYhc,IAAI,SAACkc,EAAO/e,MACnBmkB,GAAaG,EACbC,EAAmBxF,EAAQH,EAAEO,WAAcrH,WAC3CtT,EAAW+f,EAAkB,IAAM,EAAG,EACtCC,EAAYjgB,GAAaggB,EAAkBA,EAC3CE,EAAWH,GAAsBE,EACjCpgB,EAAgB5G,mBAAmB2mB,EAAYzmB,GAC/C2G,EAAc7G,mBAAmBinB,EAAU/mB,GAE3CgnB,EAAe5L,EAAKyD,MAAQ6H,EAAqBpkB,GAEnD2kB,SAASC,QACV9L,GAAKyD,QACImI,EAAeA,EAAatgB,cAAgBA,IAC9CsgB,EAAeA,EAAargB,YAAcD,MAExCA,IACFC,MAEJwgB,GACe,MAApBN,EACGtf,oBAAoB0f,EAAUC,EAAQ9L,EAAKxU,OAAQwU,EAAKpb,OAAQob,EAAKvU,UAAWC,GAChFQ,qBAAqB2f,EAAUC,EAAQ9L,EAAKxU,OAAQwU,EAAKpb,OAAQob,EAAKvU,UAAWC,KAEnF0b,aAAajgB,KAAK4kB,KAClBR,iBAAiBpkB,0CAGX8e,QACAH,EAAEO,yCAGFqF,WAIJjI,KAAO,+CAIRqC,GAAIpG,KAAK8C,MAET7J,IAEF,iBAEA,+BAEgBmN,EAAEsB,oBACR1H,KAAKR,mBACAQ,KAAK2H,cAElBtC,KAAKrF,aAIJmE,WAAa,GAAIW,KAAI7L,EACxB5O,IAAI,eACAwgB,GAAYjS,+CAAgBrN,WACxBA,EAAK,GAAIsf,kDAIAyB,MACZpnB,GAAuB8a,KAAvB9a,OAAQwmB,EAAe1L,KAAf0L,WACTvD,EAAWnjB,mBAAmBsnB,EAASX,WAAYW,EAASrnB,MAAQ,EAAGC,wBACtDijB,EAASjc,EAAKwf,QAAiBvD,EAASjiB,EAAKwlB,6CAG1Dzb,EAAKzI,EAAE+kB,EAAK7G,MAClBzV,MACE/G,GAAQ8W,KAAKR,OAAOhY,MACvB+kB,EAAM,WACEtc,EAAM+P,KAAKwM,oBAAoBxM,KAAK8C,MAAM+I,iBAAiBrkB,OAChEnH,MAAMgO,OAASpF,mBAAmBC,EAAO,OAC1CujB,GAAQvrB,UAAU8e,KAAKpK,KACvB1J,EAAIwZ,EAAEgH,MAAQD,EAAM/qB,KAAO,GAC3BwE,EAAIwf,EAAEiH,MAAQF,EAAMnrB,IAAM,GAC1B4e,GAASF,KAAK4M,kBAAoB5M,KAAK4M,iBAAiBtoB,OAAS,EAClE0b,KAAK4M,iBAAiBplB,GAAKwY,KAAK8C,MAAMlG,OAAOpV,IAAM,KAClDqlB,GAAuC,IAA5B7M,KAAK8C,MAAMuD,YAAY7e,GAAWwY,KAAK8C,MAAM6D,YAAY1iB,QAAQ,QAC3E2f,IAAIyH,UAAUnf,EAAGhG,GAAI2S,KAAMqH,EAAOrM,MAAOgZ,EAAU,WACnDjJ,IAAI0H,yBAECrb,EAAK,2BACV2T,IAAI3D,YACJ5f,MAAMgO,OAASnF,8CAKhBiN,UAAUiK,iBAAiB,YAAaJ,KAAKwL,gBAC7CrV,UAAUiK,iBAAiB,aAAcJ,KAAKyL,8CAG1C/F,MACH3iB,GAAS2iB,EAAE3iB,OACb+pB,EAAS9M,KAAKmE,WAAW6G,IAAI,eAAezD,MAC5CwF,EAAY/M,KAAKgN,oBACjBC,EAAajN,KAAKkN,kBACnBJ,EAAO3T,SAASpW,GAAS,IACvByE,GAAIslB,EAAOtR,QAAQzY,QAClBoqB,WAAWF,EAAYF,GAAU,QACjCG,eAAiBnqB,OACjBiqB,oBAAsBxlB,OACtB2lB,WAAWpqB,EAAQyE,GAAG,EAAMke,aAE5B+F,uDAKD0B,WAAWnN,KAAKkN,eAAelN,KAAKgN,qBAAoB,UArJvBjH,kBTAlC5H,gBACAD,eACCA,qBAEMyM,wBACH2C,YACJ/B,eACE4H,YAiBFC,MACL,WAAYpoB,EAAQ8C,kCACZmQ,eAAenQ,EAAQvN,KAAMyK,EAAQ8C"} \ 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 49cb289..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){return null===t.offsetParent}function n(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function a(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function s(t,e,i){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0);for(var a in i)n[a]=i[a];return t.dispatchEvent(n)}function r(t){return t.titleHeight+t.margins.top+t.paddings.top}function o(t){return t.margins.left+t.paddings.left}function l(t){return t.margins.top+t.margins.bottom+t.paddings.top+t.paddings.bottom+t.titleHeight+t.legendHeight}function u(t){return t.margins.left+t.margins.right+t.paddings.left+t.paddings.right}function h(t){return parseFloat(t.toFixed(2))}function c(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 d(t,e){return(t+"").length*e}function p(t,e){return{x:Math.sin(t*Qt)*e,y:Math.cos(t*Qt)*e}}function f(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return!Number.isNaN(t)&&(void 0!==t&&(!!Number.isFinite(t)&&!(e&&t<0)))}function v(t){return Number(Math.round(t+"e4")+"e-4")}function g(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 m(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=c(t,i):e=c(e,i),[t,e]}function y(t,e){if(t)return t.length>e?t.slice(0,e-3)+"...":t}function b(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 x(t,e){for(var i=[],n=0;n255?255:t<0?0:t}function w(t,e){var i=ee(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),s=k((a>>16)+e),r=k((a>>8&255)+e),o=k((255&a)+e);return(n?"#":"")+(o|r<<8|s<<16).toString(16)}function A(t){var e=/(^\s*)(rgb|hsl)(a?)[(]\s*([\d.]+\s*%?)\s*,\s*([\d.]+\s*%?)\s*,\s*([\d.]+\s*%?)\s*(?:,\s*([\d.]+)\s*)?[)]$/i;return/(^\s*)(#)((?:[A-Fa-f0-9]{3}){1,2})$/i.test(t)||e.test(t)}function P(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function T(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)P(a).appendChild(i);else if("around"===n){var s=P(a);s.parentNode.insertBefore(i,s),i.appendChild(s)}else"styles"===n?"object"===(void 0===a?"undefined":Ht(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 L(t,e){return T("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function M(t,e,i,n){return T("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function C(t,e,i,n){return T("svg",{className:e,inside:t,width:i,height:n})}function O(t){return T("defs",{inside:t})}function D(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),T("g",n)}function N(t){return T("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 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=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 E(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 _(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 z(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 W(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),a=L(t,n),s=[1,.6,.2];return i&&(s=[.4,.2,0]),M(a,"0%",e,s[0]),M(a,"50%",e,s[1]),M(a,"100%",e,s[2]),n}function H(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:Xt,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:"none";return T("rect",{className:"percentage-bar",x:t,y:e,width:i,height:n,fill:s,styles:{stroke:w(s,-25),"stroke-dasharray":"0, "+(n+i)+", "+i+", "+n,"stroke-width":a}})}function F(t,e,i,n,a){var s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:"none",r=arguments.length>6&&void 0!==arguments[6]?arguments[6]:{},o={className:t,x:e,y:i,width:n,height:n,rx:a,fill:s};return Object.keys(r).map(function(t){o[t]=r[t]}),T("rect",o)}function j(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]?y(a,ae):a;var s={className:"legend-bar",x:0,y:0,width:i,height:"2px",fill:n},r=T("text",{className:"legend-dataset-text",x:0,y:0,dy:2*se+"px","font-size":1.2*se+"px","text-anchor":"start",fill:oe,innerHTML:a}),o=T("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(T("rect",s)),o.appendChild(r),o}function I(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]?y(a,ae):a;var s={className:"legend-dot",cx:0,cy:0,r:i,fill:n},r=T("text",{className:"legend-dataset-text",x:0,y:0,dx:se+"px",dy:se/3+"px","font-size":1.2*se+"px","text-anchor":"start",fill:oe,innerHTML:a}),o=T("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(T("circle",s)),o.appendChild(r),o}function R(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},s=a.fontSize||se;return T("text",{className:t,x:e,y:i,dy:(void 0!==a.dy?a.dy:s/2)+"px","font-size":s+"px",fill:a.fill||oe,"text-anchor":a.textAnchor||"start",innerHTML:n})}function Y(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=re);var s=T("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),r=T("text",{x:0,y:i>n?i+ne:i-ne-se,dy:se+"px","font-size":se+"px","text-anchor":"middle",innerHTML:e+""}),o=T("g",{transform:"translate("+t+", 0)"});return o.appendChild(s),o.appendChild(r),o}function B(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=re),a.lineType||(a.lineType=""),a.shortenNumbers&&(e=b(e));var s=T("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:0,y2:0,styles:{stroke:a.stroke}}),r=T("text",{x:i3&&void 0!==arguments[3]?arguments[3]:{};f(t)||(t=0),n.pos||(n.pos="left"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=re),n.className||(n.className="");var a=-1*ie,s="span"===n.mode?i+ie:0;return"tick"===n.mode&&"right"===n.pos&&(a=i+ie,s=i),a+=n.offset,s+=n.offset,B(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType,shortenNumbers:n.shortenNumbers})}function U(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};f(t)||(t=0),n.pos||(n.pos="bottom"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=re),n.className||(n.className="");var a=i+ie,s="span"===n.mode?-1*ie:i;return"tick"===n.mode&&"top"===n.pos&&(a=-1*ie,s=0),Y(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function G(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};n.labelPos||(n.labelPos="right");var a=T("text",{className:"chart-label",x:"left"===n.labelPos?ne:i-d(e,5)-ne,y:0,dy:se/-2+"px","font-size":se+"px","text-anchor":"start",innerHTML:e+""}),s=B(t,"",0,i,{stroke:n.stroke||re,className:n.className||"",lineType:n.lineType});return s.appendChild(a),s}function q(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},s=t-e,r=T("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:re,"stroke-dasharray":i+", "+s},x:0,y:0,width:i,height:s});a.labelPos||(a.labelPos="right");var o=T("text",{className:"chart-label",x:"left"===a.labelPos?ne:i-d(n+"",4.5)-ne,y:0,dy:se/-2+"px","font-size":se+"px","text-anchor":"start",innerHTML:n+""}),l=T("g",{transform:"translate(0, "+e+")"});return l.appendChild(r),l.appendChild(o),l}function X(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=g(e,o.zeroLine),u=Bt(l,2),h=u[0],c=u[1];c-=r,0===h&&(h=o.minHeight,c-=o.minHeight),f(t)||(t=0),f(c)||(c=0),f(h,!0)||(h=0),f(i,!0)||(i=0);var d=T("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 p=T("text",{className:"data-point-value",x:i/2,y:0,dy:se/2*-1+"px","font-size":se+"px","text-anchor":"middle",innerHTML:a}),v=T("g",{"data-point-index":s,transform:"translate("+t+", "+c+")"});return v.appendChild(d),v.appendChild(p),v}return d}function J(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=T("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=T("text",{className:"data-point-value",x:0,y:0,dy:se/2*-1-i+"px","font-size":se+"px","text-anchor":"middle",innerHTML:a}),l=T("g",{"data-point-index":s,transform:"translate("+t+", "+e+")"});return l.appendChild(r),l.appendChild(o),l}return r}function K(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=x(t,e));var r=N("M"+s,"line-graph-path",i);if(n.heatline){var o=W(a.svgDefs,i);r.style.stroke="url(#"+o+")"}var l={path:r};if(n.regionFill){var u=W(a.svgDefs,i,!0),h="M"+t[0]+","+a.zeroLine+"L"+s+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=N(h,"region-fill","none","url(#"+u+")")}return l}function $(t,e,i,n){var a="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},n,fe,"translate",{transform:a}]}function Q(t,e,i){return $(t,[i,0],[e,0],de)}function Z(t,e,i){return $(t,[0,i],[0,e],de)}function tt(t,e,i,n){var a=e-i,s=t.childNodes[0];return[[s,{height:a,"stroke-dasharray":s.getAttribute("width")+", "+a},de,fe],$(t,[0,n],[0,i],de)]}function et(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=g(i,(arguments.length>5&&void 0!==arguments[5]?arguments[5]:{}).zeroLine),r=Bt(s,2),o=r[0],l=r[1];return l-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width:n,height:o},he,fe],$(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],de)]:[[t,{width:n,height:o,x:e,y:l},he,fe]]}function it(t,e,i){return"circle"!==t.nodeName?[$(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],de)]:[[t,{cx:e,cy:i},he,fe]]}function nt(t,e,i,n,a){var s=[],r=i.map(function(t,i){return e[i]+","+t}).join("L");a&&(r=x(e,i));var o=[t.path,{d:"M"+r},ce,fe];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},ce,fe];s.push(h)}return s}function at(t,e){return[t,{d:e},he,fe]}function st(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:ve[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 rt(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function ot(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=st.apply(void 0,Vt(t)),l=Bt(o,2);s=l[0],r=l[1],i.push(r),n.push([s,a]),a.replaceChild(s,e)});var a=t.cloneNode(!0);return n.map(function(t,n){t[1].replaceChild(i[n],t[0]),e[n][0]=i[n]}),a}function lt(t,e,i){if(0!==i.length){var n=ot(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},pe)}}function ut(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 ht(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:ge});i.insertBefore(n,i.firstChild);var a=t.create("div");return a.appendChild(i),a.innerHTML}function ct(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function dt(t){var e=t.getDate(),i=t.getMonth()+1;return[t.getFullYear(),(i>9?"":"0")+i,(e>9?"":"0")+e].join("-")}function pt(t){return new Date(t.getTime())}function ft(t,e){var i=bt(t);return Math.ceil(vt(i,e)/be)}function vt(t,e){var i=ke*xe;return(ct(e)-ct(t))/i}function gt(t,e){return t.getMonth()===e.getMonth()&&t.getFullYear()===e.getFullYear()}function mt(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=we[t];return e?i.slice(0,3):i}function yt(t,e){return new Date(e,t+1,0)}function bt(t){var e=pt(t),i=e.getDay();return 0!==i&&xt(e,-1*i),e}function xt(t,e){t.setDate(t.getDate()+e)}function kt(t,e,i){var n=Object.keys(Te).filter(function(e){return t.includes(e)}),a=Te[n[0]];return Object.assign(a,{constants:e,getData:i}),new Pe(a)}function wt(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 At(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Math.ceil(t),n=Math.floor(e),a=i-n,s=a,r=1;a>5&&(a%2!=0&&(a=++i-n),s=a/2,r=2),a<=2&&(r=a/(s=4)),0===a&&(s=5,r=1);for(var o=[],l=0;l<=s;l++)o.push(n+r*l);return o}function Pt(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=wt(t),n=Bt(i,2),a=n[0],s=n[1],r=e?e/Math.pow(10,s):0,o=At(a=a.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function Tt(t){function e(t,e){for(var i=Pt(t),n=i[1]-i[0],a=0,s=1;a1&&void 0!==arguments[1]&&arguments[1],n=Math.max.apply(Math,Vt(t)),a=Math.min.apply(Math,Vt(t)),s=[];if(n>=0&&a>=0)wt(n)[1],s=i?Pt(n,a):Pt(n);else if(n>0&&a<0){var r=Math.abs(a);n>=r?(wt(n)[1],s=e(n,r)):(wt(r)[1],s=e(r,n).reverse().map(function(t){return-1*t}))}else if(n<=0&&a<=0){var o=Math.abs(a),l=Math.abs(n);wt(o)[1],s=(s=i?Pt(o,l):Pt(o)).reverse().map(function(t){return-1*t})}return s}function Lt(t){var e=Mt(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 Mt(t){return t[1]-t[0]}function Ct(t){return t[t.length-1]-t[0]}function Ot(t,e){return h(e.zeroLine-t*e.scaleMultiplier)}function Dt(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):c(n,i-n.length,0)}else t.values=a;t.chartType||(qt.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/Jt,s=void 0;if(i){var r=Math.max.apply(Math,Vt(e.map(function(t){return t.length})));s=Math.ceil(r/a)}return e.map(function(t,e){return(t+="").length>a&&(i?e%s!=0&&(t=""):t=a-3>0?t.slice(0,a-3)+" ...":t.slice(0,a)+".."),t})}function Wt(){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 Oe(e,i)):Ne[t]?new Ne[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 Ht="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Ft=(function(){function t(t){this.value=t}function e(e){function i(t,e){return new Promise(function(i,a){var o={key:t,arg:e,resolve:i,reject:a,next:null};r?r=r.next=o:(s=r=o,n(t,e))})}function n(i,s){try{var r=e[i](s),o=r.value;o instanceof t?Promise.resolve(o.value).then(function(t){n("next",t)},function(t){n("throw",t)}):a(r.done?"return":"normal",r.value)}catch(t){a("throw",t)}}function a(t,e){switch(t){case"return":s.resolve({value:e,done:!0});break;case"throw":s.reject(e);break;default:s.resolve({value:e,done:!1})}(s=s.next)?n(s.key,s.arg):r=null}var s,r;this._invoke=i,"function"!=typeof e.return&&(this.return=void 0)}"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)}}(),function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}),jt=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}(),te={"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"},ee=function(t){return/rgb[a]{0,1}\([\d, ]+\)/gim.test(t)?/\D+(\d*)\D+(\d*)\D+(\d*)/gim.exec(t).map(function(t,e){return 0!==e?Number(t).toString(16):"#"}).reduce(function(t,e){return""+t+e}):te[t]||t},ie=6,ne=4,ae=15,se=10,re="#dadada",oe="#555b51",le={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}},ue={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)}},he=350,ce=350,de=he,pe=250,fe="easein",ve={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"},ge=".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}",me=function(){function e(t,i){if(Ft(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:void 0!==i.animate?i.animate:1,truncateLegends:i.truncateLegends||1},this.measures=JSON.parse(JSON.stringify(Ut));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=Gt,this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return jt(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($t[e])).forEach(function(t){var e=ee(t);A(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-l(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 Zt({parent:this.container,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];e&&i(this.parent)||(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=a(this.parent),this.width=this.baseWidth-u(this.measures)}},{key:"makeChartArea",value:function(){this.svg&&this.container.removeChild(this.svg);var t=this.measures;this.svg=C(this.container,"frappe-chart chart",this.baseWidth,this.baseHeight),this.svgDefs=O(this.svg),this.title.length&&(this.titleEL=R("title",t.margins.left,t.margins.top,this.title,{fontSize:t.titleFontSize,fill:"#666666",dy:t.titleFontSize}));var e=r(t);this.drawArea=D(this.type+"-chart chart-draw-area","translate("+o(t)+", "+e+")"),this.config.showLegend&&(e+=this.height+t.paddings.bottom,this.legendArea=D("chart-legend","translate("+o(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(o(t),r(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(this.components,this.config.animate)}},{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?(lt(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){n(t.container)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"addDataPoint",value:function(){}},{key:"removeDataPoint",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(){}},{key:"updateDataset",value:function(){}},{key:"export",value:function(){var t=ht(this.svg);ut(this.title||"Chart",[t])}}]),e}(),ye=function(t){function e(t,i){return Ft(this,e),Yt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i))}return Rt(e,t),jt(e,[{key:"configure",value:function(t){It(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.formatTooltipY=(t.tooltipOptions||{}).formatTooltipY,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(v(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=150,o=Math.floor((t.width-u(t.measures))/r);t.legendTotals.lengtho&&(i=0,n+=20);var l=r*i+5,h=t.config.truncateLegends?y(e.labels[s],r/10):e.labels[s],c=t.config.formatTooltipY?t.config.formatTooltipY(a):a,d=I(l,n,5,t.colors[s],h+": "+c,!1);t.legendArea.appendChild(d),i++})}}]),e}(me),be=7,xe=1e3,ke=86400,we=["January","February","March","April","May","June","July","August","September","October","November","December"],Ae=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],Pe=function(){function t(e){var i=e.layerClass,n=void 0===i?"":i,a=e.layerTransform,s=void 0===a?"":a,r=e.constants,o=e.getData,l=e.makeElements,u=e.animateElements;Ft(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 jt(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=D(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}(),Te={donutSlices:{layerClass:"donut-slices",makeElements:function(t){return t.sliceStrings.map(function(e,i){var n=N(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 at(e,t.sliceStrings[i])})}},pieSlices:{layerClass:"pie-slices",makeElements:function(t){return t.sliceStrings.map(function(e,i){var n=N(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 at(e,t.sliceStrings[i])})}},percentageBars:{layerClass:"percentage-bars",makeElements:function(t){var e=this;return t.xPositions.map(function(i,n){return H(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 V(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=m(n,e),r=Bt(s,2);n=r[0],e=r[1];var o=m(a,i),l=Bt(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return Z(t,e[i],n[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return U(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=m(n,e),r=Bt(s,2);n=r[0],e=r[1];var o=m(a,i),l=Bt(o,2);return a=l[0],i=l[1],this.render({positions:n,calcLabels:i}),this.store.map(function(t,i){return Q(t,e[i],n[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return G(t.position,t.label,e.constants.width,{labelPos:t.options.labelPos,mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=m(this.oldData,t),i=Bt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.position}),a=t.map(function(t){return t.label}),s=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 Z(t,n[e],r[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return q(t.startPos,t.endPos,e.constants.width,t.label,{labelPos:t.options.labelPos})})},animateElements:function(t){var e=m(this.oldData,t),i=Bt(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(tt(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.radius,l=i.xTranslate,u=0;return this.serializedSubDomains=[],t.cols.map(function(t,i){1===i&&e.labels.push(R("domain-name",l,-12,mt(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=F("day",l,u,r,o,t.fill,n);e.serializedSubDomains.push(a)}u+=s}),u=0,l+=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 X(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=m(s,e),h=Bt(u,2);s=h[0],e=h[1];var c=m(r,i),d=Bt(c,2);r=d[0],i=d[1];var p=m(o,n),f=Bt(p,2);o=f[0],n=f[1];var v=m(l,a),g=Bt(v,2);l=g[0],a=g[1],this.render({xPositions:s,yPositions:r,offsets:o,labels:a,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var y=[];return this.store.map(function(a,s){y=y.concat(et(a,e[s],i[s],t.barWidth,n[s],{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=K(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 J(t.xPositions[n],i,t.radius,e.color,e.valuesOverPoints?t.values[n]:"",n)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,n=t.values,a=this.oldData.xPositions,s=this.oldData.yPositions,r=this.oldData.values,o=m(a,e),l=Bt(o,2);a=l[0],e=l[1];var u=m(s,i),h=Bt(u,2);s=h[0],i=h[1];var c=m(r,n),d=Bt(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(nt(this.paths,e,i,t.zeroLine,this.constants.spline))),this.units.length&&this.units.map(function(t,n){p=p.concat(it(t,e[n],i[n]))}),p}}},Le=function(t){function i(t,e){Ft(this,i);var n=Yt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.type="percentage",n.setup(),n}return Rt(i,t),jt(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||Xt,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=kt.apply(void 0,Vt(t));return[t[0],e]}))}},{key:"calc",value:function(){var t=this;It(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}(ye),Me=function(t){function i(t,e){Ft(this,i);var n=Yt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.type="pie",n.initTimeout=0,n.init=1,n.setup(),n}return Rt(i,t),jt(i,[{key:"configure",value:function(t){It(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;It(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,d=r+=c,f=p(l,n),v=p(d,n),g=t.init&&s[o],m=void 0,y=void 0;t.init?(m=g?g.startPosition:f,y=g?g.endPosition:f):(m=f,y=v);var b=360===u?E(m,y,t.center,t.radius,a,h):S(m,y,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:d,angle:c})}),this.init=0}},{key:"setupComponents",value:function(){var t=this.state,e=[["pieSlices",{},function(){return{sliceStrings:t.sliceStrings,colors:this.colors}}.bind(this)]];this.components=new Map(e.map(function(t){var e=kt.apply(void 0,Vt(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,n=p(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){rt(t,this.calTranslateByAngle(this.state.slicesProperties[i])),t.style.fill=w(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 rt(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}(ye),Ce=function(t){function e(t,i){Ft(this,e);var n=Yt(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 Rt(e,t),jt(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*be+l(e);var i=this.data,n=this.discreteDomains?12:0;this.independentWidth=12*(ft(i.start,i.end)+n)+u(e)}},{key:"updateWidth",value:function(){var t=this.discreteDomains?12:0,e=this.state.noOfWeeks?this.state.noOfWeeks:52;this.baseWidth=12*(e+t)+u(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*xe);e[dt(n)]=t.dataPoints[i]}),t.dataPoints=e}return t}},{key:"calc",value:function(){var t=this.state;t.start=pt(this.data.start),t.end=pt(this.data.end),t.firstWeekStart=pt(t.start),t.noOfWeeks=ft(t.start,t.end),t.distribution=Nt(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,radius:t.rawChartArgs.radius||0,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=bt(t),r={index:n,cols:[]};xt(e=pt(e)||yt(n,a),1);for(var o=ft(s,e),l=[],u=void 0,h=0;h2&&void 0!==arguments[2]&&arguments[2],n=this.state,a=pt(t),s=[],r=0;r=n.start&&a<=n.end;i||a.getMonth()!==e||!l?o.yyyyMmDd=dt(a):o=this.getSubDomainConfig(a),s.push(o)}return s}},{key:"getSubDomainConfig",value:function(t){var e=dt(t),i=this.data.dataPoints[e];return{yyyyMmDd:e,dataValue:i||0,fill:this.colors[St(i,this.state.distribution)]}}}]),e}(me),Oe=function(t){function i(t,e){Ft(this,i);var n=Yt(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 Rt(i,t),jt(i,[{key:"setMeasures",value:function(){this.data.datasets.length<=1&&(this.config.showLegend=0,this.measures.paddings.bottom=30)}},{key:"configure",value:function(t){It(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 Et(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return _t(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 h(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=Tt(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/Ct(e),n=Mt(e)*i,a=this.height-Lt(e)*n;this.state.yAxis={labels:e,positions:e.map(function(t){return a-t*i}),scaleMultiplier:i,zeroLine:a},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return Ot(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var n=t.values,a=t.cumulativeYs||[];return{name:t.name&&t.name.replace(/<|>|&/g,function(t){return"&"==t?"&":"<"==t?"<":">"}),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){er(n)?t.mapTooltipXPosition(s):t.tip.hideTip()})}},{key:"mapTooltipXPosition",value:function(t){var e=this.state;if(e.yExtremes){var i=Dt(t,e.xAxis.positions,!0);if(i>=0){var 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=j(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=le[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];ue[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex,e=this.state;return{index:t,label:e.xAxis.labels[t],values:e.datasets.map(function(e){return e.values[t]})}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,s(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;It(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||(It(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}(me),De=function(t){function i(t,e){Ft(this,i);var n=Yt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.type="donut",n.initTimeout=0,n.init=1,n.setup(),n}return Rt(i,t),jt(i,[{key:"configure",value:function(t){It(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;It(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,d=r+=c,f=p(l,n),v=p(d,n),g=t.init&&s[o],m=void 0,y=void 0;t.init?(m=g?g.startPosition:f,y=g?g.endPosition:f):(m=f,y=v);var b=360===u?z(m,y,t.center,t.radius,t.clockWise,h):_(m,y,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:d,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=kt.apply(void 0,Vt(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,n=p(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){rt(t,this.calTranslateByAngle(this.state.slicesProperties[i])),t.style.stroke=w(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 rt(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}(ye),Ne={bar:Oe,line:Oe,percentage:Le,heatmap:Ce,pie:Me,donut:De},Se=function t(e,i){return Ft(this,t),Wt(i.type,e,i)},Ee=Object.freeze({Chart:Se,PercentageChart:Le,PieChart:Me,Heatmap:Ce,AxisChart:Oe}),_e={};return _e.NAME="Frappe Charts",_e.VERSION="1.5.6",_e=Object.assign({},_e,Ee)}(); -//# 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 781fdd3..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\n// https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/offsetParent\n// an element's offsetParent property will return null whenever it, or any of its parents,\n// is hidden via the display style property.\nexport function isHidden(el) {\n\treturn (el.offsetParent === null);\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\n/**\n * Check if a number is valid for svg attributes\n * @param {object} candidate Candidate to test\n * @param {Boolean} nonNegative flag to treat negative number as invalid\n */\nexport function isValidNumber(candidate, nonNegative=false) {\n\tif (Number.isNaN(candidate)) return false;\n\telse if (candidate === undefined) return false;\n\telse if (!Number.isFinite(candidate)) return false;\n\telse if (nonNegative && candidate < 0) return false;\n\telse return true;\n}\n\n/**\n * Round a number to the closes precision, max max precision 4\n * @param {Number} d Any Number\n */\nexport function round(d) {\n\t// https://floating-point-gui.de/\n\t// https://www.jacklmoore.com/notes/rounding-in-javascript/\n\treturn Number(Math.round(d + 'e4') + 'e-4');\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}\n\n// cubic bezier curve calculation (from example by François Romain)\nexport function getSplineCurvePointsStr(xList, yList) {\n\n\tlet points=[];\n\tfor(let i=0;i {\n\t\tlet lengthX = pointB[0] - pointA[0];\n\t\tlet lengthY = pointB[1] - pointA[1];\n\t\treturn {\n\t\t\tlength: Math.sqrt(Math.pow(lengthX, 2) + Math.pow(lengthY, 2)),\n\t\t\tangle: Math.atan2(lengthY, lengthX)\n\t\t};\n\t};\n \n\tlet controlPoint = (current, previous, next, reverse) => {\n\t\tlet p = previous || current;\n\t\tlet n = next || current;\n\t\tlet o = line(p, n);\n\t\tlet angle = o.angle + (reverse ? Math.PI : 0);\n\t\tlet length = o.length * smoothing;\n\t\tlet x = current[0] + Math.cos(angle) * length;\n\t\tlet y = current[1] + Math.sin(angle) * length;\n\t\treturn [x, y];\n\t};\n \n\tlet bezierCommand = (point, i, a) => {\n\t\tlet cps = controlPoint(a[i - 1], a[i - 2], point);\n\t\tlet cpe = controlPoint(point, a[i - 1], a[i + 1], true);\n\t\treturn `C ${cps[0]},${cps[1]} ${cpe[0]},${cpe[1]} ${point[0]},${point[1]}`;\n\t};\n \n\tlet pointStr = (points, command) => {\n\t\treturn points.reduce((acc, point, i, a) => i === 0\n\t\t\t? `${point[0]},${point[1]}`\n\t\t\t: `${acc} ${command(point, i, a)}`, '');\n\t};\n \n\treturn pointStr(points, bezierCommand);\n}\n","const PRESET_COLOR_MAP = {\n\t'light-blue': '#7cd6fd',\n\t'blue': '#5e64ff',\n\t'violet': '#743ee2',\n\t'red': '#ff5858',\n\t'orange': '#ffa00a',\n\t'yellow': '#feef72',\n\t'green': '#28a745',\n\t'light-green': '#98d85b',\n\t'purple': '#b554ff',\n\t'magenta': '#ffa3ef',\n\t'black': '#36114C',\n\t'grey': '#bdd3e6',\n\t'light-grey': '#f0f4f7',\n\t'dark-grey': '#b8c2cc'\n};\n\nfunction limitColor(r){\n\tif (r > 255) return 255;\n\telse if (r < 0) return 0;\n\treturn r;\n}\n\nexport function lightenDarkenColor(color, amt) {\n\tlet col = getColor(color);\n\tlet usePound = false;\n\tif (col[0] == \"#\") {\n\t\tcol = col.slice(1);\n\t\tusePound = true;\n\t}\n\tlet num = parseInt(col,16);\n\tlet r = limitColor((num >> 16) + amt);\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\n\tlet g = limitColor((num & 0x0000FF) + amt);\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\n}\n\nexport function isValidColor(string) {\n\t// https://stackoverflow.com/a/32685393\n\tlet HEX_RE = /(^\\s*)(#)((?:[A-Fa-f0-9]{3}){1,2})$/i;\n\tlet RGB_RE = /(^\\s*)(rgb|hsl)(a?)[(]\\s*([\\d.]+\\s*%?)\\s*,\\s*([\\d.]+\\s*%?)\\s*,\\s*([\\d.]+\\s*%?)\\s*(?:,\\s*([\\d.]+)\\s*)?[)]$/i;\n\treturn HEX_RE.test(string) || RGB_RE.test(string);\n}\n\nexport const getColor = (color) => {\n\t// When RGB color, convert to hexadecimal (alpha value is omitted)\n\tif((/rgb[a]{0,1}\\([\\d, ]+\\)/gim).test(color)) {\n\t\treturn (/\\D+(\\d*)\\D+(\\d*)\\D+(\\d*)/gim).exec(color)\n\t\t\t.map((x, i) => (i !== 0 ? Number(x).toString(16) : '#'))\n\t\t\t.reduce((c, ch) => `${c}${ch}`);\n\t}\n\treturn PRESET_COLOR_MAP[color] || color;\n};\n","import { getBarHeightAndYAttr, truncateString, shortenLargeNumber, getSplineCurvePointsStr } from './draw-utils';\nimport { getStringWidth, isValidNumber } 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, radius, 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\trx: radius,\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, truncate=false) {\n\tlabel = truncate ? truncateString(label, LABEL_MAX_CHARS) : label;\n\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\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 (!isValidNumber(y)) y = 0;\n\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 (!isValidNumber(x)) x = 0;\n\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\t// Preprocess numbers to avoid svg building errors\n\tif (!isValidNumber(x)) x = 0;\n\tif (!isValidNumber(y)) y = 0;\n\tif (!isValidNumber(height, true)) height = 0;\n\tif (!isValidNumber(width, true)) width = 0;\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\n\t// Spline\n\tif (options.spline)\n\t\tpointsStr = getSplineCurvePointsStr(xList, yList);\n\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, getSplineCurvePointsStr } 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, spline) {\n\tlet pathComponents = [];\n\tlet pointsStr = newYList.map((y, i) => (newXList[i] + ',' + y)).join(\"L\");\n\n\tif (spline)\n\t\tpointsStr = getSplineCurvePointsStr(newXList, newYList);\n\n\tconst animPath = [paths.path, {d:\"M\" + pointsStr}, 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 + pointsStr + 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, radius, 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, radius, 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\tspline: c.spline\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, this.constants.spline));\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.reverse().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 seriesMultiple;\n\tif(isSeries) {\n\t\t// Find the maximum label length for spacing calculations\n\t\tlet maxLabelLength = Math.max(...labels.map(label => label.length));\n\t\tseriesMultiple = Math.ceil(maxLabelLength/allowedLetters);\n\t}\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\tif(i % seriesMultiple !== 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, isHidden } 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\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: (typeof options.animate !== 'undefined') ? options.animate : 1,\n\t\t\ttruncateLegends: options.truncateLegends || 1\n\t\t};\n\n\t\tthis.measures = JSON.parse(JSON.stringify(BASE_MEASURES));\n\t\tlet m = this.measures;\n\t\tthis.setMeasures(options);\n\t\tif(!this.title.length) { m.titleHeight = 0; }\n\t\tif(!this.config.showLegend) m.legendHeight = 0;\n\t\tthis.argHeight = options.height || m.baseHeight;\n\n\t\tthis.state = {};\n\t\tthis.options = {};\n\n\t\tthis.initTimeout = INIT_CHART_UPDATE_TIMEOUT;\n\n\t\tif(this.config.isNavigable) {\n\t\t\tthis.overlays = [];\n\t\t}\n\n\t\tthis.configure(options);\n\t}\n\n\tprepareData(data) {\n\t\treturn data;\n\t}\n\n\tprepareFirstData(data) {\n\t\treturn data;\n\t}\n\n\tvalidateColors(colors, type) {\n\t\tconst validColors = [];\n\t\tcolors = (colors || []).concat(DEFAULT_COLORS[type]);\n\t\tcolors.forEach((string) => {\n\t\t\tconst color = getColor(string);\n\t\t\tif(!isValidColor(color)) {\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t} else {\n\t\t\t\tvalidColors.push(color);\n\t\t\t}\n\t\t});\n\t\treturn validColors;\n\t}\n\n\tsetMeasures() {\n\t\t// Override measures, including those for title and legend\n\t\t// set config for legend and title\n\t}\n\n\tconfigure() {\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - getExtraHeight(this.measures);\n\n\t\t// Bind window events\n\t\tthis.boundDrawFn = () => this.draw(true);\n\t\twindow.addEventListener('resize', this.boundDrawFn);\n\t\twindow.addEventListener('orientationchange', this.boundDrawFn);\n\t}\n\n\tdestroy() {\n\t\twindow.removeEventListener('resize', this.boundDrawFn);\n\t\twindow.removeEventListener('orientationchange', this.boundDrawFn);\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\tif (onlyWidthChange && isHidden(this.parent)) {\n\t\t\t// Don't update anything if the chart is hidden\n\t\t\treturn;\n\t\t}\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(this.components, this.config.animate);\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 { truncateString } from '../utils/draw-utils';\nimport { legendDot } from '../utils/draw';\nimport { round } from '../utils/helpers';\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.formatTooltipY = (args.tooltipOptions || {}).formatTooltipY;\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(round(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 = 150;\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 label = this.config.truncateLegends ? truncateString(s.labels[i], barWidth/10) : s.labels[i];\n\t\t\tlet formatted = this.config.formatTooltipY ? this.config.formatTooltipY(d) : d;\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`${label}: ${formatted}`,\n\t\t\t\tfalse\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\tradius: this.rawChartArgs.radius || 0,\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\t\tlet radius = this.rawChartArgs.radius || 0;\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, radius, 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 && d.name.replace(/<|>|&/g, (char) => char == '&' ? '&' : char == '<' ? '<' : '>'),\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\tspline: this.lineOptions.spline,\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\tif (index >= 0) {\n\t\t\tlet dbi = this.dataByIndex[index];\n\n\t\t\tthis.tip.setValues(\n\t\t\t\tdbi.xPos + this.tip.offset.x,\n\t\t\t\tdbi.yExtreme + this.tip.offset.y,\n\t\t\t\t{name: dbi.formattedLabel, value: ''},\n\t\t\t\tdbi.values,\n\t\t\t\tindex\n\t\t\t);\n\n\t\t\tthis.tip.showTip();\n\t\t}\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.5.6';\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","isHidden","el","offsetParent","isElementInViewport","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","isValidNumber","candidate","nonNegative","Number","isNaN","undefined","isFinite","round","getBarHeightAndYAttr","yTop","zeroLine","height","y","equilizeNoOfElements","array1","array2","extraCount","truncateString","txt","len","slice","shortenLargeNumber","label","number","p","floor","log10","l","shortened","pow","getSplineCurvePointsStr","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","RGB_RE","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","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","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","seriesMultiple","maxLabelLength","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","exec","c","ch","makeOverlay","transformValue","overlay","updateOverlay","attributes","attr","specified","nodeValue","BaseChart","HTMLElement","Error","rawChartArgs","prepareData","prepareFirstData","validateColors","isNavigable","animate","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","drawArea","render","update","renderLegend","setupNavigation","baseWidth","titleEL","titleFontSize","legendArea","updateTipOffset","Map","make","updateNav","bindUnits","bindOverlay","keyActions","onEnterKey","bind","onLeftArrow","onUpArrow","onRightArrow","onDownArrow","e","_this4","event","keyCode","chartSvg","AggregationChart","formatTooltipY","tooltipOptions","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","xAxisMode","yAxisMode","xIsSeries","shortenYAxisNumbers","formatTooltipX","calcXPositions","calcYAxisParameters","getAllYValues","makeDataByIndex","unitWidth","xOffset","xAxis","dataValues","intervalHeight","calcDatasetPoints","calcYExtremes","calcYRegions","scaleAll","cumulativeYs","replace","char","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