123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474
/** * Copyright (c) 2017 ~ present NAVER Corp. * billboard.js project is licensed under the MIT license * @ignore */import {event as d3Event} from "d3-selection";import {brushSelection as d3BrushSelection} from "d3-brush";import {document, window} from "./browser";import CLASS from "../config/classes";
const isValue = v => v || v === 0;const isFunction = v => typeof v === "function";const isString = v => typeof v === "string";const isNumber = v => typeof v === "number";const isUndefined = v => typeof v === "undefined";const isDefined = v => typeof v !== "undefined";const isBoolean = v => typeof v === "boolean";const ceil10 = v => Math.ceil(v / 10) * 10;const asHalfPixel = n => Math.ceil(n) + 0.5;const diffDomain = d => d[1] - d[0];const isObjectType = v => typeof v === "object";const isEmpty = o => (	isUndefined(o) || o === null ||	(isString(o) && o.length === 0) ||	(isObjectType(o) && !(o instanceof Date) && Object.keys(o).length === 0) ||	(isNumber(o) && isNaN(o)));const notEmpty = o => !isEmpty(o);
/** * Check if is array * @param {Array} arr * @returns {Boolean} * @private */const isArray = arr => arr && arr.constructor === Array;
/** * Check if is object * @param {Object} obj * @returns {Boolean} * @private */const isObject = obj => obj && !obj.nodeType && isObjectType(obj) && !isArray(obj);
const getOption = (options, key, defaultValue) => (	isDefined(options[key]) ? options[key] : defaultValue);
const hasValue = (dict, value) => {	let found = false;
	Object.keys(dict).forEach(key => (dict[key] === value) && (found = true));
	return found;};
/** * Call function with arguments * @param {Function} fn Function to be called * @param {*} args Arguments * @return {Boolean} true: fn is function, false: fn is not function * @private */const callFn = (fn, ...args) => {	const isFn = isFunction(fn);
	isFn && fn.call(...args);	return isFn;};
/** * Replace tag sign to html entity * @param {String} str * @return {String} * @private */const sanitise = str => (isString(str) ? str.replace(/</g, "&lt;").replace(/>/g, "&gt;") : str);
/** * Set text value. If there's multiline add nodes. * @param {d3Selection} node Text node * @param {String} text Text value string * @param {Array} dy dy value for multilined text * @param {Boolean} toMiddle To be alingned vertically middle * @private */const setTextValue = (node, text, dy = [-1, 1], toMiddle = false) => {	if (!node || !isString(text)) {		return;	}
	if (text.indexOf("\n") === -1) {		node.text(text);	} else {		const diff = [node.text(), text].map(v => v.replace(/[\s\n]/g, ""));
		if (diff[0] !== diff[1]) {			const multiline = text.split("\n");			const len = toMiddle ? multiline.length - 1 : 1;
			// reset possible text			node.html("");
			multiline.forEach((v, i) => {				node.append("tspan")					.attr("x", 0)					.attr("dy", `${i === 0 ? dy[0] * len : dy[1]}em`)					.text(v);			});		}	}};
// substitution of SVGPathSeg API polyfillconst getRectSegList = path => {	/*	 * seg1 ---------- seg2	 *   |               |	 *   |               |	 *   |               |	 * seg0 ---------- seg3	 * */	const {x, y, width, height} = path.getBBox();
	return [		{x, y: y + height}, // seg0		{x, y}, // seg1		{x: x + width, y}, // seg2		{x: x + width, y: y + height} // seg3	];};
const getPathBox = path => {	const {width, height} = path.getBoundingClientRect();	const items = getRectSegList(path);	const x = items[0].x;	const y = Math.min(items[0].y, items[1].y);
	return {		x, y, width, height	};};
// return brush selection arrayconst getBrushSelection = ctx => {	let selection = null;	const event = d3Event;	const main = ctx.context || ctx.main;
	// check from event	if (event && event.constructor.name === "BrushEvent") {		selection = event.selection;	// check from brush area selection	} else if (main && (selection = main.select(`.${CLASS.brush}`).node())) {		selection = d3BrushSelection(selection);	}
	return selection;};
// Get boundingClientRect. Cache the evaluated value once it was called.const getBoundingRect = node => node.rect || (node.rect = node.getBoundingClientRect());
// retrun random numberconst getRandom = (asStr = true) => Math.random() + (asStr ? "" : 0);
const brushEmpty = ctx => {	const selection = getBrushSelection(ctx);
	if (selection) {		// brush selected area		// two-dimensional: [[x0, y0], [x1, y1]]		// one-dimensional: [x0, x1] or [y0, y1]		return selection[0] === selection[1];	}
	return true;};
const extend = (target = {}, source) => {	for (const p in source) {		target[p] = source[p];	}
	return target;};
/** * Return first letter capitalized * @param {String} str * @return {String} capitalized string * @private */const capitalize = str => str.charAt(0).toUpperCase() + str.slice(1);
/** * Convert to array * @param {Object} v * @returns {Array} * @private */const toArray = v => [].slice.call(v);
/** * Get css rules for specified stylesheets * @param {Array} styleSheets The stylesheets to get the rules from * @returns {Array} * @private */const getCssRules = styleSheets => {	let rules = [];
	styleSheets.forEach(sheet => {		try {			if (sheet.cssRules && sheet.cssRules.length) {				rules = rules.concat(toArray(sheet.cssRules));			}		} catch (e) {			console.error(`Error while reading rules from ${sheet.href}: ${e.toString()}`);		}	});
	return rules;};
/** * Gets the SVGMatrix of an SVGGElement * @param {SVGGraphicsElement} node * @return {SVGMatrix} matrix * @private */const getTranslation = node => {	const transform = node ? node.transform : null;	const baseVal = transform && transform.baseVal;
	return baseVal && baseVal.numberOfItems ?		baseVal.getItem(0).matrix :		{a: 0, b: 0, c: 0, d: 0, e: 0, f: 0};};
/** * Get unique value from array * @param {Array} data * @return {Array} Unique array value * @private */const getUnique = data => {	const isDate = data[0] instanceof Date;	const d = (isDate ? data.map(Number) : data)		.filter((v, i, self) => self.indexOf(v) === i);
	return isDate ? d.map(v => new Date(v)) : d;};
/** * Merge array * @param {Array} arr * @return {Array} * @private */const mergeArray = arr => (arr && arr.length ? arr.reduce((p, c) => p.concat(c)) : []);
/** * Merge object returning new object * @param {Object} target * @param {Object} objectN * @returns {Object} merged target object * @private */const mergeObj = (target, ...objectN) => {	if (!objectN.length || (objectN.length === 1 && !objectN[0])) {		return target;	}
	const source = objectN.shift();
	if (isObject(target) && isObject(source)) {		Object.keys(source).forEach(key => {			const value = source[key];
			if (isObject(value)) {				!target[key] && (target[key] = {});				target[key] = mergeObj(target[key], value);			} else {				target[key] = isArray(value) ?					value.concat() : value;			}		});	}
	return mergeObj(target, ...objectN);};
/** * Sort value * @param {Array} data value to be sorted * @param {Boolean} isAsc true: asc, false: desc * @return {Number|String|Date} sorted date * @private */const sortValue = (data, isAsc = true) => {	let fn;
	if (data[0] instanceof Date) {		fn = isAsc ? (a, b) => a - b : (a, b) => b - a;	} else {		if (isAsc && !data.every(isNaN)) {			fn = (a, b) => a - b;		} else if (!isAsc) {			fn = (a, b) => (a > b && -1) || (a < b && 1) || (a === b && 0);		}	}
	return data.concat().sort(fn);};
/** * Get min/max value * @param {String} type 'min' or 'max' * @param {Array} data Array data value * @return {Number|Date|undefined} * @private */const getMinMax = (type, data) => {	let res = data.filter(v => notEmpty(v));
	if (res.length) {		if (isNumber(res[0])) {			res = Math[type](...res);		} else if (res[0] instanceof Date) {			res = sortValue(res, type === "min")[0];		}	} else {		res = undefined;	}
	return res;};
/** * Get range * @param {Number} start Start number * @param {Number} end End number * @param {Number} step Step number * @return {Array} * @private */const getRange = (start, end, step = 1) => {	const res = [];	const n = Math.max(0, Math.ceil((end - start) / step)) | 0;
	for (let i = start; i < n; i++) {		res.push(start + i * step);	}
	return res;};
// emulate eventconst emulateEvent = {	mouse: (() => {		const getParams = () => ({			bubbles: false, cancelable: false, screenX: 0, screenY: 0, clientX: 0, clientY: 0		});
		try {			// eslint-disable-next-line no-new			new MouseEvent("t");
			return (el, eventType, params = getParams()) => {				el.dispatchEvent(new MouseEvent(eventType, params));			};		} catch (e) {			// Polyfills DOM4 MouseEvent			return (el, eventType, params = getParams()) => {				const mouseEvent = document.createEvent("MouseEvent");
				// https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/initMouseEvent				mouseEvent.initMouseEvent(					eventType,					params.bubbles,					params.cancelable,					window,					0, // the event's mouse click count					params.screenX, params.screenY,					params.clientX, params.clientY,					false, false, false, false, 0, null				);
				el.dispatchEvent(mouseEvent);			};		}	})(),	touch: (el, eventType, params) => {		const touchObj = new Touch(mergeObj({			identifier: Date.now(),			target: el,			radiusX: 2.5,			radiusY: 2.5,			rotationAngle: 10,			force: 0.5		}, params));
		el.dispatchEvent(new TouchEvent(eventType, {			cancelable: true,			bubbles: true,			shiftKey: true,			touches: [touchObj],			targetTouches: [],			changedTouches: [touchObj]		}));	}};
/** * Process the template  & return bound string * @param {String} tpl Template string * @param {Object} data Data value to be replaced * @return {String} * @private */const tplProcess = (tpl, data) => {	let res = tpl;
	for (const x in data) {		res = res.replace(new RegExp(`{=${x}}`, "g"), data[x]);	}
	return res;};
export {	asHalfPixel,	brushEmpty,	callFn,	capitalize,	ceil10,	diffDomain,	emulateEvent,	extend,	getBrushSelection,	getBoundingRect,	getCssRules,	getMinMax,	getOption,	getPathBox,	getRandom,	getRange,	getRectSegList,	getTranslation,	getUnique,	hasValue,	isArray,	isBoolean,	isDefined,	isEmpty,	isFunction,	isNumber,	isObject,	isObjectType,	isString,	isUndefined,	isValue,	mergeArray,	mergeObj,	notEmpty,	sanitise,	setTextValue,	sortValue,	toArray,	tplProcess};