/** * plotly.js (basic) v1.58.5 * Copyright 2012-2021, Plotly, Inc. * All rights reserved. * Licensed under the MIT license */ (function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.Plotly = f()}})(function(){var define,module,exports;return (function(){function r(e,n,t){function o(i,f){if(!n[i]){if(!e[i]){var c="function"==typeof require&&require;if(!f&&c)return c(i,!0);if(u)return u(i,!0);var a=new Error("Cannot find module '"+i+"'");throw a.code="MODULE_NOT_FOUND",a}var p=n[i]={exports:{}};e[i][0].call(p.exports,function(r){var n=e[i][1][r];return o(n||r)},p,p.exports,r,e,n,t)}return n[i].exports}for(var u="function"==typeof require&&require,i=0;i:not(.watermark)": "opacity:0;-webkit-transition:opacity 0.3s ease 0s;-moz-transition:opacity 0.3s ease 0s;-ms-transition:opacity 0.3s ease 0s;-o-transition:opacity 0.3s ease 0s;transition:opacity 0.3s ease 0s;", "X:hover .modebar--hover .modebar-group": "opacity:1;", "X .modebar-group": "float:left;display:inline-block;box-sizing:border-box;padding-left:8px;position:relative;vertical-align:middle;white-space:nowrap;", "X .modebar-btn": "position:relative;font-size:16px;padding:3px 4px;height:22px;cursor:pointer;line-height:normal;box-sizing:border-box;", "X .modebar-btn svg": "position:relative;top:2px;", "X .modebar.vertical": "display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-end;max-height:100%;", "X .modebar.vertical svg": "top:-1px;", "X .modebar.vertical .modebar-group": "display:block;float:none;padding-left:0px;padding-bottom:8px;", "X .modebar.vertical .modebar-group .modebar-btn": "display:block;text-align:center;", "X [data-title]:before,X [data-title]:after": "position:absolute;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);display:none;opacity:0;z-index:1001;pointer-events:none;top:110%;right:50%;", "X [data-title]:hover:before,X [data-title]:hover:after": "display:block;opacity:1;", "X [data-title]:before": "content:'';position:absolute;background:transparent;border:6px solid transparent;z-index:1002;margin-top:-12px;border-bottom-color:#69738a;margin-right:-6px;", "X [data-title]:after": "content:attr(data-title);background:#69738a;color:white;padding:8px 10px;font-size:12px;line-height:12px;white-space:nowrap;margin-right:-18px;border-radius:2px;", "X .vertical [data-title]:before,X .vertical [data-title]:after": "top:0%;right:200%;", "X .vertical [data-title]:before": "border:6px solid transparent;border-left-color:#69738a;margin-top:8px;margin-right:-30px;", "X .select-outline": "fill:none;stroke-width:1;shape-rendering:crispEdges;", "X .select-outline-1": "stroke:white;", "X .select-outline-2": "stroke:black;stroke-dasharray:2px 2px;", Y: "font-family:'Open Sans', verdana, arial, sans-serif;position:fixed;top:50px;right:20px;z-index:10000;font-size:10pt;max-width:180px;", "Y p": "margin:0;", "Y .notifier-note": "min-width:180px;max-width:250px;border:1px solid #fff;z-index:3000;margin:0;background-color:#8c97af;background-color:rgba(140,151,175,0.9);color:#fff;padding:10px;overflow-wrap:break-word;word-wrap:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;", "Y .notifier-close": "color:#fff;opacity:0.8;float:right;padding:0 5px;background:none;border:none;font-size:20px;font-weight:bold;line-height:20px;", "Y .notifier-close:hover": "color:#444;text-decoration:none;cursor:pointer;" }; for(var selector in rules) { var fullSelector = selector.replace(/^,/,' ,') .replace(/X/g, '.js-plotly-plot .plotly') .replace(/Y/g, '.plotly-notifier'); Lib.addStyleRule(fullSelector, rules[selector]); } },{"../src/lib":202}],2:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = _dereq_('../src/traces/bar'); },{"../src/traces/bar":308}],3:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = _dereq_('../src/core'); },{"../src/core":183}],4:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Plotly = _dereq_('./core'); Plotly.register([ _dereq_('./bar'), _dereq_('./pie') ]); module.exports = Plotly; },{"./bar":2,"./core":3,"./pie":5}],5:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = _dereq_('../src/traces/pie'); },{"../src/traces/pie":323}],6:[function(_dereq_,module,exports){ // Copyright Joyent, Inc. and other Node contributors. // // Permission is hereby granted, free of charge, to any person obtaining a // copy of this software and associated documentation files (the // "Software"), to deal in the Software without restriction, including // without limitation the rights to use, copy, modify, merge, publish, // distribute, sublicense, and/or sell copies of the Software, and to permit // persons to whom the Software is furnished to do so, subject to the // following conditions: // // The above copyright notice and this permission notice shall be included // in all copies or substantial portions of the Software. // // THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS // OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF // MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN // NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, // DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR // OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE // USE OR OTHER DEALINGS IN THE SOFTWARE. 'use strict'; var R = typeof Reflect === 'object' ? Reflect : null var ReflectApply = R && typeof R.apply === 'function' ? R.apply : function ReflectApply(target, receiver, args) { return Function.prototype.apply.call(target, receiver, args); } var ReflectOwnKeys if (R && typeof R.ownKeys === 'function') { ReflectOwnKeys = R.ownKeys } else if (Object.getOwnPropertySymbols) { ReflectOwnKeys = function ReflectOwnKeys(target) { return Object.getOwnPropertyNames(target) .concat(Object.getOwnPropertySymbols(target)); }; } else { ReflectOwnKeys = function ReflectOwnKeys(target) { return Object.getOwnPropertyNames(target); }; } function ProcessEmitWarning(warning) { if (console && console.warn) console.warn(warning); } var NumberIsNaN = Number.isNaN || function NumberIsNaN(value) { return value !== value; } function EventEmitter() { EventEmitter.init.call(this); } module.exports = EventEmitter; module.exports.once = once; // Backwards-compat with node 0.10.x EventEmitter.EventEmitter = EventEmitter; EventEmitter.prototype._events = undefined; EventEmitter.prototype._eventsCount = 0; EventEmitter.prototype._maxListeners = undefined; // By default EventEmitters will print a warning if more than 10 listeners are // added to it. This is a useful default which helps finding memory leaks. var defaultMaxListeners = 10; function checkListener(listener) { if (typeof listener !== 'function') { throw new TypeError('The "listener" argument must be of type Function. Received type ' + typeof listener); } } Object.defineProperty(EventEmitter, 'defaultMaxListeners', { enumerable: true, get: function() { return defaultMaxListeners; }, set: function(arg) { if (typeof arg !== 'number' || arg < 0 || NumberIsNaN(arg)) { throw new RangeError('The value of "defaultMaxListeners" is out of range. It must be a non-negative number. Received ' + arg + '.'); } defaultMaxListeners = arg; } }); EventEmitter.init = function() { if (this._events === undefined || this._events === Object.getPrototypeOf(this)._events) { this._events = Object.create(null); this._eventsCount = 0; } this._maxListeners = this._maxListeners || undefined; }; // Obviously not all Emitters should be limited to 10. This function allows // that to be increased. Set to zero for unlimited. EventEmitter.prototype.setMaxListeners = function setMaxListeners(n) { if (typeof n !== 'number' || n < 0 || NumberIsNaN(n)) { throw new RangeError('The value of "n" is out of range. It must be a non-negative number. Received ' + n + '.'); } this._maxListeners = n; return this; }; function _getMaxListeners(that) { if (that._maxListeners === undefined) return EventEmitter.defaultMaxListeners; return that._maxListeners; } EventEmitter.prototype.getMaxListeners = function getMaxListeners() { return _getMaxListeners(this); }; EventEmitter.prototype.emit = function emit(type) { var args = []; for (var i = 1; i < arguments.length; i++) args.push(arguments[i]); var doError = (type === 'error'); var events = this._events; if (events !== undefined) doError = (doError && events.error === undefined); else if (!doError) return false; // If there is no 'error' event listener then throw. if (doError) { var er; if (args.length > 0) er = args[0]; if (er instanceof Error) { // Note: The comments on the `throw` lines are intentional, they show // up in Node's output if this results in an unhandled exception. throw er; // Unhandled 'error' event } // At least give some kind of context to the user var err = new Error('Unhandled error.' + (er ? ' (' + er.message + ')' : '')); err.context = er; throw err; // Unhandled 'error' event } var handler = events[type]; if (handler === undefined) return false; if (typeof handler === 'function') { ReflectApply(handler, this, args); } else { var len = handler.length; var listeners = arrayClone(handler, len); for (var i = 0; i < len; ++i) ReflectApply(listeners[i], this, args); } return true; }; function _addListener(target, type, listener, prepend) { var m; var events; var existing; checkListener(listener); events = target._events; if (events === undefined) { events = target._events = Object.create(null); target._eventsCount = 0; } else { // To avoid recursion in the case that type === "newListener"! Before // adding it to the listeners, first emit "newListener". if (events.newListener !== undefined) { target.emit('newListener', type, listener.listener ? listener.listener : listener); // Re-assign `events` because a newListener handler could have caused the // this._events to be assigned to a new object events = target._events; } existing = events[type]; } if (existing === undefined) { // Optimize the case of one listener. Don't need the extra array object. existing = events[type] = listener; ++target._eventsCount; } else { if (typeof existing === 'function') { // Adding the second element, need to change to array. existing = events[type] = prepend ? [listener, existing] : [existing, listener]; // If we've already got an array, just append. } else if (prepend) { existing.unshift(listener); } else { existing.push(listener); } // Check for listener leak m = _getMaxListeners(target); if (m > 0 && existing.length > m && !existing.warned) { existing.warned = true; // No error code for this since it is a Warning // eslint-disable-next-line no-restricted-syntax var w = new Error('Possible EventEmitter memory leak detected. ' + existing.length + ' ' + String(type) + ' listeners ' + 'added. Use emitter.setMaxListeners() to ' + 'increase limit'); w.name = 'MaxListenersExceededWarning'; w.emitter = target; w.type = type; w.count = existing.length; ProcessEmitWarning(w); } } return target; } EventEmitter.prototype.addListener = function addListener(type, listener) { return _addListener(this, type, listener, false); }; EventEmitter.prototype.on = EventEmitter.prototype.addListener; EventEmitter.prototype.prependListener = function prependListener(type, listener) { return _addListener(this, type, listener, true); }; function onceWrapper() { if (!this.fired) { this.target.removeListener(this.type, this.wrapFn); this.fired = true; if (arguments.length === 0) return this.listener.call(this.target); return this.listener.apply(this.target, arguments); } } function _onceWrap(target, type, listener) { var state = { fired: false, wrapFn: undefined, target: target, type: type, listener: listener }; var wrapped = onceWrapper.bind(state); wrapped.listener = listener; state.wrapFn = wrapped; return wrapped; } EventEmitter.prototype.once = function once(type, listener) { checkListener(listener); this.on(type, _onceWrap(this, type, listener)); return this; }; EventEmitter.prototype.prependOnceListener = function prependOnceListener(type, listener) { checkListener(listener); this.prependListener(type, _onceWrap(this, type, listener)); return this; }; // Emits a 'removeListener' event if and only if the listener was removed. EventEmitter.prototype.removeListener = function removeListener(type, listener) { var list, events, position, i, originalListener; checkListener(listener); events = this._events; if (events === undefined) return this; list = events[type]; if (list === undefined) return this; if (list === listener || list.listener === listener) { if (--this._eventsCount === 0) this._events = Object.create(null); else { delete events[type]; if (events.removeListener) this.emit('removeListener', type, list.listener || listener); } } else if (typeof list !== 'function') { position = -1; for (i = list.length - 1; i >= 0; i--) { if (list[i] === listener || list[i].listener === listener) { originalListener = list[i].listener; position = i; break; } } if (position < 0) return this; if (position === 0) list.shift(); else { spliceOne(list, position); } if (list.length === 1) events[type] = list[0]; if (events.removeListener !== undefined) this.emit('removeListener', type, originalListener || listener); } return this; }; EventEmitter.prototype.off = EventEmitter.prototype.removeListener; EventEmitter.prototype.removeAllListeners = function removeAllListeners(type) { var listeners, events, i; events = this._events; if (events === undefined) return this; // not listening for removeListener, no need to emit if (events.removeListener === undefined) { if (arguments.length === 0) { this._events = Object.create(null); this._eventsCount = 0; } else if (events[type] !== undefined) { if (--this._eventsCount === 0) this._events = Object.create(null); else delete events[type]; } return this; } // emit removeListener for all listeners on all events if (arguments.length === 0) { var keys = Object.keys(events); var key; for (i = 0; i < keys.length; ++i) { key = keys[i]; if (key === 'removeListener') continue; this.removeAllListeners(key); } this.removeAllListeners('removeListener'); this._events = Object.create(null); this._eventsCount = 0; return this; } listeners = events[type]; if (typeof listeners === 'function') { this.removeListener(type, listeners); } else if (listeners !== undefined) { // LIFO order for (i = listeners.length - 1; i >= 0; i--) { this.removeListener(type, listeners[i]); } } return this; }; function _listeners(target, type, unwrap) { var events = target._events; if (events === undefined) return []; var evlistener = events[type]; if (evlistener === undefined) return []; if (typeof evlistener === 'function') return unwrap ? [evlistener.listener || evlistener] : [evlistener]; return unwrap ? unwrapListeners(evlistener) : arrayClone(evlistener, evlistener.length); } EventEmitter.prototype.listeners = function listeners(type) { return _listeners(this, type, true); }; EventEmitter.prototype.rawListeners = function rawListeners(type) { return _listeners(this, type, false); }; EventEmitter.listenerCount = function(emitter, type) { if (typeof emitter.listenerCount === 'function') { return emitter.listenerCount(type); } else { return listenerCount.call(emitter, type); } }; EventEmitter.prototype.listenerCount = listenerCount; function listenerCount(type) { var events = this._events; if (events !== undefined) { var evlistener = events[type]; if (typeof evlistener === 'function') { return 1; } else if (evlistener !== undefined) { return evlistener.length; } } return 0; } EventEmitter.prototype.eventNames = function eventNames() { return this._eventsCount > 0 ? ReflectOwnKeys(this._events) : []; }; function arrayClone(arr, n) { var copy = new Array(n); for (var i = 0; i < n; ++i) copy[i] = arr[i]; return copy; } function spliceOne(list, index) { for (; index + 1 < list.length; index++) list[index] = list[index + 1]; list.pop(); } function unwrapListeners(arr) { var ret = new Array(arr.length); for (var i = 0; i < ret.length; ++i) { ret[i] = arr[i].listener || arr[i]; } return ret; } function once(emitter, name) { return new Promise(function (resolve, reject) { function eventListener() { if (errorListener !== undefined) { emitter.removeListener('error', errorListener); } resolve([].slice.call(arguments)); }; var errorListener; // Adding an error listener is not optional because // if an error is thrown on an event emitter we cannot // guarantee that the actual event we are waiting will // be fired. The result could be a silent way to create // memory or file descriptor leaks, which is something // we should avoid. if (name !== 'error') { errorListener = function errorListener(err) { emitter.removeListener(name, eventListener); reject(err); }; emitter.once('error', errorListener); } emitter.once(name, eventListener); }); } },{}],7:[function(_dereq_,module,exports){ // https://d3js.org/d3-time-format/ v2.2.3 Copyright 2019 Mike Bostock (function (global, factory) { typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, _dereq_('d3-time')) : typeof define === 'function' && define.amd ? define(['exports', 'd3-time'], factory) : (global = global || self, factory(global.d3 = global.d3 || {}, global.d3)); }(this, function (exports, d3Time) { 'use strict'; function localDate(d) { if (0 <= d.y && d.y < 100) { var date = new Date(-1, d.m, d.d, d.H, d.M, d.S, d.L); date.setFullYear(d.y); return date; } return new Date(d.y, d.m, d.d, d.H, d.M, d.S, d.L); } function utcDate(d) { if (0 <= d.y && d.y < 100) { var date = new Date(Date.UTC(-1, d.m, d.d, d.H, d.M, d.S, d.L)); date.setUTCFullYear(d.y); return date; } return new Date(Date.UTC(d.y, d.m, d.d, d.H, d.M, d.S, d.L)); } function newDate(y, m, d) { return {y: y, m: m, d: d, H: 0, M: 0, S: 0, L: 0}; } function formatLocale(locale) { var locale_dateTime = locale.dateTime, locale_date = locale.date, locale_time = locale.time, locale_periods = locale.periods, locale_weekdays = locale.days, locale_shortWeekdays = locale.shortDays, locale_months = locale.months, locale_shortMonths = locale.shortMonths; var periodRe = formatRe(locale_periods), periodLookup = formatLookup(locale_periods), weekdayRe = formatRe(locale_weekdays), weekdayLookup = formatLookup(locale_weekdays), shortWeekdayRe = formatRe(locale_shortWeekdays), shortWeekdayLookup = formatLookup(locale_shortWeekdays), monthRe = formatRe(locale_months), monthLookup = formatLookup(locale_months), shortMonthRe = formatRe(locale_shortMonths), shortMonthLookup = formatLookup(locale_shortMonths); var formats = { "a": formatShortWeekday, "A": formatWeekday, "b": formatShortMonth, "B": formatMonth, "c": null, "d": formatDayOfMonth, "e": formatDayOfMonth, "f": formatMicroseconds, "H": formatHour24, "I": formatHour12, "j": formatDayOfYear, "L": formatMilliseconds, "m": formatMonthNumber, "M": formatMinutes, "p": formatPeriod, "q": formatQuarter, "Q": formatUnixTimestamp, "s": formatUnixTimestampSeconds, "S": formatSeconds, "u": formatWeekdayNumberMonday, "U": formatWeekNumberSunday, "V": formatWeekNumberISO, "w": formatWeekdayNumberSunday, "W": formatWeekNumberMonday, "x": null, "X": null, "y": formatYear, "Y": formatFullYear, "Z": formatZone, "%": formatLiteralPercent }; var utcFormats = { "a": formatUTCShortWeekday, "A": formatUTCWeekday, "b": formatUTCShortMonth, "B": formatUTCMonth, "c": null, "d": formatUTCDayOfMonth, "e": formatUTCDayOfMonth, "f": formatUTCMicroseconds, "H": formatUTCHour24, "I": formatUTCHour12, "j": formatUTCDayOfYear, "L": formatUTCMilliseconds, "m": formatUTCMonthNumber, "M": formatUTCMinutes, "p": formatUTCPeriod, "q": formatUTCQuarter, "Q": formatUnixTimestamp, "s": formatUnixTimestampSeconds, "S": formatUTCSeconds, "u": formatUTCWeekdayNumberMonday, "U": formatUTCWeekNumberSunday, "V": formatUTCWeekNumberISO, "w": formatUTCWeekdayNumberSunday, "W": formatUTCWeekNumberMonday, "x": null, "X": null, "y": formatUTCYear, "Y": formatUTCFullYear, "Z": formatUTCZone, "%": formatLiteralPercent }; var parses = { "a": parseShortWeekday, "A": parseWeekday, "b": parseShortMonth, "B": parseMonth, "c": parseLocaleDateTime, "d": parseDayOfMonth, "e": parseDayOfMonth, "f": parseMicroseconds, "H": parseHour24, "I": parseHour24, "j": parseDayOfYear, "L": parseMilliseconds, "m": parseMonthNumber, "M": parseMinutes, "p": parsePeriod, "q": parseQuarter, "Q": parseUnixTimestamp, "s": parseUnixTimestampSeconds, "S": parseSeconds, "u": parseWeekdayNumberMonday, "U": parseWeekNumberSunday, "V": parseWeekNumberISO, "w": parseWeekdayNumberSunday, "W": parseWeekNumberMonday, "x": parseLocaleDate, "X": parseLocaleTime, "y": parseYear, "Y": parseFullYear, "Z": parseZone, "%": parseLiteralPercent }; // These recursive directive definitions must be deferred. formats.x = newFormat(locale_date, formats); formats.X = newFormat(locale_time, formats); formats.c = newFormat(locale_dateTime, formats); utcFormats.x = newFormat(locale_date, utcFormats); utcFormats.X = newFormat(locale_time, utcFormats); utcFormats.c = newFormat(locale_dateTime, utcFormats); function newFormat(specifier, formats) { return function(date) { var string = [], i = -1, j = 0, n = specifier.length, c, pad, format; if (!(date instanceof Date)) date = new Date(+date); while (++i < n) { if (specifier.charCodeAt(i) === 37) { string.push(specifier.slice(j, i)); if ((pad = pads[c = specifier.charAt(++i)]) != null) c = specifier.charAt(++i); else pad = c === "e" ? " " : "0"; if (format = formats[c]) c = format(date, pad); string.push(c); j = i + 1; } } string.push(specifier.slice(j, i)); return string.join(""); }; } function newParse(specifier, Z) { return function(string) { var d = newDate(1900, undefined, 1), i = parseSpecifier(d, specifier, string += "", 0), week, day; if (i != string.length) return null; // If a UNIX timestamp is specified, return it. if ("Q" in d) return new Date(d.Q); if ("s" in d) return new Date(d.s * 1000 + ("L" in d ? d.L : 0)); // If this is utcParse, never use the local timezone. if (Z && !("Z" in d)) d.Z = 0; // The am-pm flag is 0 for AM, and 1 for PM. if ("p" in d) d.H = d.H % 12 + d.p * 12; // If the month was not specified, inherit from the quarter. if (d.m === undefined) d.m = "q" in d ? d.q : 0; // Convert day-of-week and week-of-year to day-of-year. if ("V" in d) { if (d.V < 1 || d.V > 53) return null; if (!("w" in d)) d.w = 1; if ("Z" in d) { week = utcDate(newDate(d.y, 0, 1)), day = week.getUTCDay(); week = day > 4 || day === 0 ? d3Time.utcMonday.ceil(week) : d3Time.utcMonday(week); week = d3Time.utcDay.offset(week, (d.V - 1) * 7); d.y = week.getUTCFullYear(); d.m = week.getUTCMonth(); d.d = week.getUTCDate() + (d.w + 6) % 7; } else { week = localDate(newDate(d.y, 0, 1)), day = week.getDay(); week = day > 4 || day === 0 ? d3Time.timeMonday.ceil(week) : d3Time.timeMonday(week); week = d3Time.timeDay.offset(week, (d.V - 1) * 7); d.y = week.getFullYear(); d.m = week.getMonth(); d.d = week.getDate() + (d.w + 6) % 7; } } else if ("W" in d || "U" in d) { if (!("w" in d)) d.w = "u" in d ? d.u % 7 : "W" in d ? 1 : 0; day = "Z" in d ? utcDate(newDate(d.y, 0, 1)).getUTCDay() : localDate(newDate(d.y, 0, 1)).getDay(); d.m = 0; d.d = "W" in d ? (d.w + 6) % 7 + d.W * 7 - (day + 5) % 7 : d.w + d.U * 7 - (day + 6) % 7; } // If a time zone is specified, all fields are interpreted as UTC and then // offset according to the specified time zone. if ("Z" in d) { d.H += d.Z / 100 | 0; d.M += d.Z % 100; return utcDate(d); } // Otherwise, all fields are in local time. return localDate(d); }; } function parseSpecifier(d, specifier, string, j) { var i = 0, n = specifier.length, m = string.length, c, parse; while (i < n) { if (j >= m) return -1; c = specifier.charCodeAt(i++); if (c === 37) { c = specifier.charAt(i++); parse = parses[c in pads ? specifier.charAt(i++) : c]; if (!parse || ((j = parse(d, string, j)) < 0)) return -1; } else if (c != string.charCodeAt(j++)) { return -1; } } return j; } function parsePeriod(d, string, i) { var n = periodRe.exec(string.slice(i)); return n ? (d.p = periodLookup[n[0].toLowerCase()], i + n[0].length) : -1; } function parseShortWeekday(d, string, i) { var n = shortWeekdayRe.exec(string.slice(i)); return n ? (d.w = shortWeekdayLookup[n[0].toLowerCase()], i + n[0].length) : -1; } function parseWeekday(d, string, i) { var n = weekdayRe.exec(string.slice(i)); return n ? (d.w = weekdayLookup[n[0].toLowerCase()], i + n[0].length) : -1; } function parseShortMonth(d, string, i) { var n = shortMonthRe.exec(string.slice(i)); return n ? (d.m = shortMonthLookup[n[0].toLowerCase()], i + n[0].length) : -1; } function parseMonth(d, string, i) { var n = monthRe.exec(string.slice(i)); return n ? (d.m = monthLookup[n[0].toLowerCase()], i + n[0].length) : -1; } function parseLocaleDateTime(d, string, i) { return parseSpecifier(d, locale_dateTime, string, i); } function parseLocaleDate(d, string, i) { return parseSpecifier(d, locale_date, string, i); } function parseLocaleTime(d, string, i) { return parseSpecifier(d, locale_time, string, i); } function formatShortWeekday(d) { return locale_shortWeekdays[d.getDay()]; } function formatWeekday(d) { return locale_weekdays[d.getDay()]; } function formatShortMonth(d) { return locale_shortMonths[d.getMonth()]; } function formatMonth(d) { return locale_months[d.getMonth()]; } function formatPeriod(d) { return locale_periods[+(d.getHours() >= 12)]; } function formatQuarter(d) { return 1 + ~~(d.getMonth() / 3); } function formatUTCShortWeekday(d) { return locale_shortWeekdays[d.getUTCDay()]; } function formatUTCWeekday(d) { return locale_weekdays[d.getUTCDay()]; } function formatUTCShortMonth(d) { return locale_shortMonths[d.getUTCMonth()]; } function formatUTCMonth(d) { return locale_months[d.getUTCMonth()]; } function formatUTCPeriod(d) { return locale_periods[+(d.getUTCHours() >= 12)]; } function formatUTCQuarter(d) { return 1 + ~~(d.getUTCMonth() / 3); } return { format: function(specifier) { var f = newFormat(specifier += "", formats); f.toString = function() { return specifier; }; return f; }, parse: function(specifier) { var p = newParse(specifier += "", false); p.toString = function() { return specifier; }; return p; }, utcFormat: function(specifier) { var f = newFormat(specifier += "", utcFormats); f.toString = function() { return specifier; }; return f; }, utcParse: function(specifier) { var p = newParse(specifier += "", true); p.toString = function() { return specifier; }; return p; } }; } var pads = {"-": "", "_": " ", "0": "0"}, numberRe = /^\s*\d+/, // note: ignores next directive percentRe = /^%/, requoteRe = /[\\^$*+?|[\]().{}]/g; function pad(value, fill, width) { var sign = value < 0 ? "-" : "", string = (sign ? -value : value) + "", length = string.length; return sign + (length < width ? new Array(width - length + 1).join(fill) + string : string); } function requote(s) { return s.replace(requoteRe, "\\$&"); } function formatRe(names) { return new RegExp("^(?:" + names.map(requote).join("|") + ")", "i"); } function formatLookup(names) { var map = {}, i = -1, n = names.length; while (++i < n) map[names[i].toLowerCase()] = i; return map; } function parseWeekdayNumberSunday(d, string, i) { var n = numberRe.exec(string.slice(i, i + 1)); return n ? (d.w = +n[0], i + n[0].length) : -1; } function parseWeekdayNumberMonday(d, string, i) { var n = numberRe.exec(string.slice(i, i + 1)); return n ? (d.u = +n[0], i + n[0].length) : -1; } function parseWeekNumberSunday(d, string, i) { var n = numberRe.exec(string.slice(i, i + 2)); return n ? (d.U = +n[0], i + n[0].length) : -1; } function parseWeekNumberISO(d, string, i) { var n = numberRe.exec(string.slice(i, i + 2)); return n ? (d.V = +n[0], i + n[0].length) : -1; } function parseWeekNumberMonday(d, string, i) { var n = numberRe.exec(string.slice(i, i + 2)); return n ? (d.W = +n[0], i + n[0].length) : -1; } function parseFullYear(d, string, i) { var n = numberRe.exec(string.slice(i, i + 4)); return n ? (d.y = +n[0], i + n[0].length) : -1; } function parseYear(d, string, i) { var n = numberRe.exec(string.slice(i, i + 2)); return n ? (d.y = +n[0] + (+n[0] > 68 ? 1900 : 2000), i + n[0].length) : -1; } function parseZone(d, string, i) { var n = /^(Z)|([+-]\d\d)(?::?(\d\d))?/.exec(string.slice(i, i + 6)); return n ? (d.Z = n[1] ? 0 : -(n[2] + (n[3] || "00")), i + n[0].length) : -1; } function parseQuarter(d, string, i) { var n = numberRe.exec(string.slice(i, i + 1)); return n ? (d.q = n[0] * 3 - 3, i + n[0].length) : -1; } function parseMonthNumber(d, string, i) { var n = numberRe.exec(string.slice(i, i + 2)); return n ? (d.m = n[0] - 1, i + n[0].length) : -1; } function parseDayOfMonth(d, string, i) { var n = numberRe.exec(string.slice(i, i + 2)); return n ? (d.d = +n[0], i + n[0].length) : -1; } function parseDayOfYear(d, string, i) { var n = numberRe.exec(string.slice(i, i + 3)); return n ? (d.m = 0, d.d = +n[0], i + n[0].length) : -1; } function parseHour24(d, string, i) { var n = numberRe.exec(string.slice(i, i + 2)); return n ? (d.H = +n[0], i + n[0].length) : -1; } function parseMinutes(d, string, i) { var n = numberRe.exec(string.slice(i, i + 2)); return n ? (d.M = +n[0], i + n[0].length) : -1; } function parseSeconds(d, string, i) { var n = numberRe.exec(string.slice(i, i + 2)); return n ? (d.S = +n[0], i + n[0].length) : -1; } function parseMilliseconds(d, string, i) { var n = numberRe.exec(string.slice(i, i + 3)); return n ? (d.L = +n[0], i + n[0].length) : -1; } function parseMicroseconds(d, string, i) { var n = numberRe.exec(string.slice(i, i + 6)); return n ? (d.L = Math.floor(n[0] / 1000), i + n[0].length) : -1; } function parseLiteralPercent(d, string, i) { var n = percentRe.exec(string.slice(i, i + 1)); return n ? i + n[0].length : -1; } function parseUnixTimestamp(d, string, i) { var n = numberRe.exec(string.slice(i)); return n ? (d.Q = +n[0], i + n[0].length) : -1; } function parseUnixTimestampSeconds(d, string, i) { var n = numberRe.exec(string.slice(i)); return n ? (d.s = +n[0], i + n[0].length) : -1; } function formatDayOfMonth(d, p) { return pad(d.getDate(), p, 2); } function formatHour24(d, p) { return pad(d.getHours(), p, 2); } function formatHour12(d, p) { return pad(d.getHours() % 12 || 12, p, 2); } function formatDayOfYear(d, p) { return pad(1 + d3Time.timeDay.count(d3Time.timeYear(d), d), p, 3); } function formatMilliseconds(d, p) { return pad(d.getMilliseconds(), p, 3); } function formatMicroseconds(d, p) { return formatMilliseconds(d, p) + "000"; } function formatMonthNumber(d, p) { return pad(d.getMonth() + 1, p, 2); } function formatMinutes(d, p) { return pad(d.getMinutes(), p, 2); } function formatSeconds(d, p) { return pad(d.getSeconds(), p, 2); } function formatWeekdayNumberMonday(d) { var day = d.getDay(); return day === 0 ? 7 : day; } function formatWeekNumberSunday(d, p) { return pad(d3Time.timeSunday.count(d3Time.timeYear(d) - 1, d), p, 2); } function formatWeekNumberISO(d, p) { var day = d.getDay(); d = (day >= 4 || day === 0) ? d3Time.timeThursday(d) : d3Time.timeThursday.ceil(d); return pad(d3Time.timeThursday.count(d3Time.timeYear(d), d) + (d3Time.timeYear(d).getDay() === 4), p, 2); } function formatWeekdayNumberSunday(d) { return d.getDay(); } function formatWeekNumberMonday(d, p) { return pad(d3Time.timeMonday.count(d3Time.timeYear(d) - 1, d), p, 2); } function formatYear(d, p) { return pad(d.getFullYear() % 100, p, 2); } function formatFullYear(d, p) { return pad(d.getFullYear() % 10000, p, 4); } function formatZone(d) { var z = d.getTimezoneOffset(); return (z > 0 ? "-" : (z *= -1, "+")) + pad(z / 60 | 0, "0", 2) + pad(z % 60, "0", 2); } function formatUTCDayOfMonth(d, p) { return pad(d.getUTCDate(), p, 2); } function formatUTCHour24(d, p) { return pad(d.getUTCHours(), p, 2); } function formatUTCHour12(d, p) { return pad(d.getUTCHours() % 12 || 12, p, 2); } function formatUTCDayOfYear(d, p) { return pad(1 + d3Time.utcDay.count(d3Time.utcYear(d), d), p, 3); } function formatUTCMilliseconds(d, p) { return pad(d.getUTCMilliseconds(), p, 3); } function formatUTCMicroseconds(d, p) { return formatUTCMilliseconds(d, p) + "000"; } function formatUTCMonthNumber(d, p) { return pad(d.getUTCMonth() + 1, p, 2); } function formatUTCMinutes(d, p) { return pad(d.getUTCMinutes(), p, 2); } function formatUTCSeconds(d, p) { return pad(d.getUTCSeconds(), p, 2); } function formatUTCWeekdayNumberMonday(d) { var dow = d.getUTCDay(); return dow === 0 ? 7 : dow; } function formatUTCWeekNumberSunday(d, p) { return pad(d3Time.utcSunday.count(d3Time.utcYear(d) - 1, d), p, 2); } function formatUTCWeekNumberISO(d, p) { var day = d.getUTCDay(); d = (day >= 4 || day === 0) ? d3Time.utcThursday(d) : d3Time.utcThursday.ceil(d); return pad(d3Time.utcThursday.count(d3Time.utcYear(d), d) + (d3Time.utcYear(d).getUTCDay() === 4), p, 2); } function formatUTCWeekdayNumberSunday(d) { return d.getUTCDay(); } function formatUTCWeekNumberMonday(d, p) { return pad(d3Time.utcMonday.count(d3Time.utcYear(d) - 1, d), p, 2); } function formatUTCYear(d, p) { return pad(d.getUTCFullYear() % 100, p, 2); } function formatUTCFullYear(d, p) { return pad(d.getUTCFullYear() % 10000, p, 4); } function formatUTCZone() { return "+0000"; } function formatLiteralPercent() { return "%"; } function formatUnixTimestamp(d) { return +d; } function formatUnixTimestampSeconds(d) { return Math.floor(+d / 1000); } var locale; defaultLocale({ dateTime: "%x, %X", date: "%-m/%-d/%Y", time: "%-I:%M:%S %p", periods: ["AM", "PM"], days: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"], shortDays: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], months: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], shortMonths: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"] }); function defaultLocale(definition) { locale = formatLocale(definition); exports.timeFormat = locale.format; exports.timeParse = locale.parse; exports.utcFormat = locale.utcFormat; exports.utcParse = locale.utcParse; return locale; } var isoSpecifier = "%Y-%m-%dT%H:%M:%S.%LZ"; function formatIsoNative(date) { return date.toISOString(); } var formatIso = Date.prototype.toISOString ? formatIsoNative : exports.utcFormat(isoSpecifier); function parseIsoNative(string) { var date = new Date(string); return isNaN(date) ? null : date; } var parseIso = +new Date("2000-01-01T00:00:00.000Z") ? parseIsoNative : exports.utcParse(isoSpecifier); exports.isoFormat = formatIso; exports.isoParse = parseIso; exports.timeFormatDefaultLocale = defaultLocale; exports.timeFormatLocale = formatLocale; Object.defineProperty(exports, '__esModule', { value: true }); })); },{"d3-time":8}],8:[function(_dereq_,module,exports){ // https://d3js.org/d3-time/ v1.1.0 Copyright 2019 Mike Bostock (function (global, factory) { typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) : typeof define === 'function' && define.amd ? define(['exports'], factory) : (global = global || self, factory(global.d3 = global.d3 || {})); }(this, function (exports) { 'use strict'; var t0 = new Date, t1 = new Date; function newInterval(floori, offseti, count, field) { function interval(date) { return floori(date = arguments.length === 0 ? new Date : new Date(+date)), date; } interval.floor = function(date) { return floori(date = new Date(+date)), date; }; interval.ceil = function(date) { return floori(date = new Date(date - 1)), offseti(date, 1), floori(date), date; }; interval.round = function(date) { var d0 = interval(date), d1 = interval.ceil(date); return date - d0 < d1 - date ? d0 : d1; }; interval.offset = function(date, step) { return offseti(date = new Date(+date), step == null ? 1 : Math.floor(step)), date; }; interval.range = function(start, stop, step) { var range = [], previous; start = interval.ceil(start); step = step == null ? 1 : Math.floor(step); if (!(start < stop) || !(step > 0)) return range; // also handles Invalid Date do range.push(previous = new Date(+start)), offseti(start, step), floori(start); while (previous < start && start < stop); return range; }; interval.filter = function(test) { return newInterval(function(date) { if (date >= date) while (floori(date), !test(date)) date.setTime(date - 1); }, function(date, step) { if (date >= date) { if (step < 0) while (++step <= 0) { while (offseti(date, -1), !test(date)) {} // eslint-disable-line no-empty } else while (--step >= 0) { while (offseti(date, +1), !test(date)) {} // eslint-disable-line no-empty } } }); }; if (count) { interval.count = function(start, end) { t0.setTime(+start), t1.setTime(+end); floori(t0), floori(t1); return Math.floor(count(t0, t1)); }; interval.every = function(step) { step = Math.floor(step); return !isFinite(step) || !(step > 0) ? null : !(step > 1) ? interval : interval.filter(field ? function(d) { return field(d) % step === 0; } : function(d) { return interval.count(0, d) % step === 0; }); }; } return interval; } var millisecond = newInterval(function() { // noop }, function(date, step) { date.setTime(+date + step); }, function(start, end) { return end - start; }); // An optimized implementation for this simple case. millisecond.every = function(k) { k = Math.floor(k); if (!isFinite(k) || !(k > 0)) return null; if (!(k > 1)) return millisecond; return newInterval(function(date) { date.setTime(Math.floor(date / k) * k); }, function(date, step) { date.setTime(+date + step * k); }, function(start, end) { return (end - start) / k; }); }; var milliseconds = millisecond.range; var durationSecond = 1e3; var durationMinute = 6e4; var durationHour = 36e5; var durationDay = 864e5; var durationWeek = 6048e5; var second = newInterval(function(date) { date.setTime(date - date.getMilliseconds()); }, function(date, step) { date.setTime(+date + step * durationSecond); }, function(start, end) { return (end - start) / durationSecond; }, function(date) { return date.getUTCSeconds(); }); var seconds = second.range; var minute = newInterval(function(date) { date.setTime(date - date.getMilliseconds() - date.getSeconds() * durationSecond); }, function(date, step) { date.setTime(+date + step * durationMinute); }, function(start, end) { return (end - start) / durationMinute; }, function(date) { return date.getMinutes(); }); var minutes = minute.range; var hour = newInterval(function(date) { date.setTime(date - date.getMilliseconds() - date.getSeconds() * durationSecond - date.getMinutes() * durationMinute); }, function(date, step) { date.setTime(+date + step * durationHour); }, function(start, end) { return (end - start) / durationHour; }, function(date) { return date.getHours(); }); var hours = hour.range; var day = newInterval(function(date) { date.setHours(0, 0, 0, 0); }, function(date, step) { date.setDate(date.getDate() + step); }, function(start, end) { return (end - start - (end.getTimezoneOffset() - start.getTimezoneOffset()) * durationMinute) / durationDay; }, function(date) { return date.getDate() - 1; }); var days = day.range; function weekday(i) { return newInterval(function(date) { date.setDate(date.getDate() - (date.getDay() + 7 - i) % 7); date.setHours(0, 0, 0, 0); }, function(date, step) { date.setDate(date.getDate() + step * 7); }, function(start, end) { return (end - start - (end.getTimezoneOffset() - start.getTimezoneOffset()) * durationMinute) / durationWeek; }); } var sunday = weekday(0); var monday = weekday(1); var tuesday = weekday(2); var wednesday = weekday(3); var thursday = weekday(4); var friday = weekday(5); var saturday = weekday(6); var sundays = sunday.range; var mondays = monday.range; var tuesdays = tuesday.range; var wednesdays = wednesday.range; var thursdays = thursday.range; var fridays = friday.range; var saturdays = saturday.range; var month = newInterval(function(date) { date.setDate(1); date.setHours(0, 0, 0, 0); }, function(date, step) { date.setMonth(date.getMonth() + step); }, function(start, end) { return end.getMonth() - start.getMonth() + (end.getFullYear() - start.getFullYear()) * 12; }, function(date) { return date.getMonth(); }); var months = month.range; var year = newInterval(function(date) { date.setMonth(0, 1); date.setHours(0, 0, 0, 0); }, function(date, step) { date.setFullYear(date.getFullYear() + step); }, function(start, end) { return end.getFullYear() - start.getFullYear(); }, function(date) { return date.getFullYear(); }); // An optimized implementation for this simple case. year.every = function(k) { return !isFinite(k = Math.floor(k)) || !(k > 0) ? null : newInterval(function(date) { date.setFullYear(Math.floor(date.getFullYear() / k) * k); date.setMonth(0, 1); date.setHours(0, 0, 0, 0); }, function(date, step) { date.setFullYear(date.getFullYear() + step * k); }); }; var years = year.range; var utcMinute = newInterval(function(date) { date.setUTCSeconds(0, 0); }, function(date, step) { date.setTime(+date + step * durationMinute); }, function(start, end) { return (end - start) / durationMinute; }, function(date) { return date.getUTCMinutes(); }); var utcMinutes = utcMinute.range; var utcHour = newInterval(function(date) { date.setUTCMinutes(0, 0, 0); }, function(date, step) { date.setTime(+date + step * durationHour); }, function(start, end) { return (end - start) / durationHour; }, function(date) { return date.getUTCHours(); }); var utcHours = utcHour.range; var utcDay = newInterval(function(date) { date.setUTCHours(0, 0, 0, 0); }, function(date, step) { date.setUTCDate(date.getUTCDate() + step); }, function(start, end) { return (end - start) / durationDay; }, function(date) { return date.getUTCDate() - 1; }); var utcDays = utcDay.range; function utcWeekday(i) { return newInterval(function(date) { date.setUTCDate(date.getUTCDate() - (date.getUTCDay() + 7 - i) % 7); date.setUTCHours(0, 0, 0, 0); }, function(date, step) { date.setUTCDate(date.getUTCDate() + step * 7); }, function(start, end) { return (end - start) / durationWeek; }); } var utcSunday = utcWeekday(0); var utcMonday = utcWeekday(1); var utcTuesday = utcWeekday(2); var utcWednesday = utcWeekday(3); var utcThursday = utcWeekday(4); var utcFriday = utcWeekday(5); var utcSaturday = utcWeekday(6); var utcSundays = utcSunday.range; var utcMondays = utcMonday.range; var utcTuesdays = utcTuesday.range; var utcWednesdays = utcWednesday.range; var utcThursdays = utcThursday.range; var utcFridays = utcFriday.range; var utcSaturdays = utcSaturday.range; var utcMonth = newInterval(function(date) { date.setUTCDate(1); date.setUTCHours(0, 0, 0, 0); }, function(date, step) { date.setUTCMonth(date.getUTCMonth() + step); }, function(start, end) { return end.getUTCMonth() - start.getUTCMonth() + (end.getUTCFullYear() - start.getUTCFullYear()) * 12; }, function(date) { return date.getUTCMonth(); }); var utcMonths = utcMonth.range; var utcYear = newInterval(function(date) { date.setUTCMonth(0, 1); date.setUTCHours(0, 0, 0, 0); }, function(date, step) { date.setUTCFullYear(date.getUTCFullYear() + step); }, function(start, end) { return end.getUTCFullYear() - start.getUTCFullYear(); }, function(date) { return date.getUTCFullYear(); }); // An optimized implementation for this simple case. utcYear.every = function(k) { return !isFinite(k = Math.floor(k)) || !(k > 0) ? null : newInterval(function(date) { date.setUTCFullYear(Math.floor(date.getUTCFullYear() / k) * k); date.setUTCMonth(0, 1); date.setUTCHours(0, 0, 0, 0); }, function(date, step) { date.setUTCFullYear(date.getUTCFullYear() + step * k); }); }; var utcYears = utcYear.range; exports.timeDay = day; exports.timeDays = days; exports.timeFriday = friday; exports.timeFridays = fridays; exports.timeHour = hour; exports.timeHours = hours; exports.timeInterval = newInterval; exports.timeMillisecond = millisecond; exports.timeMilliseconds = milliseconds; exports.timeMinute = minute; exports.timeMinutes = minutes; exports.timeMonday = monday; exports.timeMondays = mondays; exports.timeMonth = month; exports.timeMonths = months; exports.timeSaturday = saturday; exports.timeSaturdays = saturdays; exports.timeSecond = second; exports.timeSeconds = seconds; exports.timeSunday = sunday; exports.timeSundays = sundays; exports.timeThursday = thursday; exports.timeThursdays = thursdays; exports.timeTuesday = tuesday; exports.timeTuesdays = tuesdays; exports.timeWednesday = wednesday; exports.timeWednesdays = wednesdays; exports.timeWeek = sunday; exports.timeWeeks = sundays; exports.timeYear = year; exports.timeYears = years; exports.utcDay = utcDay; exports.utcDays = utcDays; exports.utcFriday = utcFriday; exports.utcFridays = utcFridays; exports.utcHour = utcHour; exports.utcHours = utcHours; exports.utcMillisecond = millisecond; exports.utcMilliseconds = milliseconds; exports.utcMinute = utcMinute; exports.utcMinutes = utcMinutes; exports.utcMonday = utcMonday; exports.utcMondays = utcMondays; exports.utcMonth = utcMonth; exports.utcMonths = utcMonths; exports.utcSaturday = utcSaturday; exports.utcSaturdays = utcSaturdays; exports.utcSecond = second; exports.utcSeconds = seconds; exports.utcSunday = utcSunday; exports.utcSundays = utcSundays; exports.utcThursday = utcThursday; exports.utcThursdays = utcThursdays; exports.utcTuesday = utcTuesday; exports.utcTuesdays = utcTuesdays; exports.utcWednesday = utcWednesday; exports.utcWednesdays = utcWednesdays; exports.utcWeek = utcSunday; exports.utcWeeks = utcSundays; exports.utcYear = utcYear; exports.utcYears = utcYears; Object.defineProperty(exports, '__esModule', { value: true }); })); },{}],9:[function(_dereq_,module,exports){ !function() { var d3 = { version: "3.5.17" }; var d3_arraySlice = [].slice, d3_array = function(list) { return d3_arraySlice.call(list); }; var d3_document = this.document; function d3_documentElement(node) { return node && (node.ownerDocument || node.document || node).documentElement; } function d3_window(node) { return node && (node.ownerDocument && node.ownerDocument.defaultView || node.document && node || node.defaultView); } if (d3_document) { try { d3_array(d3_document.documentElement.childNodes)[0].nodeType; } catch (e) { d3_array = function(list) { var i = list.length, array = new Array(i); while (i--) array[i] = list[i]; return array; }; } } if (!Date.now) Date.now = function() { return +new Date(); }; if (d3_document) { try { d3_document.createElement("DIV").style.setProperty("opacity", 0, ""); } catch (error) { var d3_element_prototype = this.Element.prototype, d3_element_setAttribute = d3_element_prototype.setAttribute, d3_element_setAttributeNS = d3_element_prototype.setAttributeNS, d3_style_prototype = this.CSSStyleDeclaration.prototype, d3_style_setProperty = d3_style_prototype.setProperty; d3_element_prototype.setAttribute = function(name, value) { d3_element_setAttribute.call(this, name, value + ""); }; d3_element_prototype.setAttributeNS = function(space, local, value) { d3_element_setAttributeNS.call(this, space, local, value + ""); }; d3_style_prototype.setProperty = function(name, value, priority) { d3_style_setProperty.call(this, name, value + "", priority); }; } } d3.ascending = d3_ascending; function d3_ascending(a, b) { return a < b ? -1 : a > b ? 1 : a >= b ? 0 : NaN; } d3.descending = function(a, b) { return b < a ? -1 : b > a ? 1 : b >= a ? 0 : NaN; }; d3.min = function(array, f) { var i = -1, n = array.length, a, b; if (arguments.length === 1) { while (++i < n) if ((b = array[i]) != null && b >= b) { a = b; break; } while (++i < n) if ((b = array[i]) != null && a > b) a = b; } else { while (++i < n) if ((b = f.call(array, array[i], i)) != null && b >= b) { a = b; break; } while (++i < n) if ((b = f.call(array, array[i], i)) != null && a > b) a = b; } return a; }; d3.max = function(array, f) { var i = -1, n = array.length, a, b; if (arguments.length === 1) { while (++i < n) if ((b = array[i]) != null && b >= b) { a = b; break; } while (++i < n) if ((b = array[i]) != null && b > a) a = b; } else { while (++i < n) if ((b = f.call(array, array[i], i)) != null && b >= b) { a = b; break; } while (++i < n) if ((b = f.call(array, array[i], i)) != null && b > a) a = b; } return a; }; d3.extent = function(array, f) { var i = -1, n = array.length, a, b, c; if (arguments.length === 1) { while (++i < n) if ((b = array[i]) != null && b >= b) { a = c = b; break; } while (++i < n) if ((b = array[i]) != null) { if (a > b) a = b; if (c < b) c = b; } } else { while (++i < n) if ((b = f.call(array, array[i], i)) != null && b >= b) { a = c = b; break; } while (++i < n) if ((b = f.call(array, array[i], i)) != null) { if (a > b) a = b; if (c < b) c = b; } } return [ a, c ]; }; function d3_number(x) { return x === null ? NaN : +x; } function d3_numeric(x) { return !isNaN(x); } d3.sum = function(array, f) { var s = 0, n = array.length, a, i = -1; if (arguments.length === 1) { while (++i < n) if (d3_numeric(a = +array[i])) s += a; } else { while (++i < n) if (d3_numeric(a = +f.call(array, array[i], i))) s += a; } return s; }; d3.mean = function(array, f) { var s = 0, n = array.length, a, i = -1, j = n; if (arguments.length === 1) { while (++i < n) if (d3_numeric(a = d3_number(array[i]))) s += a; else --j; } else { while (++i < n) if (d3_numeric(a = d3_number(f.call(array, array[i], i)))) s += a; else --j; } if (j) return s / j; }; d3.quantile = function(values, p) { var H = (values.length - 1) * p + 1, h = Math.floor(H), v = +values[h - 1], e = H - h; return e ? v + e * (values[h] - v) : v; }; d3.median = function(array, f) { var numbers = [], n = array.length, a, i = -1; if (arguments.length === 1) { while (++i < n) if (d3_numeric(a = d3_number(array[i]))) numbers.push(a); } else { while (++i < n) if (d3_numeric(a = d3_number(f.call(array, array[i], i)))) numbers.push(a); } if (numbers.length) return d3.quantile(numbers.sort(d3_ascending), .5); }; d3.variance = function(array, f) { var n = array.length, m = 0, a, d, s = 0, i = -1, j = 0; if (arguments.length === 1) { while (++i < n) { if (d3_numeric(a = d3_number(array[i]))) { d = a - m; m += d / ++j; s += d * (a - m); } } } else { while (++i < n) { if (d3_numeric(a = d3_number(f.call(array, array[i], i)))) { d = a - m; m += d / ++j; s += d * (a - m); } } } if (j > 1) return s / (j - 1); }; d3.deviation = function() { var v = d3.variance.apply(this, arguments); return v ? Math.sqrt(v) : v; }; function d3_bisector(compare) { return { left: function(a, x, lo, hi) { if (arguments.length < 3) lo = 0; if (arguments.length < 4) hi = a.length; while (lo < hi) { var mid = lo + hi >>> 1; if (compare(a[mid], x) < 0) lo = mid + 1; else hi = mid; } return lo; }, right: function(a, x, lo, hi) { if (arguments.length < 3) lo = 0; if (arguments.length < 4) hi = a.length; while (lo < hi) { var mid = lo + hi >>> 1; if (compare(a[mid], x) > 0) hi = mid; else lo = mid + 1; } return lo; } }; } var d3_bisect = d3_bisector(d3_ascending); d3.bisectLeft = d3_bisect.left; d3.bisect = d3.bisectRight = d3_bisect.right; d3.bisector = function(f) { return d3_bisector(f.length === 1 ? function(d, x) { return d3_ascending(f(d), x); } : f); }; d3.shuffle = function(array, i0, i1) { if ((m = arguments.length) < 3) { i1 = array.length; if (m < 2) i0 = 0; } var m = i1 - i0, t, i; while (m) { i = Math.random() * m-- | 0; t = array[m + i0], array[m + i0] = array[i + i0], array[i + i0] = t; } return array; }; d3.permute = function(array, indexes) { var i = indexes.length, permutes = new Array(i); while (i--) permutes[i] = array[indexes[i]]; return permutes; }; d3.pairs = function(array) { var i = 0, n = array.length - 1, p0, p1 = array[0], pairs = new Array(n < 0 ? 0 : n); while (i < n) pairs[i] = [ p0 = p1, p1 = array[++i] ]; return pairs; }; d3.transpose = function(matrix) { if (!(n = matrix.length)) return []; for (var i = -1, m = d3.min(matrix, d3_transposeLength), transpose = new Array(m); ++i < m; ) { for (var j = -1, n, row = transpose[i] = new Array(n); ++j < n; ) { row[j] = matrix[j][i]; } } return transpose; }; function d3_transposeLength(d) { return d.length; } d3.zip = function() { return d3.transpose(arguments); }; d3.keys = function(map) { var keys = []; for (var key in map) keys.push(key); return keys; }; d3.values = function(map) { var values = []; for (var key in map) values.push(map[key]); return values; }; d3.entries = function(map) { var entries = []; for (var key in map) entries.push({ key: key, value: map[key] }); return entries; }; d3.merge = function(arrays) { var n = arrays.length, m, i = -1, j = 0, merged, array; while (++i < n) j += arrays[i].length; merged = new Array(j); while (--n >= 0) { array = arrays[n]; m = array.length; while (--m >= 0) { merged[--j] = array[m]; } } return merged; }; var abs = Math.abs; d3.range = function(start, stop, step) { if (arguments.length < 3) { step = 1; if (arguments.length < 2) { stop = start; start = 0; } } if ((stop - start) / step === Infinity) throw new Error("infinite range"); var range = [], k = d3_range_integerScale(abs(step)), i = -1, j; start *= k, stop *= k, step *= k; if (step < 0) while ((j = start + step * ++i) > stop) range.push(j / k); else while ((j = start + step * ++i) < stop) range.push(j / k); return range; }; function d3_range_integerScale(x) { var k = 1; while (x * k % 1) k *= 10; return k; } function d3_class(ctor, properties) { for (var key in properties) { Object.defineProperty(ctor.prototype, key, { value: properties[key], enumerable: false }); } } d3.map = function(object, f) { var map = new d3_Map(); if (object instanceof d3_Map) { object.forEach(function(key, value) { map.set(key, value); }); } else if (Array.isArray(object)) { var i = -1, n = object.length, o; if (arguments.length === 1) while (++i < n) map.set(i, object[i]); else while (++i < n) map.set(f.call(object, o = object[i], i), o); } else { for (var key in object) map.set(key, object[key]); } return map; }; function d3_Map() { this._ = Object.create(null); } var d3_map_proto = "__proto__", d3_map_zero = "\x00"; d3_class(d3_Map, { has: d3_map_has, get: function(key) { return this._[d3_map_escape(key)]; }, set: function(key, value) { return this._[d3_map_escape(key)] = value; }, remove: d3_map_remove, keys: d3_map_keys, values: function() { var values = []; for (var key in this._) values.push(this._[key]); return values; }, entries: function() { var entries = []; for (var key in this._) entries.push({ key: d3_map_unescape(key), value: this._[key] }); return entries; }, size: d3_map_size, empty: d3_map_empty, forEach: function(f) { for (var key in this._) f.call(this, d3_map_unescape(key), this._[key]); } }); function d3_map_escape(key) { return (key += "") === d3_map_proto || key[0] === d3_map_zero ? d3_map_zero + key : key; } function d3_map_unescape(key) { return (key += "")[0] === d3_map_zero ? key.slice(1) : key; } function d3_map_has(key) { return d3_map_escape(key) in this._; } function d3_map_remove(key) { return (key = d3_map_escape(key)) in this._ && delete this._[key]; } function d3_map_keys() { var keys = []; for (var key in this._) keys.push(d3_map_unescape(key)); return keys; } function d3_map_size() { var size = 0; for (var key in this._) ++size; return size; } function d3_map_empty() { for (var key in this._) return false; return true; } d3.nest = function() { var nest = {}, keys = [], sortKeys = [], sortValues, rollup; function map(mapType, array, depth) { if (depth >= keys.length) return rollup ? rollup.call(nest, array) : sortValues ? array.sort(sortValues) : array; var i = -1, n = array.length, key = keys[depth++], keyValue, object, setter, valuesByKey = new d3_Map(), values; while (++i < n) { if (values = valuesByKey.get(keyValue = key(object = array[i]))) { values.push(object); } else { valuesByKey.set(keyValue, [ object ]); } } if (mapType) { object = mapType(); setter = function(keyValue, values) { object.set(keyValue, map(mapType, values, depth)); }; } else { object = {}; setter = function(keyValue, values) { object[keyValue] = map(mapType, values, depth); }; } valuesByKey.forEach(setter); return object; } function entries(map, depth) { if (depth >= keys.length) return map; var array = [], sortKey = sortKeys[depth++]; map.forEach(function(key, keyMap) { array.push({ key: key, values: entries(keyMap, depth) }); }); return sortKey ? array.sort(function(a, b) { return sortKey(a.key, b.key); }) : array; } nest.map = function(array, mapType) { return map(mapType, array, 0); }; nest.entries = function(array) { return entries(map(d3.map, array, 0), 0); }; nest.key = function(d) { keys.push(d); return nest; }; nest.sortKeys = function(order) { sortKeys[keys.length - 1] = order; return nest; }; nest.sortValues = function(order) { sortValues = order; return nest; }; nest.rollup = function(f) { rollup = f; return nest; }; return nest; }; d3.set = function(array) { var set = new d3_Set(); if (array) for (var i = 0, n = array.length; i < n; ++i) set.add(array[i]); return set; }; function d3_Set() { this._ = Object.create(null); } d3_class(d3_Set, { has: d3_map_has, add: function(key) { this._[d3_map_escape(key += "")] = true; return key; }, remove: d3_map_remove, values: d3_map_keys, size: d3_map_size, empty: d3_map_empty, forEach: function(f) { for (var key in this._) f.call(this, d3_map_unescape(key)); } }); d3.behavior = {}; function d3_identity(d) { return d; } d3.rebind = function(target, source) { var i = 1, n = arguments.length, method; while (++i < n) target[method = arguments[i]] = d3_rebind(target, source, source[method]); return target; }; function d3_rebind(target, source, method) { return function() { var value = method.apply(source, arguments); return value === source ? target : value; }; } function d3_vendorSymbol(object, name) { if (name in object) return name; name = name.charAt(0).toUpperCase() + name.slice(1); for (var i = 0, n = d3_vendorPrefixes.length; i < n; ++i) { var prefixName = d3_vendorPrefixes[i] + name; if (prefixName in object) return prefixName; } } var d3_vendorPrefixes = [ "webkit", "ms", "moz", "Moz", "o", "O" ]; function d3_noop() {} d3.dispatch = function() { var dispatch = new d3_dispatch(), i = -1, n = arguments.length; while (++i < n) dispatch[arguments[i]] = d3_dispatch_event(dispatch); return dispatch; }; function d3_dispatch() {} d3_dispatch.prototype.on = function(type, listener) { var i = type.indexOf("."), name = ""; if (i >= 0) { name = type.slice(i + 1); type = type.slice(0, i); } if (type) return arguments.length < 2 ? this[type].on(name) : this[type].on(name, listener); if (arguments.length === 2) { if (listener == null) for (type in this) { if (this.hasOwnProperty(type)) this[type].on(name, null); } return this; } }; function d3_dispatch_event(dispatch) { var listeners = [], listenerByName = new d3_Map(); function event() { var z = listeners, i = -1, n = z.length, l; while (++i < n) if (l = z[i].on) l.apply(this, arguments); return dispatch; } event.on = function(name, listener) { var l = listenerByName.get(name), i; if (arguments.length < 2) return l && l.on; if (l) { l.on = null; listeners = listeners.slice(0, i = listeners.indexOf(l)).concat(listeners.slice(i + 1)); listenerByName.remove(name); } if (listener) listeners.push(listenerByName.set(name, { on: listener })); return dispatch; }; return event; } d3.event = null; function d3_eventPreventDefault() { d3.event.preventDefault(); } function d3_eventSource() { var e = d3.event, s; while (s = e.sourceEvent) e = s; return e; } function d3_eventDispatch(target) { var dispatch = new d3_dispatch(), i = 0, n = arguments.length; while (++i < n) dispatch[arguments[i]] = d3_dispatch_event(dispatch); dispatch.of = function(thiz, argumentz) { return function(e1) { try { var e0 = e1.sourceEvent = d3.event; e1.target = target; d3.event = e1; dispatch[e1.type].apply(thiz, argumentz); } finally { d3.event = e0; } }; }; return dispatch; } d3.requote = function(s) { return s.replace(d3_requote_re, "\\$&"); }; var d3_requote_re = /[\\\^\$\*\+\?\|\[\]\(\)\.\{\}]/g; var d3_subclass = {}.__proto__ ? function(object, prototype) { object.__proto__ = prototype; } : function(object, prototype) { for (var property in prototype) object[property] = prototype[property]; }; function d3_selection(groups) { d3_subclass(groups, d3_selectionPrototype); return groups; } var d3_select = function(s, n) { return n.querySelector(s); }, d3_selectAll = function(s, n) { return n.querySelectorAll(s); }, d3_selectMatches = function(n, s) { var d3_selectMatcher = n.matches || n[d3_vendorSymbol(n, "matchesSelector")]; d3_selectMatches = function(n, s) { return d3_selectMatcher.call(n, s); }; return d3_selectMatches(n, s); }; if (typeof Sizzle === "function") { d3_select = function(s, n) { return Sizzle(s, n)[0] || null; }; d3_selectAll = Sizzle; d3_selectMatches = Sizzle.matchesSelector; } d3.selection = function() { return d3.select(d3_document.documentElement); }; var d3_selectionPrototype = d3.selection.prototype = []; d3_selectionPrototype.select = function(selector) { var subgroups = [], subgroup, subnode, group, node; selector = d3_selection_selector(selector); for (var j = -1, m = this.length; ++j < m; ) { subgroups.push(subgroup = []); subgroup.parentNode = (group = this[j]).parentNode; for (var i = -1, n = group.length; ++i < n; ) { if (node = group[i]) { subgroup.push(subnode = selector.call(node, node.__data__, i, j)); if (subnode && "__data__" in node) subnode.__data__ = node.__data__; } else { subgroup.push(null); } } } return d3_selection(subgroups); }; function d3_selection_selector(selector) { return typeof selector === "function" ? selector : function() { return d3_select(selector, this); }; } d3_selectionPrototype.selectAll = function(selector) { var subgroups = [], subgroup, node; selector = d3_selection_selectorAll(selector); for (var j = -1, m = this.length; ++j < m; ) { for (var group = this[j], i = -1, n = group.length; ++i < n; ) { if (node = group[i]) { subgroups.push(subgroup = d3_array(selector.call(node, node.__data__, i, j))); subgroup.parentNode = node; } } } return d3_selection(subgroups); }; function d3_selection_selectorAll(selector) { return typeof selector === "function" ? selector : function() { return d3_selectAll(selector, this); }; } var d3_nsXhtml = "http://www.w3.org/1999/xhtml"; var d3_nsPrefix = { svg: "http://www.w3.org/2000/svg", xhtml: d3_nsXhtml, xlink: "http://www.w3.org/1999/xlink", xml: "http://www.w3.org/XML/1998/namespace", xmlns: "http://www.w3.org/2000/xmlns/" }; d3.ns = { prefix: d3_nsPrefix, qualify: function(name) { var i = name.indexOf(":"), prefix = name; if (i >= 0 && (prefix = name.slice(0, i)) !== "xmlns") name = name.slice(i + 1); return d3_nsPrefix.hasOwnProperty(prefix) ? { space: d3_nsPrefix[prefix], local: name } : name; } }; d3_selectionPrototype.attr = function(name, value) { if (arguments.length < 2) { if (typeof name === "string") { var node = this.node(); name = d3.ns.qualify(name); return name.local ? node.getAttributeNS(name.space, name.local) : node.getAttribute(name); } for (value in name) this.each(d3_selection_attr(value, name[value])); return this; } return this.each(d3_selection_attr(name, value)); }; function d3_selection_attr(name, value) { name = d3.ns.qualify(name); function attrNull() { this.removeAttribute(name); } function attrNullNS() { this.removeAttributeNS(name.space, name.local); } function attrConstant() { this.setAttribute(name, value); } function attrConstantNS() { this.setAttributeNS(name.space, name.local, value); } function attrFunction() { var x = value.apply(this, arguments); if (x == null) this.removeAttribute(name); else this.setAttribute(name, x); } function attrFunctionNS() { var x = value.apply(this, arguments); if (x == null) this.removeAttributeNS(name.space, name.local); else this.setAttributeNS(name.space, name.local, x); } return value == null ? name.local ? attrNullNS : attrNull : typeof value === "function" ? name.local ? attrFunctionNS : attrFunction : name.local ? attrConstantNS : attrConstant; } function d3_collapse(s) { return s.trim().replace(/\s+/g, " "); } d3_selectionPrototype.classed = function(name, value) { if (arguments.length < 2) { if (typeof name === "string") { var node = this.node(), n = (name = d3_selection_classes(name)).length, i = -1; if (value = node.classList) { while (++i < n) if (!value.contains(name[i])) return false; } else { value = node.getAttribute("class"); while (++i < n) if (!d3_selection_classedRe(name[i]).test(value)) return false; } return true; } for (value in name) this.each(d3_selection_classed(value, name[value])); return this; } return this.each(d3_selection_classed(name, value)); }; function d3_selection_classedRe(name) { return new RegExp("(?:^|\\s+)" + d3.requote(name) + "(?:\\s+|$)", "g"); } function d3_selection_classes(name) { return (name + "").trim().split(/^|\s+/); } function d3_selection_classed(name, value) { name = d3_selection_classes(name).map(d3_selection_classedName); var n = name.length; function classedConstant() { var i = -1; while (++i < n) name[i](this, value); } function classedFunction() { var i = -1, x = value.apply(this, arguments); while (++i < n) name[i](this, x); } return typeof value === "function" ? classedFunction : classedConstant; } function d3_selection_classedName(name) { var re = d3_selection_classedRe(name); return function(node, value) { if (c = node.classList) return value ? c.add(name) : c.remove(name); var c = node.getAttribute("class") || ""; if (value) { re.lastIndex = 0; if (!re.test(c)) node.setAttribute("class", d3_collapse(c + " " + name)); } else { node.setAttribute("class", d3_collapse(c.replace(re, " "))); } }; } d3_selectionPrototype.style = function(name, value, priority) { var n = arguments.length; if (n < 3) { if (typeof name !== "string") { if (n < 2) value = ""; for (priority in name) this.each(d3_selection_style(priority, name[priority], value)); return this; } if (n < 2) { var node = this.node(); return d3_window(node).getComputedStyle(node, null).getPropertyValue(name); } priority = ""; } return this.each(d3_selection_style(name, value, priority)); }; function d3_selection_style(name, value, priority) { function styleNull() { this.style.removeProperty(name); } function styleConstant() { this.style.setProperty(name, value, priority); } function styleFunction() { var x = value.apply(this, arguments); if (x == null) this.style.removeProperty(name); else this.style.setProperty(name, x, priority); } return value == null ? styleNull : typeof value === "function" ? styleFunction : styleConstant; } d3_selectionPrototype.property = function(name, value) { if (arguments.length < 2) { if (typeof name === "string") return this.node()[name]; for (value in name) this.each(d3_selection_property(value, name[value])); return this; } return this.each(d3_selection_property(name, value)); }; function d3_selection_property(name, value) { function propertyNull() { delete this[name]; } function propertyConstant() { this[name] = value; } function propertyFunction() { var x = value.apply(this, arguments); if (x == null) delete this[name]; else this[name] = x; } return value == null ? propertyNull : typeof value === "function" ? propertyFunction : propertyConstant; } d3_selectionPrototype.text = function(value) { return arguments.length ? this.each(typeof value === "function" ? function() { var v = value.apply(this, arguments); this.textContent = v == null ? "" : v; } : value == null ? function() { this.textContent = ""; } : function() { this.textContent = value; }) : this.node().textContent; }; d3_selectionPrototype.html = function(value) { return arguments.length ? this.each(typeof value === "function" ? function() { var v = value.apply(this, arguments); this.innerHTML = v == null ? "" : v; } : value == null ? function() { this.innerHTML = ""; } : function() { this.innerHTML = value; }) : this.node().innerHTML; }; d3_selectionPrototype.append = function(name) { name = d3_selection_creator(name); return this.select(function() { return this.appendChild(name.apply(this, arguments)); }); }; function d3_selection_creator(name) { function create() { var document = this.ownerDocument, namespace = this.namespaceURI; return namespace === d3_nsXhtml && document.documentElement.namespaceURI === d3_nsXhtml ? document.createElement(name) : document.createElementNS(namespace, name); } function createNS() { return this.ownerDocument.createElementNS(name.space, name.local); } return typeof name === "function" ? name : (name = d3.ns.qualify(name)).local ? createNS : create; } d3_selectionPrototype.insert = function(name, before) { name = d3_selection_creator(name); before = d3_selection_selector(before); return this.select(function() { return this.insertBefore(name.apply(this, arguments), before.apply(this, arguments) || null); }); }; d3_selectionPrototype.remove = function() { return this.each(d3_selectionRemove); }; function d3_selectionRemove() { var parent = this.parentNode; if (parent) parent.removeChild(this); } d3_selectionPrototype.data = function(value, key) { var i = -1, n = this.length, group, node; if (!arguments.length) { value = new Array(n = (group = this[0]).length); while (++i < n) { if (node = group[i]) { value[i] = node.__data__; } } return value; } function bind(group, groupData) { var i, n = group.length, m = groupData.length, n0 = Math.min(n, m), updateNodes = new Array(m), enterNodes = new Array(m), exitNodes = new Array(n), node, nodeData; if (key) { var nodeByKeyValue = new d3_Map(), keyValues = new Array(n), keyValue; for (i = -1; ++i < n; ) { if (node = group[i]) { if (nodeByKeyValue.has(keyValue = key.call(node, node.__data__, i))) { exitNodes[i] = node; } else { nodeByKeyValue.set(keyValue, node); } keyValues[i] = keyValue; } } for (i = -1; ++i < m; ) { if (!(node = nodeByKeyValue.get(keyValue = key.call(groupData, nodeData = groupData[i], i)))) { enterNodes[i] = d3_selection_dataNode(nodeData); } else if (node !== true) { updateNodes[i] = node; node.__data__ = nodeData; } nodeByKeyValue.set(keyValue, true); } for (i = -1; ++i < n; ) { if (i in keyValues && nodeByKeyValue.get(keyValues[i]) !== true) { exitNodes[i] = group[i]; } } } else { for (i = -1; ++i < n0; ) { node = group[i]; nodeData = groupData[i]; if (node) { node.__data__ = nodeData; updateNodes[i] = node; } else { enterNodes[i] = d3_selection_dataNode(nodeData); } } for (;i < m; ++i) { enterNodes[i] = d3_selection_dataNode(groupData[i]); } for (;i < n; ++i) { exitNodes[i] = group[i]; } } enterNodes.update = updateNodes; enterNodes.parentNode = updateNodes.parentNode = exitNodes.parentNode = group.parentNode; enter.push(enterNodes); update.push(updateNodes); exit.push(exitNodes); } var enter = d3_selection_enter([]), update = d3_selection([]), exit = d3_selection([]); if (typeof value === "function") { while (++i < n) { bind(group = this[i], value.call(group, group.parentNode.__data__, i)); } } else { while (++i < n) { bind(group = this[i], value); } } update.enter = function() { return enter; }; update.exit = function() { return exit; }; return update; }; function d3_selection_dataNode(data) { return { __data__: data }; } d3_selectionPrototype.datum = function(value) { return arguments.length ? this.property("__data__", value) : this.property("__data__"); }; d3_selectionPrototype.filter = function(filter) { var subgroups = [], subgroup, group, node; if (typeof filter !== "function") filter = d3_selection_filter(filter); for (var j = 0, m = this.length; j < m; j++) { subgroups.push(subgroup = []); subgroup.parentNode = (group = this[j]).parentNode; for (var i = 0, n = group.length; i < n; i++) { if ((node = group[i]) && filter.call(node, node.__data__, i, j)) { subgroup.push(node); } } } return d3_selection(subgroups); }; function d3_selection_filter(selector) { return function() { return d3_selectMatches(this, selector); }; } d3_selectionPrototype.order = function() { for (var j = -1, m = this.length; ++j < m; ) { for (var group = this[j], i = group.length - 1, next = group[i], node; --i >= 0; ) { if (node = group[i]) { if (next && next !== node.nextSibling) next.parentNode.insertBefore(node, next); next = node; } } } return this; }; d3_selectionPrototype.sort = function(comparator) { comparator = d3_selection_sortComparator.apply(this, arguments); for (var j = -1, m = this.length; ++j < m; ) this[j].sort(comparator); return this.order(); }; function d3_selection_sortComparator(comparator) { if (!arguments.length) comparator = d3_ascending; return function(a, b) { return a && b ? comparator(a.__data__, b.__data__) : !a - !b; }; } d3_selectionPrototype.each = function(callback) { return d3_selection_each(this, function(node, i, j) { callback.call(node, node.__data__, i, j); }); }; function d3_selection_each(groups, callback) { for (var j = 0, m = groups.length; j < m; j++) { for (var group = groups[j], i = 0, n = group.length, node; i < n; i++) { if (node = group[i]) callback(node, i, j); } } return groups; } d3_selectionPrototype.call = function(callback) { var args = d3_array(arguments); callback.apply(args[0] = this, args); return this; }; d3_selectionPrototype.empty = function() { return !this.node(); }; d3_selectionPrototype.node = function() { for (var j = 0, m = this.length; j < m; j++) { for (var group = this[j], i = 0, n = group.length; i < n; i++) { var node = group[i]; if (node) return node; } } return null; }; d3_selectionPrototype.size = function() { var n = 0; d3_selection_each(this, function() { ++n; }); return n; }; function d3_selection_enter(selection) { d3_subclass(selection, d3_selection_enterPrototype); return selection; } var d3_selection_enterPrototype = []; d3.selection.enter = d3_selection_enter; d3.selection.enter.prototype = d3_selection_enterPrototype; d3_selection_enterPrototype.append = d3_selectionPrototype.append; d3_selection_enterPrototype.empty = d3_selectionPrototype.empty; d3_selection_enterPrototype.node = d3_selectionPrototype.node; d3_selection_enterPrototype.call = d3_selectionPrototype.call; d3_selection_enterPrototype.size = d3_selectionPrototype.size; d3_selection_enterPrototype.select = function(selector) { var subgroups = [], subgroup, subnode, upgroup, group, node; for (var j = -1, m = this.length; ++j < m; ) { upgroup = (group = this[j]).update; subgroups.push(subgroup = []); subgroup.parentNode = group.parentNode; for (var i = -1, n = group.length; ++i < n; ) { if (node = group[i]) { subgroup.push(upgroup[i] = subnode = selector.call(group.parentNode, node.__data__, i, j)); subnode.__data__ = node.__data__; } else { subgroup.push(null); } } } return d3_selection(subgroups); }; d3_selection_enterPrototype.insert = function(name, before) { if (arguments.length < 2) before = d3_selection_enterInsertBefore(this); return d3_selectionPrototype.insert.call(this, name, before); }; function d3_selection_enterInsertBefore(enter) { var i0, j0; return function(d, i, j) { var group = enter[j].update, n = group.length, node; if (j != j0) j0 = j, i0 = 0; if (i >= i0) i0 = i + 1; while (!(node = group[i0]) && ++i0 < n) ; return node; }; } d3.select = function(node) { var group; if (typeof node === "string") { group = [ d3_select(node, d3_document) ]; group.parentNode = d3_document.documentElement; } else { group = [ node ]; group.parentNode = d3_documentElement(node); } return d3_selection([ group ]); }; d3.selectAll = function(nodes) { var group; if (typeof nodes === "string") { group = d3_array(d3_selectAll(nodes, d3_document)); group.parentNode = d3_document.documentElement; } else { group = d3_array(nodes); group.parentNode = null; } return d3_selection([ group ]); }; d3_selectionPrototype.on = function(type, listener, capture) { var n = arguments.length; if (n < 3) { if (typeof type !== "string") { if (n < 2) listener = false; for (capture in type) this.each(d3_selection_on(capture, type[capture], listener)); return this; } if (n < 2) return (n = this.node()["__on" + type]) && n._; capture = false; } return this.each(d3_selection_on(type, listener, capture)); }; function d3_selection_on(type, listener, capture) { var name = "__on" + type, i = type.indexOf("."), wrap = d3_selection_onListener; if (i > 0) type = type.slice(0, i); var filter = d3_selection_onFilters.get(type); if (filter) type = filter, wrap = d3_selection_onFilter; function onRemove() { var l = this[name]; if (l) { this.removeEventListener(type, l, l.$); delete this[name]; } } function onAdd() { var l = wrap(listener, d3_array(arguments)); onRemove.call(this); this.addEventListener(type, this[name] = l, l.$ = capture); l._ = listener; } function removeAll() { var re = new RegExp("^__on([^.]+)" + d3.requote(type) + "$"), match; for (var name in this) { if (match = name.match(re)) { var l = this[name]; this.removeEventListener(match[1], l, l.$); delete this[name]; } } } return i ? listener ? onAdd : onRemove : listener ? d3_noop : removeAll; } var d3_selection_onFilters = d3.map({ mouseenter: "mouseover", mouseleave: "mouseout" }); if (d3_document) { d3_selection_onFilters.forEach(function(k) { if ("on" + k in d3_document) d3_selection_onFilters.remove(k); }); } function d3_selection_onListener(listener, argumentz) { return function(e) { var o = d3.event; d3.event = e; argumentz[0] = this.__data__; try { listener.apply(this, argumentz); } finally { d3.event = o; } }; } function d3_selection_onFilter(listener, argumentz) { var l = d3_selection_onListener(listener, argumentz); return function(e) { var target = this, related = e.relatedTarget; if (!related || related !== target && !(related.compareDocumentPosition(target) & 8)) { l.call(target, e); } }; } var d3_event_dragSelect, d3_event_dragId = 0; function d3_event_dragSuppress(node) { var name = ".dragsuppress-" + ++d3_event_dragId, click = "click" + name, w = d3.select(d3_window(node)).on("touchmove" + name, d3_eventPreventDefault).on("dragstart" + name, d3_eventPreventDefault).on("selectstart" + name, d3_eventPreventDefault); if (d3_event_dragSelect == null) { d3_event_dragSelect = "onselectstart" in node ? false : d3_vendorSymbol(node.style, "userSelect"); } if (d3_event_dragSelect) { var style = d3_documentElement(node).style, select = style[d3_event_dragSelect]; style[d3_event_dragSelect] = "none"; } return function(suppressClick) { w.on(name, null); if (d3_event_dragSelect) style[d3_event_dragSelect] = select; if (suppressClick) { var off = function() { w.on(click, null); }; w.on(click, function() { d3_eventPreventDefault(); off(); }, true); setTimeout(off, 0); } }; } d3.mouse = function(container) { return d3_mousePoint(container, d3_eventSource()); }; var d3_mouse_bug44083 = this.navigator && /WebKit/.test(this.navigator.userAgent) ? -1 : 0; function d3_mousePoint(container, e) { if (e.changedTouches) e = e.changedTouches[0]; var svg = container.ownerSVGElement || container; if (svg.createSVGPoint) { var point = svg.createSVGPoint(); if (d3_mouse_bug44083 < 0) { var window = d3_window(container); if (window.scrollX || window.scrollY) { svg = d3.select("body").append("svg").style({ position: "absolute", top: 0, left: 0, margin: 0, padding: 0, border: "none" }, "important"); var ctm = svg[0][0].getScreenCTM(); d3_mouse_bug44083 = !(ctm.f || ctm.e); svg.remove(); } } if (d3_mouse_bug44083) point.x = e.pageX, point.y = e.pageY; else point.x = e.clientX, point.y = e.clientY; point = point.matrixTransform(container.getScreenCTM().inverse()); return [ point.x, point.y ]; } var rect = container.getBoundingClientRect(); return [ e.clientX - rect.left - container.clientLeft, e.clientY - rect.top - container.clientTop ]; } d3.touch = function(container, touches, identifier) { if (arguments.length < 3) identifier = touches, touches = d3_eventSource().changedTouches; if (touches) for (var i = 0, n = touches.length, touch; i < n; ++i) { if ((touch = touches[i]).identifier === identifier) { return d3_mousePoint(container, touch); } } }; d3.behavior.drag = function() { var event = d3_eventDispatch(drag, "drag", "dragstart", "dragend"), origin = null, mousedown = dragstart(d3_noop, d3.mouse, d3_window, "mousemove", "mouseup"), touchstart = dragstart(d3_behavior_dragTouchId, d3.touch, d3_identity, "touchmove", "touchend"); function drag() { this.on("mousedown.drag", mousedown).on("touchstart.drag", touchstart); } function dragstart(id, position, subject, move, end) { return function() { var that = this, target = d3.event.target.correspondingElement || d3.event.target, parent = that.parentNode, dispatch = event.of(that, arguments), dragged = 0, dragId = id(), dragName = ".drag" + (dragId == null ? "" : "-" + dragId), dragOffset, dragSubject = d3.select(subject(target)).on(move + dragName, moved).on(end + dragName, ended), dragRestore = d3_event_dragSuppress(target), position0 = position(parent, dragId); if (origin) { dragOffset = origin.apply(that, arguments); dragOffset = [ dragOffset.x - position0[0], dragOffset.y - position0[1] ]; } else { dragOffset = [ 0, 0 ]; } dispatch({ type: "dragstart" }); function moved() { var position1 = position(parent, dragId), dx, dy; if (!position1) return; dx = position1[0] - position0[0]; dy = position1[1] - position0[1]; dragged |= dx | dy; position0 = position1; dispatch({ type: "drag", x: position1[0] + dragOffset[0], y: position1[1] + dragOffset[1], dx: dx, dy: dy }); } function ended() { if (!position(parent, dragId)) return; dragSubject.on(move + dragName, null).on(end + dragName, null); dragRestore(dragged); dispatch({ type: "dragend" }); } }; } drag.origin = function(x) { if (!arguments.length) return origin; origin = x; return drag; }; return d3.rebind(drag, event, "on"); }; function d3_behavior_dragTouchId() { return d3.event.changedTouches[0].identifier; } d3.touches = function(container, touches) { if (arguments.length < 2) touches = d3_eventSource().touches; return touches ? d3_array(touches).map(function(touch) { var point = d3_mousePoint(container, touch); point.identifier = touch.identifier; return point; }) : []; }; var ε = 1e-6, ε2 = ε * ε, π = Math.PI, τ = 2 * π, τε = τ - ε, halfπ = π / 2, d3_radians = π / 180, d3_degrees = 180 / π; function d3_sgn(x) { return x > 0 ? 1 : x < 0 ? -1 : 0; } function d3_cross2d(a, b, c) { return (b[0] - a[0]) * (c[1] - a[1]) - (b[1] - a[1]) * (c[0] - a[0]); } function d3_acos(x) { return x > 1 ? 0 : x < -1 ? π : Math.acos(x); } function d3_asin(x) { return x > 1 ? halfπ : x < -1 ? -halfπ : Math.asin(x); } function d3_sinh(x) { return ((x = Math.exp(x)) - 1 / x) / 2; } function d3_cosh(x) { return ((x = Math.exp(x)) + 1 / x) / 2; } function d3_tanh(x) { return ((x = Math.exp(2 * x)) - 1) / (x + 1); } function d3_haversin(x) { return (x = Math.sin(x / 2)) * x; } var ρ = Math.SQRT2, ρ2 = 2, ρ4 = 4; d3.interpolateZoom = function(p0, p1) { var ux0 = p0[0], uy0 = p0[1], w0 = p0[2], ux1 = p1[0], uy1 = p1[1], w1 = p1[2], dx = ux1 - ux0, dy = uy1 - uy0, d2 = dx * dx + dy * dy, i, S; if (d2 < ε2) { S = Math.log(w1 / w0) / ρ; i = function(t) { return [ ux0 + t * dx, uy0 + t * dy, w0 * Math.exp(ρ * t * S) ]; }; } else { var d1 = Math.sqrt(d2), b0 = (w1 * w1 - w0 * w0 + ρ4 * d2) / (2 * w0 * ρ2 * d1), b1 = (w1 * w1 - w0 * w0 - ρ4 * d2) / (2 * w1 * ρ2 * d1), r0 = Math.log(Math.sqrt(b0 * b0 + 1) - b0), r1 = Math.log(Math.sqrt(b1 * b1 + 1) - b1); S = (r1 - r0) / ρ; i = function(t) { var s = t * S, coshr0 = d3_cosh(r0), u = w0 / (ρ2 * d1) * (coshr0 * d3_tanh(ρ * s + r0) - d3_sinh(r0)); return [ ux0 + u * dx, uy0 + u * dy, w0 * coshr0 / d3_cosh(ρ * s + r0) ]; }; } i.duration = S * 1e3; return i; }; d3.behavior.zoom = function() { var view = { x: 0, y: 0, k: 1 }, translate0, center0, center, size = [ 960, 500 ], scaleExtent = d3_behavior_zoomInfinity, duration = 250, zooming = 0, mousedown = "mousedown.zoom", mousemove = "mousemove.zoom", mouseup = "mouseup.zoom", mousewheelTimer, touchstart = "touchstart.zoom", touchtime, event = d3_eventDispatch(zoom, "zoomstart", "zoom", "zoomend"), x0, x1, y0, y1; if (!d3_behavior_zoomWheel) { d3_behavior_zoomWheel = "onwheel" in d3_document ? (d3_behavior_zoomDelta = function() { return -d3.event.deltaY * (d3.event.deltaMode ? 120 : 1); }, "wheel") : "onmousewheel" in d3_document ? (d3_behavior_zoomDelta = function() { return d3.event.wheelDelta; }, "mousewheel") : (d3_behavior_zoomDelta = function() { return -d3.event.detail; }, "MozMousePixelScroll"); } function zoom(g) { g.on(mousedown, mousedowned).on(d3_behavior_zoomWheel + ".zoom", mousewheeled).on("dblclick.zoom", dblclicked).on(touchstart, touchstarted); } zoom.event = function(g) { g.each(function() { var dispatch = event.of(this, arguments), view1 = view; if (d3_transitionInheritId) { d3.select(this).transition().each("start.zoom", function() { view = this.__chart__ || { x: 0, y: 0, k: 1 }; zoomstarted(dispatch); }).tween("zoom:zoom", function() { var dx = size[0], dy = size[1], cx = center0 ? center0[0] : dx / 2, cy = center0 ? center0[1] : dy / 2, i = d3.interpolateZoom([ (cx - view.x) / view.k, (cy - view.y) / view.k, dx / view.k ], [ (cx - view1.x) / view1.k, (cy - view1.y) / view1.k, dx / view1.k ]); return function(t) { var l = i(t), k = dx / l[2]; this.__chart__ = view = { x: cx - l[0] * k, y: cy - l[1] * k, k: k }; zoomed(dispatch); }; }).each("interrupt.zoom", function() { zoomended(dispatch); }).each("end.zoom", function() { zoomended(dispatch); }); } else { this.__chart__ = view; zoomstarted(dispatch); zoomed(dispatch); zoomended(dispatch); } }); }; zoom.translate = function(_) { if (!arguments.length) return [ view.x, view.y ]; view = { x: +_[0], y: +_[1], k: view.k }; rescale(); return zoom; }; zoom.scale = function(_) { if (!arguments.length) return view.k; view = { x: view.x, y: view.y, k: null }; scaleTo(+_); rescale(); return zoom; }; zoom.scaleExtent = function(_) { if (!arguments.length) return scaleExtent; scaleExtent = _ == null ? d3_behavior_zoomInfinity : [ +_[0], +_[1] ]; return zoom; }; zoom.center = function(_) { if (!arguments.length) return center; center = _ && [ +_[0], +_[1] ]; return zoom; }; zoom.size = function(_) { if (!arguments.length) return size; size = _ && [ +_[0], +_[1] ]; return zoom; }; zoom.duration = function(_) { if (!arguments.length) return duration; duration = +_; return zoom; }; zoom.x = function(z) { if (!arguments.length) return x1; x1 = z; x0 = z.copy(); view = { x: 0, y: 0, k: 1 }; return zoom; }; zoom.y = function(z) { if (!arguments.length) return y1; y1 = z; y0 = z.copy(); view = { x: 0, y: 0, k: 1 }; return zoom; }; function location(p) { return [ (p[0] - view.x) / view.k, (p[1] - view.y) / view.k ]; } function point(l) { return [ l[0] * view.k + view.x, l[1] * view.k + view.y ]; } function scaleTo(s) { view.k = Math.max(scaleExtent[0], Math.min(scaleExtent[1], s)); } function translateTo(p, l) { l = point(l); view.x += p[0] - l[0]; view.y += p[1] - l[1]; } function zoomTo(that, p, l, k) { that.__chart__ = { x: view.x, y: view.y, k: view.k }; scaleTo(Math.pow(2, k)); translateTo(center0 = p, l); that = d3.select(that); if (duration > 0) that = that.transition().duration(duration); that.call(zoom.event); } function rescale() { if (x1) x1.domain(x0.range().map(function(x) { return (x - view.x) / view.k; }).map(x0.invert)); if (y1) y1.domain(y0.range().map(function(y) { return (y - view.y) / view.k; }).map(y0.invert)); } function zoomstarted(dispatch) { if (!zooming++) dispatch({ type: "zoomstart" }); } function zoomed(dispatch) { rescale(); dispatch({ type: "zoom", scale: view.k, translate: [ view.x, view.y ] }); } function zoomended(dispatch) { if (!--zooming) dispatch({ type: "zoomend" }), center0 = null; } function mousedowned() { var that = this, dispatch = event.of(that, arguments), dragged = 0, subject = d3.select(d3_window(that)).on(mousemove, moved).on(mouseup, ended), location0 = location(d3.mouse(that)), dragRestore = d3_event_dragSuppress(that); d3_selection_interrupt.call(that); zoomstarted(dispatch); function moved() { dragged = 1; translateTo(d3.mouse(that), location0); zoomed(dispatch); } function ended() { subject.on(mousemove, null).on(mouseup, null); dragRestore(dragged); zoomended(dispatch); } } function touchstarted() { var that = this, dispatch = event.of(that, arguments), locations0 = {}, distance0 = 0, scale0, zoomName = ".zoom-" + d3.event.changedTouches[0].identifier, touchmove = "touchmove" + zoomName, touchend = "touchend" + zoomName, targets = [], subject = d3.select(that), dragRestore = d3_event_dragSuppress(that); started(); zoomstarted(dispatch); subject.on(mousedown, null).on(touchstart, started); function relocate() { var touches = d3.touches(that); scale0 = view.k; touches.forEach(function(t) { if (t.identifier in locations0) locations0[t.identifier] = location(t); }); return touches; } function started() { var target = d3.event.target; d3.select(target).on(touchmove, moved).on(touchend, ended); targets.push(target); var changed = d3.event.changedTouches; for (var i = 0, n = changed.length; i < n; ++i) { locations0[changed[i].identifier] = null; } var touches = relocate(), now = Date.now(); if (touches.length === 1) { if (now - touchtime < 500) { var p = touches[0]; zoomTo(that, p, locations0[p.identifier], Math.floor(Math.log(view.k) / Math.LN2) + 1); d3_eventPreventDefault(); } touchtime = now; } else if (touches.length > 1) { var p = touches[0], q = touches[1], dx = p[0] - q[0], dy = p[1] - q[1]; distance0 = dx * dx + dy * dy; } } function moved() { var touches = d3.touches(that), p0, l0, p1, l1; d3_selection_interrupt.call(that); for (var i = 0, n = touches.length; i < n; ++i, l1 = null) { p1 = touches[i]; if (l1 = locations0[p1.identifier]) { if (l0) break; p0 = p1, l0 = l1; } } if (l1) { var distance1 = (distance1 = p1[0] - p0[0]) * distance1 + (distance1 = p1[1] - p0[1]) * distance1, scale1 = distance0 && Math.sqrt(distance1 / distance0); p0 = [ (p0[0] + p1[0]) / 2, (p0[1] + p1[1]) / 2 ]; l0 = [ (l0[0] + l1[0]) / 2, (l0[1] + l1[1]) / 2 ]; scaleTo(scale1 * scale0); } touchtime = null; translateTo(p0, l0); zoomed(dispatch); } function ended() { if (d3.event.touches.length) { var changed = d3.event.changedTouches; for (var i = 0, n = changed.length; i < n; ++i) { delete locations0[changed[i].identifier]; } for (var identifier in locations0) { return void relocate(); } } d3.selectAll(targets).on(zoomName, null); subject.on(mousedown, mousedowned).on(touchstart, touchstarted); dragRestore(); zoomended(dispatch); } } function mousewheeled() { var dispatch = event.of(this, arguments); if (mousewheelTimer) clearTimeout(mousewheelTimer); else d3_selection_interrupt.call(this), translate0 = location(center0 = center || d3.mouse(this)), zoomstarted(dispatch); mousewheelTimer = setTimeout(function() { mousewheelTimer = null; zoomended(dispatch); }, 50); d3_eventPreventDefault(); scaleTo(Math.pow(2, d3_behavior_zoomDelta() * .002) * view.k); translateTo(center0, translate0); zoomed(dispatch); } function dblclicked() { var p = d3.mouse(this), k = Math.log(view.k) / Math.LN2; zoomTo(this, p, location(p), d3.event.shiftKey ? Math.ceil(k) - 1 : Math.floor(k) + 1); } return d3.rebind(zoom, event, "on"); }; var d3_behavior_zoomInfinity = [ 0, Infinity ], d3_behavior_zoomDelta, d3_behavior_zoomWheel; d3.color = d3_color; function d3_color() {} d3_color.prototype.toString = function() { return this.rgb() + ""; }; d3.hsl = d3_hsl; function d3_hsl(h, s, l) { return this instanceof d3_hsl ? void (this.h = +h, this.s = +s, this.l = +l) : arguments.length < 2 ? h instanceof d3_hsl ? new d3_hsl(h.h, h.s, h.l) : d3_rgb_parse("" + h, d3_rgb_hsl, d3_hsl) : new d3_hsl(h, s, l); } var d3_hslPrototype = d3_hsl.prototype = new d3_color(); d3_hslPrototype.brighter = function(k) { k = Math.pow(.7, arguments.length ? k : 1); return new d3_hsl(this.h, this.s, this.l / k); }; d3_hslPrototype.darker = function(k) { k = Math.pow(.7, arguments.length ? k : 1); return new d3_hsl(this.h, this.s, k * this.l); }; d3_hslPrototype.rgb = function() { return d3_hsl_rgb(this.h, this.s, this.l); }; function d3_hsl_rgb(h, s, l) { var m1, m2; h = isNaN(h) ? 0 : (h %= 360) < 0 ? h + 360 : h; s = isNaN(s) ? 0 : s < 0 ? 0 : s > 1 ? 1 : s; l = l < 0 ? 0 : l > 1 ? 1 : l; m2 = l <= .5 ? l * (1 + s) : l + s - l * s; m1 = 2 * l - m2; function v(h) { if (h > 360) h -= 360; else if (h < 0) h += 360; if (h < 60) return m1 + (m2 - m1) * h / 60; if (h < 180) return m2; if (h < 240) return m1 + (m2 - m1) * (240 - h) / 60; return m1; } function vv(h) { return Math.round(v(h) * 255); } return new d3_rgb(vv(h + 120), vv(h), vv(h - 120)); } d3.hcl = d3_hcl; function d3_hcl(h, c, l) { return this instanceof d3_hcl ? void (this.h = +h, this.c = +c, this.l = +l) : arguments.length < 2 ? h instanceof d3_hcl ? new d3_hcl(h.h, h.c, h.l) : h instanceof d3_lab ? d3_lab_hcl(h.l, h.a, h.b) : d3_lab_hcl((h = d3_rgb_lab((h = d3.rgb(h)).r, h.g, h.b)).l, h.a, h.b) : new d3_hcl(h, c, l); } var d3_hclPrototype = d3_hcl.prototype = new d3_color(); d3_hclPrototype.brighter = function(k) { return new d3_hcl(this.h, this.c, Math.min(100, this.l + d3_lab_K * (arguments.length ? k : 1))); }; d3_hclPrototype.darker = function(k) { return new d3_hcl(this.h, this.c, Math.max(0, this.l - d3_lab_K * (arguments.length ? k : 1))); }; d3_hclPrototype.rgb = function() { return d3_hcl_lab(this.h, this.c, this.l).rgb(); }; function d3_hcl_lab(h, c, l) { if (isNaN(h)) h = 0; if (isNaN(c)) c = 0; return new d3_lab(l, Math.cos(h *= d3_radians) * c, Math.sin(h) * c); } d3.lab = d3_lab; function d3_lab(l, a, b) { return this instanceof d3_lab ? void (this.l = +l, this.a = +a, this.b = +b) : arguments.length < 2 ? l instanceof d3_lab ? new d3_lab(l.l, l.a, l.b) : l instanceof d3_hcl ? d3_hcl_lab(l.h, l.c, l.l) : d3_rgb_lab((l = d3_rgb(l)).r, l.g, l.b) : new d3_lab(l, a, b); } var d3_lab_K = 18; var d3_lab_X = .95047, d3_lab_Y = 1, d3_lab_Z = 1.08883; var d3_labPrototype = d3_lab.prototype = new d3_color(); d3_labPrototype.brighter = function(k) { return new d3_lab(Math.min(100, this.l + d3_lab_K * (arguments.length ? k : 1)), this.a, this.b); }; d3_labPrototype.darker = function(k) { return new d3_lab(Math.max(0, this.l - d3_lab_K * (arguments.length ? k : 1)), this.a, this.b); }; d3_labPrototype.rgb = function() { return d3_lab_rgb(this.l, this.a, this.b); }; function d3_lab_rgb(l, a, b) { var y = (l + 16) / 116, x = y + a / 500, z = y - b / 200; x = d3_lab_xyz(x) * d3_lab_X; y = d3_lab_xyz(y) * d3_lab_Y; z = d3_lab_xyz(z) * d3_lab_Z; return new d3_rgb(d3_xyz_rgb(3.2404542 * x - 1.5371385 * y - .4985314 * z), d3_xyz_rgb(-.969266 * x + 1.8760108 * y + .041556 * z), d3_xyz_rgb(.0556434 * x - .2040259 * y + 1.0572252 * z)); } function d3_lab_hcl(l, a, b) { return l > 0 ? new d3_hcl(Math.atan2(b, a) * d3_degrees, Math.sqrt(a * a + b * b), l) : new d3_hcl(NaN, NaN, l); } function d3_lab_xyz(x) { return x > .206893034 ? x * x * x : (x - 4 / 29) / 7.787037; } function d3_xyz_lab(x) { return x > .008856 ? Math.pow(x, 1 / 3) : 7.787037 * x + 4 / 29; } function d3_xyz_rgb(r) { return Math.round(255 * (r <= .00304 ? 12.92 * r : 1.055 * Math.pow(r, 1 / 2.4) - .055)); } d3.rgb = d3_rgb; function d3_rgb(r, g, b) { return this instanceof d3_rgb ? void (this.r = ~~r, this.g = ~~g, this.b = ~~b) : arguments.length < 2 ? r instanceof d3_rgb ? new d3_rgb(r.r, r.g, r.b) : d3_rgb_parse("" + r, d3_rgb, d3_hsl_rgb) : new d3_rgb(r, g, b); } function d3_rgbNumber(value) { return new d3_rgb(value >> 16, value >> 8 & 255, value & 255); } function d3_rgbString(value) { return d3_rgbNumber(value) + ""; } var d3_rgbPrototype = d3_rgb.prototype = new d3_color(); d3_rgbPrototype.brighter = function(k) { k = Math.pow(.7, arguments.length ? k : 1); var r = this.r, g = this.g, b = this.b, i = 30; if (!r && !g && !b) return new d3_rgb(i, i, i); if (r && r < i) r = i; if (g && g < i) g = i; if (b && b < i) b = i; return new d3_rgb(Math.min(255, r / k), Math.min(255, g / k), Math.min(255, b / k)); }; d3_rgbPrototype.darker = function(k) { k = Math.pow(.7, arguments.length ? k : 1); return new d3_rgb(k * this.r, k * this.g, k * this.b); }; d3_rgbPrototype.hsl = function() { return d3_rgb_hsl(this.r, this.g, this.b); }; d3_rgbPrototype.toString = function() { return "#" + d3_rgb_hex(this.r) + d3_rgb_hex(this.g) + d3_rgb_hex(this.b); }; function d3_rgb_hex(v) { return v < 16 ? "0" + Math.max(0, v).toString(16) : Math.min(255, v).toString(16); } function d3_rgb_parse(format, rgb, hsl) { var r = 0, g = 0, b = 0, m1, m2, color; m1 = /([a-z]+)\((.*)\)/.exec(format = format.toLowerCase()); if (m1) { m2 = m1[2].split(","); switch (m1[1]) { case "hsl": { return hsl(parseFloat(m2[0]), parseFloat(m2[1]) / 100, parseFloat(m2[2]) / 100); } case "rgb": { return rgb(d3_rgb_parseNumber(m2[0]), d3_rgb_parseNumber(m2[1]), d3_rgb_parseNumber(m2[2])); } } } if (color = d3_rgb_names.get(format)) { return rgb(color.r, color.g, color.b); } if (format != null && format.charAt(0) === "#" && !isNaN(color = parseInt(format.slice(1), 16))) { if (format.length === 4) { r = (color & 3840) >> 4; r = r >> 4 | r; g = color & 240; g = g >> 4 | g; b = color & 15; b = b << 4 | b; } else if (format.length === 7) { r = (color & 16711680) >> 16; g = (color & 65280) >> 8; b = color & 255; } } return rgb(r, g, b); } function d3_rgb_hsl(r, g, b) { var min = Math.min(r /= 255, g /= 255, b /= 255), max = Math.max(r, g, b), d = max - min, h, s, l = (max + min) / 2; if (d) { s = l < .5 ? d / (max + min) : d / (2 - max - min); if (r == max) h = (g - b) / d + (g < b ? 6 : 0); else if (g == max) h = (b - r) / d + 2; else h = (r - g) / d + 4; h *= 60; } else { h = NaN; s = l > 0 && l < 1 ? 0 : h; } return new d3_hsl(h, s, l); } function d3_rgb_lab(r, g, b) { r = d3_rgb_xyz(r); g = d3_rgb_xyz(g); b = d3_rgb_xyz(b); var x = d3_xyz_lab((.4124564 * r + .3575761 * g + .1804375 * b) / d3_lab_X), y = d3_xyz_lab((.2126729 * r + .7151522 * g + .072175 * b) / d3_lab_Y), z = d3_xyz_lab((.0193339 * r + .119192 * g + .9503041 * b) / d3_lab_Z); return d3_lab(116 * y - 16, 500 * (x - y), 200 * (y - z)); } function d3_rgb_xyz(r) { return (r /= 255) <= .04045 ? r / 12.92 : Math.pow((r + .055) / 1.055, 2.4); } function d3_rgb_parseNumber(c) { var f = parseFloat(c); return c.charAt(c.length - 1) === "%" ? Math.round(f * 2.55) : f; } var d3_rgb_names = d3.map({ aliceblue: 15792383, antiquewhite: 16444375, aqua: 65535, aquamarine: 8388564, azure: 15794175, beige: 16119260, bisque: 16770244, black: 0, blanchedalmond: 16772045, blue: 255, blueviolet: 9055202, brown: 10824234, burlywood: 14596231, cadetblue: 6266528, chartreuse: 8388352, chocolate: 13789470, coral: 16744272, cornflowerblue: 6591981, cornsilk: 16775388, crimson: 14423100, cyan: 65535, darkblue: 139, darkcyan: 35723, darkgoldenrod: 12092939, darkgray: 11119017, darkgreen: 25600, darkgrey: 11119017, darkkhaki: 12433259, darkmagenta: 9109643, darkolivegreen: 5597999, darkorange: 16747520, darkorchid: 10040012, darkred: 9109504, darksalmon: 15308410, darkseagreen: 9419919, darkslateblue: 4734347, darkslategray: 3100495, darkslategrey: 3100495, darkturquoise: 52945, darkviolet: 9699539, deeppink: 16716947, deepskyblue: 49151, dimgray: 6908265, dimgrey: 6908265, dodgerblue: 2003199, firebrick: 11674146, floralwhite: 16775920, forestgreen: 2263842, fuchsia: 16711935, gainsboro: 14474460, ghostwhite: 16316671, gold: 16766720, goldenrod: 14329120, gray: 8421504, green: 32768, greenyellow: 11403055, grey: 8421504, honeydew: 15794160, hotpink: 16738740, indianred: 13458524, indigo: 4915330, ivory: 16777200, khaki: 15787660, lavender: 15132410, lavenderblush: 16773365, lawngreen: 8190976, lemonchiffon: 16775885, lightblue: 11393254, lightcoral: 15761536, lightcyan: 14745599, lightgoldenrodyellow: 16448210, lightgray: 13882323, lightgreen: 9498256, lightgrey: 13882323, lightpink: 16758465, lightsalmon: 16752762, lightseagreen: 2142890, lightskyblue: 8900346, lightslategray: 7833753, lightslategrey: 7833753, lightsteelblue: 11584734, lightyellow: 16777184, lime: 65280, limegreen: 3329330, linen: 16445670, magenta: 16711935, maroon: 8388608, mediumaquamarine: 6737322, mediumblue: 205, mediumorchid: 12211667, mediumpurple: 9662683, mediumseagreen: 3978097, mediumslateblue: 8087790, mediumspringgreen: 64154, mediumturquoise: 4772300, mediumvioletred: 13047173, midnightblue: 1644912, mintcream: 16121850, mistyrose: 16770273, moccasin: 16770229, navajowhite: 16768685, navy: 128, oldlace: 16643558, olive: 8421376, olivedrab: 7048739, orange: 16753920, orangered: 16729344, orchid: 14315734, palegoldenrod: 15657130, palegreen: 10025880, paleturquoise: 11529966, palevioletred: 14381203, papayawhip: 16773077, peachpuff: 16767673, peru: 13468991, pink: 16761035, plum: 14524637, powderblue: 11591910, purple: 8388736, rebeccapurple: 6697881, red: 16711680, rosybrown: 12357519, royalblue: 4286945, saddlebrown: 9127187, salmon: 16416882, sandybrown: 16032864, seagreen: 3050327, seashell: 16774638, sienna: 10506797, silver: 12632256, skyblue: 8900331, slateblue: 6970061, slategray: 7372944, slategrey: 7372944, snow: 16775930, springgreen: 65407, steelblue: 4620980, tan: 13808780, teal: 32896, thistle: 14204888, tomato: 16737095, turquoise: 4251856, violet: 15631086, wheat: 16113331, white: 16777215, whitesmoke: 16119285, yellow: 16776960, yellowgreen: 10145074 }); d3_rgb_names.forEach(function(key, value) { d3_rgb_names.set(key, d3_rgbNumber(value)); }); function d3_functor(v) { return typeof v === "function" ? v : function() { return v; }; } d3.functor = d3_functor; d3.xhr = d3_xhrType(d3_identity); function d3_xhrType(response) { return function(url, mimeType, callback) { if (arguments.length === 2 && typeof mimeType === "function") callback = mimeType, mimeType = null; return d3_xhr(url, mimeType, response, callback); }; } function d3_xhr(url, mimeType, response, callback) { var xhr = {}, dispatch = d3.dispatch("beforesend", "progress", "load", "error"), headers = {}, request = new XMLHttpRequest(), responseType = null; if (this.XDomainRequest && !("withCredentials" in request) && /^(http(s)?:)?\/\//.test(url)) request = new XDomainRequest(); "onload" in request ? request.onload = request.onerror = respond : request.onreadystatechange = function() { request.readyState > 3 && respond(); }; function respond() { var status = request.status, result; if (!status && d3_xhrHasResponse(request) || status >= 200 && status < 300 || status === 304) { try { result = response.call(xhr, request); } catch (e) { dispatch.error.call(xhr, e); return; } dispatch.load.call(xhr, result); } else { dispatch.error.call(xhr, request); } } request.onprogress = function(event) { var o = d3.event; d3.event = event; try { dispatch.progress.call(xhr, request); } finally { d3.event = o; } }; xhr.header = function(name, value) { name = (name + "").toLowerCase(); if (arguments.length < 2) return headers[name]; if (value == null) delete headers[name]; else headers[name] = value + ""; return xhr; }; xhr.mimeType = function(value) { if (!arguments.length) return mimeType; mimeType = value == null ? null : value + ""; return xhr; }; xhr.responseType = function(value) { if (!arguments.length) return responseType; responseType = value; return xhr; }; xhr.response = function(value) { response = value; return xhr; }; [ "get", "post" ].forEach(function(method) { xhr[method] = function() { return xhr.send.apply(xhr, [ method ].concat(d3_array(arguments))); }; }); xhr.send = function(method, data, callback) { if (arguments.length === 2 && typeof data === "function") callback = data, data = null; request.open(method, url, true); if (mimeType != null && !("accept" in headers)) headers["accept"] = mimeType + ",*/*"; if (request.setRequestHeader) for (var name in headers) request.setRequestHeader(name, headers[name]); if (mimeType != null && request.overrideMimeType) request.overrideMimeType(mimeType); if (responseType != null) request.responseType = responseType; if (callback != null) xhr.on("error", callback).on("load", function(request) { callback(null, request); }); dispatch.beforesend.call(xhr, request); request.send(data == null ? null : data); return xhr; }; xhr.abort = function() { request.abort(); return xhr; }; d3.rebind(xhr, dispatch, "on"); return callback == null ? xhr : xhr.get(d3_xhr_fixCallback(callback)); } function d3_xhr_fixCallback(callback) { return callback.length === 1 ? function(error, request) { callback(error == null ? request : null); } : callback; } function d3_xhrHasResponse(request) { var type = request.responseType; return type && type !== "text" ? request.response : request.responseText; } d3.dsv = function(delimiter, mimeType) { var reFormat = new RegExp('["' + delimiter + "\n]"), delimiterCode = delimiter.charCodeAt(0); function dsv(url, row, callback) { if (arguments.length < 3) callback = row, row = null; var xhr = d3_xhr(url, mimeType, row == null ? response : typedResponse(row), callback); xhr.row = function(_) { return arguments.length ? xhr.response((row = _) == null ? response : typedResponse(_)) : row; }; return xhr; } function response(request) { return dsv.parse(request.responseText); } function typedResponse(f) { return function(request) { return dsv.parse(request.responseText, f); }; } dsv.parse = function(text, f) { var o; return dsv.parseRows(text, function(row, i) { if (o) return o(row, i - 1); var a = new Function("d", "return {" + row.map(function(name, i) { return JSON.stringify(name) + ": d[" + i + "]"; }).join(",") + "}"); o = f ? function(row, i) { return f(a(row), i); } : a; }); }; dsv.parseRows = function(text, f) { var EOL = {}, EOF = {}, rows = [], N = text.length, I = 0, n = 0, t, eol; function token() { if (I >= N) return EOF; if (eol) return eol = false, EOL; var j = I; if (text.charCodeAt(j) === 34) { var i = j; while (i++ < N) { if (text.charCodeAt(i) === 34) { if (text.charCodeAt(i + 1) !== 34) break; ++i; } } I = i + 2; var c = text.charCodeAt(i + 1); if (c === 13) { eol = true; if (text.charCodeAt(i + 2) === 10) ++I; } else if (c === 10) { eol = true; } return text.slice(j + 1, i).replace(/""/g, '"'); } while (I < N) { var c = text.charCodeAt(I++), k = 1; if (c === 10) eol = true; else if (c === 13) { eol = true; if (text.charCodeAt(I) === 10) ++I, ++k; } else if (c !== delimiterCode) continue; return text.slice(j, I - k); } return text.slice(j); } while ((t = token()) !== EOF) { var a = []; while (t !== EOL && t !== EOF) { a.push(t); t = token(); } if (f && (a = f(a, n++)) == null) continue; rows.push(a); } return rows; }; dsv.format = function(rows) { if (Array.isArray(rows[0])) return dsv.formatRows(rows); var fieldSet = new d3_Set(), fields = []; rows.forEach(function(row) { for (var field in row) { if (!fieldSet.has(field)) { fields.push(fieldSet.add(field)); } } }); return [ fields.map(formatValue).join(delimiter) ].concat(rows.map(function(row) { return fields.map(function(field) { return formatValue(row[field]); }).join(delimiter); })).join("\n"); }; dsv.formatRows = function(rows) { return rows.map(formatRow).join("\n"); }; function formatRow(row) { return row.map(formatValue).join(delimiter); } function formatValue(text) { return reFormat.test(text) ? '"' + text.replace(/\"/g, '""') + '"' : text; } return dsv; }; d3.csv = d3.dsv(",", "text/csv"); d3.tsv = d3.dsv(" ", "text/tab-separated-values"); var d3_timer_queueHead, d3_timer_queueTail, d3_timer_interval, d3_timer_timeout, d3_timer_frame = this[d3_vendorSymbol(this, "requestAnimationFrame")] || function(callback) { setTimeout(callback, 17); }; d3.timer = function() { d3_timer.apply(this, arguments); }; function d3_timer(callback, delay, then) { var n = arguments.length; if (n < 2) delay = 0; if (n < 3) then = Date.now(); var time = then + delay, timer = { c: callback, t: time, n: null }; if (d3_timer_queueTail) d3_timer_queueTail.n = timer; else d3_timer_queueHead = timer; d3_timer_queueTail = timer; if (!d3_timer_interval) { d3_timer_timeout = clearTimeout(d3_timer_timeout); d3_timer_interval = 1; d3_timer_frame(d3_timer_step); } return timer; } function d3_timer_step() { var now = d3_timer_mark(), delay = d3_timer_sweep() - now; if (delay > 24) { if (isFinite(delay)) { clearTimeout(d3_timer_timeout); d3_timer_timeout = setTimeout(d3_timer_step, delay); } d3_timer_interval = 0; } else { d3_timer_interval = 1; d3_timer_frame(d3_timer_step); } } d3.timer.flush = function() { d3_timer_mark(); d3_timer_sweep(); }; function d3_timer_mark() { var now = Date.now(), timer = d3_timer_queueHead; while (timer) { if (now >= timer.t && timer.c(now - timer.t)) timer.c = null; timer = timer.n; } return now; } function d3_timer_sweep() { var t0, t1 = d3_timer_queueHead, time = Infinity; while (t1) { if (t1.c) { if (t1.t < time) time = t1.t; t1 = (t0 = t1).n; } else { t1 = t0 ? t0.n = t1.n : d3_timer_queueHead = t1.n; } } d3_timer_queueTail = t0; return time; } function d3_format_precision(x, p) { return p - (x ? Math.ceil(Math.log(x) / Math.LN10) : 1); } d3.round = function(x, n) { return n ? Math.round(x * (n = Math.pow(10, n))) / n : Math.round(x); }; var d3_formatPrefixes = [ "y", "z", "a", "f", "p", "n", "µ", "m", "", "k", "M", "G", "T", "P", "E", "Z", "Y" ].map(d3_formatPrefix); d3.formatPrefix = function(value, precision) { var i = 0; if (value = +value) { if (value < 0) value *= -1; if (precision) value = d3.round(value, d3_format_precision(value, precision)); i = 1 + Math.floor(1e-12 + Math.log(value) / Math.LN10); i = Math.max(-24, Math.min(24, Math.floor((i - 1) / 3) * 3)); } return d3_formatPrefixes[8 + i / 3]; }; function d3_formatPrefix(d, i) { var k = Math.pow(10, abs(8 - i) * 3); return { scale: i > 8 ? function(d) { return d / k; } : function(d) { return d * k; }, symbol: d }; } function d3_locale_numberFormat(locale) { var locale_decimal = locale.decimal, locale_thousands = locale.thousands, locale_grouping = locale.grouping, locale_currency = locale.currency, formatGroup = locale_grouping && locale_thousands ? function(value, width) { var i = value.length, t = [], j = 0, g = locale_grouping[0], length = 0; while (i > 0 && g > 0) { if (length + g + 1 > width) g = Math.max(1, width - length); t.push(value.substring(i -= g, i + g)); if ((length += g + 1) > width) break; g = locale_grouping[j = (j + 1) % locale_grouping.length]; } return t.reverse().join(locale_thousands); } : d3_identity; return function(specifier) { var match = d3_format_re.exec(specifier), fill = match[1] || " ", align = match[2] || ">", sign = match[3] || "-", symbol = match[4] || "", zfill = match[5], width = +match[6], comma = match[7], precision = match[8], type = match[9], scale = 1, prefix = "", suffix = "", integer = false, exponent = true; if (precision) precision = +precision.substring(1); if (zfill || fill === "0" && align === "=") { zfill = fill = "0"; align = "="; } switch (type) { case "n": comma = true; type = "g"; break; case "%": scale = 100; suffix = "%"; type = "f"; break; case "p": scale = 100; suffix = "%"; type = "r"; break; case "b": case "o": case "x": case "X": if (symbol === "#") prefix = "0" + type.toLowerCase(); case "c": exponent = false; case "d": integer = true; precision = 0; break; case "s": scale = -1; type = "r"; break; } if (symbol === "$") prefix = locale_currency[0], suffix = locale_currency[1]; if (type == "r" && !precision) type = "g"; if (precision != null) { if (type == "g") precision = Math.max(1, Math.min(21, precision)); else if (type == "e" || type == "f") precision = Math.max(0, Math.min(20, precision)); } type = d3_format_types.get(type) || d3_format_typeDefault; var zcomma = zfill && comma; return function(value) { var fullSuffix = suffix; if (integer && value % 1) return ""; var negative = value < 0 || value === 0 && 1 / value < 0 ? (value = -value, "-") : sign === "-" ? "" : sign; if (scale < 0) { var unit = d3.formatPrefix(value, precision); value = unit.scale(value); fullSuffix = unit.symbol + suffix; } else { value *= scale; } value = type(value, precision); var i = value.lastIndexOf("."), before, after; if (i < 0) { var j = exponent ? value.lastIndexOf("e") : -1; if (j < 0) before = value, after = ""; else before = value.substring(0, j), after = value.substring(j); } else { before = value.substring(0, i); after = locale_decimal + value.substring(i + 1); } if (!zfill && comma) before = formatGroup(before, Infinity); var length = prefix.length + before.length + after.length + (zcomma ? 0 : negative.length), padding = length < width ? new Array(length = width - length + 1).join(fill) : ""; if (zcomma) before = formatGroup(padding + before, padding.length ? width - after.length : Infinity); negative += prefix; value = before + after; return (align === "<" ? negative + value + padding : align === ">" ? padding + negative + value : align === "^" ? padding.substring(0, length >>= 1) + negative + value + padding.substring(length) : negative + (zcomma ? value : padding + value)) + fullSuffix; }; }; } var d3_format_re = /(?:([^{])?([<>=^]))?([+\- ])?([$#])?(0)?(\d+)?(,)?(\.-?\d+)?([a-z%])?/i; var d3_format_types = d3.map({ b: function(x) { return x.toString(2); }, c: function(x) { return String.fromCharCode(x); }, o: function(x) { return x.toString(8); }, x: function(x) { return x.toString(16); }, X: function(x) { return x.toString(16).toUpperCase(); }, g: function(x, p) { return x.toPrecision(p); }, e: function(x, p) { return x.toExponential(p); }, f: function(x, p) { return x.toFixed(p); }, r: function(x, p) { return (x = d3.round(x, d3_format_precision(x, p))).toFixed(Math.max(0, Math.min(20, d3_format_precision(x * (1 + 1e-15), p)))); } }); function d3_format_typeDefault(x) { return x + ""; } var d3_time = d3.time = {}, d3_date = Date; function d3_date_utc() { this._ = new Date(arguments.length > 1 ? Date.UTC.apply(this, arguments) : arguments[0]); } d3_date_utc.prototype = { getDate: function() { return this._.getUTCDate(); }, getDay: function() { return this._.getUTCDay(); }, getFullYear: function() { return this._.getUTCFullYear(); }, getHours: function() { return this._.getUTCHours(); }, getMilliseconds: function() { return this._.getUTCMilliseconds(); }, getMinutes: function() { return this._.getUTCMinutes(); }, getMonth: function() { return this._.getUTCMonth(); }, getSeconds: function() { return this._.getUTCSeconds(); }, getTime: function() { return this._.getTime(); }, getTimezoneOffset: function() { return 0; }, valueOf: function() { return this._.valueOf(); }, setDate: function() { d3_time_prototype.setUTCDate.apply(this._, arguments); }, setDay: function() { d3_time_prototype.setUTCDay.apply(this._, arguments); }, setFullYear: function() { d3_time_prototype.setUTCFullYear.apply(this._, arguments); }, setHours: function() { d3_time_prototype.setUTCHours.apply(this._, arguments); }, setMilliseconds: function() { d3_time_prototype.setUTCMilliseconds.apply(this._, arguments); }, setMinutes: function() { d3_time_prototype.setUTCMinutes.apply(this._, arguments); }, setMonth: function() { d3_time_prototype.setUTCMonth.apply(this._, arguments); }, setSeconds: function() { d3_time_prototype.setUTCSeconds.apply(this._, arguments); }, setTime: function() { d3_time_prototype.setTime.apply(this._, arguments); } }; var d3_time_prototype = Date.prototype; function d3_time_interval(local, step, number) { function round(date) { var d0 = local(date), d1 = offset(d0, 1); return date - d0 < d1 - date ? d0 : d1; } function ceil(date) { step(date = local(new d3_date(date - 1)), 1); return date; } function offset(date, k) { step(date = new d3_date(+date), k); return date; } function range(t0, t1, dt) { var time = ceil(t0), times = []; if (dt > 1) { while (time < t1) { if (!(number(time) % dt)) times.push(new Date(+time)); step(time, 1); } } else { while (time < t1) times.push(new Date(+time)), step(time, 1); } return times; } function range_utc(t0, t1, dt) { try { d3_date = d3_date_utc; var utc = new d3_date_utc(); utc._ = t0; return range(utc, t1, dt); } finally { d3_date = Date; } } local.floor = local; local.round = round; local.ceil = ceil; local.offset = offset; local.range = range; var utc = local.utc = d3_time_interval_utc(local); utc.floor = utc; utc.round = d3_time_interval_utc(round); utc.ceil = d3_time_interval_utc(ceil); utc.offset = d3_time_interval_utc(offset); utc.range = range_utc; return local; } function d3_time_interval_utc(method) { return function(date, k) { try { d3_date = d3_date_utc; var utc = new d3_date_utc(); utc._ = date; return method(utc, k)._; } finally { d3_date = Date; } }; } d3_time.year = d3_time_interval(function(date) { date = d3_time.day(date); date.setMonth(0, 1); return date; }, function(date, offset) { date.setFullYear(date.getFullYear() + offset); }, function(date) { return date.getFullYear(); }); d3_time.years = d3_time.year.range; d3_time.years.utc = d3_time.year.utc.range; d3_time.day = d3_time_interval(function(date) { var day = new d3_date(2e3, 0); day.setFullYear(date.getFullYear(), date.getMonth(), date.getDate()); return day; }, function(date, offset) { date.setDate(date.getDate() + offset); }, function(date) { return date.getDate() - 1; }); d3_time.days = d3_time.day.range; d3_time.days.utc = d3_time.day.utc.range; d3_time.dayOfYear = function(date) { var year = d3_time.year(date); return Math.floor((date - year - (date.getTimezoneOffset() - year.getTimezoneOffset()) * 6e4) / 864e5); }; [ "sunday", "monday", "tuesday", "wednesday", "thursday", "friday", "saturday" ].forEach(function(day, i) { i = 7 - i; var interval = d3_time[day] = d3_time_interval(function(date) { (date = d3_time.day(date)).setDate(date.getDate() - (date.getDay() + i) % 7); return date; }, function(date, offset) { date.setDate(date.getDate() + Math.floor(offset) * 7); }, function(date) { var day = d3_time.year(date).getDay(); return Math.floor((d3_time.dayOfYear(date) + (day + i) % 7) / 7) - (day !== i); }); d3_time[day + "s"] = interval.range; d3_time[day + "s"].utc = interval.utc.range; d3_time[day + "OfYear"] = function(date) { var day = d3_time.year(date).getDay(); return Math.floor((d3_time.dayOfYear(date) + (day + i) % 7) / 7); }; }); d3_time.week = d3_time.sunday; d3_time.weeks = d3_time.sunday.range; d3_time.weeks.utc = d3_time.sunday.utc.range; d3_time.weekOfYear = d3_time.sundayOfYear; function d3_locale_timeFormat(locale) { var locale_dateTime = locale.dateTime, locale_date = locale.date, locale_time = locale.time, locale_periods = locale.periods, locale_days = locale.days, locale_shortDays = locale.shortDays, locale_months = locale.months, locale_shortMonths = locale.shortMonths; function d3_time_format(template) { var n = template.length; function format(date) { var string = [], i = -1, j = 0, c, p, f; while (++i < n) { if (template.charCodeAt(i) === 37) { string.push(template.slice(j, i)); if ((p = d3_time_formatPads[c = template.charAt(++i)]) != null) c = template.charAt(++i); if (f = d3_time_formats[c]) c = f(date, p == null ? c === "e" ? " " : "0" : p); string.push(c); j = i + 1; } } string.push(template.slice(j, i)); return string.join(""); } format.parse = function(string) { var d = { y: 1900, m: 0, d: 1, H: 0, M: 0, S: 0, L: 0, Z: null }, i = d3_time_parse(d, template, string, 0); if (i != string.length) return null; if ("p" in d) d.H = d.H % 12 + d.p * 12; var localZ = d.Z != null && d3_date !== d3_date_utc, date = new (localZ ? d3_date_utc : d3_date)(); if ("j" in d) date.setFullYear(d.y, 0, d.j); else if ("W" in d || "U" in d) { if (!("w" in d)) d.w = "W" in d ? 1 : 0; date.setFullYear(d.y, 0, 1); date.setFullYear(d.y, 0, "W" in d ? (d.w + 6) % 7 + d.W * 7 - (date.getDay() + 5) % 7 : d.w + d.U * 7 - (date.getDay() + 6) % 7); } else date.setFullYear(d.y, d.m, d.d); date.setHours(d.H + (d.Z / 100 | 0), d.M + d.Z % 100, d.S, d.L); return localZ ? date._ : date; }; format.toString = function() { return template; }; return format; } function d3_time_parse(date, template, string, j) { var c, p, t, i = 0, n = template.length, m = string.length; while (i < n) { if (j >= m) return -1; c = template.charCodeAt(i++); if (c === 37) { t = template.charAt(i++); p = d3_time_parsers[t in d3_time_formatPads ? template.charAt(i++) : t]; if (!p || (j = p(date, string, j)) < 0) return -1; } else if (c != string.charCodeAt(j++)) { return -1; } } return j; } d3_time_format.utc = function(template) { var local = d3_time_format(template); function format(date) { try { d3_date = d3_date_utc; var utc = new d3_date(); utc._ = date; return local(utc); } finally { d3_date = Date; } } format.parse = function(string) { try { d3_date = d3_date_utc; var date = local.parse(string); return date && date._; } finally { d3_date = Date; } }; format.toString = local.toString; return format; }; d3_time_format.multi = d3_time_format.utc.multi = d3_time_formatMulti; var d3_time_periodLookup = d3.map(), d3_time_dayRe = d3_time_formatRe(locale_days), d3_time_dayLookup = d3_time_formatLookup(locale_days), d3_time_dayAbbrevRe = d3_time_formatRe(locale_shortDays), d3_time_dayAbbrevLookup = d3_time_formatLookup(locale_shortDays), d3_time_monthRe = d3_time_formatRe(locale_months), d3_time_monthLookup = d3_time_formatLookup(locale_months), d3_time_monthAbbrevRe = d3_time_formatRe(locale_shortMonths), d3_time_monthAbbrevLookup = d3_time_formatLookup(locale_shortMonths); locale_periods.forEach(function(p, i) { d3_time_periodLookup.set(p.toLowerCase(), i); }); var d3_time_formats = { a: function(d) { return locale_shortDays[d.getDay()]; }, A: function(d) { return locale_days[d.getDay()]; }, b: function(d) { return locale_shortMonths[d.getMonth()]; }, B: function(d) { return locale_months[d.getMonth()]; }, c: d3_time_format(locale_dateTime), d: function(d, p) { return d3_time_formatPad(d.getDate(), p, 2); }, e: function(d, p) { return d3_time_formatPad(d.getDate(), p, 2); }, H: function(d, p) { return d3_time_formatPad(d.getHours(), p, 2); }, I: function(d, p) { return d3_time_formatPad(d.getHours() % 12 || 12, p, 2); }, j: function(d, p) { return d3_time_formatPad(1 + d3_time.dayOfYear(d), p, 3); }, L: function(d, p) { return d3_time_formatPad(d.getMilliseconds(), p, 3); }, m: function(d, p) { return d3_time_formatPad(d.getMonth() + 1, p, 2); }, M: function(d, p) { return d3_time_formatPad(d.getMinutes(), p, 2); }, p: function(d) { return locale_periods[+(d.getHours() >= 12)]; }, S: function(d, p) { return d3_time_formatPad(d.getSeconds(), p, 2); }, U: function(d, p) { return d3_time_formatPad(d3_time.sundayOfYear(d), p, 2); }, w: function(d) { return d.getDay(); }, W: function(d, p) { return d3_time_formatPad(d3_time.mondayOfYear(d), p, 2); }, x: d3_time_format(locale_date), X: d3_time_format(locale_time), y: function(d, p) { return d3_time_formatPad(d.getFullYear() % 100, p, 2); }, Y: function(d, p) { return d3_time_formatPad(d.getFullYear() % 1e4, p, 4); }, Z: d3_time_zone, "%": function() { return "%"; } }; var d3_time_parsers = { a: d3_time_parseWeekdayAbbrev, A: d3_time_parseWeekday, b: d3_time_parseMonthAbbrev, B: d3_time_parseMonth, c: d3_time_parseLocaleFull, d: d3_time_parseDay, e: d3_time_parseDay, H: d3_time_parseHour24, I: d3_time_parseHour24, j: d3_time_parseDayOfYear, L: d3_time_parseMilliseconds, m: d3_time_parseMonthNumber, M: d3_time_parseMinutes, p: d3_time_parseAmPm, S: d3_time_parseSeconds, U: d3_time_parseWeekNumberSunday, w: d3_time_parseWeekdayNumber, W: d3_time_parseWeekNumberMonday, x: d3_time_parseLocaleDate, X: d3_time_parseLocaleTime, y: d3_time_parseYear, Y: d3_time_parseFullYear, Z: d3_time_parseZone, "%": d3_time_parseLiteralPercent }; function d3_time_parseWeekdayAbbrev(date, string, i) { d3_time_dayAbbrevRe.lastIndex = 0; var n = d3_time_dayAbbrevRe.exec(string.slice(i)); return n ? (date.w = d3_time_dayAbbrevLookup.get(n[0].toLowerCase()), i + n[0].length) : -1; } function d3_time_parseWeekday(date, string, i) { d3_time_dayRe.lastIndex = 0; var n = d3_time_dayRe.exec(string.slice(i)); return n ? (date.w = d3_time_dayLookup.get(n[0].toLowerCase()), i + n[0].length) : -1; } function d3_time_parseMonthAbbrev(date, string, i) { d3_time_monthAbbrevRe.lastIndex = 0; var n = d3_time_monthAbbrevRe.exec(string.slice(i)); return n ? (date.m = d3_time_monthAbbrevLookup.get(n[0].toLowerCase()), i + n[0].length) : -1; } function d3_time_parseMonth(date, string, i) { d3_time_monthRe.lastIndex = 0; var n = d3_time_monthRe.exec(string.slice(i)); return n ? (date.m = d3_time_monthLookup.get(n[0].toLowerCase()), i + n[0].length) : -1; } function d3_time_parseLocaleFull(date, string, i) { return d3_time_parse(date, d3_time_formats.c.toString(), string, i); } function d3_time_parseLocaleDate(date, string, i) { return d3_time_parse(date, d3_time_formats.x.toString(), string, i); } function d3_time_parseLocaleTime(date, string, i) { return d3_time_parse(date, d3_time_formats.X.toString(), string, i); } function d3_time_parseAmPm(date, string, i) { var n = d3_time_periodLookup.get(string.slice(i, i += 2).toLowerCase()); return n == null ? -1 : (date.p = n, i); } return d3_time_format; } var d3_time_formatPads = { "-": "", _: " ", "0": "0" }, d3_time_numberRe = /^\s*\d+/, d3_time_percentRe = /^%/; function d3_time_formatPad(value, fill, width) { var sign = value < 0 ? "-" : "", string = (sign ? -value : value) + "", length = string.length; return sign + (length < width ? new Array(width - length + 1).join(fill) + string : string); } function d3_time_formatRe(names) { return new RegExp("^(?:" + names.map(d3.requote).join("|") + ")", "i"); } function d3_time_formatLookup(names) { var map = new d3_Map(), i = -1, n = names.length; while (++i < n) map.set(names[i].toLowerCase(), i); return map; } function d3_time_parseWeekdayNumber(date, string, i) { d3_time_numberRe.lastIndex = 0; var n = d3_time_numberRe.exec(string.slice(i, i + 1)); return n ? (date.w = +n[0], i + n[0].length) : -1; } function d3_time_parseWeekNumberSunday(date, string, i) { d3_time_numberRe.lastIndex = 0; var n = d3_time_numberRe.exec(string.slice(i)); return n ? (date.U = +n[0], i + n[0].length) : -1; } function d3_time_parseWeekNumberMonday(date, string, i) { d3_time_numberRe.lastIndex = 0; var n = d3_time_numberRe.exec(string.slice(i)); return n ? (date.W = +n[0], i + n[0].length) : -1; } function d3_time_parseFullYear(date, string, i) { d3_time_numberRe.lastIndex = 0; var n = d3_time_numberRe.exec(string.slice(i, i + 4)); return n ? (date.y = +n[0], i + n[0].length) : -1; } function d3_time_parseYear(date, string, i) { d3_time_numberRe.lastIndex = 0; var n = d3_time_numberRe.exec(string.slice(i, i + 2)); return n ? (date.y = d3_time_expandYear(+n[0]), i + n[0].length) : -1; } function d3_time_parseZone(date, string, i) { return /^[+-]\d{4}$/.test(string = string.slice(i, i + 5)) ? (date.Z = -string, i + 5) : -1; } function d3_time_expandYear(d) { return d + (d > 68 ? 1900 : 2e3); } function d3_time_parseMonthNumber(date, string, i) { d3_time_numberRe.lastIndex = 0; var n = d3_time_numberRe.exec(string.slice(i, i + 2)); return n ? (date.m = n[0] - 1, i + n[0].length) : -1; } function d3_time_parseDay(date, string, i) { d3_time_numberRe.lastIndex = 0; var n = d3_time_numberRe.exec(string.slice(i, i + 2)); return n ? (date.d = +n[0], i + n[0].length) : -1; } function d3_time_parseDayOfYear(date, string, i) { d3_time_numberRe.lastIndex = 0; var n = d3_time_numberRe.exec(string.slice(i, i + 3)); return n ? (date.j = +n[0], i + n[0].length) : -1; } function d3_time_parseHour24(date, string, i) { d3_time_numberRe.lastIndex = 0; var n = d3_time_numberRe.exec(string.slice(i, i + 2)); return n ? (date.H = +n[0], i + n[0].length) : -1; } function d3_time_parseMinutes(date, string, i) { d3_time_numberRe.lastIndex = 0; var n = d3_time_numberRe.exec(string.slice(i, i + 2)); return n ? (date.M = +n[0], i + n[0].length) : -1; } function d3_time_parseSeconds(date, string, i) { d3_time_numberRe.lastIndex = 0; var n = d3_time_numberRe.exec(string.slice(i, i + 2)); return n ? (date.S = +n[0], i + n[0].length) : -1; } function d3_time_parseMilliseconds(date, string, i) { d3_time_numberRe.lastIndex = 0; var n = d3_time_numberRe.exec(string.slice(i, i + 3)); return n ? (date.L = +n[0], i + n[0].length) : -1; } function d3_time_zone(d) { var z = d.getTimezoneOffset(), zs = z > 0 ? "-" : "+", zh = abs(z) / 60 | 0, zm = abs(z) % 60; return zs + d3_time_formatPad(zh, "0", 2) + d3_time_formatPad(zm, "0", 2); } function d3_time_parseLiteralPercent(date, string, i) { d3_time_percentRe.lastIndex = 0; var n = d3_time_percentRe.exec(string.slice(i, i + 1)); return n ? i + n[0].length : -1; } function d3_time_formatMulti(formats) { var n = formats.length, i = -1; while (++i < n) formats[i][0] = this(formats[i][0]); return function(date) { var i = 0, f = formats[i]; while (!f[1](date)) f = formats[++i]; return f[0](date); }; } d3.locale = function(locale) { return { numberFormat: d3_locale_numberFormat(locale), timeFormat: d3_locale_timeFormat(locale) }; }; var d3_locale_enUS = d3.locale({ decimal: ".", thousands: ",", grouping: [ 3 ], currency: [ "$", "" ], dateTime: "%a %b %e %X %Y", date: "%m/%d/%Y", time: "%H:%M:%S", periods: [ "AM", "PM" ], days: [ "Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday" ], shortDays: [ "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat" ], months: [ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" ], shortMonths: [ "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec" ] }); d3.format = d3_locale_enUS.numberFormat; d3.geo = {}; function d3_adder() {} d3_adder.prototype = { s: 0, t: 0, add: function(y) { d3_adderSum(y, this.t, d3_adderTemp); d3_adderSum(d3_adderTemp.s, this.s, this); if (this.s) this.t += d3_adderTemp.t; else this.s = d3_adderTemp.t; }, reset: function() { this.s = this.t = 0; }, valueOf: function() { return this.s; } }; var d3_adderTemp = new d3_adder(); function d3_adderSum(a, b, o) { var x = o.s = a + b, bv = x - a, av = x - bv; o.t = a - av + (b - bv); } d3.geo.stream = function(object, listener) { if (object && d3_geo_streamObjectType.hasOwnProperty(object.type)) { d3_geo_streamObjectType[object.type](object, listener); } else { d3_geo_streamGeometry(object, listener); } }; function d3_geo_streamGeometry(geometry, listener) { if (geometry && d3_geo_streamGeometryType.hasOwnProperty(geometry.type)) { d3_geo_streamGeometryType[geometry.type](geometry, listener); } } var d3_geo_streamObjectType = { Feature: function(feature, listener) { d3_geo_streamGeometry(feature.geometry, listener); }, FeatureCollection: function(object, listener) { var features = object.features, i = -1, n = features.length; while (++i < n) d3_geo_streamGeometry(features[i].geometry, listener); } }; var d3_geo_streamGeometryType = { Sphere: function(object, listener) { listener.sphere(); }, Point: function(object, listener) { object = object.coordinates; listener.point(object[0], object[1], object[2]); }, MultiPoint: function(object, listener) { var coordinates = object.coordinates, i = -1, n = coordinates.length; while (++i < n) object = coordinates[i], listener.point(object[0], object[1], object[2]); }, LineString: function(object, listener) { d3_geo_streamLine(object.coordinates, listener, 0); }, MultiLineString: function(object, listener) { var coordinates = object.coordinates, i = -1, n = coordinates.length; while (++i < n) d3_geo_streamLine(coordinates[i], listener, 0); }, Polygon: function(object, listener) { d3_geo_streamPolygon(object.coordinates, listener); }, MultiPolygon: function(object, listener) { var coordinates = object.coordinates, i = -1, n = coordinates.length; while (++i < n) d3_geo_streamPolygon(coordinates[i], listener); }, GeometryCollection: function(object, listener) { var geometries = object.geometries, i = -1, n = geometries.length; while (++i < n) d3_geo_streamGeometry(geometries[i], listener); } }; function d3_geo_streamLine(coordinates, listener, closed) { var i = -1, n = coordinates.length - closed, coordinate; listener.lineStart(); while (++i < n) coordinate = coordinates[i], listener.point(coordinate[0], coordinate[1], coordinate[2]); listener.lineEnd(); } function d3_geo_streamPolygon(coordinates, listener) { var i = -1, n = coordinates.length; listener.polygonStart(); while (++i < n) d3_geo_streamLine(coordinates[i], listener, 1); listener.polygonEnd(); } d3.geo.area = function(object) { d3_geo_areaSum = 0; d3.geo.stream(object, d3_geo_area); return d3_geo_areaSum; }; var d3_geo_areaSum, d3_geo_areaRingSum = new d3_adder(); var d3_geo_area = { sphere: function() { d3_geo_areaSum += 4 * π; }, point: d3_noop, lineStart: d3_noop, lineEnd: d3_noop, polygonStart: function() { d3_geo_areaRingSum.reset(); d3_geo_area.lineStart = d3_geo_areaRingStart; }, polygonEnd: function() { var area = 2 * d3_geo_areaRingSum; d3_geo_areaSum += area < 0 ? 4 * π + area : area; d3_geo_area.lineStart = d3_geo_area.lineEnd = d3_geo_area.point = d3_noop; } }; function d3_geo_areaRingStart() { var λ00, φ00, λ0, cosφ0, sinφ0; d3_geo_area.point = function(λ, φ) { d3_geo_area.point = nextPoint; λ0 = (λ00 = λ) * d3_radians, cosφ0 = Math.cos(φ = (φ00 = φ) * d3_radians / 2 + π / 4), sinφ0 = Math.sin(φ); }; function nextPoint(λ, φ) { λ *= d3_radians; φ = φ * d3_radians / 2 + π / 4; var dλ = λ - λ0, sdλ = dλ >= 0 ? 1 : -1, adλ = sdλ * dλ, cosφ = Math.cos(φ), sinφ = Math.sin(φ), k = sinφ0 * sinφ, u = cosφ0 * cosφ + k * Math.cos(adλ), v = k * sdλ * Math.sin(adλ); d3_geo_areaRingSum.add(Math.atan2(v, u)); λ0 = λ, cosφ0 = cosφ, sinφ0 = sinφ; } d3_geo_area.lineEnd = function() { nextPoint(λ00, φ00); }; } function d3_geo_cartesian(spherical) { var λ = spherical[0], φ = spherical[1], cosφ = Math.cos(φ); return [ cosφ * Math.cos(λ), cosφ * Math.sin(λ), Math.sin(φ) ]; } function d3_geo_cartesianDot(a, b) { return a[0] * b[0] + a[1] * b[1] + a[2] * b[2]; } function d3_geo_cartesianCross(a, b) { return [ a[1] * b[2] - a[2] * b[1], a[2] * b[0] - a[0] * b[2], a[0] * b[1] - a[1] * b[0] ]; } function d3_geo_cartesianAdd(a, b) { a[0] += b[0]; a[1] += b[1]; a[2] += b[2]; } function d3_geo_cartesianScale(vector, k) { return [ vector[0] * k, vector[1] * k, vector[2] * k ]; } function d3_geo_cartesianNormalize(d) { var l = Math.sqrt(d[0] * d[0] + d[1] * d[1] + d[2] * d[2]); d[0] /= l; d[1] /= l; d[2] /= l; } function d3_geo_spherical(cartesian) { return [ Math.atan2(cartesian[1], cartesian[0]), d3_asin(cartesian[2]) ]; } function d3_geo_sphericalEqual(a, b) { return abs(a[0] - b[0]) < ε && abs(a[1] - b[1]) < ε; } d3.geo.bounds = function() { var λ0, φ0, λ1, φ1, λ_, λ__, φ__, p0, dλSum, ranges, range; var bound = { point: point, lineStart: lineStart, lineEnd: lineEnd, polygonStart: function() { bound.point = ringPoint; bound.lineStart = ringStart; bound.lineEnd = ringEnd; dλSum = 0; d3_geo_area.polygonStart(); }, polygonEnd: function() { d3_geo_area.polygonEnd(); bound.point = point; bound.lineStart = lineStart; bound.lineEnd = lineEnd; if (d3_geo_areaRingSum < 0) λ0 = -(λ1 = 180), φ0 = -(φ1 = 90); else if (dλSum > ε) φ1 = 90; else if (dλSum < -ε) φ0 = -90; range[0] = λ0, range[1] = λ1; } }; function point(λ, φ) { ranges.push(range = [ λ0 = λ, λ1 = λ ]); if (φ < φ0) φ0 = φ; if (φ > φ1) φ1 = φ; } function linePoint(λ, φ) { var p = d3_geo_cartesian([ λ * d3_radians, φ * d3_radians ]); if (p0) { var normal = d3_geo_cartesianCross(p0, p), equatorial = [ normal[1], -normal[0], 0 ], inflection = d3_geo_cartesianCross(equatorial, normal); d3_geo_cartesianNormalize(inflection); inflection = d3_geo_spherical(inflection); var dλ = λ - λ_, s = dλ > 0 ? 1 : -1, λi = inflection[0] * d3_degrees * s, antimeridian = abs(dλ) > 180; if (antimeridian ^ (s * λ_ < λi && λi < s * λ)) { var φi = inflection[1] * d3_degrees; if (φi > φ1) φ1 = φi; } else if (λi = (λi + 360) % 360 - 180, antimeridian ^ (s * λ_ < λi && λi < s * λ)) { var φi = -inflection[1] * d3_degrees; if (φi < φ0) φ0 = φi; } else { if (φ < φ0) φ0 = φ; if (φ > φ1) φ1 = φ; } if (antimeridian) { if (λ < λ_) { if (angle(λ0, λ) > angle(λ0, λ1)) λ1 = λ; } else { if (angle(λ, λ1) > angle(λ0, λ1)) λ0 = λ; } } else { if (λ1 >= λ0) { if (λ < λ0) λ0 = λ; if (λ > λ1) λ1 = λ; } else { if (λ > λ_) { if (angle(λ0, λ) > angle(λ0, λ1)) λ1 = λ; } else { if (angle(λ, λ1) > angle(λ0, λ1)) λ0 = λ; } } } } else { point(λ, φ); } p0 = p, λ_ = λ; } function lineStart() { bound.point = linePoint; } function lineEnd() { range[0] = λ0, range[1] = λ1; bound.point = point; p0 = null; } function ringPoint(λ, φ) { if (p0) { var dλ = λ - λ_; dλSum += abs(dλ) > 180 ? dλ + (dλ > 0 ? 360 : -360) : dλ; } else λ__ = λ, φ__ = φ; d3_geo_area.point(λ, φ); linePoint(λ, φ); } function ringStart() { d3_geo_area.lineStart(); } function ringEnd() { ringPoint(λ__, φ__); d3_geo_area.lineEnd(); if (abs(dλSum) > ε) λ0 = -(λ1 = 180); range[0] = λ0, range[1] = λ1; p0 = null; } function angle(λ0, λ1) { return (λ1 -= λ0) < 0 ? λ1 + 360 : λ1; } function compareRanges(a, b) { return a[0] - b[0]; } function withinRange(x, range) { return range[0] <= range[1] ? range[0] <= x && x <= range[1] : x < range[0] || range[1] < x; } return function(feature) { φ1 = λ1 = -(λ0 = φ0 = Infinity); ranges = []; d3.geo.stream(feature, bound); var n = ranges.length; if (n) { ranges.sort(compareRanges); for (var i = 1, a = ranges[0], b, merged = [ a ]; i < n; ++i) { b = ranges[i]; if (withinRange(b[0], a) || withinRange(b[1], a)) { if (angle(a[0], b[1]) > angle(a[0], a[1])) a[1] = b[1]; if (angle(b[0], a[1]) > angle(a[0], a[1])) a[0] = b[0]; } else { merged.push(a = b); } } var best = -Infinity, dλ; for (var n = merged.length - 1, i = 0, a = merged[n], b; i <= n; a = b, ++i) { b = merged[i]; if ((dλ = angle(a[1], b[0])) > best) best = dλ, λ0 = b[0], λ1 = a[1]; } } ranges = range = null; return λ0 === Infinity || φ0 === Infinity ? [ [ NaN, NaN ], [ NaN, NaN ] ] : [ [ λ0, φ0 ], [ λ1, φ1 ] ]; }; }(); d3.geo.centroid = function(object) { d3_geo_centroidW0 = d3_geo_centroidW1 = d3_geo_centroidX0 = d3_geo_centroidY0 = d3_geo_centroidZ0 = d3_geo_centroidX1 = d3_geo_centroidY1 = d3_geo_centroidZ1 = d3_geo_centroidX2 = d3_geo_centroidY2 = d3_geo_centroidZ2 = 0; d3.geo.stream(object, d3_geo_centroid); var x = d3_geo_centroidX2, y = d3_geo_centroidY2, z = d3_geo_centroidZ2, m = x * x + y * y + z * z; if (m < ε2) { x = d3_geo_centroidX1, y = d3_geo_centroidY1, z = d3_geo_centroidZ1; if (d3_geo_centroidW1 < ε) x = d3_geo_centroidX0, y = d3_geo_centroidY0, z = d3_geo_centroidZ0; m = x * x + y * y + z * z; if (m < ε2) return [ NaN, NaN ]; } return [ Math.atan2(y, x) * d3_degrees, d3_asin(z / Math.sqrt(m)) * d3_degrees ]; }; var d3_geo_centroidW0, d3_geo_centroidW1, d3_geo_centroidX0, d3_geo_centroidY0, d3_geo_centroidZ0, d3_geo_centroidX1, d3_geo_centroidY1, d3_geo_centroidZ1, d3_geo_centroidX2, d3_geo_centroidY2, d3_geo_centroidZ2; var d3_geo_centroid = { sphere: d3_noop, point: d3_geo_centroidPoint, lineStart: d3_geo_centroidLineStart, lineEnd: d3_geo_centroidLineEnd, polygonStart: function() { d3_geo_centroid.lineStart = d3_geo_centroidRingStart; }, polygonEnd: function() { d3_geo_centroid.lineStart = d3_geo_centroidLineStart; } }; function d3_geo_centroidPoint(λ, φ) { λ *= d3_radians; var cosφ = Math.cos(φ *= d3_radians); d3_geo_centroidPointXYZ(cosφ * Math.cos(λ), cosφ * Math.sin(λ), Math.sin(φ)); } function d3_geo_centroidPointXYZ(x, y, z) { ++d3_geo_centroidW0; d3_geo_centroidX0 += (x - d3_geo_centroidX0) / d3_geo_centroidW0; d3_geo_centroidY0 += (y - d3_geo_centroidY0) / d3_geo_centroidW0; d3_geo_centroidZ0 += (z - d3_geo_centroidZ0) / d3_geo_centroidW0; } function d3_geo_centroidLineStart() { var x0, y0, z0; d3_geo_centroid.point = function(λ, φ) { λ *= d3_radians; var cosφ = Math.cos(φ *= d3_radians); x0 = cosφ * Math.cos(λ); y0 = cosφ * Math.sin(λ); z0 = Math.sin(φ); d3_geo_centroid.point = nextPoint; d3_geo_centroidPointXYZ(x0, y0, z0); }; function nextPoint(λ, φ) { λ *= d3_radians; var cosφ = Math.cos(φ *= d3_radians), x = cosφ * Math.cos(λ), y = cosφ * Math.sin(λ), z = Math.sin(φ), w = Math.atan2(Math.sqrt((w = y0 * z - z0 * y) * w + (w = z0 * x - x0 * z) * w + (w = x0 * y - y0 * x) * w), x0 * x + y0 * y + z0 * z); d3_geo_centroidW1 += w; d3_geo_centroidX1 += w * (x0 + (x0 = x)); d3_geo_centroidY1 += w * (y0 + (y0 = y)); d3_geo_centroidZ1 += w * (z0 + (z0 = z)); d3_geo_centroidPointXYZ(x0, y0, z0); } } function d3_geo_centroidLineEnd() { d3_geo_centroid.point = d3_geo_centroidPoint; } function d3_geo_centroidRingStart() { var λ00, φ00, x0, y0, z0; d3_geo_centroid.point = function(λ, φ) { λ00 = λ, φ00 = φ; d3_geo_centroid.point = nextPoint; λ *= d3_radians; var cosφ = Math.cos(φ *= d3_radians); x0 = cosφ * Math.cos(λ); y0 = cosφ * Math.sin(λ); z0 = Math.sin(φ); d3_geo_centroidPointXYZ(x0, y0, z0); }; d3_geo_centroid.lineEnd = function() { nextPoint(λ00, φ00); d3_geo_centroid.lineEnd = d3_geo_centroidLineEnd; d3_geo_centroid.point = d3_geo_centroidPoint; }; function nextPoint(λ, φ) { λ *= d3_radians; var cosφ = Math.cos(φ *= d3_radians), x = cosφ * Math.cos(λ), y = cosφ * Math.sin(λ), z = Math.sin(φ), cx = y0 * z - z0 * y, cy = z0 * x - x0 * z, cz = x0 * y - y0 * x, m = Math.sqrt(cx * cx + cy * cy + cz * cz), u = x0 * x + y0 * y + z0 * z, v = m && -d3_acos(u) / m, w = Math.atan2(m, u); d3_geo_centroidX2 += v * cx; d3_geo_centroidY2 += v * cy; d3_geo_centroidZ2 += v * cz; d3_geo_centroidW1 += w; d3_geo_centroidX1 += w * (x0 + (x0 = x)); d3_geo_centroidY1 += w * (y0 + (y0 = y)); d3_geo_centroidZ1 += w * (z0 + (z0 = z)); d3_geo_centroidPointXYZ(x0, y0, z0); } } function d3_geo_compose(a, b) { function compose(x, y) { return x = a(x, y), b(x[0], x[1]); } if (a.invert && b.invert) compose.invert = function(x, y) { return x = b.invert(x, y), x && a.invert(x[0], x[1]); }; return compose; } function d3_true() { return true; } function d3_geo_clipPolygon(segments, compare, clipStartInside, interpolate, listener) { var subject = [], clip = []; segments.forEach(function(segment) { if ((n = segment.length - 1) <= 0) return; var n, p0 = segment[0], p1 = segment[n]; if (d3_geo_sphericalEqual(p0, p1)) { listener.lineStart(); for (var i = 0; i < n; ++i) listener.point((p0 = segment[i])[0], p0[1]); listener.lineEnd(); return; } var a = new d3_geo_clipPolygonIntersection(p0, segment, null, true), b = new d3_geo_clipPolygonIntersection(p0, null, a, false); a.o = b; subject.push(a); clip.push(b); a = new d3_geo_clipPolygonIntersection(p1, segment, null, false); b = new d3_geo_clipPolygonIntersection(p1, null, a, true); a.o = b; subject.push(a); clip.push(b); }); clip.sort(compare); d3_geo_clipPolygonLinkCircular(subject); d3_geo_clipPolygonLinkCircular(clip); if (!subject.length) return; for (var i = 0, entry = clipStartInside, n = clip.length; i < n; ++i) { clip[i].e = entry = !entry; } var start = subject[0], points, point; while (1) { var current = start, isSubject = true; while (current.v) if ((current = current.n) === start) return; points = current.z; listener.lineStart(); do { current.v = current.o.v = true; if (current.e) { if (isSubject) { for (var i = 0, n = points.length; i < n; ++i) listener.point((point = points[i])[0], point[1]); } else { interpolate(current.x, current.n.x, 1, listener); } current = current.n; } else { if (isSubject) { points = current.p.z; for (var i = points.length - 1; i >= 0; --i) listener.point((point = points[i])[0], point[1]); } else { interpolate(current.x, current.p.x, -1, listener); } current = current.p; } current = current.o; points = current.z; isSubject = !isSubject; } while (!current.v); listener.lineEnd(); } } function d3_geo_clipPolygonLinkCircular(array) { if (!(n = array.length)) return; var n, i = 0, a = array[0], b; while (++i < n) { a.n = b = array[i]; b.p = a; a = b; } a.n = b = array[0]; b.p = a; } function d3_geo_clipPolygonIntersection(point, points, other, entry) { this.x = point; this.z = points; this.o = other; this.e = entry; this.v = false; this.n = this.p = null; } function d3_geo_clip(pointVisible, clipLine, interpolate, clipStart) { return function(rotate, listener) { var line = clipLine(listener), rotatedClipStart = rotate.invert(clipStart[0], clipStart[1]); var clip = { point: point, lineStart: lineStart, lineEnd: lineEnd, polygonStart: function() { clip.point = pointRing; clip.lineStart = ringStart; clip.lineEnd = ringEnd; segments = []; polygon = []; }, polygonEnd: function() { clip.point = point; clip.lineStart = lineStart; clip.lineEnd = lineEnd; segments = d3.merge(segments); var clipStartInside = d3_geo_pointInPolygon(rotatedClipStart, polygon); if (segments.length) { if (!polygonStarted) listener.polygonStart(), polygonStarted = true; d3_geo_clipPolygon(segments, d3_geo_clipSort, clipStartInside, interpolate, listener); } else if (clipStartInside) { if (!polygonStarted) listener.polygonStart(), polygonStarted = true; listener.lineStart(); interpolate(null, null, 1, listener); listener.lineEnd(); } if (polygonStarted) listener.polygonEnd(), polygonStarted = false; segments = polygon = null; }, sphere: function() { listener.polygonStart(); listener.lineStart(); interpolate(null, null, 1, listener); listener.lineEnd(); listener.polygonEnd(); } }; function point(λ, φ) { var point = rotate(λ, φ); if (pointVisible(λ = point[0], φ = point[1])) listener.point(λ, φ); } function pointLine(λ, φ) { var point = rotate(λ, φ); line.point(point[0], point[1]); } function lineStart() { clip.point = pointLine; line.lineStart(); } function lineEnd() { clip.point = point; line.lineEnd(); } var segments; var buffer = d3_geo_clipBufferListener(), ringListener = clipLine(buffer), polygonStarted = false, polygon, ring; function pointRing(λ, φ) { ring.push([ λ, φ ]); var point = rotate(λ, φ); ringListener.point(point[0], point[1]); } function ringStart() { ringListener.lineStart(); ring = []; } function ringEnd() { pointRing(ring[0][0], ring[0][1]); ringListener.lineEnd(); var clean = ringListener.clean(), ringSegments = buffer.buffer(), segment, n = ringSegments.length; ring.pop(); polygon.push(ring); ring = null; if (!n) return; if (clean & 1) { segment = ringSegments[0]; var n = segment.length - 1, i = -1, point; if (n > 0) { if (!polygonStarted) listener.polygonStart(), polygonStarted = true; listener.lineStart(); while (++i < n) listener.point((point = segment[i])[0], point[1]); listener.lineEnd(); } return; } if (n > 1 && clean & 2) ringSegments.push(ringSegments.pop().concat(ringSegments.shift())); segments.push(ringSegments.filter(d3_geo_clipSegmentLength1)); } return clip; }; } function d3_geo_clipSegmentLength1(segment) { return segment.length > 1; } function d3_geo_clipBufferListener() { var lines = [], line; return { lineStart: function() { lines.push(line = []); }, point: function(λ, φ) { line.push([ λ, φ ]); }, lineEnd: d3_noop, buffer: function() { var buffer = lines; lines = []; line = null; return buffer; }, rejoin: function() { if (lines.length > 1) lines.push(lines.pop().concat(lines.shift())); } }; } function d3_geo_clipSort(a, b) { return ((a = a.x)[0] < 0 ? a[1] - halfπ - ε : halfπ - a[1]) - ((b = b.x)[0] < 0 ? b[1] - halfπ - ε : halfπ - b[1]); } var d3_geo_clipAntimeridian = d3_geo_clip(d3_true, d3_geo_clipAntimeridianLine, d3_geo_clipAntimeridianInterpolate, [ -π, -π / 2 ]); function d3_geo_clipAntimeridianLine(listener) { var λ0 = NaN, φ0 = NaN, sλ0 = NaN, clean; return { lineStart: function() { listener.lineStart(); clean = 1; }, point: function(λ1, φ1) { var sλ1 = λ1 > 0 ? π : -π, dλ = abs(λ1 - λ0); if (abs(dλ - π) < ε) { listener.point(λ0, φ0 = (φ0 + φ1) / 2 > 0 ? halfπ : -halfπ); listener.point(sλ0, φ0); listener.lineEnd(); listener.lineStart(); listener.point(sλ1, φ0); listener.point(λ1, φ0); clean = 0; } else if (sλ0 !== sλ1 && dλ >= π) { if (abs(λ0 - sλ0) < ε) λ0 -= sλ0 * ε; if (abs(λ1 - sλ1) < ε) λ1 -= sλ1 * ε; φ0 = d3_geo_clipAntimeridianIntersect(λ0, φ0, λ1, φ1); listener.point(sλ0, φ0); listener.lineEnd(); listener.lineStart(); listener.point(sλ1, φ0); clean = 0; } listener.point(λ0 = λ1, φ0 = φ1); sλ0 = sλ1; }, lineEnd: function() { listener.lineEnd(); λ0 = φ0 = NaN; }, clean: function() { return 2 - clean; } }; } function d3_geo_clipAntimeridianIntersect(λ0, φ0, λ1, φ1) { var cosφ0, cosφ1, sinλ0_λ1 = Math.sin(λ0 - λ1); return abs(sinλ0_λ1) > ε ? Math.atan((Math.sin(φ0) * (cosφ1 = Math.cos(φ1)) * Math.sin(λ1) - Math.sin(φ1) * (cosφ0 = Math.cos(φ0)) * Math.sin(λ0)) / (cosφ0 * cosφ1 * sinλ0_λ1)) : (φ0 + φ1) / 2; } function d3_geo_clipAntimeridianInterpolate(from, to, direction, listener) { var φ; if (from == null) { φ = direction * halfπ; listener.point(-π, φ); listener.point(0, φ); listener.point(π, φ); listener.point(π, 0); listener.point(π, -φ); listener.point(0, -φ); listener.point(-π, -φ); listener.point(-π, 0); listener.point(-π, φ); } else if (abs(from[0] - to[0]) > ε) { var s = from[0] < to[0] ? π : -π; φ = direction * s / 2; listener.point(-s, φ); listener.point(0, φ); listener.point(s, φ); } else { listener.point(to[0], to[1]); } } function d3_geo_pointInPolygon(point, polygon) { var meridian = point[0], parallel = point[1], meridianNormal = [ Math.sin(meridian), -Math.cos(meridian), 0 ], polarAngle = 0, winding = 0; d3_geo_areaRingSum.reset(); for (var i = 0, n = polygon.length; i < n; ++i) { var ring = polygon[i], m = ring.length; if (!m) continue; var point0 = ring[0], λ0 = point0[0], φ0 = point0[1] / 2 + π / 4, sinφ0 = Math.sin(φ0), cosφ0 = Math.cos(φ0), j = 1; while (true) { if (j === m) j = 0; point = ring[j]; var λ = point[0], φ = point[1] / 2 + π / 4, sinφ = Math.sin(φ), cosφ = Math.cos(φ), dλ = λ - λ0, sdλ = dλ >= 0 ? 1 : -1, adλ = sdλ * dλ, antimeridian = adλ > π, k = sinφ0 * sinφ; d3_geo_areaRingSum.add(Math.atan2(k * sdλ * Math.sin(adλ), cosφ0 * cosφ + k * Math.cos(adλ))); polarAngle += antimeridian ? dλ + sdλ * τ : dλ; if (antimeridian ^ λ0 >= meridian ^ λ >= meridian) { var arc = d3_geo_cartesianCross(d3_geo_cartesian(point0), d3_geo_cartesian(point)); d3_geo_cartesianNormalize(arc); var intersection = d3_geo_cartesianCross(meridianNormal, arc); d3_geo_cartesianNormalize(intersection); var φarc = (antimeridian ^ dλ >= 0 ? -1 : 1) * d3_asin(intersection[2]); if (parallel > φarc || parallel === φarc && (arc[0] || arc[1])) { winding += antimeridian ^ dλ >= 0 ? 1 : -1; } } if (!j++) break; λ0 = λ, sinφ0 = sinφ, cosφ0 = cosφ, point0 = point; } } return (polarAngle < -ε || polarAngle < ε && d3_geo_areaRingSum < -ε) ^ winding & 1; } function d3_geo_clipCircle(radius) { var cr = Math.cos(radius), smallRadius = cr > 0, notHemisphere = abs(cr) > ε, interpolate = d3_geo_circleInterpolate(radius, 6 * d3_radians); return d3_geo_clip(visible, clipLine, interpolate, smallRadius ? [ 0, -radius ] : [ -π, radius - π ]); function visible(λ, φ) { return Math.cos(λ) * Math.cos(φ) > cr; } function clipLine(listener) { var point0, c0, v0, v00, clean; return { lineStart: function() { v00 = v0 = false; clean = 1; }, point: function(λ, φ) { var point1 = [ λ, φ ], point2, v = visible(λ, φ), c = smallRadius ? v ? 0 : code(λ, φ) : v ? code(λ + (λ < 0 ? π : -π), φ) : 0; if (!point0 && (v00 = v0 = v)) listener.lineStart(); if (v !== v0) { point2 = intersect(point0, point1); if (d3_geo_sphericalEqual(point0, point2) || d3_geo_sphericalEqual(point1, point2)) { point1[0] += ε; point1[1] += ε; v = visible(point1[0], point1[1]); } } if (v !== v0) { clean = 0; if (v) { listener.lineStart(); point2 = intersect(point1, point0); listener.point(point2[0], point2[1]); } else { point2 = intersect(point0, point1); listener.point(point2[0], point2[1]); listener.lineEnd(); } point0 = point2; } else if (notHemisphere && point0 && smallRadius ^ v) { var t; if (!(c & c0) && (t = intersect(point1, point0, true))) { clean = 0; if (smallRadius) { listener.lineStart(); listener.point(t[0][0], t[0][1]); listener.point(t[1][0], t[1][1]); listener.lineEnd(); } else { listener.point(t[1][0], t[1][1]); listener.lineEnd(); listener.lineStart(); listener.point(t[0][0], t[0][1]); } } } if (v && (!point0 || !d3_geo_sphericalEqual(point0, point1))) { listener.point(point1[0], point1[1]); } point0 = point1, v0 = v, c0 = c; }, lineEnd: function() { if (v0) listener.lineEnd(); point0 = null; }, clean: function() { return clean | (v00 && v0) << 1; } }; } function intersect(a, b, two) { var pa = d3_geo_cartesian(a), pb = d3_geo_cartesian(b); var n1 = [ 1, 0, 0 ], n2 = d3_geo_cartesianCross(pa, pb), n2n2 = d3_geo_cartesianDot(n2, n2), n1n2 = n2[0], determinant = n2n2 - n1n2 * n1n2; if (!determinant) return !two && a; var c1 = cr * n2n2 / determinant, c2 = -cr * n1n2 / determinant, n1xn2 = d3_geo_cartesianCross(n1, n2), A = d3_geo_cartesianScale(n1, c1), B = d3_geo_cartesianScale(n2, c2); d3_geo_cartesianAdd(A, B); var u = n1xn2, w = d3_geo_cartesianDot(A, u), uu = d3_geo_cartesianDot(u, u), t2 = w * w - uu * (d3_geo_cartesianDot(A, A) - 1); if (t2 < 0) return; var t = Math.sqrt(t2), q = d3_geo_cartesianScale(u, (-w - t) / uu); d3_geo_cartesianAdd(q, A); q = d3_geo_spherical(q); if (!two) return q; var λ0 = a[0], λ1 = b[0], φ0 = a[1], φ1 = b[1], z; if (λ1 < λ0) z = λ0, λ0 = λ1, λ1 = z; var δλ = λ1 - λ0, polar = abs(δλ - π) < ε, meridian = polar || δλ < ε; if (!polar && φ1 < φ0) z = φ0, φ0 = φ1, φ1 = z; if (meridian ? polar ? φ0 + φ1 > 0 ^ q[1] < (abs(q[0] - λ0) < ε ? φ0 : φ1) : φ0 <= q[1] && q[1] <= φ1 : δλ > π ^ (λ0 <= q[0] && q[0] <= λ1)) { var q1 = d3_geo_cartesianScale(u, (-w + t) / uu); d3_geo_cartesianAdd(q1, A); return [ q, d3_geo_spherical(q1) ]; } } function code(λ, φ) { var r = smallRadius ? radius : π - radius, code = 0; if (λ < -r) code |= 1; else if (λ > r) code |= 2; if (φ < -r) code |= 4; else if (φ > r) code |= 8; return code; } } function d3_geom_clipLine(x0, y0, x1, y1) { return function(line) { var a = line.a, b = line.b, ax = a.x, ay = a.y, bx = b.x, by = b.y, t0 = 0, t1 = 1, dx = bx - ax, dy = by - ay, r; r = x0 - ax; if (!dx && r > 0) return; r /= dx; if (dx < 0) { if (r < t0) return; if (r < t1) t1 = r; } else if (dx > 0) { if (r > t1) return; if (r > t0) t0 = r; } r = x1 - ax; if (!dx && r < 0) return; r /= dx; if (dx < 0) { if (r > t1) return; if (r > t0) t0 = r; } else if (dx > 0) { if (r < t0) return; if (r < t1) t1 = r; } r = y0 - ay; if (!dy && r > 0) return; r /= dy; if (dy < 0) { if (r < t0) return; if (r < t1) t1 = r; } else if (dy > 0) { if (r > t1) return; if (r > t0) t0 = r; } r = y1 - ay; if (!dy && r < 0) return; r /= dy; if (dy < 0) { if (r > t1) return; if (r > t0) t0 = r; } else if (dy > 0) { if (r < t0) return; if (r < t1) t1 = r; } if (t0 > 0) line.a = { x: ax + t0 * dx, y: ay + t0 * dy }; if (t1 < 1) line.b = { x: ax + t1 * dx, y: ay + t1 * dy }; return line; }; } var d3_geo_clipExtentMAX = 1e9; d3.geo.clipExtent = function() { var x0, y0, x1, y1, stream, clip, clipExtent = { stream: function(output) { if (stream) stream.valid = false; stream = clip(output); stream.valid = true; return stream; }, extent: function(_) { if (!arguments.length) return [ [ x0, y0 ], [ x1, y1 ] ]; clip = d3_geo_clipExtent(x0 = +_[0][0], y0 = +_[0][1], x1 = +_[1][0], y1 = +_[1][1]); if (stream) stream.valid = false, stream = null; return clipExtent; } }; return clipExtent.extent([ [ 0, 0 ], [ 960, 500 ] ]); }; function d3_geo_clipExtent(x0, y0, x1, y1) { return function(listener) { var listener_ = listener, bufferListener = d3_geo_clipBufferListener(), clipLine = d3_geom_clipLine(x0, y0, x1, y1), segments, polygon, ring; var clip = { point: point, lineStart: lineStart, lineEnd: lineEnd, polygonStart: function() { listener = bufferListener; segments = []; polygon = []; clean = true; }, polygonEnd: function() { listener = listener_; segments = d3.merge(segments); var clipStartInside = insidePolygon([ x0, y1 ]), inside = clean && clipStartInside, visible = segments.length; if (inside || visible) { listener.polygonStart(); if (inside) { listener.lineStart(); interpolate(null, null, 1, listener); listener.lineEnd(); } if (visible) { d3_geo_clipPolygon(segments, compare, clipStartInside, interpolate, listener); } listener.polygonEnd(); } segments = polygon = ring = null; } }; function insidePolygon(p) { var wn = 0, n = polygon.length, y = p[1]; for (var i = 0; i < n; ++i) { for (var j = 1, v = polygon[i], m = v.length, a = v[0], b; j < m; ++j) { b = v[j]; if (a[1] <= y) { if (b[1] > y && d3_cross2d(a, b, p) > 0) ++wn; } else { if (b[1] <= y && d3_cross2d(a, b, p) < 0) --wn; } a = b; } } return wn !== 0; } function interpolate(from, to, direction, listener) { var a = 0, a1 = 0; if (from == null || (a = corner(from, direction)) !== (a1 = corner(to, direction)) || comparePoints(from, to) < 0 ^ direction > 0) { do { listener.point(a === 0 || a === 3 ? x0 : x1, a > 1 ? y1 : y0); } while ((a = (a + direction + 4) % 4) !== a1); } else { listener.point(to[0], to[1]); } } function pointVisible(x, y) { return x0 <= x && x <= x1 && y0 <= y && y <= y1; } function point(x, y) { if (pointVisible(x, y)) listener.point(x, y); } var x__, y__, v__, x_, y_, v_, first, clean; function lineStart() { clip.point = linePoint; if (polygon) polygon.push(ring = []); first = true; v_ = false; x_ = y_ = NaN; } function lineEnd() { if (segments) { linePoint(x__, y__); if (v__ && v_) bufferListener.rejoin(); segments.push(bufferListener.buffer()); } clip.point = point; if (v_) listener.lineEnd(); } function linePoint(x, y) { x = Math.max(-d3_geo_clipExtentMAX, Math.min(d3_geo_clipExtentMAX, x)); y = Math.max(-d3_geo_clipExtentMAX, Math.min(d3_geo_clipExtentMAX, y)); var v = pointVisible(x, y); if (polygon) ring.push([ x, y ]); if (first) { x__ = x, y__ = y, v__ = v; first = false; if (v) { listener.lineStart(); listener.point(x, y); } } else { if (v && v_) listener.point(x, y); else { var l = { a: { x: x_, y: y_ }, b: { x: x, y: y } }; if (clipLine(l)) { if (!v_) { listener.lineStart(); listener.point(l.a.x, l.a.y); } listener.point(l.b.x, l.b.y); if (!v) listener.lineEnd(); clean = false; } else if (v) { listener.lineStart(); listener.point(x, y); clean = false; } } } x_ = x, y_ = y, v_ = v; } return clip; }; function corner(p, direction) { return abs(p[0] - x0) < ε ? direction > 0 ? 0 : 3 : abs(p[0] - x1) < ε ? direction > 0 ? 2 : 1 : abs(p[1] - y0) < ε ? direction > 0 ? 1 : 0 : direction > 0 ? 3 : 2; } function compare(a, b) { return comparePoints(a.x, b.x); } function comparePoints(a, b) { var ca = corner(a, 1), cb = corner(b, 1); return ca !== cb ? ca - cb : ca === 0 ? b[1] - a[1] : ca === 1 ? a[0] - b[0] : ca === 2 ? a[1] - b[1] : b[0] - a[0]; } } function d3_geo_conic(projectAt) { var φ0 = 0, φ1 = π / 3, m = d3_geo_projectionMutator(projectAt), p = m(φ0, φ1); p.parallels = function(_) { if (!arguments.length) return [ φ0 / π * 180, φ1 / π * 180 ]; return m(φ0 = _[0] * π / 180, φ1 = _[1] * π / 180); }; return p; } function d3_geo_conicEqualArea(φ0, φ1) { var sinφ0 = Math.sin(φ0), n = (sinφ0 + Math.sin(φ1)) / 2, C = 1 + sinφ0 * (2 * n - sinφ0), ρ0 = Math.sqrt(C) / n; function forward(λ, φ) { var ρ = Math.sqrt(C - 2 * n * Math.sin(φ)) / n; return [ ρ * Math.sin(λ *= n), ρ0 - ρ * Math.cos(λ) ]; } forward.invert = function(x, y) { var ρ0_y = ρ0 - y; return [ Math.atan2(x, ρ0_y) / n, d3_asin((C - (x * x + ρ0_y * ρ0_y) * n * n) / (2 * n)) ]; }; return forward; } (d3.geo.conicEqualArea = function() { return d3_geo_conic(d3_geo_conicEqualArea); }).raw = d3_geo_conicEqualArea; d3.geo.albers = function() { return d3.geo.conicEqualArea().rotate([ 96, 0 ]).center([ -.6, 38.7 ]).parallels([ 29.5, 45.5 ]).scale(1070); }; d3.geo.albersUsa = function() { var lower48 = d3.geo.albers(); var alaska = d3.geo.conicEqualArea().rotate([ 154, 0 ]).center([ -2, 58.5 ]).parallels([ 55, 65 ]); var hawaii = d3.geo.conicEqualArea().rotate([ 157, 0 ]).center([ -3, 19.9 ]).parallels([ 8, 18 ]); var point, pointStream = { point: function(x, y) { point = [ x, y ]; } }, lower48Point, alaskaPoint, hawaiiPoint; function albersUsa(coordinates) { var x = coordinates[0], y = coordinates[1]; point = null; (lower48Point(x, y), point) || (alaskaPoint(x, y), point) || hawaiiPoint(x, y); return point; } albersUsa.invert = function(coordinates) { var k = lower48.scale(), t = lower48.translate(), x = (coordinates[0] - t[0]) / k, y = (coordinates[1] - t[1]) / k; return (y >= .12 && y < .234 && x >= -.425 && x < -.214 ? alaska : y >= .166 && y < .234 && x >= -.214 && x < -.115 ? hawaii : lower48).invert(coordinates); }; albersUsa.stream = function(stream) { var lower48Stream = lower48.stream(stream), alaskaStream = alaska.stream(stream), hawaiiStream = hawaii.stream(stream); return { point: function(x, y) { lower48Stream.point(x, y); alaskaStream.point(x, y); hawaiiStream.point(x, y); }, sphere: function() { lower48Stream.sphere(); alaskaStream.sphere(); hawaiiStream.sphere(); }, lineStart: function() { lower48Stream.lineStart(); alaskaStream.lineStart(); hawaiiStream.lineStart(); }, lineEnd: function() { lower48Stream.lineEnd(); alaskaStream.lineEnd(); hawaiiStream.lineEnd(); }, polygonStart: function() { lower48Stream.polygonStart(); alaskaStream.polygonStart(); hawaiiStream.polygonStart(); }, polygonEnd: function() { lower48Stream.polygonEnd(); alaskaStream.polygonEnd(); hawaiiStream.polygonEnd(); } }; }; albersUsa.precision = function(_) { if (!arguments.length) return lower48.precision(); lower48.precision(_); alaska.precision(_); hawaii.precision(_); return albersUsa; }; albersUsa.scale = function(_) { if (!arguments.length) return lower48.scale(); lower48.scale(_); alaska.scale(_ * .35); hawaii.scale(_); return albersUsa.translate(lower48.translate()); }; albersUsa.translate = function(_) { if (!arguments.length) return lower48.translate(); var k = lower48.scale(), x = +_[0], y = +_[1]; lower48Point = lower48.translate(_).clipExtent([ [ x - .455 * k, y - .238 * k ], [ x + .455 * k, y + .238 * k ] ]).stream(pointStream).point; alaskaPoint = alaska.translate([ x - .307 * k, y + .201 * k ]).clipExtent([ [ x - .425 * k + ε, y + .12 * k + ε ], [ x - .214 * k - ε, y + .234 * k - ε ] ]).stream(pointStream).point; hawaiiPoint = hawaii.translate([ x - .205 * k, y + .212 * k ]).clipExtent([ [ x - .214 * k + ε, y + .166 * k + ε ], [ x - .115 * k - ε, y + .234 * k - ε ] ]).stream(pointStream).point; return albersUsa; }; return albersUsa.scale(1070); }; var d3_geo_pathAreaSum, d3_geo_pathAreaPolygon, d3_geo_pathArea = { point: d3_noop, lineStart: d3_noop, lineEnd: d3_noop, polygonStart: function() { d3_geo_pathAreaPolygon = 0; d3_geo_pathArea.lineStart = d3_geo_pathAreaRingStart; }, polygonEnd: function() { d3_geo_pathArea.lineStart = d3_geo_pathArea.lineEnd = d3_geo_pathArea.point = d3_noop; d3_geo_pathAreaSum += abs(d3_geo_pathAreaPolygon / 2); } }; function d3_geo_pathAreaRingStart() { var x00, y00, x0, y0; d3_geo_pathArea.point = function(x, y) { d3_geo_pathArea.point = nextPoint; x00 = x0 = x, y00 = y0 = y; }; function nextPoint(x, y) { d3_geo_pathAreaPolygon += y0 * x - x0 * y; x0 = x, y0 = y; } d3_geo_pathArea.lineEnd = function() { nextPoint(x00, y00); }; } var d3_geo_pathBoundsX0, d3_geo_pathBoundsY0, d3_geo_pathBoundsX1, d3_geo_pathBoundsY1; var d3_geo_pathBounds = { point: d3_geo_pathBoundsPoint, lineStart: d3_noop, lineEnd: d3_noop, polygonStart: d3_noop, polygonEnd: d3_noop }; function d3_geo_pathBoundsPoint(x, y) { if (x < d3_geo_pathBoundsX0) d3_geo_pathBoundsX0 = x; if (x > d3_geo_pathBoundsX1) d3_geo_pathBoundsX1 = x; if (y < d3_geo_pathBoundsY0) d3_geo_pathBoundsY0 = y; if (y > d3_geo_pathBoundsY1) d3_geo_pathBoundsY1 = y; } function d3_geo_pathBuffer() { var pointCircle = d3_geo_pathBufferCircle(4.5), buffer = []; var stream = { point: point, lineStart: function() { stream.point = pointLineStart; }, lineEnd: lineEnd, polygonStart: function() { stream.lineEnd = lineEndPolygon; }, polygonEnd: function() { stream.lineEnd = lineEnd; stream.point = point; }, pointRadius: function(_) { pointCircle = d3_geo_pathBufferCircle(_); return stream; }, result: function() { if (buffer.length) { var result = buffer.join(""); buffer = []; return result; } } }; function point(x, y) { buffer.push("M", x, ",", y, pointCircle); } function pointLineStart(x, y) { buffer.push("M", x, ",", y); stream.point = pointLine; } function pointLine(x, y) { buffer.push("L", x, ",", y); } function lineEnd() { stream.point = point; } function lineEndPolygon() { buffer.push("Z"); } return stream; } function d3_geo_pathBufferCircle(radius) { return "m0," + radius + "a" + radius + "," + radius + " 0 1,1 0," + -2 * radius + "a" + radius + "," + radius + " 0 1,1 0," + 2 * radius + "z"; } var d3_geo_pathCentroid = { point: d3_geo_pathCentroidPoint, lineStart: d3_geo_pathCentroidLineStart, lineEnd: d3_geo_pathCentroidLineEnd, polygonStart: function() { d3_geo_pathCentroid.lineStart = d3_geo_pathCentroidRingStart; }, polygonEnd: function() { d3_geo_pathCentroid.point = d3_geo_pathCentroidPoint; d3_geo_pathCentroid.lineStart = d3_geo_pathCentroidLineStart; d3_geo_pathCentroid.lineEnd = d3_geo_pathCentroidLineEnd; } }; function d3_geo_pathCentroidPoint(x, y) { d3_geo_centroidX0 += x; d3_geo_centroidY0 += y; ++d3_geo_centroidZ0; } function d3_geo_pathCentroidLineStart() { var x0, y0; d3_geo_pathCentroid.point = function(x, y) { d3_geo_pathCentroid.point = nextPoint; d3_geo_pathCentroidPoint(x0 = x, y0 = y); }; function nextPoint(x, y) { var dx = x - x0, dy = y - y0, z = Math.sqrt(dx * dx + dy * dy); d3_geo_centroidX1 += z * (x0 + x) / 2; d3_geo_centroidY1 += z * (y0 + y) / 2; d3_geo_centroidZ1 += z; d3_geo_pathCentroidPoint(x0 = x, y0 = y); } } function d3_geo_pathCentroidLineEnd() { d3_geo_pathCentroid.point = d3_geo_pathCentroidPoint; } function d3_geo_pathCentroidRingStart() { var x00, y00, x0, y0; d3_geo_pathCentroid.point = function(x, y) { d3_geo_pathCentroid.point = nextPoint; d3_geo_pathCentroidPoint(x00 = x0 = x, y00 = y0 = y); }; function nextPoint(x, y) { var dx = x - x0, dy = y - y0, z = Math.sqrt(dx * dx + dy * dy); d3_geo_centroidX1 += z * (x0 + x) / 2; d3_geo_centroidY1 += z * (y0 + y) / 2; d3_geo_centroidZ1 += z; z = y0 * x - x0 * y; d3_geo_centroidX2 += z * (x0 + x); d3_geo_centroidY2 += z * (y0 + y); d3_geo_centroidZ2 += z * 3; d3_geo_pathCentroidPoint(x0 = x, y0 = y); } d3_geo_pathCentroid.lineEnd = function() { nextPoint(x00, y00); }; } function d3_geo_pathContext(context) { var pointRadius = 4.5; var stream = { point: point, lineStart: function() { stream.point = pointLineStart; }, lineEnd: lineEnd, polygonStart: function() { stream.lineEnd = lineEndPolygon; }, polygonEnd: function() { stream.lineEnd = lineEnd; stream.point = point; }, pointRadius: function(_) { pointRadius = _; return stream; }, result: d3_noop }; function point(x, y) { context.moveTo(x + pointRadius, y); context.arc(x, y, pointRadius, 0, τ); } function pointLineStart(x, y) { context.moveTo(x, y); stream.point = pointLine; } function pointLine(x, y) { context.lineTo(x, y); } function lineEnd() { stream.point = point; } function lineEndPolygon() { context.closePath(); } return stream; } function d3_geo_resample(project) { var δ2 = .5, cosMinDistance = Math.cos(30 * d3_radians), maxDepth = 16; function resample(stream) { return (maxDepth ? resampleRecursive : resampleNone)(stream); } function resampleNone(stream) { return d3_geo_transformPoint(stream, function(x, y) { x = project(x, y); stream.point(x[0], x[1]); }); } function resampleRecursive(stream) { var λ00, φ00, x00, y00, a00, b00, c00, λ0, x0, y0, a0, b0, c0; var resample = { point: point, lineStart: lineStart, lineEnd: lineEnd, polygonStart: function() { stream.polygonStart(); resample.lineStart = ringStart; }, polygonEnd: function() { stream.polygonEnd(); resample.lineStart = lineStart; } }; function point(x, y) { x = project(x, y); stream.point(x[0], x[1]); } function lineStart() { x0 = NaN; resample.point = linePoint; stream.lineStart(); } function linePoint(λ, φ) { var c = d3_geo_cartesian([ λ, φ ]), p = project(λ, φ); resampleLineTo(x0, y0, λ0, a0, b0, c0, x0 = p[0], y0 = p[1], λ0 = λ, a0 = c[0], b0 = c[1], c0 = c[2], maxDepth, stream); stream.point(x0, y0); } function lineEnd() { resample.point = point; stream.lineEnd(); } function ringStart() { lineStart(); resample.point = ringPoint; resample.lineEnd = ringEnd; } function ringPoint(λ, φ) { linePoint(λ00 = λ, φ00 = φ), x00 = x0, y00 = y0, a00 = a0, b00 = b0, c00 = c0; resample.point = linePoint; } function ringEnd() { resampleLineTo(x0, y0, λ0, a0, b0, c0, x00, y00, λ00, a00, b00, c00, maxDepth, stream); resample.lineEnd = lineEnd; lineEnd(); } return resample; } function resampleLineTo(x0, y0, λ0, a0, b0, c0, x1, y1, λ1, a1, b1, c1, depth, stream) { var dx = x1 - x0, dy = y1 - y0, d2 = dx * dx + dy * dy; if (d2 > 4 * δ2 && depth--) { var a = a0 + a1, b = b0 + b1, c = c0 + c1, m = Math.sqrt(a * a + b * b + c * c), φ2 = Math.asin(c /= m), λ2 = abs(abs(c) - 1) < ε || abs(λ0 - λ1) < ε ? (λ0 + λ1) / 2 : Math.atan2(b, a), p = project(λ2, φ2), x2 = p[0], y2 = p[1], dx2 = x2 - x0, dy2 = y2 - y0, dz = dy * dx2 - dx * dy2; if (dz * dz / d2 > δ2 || abs((dx * dx2 + dy * dy2) / d2 - .5) > .3 || a0 * a1 + b0 * b1 + c0 * c1 < cosMinDistance) { resampleLineTo(x0, y0, λ0, a0, b0, c0, x2, y2, λ2, a /= m, b /= m, c, depth, stream); stream.point(x2, y2); resampleLineTo(x2, y2, λ2, a, b, c, x1, y1, λ1, a1, b1, c1, depth, stream); } } } resample.precision = function(_) { if (!arguments.length) return Math.sqrt(δ2); maxDepth = (δ2 = _ * _) > 0 && 16; return resample; }; return resample; } d3.geo.path = function() { var pointRadius = 4.5, projection, context, projectStream, contextStream, cacheStream; function path(object) { if (object) { if (typeof pointRadius === "function") contextStream.pointRadius(+pointRadius.apply(this, arguments)); if (!cacheStream || !cacheStream.valid) cacheStream = projectStream(contextStream); d3.geo.stream(object, cacheStream); } return contextStream.result(); } path.area = function(object) { d3_geo_pathAreaSum = 0; d3.geo.stream(object, projectStream(d3_geo_pathArea)); return d3_geo_pathAreaSum; }; path.centroid = function(object) { d3_geo_centroidX0 = d3_geo_centroidY0 = d3_geo_centroidZ0 = d3_geo_centroidX1 = d3_geo_centroidY1 = d3_geo_centroidZ1 = d3_geo_centroidX2 = d3_geo_centroidY2 = d3_geo_centroidZ2 = 0; d3.geo.stream(object, projectStream(d3_geo_pathCentroid)); return d3_geo_centroidZ2 ? [ d3_geo_centroidX2 / d3_geo_centroidZ2, d3_geo_centroidY2 / d3_geo_centroidZ2 ] : d3_geo_centroidZ1 ? [ d3_geo_centroidX1 / d3_geo_centroidZ1, d3_geo_centroidY1 / d3_geo_centroidZ1 ] : d3_geo_centroidZ0 ? [ d3_geo_centroidX0 / d3_geo_centroidZ0, d3_geo_centroidY0 / d3_geo_centroidZ0 ] : [ NaN, NaN ]; }; path.bounds = function(object) { d3_geo_pathBoundsX1 = d3_geo_pathBoundsY1 = -(d3_geo_pathBoundsX0 = d3_geo_pathBoundsY0 = Infinity); d3.geo.stream(object, projectStream(d3_geo_pathBounds)); return [ [ d3_geo_pathBoundsX0, d3_geo_pathBoundsY0 ], [ d3_geo_pathBoundsX1, d3_geo_pathBoundsY1 ] ]; }; path.projection = function(_) { if (!arguments.length) return projection; projectStream = (projection = _) ? _.stream || d3_geo_pathProjectStream(_) : d3_identity; return reset(); }; path.context = function(_) { if (!arguments.length) return context; contextStream = (context = _) == null ? new d3_geo_pathBuffer() : new d3_geo_pathContext(_); if (typeof pointRadius !== "function") contextStream.pointRadius(pointRadius); return reset(); }; path.pointRadius = function(_) { if (!arguments.length) return pointRadius; pointRadius = typeof _ === "function" ? _ : (contextStream.pointRadius(+_), +_); return path; }; function reset() { cacheStream = null; return path; } return path.projection(d3.geo.albersUsa()).context(null); }; function d3_geo_pathProjectStream(project) { var resample = d3_geo_resample(function(x, y) { return project([ x * d3_degrees, y * d3_degrees ]); }); return function(stream) { return d3_geo_projectionRadians(resample(stream)); }; } d3.geo.transform = function(methods) { return { stream: function(stream) { var transform = new d3_geo_transform(stream); for (var k in methods) transform[k] = methods[k]; return transform; } }; }; function d3_geo_transform(stream) { this.stream = stream; } d3_geo_transform.prototype = { point: function(x, y) { this.stream.point(x, y); }, sphere: function() { this.stream.sphere(); }, lineStart: function() { this.stream.lineStart(); }, lineEnd: function() { this.stream.lineEnd(); }, polygonStart: function() { this.stream.polygonStart(); }, polygonEnd: function() { this.stream.polygonEnd(); } }; function d3_geo_transformPoint(stream, point) { return { point: point, sphere: function() { stream.sphere(); }, lineStart: function() { stream.lineStart(); }, lineEnd: function() { stream.lineEnd(); }, polygonStart: function() { stream.polygonStart(); }, polygonEnd: function() { stream.polygonEnd(); } }; } d3.geo.projection = d3_geo_projection; d3.geo.projectionMutator = d3_geo_projectionMutator; function d3_geo_projection(project) { return d3_geo_projectionMutator(function() { return project; })(); } function d3_geo_projectionMutator(projectAt) { var project, rotate, projectRotate, projectResample = d3_geo_resample(function(x, y) { x = project(x, y); return [ x[0] * k + δx, δy - x[1] * k ]; }), k = 150, x = 480, y = 250, λ = 0, φ = 0, δλ = 0, δφ = 0, δγ = 0, δx, δy, preclip = d3_geo_clipAntimeridian, postclip = d3_identity, clipAngle = null, clipExtent = null, stream; function projection(point) { point = projectRotate(point[0] * d3_radians, point[1] * d3_radians); return [ point[0] * k + δx, δy - point[1] * k ]; } function invert(point) { point = projectRotate.invert((point[0] - δx) / k, (δy - point[1]) / k); return point && [ point[0] * d3_degrees, point[1] * d3_degrees ]; } projection.stream = function(output) { if (stream) stream.valid = false; stream = d3_geo_projectionRadians(preclip(rotate, projectResample(postclip(output)))); stream.valid = true; return stream; }; projection.clipAngle = function(_) { if (!arguments.length) return clipAngle; preclip = _ == null ? (clipAngle = _, d3_geo_clipAntimeridian) : d3_geo_clipCircle((clipAngle = +_) * d3_radians); return invalidate(); }; projection.clipExtent = function(_) { if (!arguments.length) return clipExtent; clipExtent = _; postclip = _ ? d3_geo_clipExtent(_[0][0], _[0][1], _[1][0], _[1][1]) : d3_identity; return invalidate(); }; projection.scale = function(_) { if (!arguments.length) return k; k = +_; return reset(); }; projection.translate = function(_) { if (!arguments.length) return [ x, y ]; x = +_[0]; y = +_[1]; return reset(); }; projection.center = function(_) { if (!arguments.length) return [ λ * d3_degrees, φ * d3_degrees ]; λ = _[0] % 360 * d3_radians; φ = _[1] % 360 * d3_radians; return reset(); }; projection.rotate = function(_) { if (!arguments.length) return [ δλ * d3_degrees, δφ * d3_degrees, δγ * d3_degrees ]; δλ = _[0] % 360 * d3_radians; δφ = _[1] % 360 * d3_radians; δγ = _.length > 2 ? _[2] % 360 * d3_radians : 0; return reset(); }; d3.rebind(projection, projectResample, "precision"); function reset() { projectRotate = d3_geo_compose(rotate = d3_geo_rotation(δλ, δφ, δγ), project); var center = project(λ, φ); δx = x - center[0] * k; δy = y + center[1] * k; return invalidate(); } function invalidate() { if (stream) stream.valid = false, stream = null; return projection; } return function() { project = projectAt.apply(this, arguments); projection.invert = project.invert && invert; return reset(); }; } function d3_geo_projectionRadians(stream) { return d3_geo_transformPoint(stream, function(x, y) { stream.point(x * d3_radians, y * d3_radians); }); } function d3_geo_equirectangular(λ, φ) { return [ λ, φ ]; } (d3.geo.equirectangular = function() { return d3_geo_projection(d3_geo_equirectangular); }).raw = d3_geo_equirectangular.invert = d3_geo_equirectangular; d3.geo.rotation = function(rotate) { rotate = d3_geo_rotation(rotate[0] % 360 * d3_radians, rotate[1] * d3_radians, rotate.length > 2 ? rotate[2] * d3_radians : 0); function forward(coordinates) { coordinates = rotate(coordinates[0] * d3_radians, coordinates[1] * d3_radians); return coordinates[0] *= d3_degrees, coordinates[1] *= d3_degrees, coordinates; } forward.invert = function(coordinates) { coordinates = rotate.invert(coordinates[0] * d3_radians, coordinates[1] * d3_radians); return coordinates[0] *= d3_degrees, coordinates[1] *= d3_degrees, coordinates; }; return forward; }; function d3_geo_identityRotation(λ, φ) { return [ λ > π ? λ - τ : λ < -π ? λ + τ : λ, φ ]; } d3_geo_identityRotation.invert = d3_geo_equirectangular; function d3_geo_rotation(δλ, δφ, δγ) { return δλ ? δφ || δγ ? d3_geo_compose(d3_geo_rotationλ(δλ), d3_geo_rotationφγ(δφ, δγ)) : d3_geo_rotationλ(δλ) : δφ || δγ ? d3_geo_rotationφγ(δφ, δγ) : d3_geo_identityRotation; } function d3_geo_forwardRotationλ(δλ) { return function(λ, φ) { return λ += δλ, [ λ > π ? λ - τ : λ < -π ? λ + τ : λ, φ ]; }; } function d3_geo_rotationλ(δλ) { var rotation = d3_geo_forwardRotationλ(δλ); rotation.invert = d3_geo_forwardRotationλ(-δλ); return rotation; } function d3_geo_rotationφγ(δφ, δγ) { var cosδφ = Math.cos(δφ), sinδφ = Math.sin(δφ), cosδγ = Math.cos(δγ), sinδγ = Math.sin(δγ); function rotation(λ, φ) { var cosφ = Math.cos(φ), x = Math.cos(λ) * cosφ, y = Math.sin(λ) * cosφ, z = Math.sin(φ), k = z * cosδφ + x * sinδφ; return [ Math.atan2(y * cosδγ - k * sinδγ, x * cosδφ - z * sinδφ), d3_asin(k * cosδγ + y * sinδγ) ]; } rotation.invert = function(λ, φ) { var cosφ = Math.cos(φ), x = Math.cos(λ) * cosφ, y = Math.sin(λ) * cosφ, z = Math.sin(φ), k = z * cosδγ - y * sinδγ; return [ Math.atan2(y * cosδγ + z * sinδγ, x * cosδφ + k * sinδφ), d3_asin(k * cosδφ - x * sinδφ) ]; }; return rotation; } d3.geo.circle = function() { var origin = [ 0, 0 ], angle, precision = 6, interpolate; function circle() { var center = typeof origin === "function" ? origin.apply(this, arguments) : origin, rotate = d3_geo_rotation(-center[0] * d3_radians, -center[1] * d3_radians, 0).invert, ring = []; interpolate(null, null, 1, { point: function(x, y) { ring.push(x = rotate(x, y)); x[0] *= d3_degrees, x[1] *= d3_degrees; } }); return { type: "Polygon", coordinates: [ ring ] }; } circle.origin = function(x) { if (!arguments.length) return origin; origin = x; return circle; }; circle.angle = function(x) { if (!arguments.length) return angle; interpolate = d3_geo_circleInterpolate((angle = +x) * d3_radians, precision * d3_radians); return circle; }; circle.precision = function(_) { if (!arguments.length) return precision; interpolate = d3_geo_circleInterpolate(angle * d3_radians, (precision = +_) * d3_radians); return circle; }; return circle.angle(90); }; function d3_geo_circleInterpolate(radius, precision) { var cr = Math.cos(radius), sr = Math.sin(radius); return function(from, to, direction, listener) { var step = direction * precision; if (from != null) { from = d3_geo_circleAngle(cr, from); to = d3_geo_circleAngle(cr, to); if (direction > 0 ? from < to : from > to) from += direction * τ; } else { from = radius + direction * τ; to = radius - .5 * step; } for (var point, t = from; direction > 0 ? t > to : t < to; t -= step) { listener.point((point = d3_geo_spherical([ cr, -sr * Math.cos(t), -sr * Math.sin(t) ]))[0], point[1]); } }; } function d3_geo_circleAngle(cr, point) { var a = d3_geo_cartesian(point); a[0] -= cr; d3_geo_cartesianNormalize(a); var angle = d3_acos(-a[1]); return ((-a[2] < 0 ? -angle : angle) + 2 * Math.PI - ε) % (2 * Math.PI); } d3.geo.distance = function(a, b) { var Δλ = (b[0] - a[0]) * d3_radians, φ0 = a[1] * d3_radians, φ1 = b[1] * d3_radians, sinΔλ = Math.sin(Δλ), cosΔλ = Math.cos(Δλ), sinφ0 = Math.sin(φ0), cosφ0 = Math.cos(φ0), sinφ1 = Math.sin(φ1), cosφ1 = Math.cos(φ1), t; return Math.atan2(Math.sqrt((t = cosφ1 * sinΔλ) * t + (t = cosφ0 * sinφ1 - sinφ0 * cosφ1 * cosΔλ) * t), sinφ0 * sinφ1 + cosφ0 * cosφ1 * cosΔλ); }; d3.geo.graticule = function() { var x1, x0, X1, X0, y1, y0, Y1, Y0, dx = 10, dy = dx, DX = 90, DY = 360, x, y, X, Y, precision = 2.5; function graticule() { return { type: "MultiLineString", coordinates: lines() }; } function lines() { return d3.range(Math.ceil(X0 / DX) * DX, X1, DX).map(X).concat(d3.range(Math.ceil(Y0 / DY) * DY, Y1, DY).map(Y)).concat(d3.range(Math.ceil(x0 / dx) * dx, x1, dx).filter(function(x) { return abs(x % DX) > ε; }).map(x)).concat(d3.range(Math.ceil(y0 / dy) * dy, y1, dy).filter(function(y) { return abs(y % DY) > ε; }).map(y)); } graticule.lines = function() { return lines().map(function(coordinates) { return { type: "LineString", coordinates: coordinates }; }); }; graticule.outline = function() { return { type: "Polygon", coordinates: [ X(X0).concat(Y(Y1).slice(1), X(X1).reverse().slice(1), Y(Y0).reverse().slice(1)) ] }; }; graticule.extent = function(_) { if (!arguments.length) return graticule.minorExtent(); return graticule.majorExtent(_).minorExtent(_); }; graticule.majorExtent = function(_) { if (!arguments.length) return [ [ X0, Y0 ], [ X1, Y1 ] ]; X0 = +_[0][0], X1 = +_[1][0]; Y0 = +_[0][1], Y1 = +_[1][1]; if (X0 > X1) _ = X0, X0 = X1, X1 = _; if (Y0 > Y1) _ = Y0, Y0 = Y1, Y1 = _; return graticule.precision(precision); }; graticule.minorExtent = function(_) { if (!arguments.length) return [ [ x0, y0 ], [ x1, y1 ] ]; x0 = +_[0][0], x1 = +_[1][0]; y0 = +_[0][1], y1 = +_[1][1]; if (x0 > x1) _ = x0, x0 = x1, x1 = _; if (y0 > y1) _ = y0, y0 = y1, y1 = _; return graticule.precision(precision); }; graticule.step = function(_) { if (!arguments.length) return graticule.minorStep(); return graticule.majorStep(_).minorStep(_); }; graticule.majorStep = function(_) { if (!arguments.length) return [ DX, DY ]; DX = +_[0], DY = +_[1]; return graticule; }; graticule.minorStep = function(_) { if (!arguments.length) return [ dx, dy ]; dx = +_[0], dy = +_[1]; return graticule; }; graticule.precision = function(_) { if (!arguments.length) return precision; precision = +_; x = d3_geo_graticuleX(y0, y1, 90); y = d3_geo_graticuleY(x0, x1, precision); X = d3_geo_graticuleX(Y0, Y1, 90); Y = d3_geo_graticuleY(X0, X1, precision); return graticule; }; return graticule.majorExtent([ [ -180, -90 + ε ], [ 180, 90 - ε ] ]).minorExtent([ [ -180, -80 - ε ], [ 180, 80 + ε ] ]); }; function d3_geo_graticuleX(y0, y1, dy) { var y = d3.range(y0, y1 - ε, dy).concat(y1); return function(x) { return y.map(function(y) { return [ x, y ]; }); }; } function d3_geo_graticuleY(x0, x1, dx) { var x = d3.range(x0, x1 - ε, dx).concat(x1); return function(y) { return x.map(function(x) { return [ x, y ]; }); }; } function d3_source(d) { return d.source; } function d3_target(d) { return d.target; } d3.geo.greatArc = function() { var source = d3_source, source_, target = d3_target, target_; function greatArc() { return { type: "LineString", coordinates: [ source_ || source.apply(this, arguments), target_ || target.apply(this, arguments) ] }; } greatArc.distance = function() { return d3.geo.distance(source_ || source.apply(this, arguments), target_ || target.apply(this, arguments)); }; greatArc.source = function(_) { if (!arguments.length) return source; source = _, source_ = typeof _ === "function" ? null : _; return greatArc; }; greatArc.target = function(_) { if (!arguments.length) return target; target = _, target_ = typeof _ === "function" ? null : _; return greatArc; }; greatArc.precision = function() { return arguments.length ? greatArc : 0; }; return greatArc; }; d3.geo.interpolate = function(source, target) { return d3_geo_interpolate(source[0] * d3_radians, source[1] * d3_radians, target[0] * d3_radians, target[1] * d3_radians); }; function d3_geo_interpolate(x0, y0, x1, y1) { var cy0 = Math.cos(y0), sy0 = Math.sin(y0), cy1 = Math.cos(y1), sy1 = Math.sin(y1), kx0 = cy0 * Math.cos(x0), ky0 = cy0 * Math.sin(x0), kx1 = cy1 * Math.cos(x1), ky1 = cy1 * Math.sin(x1), d = 2 * Math.asin(Math.sqrt(d3_haversin(y1 - y0) + cy0 * cy1 * d3_haversin(x1 - x0))), k = 1 / Math.sin(d); var interpolate = d ? function(t) { var B = Math.sin(t *= d) * k, A = Math.sin(d - t) * k, x = A * kx0 + B * kx1, y = A * ky0 + B * ky1, z = A * sy0 + B * sy1; return [ Math.atan2(y, x) * d3_degrees, Math.atan2(z, Math.sqrt(x * x + y * y)) * d3_degrees ]; } : function() { return [ x0 * d3_degrees, y0 * d3_degrees ]; }; interpolate.distance = d; return interpolate; } d3.geo.length = function(object) { d3_geo_lengthSum = 0; d3.geo.stream(object, d3_geo_length); return d3_geo_lengthSum; }; var d3_geo_lengthSum; var d3_geo_length = { sphere: d3_noop, point: d3_noop, lineStart: d3_geo_lengthLineStart, lineEnd: d3_noop, polygonStart: d3_noop, polygonEnd: d3_noop }; function d3_geo_lengthLineStart() { var λ0, sinφ0, cosφ0; d3_geo_length.point = function(λ, φ) { λ0 = λ * d3_radians, sinφ0 = Math.sin(φ *= d3_radians), cosφ0 = Math.cos(φ); d3_geo_length.point = nextPoint; }; d3_geo_length.lineEnd = function() { d3_geo_length.point = d3_geo_length.lineEnd = d3_noop; }; function nextPoint(λ, φ) { var sinφ = Math.sin(φ *= d3_radians), cosφ = Math.cos(φ), t = abs((λ *= d3_radians) - λ0), cosΔλ = Math.cos(t); d3_geo_lengthSum += Math.atan2(Math.sqrt((t = cosφ * Math.sin(t)) * t + (t = cosφ0 * sinφ - sinφ0 * cosφ * cosΔλ) * t), sinφ0 * sinφ + cosφ0 * cosφ * cosΔλ); λ0 = λ, sinφ0 = sinφ, cosφ0 = cosφ; } } function d3_geo_azimuthal(scale, angle) { function azimuthal(λ, φ) { var cosλ = Math.cos(λ), cosφ = Math.cos(φ), k = scale(cosλ * cosφ); return [ k * cosφ * Math.sin(λ), k * Math.sin(φ) ]; } azimuthal.invert = function(x, y) { var ρ = Math.sqrt(x * x + y * y), c = angle(ρ), sinc = Math.sin(c), cosc = Math.cos(c); return [ Math.atan2(x * sinc, ρ * cosc), Math.asin(ρ && y * sinc / ρ) ]; }; return azimuthal; } var d3_geo_azimuthalEqualArea = d3_geo_azimuthal(function(cosλcosφ) { return Math.sqrt(2 / (1 + cosλcosφ)); }, function(ρ) { return 2 * Math.asin(ρ / 2); }); (d3.geo.azimuthalEqualArea = function() { return d3_geo_projection(d3_geo_azimuthalEqualArea); }).raw = d3_geo_azimuthalEqualArea; var d3_geo_azimuthalEquidistant = d3_geo_azimuthal(function(cosλcosφ) { var c = Math.acos(cosλcosφ); return c && c / Math.sin(c); }, d3_identity); (d3.geo.azimuthalEquidistant = function() { return d3_geo_projection(d3_geo_azimuthalEquidistant); }).raw = d3_geo_azimuthalEquidistant; function d3_geo_conicConformal(φ0, φ1) { var cosφ0 = Math.cos(φ0), t = function(φ) { return Math.tan(π / 4 + φ / 2); }, n = φ0 === φ1 ? Math.sin(φ0) : Math.log(cosφ0 / Math.cos(φ1)) / Math.log(t(φ1) / t(φ0)), F = cosφ0 * Math.pow(t(φ0), n) / n; if (!n) return d3_geo_mercator; function forward(λ, φ) { if (F > 0) { if (φ < -halfπ + ε) φ = -halfπ + ε; } else { if (φ > halfπ - ε) φ = halfπ - ε; } var ρ = F / Math.pow(t(φ), n); return [ ρ * Math.sin(n * λ), F - ρ * Math.cos(n * λ) ]; } forward.invert = function(x, y) { var ρ0_y = F - y, ρ = d3_sgn(n) * Math.sqrt(x * x + ρ0_y * ρ0_y); return [ Math.atan2(x, ρ0_y) / n, 2 * Math.atan(Math.pow(F / ρ, 1 / n)) - halfπ ]; }; return forward; } (d3.geo.conicConformal = function() { return d3_geo_conic(d3_geo_conicConformal); }).raw = d3_geo_conicConformal; function d3_geo_conicEquidistant(φ0, φ1) { var cosφ0 = Math.cos(φ0), n = φ0 === φ1 ? Math.sin(φ0) : (cosφ0 - Math.cos(φ1)) / (φ1 - φ0), G = cosφ0 / n + φ0; if (abs(n) < ε) return d3_geo_equirectangular; function forward(λ, φ) { var ρ = G - φ; return [ ρ * Math.sin(n * λ), G - ρ * Math.cos(n * λ) ]; } forward.invert = function(x, y) { var ρ0_y = G - y; return [ Math.atan2(x, ρ0_y) / n, G - d3_sgn(n) * Math.sqrt(x * x + ρ0_y * ρ0_y) ]; }; return forward; } (d3.geo.conicEquidistant = function() { return d3_geo_conic(d3_geo_conicEquidistant); }).raw = d3_geo_conicEquidistant; var d3_geo_gnomonic = d3_geo_azimuthal(function(cosλcosφ) { return 1 / cosλcosφ; }, Math.atan); (d3.geo.gnomonic = function() { return d3_geo_projection(d3_geo_gnomonic); }).raw = d3_geo_gnomonic; function d3_geo_mercator(λ, φ) { return [ λ, Math.log(Math.tan(π / 4 + φ / 2)) ]; } d3_geo_mercator.invert = function(x, y) { return [ x, 2 * Math.atan(Math.exp(y)) - halfπ ]; }; function d3_geo_mercatorProjection(project) { var m = d3_geo_projection(project), scale = m.scale, translate = m.translate, clipExtent = m.clipExtent, clipAuto; m.scale = function() { var v = scale.apply(m, arguments); return v === m ? clipAuto ? m.clipExtent(null) : m : v; }; m.translate = function() { var v = translate.apply(m, arguments); return v === m ? clipAuto ? m.clipExtent(null) : m : v; }; m.clipExtent = function(_) { var v = clipExtent.apply(m, arguments); if (v === m) { if (clipAuto = _ == null) { var k = π * scale(), t = translate(); clipExtent([ [ t[0] - k, t[1] - k ], [ t[0] + k, t[1] + k ] ]); } } else if (clipAuto) { v = null; } return v; }; return m.clipExtent(null); } (d3.geo.mercator = function() { return d3_geo_mercatorProjection(d3_geo_mercator); }).raw = d3_geo_mercator; var d3_geo_orthographic = d3_geo_azimuthal(function() { return 1; }, Math.asin); (d3.geo.orthographic = function() { return d3_geo_projection(d3_geo_orthographic); }).raw = d3_geo_orthographic; var d3_geo_stereographic = d3_geo_azimuthal(function(cosλcosφ) { return 1 / (1 + cosλcosφ); }, function(ρ) { return 2 * Math.atan(ρ); }); (d3.geo.stereographic = function() { return d3_geo_projection(d3_geo_stereographic); }).raw = d3_geo_stereographic; function d3_geo_transverseMercator(λ, φ) { return [ Math.log(Math.tan(π / 4 + φ / 2)), -λ ]; } d3_geo_transverseMercator.invert = function(x, y) { return [ -y, 2 * Math.atan(Math.exp(x)) - halfπ ]; }; (d3.geo.transverseMercator = function() { var projection = d3_geo_mercatorProjection(d3_geo_transverseMercator), center = projection.center, rotate = projection.rotate; projection.center = function(_) { return _ ? center([ -_[1], _[0] ]) : (_ = center(), [ _[1], -_[0] ]); }; projection.rotate = function(_) { return _ ? rotate([ _[0], _[1], _.length > 2 ? _[2] + 90 : 90 ]) : (_ = rotate(), [ _[0], _[1], _[2] - 90 ]); }; return rotate([ 0, 0, 90 ]); }).raw = d3_geo_transverseMercator; d3.geom = {}; function d3_geom_pointX(d) { return d[0]; } function d3_geom_pointY(d) { return d[1]; } d3.geom.hull = function(vertices) { var x = d3_geom_pointX, y = d3_geom_pointY; if (arguments.length) return hull(vertices); function hull(data) { if (data.length < 3) return []; var fx = d3_functor(x), fy = d3_functor(y), i, n = data.length, points = [], flippedPoints = []; for (i = 0; i < n; i++) { points.push([ +fx.call(this, data[i], i), +fy.call(this, data[i], i), i ]); } points.sort(d3_geom_hullOrder); for (i = 0; i < n; i++) flippedPoints.push([ points[i][0], -points[i][1] ]); var upper = d3_geom_hullUpper(points), lower = d3_geom_hullUpper(flippedPoints); var skipLeft = lower[0] === upper[0], skipRight = lower[lower.length - 1] === upper[upper.length - 1], polygon = []; for (i = upper.length - 1; i >= 0; --i) polygon.push(data[points[upper[i]][2]]); for (i = +skipLeft; i < lower.length - skipRight; ++i) polygon.push(data[points[lower[i]][2]]); return polygon; } hull.x = function(_) { return arguments.length ? (x = _, hull) : x; }; hull.y = function(_) { return arguments.length ? (y = _, hull) : y; }; return hull; }; function d3_geom_hullUpper(points) { var n = points.length, hull = [ 0, 1 ], hs = 2; for (var i = 2; i < n; i++) { while (hs > 1 && d3_cross2d(points[hull[hs - 2]], points[hull[hs - 1]], points[i]) <= 0) --hs; hull[hs++] = i; } return hull.slice(0, hs); } function d3_geom_hullOrder(a, b) { return a[0] - b[0] || a[1] - b[1]; } d3.geom.polygon = function(coordinates) { d3_subclass(coordinates, d3_geom_polygonPrototype); return coordinates; }; var d3_geom_polygonPrototype = d3.geom.polygon.prototype = []; d3_geom_polygonPrototype.area = function() { var i = -1, n = this.length, a, b = this[n - 1], area = 0; while (++i < n) { a = b; b = this[i]; area += a[1] * b[0] - a[0] * b[1]; } return area * .5; }; d3_geom_polygonPrototype.centroid = function(k) { var i = -1, n = this.length, x = 0, y = 0, a, b = this[n - 1], c; if (!arguments.length) k = -1 / (6 * this.area()); while (++i < n) { a = b; b = this[i]; c = a[0] * b[1] - b[0] * a[1]; x += (a[0] + b[0]) * c; y += (a[1] + b[1]) * c; } return [ x * k, y * k ]; }; d3_geom_polygonPrototype.clip = function(subject) { var input, closed = d3_geom_polygonClosed(subject), i = -1, n = this.length - d3_geom_polygonClosed(this), j, m, a = this[n - 1], b, c, d; while (++i < n) { input = subject.slice(); subject.length = 0; b = this[i]; c = input[(m = input.length - closed) - 1]; j = -1; while (++j < m) { d = input[j]; if (d3_geom_polygonInside(d, a, b)) { if (!d3_geom_polygonInside(c, a, b)) { subject.push(d3_geom_polygonIntersect(c, d, a, b)); } subject.push(d); } else if (d3_geom_polygonInside(c, a, b)) { subject.push(d3_geom_polygonIntersect(c, d, a, b)); } c = d; } if (closed) subject.push(subject[0]); a = b; } return subject; }; function d3_geom_polygonInside(p, a, b) { return (b[0] - a[0]) * (p[1] - a[1]) < (b[1] - a[1]) * (p[0] - a[0]); } function d3_geom_polygonIntersect(c, d, a, b) { var x1 = c[0], x3 = a[0], x21 = d[0] - x1, x43 = b[0] - x3, y1 = c[1], y3 = a[1], y21 = d[1] - y1, y43 = b[1] - y3, ua = (x43 * (y1 - y3) - y43 * (x1 - x3)) / (y43 * x21 - x43 * y21); return [ x1 + ua * x21, y1 + ua * y21 ]; } function d3_geom_polygonClosed(coordinates) { var a = coordinates[0], b = coordinates[coordinates.length - 1]; return !(a[0] - b[0] || a[1] - b[1]); } var d3_geom_voronoiEdges, d3_geom_voronoiCells, d3_geom_voronoiBeaches, d3_geom_voronoiBeachPool = [], d3_geom_voronoiFirstCircle, d3_geom_voronoiCircles, d3_geom_voronoiCirclePool = []; function d3_geom_voronoiBeach() { d3_geom_voronoiRedBlackNode(this); this.edge = this.site = this.circle = null; } function d3_geom_voronoiCreateBeach(site) { var beach = d3_geom_voronoiBeachPool.pop() || new d3_geom_voronoiBeach(); beach.site = site; return beach; } function d3_geom_voronoiDetachBeach(beach) { d3_geom_voronoiDetachCircle(beach); d3_geom_voronoiBeaches.remove(beach); d3_geom_voronoiBeachPool.push(beach); d3_geom_voronoiRedBlackNode(beach); } function d3_geom_voronoiRemoveBeach(beach) { var circle = beach.circle, x = circle.x, y = circle.cy, vertex = { x: x, y: y }, previous = beach.P, next = beach.N, disappearing = [ beach ]; d3_geom_voronoiDetachBeach(beach); var lArc = previous; while (lArc.circle && abs(x - lArc.circle.x) < ε && abs(y - lArc.circle.cy) < ε) { previous = lArc.P; disappearing.unshift(lArc); d3_geom_voronoiDetachBeach(lArc); lArc = previous; } disappearing.unshift(lArc); d3_geom_voronoiDetachCircle(lArc); var rArc = next; while (rArc.circle && abs(x - rArc.circle.x) < ε && abs(y - rArc.circle.cy) < ε) { next = rArc.N; disappearing.push(rArc); d3_geom_voronoiDetachBeach(rArc); rArc = next; } disappearing.push(rArc); d3_geom_voronoiDetachCircle(rArc); var nArcs = disappearing.length, iArc; for (iArc = 1; iArc < nArcs; ++iArc) { rArc = disappearing[iArc]; lArc = disappearing[iArc - 1]; d3_geom_voronoiSetEdgeEnd(rArc.edge, lArc.site, rArc.site, vertex); } lArc = disappearing[0]; rArc = disappearing[nArcs - 1]; rArc.edge = d3_geom_voronoiCreateEdge(lArc.site, rArc.site, null, vertex); d3_geom_voronoiAttachCircle(lArc); d3_geom_voronoiAttachCircle(rArc); } function d3_geom_voronoiAddBeach(site) { var x = site.x, directrix = site.y, lArc, rArc, dxl, dxr, node = d3_geom_voronoiBeaches._; while (node) { dxl = d3_geom_voronoiLeftBreakPoint(node, directrix) - x; if (dxl > ε) node = node.L; else { dxr = x - d3_geom_voronoiRightBreakPoint(node, directrix); if (dxr > ε) { if (!node.R) { lArc = node; break; } node = node.R; } else { if (dxl > -ε) { lArc = node.P; rArc = node; } else if (dxr > -ε) { lArc = node; rArc = node.N; } else { lArc = rArc = node; } break; } } } var newArc = d3_geom_voronoiCreateBeach(site); d3_geom_voronoiBeaches.insert(lArc, newArc); if (!lArc && !rArc) return; if (lArc === rArc) { d3_geom_voronoiDetachCircle(lArc); rArc = d3_geom_voronoiCreateBeach(lArc.site); d3_geom_voronoiBeaches.insert(newArc, rArc); newArc.edge = rArc.edge = d3_geom_voronoiCreateEdge(lArc.site, newArc.site); d3_geom_voronoiAttachCircle(lArc); d3_geom_voronoiAttachCircle(rArc); return; } if (!rArc) { newArc.edge = d3_geom_voronoiCreateEdge(lArc.site, newArc.site); return; } d3_geom_voronoiDetachCircle(lArc); d3_geom_voronoiDetachCircle(rArc); var lSite = lArc.site, ax = lSite.x, ay = lSite.y, bx = site.x - ax, by = site.y - ay, rSite = rArc.site, cx = rSite.x - ax, cy = rSite.y - ay, d = 2 * (bx * cy - by * cx), hb = bx * bx + by * by, hc = cx * cx + cy * cy, vertex = { x: (cy * hb - by * hc) / d + ax, y: (bx * hc - cx * hb) / d + ay }; d3_geom_voronoiSetEdgeEnd(rArc.edge, lSite, rSite, vertex); newArc.edge = d3_geom_voronoiCreateEdge(lSite, site, null, vertex); rArc.edge = d3_geom_voronoiCreateEdge(site, rSite, null, vertex); d3_geom_voronoiAttachCircle(lArc); d3_geom_voronoiAttachCircle(rArc); } function d3_geom_voronoiLeftBreakPoint(arc, directrix) { var site = arc.site, rfocx = site.x, rfocy = site.y, pby2 = rfocy - directrix; if (!pby2) return rfocx; var lArc = arc.P; if (!lArc) return -Infinity; site = lArc.site; var lfocx = site.x, lfocy = site.y, plby2 = lfocy - directrix; if (!plby2) return lfocx; var hl = lfocx - rfocx, aby2 = 1 / pby2 - 1 / plby2, b = hl / plby2; if (aby2) return (-b + Math.sqrt(b * b - 2 * aby2 * (hl * hl / (-2 * plby2) - lfocy + plby2 / 2 + rfocy - pby2 / 2))) / aby2 + rfocx; return (rfocx + lfocx) / 2; } function d3_geom_voronoiRightBreakPoint(arc, directrix) { var rArc = arc.N; if (rArc) return d3_geom_voronoiLeftBreakPoint(rArc, directrix); var site = arc.site; return site.y === directrix ? site.x : Infinity; } function d3_geom_voronoiCell(site) { this.site = site; this.edges = []; } d3_geom_voronoiCell.prototype.prepare = function() { var halfEdges = this.edges, iHalfEdge = halfEdges.length, edge; while (iHalfEdge--) { edge = halfEdges[iHalfEdge].edge; if (!edge.b || !edge.a) halfEdges.splice(iHalfEdge, 1); } halfEdges.sort(d3_geom_voronoiHalfEdgeOrder); return halfEdges.length; }; function d3_geom_voronoiCloseCells(extent) { var x0 = extent[0][0], x1 = extent[1][0], y0 = extent[0][1], y1 = extent[1][1], x2, y2, x3, y3, cells = d3_geom_voronoiCells, iCell = cells.length, cell, iHalfEdge, halfEdges, nHalfEdges, start, end; while (iCell--) { cell = cells[iCell]; if (!cell || !cell.prepare()) continue; halfEdges = cell.edges; nHalfEdges = halfEdges.length; iHalfEdge = 0; while (iHalfEdge < nHalfEdges) { end = halfEdges[iHalfEdge].end(), x3 = end.x, y3 = end.y; start = halfEdges[++iHalfEdge % nHalfEdges].start(), x2 = start.x, y2 = start.y; if (abs(x3 - x2) > ε || abs(y3 - y2) > ε) { halfEdges.splice(iHalfEdge, 0, new d3_geom_voronoiHalfEdge(d3_geom_voronoiCreateBorderEdge(cell.site, end, abs(x3 - x0) < ε && y1 - y3 > ε ? { x: x0, y: abs(x2 - x0) < ε ? y2 : y1 } : abs(y3 - y1) < ε && x1 - x3 > ε ? { x: abs(y2 - y1) < ε ? x2 : x1, y: y1 } : abs(x3 - x1) < ε && y3 - y0 > ε ? { x: x1, y: abs(x2 - x1) < ε ? y2 : y0 } : abs(y3 - y0) < ε && x3 - x0 > ε ? { x: abs(y2 - y0) < ε ? x2 : x0, y: y0 } : null), cell.site, null)); ++nHalfEdges; } } } } function d3_geom_voronoiHalfEdgeOrder(a, b) { return b.angle - a.angle; } function d3_geom_voronoiCircle() { d3_geom_voronoiRedBlackNode(this); this.x = this.y = this.arc = this.site = this.cy = null; } function d3_geom_voronoiAttachCircle(arc) { var lArc = arc.P, rArc = arc.N; if (!lArc || !rArc) return; var lSite = lArc.site, cSite = arc.site, rSite = rArc.site; if (lSite === rSite) return; var bx = cSite.x, by = cSite.y, ax = lSite.x - bx, ay = lSite.y - by, cx = rSite.x - bx, cy = rSite.y - by; var d = 2 * (ax * cy - ay * cx); if (d >= -ε2) return; var ha = ax * ax + ay * ay, hc = cx * cx + cy * cy, x = (cy * ha - ay * hc) / d, y = (ax * hc - cx * ha) / d, cy = y + by; var circle = d3_geom_voronoiCirclePool.pop() || new d3_geom_voronoiCircle(); circle.arc = arc; circle.site = cSite; circle.x = x + bx; circle.y = cy + Math.sqrt(x * x + y * y); circle.cy = cy; arc.circle = circle; var before = null, node = d3_geom_voronoiCircles._; while (node) { if (circle.y < node.y || circle.y === node.y && circle.x <= node.x) { if (node.L) node = node.L; else { before = node.P; break; } } else { if (node.R) node = node.R; else { before = node; break; } } } d3_geom_voronoiCircles.insert(before, circle); if (!before) d3_geom_voronoiFirstCircle = circle; } function d3_geom_voronoiDetachCircle(arc) { var circle = arc.circle; if (circle) { if (!circle.P) d3_geom_voronoiFirstCircle = circle.N; d3_geom_voronoiCircles.remove(circle); d3_geom_voronoiCirclePool.push(circle); d3_geom_voronoiRedBlackNode(circle); arc.circle = null; } } function d3_geom_voronoiClipEdges(extent) { var edges = d3_geom_voronoiEdges, clip = d3_geom_clipLine(extent[0][0], extent[0][1], extent[1][0], extent[1][1]), i = edges.length, e; while (i--) { e = edges[i]; if (!d3_geom_voronoiConnectEdge(e, extent) || !clip(e) || abs(e.a.x - e.b.x) < ε && abs(e.a.y - e.b.y) < ε) { e.a = e.b = null; edges.splice(i, 1); } } } function d3_geom_voronoiConnectEdge(edge, extent) { var vb = edge.b; if (vb) return true; var va = edge.a, x0 = extent[0][0], x1 = extent[1][0], y0 = extent[0][1], y1 = extent[1][1], lSite = edge.l, rSite = edge.r, lx = lSite.x, ly = lSite.y, rx = rSite.x, ry = rSite.y, fx = (lx + rx) / 2, fy = (ly + ry) / 2, fm, fb; if (ry === ly) { if (fx < x0 || fx >= x1) return; if (lx > rx) { if (!va) va = { x: fx, y: y0 }; else if (va.y >= y1) return; vb = { x: fx, y: y1 }; } else { if (!va) va = { x: fx, y: y1 }; else if (va.y < y0) return; vb = { x: fx, y: y0 }; } } else { fm = (lx - rx) / (ry - ly); fb = fy - fm * fx; if (fm < -1 || fm > 1) { if (lx > rx) { if (!va) va = { x: (y0 - fb) / fm, y: y0 }; else if (va.y >= y1) return; vb = { x: (y1 - fb) / fm, y: y1 }; } else { if (!va) va = { x: (y1 - fb) / fm, y: y1 }; else if (va.y < y0) return; vb = { x: (y0 - fb) / fm, y: y0 }; } } else { if (ly < ry) { if (!va) va = { x: x0, y: fm * x0 + fb }; else if (va.x >= x1) return; vb = { x: x1, y: fm * x1 + fb }; } else { if (!va) va = { x: x1, y: fm * x1 + fb }; else if (va.x < x0) return; vb = { x: x0, y: fm * x0 + fb }; } } } edge.a = va; edge.b = vb; return true; } function d3_geom_voronoiEdge(lSite, rSite) { this.l = lSite; this.r = rSite; this.a = this.b = null; } function d3_geom_voronoiCreateEdge(lSite, rSite, va, vb) { var edge = new d3_geom_voronoiEdge(lSite, rSite); d3_geom_voronoiEdges.push(edge); if (va) d3_geom_voronoiSetEdgeEnd(edge, lSite, rSite, va); if (vb) d3_geom_voronoiSetEdgeEnd(edge, rSite, lSite, vb); d3_geom_voronoiCells[lSite.i].edges.push(new d3_geom_voronoiHalfEdge(edge, lSite, rSite)); d3_geom_voronoiCells[rSite.i].edges.push(new d3_geom_voronoiHalfEdge(edge, rSite, lSite)); return edge; } function d3_geom_voronoiCreateBorderEdge(lSite, va, vb) { var edge = new d3_geom_voronoiEdge(lSite, null); edge.a = va; edge.b = vb; d3_geom_voronoiEdges.push(edge); return edge; } function d3_geom_voronoiSetEdgeEnd(edge, lSite, rSite, vertex) { if (!edge.a && !edge.b) { edge.a = vertex; edge.l = lSite; edge.r = rSite; } else if (edge.l === rSite) { edge.b = vertex; } else { edge.a = vertex; } } function d3_geom_voronoiHalfEdge(edge, lSite, rSite) { var va = edge.a, vb = edge.b; this.edge = edge; this.site = lSite; this.angle = rSite ? Math.atan2(rSite.y - lSite.y, rSite.x - lSite.x) : edge.l === lSite ? Math.atan2(vb.x - va.x, va.y - vb.y) : Math.atan2(va.x - vb.x, vb.y - va.y); } d3_geom_voronoiHalfEdge.prototype = { start: function() { return this.edge.l === this.site ? this.edge.a : this.edge.b; }, end: function() { return this.edge.l === this.site ? this.edge.b : this.edge.a; } }; function d3_geom_voronoiRedBlackTree() { this._ = null; } function d3_geom_voronoiRedBlackNode(node) { node.U = node.C = node.L = node.R = node.P = node.N = null; } d3_geom_voronoiRedBlackTree.prototype = { insert: function(after, node) { var parent, grandpa, uncle; if (after) { node.P = after; node.N = after.N; if (after.N) after.N.P = node; after.N = node; if (after.R) { after = after.R; while (after.L) after = after.L; after.L = node; } else { after.R = node; } parent = after; } else if (this._) { after = d3_geom_voronoiRedBlackFirst(this._); node.P = null; node.N = after; after.P = after.L = node; parent = after; } else { node.P = node.N = null; this._ = node; parent = null; } node.L = node.R = null; node.U = parent; node.C = true; after = node; while (parent && parent.C) { grandpa = parent.U; if (parent === grandpa.L) { uncle = grandpa.R; if (uncle && uncle.C) { parent.C = uncle.C = false; grandpa.C = true; after = grandpa; } else { if (after === parent.R) { d3_geom_voronoiRedBlackRotateLeft(this, parent); after = parent; parent = after.U; } parent.C = false; grandpa.C = true; d3_geom_voronoiRedBlackRotateRight(this, grandpa); } } else { uncle = grandpa.L; if (uncle && uncle.C) { parent.C = uncle.C = false; grandpa.C = true; after = grandpa; } else { if (after === parent.L) { d3_geom_voronoiRedBlackRotateRight(this, parent); after = parent; parent = after.U; } parent.C = false; grandpa.C = true; d3_geom_voronoiRedBlackRotateLeft(this, grandpa); } } parent = after.U; } this._.C = false; }, remove: function(node) { if (node.N) node.N.P = node.P; if (node.P) node.P.N = node.N; node.N = node.P = null; var parent = node.U, sibling, left = node.L, right = node.R, next, red; if (!left) next = right; else if (!right) next = left; else next = d3_geom_voronoiRedBlackFirst(right); if (parent) { if (parent.L === node) parent.L = next; else parent.R = next; } else { this._ = next; } if (left && right) { red = next.C; next.C = node.C; next.L = left; left.U = next; if (next !== right) { parent = next.U; next.U = node.U; node = next.R; parent.L = node; next.R = right; right.U = next; } else { next.U = parent; parent = next; node = next.R; } } else { red = node.C; node = next; } if (node) node.U = parent; if (red) return; if (node && node.C) { node.C = false; return; } do { if (node === this._) break; if (node === parent.L) { sibling = parent.R; if (sibling.C) { sibling.C = false; parent.C = true; d3_geom_voronoiRedBlackRotateLeft(this, parent); sibling = parent.R; } if (sibling.L && sibling.L.C || sibling.R && sibling.R.C) { if (!sibling.R || !sibling.R.C) { sibling.L.C = false; sibling.C = true; d3_geom_voronoiRedBlackRotateRight(this, sibling); sibling = parent.R; } sibling.C = parent.C; parent.C = sibling.R.C = false; d3_geom_voronoiRedBlackRotateLeft(this, parent); node = this._; break; } } else { sibling = parent.L; if (sibling.C) { sibling.C = false; parent.C = true; d3_geom_voronoiRedBlackRotateRight(this, parent); sibling = parent.L; } if (sibling.L && sibling.L.C || sibling.R && sibling.R.C) { if (!sibling.L || !sibling.L.C) { sibling.R.C = false; sibling.C = true; d3_geom_voronoiRedBlackRotateLeft(this, sibling); sibling = parent.L; } sibling.C = parent.C; parent.C = sibling.L.C = false; d3_geom_voronoiRedBlackRotateRight(this, parent); node = this._; break; } } sibling.C = true; node = parent; parent = parent.U; } while (!node.C); if (node) node.C = false; } }; function d3_geom_voronoiRedBlackRotateLeft(tree, node) { var p = node, q = node.R, parent = p.U; if (parent) { if (parent.L === p) parent.L = q; else parent.R = q; } else { tree._ = q; } q.U = parent; p.U = q; p.R = q.L; if (p.R) p.R.U = p; q.L = p; } function d3_geom_voronoiRedBlackRotateRight(tree, node) { var p = node, q = node.L, parent = p.U; if (parent) { if (parent.L === p) parent.L = q; else parent.R = q; } else { tree._ = q; } q.U = parent; p.U = q; p.L = q.R; if (p.L) p.L.U = p; q.R = p; } function d3_geom_voronoiRedBlackFirst(node) { while (node.L) node = node.L; return node; } function d3_geom_voronoi(sites, bbox) { var site = sites.sort(d3_geom_voronoiVertexOrder).pop(), x0, y0, circle; d3_geom_voronoiEdges = []; d3_geom_voronoiCells = new Array(sites.length); d3_geom_voronoiBeaches = new d3_geom_voronoiRedBlackTree(); d3_geom_voronoiCircles = new d3_geom_voronoiRedBlackTree(); while (true) { circle = d3_geom_voronoiFirstCircle; if (site && (!circle || site.y < circle.y || site.y === circle.y && site.x < circle.x)) { if (site.x !== x0 || site.y !== y0) { d3_geom_voronoiCells[site.i] = new d3_geom_voronoiCell(site); d3_geom_voronoiAddBeach(site); x0 = site.x, y0 = site.y; } site = sites.pop(); } else if (circle) { d3_geom_voronoiRemoveBeach(circle.arc); } else { break; } } if (bbox) d3_geom_voronoiClipEdges(bbox), d3_geom_voronoiCloseCells(bbox); var diagram = { cells: d3_geom_voronoiCells, edges: d3_geom_voronoiEdges }; d3_geom_voronoiBeaches = d3_geom_voronoiCircles = d3_geom_voronoiEdges = d3_geom_voronoiCells = null; return diagram; } function d3_geom_voronoiVertexOrder(a, b) { return b.y - a.y || b.x - a.x; } d3.geom.voronoi = function(points) { var x = d3_geom_pointX, y = d3_geom_pointY, fx = x, fy = y, clipExtent = d3_geom_voronoiClipExtent; if (points) return voronoi(points); function voronoi(data) { var polygons = new Array(data.length), x0 = clipExtent[0][0], y0 = clipExtent[0][1], x1 = clipExtent[1][0], y1 = clipExtent[1][1]; d3_geom_voronoi(sites(data), clipExtent).cells.forEach(function(cell, i) { var edges = cell.edges, site = cell.site, polygon = polygons[i] = edges.length ? edges.map(function(e) { var s = e.start(); return [ s.x, s.y ]; }) : site.x >= x0 && site.x <= x1 && site.y >= y0 && site.y <= y1 ? [ [ x0, y1 ], [ x1, y1 ], [ x1, y0 ], [ x0, y0 ] ] : []; polygon.point = data[i]; }); return polygons; } function sites(data) { return data.map(function(d, i) { return { x: Math.round(fx(d, i) / ε) * ε, y: Math.round(fy(d, i) / ε) * ε, i: i }; }); } voronoi.links = function(data) { return d3_geom_voronoi(sites(data)).edges.filter(function(edge) { return edge.l && edge.r; }).map(function(edge) { return { source: data[edge.l.i], target: data[edge.r.i] }; }); }; voronoi.triangles = function(data) { var triangles = []; d3_geom_voronoi(sites(data)).cells.forEach(function(cell, i) { var site = cell.site, edges = cell.edges.sort(d3_geom_voronoiHalfEdgeOrder), j = -1, m = edges.length, e0, s0, e1 = edges[m - 1].edge, s1 = e1.l === site ? e1.r : e1.l; while (++j < m) { e0 = e1; s0 = s1; e1 = edges[j].edge; s1 = e1.l === site ? e1.r : e1.l; if (i < s0.i && i < s1.i && d3_geom_voronoiTriangleArea(site, s0, s1) < 0) { triangles.push([ data[i], data[s0.i], data[s1.i] ]); } } }); return triangles; }; voronoi.x = function(_) { return arguments.length ? (fx = d3_functor(x = _), voronoi) : x; }; voronoi.y = function(_) { return arguments.length ? (fy = d3_functor(y = _), voronoi) : y; }; voronoi.clipExtent = function(_) { if (!arguments.length) return clipExtent === d3_geom_voronoiClipExtent ? null : clipExtent; clipExtent = _ == null ? d3_geom_voronoiClipExtent : _; return voronoi; }; voronoi.size = function(_) { if (!arguments.length) return clipExtent === d3_geom_voronoiClipExtent ? null : clipExtent && clipExtent[1]; return voronoi.clipExtent(_ && [ [ 0, 0 ], _ ]); }; return voronoi; }; var d3_geom_voronoiClipExtent = [ [ -1e6, -1e6 ], [ 1e6, 1e6 ] ]; function d3_geom_voronoiTriangleArea(a, b, c) { return (a.x - c.x) * (b.y - a.y) - (a.x - b.x) * (c.y - a.y); } d3.geom.delaunay = function(vertices) { return d3.geom.voronoi().triangles(vertices); }; d3.geom.quadtree = function(points, x1, y1, x2, y2) { var x = d3_geom_pointX, y = d3_geom_pointY, compat; if (compat = arguments.length) { x = d3_geom_quadtreeCompatX; y = d3_geom_quadtreeCompatY; if (compat === 3) { y2 = y1; x2 = x1; y1 = x1 = 0; } return quadtree(points); } function quadtree(data) { var d, fx = d3_functor(x), fy = d3_functor(y), xs, ys, i, n, x1_, y1_, x2_, y2_; if (x1 != null) { x1_ = x1, y1_ = y1, x2_ = x2, y2_ = y2; } else { x2_ = y2_ = -(x1_ = y1_ = Infinity); xs = [], ys = []; n = data.length; if (compat) for (i = 0; i < n; ++i) { d = data[i]; if (d.x < x1_) x1_ = d.x; if (d.y < y1_) y1_ = d.y; if (d.x > x2_) x2_ = d.x; if (d.y > y2_) y2_ = d.y; xs.push(d.x); ys.push(d.y); } else for (i = 0; i < n; ++i) { var x_ = +fx(d = data[i], i), y_ = +fy(d, i); if (x_ < x1_) x1_ = x_; if (y_ < y1_) y1_ = y_; if (x_ > x2_) x2_ = x_; if (y_ > y2_) y2_ = y_; xs.push(x_); ys.push(y_); } } var dx = x2_ - x1_, dy = y2_ - y1_; if (dx > dy) y2_ = y1_ + dx; else x2_ = x1_ + dy; function insert(n, d, x, y, x1, y1, x2, y2) { if (isNaN(x) || isNaN(y)) return; if (n.leaf) { var nx = n.x, ny = n.y; if (nx != null) { if (abs(nx - x) + abs(ny - y) < .01) { insertChild(n, d, x, y, x1, y1, x2, y2); } else { var nPoint = n.point; n.x = n.y = n.point = null; insertChild(n, nPoint, nx, ny, x1, y1, x2, y2); insertChild(n, d, x, y, x1, y1, x2, y2); } } else { n.x = x, n.y = y, n.point = d; } } else { insertChild(n, d, x, y, x1, y1, x2, y2); } } function insertChild(n, d, x, y, x1, y1, x2, y2) { var xm = (x1 + x2) * .5, ym = (y1 + y2) * .5, right = x >= xm, below = y >= ym, i = below << 1 | right; n.leaf = false; n = n.nodes[i] || (n.nodes[i] = d3_geom_quadtreeNode()); if (right) x1 = xm; else x2 = xm; if (below) y1 = ym; else y2 = ym; insert(n, d, x, y, x1, y1, x2, y2); } var root = d3_geom_quadtreeNode(); root.add = function(d) { insert(root, d, +fx(d, ++i), +fy(d, i), x1_, y1_, x2_, y2_); }; root.visit = function(f) { d3_geom_quadtreeVisit(f, root, x1_, y1_, x2_, y2_); }; root.find = function(point) { return d3_geom_quadtreeFind(root, point[0], point[1], x1_, y1_, x2_, y2_); }; i = -1; if (x1 == null) { while (++i < n) { insert(root, data[i], xs[i], ys[i], x1_, y1_, x2_, y2_); } --i; } else data.forEach(root.add); xs = ys = data = d = null; return root; } quadtree.x = function(_) { return arguments.length ? (x = _, quadtree) : x; }; quadtree.y = function(_) { return arguments.length ? (y = _, quadtree) : y; }; quadtree.extent = function(_) { if (!arguments.length) return x1 == null ? null : [ [ x1, y1 ], [ x2, y2 ] ]; if (_ == null) x1 = y1 = x2 = y2 = null; else x1 = +_[0][0], y1 = +_[0][1], x2 = +_[1][0], y2 = +_[1][1]; return quadtree; }; quadtree.size = function(_) { if (!arguments.length) return x1 == null ? null : [ x2 - x1, y2 - y1 ]; if (_ == null) x1 = y1 = x2 = y2 = null; else x1 = y1 = 0, x2 = +_[0], y2 = +_[1]; return quadtree; }; return quadtree; }; function d3_geom_quadtreeCompatX(d) { return d.x; } function d3_geom_quadtreeCompatY(d) { return d.y; } function d3_geom_quadtreeNode() { return { leaf: true, nodes: [], point: null, x: null, y: null }; } function d3_geom_quadtreeVisit(f, node, x1, y1, x2, y2) { if (!f(node, x1, y1, x2, y2)) { var sx = (x1 + x2) * .5, sy = (y1 + y2) * .5, children = node.nodes; if (children[0]) d3_geom_quadtreeVisit(f, children[0], x1, y1, sx, sy); if (children[1]) d3_geom_quadtreeVisit(f, children[1], sx, y1, x2, sy); if (children[2]) d3_geom_quadtreeVisit(f, children[2], x1, sy, sx, y2); if (children[3]) d3_geom_quadtreeVisit(f, children[3], sx, sy, x2, y2); } } function d3_geom_quadtreeFind(root, x, y, x0, y0, x3, y3) { var minDistance2 = Infinity, closestPoint; (function find(node, x1, y1, x2, y2) { if (x1 > x3 || y1 > y3 || x2 < x0 || y2 < y0) return; if (point = node.point) { var point, dx = x - node.x, dy = y - node.y, distance2 = dx * dx + dy * dy; if (distance2 < minDistance2) { var distance = Math.sqrt(minDistance2 = distance2); x0 = x - distance, y0 = y - distance; x3 = x + distance, y3 = y + distance; closestPoint = point; } } var children = node.nodes, xm = (x1 + x2) * .5, ym = (y1 + y2) * .5, right = x >= xm, below = y >= ym; for (var i = below << 1 | right, j = i + 4; i < j; ++i) { if (node = children[i & 3]) switch (i & 3) { case 0: find(node, x1, y1, xm, ym); break; case 1: find(node, xm, y1, x2, ym); break; case 2: find(node, x1, ym, xm, y2); break; case 3: find(node, xm, ym, x2, y2); break; } } })(root, x0, y0, x3, y3); return closestPoint; } d3.interpolateRgb = d3_interpolateRgb; function d3_interpolateRgb(a, b) { a = d3.rgb(a); b = d3.rgb(b); var ar = a.r, ag = a.g, ab = a.b, br = b.r - ar, bg = b.g - ag, bb = b.b - ab; return function(t) { return "#" + d3_rgb_hex(Math.round(ar + br * t)) + d3_rgb_hex(Math.round(ag + bg * t)) + d3_rgb_hex(Math.round(ab + bb * t)); }; } d3.interpolateObject = d3_interpolateObject; function d3_interpolateObject(a, b) { var i = {}, c = {}, k; for (k in a) { if (k in b) { i[k] = d3_interpolate(a[k], b[k]); } else { c[k] = a[k]; } } for (k in b) { if (!(k in a)) { c[k] = b[k]; } } return function(t) { for (k in i) c[k] = i[k](t); return c; }; } d3.interpolateNumber = d3_interpolateNumber; function d3_interpolateNumber(a, b) { a = +a, b = +b; return function(t) { return a * (1 - t) + b * t; }; } d3.interpolateString = d3_interpolateString; function d3_interpolateString(a, b) { var bi = d3_interpolate_numberA.lastIndex = d3_interpolate_numberB.lastIndex = 0, am, bm, bs, i = -1, s = [], q = []; a = a + "", b = b + ""; while ((am = d3_interpolate_numberA.exec(a)) && (bm = d3_interpolate_numberB.exec(b))) { if ((bs = bm.index) > bi) { bs = b.slice(bi, bs); if (s[i]) s[i] += bs; else s[++i] = bs; } if ((am = am[0]) === (bm = bm[0])) { if (s[i]) s[i] += bm; else s[++i] = bm; } else { s[++i] = null; q.push({ i: i, x: d3_interpolateNumber(am, bm) }); } bi = d3_interpolate_numberB.lastIndex; } if (bi < b.length) { bs = b.slice(bi); if (s[i]) s[i] += bs; else s[++i] = bs; } return s.length < 2 ? q[0] ? (b = q[0].x, function(t) { return b(t) + ""; }) : function() { return b; } : (b = q.length, function(t) { for (var i = 0, o; i < b; ++i) s[(o = q[i]).i] = o.x(t); return s.join(""); }); } var d3_interpolate_numberA = /[-+]?(?:\d+\.?\d*|\.?\d+)(?:[eE][-+]?\d+)?/g, d3_interpolate_numberB = new RegExp(d3_interpolate_numberA.source, "g"); d3.interpolate = d3_interpolate; function d3_interpolate(a, b) { var i = d3.interpolators.length, f; while (--i >= 0 && !(f = d3.interpolators[i](a, b))) ; return f; } d3.interpolators = [ function(a, b) { var t = typeof b; return (t === "string" ? d3_rgb_names.has(b.toLowerCase()) || /^(#|rgb\(|hsl\()/i.test(b) ? d3_interpolateRgb : d3_interpolateString : b instanceof d3_color ? d3_interpolateRgb : Array.isArray(b) ? d3_interpolateArray : t === "object" && isNaN(b) ? d3_interpolateObject : d3_interpolateNumber)(a, b); } ]; d3.interpolateArray = d3_interpolateArray; function d3_interpolateArray(a, b) { var x = [], c = [], na = a.length, nb = b.length, n0 = Math.min(a.length, b.length), i; for (i = 0; i < n0; ++i) x.push(d3_interpolate(a[i], b[i])); for (;i < na; ++i) c[i] = a[i]; for (;i < nb; ++i) c[i] = b[i]; return function(t) { for (i = 0; i < n0; ++i) c[i] = x[i](t); return c; }; } var d3_ease_default = function() { return d3_identity; }; var d3_ease = d3.map({ linear: d3_ease_default, poly: d3_ease_poly, quad: function() { return d3_ease_quad; }, cubic: function() { return d3_ease_cubic; }, sin: function() { return d3_ease_sin; }, exp: function() { return d3_ease_exp; }, circle: function() { return d3_ease_circle; }, elastic: d3_ease_elastic, back: d3_ease_back, bounce: function() { return d3_ease_bounce; } }); var d3_ease_mode = d3.map({ "in": d3_identity, out: d3_ease_reverse, "in-out": d3_ease_reflect, "out-in": function(f) { return d3_ease_reflect(d3_ease_reverse(f)); } }); d3.ease = function(name) { var i = name.indexOf("-"), t = i >= 0 ? name.slice(0, i) : name, m = i >= 0 ? name.slice(i + 1) : "in"; t = d3_ease.get(t) || d3_ease_default; m = d3_ease_mode.get(m) || d3_identity; return d3_ease_clamp(m(t.apply(null, d3_arraySlice.call(arguments, 1)))); }; function d3_ease_clamp(f) { return function(t) { return t <= 0 ? 0 : t >= 1 ? 1 : f(t); }; } function d3_ease_reverse(f) { return function(t) { return 1 - f(1 - t); }; } function d3_ease_reflect(f) { return function(t) { return .5 * (t < .5 ? f(2 * t) : 2 - f(2 - 2 * t)); }; } function d3_ease_quad(t) { return t * t; } function d3_ease_cubic(t) { return t * t * t; } function d3_ease_cubicInOut(t) { if (t <= 0) return 0; if (t >= 1) return 1; var t2 = t * t, t3 = t2 * t; return 4 * (t < .5 ? t3 : 3 * (t - t2) + t3 - .75); } function d3_ease_poly(e) { return function(t) { return Math.pow(t, e); }; } function d3_ease_sin(t) { return 1 - Math.cos(t * halfπ); } function d3_ease_exp(t) { return Math.pow(2, 10 * (t - 1)); } function d3_ease_circle(t) { return 1 - Math.sqrt(1 - t * t); } function d3_ease_elastic(a, p) { var s; if (arguments.length < 2) p = .45; if (arguments.length) s = p / τ * Math.asin(1 / a); else a = 1, s = p / 4; return function(t) { return 1 + a * Math.pow(2, -10 * t) * Math.sin((t - s) * τ / p); }; } function d3_ease_back(s) { if (!s) s = 1.70158; return function(t) { return t * t * ((s + 1) * t - s); }; } function d3_ease_bounce(t) { return t < 1 / 2.75 ? 7.5625 * t * t : t < 2 / 2.75 ? 7.5625 * (t -= 1.5 / 2.75) * t + .75 : t < 2.5 / 2.75 ? 7.5625 * (t -= 2.25 / 2.75) * t + .9375 : 7.5625 * (t -= 2.625 / 2.75) * t + .984375; } d3.interpolateHcl = d3_interpolateHcl; function d3_interpolateHcl(a, b) { a = d3.hcl(a); b = d3.hcl(b); var ah = a.h, ac = a.c, al = a.l, bh = b.h - ah, bc = b.c - ac, bl = b.l - al; if (isNaN(bc)) bc = 0, ac = isNaN(ac) ? b.c : ac; if (isNaN(bh)) bh = 0, ah = isNaN(ah) ? b.h : ah; else if (bh > 180) bh -= 360; else if (bh < -180) bh += 360; return function(t) { return d3_hcl_lab(ah + bh * t, ac + bc * t, al + bl * t) + ""; }; } d3.interpolateHsl = d3_interpolateHsl; function d3_interpolateHsl(a, b) { a = d3.hsl(a); b = d3.hsl(b); var ah = a.h, as = a.s, al = a.l, bh = b.h - ah, bs = b.s - as, bl = b.l - al; if (isNaN(bs)) bs = 0, as = isNaN(as) ? b.s : as; if (isNaN(bh)) bh = 0, ah = isNaN(ah) ? b.h : ah; else if (bh > 180) bh -= 360; else if (bh < -180) bh += 360; return function(t) { return d3_hsl_rgb(ah + bh * t, as + bs * t, al + bl * t) + ""; }; } d3.interpolateLab = d3_interpolateLab; function d3_interpolateLab(a, b) { a = d3.lab(a); b = d3.lab(b); var al = a.l, aa = a.a, ab = a.b, bl = b.l - al, ba = b.a - aa, bb = b.b - ab; return function(t) { return d3_lab_rgb(al + bl * t, aa + ba * t, ab + bb * t) + ""; }; } d3.interpolateRound = d3_interpolateRound; function d3_interpolateRound(a, b) { b -= a; return function(t) { return Math.round(a + b * t); }; } d3.transform = function(string) { var g = d3_document.createElementNS(d3.ns.prefix.svg, "g"); return (d3.transform = function(string) { if (string != null) { g.setAttribute("transform", string); var t = g.transform.baseVal.consolidate(); } return new d3_transform(t ? t.matrix : d3_transformIdentity); })(string); }; function d3_transform(m) { var r0 = [ m.a, m.b ], r1 = [ m.c, m.d ], kx = d3_transformNormalize(r0), kz = d3_transformDot(r0, r1), ky = d3_transformNormalize(d3_transformCombine(r1, r0, -kz)) || 0; if (r0[0] * r1[1] < r1[0] * r0[1]) { r0[0] *= -1; r0[1] *= -1; kx *= -1; kz *= -1; } this.rotate = (kx ? Math.atan2(r0[1], r0[0]) : Math.atan2(-r1[0], r1[1])) * d3_degrees; this.translate = [ m.e, m.f ]; this.scale = [ kx, ky ]; this.skew = ky ? Math.atan2(kz, ky) * d3_degrees : 0; } d3_transform.prototype.toString = function() { return "translate(" + this.translate + ")rotate(" + this.rotate + ")skewX(" + this.skew + ")scale(" + this.scale + ")"; }; function d3_transformDot(a, b) { return a[0] * b[0] + a[1] * b[1]; } function d3_transformNormalize(a) { var k = Math.sqrt(d3_transformDot(a, a)); if (k) { a[0] /= k; a[1] /= k; } return k; } function d3_transformCombine(a, b, k) { a[0] += k * b[0]; a[1] += k * b[1]; return a; } var d3_transformIdentity = { a: 1, b: 0, c: 0, d: 1, e: 0, f: 0 }; d3.interpolateTransform = d3_interpolateTransform; function d3_interpolateTransformPop(s) { return s.length ? s.pop() + "," : ""; } function d3_interpolateTranslate(ta, tb, s, q) { if (ta[0] !== tb[0] || ta[1] !== tb[1]) { var i = s.push("translate(", null, ",", null, ")"); q.push({ i: i - 4, x: d3_interpolateNumber(ta[0], tb[0]) }, { i: i - 2, x: d3_interpolateNumber(ta[1], tb[1]) }); } else if (tb[0] || tb[1]) { s.push("translate(" + tb + ")"); } } function d3_interpolateRotate(ra, rb, s, q) { if (ra !== rb) { if (ra - rb > 180) rb += 360; else if (rb - ra > 180) ra += 360; q.push({ i: s.push(d3_interpolateTransformPop(s) + "rotate(", null, ")") - 2, x: d3_interpolateNumber(ra, rb) }); } else if (rb) { s.push(d3_interpolateTransformPop(s) + "rotate(" + rb + ")"); } } function d3_interpolateSkew(wa, wb, s, q) { if (wa !== wb) { q.push({ i: s.push(d3_interpolateTransformPop(s) + "skewX(", null, ")") - 2, x: d3_interpolateNumber(wa, wb) }); } else if (wb) { s.push(d3_interpolateTransformPop(s) + "skewX(" + wb + ")"); } } function d3_interpolateScale(ka, kb, s, q) { if (ka[0] !== kb[0] || ka[1] !== kb[1]) { var i = s.push(d3_interpolateTransformPop(s) + "scale(", null, ",", null, ")"); q.push({ i: i - 4, x: d3_interpolateNumber(ka[0], kb[0]) }, { i: i - 2, x: d3_interpolateNumber(ka[1], kb[1]) }); } else if (kb[0] !== 1 || kb[1] !== 1) { s.push(d3_interpolateTransformPop(s) + "scale(" + kb + ")"); } } function d3_interpolateTransform(a, b) { var s = [], q = []; a = d3.transform(a), b = d3.transform(b); d3_interpolateTranslate(a.translate, b.translate, s, q); d3_interpolateRotate(a.rotate, b.rotate, s, q); d3_interpolateSkew(a.skew, b.skew, s, q); d3_interpolateScale(a.scale, b.scale, s, q); a = b = null; return function(t) { var i = -1, n = q.length, o; while (++i < n) s[(o = q[i]).i] = o.x(t); return s.join(""); }; } function d3_uninterpolateNumber(a, b) { b = (b -= a = +a) || 1 / b; return function(x) { return (x - a) / b; }; } function d3_uninterpolateClamp(a, b) { b = (b -= a = +a) || 1 / b; return function(x) { return Math.max(0, Math.min(1, (x - a) / b)); }; } d3.layout = {}; d3.layout.bundle = function() { return function(links) { var paths = [], i = -1, n = links.length; while (++i < n) paths.push(d3_layout_bundlePath(links[i])); return paths; }; }; function d3_layout_bundlePath(link) { var start = link.source, end = link.target, lca = d3_layout_bundleLeastCommonAncestor(start, end), points = [ start ]; while (start !== lca) { start = start.parent; points.push(start); } var k = points.length; while (end !== lca) { points.splice(k, 0, end); end = end.parent; } return points; } function d3_layout_bundleAncestors(node) { var ancestors = [], parent = node.parent; while (parent != null) { ancestors.push(node); node = parent; parent = parent.parent; } ancestors.push(node); return ancestors; } function d3_layout_bundleLeastCommonAncestor(a, b) { if (a === b) return a; var aNodes = d3_layout_bundleAncestors(a), bNodes = d3_layout_bundleAncestors(b), aNode = aNodes.pop(), bNode = bNodes.pop(), sharedNode = null; while (aNode === bNode) { sharedNode = aNode; aNode = aNodes.pop(); bNode = bNodes.pop(); } return sharedNode; } d3.layout.chord = function() { var chord = {}, chords, groups, matrix, n, padding = 0, sortGroups, sortSubgroups, sortChords; function relayout() { var subgroups = {}, groupSums = [], groupIndex = d3.range(n), subgroupIndex = [], k, x, x0, i, j; chords = []; groups = []; k = 0, i = -1; while (++i < n) { x = 0, j = -1; while (++j < n) { x += matrix[i][j]; } groupSums.push(x); subgroupIndex.push(d3.range(n)); k += x; } if (sortGroups) { groupIndex.sort(function(a, b) { return sortGroups(groupSums[a], groupSums[b]); }); } if (sortSubgroups) { subgroupIndex.forEach(function(d, i) { d.sort(function(a, b) { return sortSubgroups(matrix[i][a], matrix[i][b]); }); }); } k = (τ - padding * n) / k; x = 0, i = -1; while (++i < n) { x0 = x, j = -1; while (++j < n) { var di = groupIndex[i], dj = subgroupIndex[di][j], v = matrix[di][dj], a0 = x, a1 = x += v * k; subgroups[di + "-" + dj] = { index: di, subindex: dj, startAngle: a0, endAngle: a1, value: v }; } groups[di] = { index: di, startAngle: x0, endAngle: x, value: groupSums[di] }; x += padding; } i = -1; while (++i < n) { j = i - 1; while (++j < n) { var source = subgroups[i + "-" + j], target = subgroups[j + "-" + i]; if (source.value || target.value) { chords.push(source.value < target.value ? { source: target, target: source } : { source: source, target: target }); } } } if (sortChords) resort(); } function resort() { chords.sort(function(a, b) { return sortChords((a.source.value + a.target.value) / 2, (b.source.value + b.target.value) / 2); }); } chord.matrix = function(x) { if (!arguments.length) return matrix; n = (matrix = x) && matrix.length; chords = groups = null; return chord; }; chord.padding = function(x) { if (!arguments.length) return padding; padding = x; chords = groups = null; return chord; }; chord.sortGroups = function(x) { if (!arguments.length) return sortGroups; sortGroups = x; chords = groups = null; return chord; }; chord.sortSubgroups = function(x) { if (!arguments.length) return sortSubgroups; sortSubgroups = x; chords = null; return chord; }; chord.sortChords = function(x) { if (!arguments.length) return sortChords; sortChords = x; if (chords) resort(); return chord; }; chord.chords = function() { if (!chords) relayout(); return chords; }; chord.groups = function() { if (!groups) relayout(); return groups; }; return chord; }; d3.layout.force = function() { var force = {}, event = d3.dispatch("start", "tick", "end"), timer, size = [ 1, 1 ], drag, alpha, friction = .9, linkDistance = d3_layout_forceLinkDistance, linkStrength = d3_layout_forceLinkStrength, charge = -30, chargeDistance2 = d3_layout_forceChargeDistance2, gravity = .1, theta2 = .64, nodes = [], links = [], distances, strengths, charges; function repulse(node) { return function(quad, x1, _, x2) { if (quad.point !== node) { var dx = quad.cx - node.x, dy = quad.cy - node.y, dw = x2 - x1, dn = dx * dx + dy * dy; if (dw * dw / theta2 < dn) { if (dn < chargeDistance2) { var k = quad.charge / dn; node.px -= dx * k; node.py -= dy * k; } return true; } if (quad.point && dn && dn < chargeDistance2) { var k = quad.pointCharge / dn; node.px -= dx * k; node.py -= dy * k; } } return !quad.charge; }; } force.tick = function() { if ((alpha *= .99) < .005) { timer = null; event.end({ type: "end", alpha: alpha = 0 }); return true; } var n = nodes.length, m = links.length, q, i, o, s, t, l, k, x, y; for (i = 0; i < m; ++i) { o = links[i]; s = o.source; t = o.target; x = t.x - s.x; y = t.y - s.y; if (l = x * x + y * y) { l = alpha * strengths[i] * ((l = Math.sqrt(l)) - distances[i]) / l; x *= l; y *= l; t.x -= x * (k = s.weight + t.weight ? s.weight / (s.weight + t.weight) : .5); t.y -= y * k; s.x += x * (k = 1 - k); s.y += y * k; } } if (k = alpha * gravity) { x = size[0] / 2; y = size[1] / 2; i = -1; if (k) while (++i < n) { o = nodes[i]; o.x += (x - o.x) * k; o.y += (y - o.y) * k; } } if (charge) { d3_layout_forceAccumulate(q = d3.geom.quadtree(nodes), alpha, charges); i = -1; while (++i < n) { if (!(o = nodes[i]).fixed) { q.visit(repulse(o)); } } } i = -1; while (++i < n) { o = nodes[i]; if (o.fixed) { o.x = o.px; o.y = o.py; } else { o.x -= (o.px - (o.px = o.x)) * friction; o.y -= (o.py - (o.py = o.y)) * friction; } } event.tick({ type: "tick", alpha: alpha }); }; force.nodes = function(x) { if (!arguments.length) return nodes; nodes = x; return force; }; force.links = function(x) { if (!arguments.length) return links; links = x; return force; }; force.size = function(x) { if (!arguments.length) return size; size = x; return force; }; force.linkDistance = function(x) { if (!arguments.length) return linkDistance; linkDistance = typeof x === "function" ? x : +x; return force; }; force.distance = force.linkDistance; force.linkStrength = function(x) { if (!arguments.length) return linkStrength; linkStrength = typeof x === "function" ? x : +x; return force; }; force.friction = function(x) { if (!arguments.length) return friction; friction = +x; return force; }; force.charge = function(x) { if (!arguments.length) return charge; charge = typeof x === "function" ? x : +x; return force; }; force.chargeDistance = function(x) { if (!arguments.length) return Math.sqrt(chargeDistance2); chargeDistance2 = x * x; return force; }; force.gravity = function(x) { if (!arguments.length) return gravity; gravity = +x; return force; }; force.theta = function(x) { if (!arguments.length) return Math.sqrt(theta2); theta2 = x * x; return force; }; force.alpha = function(x) { if (!arguments.length) return alpha; x = +x; if (alpha) { if (x > 0) { alpha = x; } else { timer.c = null, timer.t = NaN, timer = null; event.end({ type: "end", alpha: alpha = 0 }); } } else if (x > 0) { event.start({ type: "start", alpha: alpha = x }); timer = d3_timer(force.tick); } return force; }; force.start = function() { var i, n = nodes.length, m = links.length, w = size[0], h = size[1], neighbors, o; for (i = 0; i < n; ++i) { (o = nodes[i]).index = i; o.weight = 0; } for (i = 0; i < m; ++i) { o = links[i]; if (typeof o.source == "number") o.source = nodes[o.source]; if (typeof o.target == "number") o.target = nodes[o.target]; ++o.source.weight; ++o.target.weight; } for (i = 0; i < n; ++i) { o = nodes[i]; if (isNaN(o.x)) o.x = position("x", w); if (isNaN(o.y)) o.y = position("y", h); if (isNaN(o.px)) o.px = o.x; if (isNaN(o.py)) o.py = o.y; } distances = []; if (typeof linkDistance === "function") for (i = 0; i < m; ++i) distances[i] = +linkDistance.call(this, links[i], i); else for (i = 0; i < m; ++i) distances[i] = linkDistance; strengths = []; if (typeof linkStrength === "function") for (i = 0; i < m; ++i) strengths[i] = +linkStrength.call(this, links[i], i); else for (i = 0; i < m; ++i) strengths[i] = linkStrength; charges = []; if (typeof charge === "function") for (i = 0; i < n; ++i) charges[i] = +charge.call(this, nodes[i], i); else for (i = 0; i < n; ++i) charges[i] = charge; function position(dimension, size) { if (!neighbors) { neighbors = new Array(n); for (j = 0; j < n; ++j) { neighbors[j] = []; } for (j = 0; j < m; ++j) { var o = links[j]; neighbors[o.source.index].push(o.target); neighbors[o.target.index].push(o.source); } } var candidates = neighbors[i], j = -1, l = candidates.length, x; while (++j < l) if (!isNaN(x = candidates[j][dimension])) return x; return Math.random() * size; } return force.resume(); }; force.resume = function() { return force.alpha(.1); }; force.stop = function() { return force.alpha(0); }; force.drag = function() { if (!drag) drag = d3.behavior.drag().origin(d3_identity).on("dragstart.force", d3_layout_forceDragstart).on("drag.force", dragmove).on("dragend.force", d3_layout_forceDragend); if (!arguments.length) return drag; this.on("mouseover.force", d3_layout_forceMouseover).on("mouseout.force", d3_layout_forceMouseout).call(drag); }; function dragmove(d) { d.px = d3.event.x, d.py = d3.event.y; force.resume(); } return d3.rebind(force, event, "on"); }; function d3_layout_forceDragstart(d) { d.fixed |= 2; } function d3_layout_forceDragend(d) { d.fixed &= ~6; } function d3_layout_forceMouseover(d) { d.fixed |= 4; d.px = d.x, d.py = d.y; } function d3_layout_forceMouseout(d) { d.fixed &= ~4; } function d3_layout_forceAccumulate(quad, alpha, charges) { var cx = 0, cy = 0; quad.charge = 0; if (!quad.leaf) { var nodes = quad.nodes, n = nodes.length, i = -1, c; while (++i < n) { c = nodes[i]; if (c == null) continue; d3_layout_forceAccumulate(c, alpha, charges); quad.charge += c.charge; cx += c.charge * c.cx; cy += c.charge * c.cy; } } if (quad.point) { if (!quad.leaf) { quad.point.x += Math.random() - .5; quad.point.y += Math.random() - .5; } var k = alpha * charges[quad.point.index]; quad.charge += quad.pointCharge = k; cx += k * quad.point.x; cy += k * quad.point.y; } quad.cx = cx / quad.charge; quad.cy = cy / quad.charge; } var d3_layout_forceLinkDistance = 20, d3_layout_forceLinkStrength = 1, d3_layout_forceChargeDistance2 = Infinity; d3.layout.hierarchy = function() { var sort = d3_layout_hierarchySort, children = d3_layout_hierarchyChildren, value = d3_layout_hierarchyValue; function hierarchy(root) { var stack = [ root ], nodes = [], node; root.depth = 0; while ((node = stack.pop()) != null) { nodes.push(node); if ((childs = children.call(hierarchy, node, node.depth)) && (n = childs.length)) { var n, childs, child; while (--n >= 0) { stack.push(child = childs[n]); child.parent = node; child.depth = node.depth + 1; } if (value) node.value = 0; node.children = childs; } else { if (value) node.value = +value.call(hierarchy, node, node.depth) || 0; delete node.children; } } d3_layout_hierarchyVisitAfter(root, function(node) { var childs, parent; if (sort && (childs = node.children)) childs.sort(sort); if (value && (parent = node.parent)) parent.value += node.value; }); return nodes; } hierarchy.sort = function(x) { if (!arguments.length) return sort; sort = x; return hierarchy; }; hierarchy.children = function(x) { if (!arguments.length) return children; children = x; return hierarchy; }; hierarchy.value = function(x) { if (!arguments.length) return value; value = x; return hierarchy; }; hierarchy.revalue = function(root) { if (value) { d3_layout_hierarchyVisitBefore(root, function(node) { if (node.children) node.value = 0; }); d3_layout_hierarchyVisitAfter(root, function(node) { var parent; if (!node.children) node.value = +value.call(hierarchy, node, node.depth) || 0; if (parent = node.parent) parent.value += node.value; }); } return root; }; return hierarchy; }; function d3_layout_hierarchyRebind(object, hierarchy) { d3.rebind(object, hierarchy, "sort", "children", "value"); object.nodes = object; object.links = d3_layout_hierarchyLinks; return object; } function d3_layout_hierarchyVisitBefore(node, callback) { var nodes = [ node ]; while ((node = nodes.pop()) != null) { callback(node); if ((children = node.children) && (n = children.length)) { var n, children; while (--n >= 0) nodes.push(children[n]); } } } function d3_layout_hierarchyVisitAfter(node, callback) { var nodes = [ node ], nodes2 = []; while ((node = nodes.pop()) != null) { nodes2.push(node); if ((children = node.children) && (n = children.length)) { var i = -1, n, children; while (++i < n) nodes.push(children[i]); } } while ((node = nodes2.pop()) != null) { callback(node); } } function d3_layout_hierarchyChildren(d) { return d.children; } function d3_layout_hierarchyValue(d) { return d.value; } function d3_layout_hierarchySort(a, b) { return b.value - a.value; } function d3_layout_hierarchyLinks(nodes) { return d3.merge(nodes.map(function(parent) { return (parent.children || []).map(function(child) { return { source: parent, target: child }; }); })); } d3.layout.partition = function() { var hierarchy = d3.layout.hierarchy(), size = [ 1, 1 ]; function position(node, x, dx, dy) { var children = node.children; node.x = x; node.y = node.depth * dy; node.dx = dx; node.dy = dy; if (children && (n = children.length)) { var i = -1, n, c, d; dx = node.value ? dx / node.value : 0; while (++i < n) { position(c = children[i], x, d = c.value * dx, dy); x += d; } } } function depth(node) { var children = node.children, d = 0; if (children && (n = children.length)) { var i = -1, n; while (++i < n) d = Math.max(d, depth(children[i])); } return 1 + d; } function partition(d, i) { var nodes = hierarchy.call(this, d, i); position(nodes[0], 0, size[0], size[1] / depth(nodes[0])); return nodes; } partition.size = function(x) { if (!arguments.length) return size; size = x; return partition; }; return d3_layout_hierarchyRebind(partition, hierarchy); }; d3.layout.pie = function() { var value = Number, sort = d3_layout_pieSortByValue, startAngle = 0, endAngle = τ, padAngle = 0; function pie(data) { var n = data.length, values = data.map(function(d, i) { return +value.call(pie, d, i); }), a = +(typeof startAngle === "function" ? startAngle.apply(this, arguments) : startAngle), da = (typeof endAngle === "function" ? endAngle.apply(this, arguments) : endAngle) - a, p = Math.min(Math.abs(da) / n, +(typeof padAngle === "function" ? padAngle.apply(this, arguments) : padAngle)), pa = p * (da < 0 ? -1 : 1), sum = d3.sum(values), k = sum ? (da - n * pa) / sum : 0, index = d3.range(n), arcs = [], v; if (sort != null) index.sort(sort === d3_layout_pieSortByValue ? function(i, j) { return values[j] - values[i]; } : function(i, j) { return sort(data[i], data[j]); }); index.forEach(function(i) { arcs[i] = { data: data[i], value: v = values[i], startAngle: a, endAngle: a += v * k + pa, padAngle: p }; }); return arcs; } pie.value = function(_) { if (!arguments.length) return value; value = _; return pie; }; pie.sort = function(_) { if (!arguments.length) return sort; sort = _; return pie; }; pie.startAngle = function(_) { if (!arguments.length) return startAngle; startAngle = _; return pie; }; pie.endAngle = function(_) { if (!arguments.length) return endAngle; endAngle = _; return pie; }; pie.padAngle = function(_) { if (!arguments.length) return padAngle; padAngle = _; return pie; }; return pie; }; var d3_layout_pieSortByValue = {}; d3.layout.stack = function() { var values = d3_identity, order = d3_layout_stackOrderDefault, offset = d3_layout_stackOffsetZero, out = d3_layout_stackOut, x = d3_layout_stackX, y = d3_layout_stackY; function stack(data, index) { if (!(n = data.length)) return data; var series = data.map(function(d, i) { return values.call(stack, d, i); }); var points = series.map(function(d) { return d.map(function(v, i) { return [ x.call(stack, v, i), y.call(stack, v, i) ]; }); }); var orders = order.call(stack, points, index); series = d3.permute(series, orders); points = d3.permute(points, orders); var offsets = offset.call(stack, points, index); var m = series[0].length, n, i, j, o; for (j = 0; j < m; ++j) { out.call(stack, series[0][j], o = offsets[j], points[0][j][1]); for (i = 1; i < n; ++i) { out.call(stack, series[i][j], o += points[i - 1][j][1], points[i][j][1]); } } return data; } stack.values = function(x) { if (!arguments.length) return values; values = x; return stack; }; stack.order = function(x) { if (!arguments.length) return order; order = typeof x === "function" ? x : d3_layout_stackOrders.get(x) || d3_layout_stackOrderDefault; return stack; }; stack.offset = function(x) { if (!arguments.length) return offset; offset = typeof x === "function" ? x : d3_layout_stackOffsets.get(x) || d3_layout_stackOffsetZero; return stack; }; stack.x = function(z) { if (!arguments.length) return x; x = z; return stack; }; stack.y = function(z) { if (!arguments.length) return y; y = z; return stack; }; stack.out = function(z) { if (!arguments.length) return out; out = z; return stack; }; return stack; }; function d3_layout_stackX(d) { return d.x; } function d3_layout_stackY(d) { return d.y; } function d3_layout_stackOut(d, y0, y) { d.y0 = y0; d.y = y; } var d3_layout_stackOrders = d3.map({ "inside-out": function(data) { var n = data.length, i, j, max = data.map(d3_layout_stackMaxIndex), sums = data.map(d3_layout_stackReduceSum), index = d3.range(n).sort(function(a, b) { return max[a] - max[b]; }), top = 0, bottom = 0, tops = [], bottoms = []; for (i = 0; i < n; ++i) { j = index[i]; if (top < bottom) { top += sums[j]; tops.push(j); } else { bottom += sums[j]; bottoms.push(j); } } return bottoms.reverse().concat(tops); }, reverse: function(data) { return d3.range(data.length).reverse(); }, "default": d3_layout_stackOrderDefault }); var d3_layout_stackOffsets = d3.map({ silhouette: function(data) { var n = data.length, m = data[0].length, sums = [], max = 0, i, j, o, y0 = []; for (j = 0; j < m; ++j) { for (i = 0, o = 0; i < n; i++) o += data[i][j][1]; if (o > max) max = o; sums.push(o); } for (j = 0; j < m; ++j) { y0[j] = (max - sums[j]) / 2; } return y0; }, wiggle: function(data) { var n = data.length, x = data[0], m = x.length, i, j, k, s1, s2, s3, dx, o, o0, y0 = []; y0[0] = o = o0 = 0; for (j = 1; j < m; ++j) { for (i = 0, s1 = 0; i < n; ++i) s1 += data[i][j][1]; for (i = 0, s2 = 0, dx = x[j][0] - x[j - 1][0]; i < n; ++i) { for (k = 0, s3 = (data[i][j][1] - data[i][j - 1][1]) / (2 * dx); k < i; ++k) { s3 += (data[k][j][1] - data[k][j - 1][1]) / dx; } s2 += s3 * data[i][j][1]; } y0[j] = o -= s1 ? s2 / s1 * dx : 0; if (o < o0) o0 = o; } for (j = 0; j < m; ++j) y0[j] -= o0; return y0; }, expand: function(data) { var n = data.length, m = data[0].length, k = 1 / n, i, j, o, y0 = []; for (j = 0; j < m; ++j) { for (i = 0, o = 0; i < n; i++) o += data[i][j][1]; if (o) for (i = 0; i < n; i++) data[i][j][1] /= o; else for (i = 0; i < n; i++) data[i][j][1] = k; } for (j = 0; j < m; ++j) y0[j] = 0; return y0; }, zero: d3_layout_stackOffsetZero }); function d3_layout_stackOrderDefault(data) { return d3.range(data.length); } function d3_layout_stackOffsetZero(data) { var j = -1, m = data[0].length, y0 = []; while (++j < m) y0[j] = 0; return y0; } function d3_layout_stackMaxIndex(array) { var i = 1, j = 0, v = array[0][1], k, n = array.length; for (;i < n; ++i) { if ((k = array[i][1]) > v) { j = i; v = k; } } return j; } function d3_layout_stackReduceSum(d) { return d.reduce(d3_layout_stackSum, 0); } function d3_layout_stackSum(p, d) { return p + d[1]; } d3.layout.histogram = function() { var frequency = true, valuer = Number, ranger = d3_layout_histogramRange, binner = d3_layout_histogramBinSturges; function histogram(data, i) { var bins = [], values = data.map(valuer, this), range = ranger.call(this, values, i), thresholds = binner.call(this, range, values, i), bin, i = -1, n = values.length, m = thresholds.length - 1, k = frequency ? 1 : 1 / n, x; while (++i < m) { bin = bins[i] = []; bin.dx = thresholds[i + 1] - (bin.x = thresholds[i]); bin.y = 0; } if (m > 0) { i = -1; while (++i < n) { x = values[i]; if (x >= range[0] && x <= range[1]) { bin = bins[d3.bisect(thresholds, x, 1, m) - 1]; bin.y += k; bin.push(data[i]); } } } return bins; } histogram.value = function(x) { if (!arguments.length) return valuer; valuer = x; return histogram; }; histogram.range = function(x) { if (!arguments.length) return ranger; ranger = d3_functor(x); return histogram; }; histogram.bins = function(x) { if (!arguments.length) return binner; binner = typeof x === "number" ? function(range) { return d3_layout_histogramBinFixed(range, x); } : d3_functor(x); return histogram; }; histogram.frequency = function(x) { if (!arguments.length) return frequency; frequency = !!x; return histogram; }; return histogram; }; function d3_layout_histogramBinSturges(range, values) { return d3_layout_histogramBinFixed(range, Math.ceil(Math.log(values.length) / Math.LN2 + 1)); } function d3_layout_histogramBinFixed(range, n) { var x = -1, b = +range[0], m = (range[1] - b) / n, f = []; while (++x <= n) f[x] = m * x + b; return f; } function d3_layout_histogramRange(values) { return [ d3.min(values), d3.max(values) ]; } d3.layout.pack = function() { var hierarchy = d3.layout.hierarchy().sort(d3_layout_packSort), padding = 0, size = [ 1, 1 ], radius; function pack(d, i) { var nodes = hierarchy.call(this, d, i), root = nodes[0], w = size[0], h = size[1], r = radius == null ? Math.sqrt : typeof radius === "function" ? radius : function() { return radius; }; root.x = root.y = 0; d3_layout_hierarchyVisitAfter(root, function(d) { d.r = +r(d.value); }); d3_layout_hierarchyVisitAfter(root, d3_layout_packSiblings); if (padding) { var dr = padding * (radius ? 1 : Math.max(2 * root.r / w, 2 * root.r / h)) / 2; d3_layout_hierarchyVisitAfter(root, function(d) { d.r += dr; }); d3_layout_hierarchyVisitAfter(root, d3_layout_packSiblings); d3_layout_hierarchyVisitAfter(root, function(d) { d.r -= dr; }); } d3_layout_packTransform(root, w / 2, h / 2, radius ? 1 : 1 / Math.max(2 * root.r / w, 2 * root.r / h)); return nodes; } pack.size = function(_) { if (!arguments.length) return size; size = _; return pack; }; pack.radius = function(_) { if (!arguments.length) return radius; radius = _ == null || typeof _ === "function" ? _ : +_; return pack; }; pack.padding = function(_) { if (!arguments.length) return padding; padding = +_; return pack; }; return d3_layout_hierarchyRebind(pack, hierarchy); }; function d3_layout_packSort(a, b) { return a.value - b.value; } function d3_layout_packInsert(a, b) { var c = a._pack_next; a._pack_next = b; b._pack_prev = a; b._pack_next = c; c._pack_prev = b; } function d3_layout_packSplice(a, b) { a._pack_next = b; b._pack_prev = a; } function d3_layout_packIntersects(a, b) { var dx = b.x - a.x, dy = b.y - a.y, dr = a.r + b.r; return .999 * dr * dr > dx * dx + dy * dy; } function d3_layout_packSiblings(node) { if (!(nodes = node.children) || !(n = nodes.length)) return; var nodes, xMin = Infinity, xMax = -Infinity, yMin = Infinity, yMax = -Infinity, a, b, c, i, j, k, n; function bound(node) { xMin = Math.min(node.x - node.r, xMin); xMax = Math.max(node.x + node.r, xMax); yMin = Math.min(node.y - node.r, yMin); yMax = Math.max(node.y + node.r, yMax); } nodes.forEach(d3_layout_packLink); a = nodes[0]; a.x = -a.r; a.y = 0; bound(a); if (n > 1) { b = nodes[1]; b.x = b.r; b.y = 0; bound(b); if (n > 2) { c = nodes[2]; d3_layout_packPlace(a, b, c); bound(c); d3_layout_packInsert(a, c); a._pack_prev = c; d3_layout_packInsert(c, b); b = a._pack_next; for (i = 3; i < n; i++) { d3_layout_packPlace(a, b, c = nodes[i]); var isect = 0, s1 = 1, s2 = 1; for (j = b._pack_next; j !== b; j = j._pack_next, s1++) { if (d3_layout_packIntersects(j, c)) { isect = 1; break; } } if (isect == 1) { for (k = a._pack_prev; k !== j._pack_prev; k = k._pack_prev, s2++) { if (d3_layout_packIntersects(k, c)) { break; } } } if (isect) { if (s1 < s2 || s1 == s2 && b.r < a.r) d3_layout_packSplice(a, b = j); else d3_layout_packSplice(a = k, b); i--; } else { d3_layout_packInsert(a, c); b = c; bound(c); } } } } var cx = (xMin + xMax) / 2, cy = (yMin + yMax) / 2, cr = 0; for (i = 0; i < n; i++) { c = nodes[i]; c.x -= cx; c.y -= cy; cr = Math.max(cr, c.r + Math.sqrt(c.x * c.x + c.y * c.y)); } node.r = cr; nodes.forEach(d3_layout_packUnlink); } function d3_layout_packLink(node) { node._pack_next = node._pack_prev = node; } function d3_layout_packUnlink(node) { delete node._pack_next; delete node._pack_prev; } function d3_layout_packTransform(node, x, y, k) { var children = node.children; node.x = x += k * node.x; node.y = y += k * node.y; node.r *= k; if (children) { var i = -1, n = children.length; while (++i < n) d3_layout_packTransform(children[i], x, y, k); } } function d3_layout_packPlace(a, b, c) { var db = a.r + c.r, dx = b.x - a.x, dy = b.y - a.y; if (db && (dx || dy)) { var da = b.r + c.r, dc = dx * dx + dy * dy; da *= da; db *= db; var x = .5 + (db - da) / (2 * dc), y = Math.sqrt(Math.max(0, 2 * da * (db + dc) - (db -= dc) * db - da * da)) / (2 * dc); c.x = a.x + x * dx + y * dy; c.y = a.y + x * dy - y * dx; } else { c.x = a.x + db; c.y = a.y; } } d3.layout.tree = function() { var hierarchy = d3.layout.hierarchy().sort(null).value(null), separation = d3_layout_treeSeparation, size = [ 1, 1 ], nodeSize = null; function tree(d, i) { var nodes = hierarchy.call(this, d, i), root0 = nodes[0], root1 = wrapTree(root0); d3_layout_hierarchyVisitAfter(root1, firstWalk), root1.parent.m = -root1.z; d3_layout_hierarchyVisitBefore(root1, secondWalk); if (nodeSize) d3_layout_hierarchyVisitBefore(root0, sizeNode); else { var left = root0, right = root0, bottom = root0; d3_layout_hierarchyVisitBefore(root0, function(node) { if (node.x < left.x) left = node; if (node.x > right.x) right = node; if (node.depth > bottom.depth) bottom = node; }); var tx = separation(left, right) / 2 - left.x, kx = size[0] / (right.x + separation(right, left) / 2 + tx), ky = size[1] / (bottom.depth || 1); d3_layout_hierarchyVisitBefore(root0, function(node) { node.x = (node.x + tx) * kx; node.y = node.depth * ky; }); } return nodes; } function wrapTree(root0) { var root1 = { A: null, children: [ root0 ] }, queue = [ root1 ], node1; while ((node1 = queue.pop()) != null) { for (var children = node1.children, child, i = 0, n = children.length; i < n; ++i) { queue.push((children[i] = child = { _: children[i], parent: node1, children: (child = children[i].children) && child.slice() || [], A: null, a: null, z: 0, m: 0, c: 0, s: 0, t: null, i: i }).a = child); } } return root1.children[0]; } function firstWalk(v) { var children = v.children, siblings = v.parent.children, w = v.i ? siblings[v.i - 1] : null; if (children.length) { d3_layout_treeShift(v); var midpoint = (children[0].z + children[children.length - 1].z) / 2; if (w) { v.z = w.z + separation(v._, w._); v.m = v.z - midpoint; } else { v.z = midpoint; } } else if (w) { v.z = w.z + separation(v._, w._); } v.parent.A = apportion(v, w, v.parent.A || siblings[0]); } function secondWalk(v) { v._.x = v.z + v.parent.m; v.m += v.parent.m; } function apportion(v, w, ancestor) { if (w) { var vip = v, vop = v, vim = w, vom = vip.parent.children[0], sip = vip.m, sop = vop.m, sim = vim.m, som = vom.m, shift; while (vim = d3_layout_treeRight(vim), vip = d3_layout_treeLeft(vip), vim && vip) { vom = d3_layout_treeLeft(vom); vop = d3_layout_treeRight(vop); vop.a = v; shift = vim.z + sim - vip.z - sip + separation(vim._, vip._); if (shift > 0) { d3_layout_treeMove(d3_layout_treeAncestor(vim, v, ancestor), v, shift); sip += shift; sop += shift; } sim += vim.m; sip += vip.m; som += vom.m; sop += vop.m; } if (vim && !d3_layout_treeRight(vop)) { vop.t = vim; vop.m += sim - sop; } if (vip && !d3_layout_treeLeft(vom)) { vom.t = vip; vom.m += sip - som; ancestor = v; } } return ancestor; } function sizeNode(node) { node.x *= size[0]; node.y = node.depth * size[1]; } tree.separation = function(x) { if (!arguments.length) return separation; separation = x; return tree; }; tree.size = function(x) { if (!arguments.length) return nodeSize ? null : size; nodeSize = (size = x) == null ? sizeNode : null; return tree; }; tree.nodeSize = function(x) { if (!arguments.length) return nodeSize ? size : null; nodeSize = (size = x) == null ? null : sizeNode; return tree; }; return d3_layout_hierarchyRebind(tree, hierarchy); }; function d3_layout_treeSeparation(a, b) { return a.parent == b.parent ? 1 : 2; } function d3_layout_treeLeft(v) { var children = v.children; return children.length ? children[0] : v.t; } function d3_layout_treeRight(v) { var children = v.children, n; return (n = children.length) ? children[n - 1] : v.t; } function d3_layout_treeMove(wm, wp, shift) { var change = shift / (wp.i - wm.i); wp.c -= change; wp.s += shift; wm.c += change; wp.z += shift; wp.m += shift; } function d3_layout_treeShift(v) { var shift = 0, change = 0, children = v.children, i = children.length, w; while (--i >= 0) { w = children[i]; w.z += shift; w.m += shift; shift += w.s + (change += w.c); } } function d3_layout_treeAncestor(vim, v, ancestor) { return vim.a.parent === v.parent ? vim.a : ancestor; } d3.layout.cluster = function() { var hierarchy = d3.layout.hierarchy().sort(null).value(null), separation = d3_layout_treeSeparation, size = [ 1, 1 ], nodeSize = false; function cluster(d, i) { var nodes = hierarchy.call(this, d, i), root = nodes[0], previousNode, x = 0; d3_layout_hierarchyVisitAfter(root, function(node) { var children = node.children; if (children && children.length) { node.x = d3_layout_clusterX(children); node.y = d3_layout_clusterY(children); } else { node.x = previousNode ? x += separation(node, previousNode) : 0; node.y = 0; previousNode = node; } }); var left = d3_layout_clusterLeft(root), right = d3_layout_clusterRight(root), x0 = left.x - separation(left, right) / 2, x1 = right.x + separation(right, left) / 2; d3_layout_hierarchyVisitAfter(root, nodeSize ? function(node) { node.x = (node.x - root.x) * size[0]; node.y = (root.y - node.y) * size[1]; } : function(node) { node.x = (node.x - x0) / (x1 - x0) * size[0]; node.y = (1 - (root.y ? node.y / root.y : 1)) * size[1]; }); return nodes; } cluster.separation = function(x) { if (!arguments.length) return separation; separation = x; return cluster; }; cluster.size = function(x) { if (!arguments.length) return nodeSize ? null : size; nodeSize = (size = x) == null; return cluster; }; cluster.nodeSize = function(x) { if (!arguments.length) return nodeSize ? size : null; nodeSize = (size = x) != null; return cluster; }; return d3_layout_hierarchyRebind(cluster, hierarchy); }; function d3_layout_clusterY(children) { return 1 + d3.max(children, function(child) { return child.y; }); } function d3_layout_clusterX(children) { return children.reduce(function(x, child) { return x + child.x; }, 0) / children.length; } function d3_layout_clusterLeft(node) { var children = node.children; return children && children.length ? d3_layout_clusterLeft(children[0]) : node; } function d3_layout_clusterRight(node) { var children = node.children, n; return children && (n = children.length) ? d3_layout_clusterRight(children[n - 1]) : node; } d3.layout.treemap = function() { var hierarchy = d3.layout.hierarchy(), round = Math.round, size = [ 1, 1 ], padding = null, pad = d3_layout_treemapPadNull, sticky = false, stickies, mode = "squarify", ratio = .5 * (1 + Math.sqrt(5)); function scale(children, k) { var i = -1, n = children.length, child, area; while (++i < n) { area = (child = children[i]).value * (k < 0 ? 0 : k); child.area = isNaN(area) || area <= 0 ? 0 : area; } } function squarify(node) { var children = node.children; if (children && children.length) { var rect = pad(node), row = [], remaining = children.slice(), child, best = Infinity, score, u = mode === "slice" ? rect.dx : mode === "dice" ? rect.dy : mode === "slice-dice" ? node.depth & 1 ? rect.dy : rect.dx : Math.min(rect.dx, rect.dy), n; scale(remaining, rect.dx * rect.dy / node.value); row.area = 0; while ((n = remaining.length) > 0) { row.push(child = remaining[n - 1]); row.area += child.area; if (mode !== "squarify" || (score = worst(row, u)) <= best) { remaining.pop(); best = score; } else { row.area -= row.pop().area; position(row, u, rect, false); u = Math.min(rect.dx, rect.dy); row.length = row.area = 0; best = Infinity; } } if (row.length) { position(row, u, rect, true); row.length = row.area = 0; } children.forEach(squarify); } } function stickify(node) { var children = node.children; if (children && children.length) { var rect = pad(node), remaining = children.slice(), child, row = []; scale(remaining, rect.dx * rect.dy / node.value); row.area = 0; while (child = remaining.pop()) { row.push(child); row.area += child.area; if (child.z != null) { position(row, child.z ? rect.dx : rect.dy, rect, !remaining.length); row.length = row.area = 0; } } children.forEach(stickify); } } function worst(row, u) { var s = row.area, r, rmax = 0, rmin = Infinity, i = -1, n = row.length; while (++i < n) { if (!(r = row[i].area)) continue; if (r < rmin) rmin = r; if (r > rmax) rmax = r; } s *= s; u *= u; return s ? Math.max(u * rmax * ratio / s, s / (u * rmin * ratio)) : Infinity; } function position(row, u, rect, flush) { var i = -1, n = row.length, x = rect.x, y = rect.y, v = u ? round(row.area / u) : 0, o; if (u == rect.dx) { if (flush || v > rect.dy) v = rect.dy; while (++i < n) { o = row[i]; o.x = x; o.y = y; o.dy = v; x += o.dx = Math.min(rect.x + rect.dx - x, v ? round(o.area / v) : 0); } o.z = true; o.dx += rect.x + rect.dx - x; rect.y += v; rect.dy -= v; } else { if (flush || v > rect.dx) v = rect.dx; while (++i < n) { o = row[i]; o.x = x; o.y = y; o.dx = v; y += o.dy = Math.min(rect.y + rect.dy - y, v ? round(o.area / v) : 0); } o.z = false; o.dy += rect.y + rect.dy - y; rect.x += v; rect.dx -= v; } } function treemap(d) { var nodes = stickies || hierarchy(d), root = nodes[0]; root.x = root.y = 0; if (root.value) root.dx = size[0], root.dy = size[1]; else root.dx = root.dy = 0; if (stickies) hierarchy.revalue(root); scale([ root ], root.dx * root.dy / root.value); (stickies ? stickify : squarify)(root); if (sticky) stickies = nodes; return nodes; } treemap.size = function(x) { if (!arguments.length) return size; size = x; return treemap; }; treemap.padding = function(x) { if (!arguments.length) return padding; function padFunction(node) { var p = x.call(treemap, node, node.depth); return p == null ? d3_layout_treemapPadNull(node) : d3_layout_treemapPad(node, typeof p === "number" ? [ p, p, p, p ] : p); } function padConstant(node) { return d3_layout_treemapPad(node, x); } var type; pad = (padding = x) == null ? d3_layout_treemapPadNull : (type = typeof x) === "function" ? padFunction : type === "number" ? (x = [ x, x, x, x ], padConstant) : padConstant; return treemap; }; treemap.round = function(x) { if (!arguments.length) return round != Number; round = x ? Math.round : Number; return treemap; }; treemap.sticky = function(x) { if (!arguments.length) return sticky; sticky = x; stickies = null; return treemap; }; treemap.ratio = function(x) { if (!arguments.length) return ratio; ratio = x; return treemap; }; treemap.mode = function(x) { if (!arguments.length) return mode; mode = x + ""; return treemap; }; return d3_layout_hierarchyRebind(treemap, hierarchy); }; function d3_layout_treemapPadNull(node) { return { x: node.x, y: node.y, dx: node.dx, dy: node.dy }; } function d3_layout_treemapPad(node, padding) { var x = node.x + padding[3], y = node.y + padding[0], dx = node.dx - padding[1] - padding[3], dy = node.dy - padding[0] - padding[2]; if (dx < 0) { x += dx / 2; dx = 0; } if (dy < 0) { y += dy / 2; dy = 0; } return { x: x, y: y, dx: dx, dy: dy }; } d3.random = { normal: function(µ, σ) { var n = arguments.length; if (n < 2) σ = 1; if (n < 1) µ = 0; return function() { var x, y, r; do { x = Math.random() * 2 - 1; y = Math.random() * 2 - 1; r = x * x + y * y; } while (!r || r > 1); return µ + σ * x * Math.sqrt(-2 * Math.log(r) / r); }; }, logNormal: function() { var random = d3.random.normal.apply(d3, arguments); return function() { return Math.exp(random()); }; }, bates: function(m) { var random = d3.random.irwinHall(m); return function() { return random() / m; }; }, irwinHall: function(m) { return function() { for (var s = 0, j = 0; j < m; j++) s += Math.random(); return s; }; } }; d3.scale = {}; function d3_scaleExtent(domain) { var start = domain[0], stop = domain[domain.length - 1]; return start < stop ? [ start, stop ] : [ stop, start ]; } function d3_scaleRange(scale) { return scale.rangeExtent ? scale.rangeExtent() : d3_scaleExtent(scale.range()); } function d3_scale_bilinear(domain, range, uninterpolate, interpolate) { var u = uninterpolate(domain[0], domain[1]), i = interpolate(range[0], range[1]); return function(x) { return i(u(x)); }; } function d3_scale_nice(domain, nice) { var i0 = 0, i1 = domain.length - 1, x0 = domain[i0], x1 = domain[i1], dx; if (x1 < x0) { dx = i0, i0 = i1, i1 = dx; dx = x0, x0 = x1, x1 = dx; } domain[i0] = nice.floor(x0); domain[i1] = nice.ceil(x1); return domain; } function d3_scale_niceStep(step) { return step ? { floor: function(x) { return Math.floor(x / step) * step; }, ceil: function(x) { return Math.ceil(x / step) * step; } } : d3_scale_niceIdentity; } var d3_scale_niceIdentity = { floor: d3_identity, ceil: d3_identity }; function d3_scale_polylinear(domain, range, uninterpolate, interpolate) { var u = [], i = [], j = 0, k = Math.min(domain.length, range.length) - 1; if (domain[k] < domain[0]) { domain = domain.slice().reverse(); range = range.slice().reverse(); } while (++j <= k) { u.push(uninterpolate(domain[j - 1], domain[j])); i.push(interpolate(range[j - 1], range[j])); } return function(x) { var j = d3.bisect(domain, x, 1, k) - 1; return i[j](u[j](x)); }; } d3.scale.linear = function() { return d3_scale_linear([ 0, 1 ], [ 0, 1 ], d3_interpolate, false); }; function d3_scale_linear(domain, range, interpolate, clamp) { var output, input; function rescale() { var linear = Math.min(domain.length, range.length) > 2 ? d3_scale_polylinear : d3_scale_bilinear, uninterpolate = clamp ? d3_uninterpolateClamp : d3_uninterpolateNumber; output = linear(domain, range, uninterpolate, interpolate); input = linear(range, domain, uninterpolate, d3_interpolate); return scale; } function scale(x) { return output(x); } scale.invert = function(y) { return input(y); }; scale.domain = function(x) { if (!arguments.length) return domain; domain = x.map(Number); return rescale(); }; scale.range = function(x) { if (!arguments.length) return range; range = x; return rescale(); }; scale.rangeRound = function(x) { return scale.range(x).interpolate(d3_interpolateRound); }; scale.clamp = function(x) { if (!arguments.length) return clamp; clamp = x; return rescale(); }; scale.interpolate = function(x) { if (!arguments.length) return interpolate; interpolate = x; return rescale(); }; scale.ticks = function(m) { return d3_scale_linearTicks(domain, m); }; scale.tickFormat = function(m, format) { return d3_scale_linearTickFormat(domain, m, format); }; scale.nice = function(m) { d3_scale_linearNice(domain, m); return rescale(); }; scale.copy = function() { return d3_scale_linear(domain, range, interpolate, clamp); }; return rescale(); } function d3_scale_linearRebind(scale, linear) { return d3.rebind(scale, linear, "range", "rangeRound", "interpolate", "clamp"); } function d3_scale_linearNice(domain, m) { d3_scale_nice(domain, d3_scale_niceStep(d3_scale_linearTickRange(domain, m)[2])); d3_scale_nice(domain, d3_scale_niceStep(d3_scale_linearTickRange(domain, m)[2])); return domain; } function d3_scale_linearTickRange(domain, m) { if (m == null) m = 10; var extent = d3_scaleExtent(domain), span = extent[1] - extent[0], step = Math.pow(10, Math.floor(Math.log(span / m) / Math.LN10)), err = m / span * step; if (err <= .15) step *= 10; else if (err <= .35) step *= 5; else if (err <= .75) step *= 2; extent[0] = Math.ceil(extent[0] / step) * step; extent[1] = Math.floor(extent[1] / step) * step + step * .5; extent[2] = step; return extent; } function d3_scale_linearTicks(domain, m) { return d3.range.apply(d3, d3_scale_linearTickRange(domain, m)); } function d3_scale_linearTickFormat(domain, m, format) { var range = d3_scale_linearTickRange(domain, m); if (format) { var match = d3_format_re.exec(format); match.shift(); if (match[8] === "s") { var prefix = d3.formatPrefix(Math.max(abs(range[0]), abs(range[1]))); if (!match[7]) match[7] = "." + d3_scale_linearPrecision(prefix.scale(range[2])); match[8] = "f"; format = d3.format(match.join("")); return function(d) { return format(prefix.scale(d)) + prefix.symbol; }; } if (!match[7]) match[7] = "." + d3_scale_linearFormatPrecision(match[8], range); format = match.join(""); } else { format = ",." + d3_scale_linearPrecision(range[2]) + "f"; } return d3.format(format); } var d3_scale_linearFormatSignificant = { s: 1, g: 1, p: 1, r: 1, e: 1 }; function d3_scale_linearPrecision(value) { return -Math.floor(Math.log(value) / Math.LN10 + .01); } function d3_scale_linearFormatPrecision(type, range) { var p = d3_scale_linearPrecision(range[2]); return type in d3_scale_linearFormatSignificant ? Math.abs(p - d3_scale_linearPrecision(Math.max(abs(range[0]), abs(range[1])))) + +(type !== "e") : p - (type === "%") * 2; } d3.scale.log = function() { return d3_scale_log(d3.scale.linear().domain([ 0, 1 ]), 10, true, [ 1, 10 ]); }; function d3_scale_log(linear, base, positive, domain) { function log(x) { return (positive ? Math.log(x < 0 ? 0 : x) : -Math.log(x > 0 ? 0 : -x)) / Math.log(base); } function pow(x) { return positive ? Math.pow(base, x) : -Math.pow(base, -x); } function scale(x) { return linear(log(x)); } scale.invert = function(x) { return pow(linear.invert(x)); }; scale.domain = function(x) { if (!arguments.length) return domain; positive = x[0] >= 0; linear.domain((domain = x.map(Number)).map(log)); return scale; }; scale.base = function(_) { if (!arguments.length) return base; base = +_; linear.domain(domain.map(log)); return scale; }; scale.nice = function() { var niced = d3_scale_nice(domain.map(log), positive ? Math : d3_scale_logNiceNegative); linear.domain(niced); domain = niced.map(pow); return scale; }; scale.ticks = function() { var extent = d3_scaleExtent(domain), ticks = [], u = extent[0], v = extent[1], i = Math.floor(log(u)), j = Math.ceil(log(v)), n = base % 1 ? 2 : base; if (isFinite(j - i)) { if (positive) { for (;i < j; i++) for (var k = 1; k < n; k++) ticks.push(pow(i) * k); ticks.push(pow(i)); } else { ticks.push(pow(i)); for (;i++ < j; ) for (var k = n - 1; k > 0; k--) ticks.push(pow(i) * k); } for (i = 0; ticks[i] < u; i++) {} for (j = ticks.length; ticks[j - 1] > v; j--) {} ticks = ticks.slice(i, j); } return ticks; }; scale.tickFormat = function(n, format) { if (!arguments.length) return d3_scale_logFormat; if (arguments.length < 2) format = d3_scale_logFormat; else if (typeof format !== "function") format = d3.format(format); var k = Math.max(1, base * n / scale.ticks().length); return function(d) { var i = d / pow(Math.round(log(d))); if (i * base < base - .5) i *= base; return i <= k ? format(d) : ""; }; }; scale.copy = function() { return d3_scale_log(linear.copy(), base, positive, domain); }; return d3_scale_linearRebind(scale, linear); } var d3_scale_logFormat = d3.format(".0e"), d3_scale_logNiceNegative = { floor: function(x) { return -Math.ceil(-x); }, ceil: function(x) { return -Math.floor(-x); } }; d3.scale.pow = function() { return d3_scale_pow(d3.scale.linear(), 1, [ 0, 1 ]); }; function d3_scale_pow(linear, exponent, domain) { var powp = d3_scale_powPow(exponent), powb = d3_scale_powPow(1 / exponent); function scale(x) { return linear(powp(x)); } scale.invert = function(x) { return powb(linear.invert(x)); }; scale.domain = function(x) { if (!arguments.length) return domain; linear.domain((domain = x.map(Number)).map(powp)); return scale; }; scale.ticks = function(m) { return d3_scale_linearTicks(domain, m); }; scale.tickFormat = function(m, format) { return d3_scale_linearTickFormat(domain, m, format); }; scale.nice = function(m) { return scale.domain(d3_scale_linearNice(domain, m)); }; scale.exponent = function(x) { if (!arguments.length) return exponent; powp = d3_scale_powPow(exponent = x); powb = d3_scale_powPow(1 / exponent); linear.domain(domain.map(powp)); return scale; }; scale.copy = function() { return d3_scale_pow(linear.copy(), exponent, domain); }; return d3_scale_linearRebind(scale, linear); } function d3_scale_powPow(e) { return function(x) { return x < 0 ? -Math.pow(-x, e) : Math.pow(x, e); }; } d3.scale.sqrt = function() { return d3.scale.pow().exponent(.5); }; d3.scale.ordinal = function() { return d3_scale_ordinal([], { t: "range", a: [ [] ] }); }; function d3_scale_ordinal(domain, ranger) { var index, range, rangeBand; function scale(x) { return range[((index.get(x) || (ranger.t === "range" ? index.set(x, domain.push(x)) : NaN)) - 1) % range.length]; } function steps(start, step) { return d3.range(domain.length).map(function(i) { return start + step * i; }); } scale.domain = function(x) { if (!arguments.length) return domain; domain = []; index = new d3_Map(); var i = -1, n = x.length, xi; while (++i < n) if (!index.has(xi = x[i])) index.set(xi, domain.push(xi)); return scale[ranger.t].apply(scale, ranger.a); }; scale.range = function(x) { if (!arguments.length) return range; range = x; rangeBand = 0; ranger = { t: "range", a: arguments }; return scale; }; scale.rangePoints = function(x, padding) { if (arguments.length < 2) padding = 0; var start = x[0], stop = x[1], step = domain.length < 2 ? (start = (start + stop) / 2, 0) : (stop - start) / (domain.length - 1 + padding); range = steps(start + step * padding / 2, step); rangeBand = 0; ranger = { t: "rangePoints", a: arguments }; return scale; }; scale.rangeRoundPoints = function(x, padding) { if (arguments.length < 2) padding = 0; var start = x[0], stop = x[1], step = domain.length < 2 ? (start = stop = Math.round((start + stop) / 2), 0) : (stop - start) / (domain.length - 1 + padding) | 0; range = steps(start + Math.round(step * padding / 2 + (stop - start - (domain.length - 1 + padding) * step) / 2), step); rangeBand = 0; ranger = { t: "rangeRoundPoints", a: arguments }; return scale; }; scale.rangeBands = function(x, padding, outerPadding) { if (arguments.length < 2) padding = 0; if (arguments.length < 3) outerPadding = padding; var reverse = x[1] < x[0], start = x[reverse - 0], stop = x[1 - reverse], step = (stop - start) / (domain.length - padding + 2 * outerPadding); range = steps(start + step * outerPadding, step); if (reverse) range.reverse(); rangeBand = step * (1 - padding); ranger = { t: "rangeBands", a: arguments }; return scale; }; scale.rangeRoundBands = function(x, padding, outerPadding) { if (arguments.length < 2) padding = 0; if (arguments.length < 3) outerPadding = padding; var reverse = x[1] < x[0], start = x[reverse - 0], stop = x[1 - reverse], step = Math.floor((stop - start) / (domain.length - padding + 2 * outerPadding)); range = steps(start + Math.round((stop - start - (domain.length - padding) * step) / 2), step); if (reverse) range.reverse(); rangeBand = Math.round(step * (1 - padding)); ranger = { t: "rangeRoundBands", a: arguments }; return scale; }; scale.rangeBand = function() { return rangeBand; }; scale.rangeExtent = function() { return d3_scaleExtent(ranger.a[0]); }; scale.copy = function() { return d3_scale_ordinal(domain, ranger); }; return scale.domain(domain); } d3.scale.category10 = function() { return d3.scale.ordinal().range(d3_category10); }; d3.scale.category20 = function() { return d3.scale.ordinal().range(d3_category20); }; d3.scale.category20b = function() { return d3.scale.ordinal().range(d3_category20b); }; d3.scale.category20c = function() { return d3.scale.ordinal().range(d3_category20c); }; var d3_category10 = [ 2062260, 16744206, 2924588, 14034728, 9725885, 9197131, 14907330, 8355711, 12369186, 1556175 ].map(d3_rgbString); var d3_category20 = [ 2062260, 11454440, 16744206, 16759672, 2924588, 10018698, 14034728, 16750742, 9725885, 12955861, 9197131, 12885140, 14907330, 16234194, 8355711, 13092807, 12369186, 14408589, 1556175, 10410725 ].map(d3_rgbString); var d3_category20b = [ 3750777, 5395619, 7040719, 10264286, 6519097, 9216594, 11915115, 13556636, 9202993, 12426809, 15186514, 15190932, 8666169, 11356490, 14049643, 15177372, 8077683, 10834324, 13528509, 14589654 ].map(d3_rgbString); var d3_category20c = [ 3244733, 7057110, 10406625, 13032431, 15095053, 16616764, 16625259, 16634018, 3253076, 7652470, 10607003, 13101504, 7695281, 10394312, 12369372, 14342891, 6513507, 9868950, 12434877, 14277081 ].map(d3_rgbString); d3.scale.quantile = function() { return d3_scale_quantile([], []); }; function d3_scale_quantile(domain, range) { var thresholds; function rescale() { var k = 0, q = range.length; thresholds = []; while (++k < q) thresholds[k - 1] = d3.quantile(domain, k / q); return scale; } function scale(x) { if (!isNaN(x = +x)) return range[d3.bisect(thresholds, x)]; } scale.domain = function(x) { if (!arguments.length) return domain; domain = x.map(d3_number).filter(d3_numeric).sort(d3_ascending); return rescale(); }; scale.range = function(x) { if (!arguments.length) return range; range = x; return rescale(); }; scale.quantiles = function() { return thresholds; }; scale.invertExtent = function(y) { y = range.indexOf(y); return y < 0 ? [ NaN, NaN ] : [ y > 0 ? thresholds[y - 1] : domain[0], y < thresholds.length ? thresholds[y] : domain[domain.length - 1] ]; }; scale.copy = function() { return d3_scale_quantile(domain, range); }; return rescale(); } d3.scale.quantize = function() { return d3_scale_quantize(0, 1, [ 0, 1 ]); }; function d3_scale_quantize(x0, x1, range) { var kx, i; function scale(x) { return range[Math.max(0, Math.min(i, Math.floor(kx * (x - x0))))]; } function rescale() { kx = range.length / (x1 - x0); i = range.length - 1; return scale; } scale.domain = function(x) { if (!arguments.length) return [ x0, x1 ]; x0 = +x[0]; x1 = +x[x.length - 1]; return rescale(); }; scale.range = function(x) { if (!arguments.length) return range; range = x; return rescale(); }; scale.invertExtent = function(y) { y = range.indexOf(y); y = y < 0 ? NaN : y / kx + x0; return [ y, y + 1 / kx ]; }; scale.copy = function() { return d3_scale_quantize(x0, x1, range); }; return rescale(); } d3.scale.threshold = function() { return d3_scale_threshold([ .5 ], [ 0, 1 ]); }; function d3_scale_threshold(domain, range) { function scale(x) { if (x <= x) return range[d3.bisect(domain, x)]; } scale.domain = function(_) { if (!arguments.length) return domain; domain = _; return scale; }; scale.range = function(_) { if (!arguments.length) return range; range = _; return scale; }; scale.invertExtent = function(y) { y = range.indexOf(y); return [ domain[y - 1], domain[y] ]; }; scale.copy = function() { return d3_scale_threshold(domain, range); }; return scale; } d3.scale.identity = function() { return d3_scale_identity([ 0, 1 ]); }; function d3_scale_identity(domain) { function identity(x) { return +x; } identity.invert = identity; identity.domain = identity.range = function(x) { if (!arguments.length) return domain; domain = x.map(identity); return identity; }; identity.ticks = function(m) { return d3_scale_linearTicks(domain, m); }; identity.tickFormat = function(m, format) { return d3_scale_linearTickFormat(domain, m, format); }; identity.copy = function() { return d3_scale_identity(domain); }; return identity; } d3.svg = {}; function d3_zero() { return 0; } d3.svg.arc = function() { var innerRadius = d3_svg_arcInnerRadius, outerRadius = d3_svg_arcOuterRadius, cornerRadius = d3_zero, padRadius = d3_svg_arcAuto, startAngle = d3_svg_arcStartAngle, endAngle = d3_svg_arcEndAngle, padAngle = d3_svg_arcPadAngle; function arc() { var r0 = Math.max(0, +innerRadius.apply(this, arguments)), r1 = Math.max(0, +outerRadius.apply(this, arguments)), a0 = startAngle.apply(this, arguments) - halfπ, a1 = endAngle.apply(this, arguments) - halfπ, da = Math.abs(a1 - a0), cw = a0 > a1 ? 0 : 1; if (r1 < r0) rc = r1, r1 = r0, r0 = rc; if (da >= τε) return circleSegment(r1, cw) + (r0 ? circleSegment(r0, 1 - cw) : "") + "Z"; var rc, cr, rp, ap, p0 = 0, p1 = 0, x0, y0, x1, y1, x2, y2, x3, y3, path = []; if (ap = (+padAngle.apply(this, arguments) || 0) / 2) { rp = padRadius === d3_svg_arcAuto ? Math.sqrt(r0 * r0 + r1 * r1) : +padRadius.apply(this, arguments); if (!cw) p1 *= -1; if (r1) p1 = d3_asin(rp / r1 * Math.sin(ap)); if (r0) p0 = d3_asin(rp / r0 * Math.sin(ap)); } if (r1) { x0 = r1 * Math.cos(a0 + p1); y0 = r1 * Math.sin(a0 + p1); x1 = r1 * Math.cos(a1 - p1); y1 = r1 * Math.sin(a1 - p1); var l1 = Math.abs(a1 - a0 - 2 * p1) <= π ? 0 : 1; if (p1 && d3_svg_arcSweep(x0, y0, x1, y1) === cw ^ l1) { var h1 = (a0 + a1) / 2; x0 = r1 * Math.cos(h1); y0 = r1 * Math.sin(h1); x1 = y1 = null; } } else { x0 = y0 = 0; } if (r0) { x2 = r0 * Math.cos(a1 - p0); y2 = r0 * Math.sin(a1 - p0); x3 = r0 * Math.cos(a0 + p0); y3 = r0 * Math.sin(a0 + p0); var l0 = Math.abs(a0 - a1 + 2 * p0) <= π ? 0 : 1; if (p0 && d3_svg_arcSweep(x2, y2, x3, y3) === 1 - cw ^ l0) { var h0 = (a0 + a1) / 2; x2 = r0 * Math.cos(h0); y2 = r0 * Math.sin(h0); x3 = y3 = null; } } else { x2 = y2 = 0; } if (da > ε && (rc = Math.min(Math.abs(r1 - r0) / 2, +cornerRadius.apply(this, arguments))) > .001) { cr = r0 < r1 ^ cw ? 0 : 1; var rc1 = rc, rc0 = rc; if (da < π) { var oc = x3 == null ? [ x2, y2 ] : x1 == null ? [ x0, y0 ] : d3_geom_polygonIntersect([ x0, y0 ], [ x3, y3 ], [ x1, y1 ], [ x2, y2 ]), ax = x0 - oc[0], ay = y0 - oc[1], bx = x1 - oc[0], by = y1 - oc[1], kc = 1 / Math.sin(Math.acos((ax * bx + ay * by) / (Math.sqrt(ax * ax + ay * ay) * Math.sqrt(bx * bx + by * by))) / 2), lc = Math.sqrt(oc[0] * oc[0] + oc[1] * oc[1]); rc0 = Math.min(rc, (r0 - lc) / (kc - 1)); rc1 = Math.min(rc, (r1 - lc) / (kc + 1)); } if (x1 != null) { var t30 = d3_svg_arcCornerTangents(x3 == null ? [ x2, y2 ] : [ x3, y3 ], [ x0, y0 ], r1, rc1, cw), t12 = d3_svg_arcCornerTangents([ x1, y1 ], [ x2, y2 ], r1, rc1, cw); if (rc === rc1) { path.push("M", t30[0], "A", rc1, ",", rc1, " 0 0,", cr, " ", t30[1], "A", r1, ",", r1, " 0 ", 1 - cw ^ d3_svg_arcSweep(t30[1][0], t30[1][1], t12[1][0], t12[1][1]), ",", cw, " ", t12[1], "A", rc1, ",", rc1, " 0 0,", cr, " ", t12[0]); } else { path.push("M", t30[0], "A", rc1, ",", rc1, " 0 1,", cr, " ", t12[0]); } } else { path.push("M", x0, ",", y0); } if (x3 != null) { var t03 = d3_svg_arcCornerTangents([ x0, y0 ], [ x3, y3 ], r0, -rc0, cw), t21 = d3_svg_arcCornerTangents([ x2, y2 ], x1 == null ? [ x0, y0 ] : [ x1, y1 ], r0, -rc0, cw); if (rc === rc0) { path.push("L", t21[0], "A", rc0, ",", rc0, " 0 0,", cr, " ", t21[1], "A", r0, ",", r0, " 0 ", cw ^ d3_svg_arcSweep(t21[1][0], t21[1][1], t03[1][0], t03[1][1]), ",", 1 - cw, " ", t03[1], "A", rc0, ",", rc0, " 0 0,", cr, " ", t03[0]); } else { path.push("L", t21[0], "A", rc0, ",", rc0, " 0 0,", cr, " ", t03[0]); } } else { path.push("L", x2, ",", y2); } } else { path.push("M", x0, ",", y0); if (x1 != null) path.push("A", r1, ",", r1, " 0 ", l1, ",", cw, " ", x1, ",", y1); path.push("L", x2, ",", y2); if (x3 != null) path.push("A", r0, ",", r0, " 0 ", l0, ",", 1 - cw, " ", x3, ",", y3); } path.push("Z"); return path.join(""); } function circleSegment(r1, cw) { return "M0," + r1 + "A" + r1 + "," + r1 + " 0 1," + cw + " 0," + -r1 + "A" + r1 + "," + r1 + " 0 1," + cw + " 0," + r1; } arc.innerRadius = function(v) { if (!arguments.length) return innerRadius; innerRadius = d3_functor(v); return arc; }; arc.outerRadius = function(v) { if (!arguments.length) return outerRadius; outerRadius = d3_functor(v); return arc; }; arc.cornerRadius = function(v) { if (!arguments.length) return cornerRadius; cornerRadius = d3_functor(v); return arc; }; arc.padRadius = function(v) { if (!arguments.length) return padRadius; padRadius = v == d3_svg_arcAuto ? d3_svg_arcAuto : d3_functor(v); return arc; }; arc.startAngle = function(v) { if (!arguments.length) return startAngle; startAngle = d3_functor(v); return arc; }; arc.endAngle = function(v) { if (!arguments.length) return endAngle; endAngle = d3_functor(v); return arc; }; arc.padAngle = function(v) { if (!arguments.length) return padAngle; padAngle = d3_functor(v); return arc; }; arc.centroid = function() { var r = (+innerRadius.apply(this, arguments) + +outerRadius.apply(this, arguments)) / 2, a = (+startAngle.apply(this, arguments) + +endAngle.apply(this, arguments)) / 2 - halfπ; return [ Math.cos(a) * r, Math.sin(a) * r ]; }; return arc; }; var d3_svg_arcAuto = "auto"; function d3_svg_arcInnerRadius(d) { return d.innerRadius; } function d3_svg_arcOuterRadius(d) { return d.outerRadius; } function d3_svg_arcStartAngle(d) { return d.startAngle; } function d3_svg_arcEndAngle(d) { return d.endAngle; } function d3_svg_arcPadAngle(d) { return d && d.padAngle; } function d3_svg_arcSweep(x0, y0, x1, y1) { return (x0 - x1) * y0 - (y0 - y1) * x0 > 0 ? 0 : 1; } function d3_svg_arcCornerTangents(p0, p1, r1, rc, cw) { var x01 = p0[0] - p1[0], y01 = p0[1] - p1[1], lo = (cw ? rc : -rc) / Math.sqrt(x01 * x01 + y01 * y01), ox = lo * y01, oy = -lo * x01, x1 = p0[0] + ox, y1 = p0[1] + oy, x2 = p1[0] + ox, y2 = p1[1] + oy, x3 = (x1 + x2) / 2, y3 = (y1 + y2) / 2, dx = x2 - x1, dy = y2 - y1, d2 = dx * dx + dy * dy, r = r1 - rc, D = x1 * y2 - x2 * y1, d = (dy < 0 ? -1 : 1) * Math.sqrt(Math.max(0, r * r * d2 - D * D)), cx0 = (D * dy - dx * d) / d2, cy0 = (-D * dx - dy * d) / d2, cx1 = (D * dy + dx * d) / d2, cy1 = (-D * dx + dy * d) / d2, dx0 = cx0 - x3, dy0 = cy0 - y3, dx1 = cx1 - x3, dy1 = cy1 - y3; if (dx0 * dx0 + dy0 * dy0 > dx1 * dx1 + dy1 * dy1) cx0 = cx1, cy0 = cy1; return [ [ cx0 - ox, cy0 - oy ], [ cx0 * r1 / r, cy0 * r1 / r ] ]; } function d3_svg_line(projection) { var x = d3_geom_pointX, y = d3_geom_pointY, defined = d3_true, interpolate = d3_svg_lineLinear, interpolateKey = interpolate.key, tension = .7; function line(data) { var segments = [], points = [], i = -1, n = data.length, d, fx = d3_functor(x), fy = d3_functor(y); function segment() { segments.push("M", interpolate(projection(points), tension)); } while (++i < n) { if (defined.call(this, d = data[i], i)) { points.push([ +fx.call(this, d, i), +fy.call(this, d, i) ]); } else if (points.length) { segment(); points = []; } } if (points.length) segment(); return segments.length ? segments.join("") : null; } line.x = function(_) { if (!arguments.length) return x; x = _; return line; }; line.y = function(_) { if (!arguments.length) return y; y = _; return line; }; line.defined = function(_) { if (!arguments.length) return defined; defined = _; return line; }; line.interpolate = function(_) { if (!arguments.length) return interpolateKey; if (typeof _ === "function") interpolateKey = interpolate = _; else interpolateKey = (interpolate = d3_svg_lineInterpolators.get(_) || d3_svg_lineLinear).key; return line; }; line.tension = function(_) { if (!arguments.length) return tension; tension = _; return line; }; return line; } d3.svg.line = function() { return d3_svg_line(d3_identity); }; var d3_svg_lineInterpolators = d3.map({ linear: d3_svg_lineLinear, "linear-closed": d3_svg_lineLinearClosed, step: d3_svg_lineStep, "step-before": d3_svg_lineStepBefore, "step-after": d3_svg_lineStepAfter, basis: d3_svg_lineBasis, "basis-open": d3_svg_lineBasisOpen, "basis-closed": d3_svg_lineBasisClosed, bundle: d3_svg_lineBundle, cardinal: d3_svg_lineCardinal, "cardinal-open": d3_svg_lineCardinalOpen, "cardinal-closed": d3_svg_lineCardinalClosed, monotone: d3_svg_lineMonotone }); d3_svg_lineInterpolators.forEach(function(key, value) { value.key = key; value.closed = /-closed$/.test(key); }); function d3_svg_lineLinear(points) { return points.length > 1 ? points.join("L") : points + "Z"; } function d3_svg_lineLinearClosed(points) { return points.join("L") + "Z"; } function d3_svg_lineStep(points) { var i = 0, n = points.length, p = points[0], path = [ p[0], ",", p[1] ]; while (++i < n) path.push("H", (p[0] + (p = points[i])[0]) / 2, "V", p[1]); if (n > 1) path.push("H", p[0]); return path.join(""); } function d3_svg_lineStepBefore(points) { var i = 0, n = points.length, p = points[0], path = [ p[0], ",", p[1] ]; while (++i < n) path.push("V", (p = points[i])[1], "H", p[0]); return path.join(""); } function d3_svg_lineStepAfter(points) { var i = 0, n = points.length, p = points[0], path = [ p[0], ",", p[1] ]; while (++i < n) path.push("H", (p = points[i])[0], "V", p[1]); return path.join(""); } function d3_svg_lineCardinalOpen(points, tension) { return points.length < 4 ? d3_svg_lineLinear(points) : points[1] + d3_svg_lineHermite(points.slice(1, -1), d3_svg_lineCardinalTangents(points, tension)); } function d3_svg_lineCardinalClosed(points, tension) { return points.length < 3 ? d3_svg_lineLinearClosed(points) : points[0] + d3_svg_lineHermite((points.push(points[0]), points), d3_svg_lineCardinalTangents([ points[points.length - 2] ].concat(points, [ points[1] ]), tension)); } function d3_svg_lineCardinal(points, tension) { return points.length < 3 ? d3_svg_lineLinear(points) : points[0] + d3_svg_lineHermite(points, d3_svg_lineCardinalTangents(points, tension)); } function d3_svg_lineHermite(points, tangents) { if (tangents.length < 1 || points.length != tangents.length && points.length != tangents.length + 2) { return d3_svg_lineLinear(points); } var quad = points.length != tangents.length, path = "", p0 = points[0], p = points[1], t0 = tangents[0], t = t0, pi = 1; if (quad) { path += "Q" + (p[0] - t0[0] * 2 / 3) + "," + (p[1] - t0[1] * 2 / 3) + "," + p[0] + "," + p[1]; p0 = points[1]; pi = 2; } if (tangents.length > 1) { t = tangents[1]; p = points[pi]; pi++; path += "C" + (p0[0] + t0[0]) + "," + (p0[1] + t0[1]) + "," + (p[0] - t[0]) + "," + (p[1] - t[1]) + "," + p[0] + "," + p[1]; for (var i = 2; i < tangents.length; i++, pi++) { p = points[pi]; t = tangents[i]; path += "S" + (p[0] - t[0]) + "," + (p[1] - t[1]) + "," + p[0] + "," + p[1]; } } if (quad) { var lp = points[pi]; path += "Q" + (p[0] + t[0] * 2 / 3) + "," + (p[1] + t[1] * 2 / 3) + "," + lp[0] + "," + lp[1]; } return path; } function d3_svg_lineCardinalTangents(points, tension) { var tangents = [], a = (1 - tension) / 2, p0, p1 = points[0], p2 = points[1], i = 1, n = points.length; while (++i < n) { p0 = p1; p1 = p2; p2 = points[i]; tangents.push([ a * (p2[0] - p0[0]), a * (p2[1] - p0[1]) ]); } return tangents; } function d3_svg_lineBasis(points) { if (points.length < 3) return d3_svg_lineLinear(points); var i = 1, n = points.length, pi = points[0], x0 = pi[0], y0 = pi[1], px = [ x0, x0, x0, (pi = points[1])[0] ], py = [ y0, y0, y0, pi[1] ], path = [ x0, ",", y0, "L", d3_svg_lineDot4(d3_svg_lineBasisBezier3, px), ",", d3_svg_lineDot4(d3_svg_lineBasisBezier3, py) ]; points.push(points[n - 1]); while (++i <= n) { pi = points[i]; px.shift(); px.push(pi[0]); py.shift(); py.push(pi[1]); d3_svg_lineBasisBezier(path, px, py); } points.pop(); path.push("L", pi); return path.join(""); } function d3_svg_lineBasisOpen(points) { if (points.length < 4) return d3_svg_lineLinear(points); var path = [], i = -1, n = points.length, pi, px = [ 0 ], py = [ 0 ]; while (++i < 3) { pi = points[i]; px.push(pi[0]); py.push(pi[1]); } path.push(d3_svg_lineDot4(d3_svg_lineBasisBezier3, px) + "," + d3_svg_lineDot4(d3_svg_lineBasisBezier3, py)); --i; while (++i < n) { pi = points[i]; px.shift(); px.push(pi[0]); py.shift(); py.push(pi[1]); d3_svg_lineBasisBezier(path, px, py); } return path.join(""); } function d3_svg_lineBasisClosed(points) { var path, i = -1, n = points.length, m = n + 4, pi, px = [], py = []; while (++i < 4) { pi = points[i % n]; px.push(pi[0]); py.push(pi[1]); } path = [ d3_svg_lineDot4(d3_svg_lineBasisBezier3, px), ",", d3_svg_lineDot4(d3_svg_lineBasisBezier3, py) ]; --i; while (++i < m) { pi = points[i % n]; px.shift(); px.push(pi[0]); py.shift(); py.push(pi[1]); d3_svg_lineBasisBezier(path, px, py); } return path.join(""); } function d3_svg_lineBundle(points, tension) { var n = points.length - 1; if (n) { var x0 = points[0][0], y0 = points[0][1], dx = points[n][0] - x0, dy = points[n][1] - y0, i = -1, p, t; while (++i <= n) { p = points[i]; t = i / n; p[0] = tension * p[0] + (1 - tension) * (x0 + t * dx); p[1] = tension * p[1] + (1 - tension) * (y0 + t * dy); } } return d3_svg_lineBasis(points); } function d3_svg_lineDot4(a, b) { return a[0] * b[0] + a[1] * b[1] + a[2] * b[2] + a[3] * b[3]; } var d3_svg_lineBasisBezier1 = [ 0, 2 / 3, 1 / 3, 0 ], d3_svg_lineBasisBezier2 = [ 0, 1 / 3, 2 / 3, 0 ], d3_svg_lineBasisBezier3 = [ 0, 1 / 6, 2 / 3, 1 / 6 ]; function d3_svg_lineBasisBezier(path, x, y) { path.push("C", d3_svg_lineDot4(d3_svg_lineBasisBezier1, x), ",", d3_svg_lineDot4(d3_svg_lineBasisBezier1, y), ",", d3_svg_lineDot4(d3_svg_lineBasisBezier2, x), ",", d3_svg_lineDot4(d3_svg_lineBasisBezier2, y), ",", d3_svg_lineDot4(d3_svg_lineBasisBezier3, x), ",", d3_svg_lineDot4(d3_svg_lineBasisBezier3, y)); } function d3_svg_lineSlope(p0, p1) { return (p1[1] - p0[1]) / (p1[0] - p0[0]); } function d3_svg_lineFiniteDifferences(points) { var i = 0, j = points.length - 1, m = [], p0 = points[0], p1 = points[1], d = m[0] = d3_svg_lineSlope(p0, p1); while (++i < j) { m[i] = (d + (d = d3_svg_lineSlope(p0 = p1, p1 = points[i + 1]))) / 2; } m[i] = d; return m; } function d3_svg_lineMonotoneTangents(points) { var tangents = [], d, a, b, s, m = d3_svg_lineFiniteDifferences(points), i = -1, j = points.length - 1; while (++i < j) { d = d3_svg_lineSlope(points[i], points[i + 1]); if (abs(d) < ε) { m[i] = m[i + 1] = 0; } else { a = m[i] / d; b = m[i + 1] / d; s = a * a + b * b; if (s > 9) { s = d * 3 / Math.sqrt(s); m[i] = s * a; m[i + 1] = s * b; } } } i = -1; while (++i <= j) { s = (points[Math.min(j, i + 1)][0] - points[Math.max(0, i - 1)][0]) / (6 * (1 + m[i] * m[i])); tangents.push([ s || 0, m[i] * s || 0 ]); } return tangents; } function d3_svg_lineMonotone(points) { return points.length < 3 ? d3_svg_lineLinear(points) : points[0] + d3_svg_lineHermite(points, d3_svg_lineMonotoneTangents(points)); } d3.svg.line.radial = function() { var line = d3_svg_line(d3_svg_lineRadial); line.radius = line.x, delete line.x; line.angle = line.y, delete line.y; return line; }; function d3_svg_lineRadial(points) { var point, i = -1, n = points.length, r, a; while (++i < n) { point = points[i]; r = point[0]; a = point[1] - halfπ; point[0] = r * Math.cos(a); point[1] = r * Math.sin(a); } return points; } function d3_svg_area(projection) { var x0 = d3_geom_pointX, x1 = d3_geom_pointX, y0 = 0, y1 = d3_geom_pointY, defined = d3_true, interpolate = d3_svg_lineLinear, interpolateKey = interpolate.key, interpolateReverse = interpolate, L = "L", tension = .7; function area(data) { var segments = [], points0 = [], points1 = [], i = -1, n = data.length, d, fx0 = d3_functor(x0), fy0 = d3_functor(y0), fx1 = x0 === x1 ? function() { return x; } : d3_functor(x1), fy1 = y0 === y1 ? function() { return y; } : d3_functor(y1), x, y; function segment() { segments.push("M", interpolate(projection(points1), tension), L, interpolateReverse(projection(points0.reverse()), tension), "Z"); } while (++i < n) { if (defined.call(this, d = data[i], i)) { points0.push([ x = +fx0.call(this, d, i), y = +fy0.call(this, d, i) ]); points1.push([ +fx1.call(this, d, i), +fy1.call(this, d, i) ]); } else if (points0.length) { segment(); points0 = []; points1 = []; } } if (points0.length) segment(); return segments.length ? segments.join("") : null; } area.x = function(_) { if (!arguments.length) return x1; x0 = x1 = _; return area; }; area.x0 = function(_) { if (!arguments.length) return x0; x0 = _; return area; }; area.x1 = function(_) { if (!arguments.length) return x1; x1 = _; return area; }; area.y = function(_) { if (!arguments.length) return y1; y0 = y1 = _; return area; }; area.y0 = function(_) { if (!arguments.length) return y0; y0 = _; return area; }; area.y1 = function(_) { if (!arguments.length) return y1; y1 = _; return area; }; area.defined = function(_) { if (!arguments.length) return defined; defined = _; return area; }; area.interpolate = function(_) { if (!arguments.length) return interpolateKey; if (typeof _ === "function") interpolateKey = interpolate = _; else interpolateKey = (interpolate = d3_svg_lineInterpolators.get(_) || d3_svg_lineLinear).key; interpolateReverse = interpolate.reverse || interpolate; L = interpolate.closed ? "M" : "L"; return area; }; area.tension = function(_) { if (!arguments.length) return tension; tension = _; return area; }; return area; } d3_svg_lineStepBefore.reverse = d3_svg_lineStepAfter; d3_svg_lineStepAfter.reverse = d3_svg_lineStepBefore; d3.svg.area = function() { return d3_svg_area(d3_identity); }; d3.svg.area.radial = function() { var area = d3_svg_area(d3_svg_lineRadial); area.radius = area.x, delete area.x; area.innerRadius = area.x0, delete area.x0; area.outerRadius = area.x1, delete area.x1; area.angle = area.y, delete area.y; area.startAngle = area.y0, delete area.y0; area.endAngle = area.y1, delete area.y1; return area; }; d3.svg.chord = function() { var source = d3_source, target = d3_target, radius = d3_svg_chordRadius, startAngle = d3_svg_arcStartAngle, endAngle = d3_svg_arcEndAngle; function chord(d, i) { var s = subgroup(this, source, d, i), t = subgroup(this, target, d, i); return "M" + s.p0 + arc(s.r, s.p1, s.a1 - s.a0) + (equals(s, t) ? curve(s.r, s.p1, s.r, s.p0) : curve(s.r, s.p1, t.r, t.p0) + arc(t.r, t.p1, t.a1 - t.a0) + curve(t.r, t.p1, s.r, s.p0)) + "Z"; } function subgroup(self, f, d, i) { var subgroup = f.call(self, d, i), r = radius.call(self, subgroup, i), a0 = startAngle.call(self, subgroup, i) - halfπ, a1 = endAngle.call(self, subgroup, i) - halfπ; return { r: r, a0: a0, a1: a1, p0: [ r * Math.cos(a0), r * Math.sin(a0) ], p1: [ r * Math.cos(a1), r * Math.sin(a1) ] }; } function equals(a, b) { return a.a0 == b.a0 && a.a1 == b.a1; } function arc(r, p, a) { return "A" + r + "," + r + " 0 " + +(a > π) + ",1 " + p; } function curve(r0, p0, r1, p1) { return "Q 0,0 " + p1; } chord.radius = function(v) { if (!arguments.length) return radius; radius = d3_functor(v); return chord; }; chord.source = function(v) { if (!arguments.length) return source; source = d3_functor(v); return chord; }; chord.target = function(v) { if (!arguments.length) return target; target = d3_functor(v); return chord; }; chord.startAngle = function(v) { if (!arguments.length) return startAngle; startAngle = d3_functor(v); return chord; }; chord.endAngle = function(v) { if (!arguments.length) return endAngle; endAngle = d3_functor(v); return chord; }; return chord; }; function d3_svg_chordRadius(d) { return d.radius; } d3.svg.diagonal = function() { var source = d3_source, target = d3_target, projection = d3_svg_diagonalProjection; function diagonal(d, i) { var p0 = source.call(this, d, i), p3 = target.call(this, d, i), m = (p0.y + p3.y) / 2, p = [ p0, { x: p0.x, y: m }, { x: p3.x, y: m }, p3 ]; p = p.map(projection); return "M" + p[0] + "C" + p[1] + " " + p[2] + " " + p[3]; } diagonal.source = function(x) { if (!arguments.length) return source; source = d3_functor(x); return diagonal; }; diagonal.target = function(x) { if (!arguments.length) return target; target = d3_functor(x); return diagonal; }; diagonal.projection = function(x) { if (!arguments.length) return projection; projection = x; return diagonal; }; return diagonal; }; function d3_svg_diagonalProjection(d) { return [ d.x, d.y ]; } d3.svg.diagonal.radial = function() { var diagonal = d3.svg.diagonal(), projection = d3_svg_diagonalProjection, projection_ = diagonal.projection; diagonal.projection = function(x) { return arguments.length ? projection_(d3_svg_diagonalRadialProjection(projection = x)) : projection; }; return diagonal; }; function d3_svg_diagonalRadialProjection(projection) { return function() { var d = projection.apply(this, arguments), r = d[0], a = d[1] - halfπ; return [ r * Math.cos(a), r * Math.sin(a) ]; }; } d3.svg.symbol = function() { var type = d3_svg_symbolType, size = d3_svg_symbolSize; function symbol(d, i) { return (d3_svg_symbols.get(type.call(this, d, i)) || d3_svg_symbolCircle)(size.call(this, d, i)); } symbol.type = function(x) { if (!arguments.length) return type; type = d3_functor(x); return symbol; }; symbol.size = function(x) { if (!arguments.length) return size; size = d3_functor(x); return symbol; }; return symbol; }; function d3_svg_symbolSize() { return 64; } function d3_svg_symbolType() { return "circle"; } function d3_svg_symbolCircle(size) { var r = Math.sqrt(size / π); return "M0," + r + "A" + r + "," + r + " 0 1,1 0," + -r + "A" + r + "," + r + " 0 1,1 0," + r + "Z"; } var d3_svg_symbols = d3.map({ circle: d3_svg_symbolCircle, cross: function(size) { var r = Math.sqrt(size / 5) / 2; return "M" + -3 * r + "," + -r + "H" + -r + "V" + -3 * r + "H" + r + "V" + -r + "H" + 3 * r + "V" + r + "H" + r + "V" + 3 * r + "H" + -r + "V" + r + "H" + -3 * r + "Z"; }, diamond: function(size) { var ry = Math.sqrt(size / (2 * d3_svg_symbolTan30)), rx = ry * d3_svg_symbolTan30; return "M0," + -ry + "L" + rx + ",0" + " 0," + ry + " " + -rx + ",0" + "Z"; }, square: function(size) { var r = Math.sqrt(size) / 2; return "M" + -r + "," + -r + "L" + r + "," + -r + " " + r + "," + r + " " + -r + "," + r + "Z"; }, "triangle-down": function(size) { var rx = Math.sqrt(size / d3_svg_symbolSqrt3), ry = rx * d3_svg_symbolSqrt3 / 2; return "M0," + ry + "L" + rx + "," + -ry + " " + -rx + "," + -ry + "Z"; }, "triangle-up": function(size) { var rx = Math.sqrt(size / d3_svg_symbolSqrt3), ry = rx * d3_svg_symbolSqrt3 / 2; return "M0," + -ry + "L" + rx + "," + ry + " " + -rx + "," + ry + "Z"; } }); d3.svg.symbolTypes = d3_svg_symbols.keys(); var d3_svg_symbolSqrt3 = Math.sqrt(3), d3_svg_symbolTan30 = Math.tan(30 * d3_radians); d3_selectionPrototype.transition = function(name) { var id = d3_transitionInheritId || ++d3_transitionId, ns = d3_transitionNamespace(name), subgroups = [], subgroup, node, transition = d3_transitionInherit || { time: Date.now(), ease: d3_ease_cubicInOut, delay: 0, duration: 250 }; for (var j = -1, m = this.length; ++j < m; ) { subgroups.push(subgroup = []); for (var group = this[j], i = -1, n = group.length; ++i < n; ) { if (node = group[i]) d3_transitionNode(node, i, ns, id, transition); subgroup.push(node); } } return d3_transition(subgroups, ns, id); }; d3_selectionPrototype.interrupt = function(name) { return this.each(name == null ? d3_selection_interrupt : d3_selection_interruptNS(d3_transitionNamespace(name))); }; var d3_selection_interrupt = d3_selection_interruptNS(d3_transitionNamespace()); function d3_selection_interruptNS(ns) { return function() { var lock, activeId, active; if ((lock = this[ns]) && (active = lock[activeId = lock.active])) { active.timer.c = null; active.timer.t = NaN; if (--lock.count) delete lock[activeId]; else delete this[ns]; lock.active += .5; active.event && active.event.interrupt.call(this, this.__data__, active.index); } }; } function d3_transition(groups, ns, id) { d3_subclass(groups, d3_transitionPrototype); groups.namespace = ns; groups.id = id; return groups; } var d3_transitionPrototype = [], d3_transitionId = 0, d3_transitionInheritId, d3_transitionInherit; d3_transitionPrototype.call = d3_selectionPrototype.call; d3_transitionPrototype.empty = d3_selectionPrototype.empty; d3_transitionPrototype.node = d3_selectionPrototype.node; d3_transitionPrototype.size = d3_selectionPrototype.size; d3.transition = function(selection, name) { return selection && selection.transition ? d3_transitionInheritId ? selection.transition(name) : selection : d3.selection().transition(selection); }; d3.transition.prototype = d3_transitionPrototype; d3_transitionPrototype.select = function(selector) { var id = this.id, ns = this.namespace, subgroups = [], subgroup, subnode, node; selector = d3_selection_selector(selector); for (var j = -1, m = this.length; ++j < m; ) { subgroups.push(subgroup = []); for (var group = this[j], i = -1, n = group.length; ++i < n; ) { if ((node = group[i]) && (subnode = selector.call(node, node.__data__, i, j))) { if ("__data__" in node) subnode.__data__ = node.__data__; d3_transitionNode(subnode, i, ns, id, node[ns][id]); subgroup.push(subnode); } else { subgroup.push(null); } } } return d3_transition(subgroups, ns, id); }; d3_transitionPrototype.selectAll = function(selector) { var id = this.id, ns = this.namespace, subgroups = [], subgroup, subnodes, node, subnode, transition; selector = d3_selection_selectorAll(selector); for (var j = -1, m = this.length; ++j < m; ) { for (var group = this[j], i = -1, n = group.length; ++i < n; ) { if (node = group[i]) { transition = node[ns][id]; subnodes = selector.call(node, node.__data__, i, j); subgroups.push(subgroup = []); for (var k = -1, o = subnodes.length; ++k < o; ) { if (subnode = subnodes[k]) d3_transitionNode(subnode, k, ns, id, transition); subgroup.push(subnode); } } } } return d3_transition(subgroups, ns, id); }; d3_transitionPrototype.filter = function(filter) { var subgroups = [], subgroup, group, node; if (typeof filter !== "function") filter = d3_selection_filter(filter); for (var j = 0, m = this.length; j < m; j++) { subgroups.push(subgroup = []); for (var group = this[j], i = 0, n = group.length; i < n; i++) { if ((node = group[i]) && filter.call(node, node.__data__, i, j)) { subgroup.push(node); } } } return d3_transition(subgroups, this.namespace, this.id); }; d3_transitionPrototype.tween = function(name, tween) { var id = this.id, ns = this.namespace; if (arguments.length < 2) return this.node()[ns][id].tween.get(name); return d3_selection_each(this, tween == null ? function(node) { node[ns][id].tween.remove(name); } : function(node) { node[ns][id].tween.set(name, tween); }); }; function d3_transition_tween(groups, name, value, tween) { var id = groups.id, ns = groups.namespace; return d3_selection_each(groups, typeof value === "function" ? function(node, i, j) { node[ns][id].tween.set(name, tween(value.call(node, node.__data__, i, j))); } : (value = tween(value), function(node) { node[ns][id].tween.set(name, value); })); } d3_transitionPrototype.attr = function(nameNS, value) { if (arguments.length < 2) { for (value in nameNS) this.attr(value, nameNS[value]); return this; } var interpolate = nameNS == "transform" ? d3_interpolateTransform : d3_interpolate, name = d3.ns.qualify(nameNS); function attrNull() { this.removeAttribute(name); } function attrNullNS() { this.removeAttributeNS(name.space, name.local); } function attrTween(b) { return b == null ? attrNull : (b += "", function() { var a = this.getAttribute(name), i; return a !== b && (i = interpolate(a, b), function(t) { this.setAttribute(name, i(t)); }); }); } function attrTweenNS(b) { return b == null ? attrNullNS : (b += "", function() { var a = this.getAttributeNS(name.space, name.local), i; return a !== b && (i = interpolate(a, b), function(t) { this.setAttributeNS(name.space, name.local, i(t)); }); }); } return d3_transition_tween(this, "attr." + nameNS, value, name.local ? attrTweenNS : attrTween); }; d3_transitionPrototype.attrTween = function(nameNS, tween) { var name = d3.ns.qualify(nameNS); function attrTween(d, i) { var f = tween.call(this, d, i, this.getAttribute(name)); return f && function(t) { this.setAttribute(name, f(t)); }; } function attrTweenNS(d, i) { var f = tween.call(this, d, i, this.getAttributeNS(name.space, name.local)); return f && function(t) { this.setAttributeNS(name.space, name.local, f(t)); }; } return this.tween("attr." + nameNS, name.local ? attrTweenNS : attrTween); }; d3_transitionPrototype.style = function(name, value, priority) { var n = arguments.length; if (n < 3) { if (typeof name !== "string") { if (n < 2) value = ""; for (priority in name) this.style(priority, name[priority], value); return this; } priority = ""; } function styleNull() { this.style.removeProperty(name); } function styleString(b) { return b == null ? styleNull : (b += "", function() { var a = d3_window(this).getComputedStyle(this, null).getPropertyValue(name), i; return a !== b && (i = d3_interpolate(a, b), function(t) { this.style.setProperty(name, i(t), priority); }); }); } return d3_transition_tween(this, "style." + name, value, styleString); }; d3_transitionPrototype.styleTween = function(name, tween, priority) { if (arguments.length < 3) priority = ""; function styleTween(d, i) { var f = tween.call(this, d, i, d3_window(this).getComputedStyle(this, null).getPropertyValue(name)); return f && function(t) { this.style.setProperty(name, f(t), priority); }; } return this.tween("style." + name, styleTween); }; d3_transitionPrototype.text = function(value) { return d3_transition_tween(this, "text", value, d3_transition_text); }; function d3_transition_text(b) { if (b == null) b = ""; return function() { this.textContent = b; }; } d3_transitionPrototype.remove = function() { var ns = this.namespace; return this.each("end.transition", function() { var p; if (this[ns].count < 2 && (p = this.parentNode)) p.removeChild(this); }); }; d3_transitionPrototype.ease = function(value) { var id = this.id, ns = this.namespace; if (arguments.length < 1) return this.node()[ns][id].ease; if (typeof value !== "function") value = d3.ease.apply(d3, arguments); return d3_selection_each(this, function(node) { node[ns][id].ease = value; }); }; d3_transitionPrototype.delay = function(value) { var id = this.id, ns = this.namespace; if (arguments.length < 1) return this.node()[ns][id].delay; return d3_selection_each(this, typeof value === "function" ? function(node, i, j) { node[ns][id].delay = +value.call(node, node.__data__, i, j); } : (value = +value, function(node) { node[ns][id].delay = value; })); }; d3_transitionPrototype.duration = function(value) { var id = this.id, ns = this.namespace; if (arguments.length < 1) return this.node()[ns][id].duration; return d3_selection_each(this, typeof value === "function" ? function(node, i, j) { node[ns][id].duration = Math.max(1, value.call(node, node.__data__, i, j)); } : (value = Math.max(1, value), function(node) { node[ns][id].duration = value; })); }; d3_transitionPrototype.each = function(type, listener) { var id = this.id, ns = this.namespace; if (arguments.length < 2) { var inherit = d3_transitionInherit, inheritId = d3_transitionInheritId; try { d3_transitionInheritId = id; d3_selection_each(this, function(node, i, j) { d3_transitionInherit = node[ns][id]; type.call(node, node.__data__, i, j); }); } finally { d3_transitionInherit = inherit; d3_transitionInheritId = inheritId; } } else { d3_selection_each(this, function(node) { var transition = node[ns][id]; (transition.event || (transition.event = d3.dispatch("start", "end", "interrupt"))).on(type, listener); }); } return this; }; d3_transitionPrototype.transition = function() { var id0 = this.id, id1 = ++d3_transitionId, ns = this.namespace, subgroups = [], subgroup, group, node, transition; for (var j = 0, m = this.length; j < m; j++) { subgroups.push(subgroup = []); for (var group = this[j], i = 0, n = group.length; i < n; i++) { if (node = group[i]) { transition = node[ns][id0]; d3_transitionNode(node, i, ns, id1, { time: transition.time, ease: transition.ease, delay: transition.delay + transition.duration, duration: transition.duration }); } subgroup.push(node); } } return d3_transition(subgroups, ns, id1); }; function d3_transitionNamespace(name) { return name == null ? "__transition__" : "__transition_" + name + "__"; } function d3_transitionNode(node, i, ns, id, inherit) { var lock = node[ns] || (node[ns] = { active: 0, count: 0 }), transition = lock[id], time, timer, duration, ease, tweens; function schedule(elapsed) { var delay = transition.delay; timer.t = delay + time; if (delay <= elapsed) return start(elapsed - delay); timer.c = start; } function start(elapsed) { var activeId = lock.active, active = lock[activeId]; if (active) { active.timer.c = null; active.timer.t = NaN; --lock.count; delete lock[activeId]; active.event && active.event.interrupt.call(node, node.__data__, active.index); } for (var cancelId in lock) { if (+cancelId < id) { var cancel = lock[cancelId]; cancel.timer.c = null; cancel.timer.t = NaN; --lock.count; delete lock[cancelId]; } } timer.c = tick; d3_timer(function() { if (timer.c && tick(elapsed || 1)) { timer.c = null; timer.t = NaN; } return 1; }, 0, time); lock.active = id; transition.event && transition.event.start.call(node, node.__data__, i); tweens = []; transition.tween.forEach(function(key, value) { if (value = value.call(node, node.__data__, i)) { tweens.push(value); } }); ease = transition.ease; duration = transition.duration; } function tick(elapsed) { var t = elapsed / duration, e = ease(t), n = tweens.length; while (n > 0) { tweens[--n].call(node, e); } if (t >= 1) { transition.event && transition.event.end.call(node, node.__data__, i); if (--lock.count) delete lock[id]; else delete node[ns]; return 1; } } if (!transition) { time = inherit.time; timer = d3_timer(schedule, 0, time); transition = lock[id] = { tween: new d3_Map(), time: time, timer: timer, delay: inherit.delay, duration: inherit.duration, ease: inherit.ease, index: i }; inherit = null; ++lock.count; } } d3.svg.axis = function() { var scale = d3.scale.linear(), orient = d3_svg_axisDefaultOrient, innerTickSize = 6, outerTickSize = 6, tickPadding = 3, tickArguments_ = [ 10 ], tickValues = null, tickFormat_; function axis(g) { g.each(function() { var g = d3.select(this); var scale0 = this.__chart__ || scale, scale1 = this.__chart__ = scale.copy(); var ticks = tickValues == null ? scale1.ticks ? scale1.ticks.apply(scale1, tickArguments_) : scale1.domain() : tickValues, tickFormat = tickFormat_ == null ? scale1.tickFormat ? scale1.tickFormat.apply(scale1, tickArguments_) : d3_identity : tickFormat_, tick = g.selectAll(".tick").data(ticks, scale1), tickEnter = tick.enter().insert("g", ".domain").attr("class", "tick").style("opacity", ε), tickExit = d3.transition(tick.exit()).style("opacity", ε).remove(), tickUpdate = d3.transition(tick.order()).style("opacity", 1), tickSpacing = Math.max(innerTickSize, 0) + tickPadding, tickTransform; var range = d3_scaleRange(scale1), path = g.selectAll(".domain").data([ 0 ]), pathUpdate = (path.enter().append("path").attr("class", "domain"), d3.transition(path)); tickEnter.append("line"); tickEnter.append("text"); var lineEnter = tickEnter.select("line"), lineUpdate = tickUpdate.select("line"), text = tick.select("text").text(tickFormat), textEnter = tickEnter.select("text"), textUpdate = tickUpdate.select("text"), sign = orient === "top" || orient === "left" ? -1 : 1, x1, x2, y1, y2; if (orient === "bottom" || orient === "top") { tickTransform = d3_svg_axisX, x1 = "x", y1 = "y", x2 = "x2", y2 = "y2"; text.attr("dy", sign < 0 ? "0em" : ".71em").style("text-anchor", "middle"); pathUpdate.attr("d", "M" + range[0] + "," + sign * outerTickSize + "V0H" + range[1] + "V" + sign * outerTickSize); } else { tickTransform = d3_svg_axisY, x1 = "y", y1 = "x", x2 = "y2", y2 = "x2"; text.attr("dy", ".32em").style("text-anchor", sign < 0 ? "end" : "start"); pathUpdate.attr("d", "M" + sign * outerTickSize + "," + range[0] + "H0V" + range[1] + "H" + sign * outerTickSize); } lineEnter.attr(y2, sign * innerTickSize); textEnter.attr(y1, sign * tickSpacing); lineUpdate.attr(x2, 0).attr(y2, sign * innerTickSize); textUpdate.attr(x1, 0).attr(y1, sign * tickSpacing); if (scale1.rangeBand) { var x = scale1, dx = x.rangeBand() / 2; scale0 = scale1 = function(d) { return x(d) + dx; }; } else if (scale0.rangeBand) { scale0 = scale1; } else { tickExit.call(tickTransform, scale1, scale0); } tickEnter.call(tickTransform, scale0, scale1); tickUpdate.call(tickTransform, scale1, scale1); }); } axis.scale = function(x) { if (!arguments.length) return scale; scale = x; return axis; }; axis.orient = function(x) { if (!arguments.length) return orient; orient = x in d3_svg_axisOrients ? x + "" : d3_svg_axisDefaultOrient; return axis; }; axis.ticks = function() { if (!arguments.length) return tickArguments_; tickArguments_ = d3_array(arguments); return axis; }; axis.tickValues = function(x) { if (!arguments.length) return tickValues; tickValues = x; return axis; }; axis.tickFormat = function(x) { if (!arguments.length) return tickFormat_; tickFormat_ = x; return axis; }; axis.tickSize = function(x) { var n = arguments.length; if (!n) return innerTickSize; innerTickSize = +x; outerTickSize = +arguments[n - 1]; return axis; }; axis.innerTickSize = function(x) { if (!arguments.length) return innerTickSize; innerTickSize = +x; return axis; }; axis.outerTickSize = function(x) { if (!arguments.length) return outerTickSize; outerTickSize = +x; return axis; }; axis.tickPadding = function(x) { if (!arguments.length) return tickPadding; tickPadding = +x; return axis; }; axis.tickSubdivide = function() { return arguments.length && axis; }; return axis; }; var d3_svg_axisDefaultOrient = "bottom", d3_svg_axisOrients = { top: 1, right: 1, bottom: 1, left: 1 }; function d3_svg_axisX(selection, x0, x1) { selection.attr("transform", function(d) { var v0 = x0(d); return "translate(" + (isFinite(v0) ? v0 : x1(d)) + ",0)"; }); } function d3_svg_axisY(selection, y0, y1) { selection.attr("transform", function(d) { var v0 = y0(d); return "translate(0," + (isFinite(v0) ? v0 : y1(d)) + ")"; }); } d3.svg.brush = function() { var event = d3_eventDispatch(brush, "brushstart", "brush", "brushend"), x = null, y = null, xExtent = [ 0, 0 ], yExtent = [ 0, 0 ], xExtentDomain, yExtentDomain, xClamp = true, yClamp = true, resizes = d3_svg_brushResizes[0]; function brush(g) { g.each(function() { var g = d3.select(this).style("pointer-events", "all").style("-webkit-tap-highlight-color", "rgba(0,0,0,0)").on("mousedown.brush", brushstart).on("touchstart.brush", brushstart); var background = g.selectAll(".background").data([ 0 ]); background.enter().append("rect").attr("class", "background").style("visibility", "hidden").style("cursor", "crosshair"); g.selectAll(".extent").data([ 0 ]).enter().append("rect").attr("class", "extent").style("cursor", "move"); var resize = g.selectAll(".resize").data(resizes, d3_identity); resize.exit().remove(); resize.enter().append("g").attr("class", function(d) { return "resize " + d; }).style("cursor", function(d) { return d3_svg_brushCursor[d]; }).append("rect").attr("x", function(d) { return /[ew]$/.test(d) ? -3 : null; }).attr("y", function(d) { return /^[ns]/.test(d) ? -3 : null; }).attr("width", 6).attr("height", 6).style("visibility", "hidden"); resize.style("display", brush.empty() ? "none" : null); var gUpdate = d3.transition(g), backgroundUpdate = d3.transition(background), range; if (x) { range = d3_scaleRange(x); backgroundUpdate.attr("x", range[0]).attr("width", range[1] - range[0]); redrawX(gUpdate); } if (y) { range = d3_scaleRange(y); backgroundUpdate.attr("y", range[0]).attr("height", range[1] - range[0]); redrawY(gUpdate); } redraw(gUpdate); }); } brush.event = function(g) { g.each(function() { var event_ = event.of(this, arguments), extent1 = { x: xExtent, y: yExtent, i: xExtentDomain, j: yExtentDomain }, extent0 = this.__chart__ || extent1; this.__chart__ = extent1; if (d3_transitionInheritId) { d3.select(this).transition().each("start.brush", function() { xExtentDomain = extent0.i; yExtentDomain = extent0.j; xExtent = extent0.x; yExtent = extent0.y; event_({ type: "brushstart" }); }).tween("brush:brush", function() { var xi = d3_interpolateArray(xExtent, extent1.x), yi = d3_interpolateArray(yExtent, extent1.y); xExtentDomain = yExtentDomain = null; return function(t) { xExtent = extent1.x = xi(t); yExtent = extent1.y = yi(t); event_({ type: "brush", mode: "resize" }); }; }).each("end.brush", function() { xExtentDomain = extent1.i; yExtentDomain = extent1.j; event_({ type: "brush", mode: "resize" }); event_({ type: "brushend" }); }); } else { event_({ type: "brushstart" }); event_({ type: "brush", mode: "resize" }); event_({ type: "brushend" }); } }); }; function redraw(g) { g.selectAll(".resize").attr("transform", function(d) { return "translate(" + xExtent[+/e$/.test(d)] + "," + yExtent[+/^s/.test(d)] + ")"; }); } function redrawX(g) { g.select(".extent").attr("x", xExtent[0]); g.selectAll(".extent,.n>rect,.s>rect").attr("width", xExtent[1] - xExtent[0]); } function redrawY(g) { g.select(".extent").attr("y", yExtent[0]); g.selectAll(".extent,.e>rect,.w>rect").attr("height", yExtent[1] - yExtent[0]); } function brushstart() { var target = this, eventTarget = d3.select(d3.event.target), event_ = event.of(target, arguments), g = d3.select(target), resizing = eventTarget.datum(), resizingX = !/^(n|s)$/.test(resizing) && x, resizingY = !/^(e|w)$/.test(resizing) && y, dragging = eventTarget.classed("extent"), dragRestore = d3_event_dragSuppress(target), center, origin = d3.mouse(target), offset; var w = d3.select(d3_window(target)).on("keydown.brush", keydown).on("keyup.brush", keyup); if (d3.event.changedTouches) { w.on("touchmove.brush", brushmove).on("touchend.brush", brushend); } else { w.on("mousemove.brush", brushmove).on("mouseup.brush", brushend); } g.interrupt().selectAll("*").interrupt(); if (dragging) { origin[0] = xExtent[0] - origin[0]; origin[1] = yExtent[0] - origin[1]; } else if (resizing) { var ex = +/w$/.test(resizing), ey = +/^n/.test(resizing); offset = [ xExtent[1 - ex] - origin[0], yExtent[1 - ey] - origin[1] ]; origin[0] = xExtent[ex]; origin[1] = yExtent[ey]; } else if (d3.event.altKey) center = origin.slice(); g.style("pointer-events", "none").selectAll(".resize").style("display", null); d3.select("body").style("cursor", eventTarget.style("cursor")); event_({ type: "brushstart" }); brushmove(); function keydown() { if (d3.event.keyCode == 32) { if (!dragging) { center = null; origin[0] -= xExtent[1]; origin[1] -= yExtent[1]; dragging = 2; } d3_eventPreventDefault(); } } function keyup() { if (d3.event.keyCode == 32 && dragging == 2) { origin[0] += xExtent[1]; origin[1] += yExtent[1]; dragging = 0; d3_eventPreventDefault(); } } function brushmove() { var point = d3.mouse(target), moved = false; if (offset) { point[0] += offset[0]; point[1] += offset[1]; } if (!dragging) { if (d3.event.altKey) { if (!center) center = [ (xExtent[0] + xExtent[1]) / 2, (yExtent[0] + yExtent[1]) / 2 ]; origin[0] = xExtent[+(point[0] < center[0])]; origin[1] = yExtent[+(point[1] < center[1])]; } else center = null; } if (resizingX && move1(point, x, 0)) { redrawX(g); moved = true; } if (resizingY && move1(point, y, 1)) { redrawY(g); moved = true; } if (moved) { redraw(g); event_({ type: "brush", mode: dragging ? "move" : "resize" }); } } function move1(point, scale, i) { var range = d3_scaleRange(scale), r0 = range[0], r1 = range[1], position = origin[i], extent = i ? yExtent : xExtent, size = extent[1] - extent[0], min, max; if (dragging) { r0 -= position; r1 -= size + position; } min = (i ? yClamp : xClamp) ? Math.max(r0, Math.min(r1, point[i])) : point[i]; if (dragging) { max = (min += position) + size; } else { if (center) position = Math.max(r0, Math.min(r1, 2 * center[i] - min)); if (position < min) { max = min; min = position; } else { max = position; } } if (extent[0] != min || extent[1] != max) { if (i) yExtentDomain = null; else xExtentDomain = null; extent[0] = min; extent[1] = max; return true; } } function brushend() { brushmove(); g.style("pointer-events", "all").selectAll(".resize").style("display", brush.empty() ? "none" : null); d3.select("body").style("cursor", null); w.on("mousemove.brush", null).on("mouseup.brush", null).on("touchmove.brush", null).on("touchend.brush", null).on("keydown.brush", null).on("keyup.brush", null); dragRestore(); event_({ type: "brushend" }); } } brush.x = function(z) { if (!arguments.length) return x; x = z; resizes = d3_svg_brushResizes[!x << 1 | !y]; return brush; }; brush.y = function(z) { if (!arguments.length) return y; y = z; resizes = d3_svg_brushResizes[!x << 1 | !y]; return brush; }; brush.clamp = function(z) { if (!arguments.length) return x && y ? [ xClamp, yClamp ] : x ? xClamp : y ? yClamp : null; if (x && y) xClamp = !!z[0], yClamp = !!z[1]; else if (x) xClamp = !!z; else if (y) yClamp = !!z; return brush; }; brush.extent = function(z) { var x0, x1, y0, y1, t; if (!arguments.length) { if (x) { if (xExtentDomain) { x0 = xExtentDomain[0], x1 = xExtentDomain[1]; } else { x0 = xExtent[0], x1 = xExtent[1]; if (x.invert) x0 = x.invert(x0), x1 = x.invert(x1); if (x1 < x0) t = x0, x0 = x1, x1 = t; } } if (y) { if (yExtentDomain) { y0 = yExtentDomain[0], y1 = yExtentDomain[1]; } else { y0 = yExtent[0], y1 = yExtent[1]; if (y.invert) y0 = y.invert(y0), y1 = y.invert(y1); if (y1 < y0) t = y0, y0 = y1, y1 = t; } } return x && y ? [ [ x0, y0 ], [ x1, y1 ] ] : x ? [ x0, x1 ] : y && [ y0, y1 ]; } if (x) { x0 = z[0], x1 = z[1]; if (y) x0 = x0[0], x1 = x1[0]; xExtentDomain = [ x0, x1 ]; if (x.invert) x0 = x(x0), x1 = x(x1); if (x1 < x0) t = x0, x0 = x1, x1 = t; if (x0 != xExtent[0] || x1 != xExtent[1]) xExtent = [ x0, x1 ]; } if (y) { y0 = z[0], y1 = z[1]; if (x) y0 = y0[1], y1 = y1[1]; yExtentDomain = [ y0, y1 ]; if (y.invert) y0 = y(y0), y1 = y(y1); if (y1 < y0) t = y0, y0 = y1, y1 = t; if (y0 != yExtent[0] || y1 != yExtent[1]) yExtent = [ y0, y1 ]; } return brush; }; brush.clear = function() { if (!brush.empty()) { xExtent = [ 0, 0 ], yExtent = [ 0, 0 ]; xExtentDomain = yExtentDomain = null; } return brush; }; brush.empty = function() { return !!x && xExtent[0] == xExtent[1] || !!y && yExtent[0] == yExtent[1]; }; return d3.rebind(brush, event, "on"); }; var d3_svg_brushCursor = { n: "ns-resize", e: "ew-resize", s: "ns-resize", w: "ew-resize", nw: "nwse-resize", ne: "nesw-resize", se: "nwse-resize", sw: "nesw-resize" }; var d3_svg_brushResizes = [ [ "n", "e", "s", "w", "nw", "ne", "se", "sw" ], [ "e", "w" ], [ "n", "s" ], [] ]; var d3_time_format = d3_time.format = d3_locale_enUS.timeFormat; var d3_time_formatUtc = d3_time_format.utc; var d3_time_formatIso = d3_time_formatUtc("%Y-%m-%dT%H:%M:%S.%LZ"); d3_time_format.iso = Date.prototype.toISOString && +new Date("2000-01-01T00:00:00.000Z") ? d3_time_formatIsoNative : d3_time_formatIso; function d3_time_formatIsoNative(date) { return date.toISOString(); } d3_time_formatIsoNative.parse = function(string) { var date = new Date(string); return isNaN(date) ? null : date; }; d3_time_formatIsoNative.toString = d3_time_formatIso.toString; d3_time.second = d3_time_interval(function(date) { return new d3_date(Math.floor(date / 1e3) * 1e3); }, function(date, offset) { date.setTime(date.getTime() + Math.floor(offset) * 1e3); }, function(date) { return date.getSeconds(); }); d3_time.seconds = d3_time.second.range; d3_time.seconds.utc = d3_time.second.utc.range; d3_time.minute = d3_time_interval(function(date) { return new d3_date(Math.floor(date / 6e4) * 6e4); }, function(date, offset) { date.setTime(date.getTime() + Math.floor(offset) * 6e4); }, function(date) { return date.getMinutes(); }); d3_time.minutes = d3_time.minute.range; d3_time.minutes.utc = d3_time.minute.utc.range; d3_time.hour = d3_time_interval(function(date) { var timezone = date.getTimezoneOffset() / 60; return new d3_date((Math.floor(date / 36e5 - timezone) + timezone) * 36e5); }, function(date, offset) { date.setTime(date.getTime() + Math.floor(offset) * 36e5); }, function(date) { return date.getHours(); }); d3_time.hours = d3_time.hour.range; d3_time.hours.utc = d3_time.hour.utc.range; d3_time.month = d3_time_interval(function(date) { date = d3_time.day(date); date.setDate(1); return date; }, function(date, offset) { date.setMonth(date.getMonth() + offset); }, function(date) { return date.getMonth(); }); d3_time.months = d3_time.month.range; d3_time.months.utc = d3_time.month.utc.range; function d3_time_scale(linear, methods, format) { function scale(x) { return linear(x); } scale.invert = function(x) { return d3_time_scaleDate(linear.invert(x)); }; scale.domain = function(x) { if (!arguments.length) return linear.domain().map(d3_time_scaleDate); linear.domain(x); return scale; }; function tickMethod(extent, count) { var span = extent[1] - extent[0], target = span / count, i = d3.bisect(d3_time_scaleSteps, target); return i == d3_time_scaleSteps.length ? [ methods.year, d3_scale_linearTickRange(extent.map(function(d) { return d / 31536e6; }), count)[2] ] : !i ? [ d3_time_scaleMilliseconds, d3_scale_linearTickRange(extent, count)[2] ] : methods[target / d3_time_scaleSteps[i - 1] < d3_time_scaleSteps[i] / target ? i - 1 : i]; } scale.nice = function(interval, skip) { var domain = scale.domain(), extent = d3_scaleExtent(domain), method = interval == null ? tickMethod(extent, 10) : typeof interval === "number" && tickMethod(extent, interval); if (method) interval = method[0], skip = method[1]; function skipped(date) { return !isNaN(date) && !interval.range(date, d3_time_scaleDate(+date + 1), skip).length; } return scale.domain(d3_scale_nice(domain, skip > 1 ? { floor: function(date) { while (skipped(date = interval.floor(date))) date = d3_time_scaleDate(date - 1); return date; }, ceil: function(date) { while (skipped(date = interval.ceil(date))) date = d3_time_scaleDate(+date + 1); return date; } } : interval)); }; scale.ticks = function(interval, skip) { var extent = d3_scaleExtent(scale.domain()), method = interval == null ? tickMethod(extent, 10) : typeof interval === "number" ? tickMethod(extent, interval) : !interval.range && [ { range: interval }, skip ]; if (method) interval = method[0], skip = method[1]; return interval.range(extent[0], d3_time_scaleDate(+extent[1] + 1), skip < 1 ? 1 : skip); }; scale.tickFormat = function() { return format; }; scale.copy = function() { return d3_time_scale(linear.copy(), methods, format); }; return d3_scale_linearRebind(scale, linear); } function d3_time_scaleDate(t) { return new Date(t); } var d3_time_scaleSteps = [ 1e3, 5e3, 15e3, 3e4, 6e4, 3e5, 9e5, 18e5, 36e5, 108e5, 216e5, 432e5, 864e5, 1728e5, 6048e5, 2592e6, 7776e6, 31536e6 ]; var d3_time_scaleLocalMethods = [ [ d3_time.second, 1 ], [ d3_time.second, 5 ], [ d3_time.second, 15 ], [ d3_time.second, 30 ], [ d3_time.minute, 1 ], [ d3_time.minute, 5 ], [ d3_time.minute, 15 ], [ d3_time.minute, 30 ], [ d3_time.hour, 1 ], [ d3_time.hour, 3 ], [ d3_time.hour, 6 ], [ d3_time.hour, 12 ], [ d3_time.day, 1 ], [ d3_time.day, 2 ], [ d3_time.week, 1 ], [ d3_time.month, 1 ], [ d3_time.month, 3 ], [ d3_time.year, 1 ] ]; var d3_time_scaleLocalFormat = d3_time_format.multi([ [ ".%L", function(d) { return d.getMilliseconds(); } ], [ ":%S", function(d) { return d.getSeconds(); } ], [ "%I:%M", function(d) { return d.getMinutes(); } ], [ "%I %p", function(d) { return d.getHours(); } ], [ "%a %d", function(d) { return d.getDay() && d.getDate() != 1; } ], [ "%b %d", function(d) { return d.getDate() != 1; } ], [ "%B", function(d) { return d.getMonth(); } ], [ "%Y", d3_true ] ]); var d3_time_scaleMilliseconds = { range: function(start, stop, step) { return d3.range(Math.ceil(start / step) * step, +stop, step).map(d3_time_scaleDate); }, floor: d3_identity, ceil: d3_identity }; d3_time_scaleLocalMethods.year = d3_time.year; d3_time.scale = function() { return d3_time_scale(d3.scale.linear(), d3_time_scaleLocalMethods, d3_time_scaleLocalFormat); }; var d3_time_scaleUtcMethods = d3_time_scaleLocalMethods.map(function(m) { return [ m[0].utc, m[1] ]; }); var d3_time_scaleUtcFormat = d3_time_formatUtc.multi([ [ ".%L", function(d) { return d.getUTCMilliseconds(); } ], [ ":%S", function(d) { return d.getUTCSeconds(); } ], [ "%I:%M", function(d) { return d.getUTCMinutes(); } ], [ "%I %p", function(d) { return d.getUTCHours(); } ], [ "%a %d", function(d) { return d.getUTCDay() && d.getUTCDate() != 1; } ], [ "%b %d", function(d) { return d.getUTCDate() != 1; } ], [ "%B", function(d) { return d.getUTCMonth(); } ], [ "%Y", d3_true ] ]); d3_time_scaleUtcMethods.year = d3_time.year.utc; d3_time.scale.utc = function() { return d3_time_scale(d3.scale.linear(), d3_time_scaleUtcMethods, d3_time_scaleUtcFormat); }; d3.text = d3_xhrType(function(request) { return request.responseText; }); d3.json = function(url, callback) { return d3_xhr(url, "application/json", d3_json, callback); }; function d3_json(request) { return JSON.parse(request.responseText); } d3.html = function(url, callback) { return d3_xhr(url, "text/html", d3_html, callback); }; function d3_html(request) { var range = d3_document.createRange(); range.selectNode(d3_document.body); return range.createContextualFragment(request.responseText); } d3.xml = d3_xhrType(function(request) { return request.responseXML; }); if (typeof define === "function" && define.amd) this.d3 = d3, define(d3); else if (typeof module === "object" && module.exports) module.exports = d3; else this.d3 = d3; }(); },{}],10:[function(_dereq_,module,exports){ (function (process,global){(function (){ /*! * @overview es6-promise - a tiny implementation of Promises/A+. * @copyright Copyright (c) 2014 Yehuda Katz, Tom Dale, Stefan Penner and contributors (Conversion to ES6 API by Jake Archibald) * @license Licensed under MIT license * See https://raw.githubusercontent.com/stefanpenner/es6-promise/master/LICENSE * @version v4.2.8+1e68dce6 */ (function (global, factory) { typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() : typeof define === 'function' && define.amd ? define(factory) : (global.ES6Promise = factory()); }(this, (function () { 'use strict'; function objectOrFunction(x) { var type = typeof x; return x !== null && (type === 'object' || type === 'function'); } function isFunction(x) { return typeof x === 'function'; } var _isArray = void 0; if (Array.isArray) { _isArray = Array.isArray; } else { _isArray = function (x) { return Object.prototype.toString.call(x) === '[object Array]'; }; } var isArray = _isArray; var len = 0; var vertxNext = void 0; var customSchedulerFn = void 0; var asap = function asap(callback, arg) { queue[len] = callback; queue[len + 1] = arg; len += 2; if (len === 2) { // If len is 2, that means that we need to schedule an async flush. // If additional callbacks are queued before the queue is flushed, they // will be processed by this flush that we are scheduling. if (customSchedulerFn) { customSchedulerFn(flush); } else { scheduleFlush(); } } }; function setScheduler(scheduleFn) { customSchedulerFn = scheduleFn; } function setAsap(asapFn) { asap = asapFn; } var browserWindow = typeof window !== 'undefined' ? window : undefined; var browserGlobal = browserWindow || {}; var BrowserMutationObserver = browserGlobal.MutationObserver || browserGlobal.WebKitMutationObserver; var isNode = typeof self === 'undefined' && typeof process !== 'undefined' && {}.toString.call(process) === '[object process]'; // test for web worker but not in IE10 var isWorker = typeof Uint8ClampedArray !== 'undefined' && typeof importScripts !== 'undefined' && typeof MessageChannel !== 'undefined'; // node function useNextTick() { // node version 0.10.x displays a deprecation warning when nextTick is used recursively // see https://github.com/cujojs/when/issues/410 for details return function () { return process.nextTick(flush); }; } // vertx function useVertxTimer() { if (typeof vertxNext !== 'undefined') { return function () { vertxNext(flush); }; } return useSetTimeout(); } function useMutationObserver() { var iterations = 0; var observer = new BrowserMutationObserver(flush); var node = document.createTextNode(''); observer.observe(node, { characterData: true }); return function () { node.data = iterations = ++iterations % 2; }; } // web worker function useMessageChannel() { var channel = new MessageChannel(); channel.port1.onmessage = flush; return function () { return channel.port2.postMessage(0); }; } function useSetTimeout() { // Store setTimeout reference so es6-promise will be unaffected by // other code modifying setTimeout (like sinon.useFakeTimers()) var globalSetTimeout = setTimeout; return function () { return globalSetTimeout(flush, 1); }; } var queue = new Array(1000); function flush() { for (var i = 0; i < len; i += 2) { var callback = queue[i]; var arg = queue[i + 1]; callback(arg); queue[i] = undefined; queue[i + 1] = undefined; } len = 0; } function attemptVertx() { try { var vertx = Function('return this')().require('vertx'); vertxNext = vertx.runOnLoop || vertx.runOnContext; return useVertxTimer(); } catch (e) { return useSetTimeout(); } } var scheduleFlush = void 0; // Decide what async method to use to triggering processing of queued callbacks: if (isNode) { scheduleFlush = useNextTick(); } else if (BrowserMutationObserver) { scheduleFlush = useMutationObserver(); } else if (isWorker) { scheduleFlush = useMessageChannel(); } else if (browserWindow === undefined && typeof _dereq_ === 'function') { scheduleFlush = attemptVertx(); } else { scheduleFlush = useSetTimeout(); } function then(onFulfillment, onRejection) { var parent = this; var child = new this.constructor(noop); if (child[PROMISE_ID] === undefined) { makePromise(child); } var _state = parent._state; if (_state) { var callback = arguments[_state - 1]; asap(function () { return invokeCallback(_state, child, callback, parent._result); }); } else { subscribe(parent, child, onFulfillment, onRejection); } return child; } /** `Promise.resolve` returns a promise that will become resolved with the passed `value`. It is shorthand for the following: ```javascript let promise = new Promise(function(resolve, reject){ resolve(1); }); promise.then(function(value){ // value === 1 }); ``` Instead of writing the above, your code now simply becomes the following: ```javascript let promise = Promise.resolve(1); promise.then(function(value){ // value === 1 }); ``` @method resolve @static @param {Any} value value that the returned promise will be resolved with Useful for tooling. @return {Promise} a promise that will become fulfilled with the given `value` */ function resolve$1(object) { /*jshint validthis:true */ var Constructor = this; if (object && typeof object === 'object' && object.constructor === Constructor) { return object; } var promise = new Constructor(noop); resolve(promise, object); return promise; } var PROMISE_ID = Math.random().toString(36).substring(2); function noop() {} var PENDING = void 0; var FULFILLED = 1; var REJECTED = 2; function selfFulfillment() { return new TypeError("You cannot resolve a promise with itself"); } function cannotReturnOwn() { return new TypeError('A promises callback cannot return that same promise.'); } function tryThen(then$$1, value, fulfillmentHandler, rejectionHandler) { try { then$$1.call(value, fulfillmentHandler, rejectionHandler); } catch (e) { return e; } } function handleForeignThenable(promise, thenable, then$$1) { asap(function (promise) { var sealed = false; var error = tryThen(then$$1, thenable, function (value) { if (sealed) { return; } sealed = true; if (thenable !== value) { resolve(promise, value); } else { fulfill(promise, value); } }, function (reason) { if (sealed) { return; } sealed = true; reject(promise, reason); }, 'Settle: ' + (promise._label || ' unknown promise')); if (!sealed && error) { sealed = true; reject(promise, error); } }, promise); } function handleOwnThenable(promise, thenable) { if (thenable._state === FULFILLED) { fulfill(promise, thenable._result); } else if (thenable._state === REJECTED) { reject(promise, thenable._result); } else { subscribe(thenable, undefined, function (value) { return resolve(promise, value); }, function (reason) { return reject(promise, reason); }); } } function handleMaybeThenable(promise, maybeThenable, then$$1) { if (maybeThenable.constructor === promise.constructor && then$$1 === then && maybeThenable.constructor.resolve === resolve$1) { handleOwnThenable(promise, maybeThenable); } else { if (then$$1 === undefined) { fulfill(promise, maybeThenable); } else if (isFunction(then$$1)) { handleForeignThenable(promise, maybeThenable, then$$1); } else { fulfill(promise, maybeThenable); } } } function resolve(promise, value) { if (promise === value) { reject(promise, selfFulfillment()); } else if (objectOrFunction(value)) { var then$$1 = void 0; try { then$$1 = value.then; } catch (error) { reject(promise, error); return; } handleMaybeThenable(promise, value, then$$1); } else { fulfill(promise, value); } } function publishRejection(promise) { if (promise._onerror) { promise._onerror(promise._result); } publish(promise); } function fulfill(promise, value) { if (promise._state !== PENDING) { return; } promise._result = value; promise._state = FULFILLED; if (promise._subscribers.length !== 0) { asap(publish, promise); } } function reject(promise, reason) { if (promise._state !== PENDING) { return; } promise._state = REJECTED; promise._result = reason; asap(publishRejection, promise); } function subscribe(parent, child, onFulfillment, onRejection) { var _subscribers = parent._subscribers; var length = _subscribers.length; parent._onerror = null; _subscribers[length] = child; _subscribers[length + FULFILLED] = onFulfillment; _subscribers[length + REJECTED] = onRejection; if (length === 0 && parent._state) { asap(publish, parent); } } function publish(promise) { var subscribers = promise._subscribers; var settled = promise._state; if (subscribers.length === 0) { return; } var child = void 0, callback = void 0, detail = promise._result; for (var i = 0; i < subscribers.length; i += 3) { child = subscribers[i]; callback = subscribers[i + settled]; if (child) { invokeCallback(settled, child, callback, detail); } else { callback(detail); } } promise._subscribers.length = 0; } function invokeCallback(settled, promise, callback, detail) { var hasCallback = isFunction(callback), value = void 0, error = void 0, succeeded = true; if (hasCallback) { try { value = callback(detail); } catch (e) { succeeded = false; error = e; } if (promise === value) { reject(promise, cannotReturnOwn()); return; } } else { value = detail; } if (promise._state !== PENDING) { // noop } else if (hasCallback && succeeded) { resolve(promise, value); } else if (succeeded === false) { reject(promise, error); } else if (settled === FULFILLED) { fulfill(promise, value); } else if (settled === REJECTED) { reject(promise, value); } } function initializePromise(promise, resolver) { try { resolver(function resolvePromise(value) { resolve(promise, value); }, function rejectPromise(reason) { reject(promise, reason); }); } catch (e) { reject(promise, e); } } var id = 0; function nextId() { return id++; } function makePromise(promise) { promise[PROMISE_ID] = id++; promise._state = undefined; promise._result = undefined; promise._subscribers = []; } function validationError() { return new Error('Array Methods must be provided an Array'); } var Enumerator = function () { function Enumerator(Constructor, input) { this._instanceConstructor = Constructor; this.promise = new Constructor(noop); if (!this.promise[PROMISE_ID]) { makePromise(this.promise); } if (isArray(input)) { this.length = input.length; this._remaining = input.length; this._result = new Array(this.length); if (this.length === 0) { fulfill(this.promise, this._result); } else { this.length = this.length || 0; this._enumerate(input); if (this._remaining === 0) { fulfill(this.promise, this._result); } } } else { reject(this.promise, validationError()); } } Enumerator.prototype._enumerate = function _enumerate(input) { for (var i = 0; this._state === PENDING && i < input.length; i++) { this._eachEntry(input[i], i); } }; Enumerator.prototype._eachEntry = function _eachEntry(entry, i) { var c = this._instanceConstructor; var resolve$$1 = c.resolve; if (resolve$$1 === resolve$1) { var _then = void 0; var error = void 0; var didError = false; try { _then = entry.then; } catch (e) { didError = true; error = e; } if (_then === then && entry._state !== PENDING) { this._settledAt(entry._state, i, entry._result); } else if (typeof _then !== 'function') { this._remaining--; this._result[i] = entry; } else if (c === Promise$1) { var promise = new c(noop); if (didError) { reject(promise, error); } else { handleMaybeThenable(promise, entry, _then); } this._willSettleAt(promise, i); } else { this._willSettleAt(new c(function (resolve$$1) { return resolve$$1(entry); }), i); } } else { this._willSettleAt(resolve$$1(entry), i); } }; Enumerator.prototype._settledAt = function _settledAt(state, i, value) { var promise = this.promise; if (promise._state === PENDING) { this._remaining--; if (state === REJECTED) { reject(promise, value); } else { this._result[i] = value; } } if (this._remaining === 0) { fulfill(promise, this._result); } }; Enumerator.prototype._willSettleAt = function _willSettleAt(promise, i) { var enumerator = this; subscribe(promise, undefined, function (value) { return enumerator._settledAt(FULFILLED, i, value); }, function (reason) { return enumerator._settledAt(REJECTED, i, reason); }); }; return Enumerator; }(); /** `Promise.all` accepts an array of promises, and returns a new promise which is fulfilled with an array of fulfillment values for the passed promises, or rejected with the reason of the first passed promise to be rejected. It casts all elements of the passed iterable to promises as it runs this algorithm. Example: ```javascript let promise1 = resolve(1); let promise2 = resolve(2); let promise3 = resolve(3); let promises = [ promise1, promise2, promise3 ]; Promise.all(promises).then(function(array){ // The array here would be [ 1, 2, 3 ]; }); ``` If any of the `promises` given to `all` are rejected, the first promise that is rejected will be given as an argument to the returned promises's rejection handler. For example: Example: ```javascript let promise1 = resolve(1); let promise2 = reject(new Error("2")); let promise3 = reject(new Error("3")); let promises = [ promise1, promise2, promise3 ]; Promise.all(promises).then(function(array){ // Code here never runs because there are rejected promises! }, function(error) { // error.message === "2" }); ``` @method all @static @param {Array} entries array of promises @param {String} label optional string for labeling the promise. Useful for tooling. @return {Promise} promise that is fulfilled when all `promises` have been fulfilled, or rejected if any of them become rejected. @static */ function all(entries) { return new Enumerator(this, entries).promise; } /** `Promise.race` returns a new promise which is settled in the same way as the first passed promise to settle. Example: ```javascript let promise1 = new Promise(function(resolve, reject){ setTimeout(function(){ resolve('promise 1'); }, 200); }); let promise2 = new Promise(function(resolve, reject){ setTimeout(function(){ resolve('promise 2'); }, 100); }); Promise.race([promise1, promise2]).then(function(result){ // result === 'promise 2' because it was resolved before promise1 // was resolved. }); ``` `Promise.race` is deterministic in that only the state of the first settled promise matters. For example, even if other promises given to the `promises` array argument are resolved, but the first settled promise has become rejected before the other promises became fulfilled, the returned promise will become rejected: ```javascript let promise1 = new Promise(function(resolve, reject){ setTimeout(function(){ resolve('promise 1'); }, 200); }); let promise2 = new Promise(function(resolve, reject){ setTimeout(function(){ reject(new Error('promise 2')); }, 100); }); Promise.race([promise1, promise2]).then(function(result){ // Code here never runs }, function(reason){ // reason.message === 'promise 2' because promise 2 became rejected before // promise 1 became fulfilled }); ``` An example real-world use case is implementing timeouts: ```javascript Promise.race([ajax('foo.json'), timeout(5000)]) ``` @method race @static @param {Array} promises array of promises to observe Useful for tooling. @return {Promise} a promise which settles in the same way as the first passed promise to settle. */ function race(entries) { /*jshint validthis:true */ var Constructor = this; if (!isArray(entries)) { return new Constructor(function (_, reject) { return reject(new TypeError('You must pass an array to race.')); }); } else { return new Constructor(function (resolve, reject) { var length = entries.length; for (var i = 0; i < length; i++) { Constructor.resolve(entries[i]).then(resolve, reject); } }); } } /** `Promise.reject` returns a promise rejected with the passed `reason`. It is shorthand for the following: ```javascript let promise = new Promise(function(resolve, reject){ reject(new Error('WHOOPS')); }); promise.then(function(value){ // Code here doesn't run because the promise is rejected! }, function(reason){ // reason.message === 'WHOOPS' }); ``` Instead of writing the above, your code now simply becomes the following: ```javascript let promise = Promise.reject(new Error('WHOOPS')); promise.then(function(value){ // Code here doesn't run because the promise is rejected! }, function(reason){ // reason.message === 'WHOOPS' }); ``` @method reject @static @param {Any} reason value that the returned promise will be rejected with. Useful for tooling. @return {Promise} a promise rejected with the given `reason`. */ function reject$1(reason) { /*jshint validthis:true */ var Constructor = this; var promise = new Constructor(noop); reject(promise, reason); return promise; } function needsResolver() { throw new TypeError('You must pass a resolver function as the first argument to the promise constructor'); } function needsNew() { throw new TypeError("Failed to construct 'Promise': Please use the 'new' operator, this object constructor cannot be called as a function."); } /** Promise objects represent the eventual result of an asynchronous operation. The primary way of interacting with a promise is through its `then` method, which registers callbacks to receive either a promise's eventual value or the reason why the promise cannot be fulfilled. Terminology ----------- - `promise` is an object or function with a `then` method whose behavior conforms to this specification. - `thenable` is an object or function that defines a `then` method. - `value` is any legal JavaScript value (including undefined, a thenable, or a promise). - `exception` is a value that is thrown using the throw statement. - `reason` is a value that indicates why a promise was rejected. - `settled` the final resting state of a promise, fulfilled or rejected. A promise can be in one of three states: pending, fulfilled, or rejected. Promises that are fulfilled have a fulfillment value and are in the fulfilled state. Promises that are rejected have a rejection reason and are in the rejected state. A fulfillment value is never a thenable. Promises can also be said to *resolve* a value. If this value is also a promise, then the original promise's settled state will match the value's settled state. So a promise that *resolves* a promise that rejects will itself reject, and a promise that *resolves* a promise that fulfills will itself fulfill. Basic Usage: ------------ ```js let promise = new Promise(function(resolve, reject) { // on success resolve(value); // on failure reject(reason); }); promise.then(function(value) { // on fulfillment }, function(reason) { // on rejection }); ``` Advanced Usage: --------------- Promises shine when abstracting away asynchronous interactions such as `XMLHttpRequest`s. ```js function getJSON(url) { return new Promise(function(resolve, reject){ let xhr = new XMLHttpRequest(); xhr.open('GET', url); xhr.onreadystatechange = handler; xhr.responseType = 'json'; xhr.setRequestHeader('Accept', 'application/json'); xhr.send(); function handler() { if (this.readyState === this.DONE) { if (this.status === 200) { resolve(this.response); } else { reject(new Error('getJSON: `' + url + '` failed with status: [' + this.status + ']')); } } }; }); } getJSON('/posts.json').then(function(json) { // on fulfillment }, function(reason) { // on rejection }); ``` Unlike callbacks, promises are great composable primitives. ```js Promise.all([ getJSON('/posts'), getJSON('/comments') ]).then(function(values){ values[0] // => postsJSON values[1] // => commentsJSON return values; }); ``` @class Promise @param {Function} resolver Useful for tooling. @constructor */ var Promise$1 = function () { function Promise(resolver) { this[PROMISE_ID] = nextId(); this._result = this._state = undefined; this._subscribers = []; if (noop !== resolver) { typeof resolver !== 'function' && needsResolver(); this instanceof Promise ? initializePromise(this, resolver) : needsNew(); } } /** The primary way of interacting with a promise is through its `then` method, which registers callbacks to receive either a promise's eventual value or the reason why the promise cannot be fulfilled. ```js findUser().then(function(user){ // user is available }, function(reason){ // user is unavailable, and you are given the reason why }); ``` Chaining -------- The return value of `then` is itself a promise. This second, 'downstream' promise is resolved with the return value of the first promise's fulfillment or rejection handler, or rejected if the handler throws an exception. ```js findUser().then(function (user) { return user.name; }, function (reason) { return 'default name'; }).then(function (userName) { // If `findUser` fulfilled, `userName` will be the user's name, otherwise it // will be `'default name'` }); findUser().then(function (user) { throw new Error('Found user, but still unhappy'); }, function (reason) { throw new Error('`findUser` rejected and we're unhappy'); }).then(function (value) { // never reached }, function (reason) { // if `findUser` fulfilled, `reason` will be 'Found user, but still unhappy'. // If `findUser` rejected, `reason` will be '`findUser` rejected and we're unhappy'. }); ``` If the downstream promise does not specify a rejection handler, rejection reasons will be propagated further downstream. ```js findUser().then(function (user) { throw new PedagogicalException('Upstream error'); }).then(function (value) { // never reached }).then(function (value) { // never reached }, function (reason) { // The `PedgagocialException` is propagated all the way down to here }); ``` Assimilation ------------ Sometimes the value you want to propagate to a downstream promise can only be retrieved asynchronously. This can be achieved by returning a promise in the fulfillment or rejection handler. The downstream promise will then be pending until the returned promise is settled. This is called *assimilation*. ```js findUser().then(function (user) { return findCommentsByAuthor(user); }).then(function (comments) { // The user's comments are now available }); ``` If the assimliated promise rejects, then the downstream promise will also reject. ```js findUser().then(function (user) { return findCommentsByAuthor(user); }).then(function (comments) { // If `findCommentsByAuthor` fulfills, we'll have the value here }, function (reason) { // If `findCommentsByAuthor` rejects, we'll have the reason here }); ``` Simple Example -------------- Synchronous Example ```javascript let result; try { result = findResult(); // success } catch(reason) { // failure } ``` Errback Example ```js findResult(function(result, err){ if (err) { // failure } else { // success } }); ``` Promise Example; ```javascript findResult().then(function(result){ // success }, function(reason){ // failure }); ``` Advanced Example -------------- Synchronous Example ```javascript let author, books; try { author = findAuthor(); books = findBooksByAuthor(author); // success } catch(reason) { // failure } ``` Errback Example ```js function foundBooks(books) { } function failure(reason) { } findAuthor(function(author, err){ if (err) { failure(err); // failure } else { try { findBoooksByAuthor(author, function(books, err) { if (err) { failure(err); } else { try { foundBooks(books); } catch(reason) { failure(reason); } } }); } catch(error) { failure(err); } // success } }); ``` Promise Example; ```javascript findAuthor(). then(findBooksByAuthor). then(function(books){ // found books }).catch(function(reason){ // something went wrong }); ``` @method then @param {Function} onFulfilled @param {Function} onRejected Useful for tooling. @return {Promise} */ /** `catch` is simply sugar for `then(undefined, onRejection)` which makes it the same as the catch block of a try/catch statement. ```js function findAuthor(){ throw new Error('couldn't find that author'); } // synchronous try { findAuthor(); } catch(reason) { // something went wrong } // async with promises findAuthor().catch(function(reason){ // something went wrong }); ``` @method catch @param {Function} onRejection Useful for tooling. @return {Promise} */ Promise.prototype.catch = function _catch(onRejection) { return this.then(null, onRejection); }; /** `finally` will be invoked regardless of the promise's fate just as native try/catch/finally behaves Synchronous example: ```js findAuthor() { if (Math.random() > 0.5) { throw new Error(); } return new Author(); } try { return findAuthor(); // succeed or fail } catch(error) { return findOtherAuther(); } finally { // always runs // doesn't affect the return value } ``` Asynchronous example: ```js findAuthor().catch(function(reason){ return findOtherAuther(); }).finally(function(){ // author was either found, or not }); ``` @method finally @param {Function} callback @return {Promise} */ Promise.prototype.finally = function _finally(callback) { var promise = this; var constructor = promise.constructor; if (isFunction(callback)) { return promise.then(function (value) { return constructor.resolve(callback()).then(function () { return value; }); }, function (reason) { return constructor.resolve(callback()).then(function () { throw reason; }); }); } return promise.then(callback, callback); }; return Promise; }(); Promise$1.prototype.then = then; Promise$1.all = all; Promise$1.race = race; Promise$1.resolve = resolve$1; Promise$1.reject = reject$1; Promise$1._setScheduler = setScheduler; Promise$1._setAsap = setAsap; Promise$1._asap = asap; /*global self*/ function polyfill() { var local = void 0; if (typeof global !== 'undefined') { local = global; } else if (typeof self !== 'undefined') { local = self; } else { try { local = Function('return this')(); } catch (e) { throw new Error('polyfill failed because global object is unavailable in this environment'); } } var P = local.Promise; if (P) { var promiseToString = null; try { promiseToString = Object.prototype.toString.call(P.resolve()); } catch (e) { // silently ignored } if (promiseToString === '[object Promise]' && !P.cast) { return; } } local.Promise = Promise$1; } // Strange compat.. Promise$1.polyfill = polyfill; Promise$1.Promise = Promise$1; return Promise$1; }))); }).call(this)}).call(this,_dereq_('_process'),typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {}) },{"_process":57}],11:[function(_dereq_,module,exports){ /** * inspired by is-number * but significantly simplified and sped up by ignoring number and string constructors * ie these return false: * new Number(1) * new String('1') */ 'use strict'; var allBlankCharCodes = _dereq_('is-string-blank'); module.exports = function(n) { var type = typeof n; if(type === 'string') { var original = n; n = +n; // whitespace strings cast to zero - filter them out if(n===0 && allBlankCharCodes(original)) return false; } else if(type !== 'number') return false; return n - n < 1; }; },{"is-string-blank":46}],12:[function(_dereq_,module,exports){ module.exports = adjoint; /** * Calculates the adjugate of a mat4 * * @param {mat4} out the receiving matrix * @param {mat4} a the source matrix * @returns {mat4} out */ function adjoint(out, a) { var a00 = a[0], a01 = a[1], a02 = a[2], a03 = a[3], a10 = a[4], a11 = a[5], a12 = a[6], a13 = a[7], a20 = a[8], a21 = a[9], a22 = a[10], a23 = a[11], a30 = a[12], a31 = a[13], a32 = a[14], a33 = a[15]; out[0] = (a11 * (a22 * a33 - a23 * a32) - a21 * (a12 * a33 - a13 * a32) + a31 * (a12 * a23 - a13 * a22)); out[1] = -(a01 * (a22 * a33 - a23 * a32) - a21 * (a02 * a33 - a03 * a32) + a31 * (a02 * a23 - a03 * a22)); out[2] = (a01 * (a12 * a33 - a13 * a32) - a11 * (a02 * a33 - a03 * a32) + a31 * (a02 * a13 - a03 * a12)); out[3] = -(a01 * (a12 * a23 - a13 * a22) - a11 * (a02 * a23 - a03 * a22) + a21 * (a02 * a13 - a03 * a12)); out[4] = -(a10 * (a22 * a33 - a23 * a32) - a20 * (a12 * a33 - a13 * a32) + a30 * (a12 * a23 - a13 * a22)); out[5] = (a00 * (a22 * a33 - a23 * a32) - a20 * (a02 * a33 - a03 * a32) + a30 * (a02 * a23 - a03 * a22)); out[6] = -(a00 * (a12 * a33 - a13 * a32) - a10 * (a02 * a33 - a03 * a32) + a30 * (a02 * a13 - a03 * a12)); out[7] = (a00 * (a12 * a23 - a13 * a22) - a10 * (a02 * a23 - a03 * a22) + a20 * (a02 * a13 - a03 * a12)); out[8] = (a10 * (a21 * a33 - a23 * a31) - a20 * (a11 * a33 - a13 * a31) + a30 * (a11 * a23 - a13 * a21)); out[9] = -(a00 * (a21 * a33 - a23 * a31) - a20 * (a01 * a33 - a03 * a31) + a30 * (a01 * a23 - a03 * a21)); out[10] = (a00 * (a11 * a33 - a13 * a31) - a10 * (a01 * a33 - a03 * a31) + a30 * (a01 * a13 - a03 * a11)); out[11] = -(a00 * (a11 * a23 - a13 * a21) - a10 * (a01 * a23 - a03 * a21) + a20 * (a01 * a13 - a03 * a11)); out[12] = -(a10 * (a21 * a32 - a22 * a31) - a20 * (a11 * a32 - a12 * a31) + a30 * (a11 * a22 - a12 * a21)); out[13] = (a00 * (a21 * a32 - a22 * a31) - a20 * (a01 * a32 - a02 * a31) + a30 * (a01 * a22 - a02 * a21)); out[14] = -(a00 * (a11 * a32 - a12 * a31) - a10 * (a01 * a32 - a02 * a31) + a30 * (a01 * a12 - a02 * a11)); out[15] = (a00 * (a11 * a22 - a12 * a21) - a10 * (a01 * a22 - a02 * a21) + a20 * (a01 * a12 - a02 * a11)); return out; }; },{}],13:[function(_dereq_,module,exports){ module.exports = clone; /** * Creates a new mat4 initialized with values from an existing matrix * * @param {mat4} a matrix to clone * @returns {mat4} a new 4x4 matrix */ function clone(a) { var out = new Float32Array(16); out[0] = a[0]; out[1] = a[1]; out[2] = a[2]; out[3] = a[3]; out[4] = a[4]; out[5] = a[5]; out[6] = a[6]; out[7] = a[7]; out[8] = a[8]; out[9] = a[9]; out[10] = a[10]; out[11] = a[11]; out[12] = a[12]; out[13] = a[13]; out[14] = a[14]; out[15] = a[15]; return out; }; },{}],14:[function(_dereq_,module,exports){ module.exports = copy; /** * Copy the values from one mat4 to another * * @param {mat4} out the receiving matrix * @param {mat4} a the source matrix * @returns {mat4} out */ function copy(out, a) { out[0] = a[0]; out[1] = a[1]; out[2] = a[2]; out[3] = a[3]; out[4] = a[4]; out[5] = a[5]; out[6] = a[6]; out[7] = a[7]; out[8] = a[8]; out[9] = a[9]; out[10] = a[10]; out[11] = a[11]; out[12] = a[12]; out[13] = a[13]; out[14] = a[14]; out[15] = a[15]; return out; }; },{}],15:[function(_dereq_,module,exports){ module.exports = create; /** * Creates a new identity mat4 * * @returns {mat4} a new 4x4 matrix */ function create() { var out = new Float32Array(16); out[0] = 1; out[1] = 0; out[2] = 0; out[3] = 0; out[4] = 0; out[5] = 1; out[6] = 0; out[7] = 0; out[8] = 0; out[9] = 0; out[10] = 1; out[11] = 0; out[12] = 0; out[13] = 0; out[14] = 0; out[15] = 1; return out; }; },{}],16:[function(_dereq_,module,exports){ module.exports = determinant; /** * Calculates the determinant of a mat4 * * @param {mat4} a the source matrix * @returns {Number} determinant of a */ function determinant(a) { var a00 = a[0], a01 = a[1], a02 = a[2], a03 = a[3], a10 = a[4], a11 = a[5], a12 = a[6], a13 = a[7], a20 = a[8], a21 = a[9], a22 = a[10], a23 = a[11], a30 = a[12], a31 = a[13], a32 = a[14], a33 = a[15], b00 = a00 * a11 - a01 * a10, b01 = a00 * a12 - a02 * a10, b02 = a00 * a13 - a03 * a10, b03 = a01 * a12 - a02 * a11, b04 = a01 * a13 - a03 * a11, b05 = a02 * a13 - a03 * a12, b06 = a20 * a31 - a21 * a30, b07 = a20 * a32 - a22 * a30, b08 = a20 * a33 - a23 * a30, b09 = a21 * a32 - a22 * a31, b10 = a21 * a33 - a23 * a31, b11 = a22 * a33 - a23 * a32; // Calculate the determinant return b00 * b11 - b01 * b10 + b02 * b09 + b03 * b08 - b04 * b07 + b05 * b06; }; },{}],17:[function(_dereq_,module,exports){ module.exports = fromQuat; /** * Creates a matrix from a quaternion rotation. * * @param {mat4} out mat4 receiving operation result * @param {quat4} q Rotation quaternion * @returns {mat4} out */ function fromQuat(out, q) { var x = q[0], y = q[1], z = q[2], w = q[3], x2 = x + x, y2 = y + y, z2 = z + z, xx = x * x2, yx = y * x2, yy = y * y2, zx = z * x2, zy = z * y2, zz = z * z2, wx = w * x2, wy = w * y2, wz = w * z2; out[0] = 1 - yy - zz; out[1] = yx + wz; out[2] = zx - wy; out[3] = 0; out[4] = yx - wz; out[5] = 1 - xx - zz; out[6] = zy + wx; out[7] = 0; out[8] = zx + wy; out[9] = zy - wx; out[10] = 1 - xx - yy; out[11] = 0; out[12] = 0; out[13] = 0; out[14] = 0; out[15] = 1; return out; }; },{}],18:[function(_dereq_,module,exports){ module.exports = fromRotation /** * Creates a matrix from a given angle around a given axis * This is equivalent to (but much faster than): * * mat4.identity(dest) * mat4.rotate(dest, dest, rad, axis) * * @param {mat4} out mat4 receiving operation result * @param {Number} rad the angle to rotate the matrix by * @param {vec3} axis the axis to rotate around * @returns {mat4} out */ function fromRotation(out, rad, axis) { var s, c, t var x = axis[0] var y = axis[1] var z = axis[2] var len = Math.sqrt(x * x + y * y + z * z) if (Math.abs(len) < 0.000001) { return null } len = 1 / len x *= len y *= len z *= len s = Math.sin(rad) c = Math.cos(rad) t = 1 - c // Perform rotation-specific matrix multiplication out[0] = x * x * t + c out[1] = y * x * t + z * s out[2] = z * x * t - y * s out[3] = 0 out[4] = x * y * t - z * s out[5] = y * y * t + c out[6] = z * y * t + x * s out[7] = 0 out[8] = x * z * t + y * s out[9] = y * z * t - x * s out[10] = z * z * t + c out[11] = 0 out[12] = 0 out[13] = 0 out[14] = 0 out[15] = 1 return out } },{}],19:[function(_dereq_,module,exports){ module.exports = fromRotationTranslation; /** * Creates a matrix from a quaternion rotation and vector translation * This is equivalent to (but much faster than): * * mat4.identity(dest); * mat4.translate(dest, vec); * var quatMat = mat4.create(); * quat4.toMat4(quat, quatMat); * mat4.multiply(dest, quatMat); * * @param {mat4} out mat4 receiving operation result * @param {quat4} q Rotation quaternion * @param {vec3} v Translation vector * @returns {mat4} out */ function fromRotationTranslation(out, q, v) { // Quaternion math var x = q[0], y = q[1], z = q[2], w = q[3], x2 = x + x, y2 = y + y, z2 = z + z, xx = x * x2, xy = x * y2, xz = x * z2, yy = y * y2, yz = y * z2, zz = z * z2, wx = w * x2, wy = w * y2, wz = w * z2; out[0] = 1 - (yy + zz); out[1] = xy + wz; out[2] = xz - wy; out[3] = 0; out[4] = xy - wz; out[5] = 1 - (xx + zz); out[6] = yz + wx; out[7] = 0; out[8] = xz + wy; out[9] = yz - wx; out[10] = 1 - (xx + yy); out[11] = 0; out[12] = v[0]; out[13] = v[1]; out[14] = v[2]; out[15] = 1; return out; }; },{}],20:[function(_dereq_,module,exports){ module.exports = fromScaling /** * Creates a matrix from a vector scaling * This is equivalent to (but much faster than): * * mat4.identity(dest) * mat4.scale(dest, dest, vec) * * @param {mat4} out mat4 receiving operation result * @param {vec3} v Scaling vector * @returns {mat4} out */ function fromScaling(out, v) { out[0] = v[0] out[1] = 0 out[2] = 0 out[3] = 0 out[4] = 0 out[5] = v[1] out[6] = 0 out[7] = 0 out[8] = 0 out[9] = 0 out[10] = v[2] out[11] = 0 out[12] = 0 out[13] = 0 out[14] = 0 out[15] = 1 return out } },{}],21:[function(_dereq_,module,exports){ module.exports = fromTranslation /** * Creates a matrix from a vector translation * This is equivalent to (but much faster than): * * mat4.identity(dest) * mat4.translate(dest, dest, vec) * * @param {mat4} out mat4 receiving operation result * @param {vec3} v Translation vector * @returns {mat4} out */ function fromTranslation(out, v) { out[0] = 1 out[1] = 0 out[2] = 0 out[3] = 0 out[4] = 0 out[5] = 1 out[6] = 0 out[7] = 0 out[8] = 0 out[9] = 0 out[10] = 1 out[11] = 0 out[12] = v[0] out[13] = v[1] out[14] = v[2] out[15] = 1 return out } },{}],22:[function(_dereq_,module,exports){ module.exports = fromXRotation /** * Creates a matrix from the given angle around the X axis * This is equivalent to (but much faster than): * * mat4.identity(dest) * mat4.rotateX(dest, dest, rad) * * @param {mat4} out mat4 receiving operation result * @param {Number} rad the angle to rotate the matrix by * @returns {mat4} out */ function fromXRotation(out, rad) { var s = Math.sin(rad), c = Math.cos(rad) // Perform axis-specific matrix multiplication out[0] = 1 out[1] = 0 out[2] = 0 out[3] = 0 out[4] = 0 out[5] = c out[6] = s out[7] = 0 out[8] = 0 out[9] = -s out[10] = c out[11] = 0 out[12] = 0 out[13] = 0 out[14] = 0 out[15] = 1 return out } },{}],23:[function(_dereq_,module,exports){ module.exports = fromYRotation /** * Creates a matrix from the given angle around the Y axis * This is equivalent to (but much faster than): * * mat4.identity(dest) * mat4.rotateY(dest, dest, rad) * * @param {mat4} out mat4 receiving operation result * @param {Number} rad the angle to rotate the matrix by * @returns {mat4} out */ function fromYRotation(out, rad) { var s = Math.sin(rad), c = Math.cos(rad) // Perform axis-specific matrix multiplication out[0] = c out[1] = 0 out[2] = -s out[3] = 0 out[4] = 0 out[5] = 1 out[6] = 0 out[7] = 0 out[8] = s out[9] = 0 out[10] = c out[11] = 0 out[12] = 0 out[13] = 0 out[14] = 0 out[15] = 1 return out } },{}],24:[function(_dereq_,module,exports){ module.exports = fromZRotation /** * Creates a matrix from the given angle around the Z axis * This is equivalent to (but much faster than): * * mat4.identity(dest) * mat4.rotateZ(dest, dest, rad) * * @param {mat4} out mat4 receiving operation result * @param {Number} rad the angle to rotate the matrix by * @returns {mat4} out */ function fromZRotation(out, rad) { var s = Math.sin(rad), c = Math.cos(rad) // Perform axis-specific matrix multiplication out[0] = c out[1] = s out[2] = 0 out[3] = 0 out[4] = -s out[5] = c out[6] = 0 out[7] = 0 out[8] = 0 out[9] = 0 out[10] = 1 out[11] = 0 out[12] = 0 out[13] = 0 out[14] = 0 out[15] = 1 return out } },{}],25:[function(_dereq_,module,exports){ module.exports = frustum; /** * Generates a frustum matrix with the given bounds * * @param {mat4} out mat4 frustum matrix will be written into * @param {Number} left Left bound of the frustum * @param {Number} right Right bound of the frustum * @param {Number} bottom Bottom bound of the frustum * @param {Number} top Top bound of the frustum * @param {Number} near Near bound of the frustum * @param {Number} far Far bound of the frustum * @returns {mat4} out */ function frustum(out, left, right, bottom, top, near, far) { var rl = 1 / (right - left), tb = 1 / (top - bottom), nf = 1 / (near - far); out[0] = (near * 2) * rl; out[1] = 0; out[2] = 0; out[3] = 0; out[4] = 0; out[5] = (near * 2) * tb; out[6] = 0; out[7] = 0; out[8] = (right + left) * rl; out[9] = (top + bottom) * tb; out[10] = (far + near) * nf; out[11] = -1; out[12] = 0; out[13] = 0; out[14] = (far * near * 2) * nf; out[15] = 0; return out; }; },{}],26:[function(_dereq_,module,exports){ module.exports = identity; /** * Set a mat4 to the identity matrix * * @param {mat4} out the receiving matrix * @returns {mat4} out */ function identity(out) { out[0] = 1; out[1] = 0; out[2] = 0; out[3] = 0; out[4] = 0; out[5] = 1; out[6] = 0; out[7] = 0; out[8] = 0; out[9] = 0; out[10] = 1; out[11] = 0; out[12] = 0; out[13] = 0; out[14] = 0; out[15] = 1; return out; }; },{}],27:[function(_dereq_,module,exports){ module.exports = { create: _dereq_('./create') , clone: _dereq_('./clone') , copy: _dereq_('./copy') , identity: _dereq_('./identity') , transpose: _dereq_('./transpose') , invert: _dereq_('./invert') , adjoint: _dereq_('./adjoint') , determinant: _dereq_('./determinant') , multiply: _dereq_('./multiply') , translate: _dereq_('./translate') , scale: _dereq_('./scale') , rotate: _dereq_('./rotate') , rotateX: _dereq_('./rotateX') , rotateY: _dereq_('./rotateY') , rotateZ: _dereq_('./rotateZ') , fromRotation: _dereq_('./fromRotation') , fromRotationTranslation: _dereq_('./fromRotationTranslation') , fromScaling: _dereq_('./fromScaling') , fromTranslation: _dereq_('./fromTranslation') , fromXRotation: _dereq_('./fromXRotation') , fromYRotation: _dereq_('./fromYRotation') , fromZRotation: _dereq_('./fromZRotation') , fromQuat: _dereq_('./fromQuat') , frustum: _dereq_('./frustum') , perspective: _dereq_('./perspective') , perspectiveFromFieldOfView: _dereq_('./perspectiveFromFieldOfView') , ortho: _dereq_('./ortho') , lookAt: _dereq_('./lookAt') , str: _dereq_('./str') } },{"./adjoint":12,"./clone":13,"./copy":14,"./create":15,"./determinant":16,"./fromQuat":17,"./fromRotation":18,"./fromRotationTranslation":19,"./fromScaling":20,"./fromTranslation":21,"./fromXRotation":22,"./fromYRotation":23,"./fromZRotation":24,"./frustum":25,"./identity":26,"./invert":28,"./lookAt":29,"./multiply":30,"./ortho":31,"./perspective":32,"./perspectiveFromFieldOfView":33,"./rotate":34,"./rotateX":35,"./rotateY":36,"./rotateZ":37,"./scale":38,"./str":39,"./translate":40,"./transpose":41}],28:[function(_dereq_,module,exports){ module.exports = invert; /** * Inverts a mat4 * * @param {mat4} out the receiving matrix * @param {mat4} a the source matrix * @returns {mat4} out */ function invert(out, a) { var a00 = a[0], a01 = a[1], a02 = a[2], a03 = a[3], a10 = a[4], a11 = a[5], a12 = a[6], a13 = a[7], a20 = a[8], a21 = a[9], a22 = a[10], a23 = a[11], a30 = a[12], a31 = a[13], a32 = a[14], a33 = a[15], b00 = a00 * a11 - a01 * a10, b01 = a00 * a12 - a02 * a10, b02 = a00 * a13 - a03 * a10, b03 = a01 * a12 - a02 * a11, b04 = a01 * a13 - a03 * a11, b05 = a02 * a13 - a03 * a12, b06 = a20 * a31 - a21 * a30, b07 = a20 * a32 - a22 * a30, b08 = a20 * a33 - a23 * a30, b09 = a21 * a32 - a22 * a31, b10 = a21 * a33 - a23 * a31, b11 = a22 * a33 - a23 * a32, // Calculate the determinant det = b00 * b11 - b01 * b10 + b02 * b09 + b03 * b08 - b04 * b07 + b05 * b06; if (!det) { return null; } det = 1.0 / det; out[0] = (a11 * b11 - a12 * b10 + a13 * b09) * det; out[1] = (a02 * b10 - a01 * b11 - a03 * b09) * det; out[2] = (a31 * b05 - a32 * b04 + a33 * b03) * det; out[3] = (a22 * b04 - a21 * b05 - a23 * b03) * det; out[4] = (a12 * b08 - a10 * b11 - a13 * b07) * det; out[5] = (a00 * b11 - a02 * b08 + a03 * b07) * det; out[6] = (a32 * b02 - a30 * b05 - a33 * b01) * det; out[7] = (a20 * b05 - a22 * b02 + a23 * b01) * det; out[8] = (a10 * b10 - a11 * b08 + a13 * b06) * det; out[9] = (a01 * b08 - a00 * b10 - a03 * b06) * det; out[10] = (a30 * b04 - a31 * b02 + a33 * b00) * det; out[11] = (a21 * b02 - a20 * b04 - a23 * b00) * det; out[12] = (a11 * b07 - a10 * b09 - a12 * b06) * det; out[13] = (a00 * b09 - a01 * b07 + a02 * b06) * det; out[14] = (a31 * b01 - a30 * b03 - a32 * b00) * det; out[15] = (a20 * b03 - a21 * b01 + a22 * b00) * det; return out; }; },{}],29:[function(_dereq_,module,exports){ var identity = _dereq_('./identity'); module.exports = lookAt; /** * Generates a look-at matrix with the given eye position, focal point, and up axis * * @param {mat4} out mat4 frustum matrix will be written into * @param {vec3} eye Position of the viewer * @param {vec3} center Point the viewer is looking at * @param {vec3} up vec3 pointing up * @returns {mat4} out */ function lookAt(out, eye, center, up) { var x0, x1, x2, y0, y1, y2, z0, z1, z2, len, eyex = eye[0], eyey = eye[1], eyez = eye[2], upx = up[0], upy = up[1], upz = up[2], centerx = center[0], centery = center[1], centerz = center[2]; if (Math.abs(eyex - centerx) < 0.000001 && Math.abs(eyey - centery) < 0.000001 && Math.abs(eyez - centerz) < 0.000001) { return identity(out); } z0 = eyex - centerx; z1 = eyey - centery; z2 = eyez - centerz; len = 1 / Math.sqrt(z0 * z0 + z1 * z1 + z2 * z2); z0 *= len; z1 *= len; z2 *= len; x0 = upy * z2 - upz * z1; x1 = upz * z0 - upx * z2; x2 = upx * z1 - upy * z0; len = Math.sqrt(x0 * x0 + x1 * x1 + x2 * x2); if (!len) { x0 = 0; x1 = 0; x2 = 0; } else { len = 1 / len; x0 *= len; x1 *= len; x2 *= len; } y0 = z1 * x2 - z2 * x1; y1 = z2 * x0 - z0 * x2; y2 = z0 * x1 - z1 * x0; len = Math.sqrt(y0 * y0 + y1 * y1 + y2 * y2); if (!len) { y0 = 0; y1 = 0; y2 = 0; } else { len = 1 / len; y0 *= len; y1 *= len; y2 *= len; } out[0] = x0; out[1] = y0; out[2] = z0; out[3] = 0; out[4] = x1; out[5] = y1; out[6] = z1; out[7] = 0; out[8] = x2; out[9] = y2; out[10] = z2; out[11] = 0; out[12] = -(x0 * eyex + x1 * eyey + x2 * eyez); out[13] = -(y0 * eyex + y1 * eyey + y2 * eyez); out[14] = -(z0 * eyex + z1 * eyey + z2 * eyez); out[15] = 1; return out; }; },{"./identity":26}],30:[function(_dereq_,module,exports){ module.exports = multiply; /** * Multiplies two mat4's * * @param {mat4} out the receiving matrix * @param {mat4} a the first operand * @param {mat4} b the second operand * @returns {mat4} out */ function multiply(out, a, b) { var a00 = a[0], a01 = a[1], a02 = a[2], a03 = a[3], a10 = a[4], a11 = a[5], a12 = a[6], a13 = a[7], a20 = a[8], a21 = a[9], a22 = a[10], a23 = a[11], a30 = a[12], a31 = a[13], a32 = a[14], a33 = a[15]; // Cache only the current line of the second matrix var b0 = b[0], b1 = b[1], b2 = b[2], b3 = b[3]; out[0] = b0*a00 + b1*a10 + b2*a20 + b3*a30; out[1] = b0*a01 + b1*a11 + b2*a21 + b3*a31; out[2] = b0*a02 + b1*a12 + b2*a22 + b3*a32; out[3] = b0*a03 + b1*a13 + b2*a23 + b3*a33; b0 = b[4]; b1 = b[5]; b2 = b[6]; b3 = b[7]; out[4] = b0*a00 + b1*a10 + b2*a20 + b3*a30; out[5] = b0*a01 + b1*a11 + b2*a21 + b3*a31; out[6] = b0*a02 + b1*a12 + b2*a22 + b3*a32; out[7] = b0*a03 + b1*a13 + b2*a23 + b3*a33; b0 = b[8]; b1 = b[9]; b2 = b[10]; b3 = b[11]; out[8] = b0*a00 + b1*a10 + b2*a20 + b3*a30; out[9] = b0*a01 + b1*a11 + b2*a21 + b3*a31; out[10] = b0*a02 + b1*a12 + b2*a22 + b3*a32; out[11] = b0*a03 + b1*a13 + b2*a23 + b3*a33; b0 = b[12]; b1 = b[13]; b2 = b[14]; b3 = b[15]; out[12] = b0*a00 + b1*a10 + b2*a20 + b3*a30; out[13] = b0*a01 + b1*a11 + b2*a21 + b3*a31; out[14] = b0*a02 + b1*a12 + b2*a22 + b3*a32; out[15] = b0*a03 + b1*a13 + b2*a23 + b3*a33; return out; }; },{}],31:[function(_dereq_,module,exports){ module.exports = ortho; /** * Generates a orthogonal projection matrix with the given bounds * * @param {mat4} out mat4 frustum matrix will be written into * @param {number} left Left bound of the frustum * @param {number} right Right bound of the frustum * @param {number} bottom Bottom bound of the frustum * @param {number} top Top bound of the frustum * @param {number} near Near bound of the frustum * @param {number} far Far bound of the frustum * @returns {mat4} out */ function ortho(out, left, right, bottom, top, near, far) { var lr = 1 / (left - right), bt = 1 / (bottom - top), nf = 1 / (near - far); out[0] = -2 * lr; out[1] = 0; out[2] = 0; out[3] = 0; out[4] = 0; out[5] = -2 * bt; out[6] = 0; out[7] = 0; out[8] = 0; out[9] = 0; out[10] = 2 * nf; out[11] = 0; out[12] = (left + right) * lr; out[13] = (top + bottom) * bt; out[14] = (far + near) * nf; out[15] = 1; return out; }; },{}],32:[function(_dereq_,module,exports){ module.exports = perspective; /** * Generates a perspective projection matrix with the given bounds * * @param {mat4} out mat4 frustum matrix will be written into * @param {number} fovy Vertical field of view in radians * @param {number} aspect Aspect ratio. typically viewport width/height * @param {number} near Near bound of the frustum * @param {number} far Far bound of the frustum * @returns {mat4} out */ function perspective(out, fovy, aspect, near, far) { var f = 1.0 / Math.tan(fovy / 2), nf = 1 / (near - far); out[0] = f / aspect; out[1] = 0; out[2] = 0; out[3] = 0; out[4] = 0; out[5] = f; out[6] = 0; out[7] = 0; out[8] = 0; out[9] = 0; out[10] = (far + near) * nf; out[11] = -1; out[12] = 0; out[13] = 0; out[14] = (2 * far * near) * nf; out[15] = 0; return out; }; },{}],33:[function(_dereq_,module,exports){ module.exports = perspectiveFromFieldOfView; /** * Generates a perspective projection matrix with the given field of view. * This is primarily useful for generating projection matrices to be used * with the still experiemental WebVR API. * * @param {mat4} out mat4 frustum matrix will be written into * @param {number} fov Object containing the following values: upDegrees, downDegrees, leftDegrees, rightDegrees * @param {number} near Near bound of the frustum * @param {number} far Far bound of the frustum * @returns {mat4} out */ function perspectiveFromFieldOfView(out, fov, near, far) { var upTan = Math.tan(fov.upDegrees * Math.PI/180.0), downTan = Math.tan(fov.downDegrees * Math.PI/180.0), leftTan = Math.tan(fov.leftDegrees * Math.PI/180.0), rightTan = Math.tan(fov.rightDegrees * Math.PI/180.0), xScale = 2.0 / (leftTan + rightTan), yScale = 2.0 / (upTan + downTan); out[0] = xScale; out[1] = 0.0; out[2] = 0.0; out[3] = 0.0; out[4] = 0.0; out[5] = yScale; out[6] = 0.0; out[7] = 0.0; out[8] = -((leftTan - rightTan) * xScale * 0.5); out[9] = ((upTan - downTan) * yScale * 0.5); out[10] = far / (near - far); out[11] = -1.0; out[12] = 0.0; out[13] = 0.0; out[14] = (far * near) / (near - far); out[15] = 0.0; return out; } },{}],34:[function(_dereq_,module,exports){ module.exports = rotate; /** * Rotates a mat4 by the given angle * * @param {mat4} out the receiving matrix * @param {mat4} a the matrix to rotate * @param {Number} rad the angle to rotate the matrix by * @param {vec3} axis the axis to rotate around * @returns {mat4} out */ function rotate(out, a, rad, axis) { var x = axis[0], y = axis[1], z = axis[2], len = Math.sqrt(x * x + y * y + z * z), s, c, t, a00, a01, a02, a03, a10, a11, a12, a13, a20, a21, a22, a23, b00, b01, b02, b10, b11, b12, b20, b21, b22; if (Math.abs(len) < 0.000001) { return null; } len = 1 / len; x *= len; y *= len; z *= len; s = Math.sin(rad); c = Math.cos(rad); t = 1 - c; a00 = a[0]; a01 = a[1]; a02 = a[2]; a03 = a[3]; a10 = a[4]; a11 = a[5]; a12 = a[6]; a13 = a[7]; a20 = a[8]; a21 = a[9]; a22 = a[10]; a23 = a[11]; // Construct the elements of the rotation matrix b00 = x * x * t + c; b01 = y * x * t + z * s; b02 = z * x * t - y * s; b10 = x * y * t - z * s; b11 = y * y * t + c; b12 = z * y * t + x * s; b20 = x * z * t + y * s; b21 = y * z * t - x * s; b22 = z * z * t + c; // Perform rotation-specific matrix multiplication out[0] = a00 * b00 + a10 * b01 + a20 * b02; out[1] = a01 * b00 + a11 * b01 + a21 * b02; out[2] = a02 * b00 + a12 * b01 + a22 * b02; out[3] = a03 * b00 + a13 * b01 + a23 * b02; out[4] = a00 * b10 + a10 * b11 + a20 * b12; out[5] = a01 * b10 + a11 * b11 + a21 * b12; out[6] = a02 * b10 + a12 * b11 + a22 * b12; out[7] = a03 * b10 + a13 * b11 + a23 * b12; out[8] = a00 * b20 + a10 * b21 + a20 * b22; out[9] = a01 * b20 + a11 * b21 + a21 * b22; out[10] = a02 * b20 + a12 * b21 + a22 * b22; out[11] = a03 * b20 + a13 * b21 + a23 * b22; if (a !== out) { // If the source and destination differ, copy the unchanged last row out[12] = a[12]; out[13] = a[13]; out[14] = a[14]; out[15] = a[15]; } return out; }; },{}],35:[function(_dereq_,module,exports){ module.exports = rotateX; /** * Rotates a matrix by the given angle around the X axis * * @param {mat4} out the receiving matrix * @param {mat4} a the matrix to rotate * @param {Number} rad the angle to rotate the matrix by * @returns {mat4} out */ function rotateX(out, a, rad) { var s = Math.sin(rad), c = Math.cos(rad), a10 = a[4], a11 = a[5], a12 = a[6], a13 = a[7], a20 = a[8], a21 = a[9], a22 = a[10], a23 = a[11]; if (a !== out) { // If the source and destination differ, copy the unchanged rows out[0] = a[0]; out[1] = a[1]; out[2] = a[2]; out[3] = a[3]; out[12] = a[12]; out[13] = a[13]; out[14] = a[14]; out[15] = a[15]; } // Perform axis-specific matrix multiplication out[4] = a10 * c + a20 * s; out[5] = a11 * c + a21 * s; out[6] = a12 * c + a22 * s; out[7] = a13 * c + a23 * s; out[8] = a20 * c - a10 * s; out[9] = a21 * c - a11 * s; out[10] = a22 * c - a12 * s; out[11] = a23 * c - a13 * s; return out; }; },{}],36:[function(_dereq_,module,exports){ module.exports = rotateY; /** * Rotates a matrix by the given angle around the Y axis * * @param {mat4} out the receiving matrix * @param {mat4} a the matrix to rotate * @param {Number} rad the angle to rotate the matrix by * @returns {mat4} out */ function rotateY(out, a, rad) { var s = Math.sin(rad), c = Math.cos(rad), a00 = a[0], a01 = a[1], a02 = a[2], a03 = a[3], a20 = a[8], a21 = a[9], a22 = a[10], a23 = a[11]; if (a !== out) { // If the source and destination differ, copy the unchanged rows out[4] = a[4]; out[5] = a[5]; out[6] = a[6]; out[7] = a[7]; out[12] = a[12]; out[13] = a[13]; out[14] = a[14]; out[15] = a[15]; } // Perform axis-specific matrix multiplication out[0] = a00 * c - a20 * s; out[1] = a01 * c - a21 * s; out[2] = a02 * c - a22 * s; out[3] = a03 * c - a23 * s; out[8] = a00 * s + a20 * c; out[9] = a01 * s + a21 * c; out[10] = a02 * s + a22 * c; out[11] = a03 * s + a23 * c; return out; }; },{}],37:[function(_dereq_,module,exports){ module.exports = rotateZ; /** * Rotates a matrix by the given angle around the Z axis * * @param {mat4} out the receiving matrix * @param {mat4} a the matrix to rotate * @param {Number} rad the angle to rotate the matrix by * @returns {mat4} out */ function rotateZ(out, a, rad) { var s = Math.sin(rad), c = Math.cos(rad), a00 = a[0], a01 = a[1], a02 = a[2], a03 = a[3], a10 = a[4], a11 = a[5], a12 = a[6], a13 = a[7]; if (a !== out) { // If the source and destination differ, copy the unchanged last row out[8] = a[8]; out[9] = a[9]; out[10] = a[10]; out[11] = a[11]; out[12] = a[12]; out[13] = a[13]; out[14] = a[14]; out[15] = a[15]; } // Perform axis-specific matrix multiplication out[0] = a00 * c + a10 * s; out[1] = a01 * c + a11 * s; out[2] = a02 * c + a12 * s; out[3] = a03 * c + a13 * s; out[4] = a10 * c - a00 * s; out[5] = a11 * c - a01 * s; out[6] = a12 * c - a02 * s; out[7] = a13 * c - a03 * s; return out; }; },{}],38:[function(_dereq_,module,exports){ module.exports = scale; /** * Scales the mat4 by the dimensions in the given vec3 * * @param {mat4} out the receiving matrix * @param {mat4} a the matrix to scale * @param {vec3} v the vec3 to scale the matrix by * @returns {mat4} out **/ function scale(out, a, v) { var x = v[0], y = v[1], z = v[2]; out[0] = a[0] * x; out[1] = a[1] * x; out[2] = a[2] * x; out[3] = a[3] * x; out[4] = a[4] * y; out[5] = a[5] * y; out[6] = a[6] * y; out[7] = a[7] * y; out[8] = a[8] * z; out[9] = a[9] * z; out[10] = a[10] * z; out[11] = a[11] * z; out[12] = a[12]; out[13] = a[13]; out[14] = a[14]; out[15] = a[15]; return out; }; },{}],39:[function(_dereq_,module,exports){ module.exports = str; /** * Returns a string representation of a mat4 * * @param {mat4} mat matrix to represent as a string * @returns {String} string representation of the matrix */ function str(a) { return 'mat4(' + a[0] + ', ' + a[1] + ', ' + a[2] + ', ' + a[3] + ', ' + a[4] + ', ' + a[5] + ', ' + a[6] + ', ' + a[7] + ', ' + a[8] + ', ' + a[9] + ', ' + a[10] + ', ' + a[11] + ', ' + a[12] + ', ' + a[13] + ', ' + a[14] + ', ' + a[15] + ')'; }; },{}],40:[function(_dereq_,module,exports){ module.exports = translate; /** * Translate a mat4 by the given vector * * @param {mat4} out the receiving matrix * @param {mat4} a the matrix to translate * @param {vec3} v vector to translate by * @returns {mat4} out */ function translate(out, a, v) { var x = v[0], y = v[1], z = v[2], a00, a01, a02, a03, a10, a11, a12, a13, a20, a21, a22, a23; if (a === out) { out[12] = a[0] * x + a[4] * y + a[8] * z + a[12]; out[13] = a[1] * x + a[5] * y + a[9] * z + a[13]; out[14] = a[2] * x + a[6] * y + a[10] * z + a[14]; out[15] = a[3] * x + a[7] * y + a[11] * z + a[15]; } else { a00 = a[0]; a01 = a[1]; a02 = a[2]; a03 = a[3]; a10 = a[4]; a11 = a[5]; a12 = a[6]; a13 = a[7]; a20 = a[8]; a21 = a[9]; a22 = a[10]; a23 = a[11]; out[0] = a00; out[1] = a01; out[2] = a02; out[3] = a03; out[4] = a10; out[5] = a11; out[6] = a12; out[7] = a13; out[8] = a20; out[9] = a21; out[10] = a22; out[11] = a23; out[12] = a00 * x + a10 * y + a20 * z + a[12]; out[13] = a01 * x + a11 * y + a21 * z + a[13]; out[14] = a02 * x + a12 * y + a22 * z + a[14]; out[15] = a03 * x + a13 * y + a23 * z + a[15]; } return out; }; },{}],41:[function(_dereq_,module,exports){ module.exports = transpose; /** * Transpose the values of a mat4 * * @param {mat4} out the receiving matrix * @param {mat4} a the source matrix * @returns {mat4} out */ function transpose(out, a) { // If we are transposing ourselves we can skip a few steps but have to cache some values if (out === a) { var a01 = a[1], a02 = a[2], a03 = a[3], a12 = a[6], a13 = a[7], a23 = a[11]; out[1] = a[4]; out[2] = a[8]; out[3] = a[12]; out[4] = a01; out[6] = a[9]; out[7] = a[13]; out[8] = a02; out[9] = a12; out[11] = a[14]; out[12] = a03; out[13] = a13; out[14] = a23; } else { out[0] = a[0]; out[1] = a[4]; out[2] = a[8]; out[3] = a[12]; out[4] = a[1]; out[5] = a[5]; out[6] = a[9]; out[7] = a[13]; out[8] = a[2]; out[9] = a[6]; out[10] = a[10]; out[11] = a[14]; out[12] = a[3]; out[13] = a[7]; out[14] = a[11]; out[15] = a[15]; } return out; }; },{}],42:[function(_dereq_,module,exports){ (function (global){(function (){ 'use strict' var isBrowser = _dereq_('is-browser') var hasHover if (typeof global.matchMedia === 'function') { hasHover = !global.matchMedia('(hover: none)').matches } else { hasHover = isBrowser } module.exports = hasHover }).call(this)}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {}) },{"is-browser":44}],43:[function(_dereq_,module,exports){ 'use strict' var isBrowser = _dereq_('is-browser') function detect() { var supported = false try { var opts = Object.defineProperty({}, 'passive', { get: function() { supported = true } }) window.addEventListener('test', null, opts) window.removeEventListener('test', null, opts) } catch(e) { supported = false } return supported } module.exports = isBrowser && detect() },{"is-browser":44}],44:[function(_dereq_,module,exports){ module.exports = true; },{}],45:[function(_dereq_,module,exports){ 'use strict' module.exports = isMobile module.exports.isMobile = isMobile module.exports.default = isMobile var mobileRE = /(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series[46]0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i var tabletRE = /(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series[46]0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino|android|ipad|playbook|silk/i function isMobile (opts) { if (!opts) opts = {} var ua = opts.ua if (!ua && typeof navigator !== 'undefined') ua = navigator.userAgent if (ua && ua.headers && typeof ua.headers['user-agent'] === 'string') { ua = ua.headers['user-agent'] } if (typeof ua !== 'string') return false var result = opts.tablet ? tabletRE.test(ua) : mobileRE.test(ua) if ( !result && opts.tablet && opts.featureDetect && navigator && navigator.maxTouchPoints > 1 && ua.indexOf('Macintosh') !== -1 && ua.indexOf('Safari') !== -1 ) { result = true } return result } },{}],46:[function(_dereq_,module,exports){ 'use strict'; /** * Is this string all whitespace? * This solution kind of makes my brain hurt, but it's significantly faster * than !str.trim() or any other solution I could find. * * whitespace codes from: http://en.wikipedia.org/wiki/Whitespace_character * and verified with: * * for(var i = 0; i < 65536; i++) { * var s = String.fromCharCode(i); * if(+s===0 && !s.trim()) console.log(i, s); * } * * which counts a couple of these as *not* whitespace, but finds nothing else * that *is* whitespace. Note that charCodeAt stops at 16 bits, but it appears * that there are no whitespace characters above this, and code points above * this do not map onto white space characters. */ module.exports = function(str){ var l = str.length, a; for(var i = 0; i < l; i++) { a = str.charCodeAt(i); if((a < 9 || a > 13) && (a !== 32) && (a !== 133) && (a !== 160) && (a !== 5760) && (a !== 6158) && (a < 8192 || a > 8205) && (a !== 8232) && (a !== 8233) && (a !== 8239) && (a !== 8287) && (a !== 8288) && (a !== 12288) && (a !== 65279)) { return false; } } return true; } },{}],47:[function(_dereq_,module,exports){ var rootPosition = { left: 0, top: 0 } module.exports = mouseEventOffset function mouseEventOffset (ev, target, out) { target = target || ev.currentTarget || ev.srcElement if (!Array.isArray(out)) { out = [ 0, 0 ] } var cx = ev.clientX || 0 var cy = ev.clientY || 0 var rect = getBoundingClientOffset(target) out[0] = cx - rect.left out[1] = cy - rect.top return out } function getBoundingClientOffset (element) { if (element === window || element === document || element === document.body) { return rootPosition } else { return element.getBoundingClientRect() } } },{}],48:[function(_dereq_,module,exports){ module.exports = parse /** * expected argument lengths * @type {Object} */ var length = {a: 7, c: 6, h: 1, l: 2, m: 2, q: 4, s: 4, t: 2, v: 1, z: 0} /** * segment pattern * @type {RegExp} */ var segment = /([astvzqmhlc])([^astvzqmhlc]*)/ig /** * parse an svg path data string. Generates an Array * of commands where each command is an Array of the * form `[command, arg1, arg2, ...]` * * @param {String} path * @return {Array} */ function parse(path) { var data = [] path.replace(segment, function(_, command, args){ var type = command.toLowerCase() args = parseValues(args) // overloaded moveTo if (type == 'm' && args.length > 2) { data.push([command].concat(args.splice(0, 2))) type = 'l' command = command == 'm' ? 'l' : 'L' } while (true) { if (args.length == length[type]) { args.unshift(command) return data.push(args) } if (args.length < length[type]) throw new Error('malformed path data') data.push([command].concat(args.splice(0, length[type]))) } }) return data } var number = /-?[0-9]*\.?[0-9]+(?:e[-+]?\d+)?/ig function parseValues(args) { var numbers = args.match(number) return numbers ? numbers.map(Number) : [] } },{}],49:[function(_dereq_,module,exports){ /* * @copyright 2016 Sean Connelly (@voidqk), http://syntheti.cc * @license MIT * @preserve Project Home: https://github.com/voidqk/polybooljs */ var BuildLog = _dereq_('./lib/build-log'); var Epsilon = _dereq_('./lib/epsilon'); var Intersecter = _dereq_('./lib/intersecter'); var SegmentChainer = _dereq_('./lib/segment-chainer'); var SegmentSelector = _dereq_('./lib/segment-selector'); var GeoJSON = _dereq_('./lib/geojson'); var buildLog = false; var epsilon = Epsilon(); var PolyBool; PolyBool = { // getter/setter for buildLog buildLog: function(bl){ if (bl === true) buildLog = BuildLog(); else if (bl === false) buildLog = false; return buildLog === false ? false : buildLog.list; }, // getter/setter for epsilon epsilon: function(v){ return epsilon.epsilon(v); }, // core API segments: function(poly){ var i = Intersecter(true, epsilon, buildLog); poly.regions.forEach(i.addRegion); return { segments: i.calculate(poly.inverted), inverted: poly.inverted }; }, combine: function(segments1, segments2){ var i3 = Intersecter(false, epsilon, buildLog); return { combined: i3.calculate( segments1.segments, segments1.inverted, segments2.segments, segments2.inverted ), inverted1: segments1.inverted, inverted2: segments2.inverted }; }, selectUnion: function(combined){ return { segments: SegmentSelector.union(combined.combined, buildLog), inverted: combined.inverted1 || combined.inverted2 } }, selectIntersect: function(combined){ return { segments: SegmentSelector.intersect(combined.combined, buildLog), inverted: combined.inverted1 && combined.inverted2 } }, selectDifference: function(combined){ return { segments: SegmentSelector.difference(combined.combined, buildLog), inverted: combined.inverted1 && !combined.inverted2 } }, selectDifferenceRev: function(combined){ return { segments: SegmentSelector.differenceRev(combined.combined, buildLog), inverted: !combined.inverted1 && combined.inverted2 } }, selectXor: function(combined){ return { segments: SegmentSelector.xor(combined.combined, buildLog), inverted: combined.inverted1 !== combined.inverted2 } }, polygon: function(segments){ return { regions: SegmentChainer(segments.segments, epsilon, buildLog), inverted: segments.inverted }; }, // GeoJSON converters polygonFromGeoJSON: function(geojson){ return GeoJSON.toPolygon(PolyBool, geojson); }, polygonToGeoJSON: function(poly){ return GeoJSON.fromPolygon(PolyBool, epsilon, poly); }, // helper functions for common operations union: function(poly1, poly2){ return operate(poly1, poly2, PolyBool.selectUnion); }, intersect: function(poly1, poly2){ return operate(poly1, poly2, PolyBool.selectIntersect); }, difference: function(poly1, poly2){ return operate(poly1, poly2, PolyBool.selectDifference); }, differenceRev: function(poly1, poly2){ return operate(poly1, poly2, PolyBool.selectDifferenceRev); }, xor: function(poly1, poly2){ return operate(poly1, poly2, PolyBool.selectXor); } }; function operate(poly1, poly2, selector){ var seg1 = PolyBool.segments(poly1); var seg2 = PolyBool.segments(poly2); var comb = PolyBool.combine(seg1, seg2); var seg3 = selector(comb); return PolyBool.polygon(seg3); } if (typeof window === 'object') window.PolyBool = PolyBool; module.exports = PolyBool; },{"./lib/build-log":50,"./lib/epsilon":51,"./lib/geojson":52,"./lib/intersecter":53,"./lib/segment-chainer":55,"./lib/segment-selector":56}],50:[function(_dereq_,module,exports){ // (c) Copyright 2016, Sean Connelly (@voidqk), http://syntheti.cc // MIT License // Project Home: https://github.com/voidqk/polybooljs // // used strictly for logging the processing of the algorithm... only useful if you intend on // looking under the covers (for pretty UI's or debugging) // function BuildLog(){ var my; var nextSegmentId = 0; var curVert = false; function push(type, data){ my.list.push({ type: type, data: data ? JSON.parse(JSON.stringify(data)) : void 0 }); return my; } my = { list: [], segmentId: function(){ return nextSegmentId++; }, checkIntersection: function(seg1, seg2){ return push('check', { seg1: seg1, seg2: seg2 }); }, segmentChop: function(seg, end){ push('div_seg', { seg: seg, pt: end }); return push('chop', { seg: seg, pt: end }); }, statusRemove: function(seg){ return push('pop_seg', { seg: seg }); }, segmentUpdate: function(seg){ return push('seg_update', { seg: seg }); }, segmentNew: function(seg, primary){ return push('new_seg', { seg: seg, primary: primary }); }, segmentRemove: function(seg){ return push('rem_seg', { seg: seg }); }, tempStatus: function(seg, above, below){ return push('temp_status', { seg: seg, above: above, below: below }); }, rewind: function(seg){ return push('rewind', { seg: seg }); }, status: function(seg, above, below){ return push('status', { seg: seg, above: above, below: below }); }, vert: function(x){ if (x === curVert) return my; curVert = x; return push('vert', { x: x }); }, log: function(data){ if (typeof data !== 'string') data = JSON.stringify(data, false, ' '); return push('log', { txt: data }); }, reset: function(){ return push('reset'); }, selected: function(segs){ return push('selected', { segs: segs }); }, chainStart: function(seg){ return push('chain_start', { seg: seg }); }, chainRemoveHead: function(index, pt){ return push('chain_rem_head', { index: index, pt: pt }); }, chainRemoveTail: function(index, pt){ return push('chain_rem_tail', { index: index, pt: pt }); }, chainNew: function(pt1, pt2){ return push('chain_new', { pt1: pt1, pt2: pt2 }); }, chainMatch: function(index){ return push('chain_match', { index: index }); }, chainClose: function(index){ return push('chain_close', { index: index }); }, chainAddHead: function(index, pt){ return push('chain_add_head', { index: index, pt: pt }); }, chainAddTail: function(index, pt){ return push('chain_add_tail', { index: index, pt: pt, }); }, chainConnect: function(index1, index2){ return push('chain_con', { index1: index1, index2: index2 }); }, chainReverse: function(index){ return push('chain_rev', { index: index }); }, chainJoin: function(index1, index2){ return push('chain_join', { index1: index1, index2: index2 }); }, done: function(){ return push('done'); } }; return my; } module.exports = BuildLog; },{}],51:[function(_dereq_,module,exports){ // (c) Copyright 2016, Sean Connelly (@voidqk), http://syntheti.cc // MIT License // Project Home: https://github.com/voidqk/polybooljs // // provides the raw computation functions that takes epsilon into account // // zero is defined to be between (-epsilon, epsilon) exclusive // function Epsilon(eps){ if (typeof eps !== 'number') eps = 0.0000000001; // sane default? sure why not var my = { epsilon: function(v){ if (typeof v === 'number') eps = v; return eps; }, pointAboveOrOnLine: function(pt, left, right){ var Ax = left[0]; var Ay = left[1]; var Bx = right[0]; var By = right[1]; var Cx = pt[0]; var Cy = pt[1]; return (Bx - Ax) * (Cy - Ay) - (By - Ay) * (Cx - Ax) >= -eps; }, pointBetween: function(p, left, right){ // p must be collinear with left->right // returns false if p == left, p == right, or left == right var d_py_ly = p[1] - left[1]; var d_rx_lx = right[0] - left[0]; var d_px_lx = p[0] - left[0]; var d_ry_ly = right[1] - left[1]; var dot = d_px_lx * d_rx_lx + d_py_ly * d_ry_ly; // if `dot` is 0, then `p` == `left` or `left` == `right` (reject) // if `dot` is less than 0, then `p` is to the left of `left` (reject) if (dot < eps) return false; var sqlen = d_rx_lx * d_rx_lx + d_ry_ly * d_ry_ly; // if `dot` > `sqlen`, then `p` is to the right of `right` (reject) // therefore, if `dot - sqlen` is greater than 0, then `p` is to the right of `right` (reject) if (dot - sqlen > -eps) return false; return true; }, pointsSameX: function(p1, p2){ return Math.abs(p1[0] - p2[0]) < eps; }, pointsSameY: function(p1, p2){ return Math.abs(p1[1] - p2[1]) < eps; }, pointsSame: function(p1, p2){ return my.pointsSameX(p1, p2) && my.pointsSameY(p1, p2); }, pointsCompare: function(p1, p2){ // returns -1 if p1 is smaller, 1 if p2 is smaller, 0 if equal if (my.pointsSameX(p1, p2)) return my.pointsSameY(p1, p2) ? 0 : (p1[1] < p2[1] ? -1 : 1); return p1[0] < p2[0] ? -1 : 1; }, pointsCollinear: function(pt1, pt2, pt3){ // does pt1->pt2->pt3 make a straight line? // essentially this is just checking to see if the slope(pt1->pt2) === slope(pt2->pt3) // if slopes are equal, then they must be collinear, because they share pt2 var dx1 = pt1[0] - pt2[0]; var dy1 = pt1[1] - pt2[1]; var dx2 = pt2[0] - pt3[0]; var dy2 = pt2[1] - pt3[1]; return Math.abs(dx1 * dy2 - dx2 * dy1) < eps; }, linesIntersect: function(a0, a1, b0, b1){ // returns false if the lines are coincident (e.g., parallel or on top of each other) // // returns an object if the lines intersect: // { // pt: [x, y], where the intersection point is at // alongA: where intersection point is along A, // alongB: where intersection point is along B // } // // alongA and alongB will each be one of: -2, -1, 0, 1, 2 // // with the following meaning: // // -2 intersection point is before segment's first point // -1 intersection point is directly on segment's first point // 0 intersection point is between segment's first and second points (exclusive) // 1 intersection point is directly on segment's second point // 2 intersection point is after segment's second point var adx = a1[0] - a0[0]; var ady = a1[1] - a0[1]; var bdx = b1[0] - b0[0]; var bdy = b1[1] - b0[1]; var axb = adx * bdy - ady * bdx; if (Math.abs(axb) < eps) return false; // lines are coincident var dx = a0[0] - b0[0]; var dy = a0[1] - b0[1]; var A = (bdx * dy - bdy * dx) / axb; var B = (adx * dy - ady * dx) / axb; var ret = { alongA: 0, alongB: 0, pt: [ a0[0] + A * adx, a0[1] + A * ady ] }; // categorize where intersection point is along A and B if (A <= -eps) ret.alongA = -2; else if (A < eps) ret.alongA = -1; else if (A - 1 <= -eps) ret.alongA = 0; else if (A - 1 < eps) ret.alongA = 1; else ret.alongA = 2; if (B <= -eps) ret.alongB = -2; else if (B < eps) ret.alongB = -1; else if (B - 1 <= -eps) ret.alongB = 0; else if (B - 1 < eps) ret.alongB = 1; else ret.alongB = 2; return ret; }, pointInsideRegion: function(pt, region){ var x = pt[0]; var y = pt[1]; var last_x = region[region.length - 1][0]; var last_y = region[region.length - 1][1]; var inside = false; for (var i = 0; i < region.length; i++){ var curr_x = region[i][0]; var curr_y = region[i][1]; // if y is between curr_y and last_y, and // x is to the right of the boundary created by the line if ((curr_y - y > eps) != (last_y - y > eps) && (last_x - curr_x) * (y - curr_y) / (last_y - curr_y) + curr_x - x > eps) inside = !inside last_x = curr_x; last_y = curr_y; } return inside; } }; return my; } module.exports = Epsilon; },{}],52:[function(_dereq_,module,exports){ // (c) Copyright 2017, Sean Connelly (@voidqk), http://syntheti.cc // MIT License // Project Home: https://github.com/voidqk/polybooljs // // convert between PolyBool polygon format and GeoJSON formats (Polygon and MultiPolygon) // var GeoJSON = { // convert a GeoJSON object to a PolyBool polygon toPolygon: function(PolyBool, geojson){ // converts list of LineString's to segments function GeoPoly(coords){ // check for empty coords if (coords.length <= 0) return PolyBool.segments({ inverted: false, regions: [] }); // convert LineString to segments function LineString(ls){ // remove tail which should be the same as head var reg = ls.slice(0, ls.length - 1); return PolyBool.segments({ inverted: false, regions: [reg] }); } // the first LineString is considered the outside var out = LineString(coords[0]); // the rest of the LineStrings are considered interior holes, so subtract them from the // current result for (var i = 1; i < coords.length; i++) out = PolyBool.selectDifference(PolyBool.combine(out, LineString(coords[i]))); return out; } if (geojson.type === 'Polygon'){ // single polygon, so just convert it and we're done return PolyBool.polygon(GeoPoly(geojson.coordinates)); } else if (geojson.type === 'MultiPolygon'){ // multiple polygons, so union all the polygons together var out = PolyBool.segments({ inverted: false, regions: [] }); for (var i = 0; i < geojson.coordinates.length; i++) out = PolyBool.selectUnion(PolyBool.combine(out, GeoPoly(geojson.coordinates[i]))); return PolyBool.polygon(out); } throw new Error('PolyBool: Cannot convert GeoJSON object to PolyBool polygon'); }, // convert a PolyBool polygon to a GeoJSON object fromPolygon: function(PolyBool, eps, poly){ // make sure out polygon is clean poly = PolyBool.polygon(PolyBool.segments(poly)); // test if r1 is inside r2 function regionInsideRegion(r1, r2){ // we're guaranteed no lines intersect (because the polygon is clean), but a vertex // could be on the edge -- so we just average pt[0] and pt[1] to produce a point on the // edge of the first line, which cannot be on an edge return eps.pointInsideRegion([ (r1[0][0] + r1[1][0]) * 0.5, (r1[0][1] + r1[1][1]) * 0.5 ], r2); } // calculate inside heirarchy // // _____________________ _______ roots -> A -> F // | A | | F | | | // | _______ _______ | | ___ | +-- B +-- G // | | B | | C | | | | | | | | // | | ___ | | ___ | | | | | | | +-- D // | | | D | | | | E | | | | | G | | | // | | |___| | | |___| | | | | | | +-- C // | |_______| |_______| | | |___| | | // |_____________________| |_______| +-- E function newNode(region){ return { region: region, children: [] }; } var roots = newNode(null); function addChild(root, region){ // first check if we're inside any children for (var i = 0; i < root.children.length; i++){ var child = root.children[i]; if (regionInsideRegion(region, child.region)){ // we are, so insert inside them instead addChild(child, region); return; } } // not inside any children, so check to see if any children are inside us var node = newNode(region); for (var i = 0; i < root.children.length; i++){ var child = root.children[i]; if (regionInsideRegion(child.region, region)){ // oops... move the child beneath us, and remove them from root node.children.push(child); root.children.splice(i, 1); i--; } } // now we can add ourselves root.children.push(node); } // add all regions to the root for (var i = 0; i < poly.regions.length; i++){ var region = poly.regions[i]; if (region.length < 3) // regions must have at least 3 points (sanity check) continue; addChild(roots, region); } // with our heirarchy, we can distinguish between exterior borders, and interior holes // the root nodes are exterior, children are interior, children's children are exterior, // children's children's children are interior, etc // while we're at it, exteriors are counter-clockwise, and interiors are clockwise function forceWinding(region, clockwise){ // first, see if we're clockwise or counter-clockwise // https://en.wikipedia.org/wiki/Shoelace_formula var winding = 0; var last_x = region[region.length - 1][0]; var last_y = region[region.length - 1][1]; var copy = []; for (var i = 0; i < region.length; i++){ var curr_x = region[i][0]; var curr_y = region[i][1]; copy.push([curr_x, curr_y]); // create a copy while we're at it winding += curr_y * last_x - curr_x * last_y; last_x = curr_x; last_y = curr_y; } // this assumes Cartesian coordinates (Y is positive going up) var isclockwise = winding < 0; if (isclockwise !== clockwise) copy.reverse(); // while we're here, the last point must be the first point... copy.push([copy[0][0], copy[0][1]]); return copy; } var geopolys = []; function addExterior(node){ var poly = [forceWinding(node.region, false)]; geopolys.push(poly); // children of exteriors are interior for (var i = 0; i < node.children.length; i++) poly.push(getInterior(node.children[i])); } function getInterior(node){ // children of interiors are exterior for (var i = 0; i < node.children.length; i++) addExterior(node.children[i]); // return the clockwise interior return forceWinding(node.region, true); } // root nodes are exterior for (var i = 0; i < roots.children.length; i++) addExterior(roots.children[i]); // lastly, construct the approrpriate GeoJSON object if (geopolys.length <= 0) // empty GeoJSON Polygon return { type: 'Polygon', coordinates: [] }; if (geopolys.length == 1) // use a GeoJSON Polygon return { type: 'Polygon', coordinates: geopolys[0] }; return { // otherwise, use a GeoJSON MultiPolygon type: 'MultiPolygon', coordinates: geopolys }; } }; module.exports = GeoJSON; },{}],53:[function(_dereq_,module,exports){ // (c) Copyright 2016, Sean Connelly (@voidqk), http://syntheti.cc // MIT License // Project Home: https://github.com/voidqk/polybooljs // // this is the core work-horse // var LinkedList = _dereq_('./linked-list'); function Intersecter(selfIntersection, eps, buildLog){ // selfIntersection is true/false depending on the phase of the overall algorithm // // segment creation // function segmentNew(start, end){ return { id: buildLog ? buildLog.segmentId() : -1, start: start, end: end, myFill: { above: null, // is there fill above us? below: null // is there fill below us? }, otherFill: null }; } function segmentCopy(start, end, seg){ return { id: buildLog ? buildLog.segmentId() : -1, start: start, end: end, myFill: { above: seg.myFill.above, below: seg.myFill.below }, otherFill: null }; } // // event logic // var event_root = LinkedList.create(); function eventCompare(p1_isStart, p1_1, p1_2, p2_isStart, p2_1, p2_2){ // compare the selected points first var comp = eps.pointsCompare(p1_1, p2_1); if (comp !== 0) return comp; // the selected points are the same if (eps.pointsSame(p1_2, p2_2)) // if the non-selected points are the same too... return 0; // then the segments are equal if (p1_isStart !== p2_isStart) // if one is a start and the other isn't... return p1_isStart ? 1 : -1; // favor the one that isn't the start // otherwise, we'll have to calculate which one is below the other manually return eps.pointAboveOrOnLine(p1_2, p2_isStart ? p2_1 : p2_2, // order matters p2_isStart ? p2_2 : p2_1 ) ? 1 : -1; } function eventAdd(ev, other_pt){ event_root.insertBefore(ev, function(here){ // should ev be inserted before here? var comp = eventCompare( ev .isStart, ev .pt, other_pt, here.isStart, here.pt, here.other.pt ); return comp < 0; }); } function eventAddSegmentStart(seg, primary){ var ev_start = LinkedList.node({ isStart: true, pt: seg.start, seg: seg, primary: primary, other: null, status: null }); eventAdd(ev_start, seg.end); return ev_start; } function eventAddSegmentEnd(ev_start, seg, primary){ var ev_end = LinkedList.node({ isStart: false, pt: seg.end, seg: seg, primary: primary, other: ev_start, status: null }); ev_start.other = ev_end; eventAdd(ev_end, ev_start.pt); } function eventAddSegment(seg, primary){ var ev_start = eventAddSegmentStart(seg, primary); eventAddSegmentEnd(ev_start, seg, primary); return ev_start; } function eventUpdateEnd(ev, end){ // slides an end backwards // (start)------------(end) to: // (start)---(end) if (buildLog) buildLog.segmentChop(ev.seg, end); ev.other.remove(); ev.seg.end = end; ev.other.pt = end; eventAdd(ev.other, ev.pt); } function eventDivide(ev, pt){ var ns = segmentCopy(pt, ev.seg.end, ev.seg); eventUpdateEnd(ev, pt); return eventAddSegment(ns, ev.primary); } function calculate(primaryPolyInverted, secondaryPolyInverted){ // if selfIntersection is true then there is no secondary polygon, so that isn't used // // status logic // var status_root = LinkedList.create(); function statusCompare(ev1, ev2){ var a1 = ev1.seg.start; var a2 = ev1.seg.end; var b1 = ev2.seg.start; var b2 = ev2.seg.end; if (eps.pointsCollinear(a1, b1, b2)){ if (eps.pointsCollinear(a2, b1, b2)) return 1;//eventCompare(true, a1, a2, true, b1, b2); return eps.pointAboveOrOnLine(a2, b1, b2) ? 1 : -1; } return eps.pointAboveOrOnLine(a1, b1, b2) ? 1 : -1; } function statusFindSurrounding(ev){ return status_root.findTransition(function(here){ var comp = statusCompare(ev, here.ev); return comp > 0; }); } function checkIntersection(ev1, ev2){ // returns the segment equal to ev1, or false if nothing equal var seg1 = ev1.seg; var seg2 = ev2.seg; var a1 = seg1.start; var a2 = seg1.end; var b1 = seg2.start; var b2 = seg2.end; if (buildLog) buildLog.checkIntersection(seg1, seg2); var i = eps.linesIntersect(a1, a2, b1, b2); if (i === false){ // segments are parallel or coincident // if points aren't collinear, then the segments are parallel, so no intersections if (!eps.pointsCollinear(a1, a2, b1)) return false; // otherwise, segments are on top of each other somehow (aka coincident) if (eps.pointsSame(a1, b2) || eps.pointsSame(a2, b1)) return false; // segments touch at endpoints... no intersection var a1_equ_b1 = eps.pointsSame(a1, b1); var a2_equ_b2 = eps.pointsSame(a2, b2); if (a1_equ_b1 && a2_equ_b2) return ev2; // segments are exactly equal var a1_between = !a1_equ_b1 && eps.pointBetween(a1, b1, b2); var a2_between = !a2_equ_b2 && eps.pointBetween(a2, b1, b2); // handy for debugging: // buildLog.log({ // a1_equ_b1: a1_equ_b1, // a2_equ_b2: a2_equ_b2, // a1_between: a1_between, // a2_between: a2_between // }); if (a1_equ_b1){ if (a2_between){ // (a1)---(a2) // (b1)----------(b2) eventDivide(ev2, a2); } else{ // (a1)----------(a2) // (b1)---(b2) eventDivide(ev1, b2); } return ev2; } else if (a1_between){ if (!a2_equ_b2){ // make a2 equal to b2 if (a2_between){ // (a1)---(a2) // (b1)-----------------(b2) eventDivide(ev2, a2); } else{ // (a1)----------(a2) // (b1)----------(b2) eventDivide(ev1, b2); } } // (a1)---(a2) // (b1)----------(b2) eventDivide(ev2, a1); } } else{ // otherwise, lines intersect at i.pt, which may or may not be between the endpoints // is A divided between its endpoints? (exclusive) if (i.alongA === 0){ if (i.alongB === -1) // yes, at exactly b1 eventDivide(ev1, b1); else if (i.alongB === 0) // yes, somewhere between B's endpoints eventDivide(ev1, i.pt); else if (i.alongB === 1) // yes, at exactly b2 eventDivide(ev1, b2); } // is B divided between its endpoints? (exclusive) if (i.alongB === 0){ if (i.alongA === -1) // yes, at exactly a1 eventDivide(ev2, a1); else if (i.alongA === 0) // yes, somewhere between A's endpoints (exclusive) eventDivide(ev2, i.pt); else if (i.alongA === 1) // yes, at exactly a2 eventDivide(ev2, a2); } } return false; } // // main event loop // var segments = []; while (!event_root.isEmpty()){ var ev = event_root.getHead(); if (buildLog) buildLog.vert(ev.pt[0]); if (ev.isStart){ if (buildLog) buildLog.segmentNew(ev.seg, ev.primary); var surrounding = statusFindSurrounding(ev); var above = surrounding.before ? surrounding.before.ev : null; var below = surrounding.after ? surrounding.after.ev : null; if (buildLog){ buildLog.tempStatus( ev.seg, above ? above.seg : false, below ? below.seg : false ); } function checkBothIntersections(){ if (above){ var eve = checkIntersection(ev, above); if (eve) return eve; } if (below) return checkIntersection(ev, below); return false; } var eve = checkBothIntersections(); if (eve){ // ev and eve are equal // we'll keep eve and throw away ev // merge ev.seg's fill information into eve.seg if (selfIntersection){ var toggle; // are we a toggling edge? if (ev.seg.myFill.below === null) toggle = true; else toggle = ev.seg.myFill.above !== ev.seg.myFill.below; // merge two segments that belong to the same polygon // think of this as sandwiching two segments together, where `eve.seg` is // the bottom -- this will cause the above fill flag to toggle if (toggle) eve.seg.myFill.above = !eve.seg.myFill.above; } else{ // merge two segments that belong to different polygons // each segment has distinct knowledge, so no special logic is needed // note that this can only happen once per segment in this phase, because we // are guaranteed that all self-intersections are gone eve.seg.otherFill = ev.seg.myFill; } if (buildLog) buildLog.segmentUpdate(eve.seg); ev.other.remove(); ev.remove(); } if (event_root.getHead() !== ev){ // something was inserted before us in the event queue, so loop back around and // process it before continuing if (buildLog) buildLog.rewind(ev.seg); continue; } // // calculate fill flags // if (selfIntersection){ var toggle; // are we a toggling edge? if (ev.seg.myFill.below === null) // if we are a new segment... toggle = true; // then we toggle else // we are a segment that has previous knowledge from a division toggle = ev.seg.myFill.above !== ev.seg.myFill.below; // calculate toggle // next, calculate whether we are filled below us if (!below){ // if nothing is below us... // we are filled below us if the polygon is inverted ev.seg.myFill.below = primaryPolyInverted; } else{ // otherwise, we know the answer -- it's the same if whatever is below // us is filled above it ev.seg.myFill.below = below.seg.myFill.above; } // since now we know if we're filled below us, we can calculate whether // we're filled above us by applying toggle to whatever is below us if (toggle) ev.seg.myFill.above = !ev.seg.myFill.below; else ev.seg.myFill.above = ev.seg.myFill.below; } else{ // now we fill in any missing transition information, since we are all-knowing // at this point if (ev.seg.otherFill === null){ // if we don't have other information, then we need to figure out if we're // inside the other polygon var inside; if (!below){ // if nothing is below us, then we're inside if the other polygon is // inverted inside = ev.primary ? secondaryPolyInverted : primaryPolyInverted; } else{ // otherwise, something is below us // so copy the below segment's other polygon's above if (ev.primary === below.primary) inside = below.seg.otherFill.above; else inside = below.seg.myFill.above; } ev.seg.otherFill = { above: inside, below: inside }; } } if (buildLog){ buildLog.status( ev.seg, above ? above.seg : false, below ? below.seg : false ); } // insert the status and remember it for later removal ev.other.status = surrounding.insert(LinkedList.node({ ev: ev })); } else{ var st = ev.status; if (st === null){ throw new Error('PolyBool: Zero-length segment detected; your epsilon is ' + 'probably too small or too large'); } // removing the status will create two new adjacent edges, so we'll need to check // for those if (status_root.exists(st.prev) && status_root.exists(st.next)) checkIntersection(st.prev.ev, st.next.ev); if (buildLog) buildLog.statusRemove(st.ev.seg); // remove the status st.remove(); // if we've reached this point, we've calculated everything there is to know, so // save the segment for reporting if (!ev.primary){ // make sure `seg.myFill` actually points to the primary polygon though var s = ev.seg.myFill; ev.seg.myFill = ev.seg.otherFill; ev.seg.otherFill = s; } segments.push(ev.seg); } // remove the event and continue event_root.getHead().remove(); } if (buildLog) buildLog.done(); return segments; } // return the appropriate API depending on what we're doing if (!selfIntersection){ // performing combination of polygons, so only deal with already-processed segments return { calculate: function(segments1, inverted1, segments2, inverted2){ // segmentsX come from the self-intersection API, or this API // invertedX is whether we treat that list of segments as an inverted polygon or not // returns segments that can be used for further operations segments1.forEach(function(seg){ eventAddSegment(segmentCopy(seg.start, seg.end, seg), true); }); segments2.forEach(function(seg){ eventAddSegment(segmentCopy(seg.start, seg.end, seg), false); }); return calculate(inverted1, inverted2); } }; } // otherwise, performing self-intersection, so deal with regions return { addRegion: function(region){ // regions are a list of points: // [ [0, 0], [100, 0], [50, 100] ] // you can add multiple regions before running calculate var pt1; var pt2 = region[region.length - 1]; for (var i = 0; i < region.length; i++){ pt1 = pt2; pt2 = region[i]; var forward = eps.pointsCompare(pt1, pt2); if (forward === 0) // points are equal, so we have a zero-length segment continue; // just skip it eventAddSegment( segmentNew( forward < 0 ? pt1 : pt2, forward < 0 ? pt2 : pt1 ), true ); } }, calculate: function(inverted){ // is the polygon inverted? // returns segments return calculate(inverted, false); } }; } module.exports = Intersecter; },{"./linked-list":54}],54:[function(_dereq_,module,exports){ // (c) Copyright 2016, Sean Connelly (@voidqk), http://syntheti.cc // MIT License // Project Home: https://github.com/voidqk/polybooljs // // simple linked list implementation that allows you to traverse down nodes and save positions // var LinkedList = { create: function(){ var my = { root: { root: true, next: null }, exists: function(node){ if (node === null || node === my.root) return false; return true; }, isEmpty: function(){ return my.root.next === null; }, getHead: function(){ return my.root.next; }, insertBefore: function(node, check){ var last = my.root; var here = my.root.next; while (here !== null){ if (check(here)){ node.prev = here.prev; node.next = here; here.prev.next = node; here.prev = node; return; } last = here; here = here.next; } last.next = node; node.prev = last; node.next = null; }, findTransition: function(check){ var prev = my.root; var here = my.root.next; while (here !== null){ if (check(here)) break; prev = here; here = here.next; } return { before: prev === my.root ? null : prev, after: here, insert: function(node){ node.prev = prev; node.next = here; prev.next = node; if (here !== null) here.prev = node; return node; } }; } }; return my; }, node: function(data){ data.prev = null; data.next = null; data.remove = function(){ data.prev.next = data.next; if (data.next) data.next.prev = data.prev; data.prev = null; data.next = null; }; return data; } }; module.exports = LinkedList; },{}],55:[function(_dereq_,module,exports){ // (c) Copyright 2016, Sean Connelly (@voidqk), http://syntheti.cc // MIT License // Project Home: https://github.com/voidqk/polybooljs // // converts a list of segments into a list of regions, while also removing unnecessary verticies // function SegmentChainer(segments, eps, buildLog){ var chains = []; var regions = []; segments.forEach(function(seg){ var pt1 = seg.start; var pt2 = seg.end; if (eps.pointsSame(pt1, pt2)){ console.warn('PolyBool: Warning: Zero-length segment detected; your epsilon is ' + 'probably too small or too large'); return; } if (buildLog) buildLog.chainStart(seg); // search for two chains that this segment matches var first_match = { index: 0, matches_head: false, matches_pt1: false }; var second_match = { index: 0, matches_head: false, matches_pt1: false }; var next_match = first_match; function setMatch(index, matches_head, matches_pt1){ // return true if we've matched twice next_match.index = index; next_match.matches_head = matches_head; next_match.matches_pt1 = matches_pt1; if (next_match === first_match){ next_match = second_match; return false; } next_match = null; return true; // we've matched twice, we're done here } for (var i = 0; i < chains.length; i++){ var chain = chains[i]; var head = chain[0]; var head2 = chain[1]; var tail = chain[chain.length - 1]; var tail2 = chain[chain.length - 2]; if (eps.pointsSame(head, pt1)){ if (setMatch(i, true, true)) break; } else if (eps.pointsSame(head, pt2)){ if (setMatch(i, true, false)) break; } else if (eps.pointsSame(tail, pt1)){ if (setMatch(i, false, true)) break; } else if (eps.pointsSame(tail, pt2)){ if (setMatch(i, false, false)) break; } } if (next_match === first_match){ // we didn't match anything, so create a new chain chains.push([ pt1, pt2 ]); if (buildLog) buildLog.chainNew(pt1, pt2); return; } if (next_match === second_match){ // we matched a single chain if (buildLog) buildLog.chainMatch(first_match.index); // add the other point to the apporpriate end, and check to see if we've closed the // chain into a loop var index = first_match.index; var pt = first_match.matches_pt1 ? pt2 : pt1; // if we matched pt1, then we add pt2, etc var addToHead = first_match.matches_head; // if we matched at head, then add to the head var chain = chains[index]; var grow = addToHead ? chain[0] : chain[chain.length - 1]; var grow2 = addToHead ? chain[1] : chain[chain.length - 2]; var oppo = addToHead ? chain[chain.length - 1] : chain[0]; var oppo2 = addToHead ? chain[chain.length - 2] : chain[1]; if (eps.pointsCollinear(grow2, grow, pt)){ // grow isn't needed because it's directly between grow2 and pt: // grow2 ---grow---> pt if (addToHead){ if (buildLog) buildLog.chainRemoveHead(first_match.index, pt); chain.shift(); } else{ if (buildLog) buildLog.chainRemoveTail(first_match.index, pt); chain.pop(); } grow = grow2; // old grow is gone... new grow is what grow2 was } if (eps.pointsSame(oppo, pt)){ // we're closing the loop, so remove chain from chains chains.splice(index, 1); if (eps.pointsCollinear(oppo2, oppo, grow)){ // oppo isn't needed because it's directly between oppo2 and grow: // oppo2 ---oppo--->grow if (addToHead){ if (buildLog) buildLog.chainRemoveTail(first_match.index, grow); chain.pop(); } else{ if (buildLog) buildLog.chainRemoveHead(first_match.index, grow); chain.shift(); } } if (buildLog) buildLog.chainClose(first_match.index); // we have a closed chain! regions.push(chain); return; } // not closing a loop, so just add it to the apporpriate side if (addToHead){ if (buildLog) buildLog.chainAddHead(first_match.index, pt); chain.unshift(pt); } else{ if (buildLog) buildLog.chainAddTail(first_match.index, pt); chain.push(pt); } return; } // otherwise, we matched two chains, so we need to combine those chains together function reverseChain(index){ if (buildLog) buildLog.chainReverse(index); chains[index].reverse(); // gee, that's easy } function appendChain(index1, index2){ // index1 gets index2 appended to it, and index2 is removed var chain1 = chains[index1]; var chain2 = chains[index2]; var tail = chain1[chain1.length - 1]; var tail2 = chain1[chain1.length - 2]; var head = chain2[0]; var head2 = chain2[1]; if (eps.pointsCollinear(tail2, tail, head)){ // tail isn't needed because it's directly between tail2 and head // tail2 ---tail---> head if (buildLog) buildLog.chainRemoveTail(index1, tail); chain1.pop(); tail = tail2; // old tail is gone... new tail is what tail2 was } if (eps.pointsCollinear(tail, head, head2)){ // head isn't needed because it's directly between tail and head2 // tail ---head---> head2 if (buildLog) buildLog.chainRemoveHead(index2, head); chain2.shift(); } if (buildLog) buildLog.chainJoin(index1, index2); chains[index1] = chain1.concat(chain2); chains.splice(index2, 1); } var F = first_match.index; var S = second_match.index; if (buildLog) buildLog.chainConnect(F, S); var reverseF = chains[F].length < chains[S].length; // reverse the shorter chain, if needed if (first_match.matches_head){ if (second_match.matches_head){ if (reverseF){ // <<<< F <<<< --- >>>> S >>>> reverseChain(F); // >>>> F >>>> --- >>>> S >>>> appendChain(F, S); } else{ // <<<< F <<<< --- >>>> S >>>> reverseChain(S); // <<<< F <<<< --- <<<< S <<<< logically same as: // >>>> S >>>> --- >>>> F >>>> appendChain(S, F); } } else{ // <<<< F <<<< --- <<<< S <<<< logically same as: // >>>> S >>>> --- >>>> F >>>> appendChain(S, F); } } else{ if (second_match.matches_head){ // >>>> F >>>> --- >>>> S >>>> appendChain(F, S); } else{ if (reverseF){ // >>>> F >>>> --- <<<< S <<<< reverseChain(F); // <<<< F <<<< --- <<<< S <<<< logically same as: // >>>> S >>>> --- >>>> F >>>> appendChain(S, F); } else{ // >>>> F >>>> --- <<<< S <<<< reverseChain(S); // >>>> F >>>> --- >>>> S >>>> appendChain(F, S); } } } }); return regions; } module.exports = SegmentChainer; },{}],56:[function(_dereq_,module,exports){ // (c) Copyright 2016, Sean Connelly (@voidqk), http://syntheti.cc // MIT License // Project Home: https://github.com/voidqk/polybooljs // // filter a list of segments based on boolean operations // function select(segments, selection, buildLog){ var result = []; segments.forEach(function(seg){ var index = (seg.myFill.above ? 8 : 0) + (seg.myFill.below ? 4 : 0) + ((seg.otherFill && seg.otherFill.above) ? 2 : 0) + ((seg.otherFill && seg.otherFill.below) ? 1 : 0); if (selection[index] !== 0){ // copy the segment to the results, while also calculating the fill status result.push({ id: buildLog ? buildLog.segmentId() : -1, start: seg.start, end: seg.end, myFill: { above: selection[index] === 1, // 1 if filled above below: selection[index] === 2 // 2 if filled below }, otherFill: null }); } }); if (buildLog) buildLog.selected(result); return result; } var SegmentSelector = { union: function(segments, buildLog){ // primary | secondary // above1 below1 above2 below2 Keep? Value // 0 0 0 0 => no 0 // 0 0 0 1 => yes filled below 2 // 0 0 1 0 => yes filled above 1 // 0 0 1 1 => no 0 // 0 1 0 0 => yes filled below 2 // 0 1 0 1 => yes filled below 2 // 0 1 1 0 => no 0 // 0 1 1 1 => no 0 // 1 0 0 0 => yes filled above 1 // 1 0 0 1 => no 0 // 1 0 1 0 => yes filled above 1 // 1 0 1 1 => no 0 // 1 1 0 0 => no 0 // 1 1 0 1 => no 0 // 1 1 1 0 => no 0 // 1 1 1 1 => no 0 return select(segments, [ 0, 2, 1, 0, 2, 2, 0, 0, 1, 0, 1, 0, 0, 0, 0, 0 ], buildLog); }, intersect: function(segments, buildLog){ // primary & secondary // above1 below1 above2 below2 Keep? Value // 0 0 0 0 => no 0 // 0 0 0 1 => no 0 // 0 0 1 0 => no 0 // 0 0 1 1 => no 0 // 0 1 0 0 => no 0 // 0 1 0 1 => yes filled below 2 // 0 1 1 0 => no 0 // 0 1 1 1 => yes filled below 2 // 1 0 0 0 => no 0 // 1 0 0 1 => no 0 // 1 0 1 0 => yes filled above 1 // 1 0 1 1 => yes filled above 1 // 1 1 0 0 => no 0 // 1 1 0 1 => yes filled below 2 // 1 1 1 0 => yes filled above 1 // 1 1 1 1 => no 0 return select(segments, [ 0, 0, 0, 0, 0, 2, 0, 2, 0, 0, 1, 1, 0, 2, 1, 0 ], buildLog); }, difference: function(segments, buildLog){ // primary - secondary // above1 below1 above2 below2 Keep? Value // 0 0 0 0 => no 0 // 0 0 0 1 => no 0 // 0 0 1 0 => no 0 // 0 0 1 1 => no 0 // 0 1 0 0 => yes filled below 2 // 0 1 0 1 => no 0 // 0 1 1 0 => yes filled below 2 // 0 1 1 1 => no 0 // 1 0 0 0 => yes filled above 1 // 1 0 0 1 => yes filled above 1 // 1 0 1 0 => no 0 // 1 0 1 1 => no 0 // 1 1 0 0 => no 0 // 1 1 0 1 => yes filled above 1 // 1 1 1 0 => yes filled below 2 // 1 1 1 1 => no 0 return select(segments, [ 0, 0, 0, 0, 2, 0, 2, 0, 1, 1, 0, 0, 0, 1, 2, 0 ], buildLog); }, differenceRev: function(segments, buildLog){ // secondary - primary // above1 below1 above2 below2 Keep? Value // 0 0 0 0 => no 0 // 0 0 0 1 => yes filled below 2 // 0 0 1 0 => yes filled above 1 // 0 0 1 1 => no 0 // 0 1 0 0 => no 0 // 0 1 0 1 => no 0 // 0 1 1 0 => yes filled above 1 // 0 1 1 1 => yes filled above 1 // 1 0 0 0 => no 0 // 1 0 0 1 => yes filled below 2 // 1 0 1 0 => no 0 // 1 0 1 1 => yes filled below 2 // 1 1 0 0 => no 0 // 1 1 0 1 => no 0 // 1 1 1 0 => no 0 // 1 1 1 1 => no 0 return select(segments, [ 0, 2, 1, 0, 0, 0, 1, 1, 0, 2, 0, 2, 0, 0, 0, 0 ], buildLog); }, xor: function(segments, buildLog){ // primary ^ secondary // above1 below1 above2 below2 Keep? Value // 0 0 0 0 => no 0 // 0 0 0 1 => yes filled below 2 // 0 0 1 0 => yes filled above 1 // 0 0 1 1 => no 0 // 0 1 0 0 => yes filled below 2 // 0 1 0 1 => no 0 // 0 1 1 0 => no 0 // 0 1 1 1 => yes filled above 1 // 1 0 0 0 => yes filled above 1 // 1 0 0 1 => no 0 // 1 0 1 0 => no 0 // 1 0 1 1 => yes filled below 2 // 1 1 0 0 => no 0 // 1 1 0 1 => yes filled above 1 // 1 1 1 0 => yes filled below 2 // 1 1 1 1 => no 0 return select(segments, [ 0, 2, 1, 0, 2, 0, 0, 1, 1, 0, 0, 2, 0, 1, 2, 0 ], buildLog); } }; module.exports = SegmentSelector; },{}],57:[function(_dereq_,module,exports){ // shim for using process in browser var process = module.exports = {}; // cached from whatever global is present so that test runners that stub it // don't break things. But we need to wrap it in a try catch in case it is // wrapped in strict mode code which doesn't define any globals. It's inside a // function because try/catches deoptimize in certain engines. var cachedSetTimeout; var cachedClearTimeout; function defaultSetTimout() { throw new Error('setTimeout has not been defined'); } function defaultClearTimeout () { throw new Error('clearTimeout has not been defined'); } (function () { try { if (typeof setTimeout === 'function') { cachedSetTimeout = setTimeout; } else { cachedSetTimeout = defaultSetTimout; } } catch (e) { cachedSetTimeout = defaultSetTimout; } try { if (typeof clearTimeout === 'function') { cachedClearTimeout = clearTimeout; } else { cachedClearTimeout = defaultClearTimeout; } } catch (e) { cachedClearTimeout = defaultClearTimeout; } } ()) function runTimeout(fun) { if (cachedSetTimeout === setTimeout) { //normal enviroments in sane situations return setTimeout(fun, 0); } // if setTimeout wasn't available but was latter defined if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) { cachedSetTimeout = setTimeout; return setTimeout(fun, 0); } try { // when when somebody has screwed with setTimeout but no I.E. maddness return cachedSetTimeout(fun, 0); } catch(e){ try { // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally return cachedSetTimeout.call(null, fun, 0); } catch(e){ // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error return cachedSetTimeout.call(this, fun, 0); } } } function runClearTimeout(marker) { if (cachedClearTimeout === clearTimeout) { //normal enviroments in sane situations return clearTimeout(marker); } // if clearTimeout wasn't available but was latter defined if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) { cachedClearTimeout = clearTimeout; return clearTimeout(marker); } try { // when when somebody has screwed with setTimeout but no I.E. maddness return cachedClearTimeout(marker); } catch (e){ try { // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally return cachedClearTimeout.call(null, marker); } catch (e){ // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error. // Some versions of I.E. have different rules for clearTimeout vs setTimeout return cachedClearTimeout.call(this, marker); } } } var queue = []; var draining = false; var currentQueue; var queueIndex = -1; function cleanUpNextTick() { if (!draining || !currentQueue) { return; } draining = false; if (currentQueue.length) { queue = currentQueue.concat(queue); } else { queueIndex = -1; } if (queue.length) { drainQueue(); } } function drainQueue() { if (draining) { return; } var timeout = runTimeout(cleanUpNextTick); draining = true; var len = queue.length; while(len) { currentQueue = queue; queue = []; while (++queueIndex < len) { if (currentQueue) { currentQueue[queueIndex].run(); } } queueIndex = -1; len = queue.length; } currentQueue = null; draining = false; runClearTimeout(timeout); } process.nextTick = function (fun) { var args = new Array(arguments.length - 1); if (arguments.length > 1) { for (var i = 1; i < arguments.length; i++) { args[i - 1] = arguments[i]; } } queue.push(new Item(fun, args)); if (queue.length === 1 && !draining) { runTimeout(drainQueue); } }; // v8 likes predictible objects function Item(fun, array) { this.fun = fun; this.array = array; } Item.prototype.run = function () { this.fun.apply(null, this.array); }; process.title = 'browser'; process.browser = true; process.env = {}; process.argv = []; process.version = ''; // empty string to avoid regexp issues process.versions = {}; function noop() {} process.on = noop; process.addListener = noop; process.once = noop; process.off = noop; process.removeListener = noop; process.removeAllListeners = noop; process.emit = noop; process.prependListener = noop; process.prependOnceListener = noop; process.listeners = function (name) { return [] } process.binding = function (name) { throw new Error('process.binding is not supported'); }; process.cwd = function () { return '/' }; process.chdir = function (dir) { throw new Error('process.chdir is not supported'); }; process.umask = function() { return 0; }; },{}],58:[function(_dereq_,module,exports){ // TinyColor v1.4.2 // https://github.com/bgrins/TinyColor // Brian Grinstead, MIT License (function(Math) { var trimLeft = /^\s+/, trimRight = /\s+$/, tinyCounter = 0, mathRound = Math.round, mathMin = Math.min, mathMax = Math.max, mathRandom = Math.random; function tinycolor (color, opts) { color = (color) ? color : ''; opts = opts || { }; // If input is already a tinycolor, return itself if (color instanceof tinycolor) { return color; } // If we are called as a function, call using new instead if (!(this instanceof tinycolor)) { return new tinycolor(color, opts); } var rgb = inputToRGB(color); this._originalInput = color, this._r = rgb.r, this._g = rgb.g, this._b = rgb.b, this._a = rgb.a, this._roundA = mathRound(100*this._a) / 100, this._format = opts.format || rgb.format; this._gradientType = opts.gradientType; // Don't let the range of [0,255] come back in [0,1]. // Potentially lose a little bit of precision here, but will fix issues where // .5 gets interpreted as half of the total, instead of half of 1 // If it was supposed to be 128, this was already taken care of by `inputToRgb` if (this._r < 1) { this._r = mathRound(this._r); } if (this._g < 1) { this._g = mathRound(this._g); } if (this._b < 1) { this._b = mathRound(this._b); } this._ok = rgb.ok; this._tc_id = tinyCounter++; } tinycolor.prototype = { isDark: function() { return this.getBrightness() < 128; }, isLight: function() { return !this.isDark(); }, isValid: function() { return this._ok; }, getOriginalInput: function() { return this._originalInput; }, getFormat: function() { return this._format; }, getAlpha: function() { return this._a; }, getBrightness: function() { //http://www.w3.org/TR/AERT#color-contrast var rgb = this.toRgb(); return (rgb.r * 299 + rgb.g * 587 + rgb.b * 114) / 1000; }, getLuminance: function() { //http://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef var rgb = this.toRgb(); var RsRGB, GsRGB, BsRGB, R, G, B; RsRGB = rgb.r/255; GsRGB = rgb.g/255; BsRGB = rgb.b/255; if (RsRGB <= 0.03928) {R = RsRGB / 12.92;} else {R = Math.pow(((RsRGB + 0.055) / 1.055), 2.4);} if (GsRGB <= 0.03928) {G = GsRGB / 12.92;} else {G = Math.pow(((GsRGB + 0.055) / 1.055), 2.4);} if (BsRGB <= 0.03928) {B = BsRGB / 12.92;} else {B = Math.pow(((BsRGB + 0.055) / 1.055), 2.4);} return (0.2126 * R) + (0.7152 * G) + (0.0722 * B); }, setAlpha: function(value) { this._a = boundAlpha(value); this._roundA = mathRound(100*this._a) / 100; return this; }, toHsv: function() { var hsv = rgbToHsv(this._r, this._g, this._b); return { h: hsv.h * 360, s: hsv.s, v: hsv.v, a: this._a }; }, toHsvString: function() { var hsv = rgbToHsv(this._r, this._g, this._b); var h = mathRound(hsv.h * 360), s = mathRound(hsv.s * 100), v = mathRound(hsv.v * 100); return (this._a == 1) ? "hsv(" + h + ", " + s + "%, " + v + "%)" : "hsva(" + h + ", " + s + "%, " + v + "%, "+ this._roundA + ")"; }, toHsl: function() { var hsl = rgbToHsl(this._r, this._g, this._b); return { h: hsl.h * 360, s: hsl.s, l: hsl.l, a: this._a }; }, toHslString: function() { var hsl = rgbToHsl(this._r, this._g, this._b); var h = mathRound(hsl.h * 360), s = mathRound(hsl.s * 100), l = mathRound(hsl.l * 100); return (this._a == 1) ? "hsl(" + h + ", " + s + "%, " + l + "%)" : "hsla(" + h + ", " + s + "%, " + l + "%, "+ this._roundA + ")"; }, toHex: function(allow3Char) { return rgbToHex(this._r, this._g, this._b, allow3Char); }, toHexString: function(allow3Char) { return '#' + this.toHex(allow3Char); }, toHex8: function(allow4Char) { return rgbaToHex(this._r, this._g, this._b, this._a, allow4Char); }, toHex8String: function(allow4Char) { return '#' + this.toHex8(allow4Char); }, toRgb: function() { return { r: mathRound(this._r), g: mathRound(this._g), b: mathRound(this._b), a: this._a }; }, toRgbString: function() { return (this._a == 1) ? "rgb(" + mathRound(this._r) + ", " + mathRound(this._g) + ", " + mathRound(this._b) + ")" : "rgba(" + mathRound(this._r) + ", " + mathRound(this._g) + ", " + mathRound(this._b) + ", " + this._roundA + ")"; }, toPercentageRgb: function() { return { r: mathRound(bound01(this._r, 255) * 100) + "%", g: mathRound(bound01(this._g, 255) * 100) + "%", b: mathRound(bound01(this._b, 255) * 100) + "%", a: this._a }; }, toPercentageRgbString: function() { return (this._a == 1) ? "rgb(" + mathRound(bound01(this._r, 255) * 100) + "%, " + mathRound(bound01(this._g, 255) * 100) + "%, " + mathRound(bound01(this._b, 255) * 100) + "%)" : "rgba(" + mathRound(bound01(this._r, 255) * 100) + "%, " + mathRound(bound01(this._g, 255) * 100) + "%, " + mathRound(bound01(this._b, 255) * 100) + "%, " + this._roundA + ")"; }, toName: function() { if (this._a === 0) { return "transparent"; } if (this._a < 1) { return false; } return hexNames[rgbToHex(this._r, this._g, this._b, true)] || false; }, toFilter: function(secondColor) { var hex8String = '#' + rgbaToArgbHex(this._r, this._g, this._b, this._a); var secondHex8String = hex8String; var gradientType = this._gradientType ? "GradientType = 1, " : ""; if (secondColor) { var s = tinycolor(secondColor); secondHex8String = '#' + rgbaToArgbHex(s._r, s._g, s._b, s._a); } return "progid:DXImageTransform.Microsoft.gradient("+gradientType+"startColorstr="+hex8String+",endColorstr="+secondHex8String+")"; }, toString: function(format) { var formatSet = !!format; format = format || this._format; var formattedString = false; var hasAlpha = this._a < 1 && this._a >= 0; var needsAlphaFormat = !formatSet && hasAlpha && (format === "hex" || format === "hex6" || format === "hex3" || format === "hex4" || format === "hex8" || format === "name"); if (needsAlphaFormat) { // Special case for "transparent", all other non-alpha formats // will return rgba when there is transparency. if (format === "name" && this._a === 0) { return this.toName(); } return this.toRgbString(); } if (format === "rgb") { formattedString = this.toRgbString(); } if (format === "prgb") { formattedString = this.toPercentageRgbString(); } if (format === "hex" || format === "hex6") { formattedString = this.toHexString(); } if (format === "hex3") { formattedString = this.toHexString(true); } if (format === "hex4") { formattedString = this.toHex8String(true); } if (format === "hex8") { formattedString = this.toHex8String(); } if (format === "name") { formattedString = this.toName(); } if (format === "hsl") { formattedString = this.toHslString(); } if (format === "hsv") { formattedString = this.toHsvString(); } return formattedString || this.toHexString(); }, clone: function() { return tinycolor(this.toString()); }, _applyModification: function(fn, args) { var color = fn.apply(null, [this].concat([].slice.call(args))); this._r = color._r; this._g = color._g; this._b = color._b; this.setAlpha(color._a); return this; }, lighten: function() { return this._applyModification(lighten, arguments); }, brighten: function() { return this._applyModification(brighten, arguments); }, darken: function() { return this._applyModification(darken, arguments); }, desaturate: function() { return this._applyModification(desaturate, arguments); }, saturate: function() { return this._applyModification(saturate, arguments); }, greyscale: function() { return this._applyModification(greyscale, arguments); }, spin: function() { return this._applyModification(spin, arguments); }, _applyCombination: function(fn, args) { return fn.apply(null, [this].concat([].slice.call(args))); }, analogous: function() { return this._applyCombination(analogous, arguments); }, complement: function() { return this._applyCombination(complement, arguments); }, monochromatic: function() { return this._applyCombination(monochromatic, arguments); }, splitcomplement: function() { return this._applyCombination(splitcomplement, arguments); }, triad: function() { return this._applyCombination(triad, arguments); }, tetrad: function() { return this._applyCombination(tetrad, arguments); } }; // If input is an object, force 1 into "1.0" to handle ratios properly // String input requires "1.0" as input, so 1 will be treated as 1 tinycolor.fromRatio = function(color, opts) { if (typeof color == "object") { var newColor = {}; for (var i in color) { if (color.hasOwnProperty(i)) { if (i === "a") { newColor[i] = color[i]; } else { newColor[i] = convertToPercentage(color[i]); } } } color = newColor; } return tinycolor(color, opts); }; // Given a string or object, convert that input to RGB // Possible string inputs: // // "red" // "#f00" or "f00" // "#ff0000" or "ff0000" // "#ff000000" or "ff000000" // "rgb 255 0 0" or "rgb (255, 0, 0)" // "rgb 1.0 0 0" or "rgb (1, 0, 0)" // "rgba (255, 0, 0, 1)" or "rgba 255, 0, 0, 1" // "rgba (1.0, 0, 0, 1)" or "rgba 1.0, 0, 0, 1" // "hsl(0, 100%, 50%)" or "hsl 0 100% 50%" // "hsla(0, 100%, 50%, 1)" or "hsla 0 100% 50%, 1" // "hsv(0, 100%, 100%)" or "hsv 0 100% 100%" // function inputToRGB(color) { var rgb = { r: 0, g: 0, b: 0 }; var a = 1; var s = null; var v = null; var l = null; var ok = false; var format = false; if (typeof color == "string") { color = stringInputToObject(color); } if (typeof color == "object") { if (isValidCSSUnit(color.r) && isValidCSSUnit(color.g) && isValidCSSUnit(color.b)) { rgb = rgbToRgb(color.r, color.g, color.b); ok = true; format = String(color.r).substr(-1) === "%" ? "prgb" : "rgb"; } else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.v)) { s = convertToPercentage(color.s); v = convertToPercentage(color.v); rgb = hsvToRgb(color.h, s, v); ok = true; format = "hsv"; } else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.l)) { s = convertToPercentage(color.s); l = convertToPercentage(color.l); rgb = hslToRgb(color.h, s, l); ok = true; format = "hsl"; } if (color.hasOwnProperty("a")) { a = color.a; } } a = boundAlpha(a); return { ok: ok, format: color.format || format, r: mathMin(255, mathMax(rgb.r, 0)), g: mathMin(255, mathMax(rgb.g, 0)), b: mathMin(255, mathMax(rgb.b, 0)), a: a }; } // Conversion Functions // -------------------- // `rgbToHsl`, `rgbToHsv`, `hslToRgb`, `hsvToRgb` modified from: // // `rgbToRgb` // Handle bounds / percentage checking to conform to CSS color spec // // *Assumes:* r, g, b in [0, 255] or [0, 1] // *Returns:* { r, g, b } in [0, 255] function rgbToRgb(r, g, b){ return { r: bound01(r, 255) * 255, g: bound01(g, 255) * 255, b: bound01(b, 255) * 255 }; } // `rgbToHsl` // Converts an RGB color value to HSL. // *Assumes:* r, g, and b are contained in [0, 255] or [0, 1] // *Returns:* { h, s, l } in [0,1] function rgbToHsl(r, g, b) { r = bound01(r, 255); g = bound01(g, 255); b = bound01(b, 255); var max = mathMax(r, g, b), min = mathMin(r, g, b); var h, s, l = (max + min) / 2; if(max == min) { h = s = 0; // achromatic } else { var d = max - min; s = l > 0.5 ? d / (2 - max - min) : d / (max + min); switch(max) { case r: h = (g - b) / d + (g < b ? 6 : 0); break; case g: h = (b - r) / d + 2; break; case b: h = (r - g) / d + 4; break; } h /= 6; } return { h: h, s: s, l: l }; } // `hslToRgb` // Converts an HSL color value to RGB. // *Assumes:* h is contained in [0, 1] or [0, 360] and s and l are contained [0, 1] or [0, 100] // *Returns:* { r, g, b } in the set [0, 255] function hslToRgb(h, s, l) { var r, g, b; h = bound01(h, 360); s = bound01(s, 100); l = bound01(l, 100); function hue2rgb(p, q, t) { if(t < 0) t += 1; if(t > 1) t -= 1; if(t < 1/6) return p + (q - p) * 6 * t; if(t < 1/2) return q; if(t < 2/3) return p + (q - p) * (2/3 - t) * 6; return p; } if(s === 0) { r = g = b = l; // achromatic } else { var q = l < 0.5 ? l * (1 + s) : l + s - l * s; var p = 2 * l - q; r = hue2rgb(p, q, h + 1/3); g = hue2rgb(p, q, h); b = hue2rgb(p, q, h - 1/3); } return { r: r * 255, g: g * 255, b: b * 255 }; } // `rgbToHsv` // Converts an RGB color value to HSV // *Assumes:* r, g, and b are contained in the set [0, 255] or [0, 1] // *Returns:* { h, s, v } in [0,1] function rgbToHsv(r, g, b) { r = bound01(r, 255); g = bound01(g, 255); b = bound01(b, 255); var max = mathMax(r, g, b), min = mathMin(r, g, b); var h, s, v = max; var d = max - min; s = max === 0 ? 0 : d / max; if(max == min) { h = 0; // achromatic } else { switch(max) { case r: h = (g - b) / d + (g < b ? 6 : 0); break; case g: h = (b - r) / d + 2; break; case b: h = (r - g) / d + 4; break; } h /= 6; } return { h: h, s: s, v: v }; } // `hsvToRgb` // Converts an HSV color value to RGB. // *Assumes:* h is contained in [0, 1] or [0, 360] and s and v are contained in [0, 1] or [0, 100] // *Returns:* { r, g, b } in the set [0, 255] function hsvToRgb(h, s, v) { h = bound01(h, 360) * 6; s = bound01(s, 100); v = bound01(v, 100); var i = Math.floor(h), f = h - i, p = v * (1 - s), q = v * (1 - f * s), t = v * (1 - (1 - f) * s), mod = i % 6, r = [v, q, p, p, t, v][mod], g = [t, v, v, q, p, p][mod], b = [p, p, t, v, v, q][mod]; return { r: r * 255, g: g * 255, b: b * 255 }; } // `rgbToHex` // Converts an RGB color to hex // Assumes r, g, and b are contained in the set [0, 255] // Returns a 3 or 6 character hex function rgbToHex(r, g, b, allow3Char) { var hex = [ pad2(mathRound(r).toString(16)), pad2(mathRound(g).toString(16)), pad2(mathRound(b).toString(16)) ]; // Return a 3 character hex if possible if (allow3Char && hex[0].charAt(0) == hex[0].charAt(1) && hex[1].charAt(0) == hex[1].charAt(1) && hex[2].charAt(0) == hex[2].charAt(1)) { return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0); } return hex.join(""); } // `rgbaToHex` // Converts an RGBA color plus alpha transparency to hex // Assumes r, g, b are contained in the set [0, 255] and // a in [0, 1]. Returns a 4 or 8 character rgba hex function rgbaToHex(r, g, b, a, allow4Char) { var hex = [ pad2(mathRound(r).toString(16)), pad2(mathRound(g).toString(16)), pad2(mathRound(b).toString(16)), pad2(convertDecimalToHex(a)) ]; // Return a 4 character hex if possible if (allow4Char && hex[0].charAt(0) == hex[0].charAt(1) && hex[1].charAt(0) == hex[1].charAt(1) && hex[2].charAt(0) == hex[2].charAt(1) && hex[3].charAt(0) == hex[3].charAt(1)) { return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0) + hex[3].charAt(0); } return hex.join(""); } // `rgbaToArgbHex` // Converts an RGBA color to an ARGB Hex8 string // Rarely used, but required for "toFilter()" function rgbaToArgbHex(r, g, b, a) { var hex = [ pad2(convertDecimalToHex(a)), pad2(mathRound(r).toString(16)), pad2(mathRound(g).toString(16)), pad2(mathRound(b).toString(16)) ]; return hex.join(""); } // `equals` // Can be called with any tinycolor input tinycolor.equals = function (color1, color2) { if (!color1 || !color2) { return false; } return tinycolor(color1).toRgbString() == tinycolor(color2).toRgbString(); }; tinycolor.random = function() { return tinycolor.fromRatio({ r: mathRandom(), g: mathRandom(), b: mathRandom() }); }; // Modification Functions // ---------------------- // Thanks to less.js for some of the basics here // function desaturate(color, amount) { amount = (amount === 0) ? 0 : (amount || 10); var hsl = tinycolor(color).toHsl(); hsl.s -= amount / 100; hsl.s = clamp01(hsl.s); return tinycolor(hsl); } function saturate(color, amount) { amount = (amount === 0) ? 0 : (amount || 10); var hsl = tinycolor(color).toHsl(); hsl.s += amount / 100; hsl.s = clamp01(hsl.s); return tinycolor(hsl); } function greyscale(color) { return tinycolor(color).desaturate(100); } function lighten (color, amount) { amount = (amount === 0) ? 0 : (amount || 10); var hsl = tinycolor(color).toHsl(); hsl.l += amount / 100; hsl.l = clamp01(hsl.l); return tinycolor(hsl); } function brighten(color, amount) { amount = (amount === 0) ? 0 : (amount || 10); var rgb = tinycolor(color).toRgb(); rgb.r = mathMax(0, mathMin(255, rgb.r - mathRound(255 * - (amount / 100)))); rgb.g = mathMax(0, mathMin(255, rgb.g - mathRound(255 * - (amount / 100)))); rgb.b = mathMax(0, mathMin(255, rgb.b - mathRound(255 * - (amount / 100)))); return tinycolor(rgb); } function darken (color, amount) { amount = (amount === 0) ? 0 : (amount || 10); var hsl = tinycolor(color).toHsl(); hsl.l -= amount / 100; hsl.l = clamp01(hsl.l); return tinycolor(hsl); } // Spin takes a positive or negative amount within [-360, 360] indicating the change of hue. // Values outside of this range will be wrapped into this range. function spin(color, amount) { var hsl = tinycolor(color).toHsl(); var hue = (hsl.h + amount) % 360; hsl.h = hue < 0 ? 360 + hue : hue; return tinycolor(hsl); } // Combination Functions // --------------------- // Thanks to jQuery xColor for some of the ideas behind these // function complement(color) { var hsl = tinycolor(color).toHsl(); hsl.h = (hsl.h + 180) % 360; return tinycolor(hsl); } function triad(color) { var hsl = tinycolor(color).toHsl(); var h = hsl.h; return [ tinycolor(color), tinycolor({ h: (h + 120) % 360, s: hsl.s, l: hsl.l }), tinycolor({ h: (h + 240) % 360, s: hsl.s, l: hsl.l }) ]; } function tetrad(color) { var hsl = tinycolor(color).toHsl(); var h = hsl.h; return [ tinycolor(color), tinycolor({ h: (h + 90) % 360, s: hsl.s, l: hsl.l }), tinycolor({ h: (h + 180) % 360, s: hsl.s, l: hsl.l }), tinycolor({ h: (h + 270) % 360, s: hsl.s, l: hsl.l }) ]; } function splitcomplement(color) { var hsl = tinycolor(color).toHsl(); var h = hsl.h; return [ tinycolor(color), tinycolor({ h: (h + 72) % 360, s: hsl.s, l: hsl.l}), tinycolor({ h: (h + 216) % 360, s: hsl.s, l: hsl.l}) ]; } function analogous(color, results, slices) { results = results || 6; slices = slices || 30; var hsl = tinycolor(color).toHsl(); var part = 360 / slices; var ret = [tinycolor(color)]; for (hsl.h = ((hsl.h - (part * results >> 1)) + 720) % 360; --results; ) { hsl.h = (hsl.h + part) % 360; ret.push(tinycolor(hsl)); } return ret; } function monochromatic(color, results) { results = results || 6; var hsv = tinycolor(color).toHsv(); var h = hsv.h, s = hsv.s, v = hsv.v; var ret = []; var modification = 1 / results; while (results--) { ret.push(tinycolor({ h: h, s: s, v: v})); v = (v + modification) % 1; } return ret; } // Utility Functions // --------------------- tinycolor.mix = function(color1, color2, amount) { amount = (amount === 0) ? 0 : (amount || 50); var rgb1 = tinycolor(color1).toRgb(); var rgb2 = tinycolor(color2).toRgb(); var p = amount / 100; var rgba = { r: ((rgb2.r - rgb1.r) * p) + rgb1.r, g: ((rgb2.g - rgb1.g) * p) + rgb1.g, b: ((rgb2.b - rgb1.b) * p) + rgb1.b, a: ((rgb2.a - rgb1.a) * p) + rgb1.a }; return tinycolor(rgba); }; // Readability Functions // --------------------- // false // tinycolor.isReadable("#000", "#111",{level:"AA",size:"large"}) => false tinycolor.isReadable = function(color1, color2, wcag2) { var readability = tinycolor.readability(color1, color2); var wcag2Parms, out; out = false; wcag2Parms = validateWCAG2Parms(wcag2); switch (wcag2Parms.level + wcag2Parms.size) { case "AAsmall": case "AAAlarge": out = readability >= 4.5; break; case "AAlarge": out = readability >= 3; break; case "AAAsmall": out = readability >= 7; break; } return out; }; // `mostReadable` // Given a base color and a list of possible foreground or background // colors for that base, returns the most readable color. // Optionally returns Black or White if the most readable color is unreadable. // *Example* // tinycolor.mostReadable(tinycolor.mostReadable("#123", ["#124", "#125"],{includeFallbackColors:false}).toHexString(); // "#112255" // tinycolor.mostReadable(tinycolor.mostReadable("#123", ["#124", "#125"],{includeFallbackColors:true}).toHexString(); // "#ffffff" // tinycolor.mostReadable("#a8015a", ["#faf3f3"],{includeFallbackColors:true,level:"AAA",size:"large"}).toHexString(); // "#faf3f3" // tinycolor.mostReadable("#a8015a", ["#faf3f3"],{includeFallbackColors:true,level:"AAA",size:"small"}).toHexString(); // "#ffffff" tinycolor.mostReadable = function(baseColor, colorList, args) { var bestColor = null; var bestScore = 0; var readability; var includeFallbackColors, level, size ; args = args || {}; includeFallbackColors = args.includeFallbackColors ; level = args.level; size = args.size; for (var i= 0; i < colorList.length ; i++) { readability = tinycolor.readability(baseColor, colorList[i]); if (readability > bestScore) { bestScore = readability; bestColor = tinycolor(colorList[i]); } } if (tinycolor.isReadable(baseColor, bestColor, {"level":level,"size":size}) || !includeFallbackColors) { return bestColor; } else { args.includeFallbackColors=false; return tinycolor.mostReadable(baseColor,["#fff", "#000"],args); } }; // Big List of Colors // ------------------ // var names = tinycolor.names = { aliceblue: "f0f8ff", antiquewhite: "faebd7", aqua: "0ff", aquamarine: "7fffd4", azure: "f0ffff", beige: "f5f5dc", bisque: "ffe4c4", black: "000", blanchedalmond: "ffebcd", blue: "00f", blueviolet: "8a2be2", brown: "a52a2a", burlywood: "deb887", burntsienna: "ea7e5d", cadetblue: "5f9ea0", chartreuse: "7fff00", chocolate: "d2691e", coral: "ff7f50", cornflowerblue: "6495ed", cornsilk: "fff8dc", crimson: "dc143c", cyan: "0ff", darkblue: "00008b", darkcyan: "008b8b", darkgoldenrod: "b8860b", darkgray: "a9a9a9", darkgreen: "006400", darkgrey: "a9a9a9", darkkhaki: "bdb76b", darkmagenta: "8b008b", darkolivegreen: "556b2f", darkorange: "ff8c00", darkorchid: "9932cc", darkred: "8b0000", darksalmon: "e9967a", darkseagreen: "8fbc8f", darkslateblue: "483d8b", darkslategray: "2f4f4f", darkslategrey: "2f4f4f", darkturquoise: "00ced1", darkviolet: "9400d3", deeppink: "ff1493", deepskyblue: "00bfff", dimgray: "696969", dimgrey: "696969", dodgerblue: "1e90ff", firebrick: "b22222", floralwhite: "fffaf0", forestgreen: "228b22", fuchsia: "f0f", gainsboro: "dcdcdc", ghostwhite: "f8f8ff", gold: "ffd700", goldenrod: "daa520", gray: "808080", green: "008000", greenyellow: "adff2f", grey: "808080", honeydew: "f0fff0", hotpink: "ff69b4", indianred: "cd5c5c", indigo: "4b0082", ivory: "fffff0", khaki: "f0e68c", lavender: "e6e6fa", lavenderblush: "fff0f5", lawngreen: "7cfc00", lemonchiffon: "fffacd", lightblue: "add8e6", lightcoral: "f08080", lightcyan: "e0ffff", lightgoldenrodyellow: "fafad2", lightgray: "d3d3d3", lightgreen: "90ee90", lightgrey: "d3d3d3", lightpink: "ffb6c1", lightsalmon: "ffa07a", lightseagreen: "20b2aa", lightskyblue: "87cefa", lightslategray: "789", lightslategrey: "789", lightsteelblue: "b0c4de", lightyellow: "ffffe0", lime: "0f0", limegreen: "32cd32", linen: "faf0e6", magenta: "f0f", maroon: "800000", mediumaquamarine: "66cdaa", mediumblue: "0000cd", mediumorchid: "ba55d3", mediumpurple: "9370db", mediumseagreen: "3cb371", mediumslateblue: "7b68ee", mediumspringgreen: "00fa9a", mediumturquoise: "48d1cc", mediumvioletred: "c71585", midnightblue: "191970", mintcream: "f5fffa", mistyrose: "ffe4e1", moccasin: "ffe4b5", navajowhite: "ffdead", navy: "000080", oldlace: "fdf5e6", olive: "808000", olivedrab: "6b8e23", orange: "ffa500", orangered: "ff4500", orchid: "da70d6", palegoldenrod: "eee8aa", palegreen: "98fb98", paleturquoise: "afeeee", palevioletred: "db7093", papayawhip: "ffefd5", peachpuff: "ffdab9", peru: "cd853f", pink: "ffc0cb", plum: "dda0dd", powderblue: "b0e0e6", purple: "800080", rebeccapurple: "663399", red: "f00", rosybrown: "bc8f8f", royalblue: "4169e1", saddlebrown: "8b4513", salmon: "fa8072", sandybrown: "f4a460", seagreen: "2e8b57", seashell: "fff5ee", sienna: "a0522d", silver: "c0c0c0", skyblue: "87ceeb", slateblue: "6a5acd", slategray: "708090", slategrey: "708090", snow: "fffafa", springgreen: "00ff7f", steelblue: "4682b4", tan: "d2b48c", teal: "008080", thistle: "d8bfd8", tomato: "ff6347", turquoise: "40e0d0", violet: "ee82ee", wheat: "f5deb3", white: "fff", whitesmoke: "f5f5f5", yellow: "ff0", yellowgreen: "9acd32" }; // Make it easy to access colors via `hexNames[hex]` var hexNames = tinycolor.hexNames = flip(names); // Utilities // --------- // `{ 'name1': 'val1' }` becomes `{ 'val1': 'name1' }` function flip(o) { var flipped = { }; for (var i in o) { if (o.hasOwnProperty(i)) { flipped[o[i]] = i; } } return flipped; } // Return a valid alpha value [0,1] with all invalid values being set to 1 function boundAlpha(a) { a = parseFloat(a); if (isNaN(a) || a < 0 || a > 1) { a = 1; } return a; } // Take input from [0, n] and return it as [0, 1] function bound01(n, max) { if (isOnePointZero(n)) { n = "100%"; } var processPercent = isPercentage(n); n = mathMin(max, mathMax(0, parseFloat(n))); // Automatically convert percentage into number if (processPercent) { n = parseInt(n * max, 10) / 100; } // Handle floating point rounding errors if ((Math.abs(n - max) < 0.000001)) { return 1; } // Convert into [0, 1] range if it isn't already return (n % max) / parseFloat(max); } // Force a number between 0 and 1 function clamp01(val) { return mathMin(1, mathMax(0, val)); } // Parse a base-16 hex value into a base-10 integer function parseIntFromHex(val) { return parseInt(val, 16); } // Need to handle 1.0 as 100%, since once it is a number, there is no difference between it and 1 // function isOnePointZero(n) { return typeof n == "string" && n.indexOf('.') != -1 && parseFloat(n) === 1; } // Check to see if string passed in is a percentage function isPercentage(n) { return typeof n === "string" && n.indexOf('%') != -1; } // Force a hex value to have 2 characters function pad2(c) { return c.length == 1 ? '0' + c : '' + c; } // Replace a decimal with it's percentage value function convertToPercentage(n) { if (n <= 1) { n = (n * 100) + "%"; } return n; } // Converts a decimal to a hex value function convertDecimalToHex(d) { return Math.round(parseFloat(d) * 255).toString(16); } // Converts a hex value to a decimal function convertHexToDecimal(h) { return (parseIntFromHex(h) / 255); } var matchers = (function() { // var CSS_INTEGER = "[-\\+]?\\d+%?"; // var CSS_NUMBER = "[-\\+]?\\d*\\.\\d+%?"; // Allow positive/negative integer/number. Don't capture the either/or, just the entire outcome. var CSS_UNIT = "(?:" + CSS_NUMBER + ")|(?:" + CSS_INTEGER + ")"; // Actual matching. // Parentheses and commas are optional, but not required. // Whitespace can take the place of commas or opening paren var PERMISSIVE_MATCH3 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?"; var PERMISSIVE_MATCH4 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?"; return { CSS_UNIT: new RegExp(CSS_UNIT), rgb: new RegExp("rgb" + PERMISSIVE_MATCH3), rgba: new RegExp("rgba" + PERMISSIVE_MATCH4), hsl: new RegExp("hsl" + PERMISSIVE_MATCH3), hsla: new RegExp("hsla" + PERMISSIVE_MATCH4), hsv: new RegExp("hsv" + PERMISSIVE_MATCH3), hsva: new RegExp("hsva" + PERMISSIVE_MATCH4), hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/, hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/, hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/, hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/ }; })(); // `isValidCSSUnit` // Take in a single string / number and check to see if it looks like a CSS unit // (see `matchers` above for definition). function isValidCSSUnit(color) { return !!matchers.CSS_UNIT.exec(color); } // `stringInputToObject` // Permissive string parsing. Take in a number of formats, and output an object // based on detected format. Returns `{ r, g, b }` or `{ h, s, l }` or `{ h, s, v}` function stringInputToObject(color) { color = color.replace(trimLeft,'').replace(trimRight, '').toLowerCase(); var named = false; if (names[color]) { color = names[color]; named = true; } else if (color == 'transparent') { return { r: 0, g: 0, b: 0, a: 0, format: "name" }; } // Try to match string input using regular expressions. // Keep most of the number bounding out of this function - don't worry about [0,1] or [0,100] or [0,360] // Just return an object and let the conversion functions handle that. // This way the result will be the same whether the tinycolor is initialized with string or object. var match; if ((match = matchers.rgb.exec(color))) { return { r: match[1], g: match[2], b: match[3] }; } if ((match = matchers.rgba.exec(color))) { return { r: match[1], g: match[2], b: match[3], a: match[4] }; } if ((match = matchers.hsl.exec(color))) { return { h: match[1], s: match[2], l: match[3] }; } if ((match = matchers.hsla.exec(color))) { return { h: match[1], s: match[2], l: match[3], a: match[4] }; } if ((match = matchers.hsv.exec(color))) { return { h: match[1], s: match[2], v: match[3] }; } if ((match = matchers.hsva.exec(color))) { return { h: match[1], s: match[2], v: match[3], a: match[4] }; } if ((match = matchers.hex8.exec(color))) { return { r: parseIntFromHex(match[1]), g: parseIntFromHex(match[2]), b: parseIntFromHex(match[3]), a: convertHexToDecimal(match[4]), format: named ? "name" : "hex8" }; } if ((match = matchers.hex6.exec(color))) { return { r: parseIntFromHex(match[1]), g: parseIntFromHex(match[2]), b: parseIntFromHex(match[3]), format: named ? "name" : "hex" }; } if ((match = matchers.hex4.exec(color))) { return { r: parseIntFromHex(match[1] + '' + match[1]), g: parseIntFromHex(match[2] + '' + match[2]), b: parseIntFromHex(match[3] + '' + match[3]), a: convertHexToDecimal(match[4] + '' + match[4]), format: named ? "name" : "hex8" }; } if ((match = matchers.hex3.exec(color))) { return { r: parseIntFromHex(match[1] + '' + match[1]), g: parseIntFromHex(match[2] + '' + match[2]), b: parseIntFromHex(match[3] + '' + match[3]), format: named ? "name" : "hex" }; } return false; } function validateWCAG2Parms(parms) { // return valid WCAG2 parms for isReadable. // If input parms are invalid, return {"level":"AA", "size":"small"} var level, size; parms = parms || {"level":"AA", "size":"small"}; level = (parms.level || "AA").toUpperCase(); size = (parms.size || "small").toLowerCase(); if (level !== "AA" && level !== "AAA") { level = "AA"; } if (size !== "small" && size !== "large") { size = "small"; } return {"level":level, "size":size}; } // Node: Export function if (typeof module !== "undefined" && module.exports) { module.exports = tinycolor; } // AMD/requirejs: Define the module else if (typeof define === 'function' && define.amd) { define(function () {return tinycolor;}); } // Browser: Expose to window else { window.tinycolor = tinycolor; } })(Math); },{}],59:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; /** * All paths are tuned for maximum scalability of the arrowhead, * ie throughout arrowwidth=0.3..3 the head is joined smoothly * to the line, with the line coming from the left and ending at (0, 0). * * `backoff` is the distance to move the arrowhead and the end of the line, * in order that the arrowhead points to the desired place, either at * the tip of the arrow or (in the case of circle or square) * the center of the symbol. * * `noRotate`, if truthy, says that this arrowhead should not rotate with the * arrow. That's the case for squares, which should always be straight, and * circles, for which it's irrelevant. */ module.exports = [ // no arrow { path: '', backoff: 0 }, // wide with flat back { path: 'M-2.4,-3V3L0.6,0Z', backoff: 0.6 }, // narrower with flat back { path: 'M-3.7,-2.5V2.5L1.3,0Z', backoff: 1.3 }, // barbed { path: 'M-4.45,-3L-1.65,-0.2V0.2L-4.45,3L1.55,0Z', backoff: 1.55 }, // wide line-drawn { path: 'M-2.2,-2.2L-0.2,-0.2V0.2L-2.2,2.2L-1.4,3L1.6,0L-1.4,-3Z', backoff: 1.6 }, // narrower line-drawn { path: 'M-4.4,-2.1L-0.6,-0.2V0.2L-4.4,2.1L-4,3L2,0L-4,-3Z', backoff: 2 }, // circle { path: 'M2,0A2,2 0 1,1 0,-2A2,2 0 0,1 2,0Z', backoff: 0, noRotate: true }, // square { path: 'M2,2V-2H-2V2Z', backoff: 0, noRotate: true } ]; },{}],60:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var ARROWPATHS = _dereq_('./arrow_paths'); var fontAttrs = _dereq_('../../plots/font_attributes'); var cartesianConstants = _dereq_('../../plots/cartesian/constants'); var templatedArray = _dereq_('../../plot_api/plot_template').templatedArray; var axisPlaceableObjs = _dereq_('../../constants/axis_placeable_objects'); function arrowAxisRefDescription(axis) { return [ 'In order for absolute positioning of the arrow to work, *a' + axis + 'ref* must be exactly the same as *' + axis + 'ref*, otherwise *a' + axis + 'ref* will revert to *pixel* (explained next).', 'For relative positioning, *a' + axis + 'ref* can be set to *pixel*,', 'in which case the *a' + axis + '* value is specified in pixels', 'relative to *' + axis + '*.', 'Absolute positioning is useful', 'for trendline annotations which should continue to indicate', 'the correct trend when zoomed. Relative positioning is useful', 'for specifying the text offset for an annotated point.' ].join(' '); } function arrowCoordinateDescription(axis, lower, upper) { return [ 'Sets the', axis, 'component of the arrow tail about the arrow head.', 'If `a' + axis + 'ref` is `pixel`, a positive (negative)', 'component corresponds to an arrow pointing', 'from', upper, 'to', lower, '(' + lower, 'to', upper + ').', 'If `a' + axis + 'ref` is not `pixel` and is exactly the same as `' + axis + 'ref`,', 'this is an absolute value on that axis,', 'like `' + axis + '`, specified in the same coordinates as `' + axis + 'ref`.' ].join(' '); } module.exports = templatedArray('annotation', { visible: { valType: 'boolean', dflt: true, editType: 'calc+arraydraw', }, text: { valType: 'string', editType: 'calc+arraydraw', }, textangle: { valType: 'angle', dflt: 0, editType: 'calc+arraydraw', }, font: fontAttrs({ editType: 'calc+arraydraw', colorEditType: 'arraydraw', }), width: { valType: 'number', min: 1, dflt: null, editType: 'calc+arraydraw', }, height: { valType: 'number', min: 1, dflt: null, editType: 'calc+arraydraw', }, opacity: { valType: 'number', min: 0, max: 1, dflt: 1, editType: 'arraydraw', }, align: { valType: 'enumerated', values: ['left', 'center', 'right'], dflt: 'center', editType: 'arraydraw', }, valign: { valType: 'enumerated', values: ['top', 'middle', 'bottom'], dflt: 'middle', editType: 'arraydraw', }, bgcolor: { valType: 'color', dflt: 'rgba(0,0,0,0)', editType: 'arraydraw', }, bordercolor: { valType: 'color', dflt: 'rgba(0,0,0,0)', editType: 'arraydraw', }, borderpad: { valType: 'number', min: 0, dflt: 1, editType: 'calc+arraydraw', }, borderwidth: { valType: 'number', min: 0, dflt: 1, editType: 'calc+arraydraw', }, // arrow showarrow: { valType: 'boolean', dflt: true, editType: 'calc+arraydraw', }, arrowcolor: { valType: 'color', editType: 'arraydraw', }, arrowhead: { valType: 'integer', min: 0, max: ARROWPATHS.length, dflt: 1, editType: 'arraydraw', }, startarrowhead: { valType: 'integer', min: 0, max: ARROWPATHS.length, dflt: 1, editType: 'arraydraw', }, arrowside: { valType: 'flaglist', flags: ['end', 'start'], extras: ['none'], dflt: 'end', editType: 'arraydraw', }, arrowsize: { valType: 'number', min: 0.3, dflt: 1, editType: 'calc+arraydraw', }, startarrowsize: { valType: 'number', min: 0.3, dflt: 1, editType: 'calc+arraydraw', }, arrowwidth: { valType: 'number', min: 0.1, editType: 'calc+arraydraw', }, standoff: { valType: 'number', min: 0, dflt: 0, editType: 'calc+arraydraw', }, startstandoff: { valType: 'number', min: 0, dflt: 0, editType: 'calc+arraydraw', }, ax: { valType: 'any', editType: 'calc+arraydraw', }, ay: { valType: 'any', editType: 'calc+arraydraw', }, axref: { valType: 'enumerated', dflt: 'pixel', values: [ 'pixel', cartesianConstants.idRegex.x.toString() ], editType: 'calc', }, ayref: { valType: 'enumerated', dflt: 'pixel', values: [ 'pixel', cartesianConstants.idRegex.y.toString() ], editType: 'calc', }, // positioning xref: { valType: 'enumerated', values: [ 'paper', cartesianConstants.idRegex.x.toString() ], editType: 'calc', }, x: { valType: 'any', editType: 'calc+arraydraw', }, xanchor: { valType: 'enumerated', values: ['auto', 'left', 'center', 'right'], dflt: 'auto', editType: 'calc+arraydraw', }, xshift: { valType: 'number', dflt: 0, editType: 'calc+arraydraw', }, yref: { valType: 'enumerated', values: [ 'paper', cartesianConstants.idRegex.y.toString() ], editType: 'calc', }, y: { valType: 'any', editType: 'calc+arraydraw', }, yanchor: { valType: 'enumerated', values: ['auto', 'top', 'middle', 'bottom'], dflt: 'auto', editType: 'calc+arraydraw', }, yshift: { valType: 'number', dflt: 0, editType: 'calc+arraydraw', }, clicktoshow: { valType: 'enumerated', values: [false, 'onoff', 'onout'], dflt: false, editType: 'arraydraw', }, xclick: { valType: 'any', editType: 'arraydraw', }, yclick: { valType: 'any', editType: 'arraydraw', }, hovertext: { valType: 'string', editType: 'arraydraw', }, hoverlabel: { bgcolor: { valType: 'color', editType: 'arraydraw', }, bordercolor: { valType: 'color', editType: 'arraydraw', }, font: fontAttrs({ editType: 'arraydraw', }), editType: 'arraydraw' }, captureevents: { valType: 'boolean', editType: 'arraydraw', }, editType: 'calc', _deprecated: { ref: { valType: 'string', editType: 'calc', } } }); },{"../../constants/axis_placeable_objects":178,"../../plot_api/plot_template":237,"../../plots/cartesian/constants":254,"../../plots/font_attributes":276,"./arrow_paths":59}],61:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = _dereq_('../../lib'); var Axes = _dereq_('../../plots/cartesian/axes'); var draw = _dereq_('./draw').draw; module.exports = function calcAutorange(gd) { var fullLayout = gd._fullLayout; var annotationList = Lib.filterVisible(fullLayout.annotations); if(annotationList.length && gd._fullData.length) { return Lib.syncOrAsync([draw, annAutorange], gd); } }; function annAutorange(gd) { var fullLayout = gd._fullLayout; // find the bounding boxes for each of these annotations' // relative to their anchor points // use the arrow and the text bg rectangle, // as the whole anno may include hidden text in its bbox Lib.filterVisible(fullLayout.annotations).forEach(function(ann) { var xa = Axes.getFromId(gd, ann.xref); var ya = Axes.getFromId(gd, ann.yref); var xRefType = Axes.getRefType(ann.xref); var yRefType = Axes.getRefType(ann.yref); ann._extremes = {}; if(xRefType === 'range') calcAxisExpansion(ann, xa); if(yRefType === 'range') calcAxisExpansion(ann, ya); }); } function calcAxisExpansion(ann, ax) { var axId = ax._id; var letter = axId.charAt(0); var pos = ann[letter]; var apos = ann['a' + letter]; var ref = ann[letter + 'ref']; var aref = ann['a' + letter + 'ref']; var padplus = ann['_' + letter + 'padplus']; var padminus = ann['_' + letter + 'padminus']; var shift = {x: 1, y: -1}[letter] * ann[letter + 'shift']; var headSize = 3 * ann.arrowsize * ann.arrowwidth || 0; var headPlus = headSize + shift; var headMinus = headSize - shift; var startHeadSize = 3 * ann.startarrowsize * ann.arrowwidth || 0; var startHeadPlus = startHeadSize + shift; var startHeadMinus = startHeadSize - shift; var extremes; if(aref === ref) { // expand for the arrowhead (padded by arrowhead) var extremeArrowHead = Axes.findExtremes(ax, [ax.r2c(pos)], { ppadplus: headPlus, ppadminus: headMinus }); // again for the textbox (padded by textbox) var extremeText = Axes.findExtremes(ax, [ax.r2c(apos)], { ppadplus: Math.max(padplus, startHeadPlus), ppadminus: Math.max(padminus, startHeadMinus) }); extremes = { min: [extremeArrowHead.min[0], extremeText.min[0]], max: [extremeArrowHead.max[0], extremeText.max[0]] }; } else { startHeadPlus = apos ? startHeadPlus + apos : startHeadPlus; startHeadMinus = apos ? startHeadMinus - apos : startHeadMinus; extremes = Axes.findExtremes(ax, [ax.r2c(pos)], { ppadplus: Math.max(padplus, headPlus, startHeadPlus), ppadminus: Math.max(padminus, headMinus, startHeadMinus) }); } ann._extremes[axId] = extremes; } },{"../../lib":202,"../../plots/cartesian/axes":248,"./draw":66}],62:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = _dereq_('../../lib'); var Registry = _dereq_('../../registry'); var arrayEditor = _dereq_('../../plot_api/plot_template').arrayEditor; module.exports = { hasClickToShow: hasClickToShow, onClick: onClick }; /* * hasClickToShow: does the given hoverData have ANY annotations which will * turn ON if we click here? (used by hover events to set cursor) * * gd: graphDiv * hoverData: a hoverData array, as included with the *plotly_hover* or * *plotly_click* events in the `points` attribute * * returns: boolean */ function hasClickToShow(gd, hoverData) { var sets = getToggleSets(gd, hoverData); return sets.on.length > 0 || sets.explicitOff.length > 0; } /* * onClick: perform the toggling (via Plotly.update) implied by clicking * at this hoverData * * gd: graphDiv * hoverData: a hoverData array, as included with the *plotly_hover* or * *plotly_click* events in the `points` attribute * * returns: Promise that the update is complete */ function onClick(gd, hoverData) { var toggleSets = getToggleSets(gd, hoverData); var onSet = toggleSets.on; var offSet = toggleSets.off.concat(toggleSets.explicitOff); var update = {}; var annotationsOut = gd._fullLayout.annotations; var i, editHelpers; if(!(onSet.length || offSet.length)) return; for(i = 0; i < onSet.length; i++) { editHelpers = arrayEditor(gd.layout, 'annotations', annotationsOut[onSet[i]]); editHelpers.modifyItem('visible', true); Lib.extendFlat(update, editHelpers.getUpdateObj()); } for(i = 0; i < offSet.length; i++) { editHelpers = arrayEditor(gd.layout, 'annotations', annotationsOut[offSet[i]]); editHelpers.modifyItem('visible', false); Lib.extendFlat(update, editHelpers.getUpdateObj()); } return Registry.call('update', gd, {}, update); } /* * getToggleSets: find the annotations which will turn on or off at this * hoverData * * gd: graphDiv * hoverData: a hoverData array, as included with the *plotly_hover* or * *plotly_click* events in the `points` attribute * * returns: { * on: Array (indices of annotations to turn on), * off: Array (indices to turn off because you're not hovering on them), * explicitOff: Array (indices to turn off because you *are* hovering on them) * } */ function getToggleSets(gd, hoverData) { var annotations = gd._fullLayout.annotations; var onSet = []; var offSet = []; var explicitOffSet = []; var hoverLen = (hoverData || []).length; var i, j, anni, showMode, pointj, xa, ya, toggleType; for(i = 0; i < annotations.length; i++) { anni = annotations[i]; showMode = anni.clicktoshow; if(showMode) { for(j = 0; j < hoverLen; j++) { pointj = hoverData[j]; xa = pointj.xaxis; ya = pointj.yaxis; if(xa._id === anni.xref && ya._id === anni.yref && xa.d2r(pointj.x) === clickData2r(anni._xclick, xa) && ya.d2r(pointj.y) === clickData2r(anni._yclick, ya) ) { // match! toggle this annotation // regardless of its clicktoshow mode // but if it's onout mode, off is implicit if(anni.visible) { if(showMode === 'onout') toggleType = offSet; else toggleType = explicitOffSet; } else { toggleType = onSet; } toggleType.push(i); break; } } if(j === hoverLen) { // no match - only turn this annotation OFF, and only if // showmode is 'onout' if(anni.visible && showMode === 'onout') offSet.push(i); } } } return {on: onSet, off: offSet, explicitOff: explicitOffSet}; } // to handle log axes until v2 function clickData2r(d, ax) { return ax.type === 'log' ? ax.l2r(d) : ax.d2r(d); } },{"../../lib":202,"../../plot_api/plot_template":237,"../../registry":290}],63:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = _dereq_('../../lib'); var Color = _dereq_('../color'); // defaults common to 'annotations' and 'annotations3d' module.exports = function handleAnnotationCommonDefaults(annIn, annOut, fullLayout, coerce) { coerce('opacity'); var bgColor = coerce('bgcolor'); var borderColor = coerce('bordercolor'); var borderOpacity = Color.opacity(borderColor); coerce('borderpad'); var borderWidth = coerce('borderwidth'); var showArrow = coerce('showarrow'); coerce('text', showArrow ? ' ' : fullLayout._dfltTitle.annotation); coerce('textangle'); Lib.coerceFont(coerce, 'font', fullLayout.font); coerce('width'); coerce('align'); var h = coerce('height'); if(h) coerce('valign'); if(showArrow) { var arrowside = coerce('arrowside'); var arrowhead; var arrowsize; if(arrowside.indexOf('end') !== -1) { arrowhead = coerce('arrowhead'); arrowsize = coerce('arrowsize'); } if(arrowside.indexOf('start') !== -1) { coerce('startarrowhead', arrowhead); coerce('startarrowsize', arrowsize); } coerce('arrowcolor', borderOpacity ? annOut.bordercolor : Color.defaultLine); coerce('arrowwidth', ((borderOpacity && borderWidth) || 1) * 2); coerce('standoff'); coerce('startstandoff'); } var hoverText = coerce('hovertext'); var globalHoverLabel = fullLayout.hoverlabel || {}; if(hoverText) { var hoverBG = coerce('hoverlabel.bgcolor', globalHoverLabel.bgcolor || (Color.opacity(bgColor) ? Color.rgb(bgColor) : Color.defaultLine) ); var hoverBorder = coerce('hoverlabel.bordercolor', globalHoverLabel.bordercolor || Color.contrast(hoverBG) ); Lib.coerceFont(coerce, 'hoverlabel.font', { family: globalHoverLabel.font.family, size: globalHoverLabel.font.size, color: globalHoverLabel.font.color || hoverBorder }); } coerce('captureevents', !!hoverText); }; },{"../../lib":202,"../color":75}],64:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var isNumeric = _dereq_('fast-isnumeric'); var toLogRange = _dereq_('../../lib/to_log_range'); /* * convertCoords: when converting an axis between log and linear * you need to alter any annotations on that axis to keep them * pointing at the same data point. * In v2.0 this will become obsolete * * gd: the plot div * ax: the axis being changed * newType: the type it's getting * doExtra: function(attr, val) from inside relayout that sets the attribute. * Use this to make the changes as it's aware if any other changes in the * same relayout call should override this conversion. */ module.exports = function convertCoords(gd, ax, newType, doExtra) { ax = ax || {}; var toLog = (newType === 'log') && (ax.type === 'linear'); var fromLog = (newType === 'linear') && (ax.type === 'log'); if(!(toLog || fromLog)) return; var annotations = gd._fullLayout.annotations; var axLetter = ax._id.charAt(0); var ann; var attrPrefix; function convert(attr) { var currentVal = ann[attr]; var newVal = null; if(toLog) newVal = toLogRange(currentVal, ax.range); else newVal = Math.pow(10, currentVal); // if conversion failed, delete the value so it gets a default value if(!isNumeric(newVal)) newVal = null; doExtra(attrPrefix + attr, newVal); } for(var i = 0; i < annotations.length; i++) { ann = annotations[i]; attrPrefix = 'annotations[' + i + '].'; if(ann[axLetter + 'ref'] === ax._id) convert(axLetter); if(ann['a' + axLetter + 'ref'] === ax._id) convert('a' + axLetter); } }; },{"../../lib/to_log_range":226,"fast-isnumeric":11}],65:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = _dereq_('../../lib'); var Axes = _dereq_('../../plots/cartesian/axes'); var handleArrayContainerDefaults = _dereq_('../../plots/array_container_defaults'); var handleAnnotationCommonDefaults = _dereq_('./common_defaults'); var attributes = _dereq_('./attributes'); module.exports = function supplyLayoutDefaults(layoutIn, layoutOut) { handleArrayContainerDefaults(layoutIn, layoutOut, { name: 'annotations', handleItemDefaults: handleAnnotationDefaults }); }; function handleAnnotationDefaults(annIn, annOut, fullLayout) { function coerce(attr, dflt) { return Lib.coerce(annIn, annOut, attributes, attr, dflt); } var visible = coerce('visible'); var clickToShow = coerce('clicktoshow'); if(!(visible || clickToShow)) return; handleAnnotationCommonDefaults(annIn, annOut, fullLayout, coerce); var showArrow = annOut.showarrow; // positioning var axLetters = ['x', 'y']; var arrowPosDflt = [-10, -30]; var gdMock = {_fullLayout: fullLayout}; for(var i = 0; i < 2; i++) { var axLetter = axLetters[i]; // xref, yref var axRef = Axes.coerceRef(annIn, annOut, gdMock, axLetter, '', 'paper'); if(axRef !== 'paper') { var ax = Axes.getFromId(gdMock, axRef); ax._annIndices.push(annOut._index); } // x, y Axes.coercePosition(annOut, gdMock, coerce, axRef, axLetter, 0.5); if(showArrow) { var arrowPosAttr = 'a' + axLetter; // axref, ayref var aaxRef = Axes.coerceRef(annIn, annOut, gdMock, arrowPosAttr, 'pixel', ['pixel', 'paper']); // for now the arrow can only be on the same axis or specified as pixels // TODO: sometime it might be interesting to allow it to be on *any* axis // but that would require updates to drawing & autorange code and maybe more if(aaxRef !== 'pixel' && aaxRef !== axRef) { aaxRef = annOut[arrowPosAttr] = 'pixel'; } // ax, ay var aDflt = (aaxRef === 'pixel') ? arrowPosDflt[i] : 0.4; Axes.coercePosition(annOut, gdMock, coerce, aaxRef, arrowPosAttr, aDflt); } // xanchor, yanchor coerce(axLetter + 'anchor'); // xshift, yshift coerce(axLetter + 'shift'); } // if you have one coordinate you should have both Lib.noneOrAll(annIn, annOut, ['x', 'y']); // if you have one part of arrow length you should have both if(showArrow) { Lib.noneOrAll(annIn, annOut, ['ax', 'ay']); } if(clickToShow) { var xClick = coerce('xclick'); var yClick = coerce('yclick'); // put the actual click data to bind to into private attributes // so we don't have to do this little bit of logic on every hover event annOut._xclick = (xClick === undefined) ? annOut.x : Axes.cleanPosition(xClick, gdMock, annOut.xref); annOut._yclick = (yClick === undefined) ? annOut.y : Axes.cleanPosition(yClick, gdMock, annOut.yref); } } },{"../../lib":202,"../../plots/array_container_defaults":243,"../../plots/cartesian/axes":248,"./attributes":60,"./common_defaults":63}],66:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = _dereq_('d3'); var Registry = _dereq_('../../registry'); var Plots = _dereq_('../../plots/plots'); var Lib = _dereq_('../../lib'); var strTranslate = Lib.strTranslate; var Axes = _dereq_('../../plots/cartesian/axes'); var Color = _dereq_('../color'); var Drawing = _dereq_('../drawing'); var Fx = _dereq_('../fx'); var svgTextUtils = _dereq_('../../lib/svg_text_utils'); var setCursor = _dereq_('../../lib/setcursor'); var dragElement = _dereq_('../dragelement'); var arrayEditor = _dereq_('../../plot_api/plot_template').arrayEditor; var drawArrowHead = _dereq_('./draw_arrow_head'); // Annotations are stored in gd.layout.annotations, an array of objects // index can point to one item in this array, // or non-numeric to simply add a new one // or -1 to modify all existing // opt can be the full options object, or one key (to be set to value) // or undefined to simply redraw // if opt is blank, val can be 'add' or a full options object to add a new // annotation at that point in the array, or 'remove' to delete this one module.exports = { draw: draw, drawOne: drawOne, drawRaw: drawRaw }; /* * draw: draw all annotations without any new modifications */ function draw(gd) { var fullLayout = gd._fullLayout; fullLayout._infolayer.selectAll('.annotation').remove(); for(var i = 0; i < fullLayout.annotations.length; i++) { if(fullLayout.annotations[i].visible) { drawOne(gd, i); } } return Plots.previousPromises(gd); } /* * drawOne: draw a single cartesian or paper-ref annotation, potentially with modifications * * index (int): the annotation to draw */ function drawOne(gd, index) { var fullLayout = gd._fullLayout; var options = fullLayout.annotations[index] || {}; var xa = Axes.getFromId(gd, options.xref); var ya = Axes.getFromId(gd, options.yref); if(xa) xa.setScale(); if(ya) ya.setScale(); drawRaw(gd, options, index, false, xa, ya); } // Convert pixels to the coordinates relevant for the axis referred to. For // example, for paper it would convert to a value normalized by the dimension of // the plot. // axDomainRef: if true and axa defined, draws relative to axis domain, // otherwise draws relative to data (if axa defined) or paper (if not). function shiftPosition(axa, dAx, axLetter, gs, options) { var optAx = options[axLetter]; var axRef = options[axLetter + 'ref']; var vertical = axLetter.indexOf('y') !== -1; var axDomainRef = Axes.getRefType(axRef) === 'domain'; var gsDim = vertical ? gs.h : gs.w; if(axa) { if(axDomainRef) { // here optAx normalized to length of axis (e.g., normally in range // 0 to 1). But dAx is in pixels. So we normalize dAx to length of // axis before doing the math. return optAx + (vertical ? -dAx : dAx) / axa._length; } else { return axa.p2r(axa.r2p(optAx) + dAx); } } else { return optAx + (vertical ? -dAx : dAx) / gsDim; } } /** * drawRaw: draw a single annotation, potentially with modifications * * @param {DOM element} gd * @param {object} options : this annotation's fullLayout options * @param {integer} index : index in 'annotations' container of the annotation to draw * @param {string} subplotId : id of the annotation's subplot * - use false for 2d (i.e. cartesian or paper-ref) annotations * @param {object | undefined} xa : full x-axis object to compute subplot pos-to-px * @param {object | undefined} ya : ... y-axis */ function drawRaw(gd, options, index, subplotId, xa, ya) { var fullLayout = gd._fullLayout; var gs = gd._fullLayout._size; var edits = gd._context.edits; var className, containerStr; if(subplotId) { className = 'annotation-' + subplotId; containerStr = subplotId + '.annotations'; } else { className = 'annotation'; containerStr = 'annotations'; } var editHelpers = arrayEditor(gd.layout, containerStr, options); var modifyBase = editHelpers.modifyBase; var modifyItem = editHelpers.modifyItem; var getUpdateObj = editHelpers.getUpdateObj; // remove the existing annotation if there is one fullLayout._infolayer .selectAll('.' + className + '[data-index="' + index + '"]') .remove(); var annClipID = 'clip' + fullLayout._uid + '_ann' + index; // this annotation is gone - quit now after deleting it // TODO: use d3 idioms instead of deleting and redrawing every time if(!options._input || options.visible === false) { d3.selectAll('#' + annClipID).remove(); return; } // calculated pixel positions // x & y each will get text, head, and tail as appropriate var annPosPx = {x: {}, y: {}}; var textangle = +options.textangle || 0; // create the components // made a single group to contain all, so opacity can work right // with border/arrow together this could handle a whole bunch of // cleanup at this point, but works for now var annGroup = fullLayout._infolayer.append('g') .classed(className, true) .attr('data-index', String(index)) .style('opacity', options.opacity); // another group for text+background so that they can rotate together var annTextGroup = annGroup.append('g') .classed('annotation-text-g', true); var editTextPosition = edits[options.showarrow ? 'annotationTail' : 'annotationPosition']; var textEvents = options.captureevents || edits.annotationText || editTextPosition; function makeEventData(initialEvent) { var eventData = { index: index, annotation: options._input, fullAnnotation: options, event: initialEvent }; if(subplotId) { eventData.subplotId = subplotId; } return eventData; } var annTextGroupInner = annTextGroup.append('g') .style('pointer-events', textEvents ? 'all' : null) .call(setCursor, 'pointer') .on('click', function() { gd._dragging = false; gd.emit('plotly_clickannotation', makeEventData(d3.event)); }); if(options.hovertext) { annTextGroupInner .on('mouseover', function() { var hoverOptions = options.hoverlabel; var hoverFont = hoverOptions.font; var bBox = this.getBoundingClientRect(); var bBoxRef = gd.getBoundingClientRect(); Fx.loneHover({ x0: bBox.left - bBoxRef.left, x1: bBox.right - bBoxRef.left, y: (bBox.top + bBox.bottom) / 2 - bBoxRef.top, text: options.hovertext, color: hoverOptions.bgcolor, borderColor: hoverOptions.bordercolor, fontFamily: hoverFont.family, fontSize: hoverFont.size, fontColor: hoverFont.color }, { container: fullLayout._hoverlayer.node(), outerContainer: fullLayout._paper.node(), gd: gd }); }) .on('mouseout', function() { Fx.loneUnhover(fullLayout._hoverlayer.node()); }); } var borderwidth = options.borderwidth; var borderpad = options.borderpad; var borderfull = borderwidth + borderpad; var annTextBG = annTextGroupInner.append('rect') .attr('class', 'bg') .style('stroke-width', borderwidth + 'px') .call(Color.stroke, options.bordercolor) .call(Color.fill, options.bgcolor); var isSizeConstrained = options.width || options.height; var annTextClip = fullLayout._topclips .selectAll('#' + annClipID) .data(isSizeConstrained ? [0] : []); annTextClip.enter().append('clipPath') .classed('annclip', true) .attr('id', annClipID) .append('rect'); annTextClip.exit().remove(); var font = options.font; var text = fullLayout._meta ? Lib.templateString(options.text, fullLayout._meta) : options.text; var annText = annTextGroupInner.append('text') .classed('annotation-text', true) .text(text); function textLayout(s) { s.call(Drawing.font, font) .attr({ 'text-anchor': { left: 'start', right: 'end' }[options.align] || 'middle' }); svgTextUtils.convertToTspans(s, gd, drawGraphicalElements); return s; } function drawGraphicalElements() { // if the text has *only* a link, make the whole box into a link var anchor3 = annText.selectAll('a'); if(anchor3.size() === 1 && anchor3.text() === annText.text()) { var wholeLink = annTextGroupInner.insert('a', ':first-child').attr({ 'xlink:xlink:href': anchor3.attr('xlink:href'), 'xlink:xlink:show': anchor3.attr('xlink:show') }) .style({cursor: 'pointer'}); wholeLink.node().appendChild(annTextBG.node()); } var mathjaxGroup = annTextGroupInner.select('.annotation-text-math-group'); var hasMathjax = !mathjaxGroup.empty(); var anntextBB = Drawing.bBox( (hasMathjax ? mathjaxGroup : annText).node()); var textWidth = anntextBB.width; var textHeight = anntextBB.height; var annWidth = options.width || textWidth; var annHeight = options.height || textHeight; var outerWidth = Math.round(annWidth + 2 * borderfull); var outerHeight = Math.round(annHeight + 2 * borderfull); function shiftFraction(v, anchor) { if(anchor === 'auto') { if(v < 1 / 3) anchor = 'left'; else if(v > 2 / 3) anchor = 'right'; else anchor = 'center'; } return { center: 0, middle: 0, left: 0.5, bottom: -0.5, right: -0.5, top: 0.5 }[anchor]; } var annotationIsOffscreen = false; var letters = ['x', 'y']; for(var i = 0; i < letters.length; i++) { var axLetter = letters[i]; var axRef = options[axLetter + 'ref'] || axLetter; var tailRef = options['a' + axLetter + 'ref']; var ax = {x: xa, y: ya}[axLetter]; var dimAngle = (textangle + (axLetter === 'x' ? 0 : -90)) * Math.PI / 180; // note that these two can be either positive or negative var annSizeFromWidth = outerWidth * Math.cos(dimAngle); var annSizeFromHeight = outerHeight * Math.sin(dimAngle); // but this one is the positive total size var annSize = Math.abs(annSizeFromWidth) + Math.abs(annSizeFromHeight); var anchor = options[axLetter + 'anchor']; var overallShift = options[axLetter + 'shift'] * (axLetter === 'x' ? 1 : -1); var posPx = annPosPx[axLetter]; var basePx; var textPadShift; var alignPosition; var autoAlignFraction; var textShift; var axRefType = Axes.getRefType(axRef); /* * calculate the *primary* pixel position * which is the arrowhead if there is one, * otherwise the text anchor point */ if(ax && (axRefType !== 'domain')) { // check if annotation is off screen, to bypass DOM manipulations var posFraction = ax.r2fraction(options[axLetter]); if(posFraction < 0 || posFraction > 1) { if(tailRef === axRef) { posFraction = ax.r2fraction(options['a' + axLetter]); if(posFraction < 0 || posFraction > 1) { annotationIsOffscreen = true; } } else { annotationIsOffscreen = true; } } basePx = ax._offset + ax.r2p(options[axLetter]); autoAlignFraction = 0.5; } else { var axRefTypeEqDomain = axRefType === 'domain'; if(axLetter === 'x') { alignPosition = options[axLetter]; basePx = axRefTypeEqDomain ? ax._offset + ax._length * alignPosition : basePx = gs.l + gs.w * alignPosition; } else { alignPosition = 1 - options[axLetter]; basePx = axRefTypeEqDomain ? ax._offset + ax._length * alignPosition : basePx = gs.t + gs.h * alignPosition; } autoAlignFraction = options.showarrow ? 0.5 : alignPosition; } // now translate this into pixel positions of head, tail, and text // as well as paddings for autorange if(options.showarrow) { posPx.head = basePx; var arrowLength = options['a' + axLetter]; // with an arrow, the text rotates around the anchor point textShift = annSizeFromWidth * shiftFraction(0.5, options.xanchor) - annSizeFromHeight * shiftFraction(0.5, options.yanchor); if(tailRef === axRef) { // In the case tailRefType is 'domain' or 'paper', the arrow's // position is set absolutely, which is consistent with how // it behaves when its position is set in data ('range') // coordinates. var tailRefType = Axes.getRefType(tailRef); if(tailRefType === 'domain') { if(axLetter === 'y') { arrowLength = 1 - arrowLength; } posPx.tail = ax._offset + ax._length * arrowLength; } else if(tailRefType === 'paper') { if(axLetter === 'y') { arrowLength = 1 - arrowLength; posPx.tail = gs.t + gs.h * arrowLength; } else { posPx.tail = gs.l + gs.w * arrowLength; } } else { // assumed tailRef is range or paper referenced posPx.tail = ax._offset + ax.r2p(arrowLength); } // tail is range- or domain-referenced: autorange pads the // text in px from the tail textPadShift = textShift; } else { posPx.tail = basePx + arrowLength; // tail is specified in px from head, so autorange also pads vs head textPadShift = textShift + arrowLength; } posPx.text = posPx.tail + textShift; // constrain pixel/paper referenced so the draggers are at least // partially visible var maxPx = fullLayout[(axLetter === 'x') ? 'width' : 'height']; if(axRef === 'paper') { posPx.head = Lib.constrain(posPx.head, 1, maxPx - 1); } if(tailRef === 'pixel') { var shiftPlus = -Math.max(posPx.tail - 3, posPx.text); var shiftMinus = Math.min(posPx.tail + 3, posPx.text) - maxPx; if(shiftPlus > 0) { posPx.tail += shiftPlus; posPx.text += shiftPlus; } else if(shiftMinus > 0) { posPx.tail -= shiftMinus; posPx.text -= shiftMinus; } } posPx.tail += overallShift; posPx.head += overallShift; } else { // with no arrow, the text rotates and *then* we put the anchor // relative to the new bounding box textShift = annSize * shiftFraction(autoAlignFraction, anchor); textPadShift = textShift; posPx.text = basePx + textShift; } posPx.text += overallShift; textShift += overallShift; textPadShift += overallShift; // padplus/minus are used by autorange options['_' + axLetter + 'padplus'] = (annSize / 2) + textPadShift; options['_' + axLetter + 'padminus'] = (annSize / 2) - textPadShift; // size/shift are used during dragging options['_' + axLetter + 'size'] = annSize; options['_' + axLetter + 'shift'] = textShift; } if(annotationIsOffscreen) { annTextGroupInner.remove(); return; } var xShift = 0; var yShift = 0; if(options.align !== 'left') { xShift = (annWidth - textWidth) * (options.align === 'center' ? 0.5 : 1); } if(options.valign !== 'top') { yShift = (annHeight - textHeight) * (options.valign === 'middle' ? 0.5 : 1); } if(hasMathjax) { mathjaxGroup.select('svg').attr({ x: borderfull + xShift - 1, y: borderfull + yShift }) .call(Drawing.setClipUrl, isSizeConstrained ? annClipID : null, gd); } else { var texty = borderfull + yShift - anntextBB.top; var textx = borderfull + xShift - anntextBB.left; annText.call(svgTextUtils.positionText, textx, texty) .call(Drawing.setClipUrl, isSizeConstrained ? annClipID : null, gd); } annTextClip.select('rect').call(Drawing.setRect, borderfull, borderfull, annWidth, annHeight); annTextBG.call(Drawing.setRect, borderwidth / 2, borderwidth / 2, outerWidth - borderwidth, outerHeight - borderwidth); annTextGroupInner.call(Drawing.setTranslate, Math.round(annPosPx.x.text - outerWidth / 2), Math.round(annPosPx.y.text - outerHeight / 2)); /* * rotate text and background * we already calculated the text center position *as rotated* * because we needed that for autoranging anyway, so now whether * we have an arrow or not, we rotate about the text center. */ annTextGroup.attr({transform: 'rotate(' + textangle + ',' + annPosPx.x.text + ',' + annPosPx.y.text + ')'}); /* * add the arrow * uses options[arrowwidth,arrowcolor,arrowhead] for styling * dx and dy are normally zero, but when you are dragging the textbox * while the head stays put, dx and dy are the pixel offsets */ var drawArrow = function(dx, dy) { annGroup .selectAll('.annotation-arrow-g') .remove(); var headX = annPosPx.x.head; var headY = annPosPx.y.head; var tailX = annPosPx.x.tail + dx; var tailY = annPosPx.y.tail + dy; var textX = annPosPx.x.text + dx; var textY = annPosPx.y.text + dy; // find the edge of the text box, where we'll start the arrow: // create transform matrix to rotate the text box corners var transform = Lib.rotationXYMatrix(textangle, textX, textY); var applyTransform = Lib.apply2DTransform(transform); var applyTransform2 = Lib.apply2DTransform2(transform); // calculate and transform bounding box var width = +annTextBG.attr('width'); var height = +annTextBG.attr('height'); var xLeft = textX - 0.5 * width; var xRight = xLeft + width; var yTop = textY - 0.5 * height; var yBottom = yTop + height; var edges = [ [xLeft, yTop, xLeft, yBottom], [xLeft, yBottom, xRight, yBottom], [xRight, yBottom, xRight, yTop], [xRight, yTop, xLeft, yTop] ].map(applyTransform2); // Remove the line if it ends inside the box. Use ray // casting for rotated boxes: see which edges intersect a // line from the arrowhead to far away and reduce with xor // to get the parity of the number of intersections. if(edges.reduce(function(a, x) { return a ^ !!Lib.segmentsIntersect(headX, headY, headX + 1e6, headY + 1e6, x[0], x[1], x[2], x[3]); }, false)) { // no line or arrow - so quit drawArrow now return; } edges.forEach(function(x) { var p = Lib.segmentsIntersect(tailX, tailY, headX, headY, x[0], x[1], x[2], x[3]); if(p) { tailX = p.x; tailY = p.y; } }); var strokewidth = options.arrowwidth; var arrowColor = options.arrowcolor; var arrowSide = options.arrowside; var arrowGroup = annGroup.append('g') .style({opacity: Color.opacity(arrowColor)}) .classed('annotation-arrow-g', true); var arrow = arrowGroup.append('path') .attr('d', 'M' + tailX + ',' + tailY + 'L' + headX + ',' + headY) .style('stroke-width', strokewidth + 'px') .call(Color.stroke, Color.rgb(arrowColor)); drawArrowHead(arrow, arrowSide, options); // the arrow dragger is a small square right at the head, then a line to the tail, // all expanded by a stroke width of 6px plus the arrow line width if(edits.annotationPosition && arrow.node().parentNode && !subplotId) { var arrowDragHeadX = headX; var arrowDragHeadY = headY; if(options.standoff) { var arrowLength = Math.sqrt(Math.pow(headX - tailX, 2) + Math.pow(headY - tailY, 2)); arrowDragHeadX += options.standoff * (tailX - headX) / arrowLength; arrowDragHeadY += options.standoff * (tailY - headY) / arrowLength; } var arrowDrag = arrowGroup.append('path') .classed('annotation-arrow', true) .classed('anndrag', true) .classed('cursor-move', true) .attr({ d: 'M3,3H-3V-3H3ZM0,0L' + (tailX - arrowDragHeadX) + ',' + (tailY - arrowDragHeadY), transform: strTranslate(arrowDragHeadX, arrowDragHeadY) }) .style('stroke-width', (strokewidth + 6) + 'px') .call(Color.stroke, 'rgba(0,0,0,0)') .call(Color.fill, 'rgba(0,0,0,0)'); var annx0, anny0; // dragger for the arrow & head: translates the whole thing // (head/tail/text) all together dragElement.init({ element: arrowDrag.node(), gd: gd, prepFn: function() { var pos = Drawing.getTranslate(annTextGroupInner); annx0 = pos.x; anny0 = pos.y; if(xa && xa.autorange) { modifyBase(xa._name + '.autorange', true); } if(ya && ya.autorange) { modifyBase(ya._name + '.autorange', true); } }, moveFn: function(dx, dy) { var annxy0 = applyTransform(annx0, anny0); var xcenter = annxy0[0] + dx; var ycenter = annxy0[1] + dy; annTextGroupInner.call(Drawing.setTranslate, xcenter, ycenter); modifyItem('x', shiftPosition(xa, dx, 'x', gs, options)); modifyItem('y', shiftPosition(ya, dy, 'y', gs, options)); // for these 2 calls to shiftPosition, it is assumed xa, ya are // defined, so gsDim will not be used, but we put it in // anyways for consistency if(options.axref === options.xref) { modifyItem('ax', shiftPosition(xa, dx, 'ax', gs, options)); } if(options.ayref === options.yref) { modifyItem('ay', shiftPosition(ya, dy, 'ay', gs, options)); } arrowGroup.attr('transform', strTranslate(dx, dy)); annTextGroup.attr({ transform: 'rotate(' + textangle + ',' + xcenter + ',' + ycenter + ')' }); }, doneFn: function() { Registry.call('_guiRelayout', gd, getUpdateObj()); var notesBox = document.querySelector('.js-notes-box-panel'); if(notesBox) notesBox.redraw(notesBox.selectedObj); } }); } }; if(options.showarrow) drawArrow(0, 0); // user dragging the annotation (text, not arrow) if(editTextPosition) { var baseTextTransform; // dragger for the textbox: if there's an arrow, just drag the // textbox and tail, leave the head untouched dragElement.init({ element: annTextGroupInner.node(), gd: gd, prepFn: function() { baseTextTransform = annTextGroup.attr('transform'); }, moveFn: function(dx, dy) { var csr = 'pointer'; if(options.showarrow) { // for these 2 calls to shiftPosition, it is assumed xa, ya are // defined, so gsDim will not be used, but we put it in // anyways for consistency if(options.axref === options.xref) { modifyItem('ax', shiftPosition(xa, dx, 'ax', gs, options)); } else { modifyItem('ax', options.ax + dx); } if(options.ayref === options.yref) { modifyItem('ay', shiftPosition(ya, dy, 'ay', gs.w, options)); } else { modifyItem('ay', options.ay + dy); } drawArrow(dx, dy); } else if(!subplotId) { var xUpdate, yUpdate; if(xa) { // shiftPosition will not execute code where xa was // undefined, so we use to calculate xUpdate too xUpdate = shiftPosition(xa, dx, 'x', gs, options); } else { var widthFraction = options._xsize / gs.w; var xLeft = options.x + (options._xshift - options.xshift) / gs.w - widthFraction / 2; xUpdate = dragElement.align(xLeft + dx / gs.w, widthFraction, 0, 1, options.xanchor); } if(ya) { // shiftPosition will not execute code where ya was // undefined, so we use to calculate yUpdate too yUpdate = shiftPosition(ya, dy, 'y', gs, options); } else { var heightFraction = options._ysize / gs.h; var yBottom = options.y - (options._yshift + options.yshift) / gs.h - heightFraction / 2; yUpdate = dragElement.align(yBottom - dy / gs.h, heightFraction, 0, 1, options.yanchor); } modifyItem('x', xUpdate); modifyItem('y', yUpdate); if(!xa || !ya) { csr = dragElement.getCursor( xa ? 0.5 : xUpdate, ya ? 0.5 : yUpdate, options.xanchor, options.yanchor ); } } else return; annTextGroup.attr({ transform: strTranslate(dx, dy) + baseTextTransform }); setCursor(annTextGroupInner, csr); }, clickFn: function(_, initialEvent) { if(options.captureevents) { gd.emit('plotly_clickannotation', makeEventData(initialEvent)); } }, doneFn: function() { setCursor(annTextGroupInner); Registry.call('_guiRelayout', gd, getUpdateObj()); var notesBox = document.querySelector('.js-notes-box-panel'); if(notesBox) notesBox.redraw(notesBox.selectedObj); } }); } } if(edits.annotationText) { annText.call(svgTextUtils.makeEditable, {delegate: annTextGroupInner, gd: gd}) .call(textLayout) .on('edit', function(_text) { options.text = _text; this.call(textLayout); modifyItem('text', _text); if(xa && xa.autorange) { modifyBase(xa._name + '.autorange', true); } if(ya && ya.autorange) { modifyBase(ya._name + '.autorange', true); } Registry.call('_guiRelayout', gd, getUpdateObj()); }); } else annText.call(textLayout); } },{"../../lib":202,"../../lib/setcursor":222,"../../lib/svg_text_utils":224,"../../plot_api/plot_template":237,"../../plots/cartesian/axes":248,"../../plots/plots":282,"../../registry":290,"../color":75,"../dragelement":94,"../drawing":97,"../fx":115,"./draw_arrow_head":67,"d3":9}],67:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = _dereq_('d3'); var Color = _dereq_('../color'); var ARROWPATHS = _dereq_('./arrow_paths'); var Lib = _dereq_('../../lib'); var strScale = Lib.strScale; var strRotate = Lib.strRotate; var strTranslate = Lib.strTranslate; /** * Add arrowhead(s) to a path or line element * * @param {d3.selection} el3: a d3-selected line or path element * * @param {string} ends: 'none', 'start', 'end', or 'start+end' for which ends get arrowheads * * @param {object} options: style information. Must have all the following: * @param {number} options.arrowhead: end head style - see ./arrow_paths * @param {number} options.startarrowhead: start head style - see ./arrow_paths * @param {number} options.arrowsize: relative size of the end head vs line width * @param {number} options.startarrowsize: relative size of the start head vs line width * @param {number} options.standoff: distance in px to move the end arrow point from its target * @param {number} options.startstandoff: distance in px to move the start arrow point from its target * @param {number} options.arrowwidth: width of the arrow line * @param {string} options.arrowcolor: color of the arrow line, for the head to match * Note that the opacity of this color is ignored, as it's assumed the container * of both the line and head has opacity applied to it so there isn't greater opacity * where they overlap. */ module.exports = function drawArrowHead(el3, ends, options) { var el = el3.node(); var headStyle = ARROWPATHS[options.arrowhead || 0]; var startHeadStyle = ARROWPATHS[options.startarrowhead || 0]; var scale = (options.arrowwidth || 1) * (options.arrowsize || 1); var startScale = (options.arrowwidth || 1) * (options.startarrowsize || 1); var doStart = ends.indexOf('start') >= 0; var doEnd = ends.indexOf('end') >= 0; var backOff = headStyle.backoff * scale + options.standoff; var startBackOff = startHeadStyle.backoff * startScale + options.startstandoff; var start, end, startRot, endRot; if(el.nodeName === 'line') { start = {x: +el3.attr('x1'), y: +el3.attr('y1')}; end = {x: +el3.attr('x2'), y: +el3.attr('y2')}; var dx = start.x - end.x; var dy = start.y - end.y; startRot = Math.atan2(dy, dx); endRot = startRot + Math.PI; if(backOff && startBackOff) { if(backOff + startBackOff > Math.sqrt(dx * dx + dy * dy)) { hideLine(); return; } } if(backOff) { if(backOff * backOff > dx * dx + dy * dy) { hideLine(); return; } var backOffX = backOff * Math.cos(startRot); var backOffY = backOff * Math.sin(startRot); end.x += backOffX; end.y += backOffY; el3.attr({x2: end.x, y2: end.y}); } if(startBackOff) { if(startBackOff * startBackOff > dx * dx + dy * dy) { hideLine(); return; } var startBackOffX = startBackOff * Math.cos(startRot); var startbackOffY = startBackOff * Math.sin(startRot); start.x -= startBackOffX; start.y -= startbackOffY; el3.attr({x1: start.x, y1: start.y}); } } else if(el.nodeName === 'path') { var pathlen = el.getTotalLength(); // using dash to hide the backOff region of the path. // if we ever allow dash for the arrow we'll have to // do better than this hack... maybe just manually // combine the two var dashArray = ''; if(pathlen < backOff + startBackOff) { hideLine(); return; } var start0 = el.getPointAtLength(0); var dstart = el.getPointAtLength(0.1); startRot = Math.atan2(start0.y - dstart.y, start0.x - dstart.x); start = el.getPointAtLength(Math.min(startBackOff, pathlen)); dashArray = '0px,' + startBackOff + 'px,'; var end0 = el.getPointAtLength(pathlen); var dend = el.getPointAtLength(pathlen - 0.1); endRot = Math.atan2(end0.y - dend.y, end0.x - dend.x); end = el.getPointAtLength(Math.max(0, pathlen - backOff)); var shortening = dashArray ? startBackOff + backOff : backOff; dashArray += (pathlen - shortening) + 'px,' + pathlen + 'px'; el3.style('stroke-dasharray', dashArray); } function hideLine() { el3.style('stroke-dasharray', '0px,100px'); } function drawhead(arrowHeadStyle, p, rot, arrowScale) { if(!arrowHeadStyle.path) return; if(arrowHeadStyle.noRotate) rot = 0; d3.select(el.parentNode).append('path') .attr({ 'class': el3.attr('class'), d: arrowHeadStyle.path, transform: strTranslate(p.x, p.y) + strRotate(rot * 180 / Math.PI) + strScale(arrowScale) }) .style({ fill: Color.rgb(options.arrowcolor), 'stroke-width': 0 }); } if(doStart) drawhead(startHeadStyle, start, startRot, startScale); if(doEnd) drawhead(headStyle, end, endRot, scale); }; },{"../../lib":202,"../color":75,"./arrow_paths":59,"d3":9}],68:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var drawModule = _dereq_('./draw'); var clickModule = _dereq_('./click'); module.exports = { moduleType: 'component', name: 'annotations', layoutAttributes: _dereq_('./attributes'), supplyLayoutDefaults: _dereq_('./defaults'), includeBasePlot: _dereq_('../../plots/cartesian/include_components')('annotations'), calcAutorange: _dereq_('./calc_autorange'), draw: drawModule.draw, drawOne: drawModule.drawOne, drawRaw: drawModule.drawRaw, hasClickToShow: clickModule.hasClickToShow, onClick: clickModule.onClick, convertCoords: _dereq_('./convert_coords') }; },{"../../plots/cartesian/include_components":260,"./attributes":60,"./calc_autorange":61,"./click":62,"./convert_coords":64,"./defaults":65,"./draw":66}],69:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var annAttrs = _dereq_('../annotations/attributes'); var overrideAll = _dereq_('../../plot_api/edit_types').overrideAll; var templatedArray = _dereq_('../../plot_api/plot_template').templatedArray; module.exports = overrideAll(templatedArray('annotation', { visible: annAttrs.visible, x: { valType: 'any', }, y: { valType: 'any', }, z: { valType: 'any', }, ax: { valType: 'number', }, ay: { valType: 'number', }, xanchor: annAttrs.xanchor, xshift: annAttrs.xshift, yanchor: annAttrs.yanchor, yshift: annAttrs.yshift, text: annAttrs.text, textangle: annAttrs.textangle, font: annAttrs.font, width: annAttrs.width, height: annAttrs.height, opacity: annAttrs.opacity, align: annAttrs.align, valign: annAttrs.valign, bgcolor: annAttrs.bgcolor, bordercolor: annAttrs.bordercolor, borderpad: annAttrs.borderpad, borderwidth: annAttrs.borderwidth, showarrow: annAttrs.showarrow, arrowcolor: annAttrs.arrowcolor, arrowhead: annAttrs.arrowhead, startarrowhead: annAttrs.startarrowhead, arrowside: annAttrs.arrowside, arrowsize: annAttrs.arrowsize, startarrowsize: annAttrs.startarrowsize, arrowwidth: annAttrs.arrowwidth, standoff: annAttrs.standoff, startstandoff: annAttrs.startstandoff, hovertext: annAttrs.hovertext, hoverlabel: annAttrs.hoverlabel, captureevents: annAttrs.captureevents, // maybes later? // clicktoshow: annAttrs.clicktoshow, // xclick: annAttrs.xclick, // yclick: annAttrs.yclick, // not needed! // axref: 'pixel' // ayref: 'pixel' // xref: 'x' // yref: 'y // zref: 'z' }), 'calc', 'from-root'); },{"../../plot_api/edit_types":230,"../../plot_api/plot_template":237,"../annotations/attributes":60}],70:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = _dereq_('../../lib'); var Axes = _dereq_('../../plots/cartesian/axes'); module.exports = function convert(scene) { var fullSceneLayout = scene.fullSceneLayout; var anns = fullSceneLayout.annotations; for(var i = 0; i < anns.length; i++) { mockAnnAxes(anns[i], scene); } scene.fullLayout._infolayer .selectAll('.annotation-' + scene.id) .remove(); }; function mockAnnAxes(ann, scene) { var fullSceneLayout = scene.fullSceneLayout; var domain = fullSceneLayout.domain; var size = scene.fullLayout._size; var base = { // this gets fill in on render pdata: null, // to get setConvert to not execute cleanly type: 'linear', // don't try to update them on `editable: true` autorange: false, // set infinite range so that annotation draw routine // does not try to remove 'outside-range' annotations, // this case is handled in the render loop range: [-Infinity, Infinity] }; ann._xa = {}; Lib.extendFlat(ann._xa, base); Axes.setConvert(ann._xa); ann._xa._offset = size.l + domain.x[0] * size.w; ann._xa.l2p = function() { return 0.5 * (1 + ann._pdata[0] / ann._pdata[3]) * size.w * (domain.x[1] - domain.x[0]); }; ann._ya = {}; Lib.extendFlat(ann._ya, base); Axes.setConvert(ann._ya); ann._ya._offset = size.t + (1 - domain.y[1]) * size.h; ann._ya.l2p = function() { return 0.5 * (1 - ann._pdata[1] / ann._pdata[3]) * size.h * (domain.y[1] - domain.y[0]); }; } },{"../../lib":202,"../../plots/cartesian/axes":248}],71:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = _dereq_('../../lib'); var Axes = _dereq_('../../plots/cartesian/axes'); var handleArrayContainerDefaults = _dereq_('../../plots/array_container_defaults'); var handleAnnotationCommonDefaults = _dereq_('../annotations/common_defaults'); var attributes = _dereq_('./attributes'); module.exports = function handleDefaults(sceneLayoutIn, sceneLayoutOut, opts) { handleArrayContainerDefaults(sceneLayoutIn, sceneLayoutOut, { name: 'annotations', handleItemDefaults: handleAnnotationDefaults, fullLayout: opts.fullLayout }); }; function handleAnnotationDefaults(annIn, annOut, sceneLayout, opts) { function coerce(attr, dflt) { return Lib.coerce(annIn, annOut, attributes, attr, dflt); } function coercePosition(axLetter) { var axName = axLetter + 'axis'; // mock in such way that getFromId grabs correct 3D axis var gdMock = { _fullLayout: {} }; gdMock._fullLayout[axName] = sceneLayout[axName]; return Axes.coercePosition(annOut, gdMock, coerce, axLetter, axLetter, 0.5); } var visible = coerce('visible'); if(!visible) return; handleAnnotationCommonDefaults(annIn, annOut, opts.fullLayout, coerce); coercePosition('x'); coercePosition('y'); coercePosition('z'); // if you have one coordinate you should all three Lib.noneOrAll(annIn, annOut, ['x', 'y', 'z']); // hard-set here for completeness annOut.xref = 'x'; annOut.yref = 'y'; annOut.zref = 'z'; coerce('xanchor'); coerce('yanchor'); coerce('xshift'); coerce('yshift'); if(annOut.showarrow) { annOut.axref = 'pixel'; annOut.ayref = 'pixel'; // TODO maybe default values should be bigger than the 2D case? coerce('ax', -10); coerce('ay', -30); // if you have one part of arrow length you should have both Lib.noneOrAll(annIn, annOut, ['ax', 'ay']); } } },{"../../lib":202,"../../plots/array_container_defaults":243,"../../plots/cartesian/axes":248,"../annotations/common_defaults":63,"./attributes":69}],72:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var drawRaw = _dereq_('../annotations/draw').drawRaw; var project = _dereq_('../../plots/gl3d/project'); var axLetters = ['x', 'y', 'z']; module.exports = function draw(scene) { var fullSceneLayout = scene.fullSceneLayout; var dataScale = scene.dataScale; var anns = fullSceneLayout.annotations; for(var i = 0; i < anns.length; i++) { var ann = anns[i]; var annotationIsOffscreen = false; for(var j = 0; j < 3; j++) { var axLetter = axLetters[j]; var pos = ann[axLetter]; var ax = fullSceneLayout[axLetter + 'axis']; var posFraction = ax.r2fraction(pos); if(posFraction < 0 || posFraction > 1) { annotationIsOffscreen = true; break; } } if(annotationIsOffscreen) { scene.fullLayout._infolayer .select('.annotation-' + scene.id + '[data-index="' + i + '"]') .remove(); } else { ann._pdata = project(scene.glplot.cameraParams, [ fullSceneLayout.xaxis.r2l(ann.x) * dataScale[0], fullSceneLayout.yaxis.r2l(ann.y) * dataScale[1], fullSceneLayout.zaxis.r2l(ann.z) * dataScale[2] ]); drawRaw(scene.graphDiv, ann, i, scene.id, ann._xa, ann._ya); } } }; },{"../../plots/gl3d/project":279,"../annotations/draw":66}],73:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Registry = _dereq_('../../registry'); var Lib = _dereq_('../../lib'); module.exports = { moduleType: 'component', name: 'annotations3d', schema: { subplots: { scene: {annotations: _dereq_('./attributes')} } }, layoutAttributes: _dereq_('./attributes'), handleDefaults: _dereq_('./defaults'), includeBasePlot: includeGL3D, convert: _dereq_('./convert'), draw: _dereq_('./draw') }; function includeGL3D(layoutIn, layoutOut) { var GL3D = Registry.subplotsRegistry.gl3d; if(!GL3D) return; var attrRegex = GL3D.attrRegex; var keys = Object.keys(layoutIn); for(var i = 0; i < keys.length; i++) { var k = keys[i]; if(attrRegex.test(k) && (layoutIn[k].annotations || []).length) { Lib.pushUnique(layoutOut._basePlotModules, GL3D); Lib.pushUnique(layoutOut._subplots.gl3d, k); } } } },{"../../lib":202,"../../registry":290,"./attributes":69,"./convert":70,"./defaults":71,"./draw":72}],74:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; // IMPORTANT - default colors should be in hex for compatibility exports.defaults = [ '#1f77b4', // muted blue '#ff7f0e', // safety orange '#2ca02c', // cooked asparagus green '#d62728', // brick red '#9467bd', // muted purple '#8c564b', // chestnut brown '#e377c2', // raspberry yogurt pink '#7f7f7f', // middle gray '#bcbd22', // curry yellow-green '#17becf' // blue-teal ]; exports.defaultLine = '#444'; exports.lightLine = '#eee'; exports.background = '#fff'; exports.borderLine = '#BEC8D9'; // with axis.color and Color.interp we aren't using lightLine // itself anymore, instead interpolating between axis.color // and the background color using tinycolor.mix. lightFraction // gives back exactly lightLine if the other colors are defaults. exports.lightFraction = 100 * (0xe - 0x4) / (0xf - 0x4); },{}],75:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var tinycolor = _dereq_('tinycolor2'); var isNumeric = _dereq_('fast-isnumeric'); var color = module.exports = {}; var colorAttrs = _dereq_('./attributes'); color.defaults = colorAttrs.defaults; var defaultLine = color.defaultLine = colorAttrs.defaultLine; color.lightLine = colorAttrs.lightLine; var background = color.background = colorAttrs.background; /* * tinyRGB: turn a tinycolor into an rgb string, but * unlike the built-in tinycolor.toRgbString this never includes alpha */ color.tinyRGB = function(tc) { var c = tc.toRgb(); return 'rgb(' + Math.round(c.r) + ', ' + Math.round(c.g) + ', ' + Math.round(c.b) + ')'; }; color.rgb = function(cstr) { return color.tinyRGB(tinycolor(cstr)); }; color.opacity = function(cstr) { return cstr ? tinycolor(cstr).getAlpha() : 0; }; color.addOpacity = function(cstr, op) { var c = tinycolor(cstr).toRgb(); return 'rgba(' + Math.round(c.r) + ', ' + Math.round(c.g) + ', ' + Math.round(c.b) + ', ' + op + ')'; }; // combine two colors into one apparent color // if back has transparency or is missing, // color.background is assumed behind it color.combine = function(front, back) { var fc = tinycolor(front).toRgb(); if(fc.a === 1) return tinycolor(front).toRgbString(); var bc = tinycolor(back || background).toRgb(); var bcflat = bc.a === 1 ? bc : { r: 255 * (1 - bc.a) + bc.r * bc.a, g: 255 * (1 - bc.a) + bc.g * bc.a, b: 255 * (1 - bc.a) + bc.b * bc.a }; var fcflat = { r: bcflat.r * (1 - fc.a) + fc.r * fc.a, g: bcflat.g * (1 - fc.a) + fc.g * fc.a, b: bcflat.b * (1 - fc.a) + fc.b * fc.a }; return tinycolor(fcflat).toRgbString(); }; /* * Create a color that contrasts with cstr. * * If cstr is a dark color, we lighten it; if it's light, we darken. * * If lightAmount / darkAmount are used, we adjust by these percentages, * otherwise we go all the way to white or black. */ color.contrast = function(cstr, lightAmount, darkAmount) { var tc = tinycolor(cstr); if(tc.getAlpha() !== 1) tc = tinycolor(color.combine(cstr, background)); var newColor = tc.isDark() ? (lightAmount ? tc.lighten(lightAmount) : background) : (darkAmount ? tc.darken(darkAmount) : defaultLine); return newColor.toString(); }; color.stroke = function(s, c) { var tc = tinycolor(c); s.style({'stroke': color.tinyRGB(tc), 'stroke-opacity': tc.getAlpha()}); }; color.fill = function(s, c) { var tc = tinycolor(c); s.style({ 'fill': color.tinyRGB(tc), 'fill-opacity': tc.getAlpha() }); }; // search container for colors with the deprecated rgb(fractions) format // and convert them to rgb(0-255 values) color.clean = function(container) { if(!container || typeof container !== 'object') return; var keys = Object.keys(container); var i, j, key, val; for(i = 0; i < keys.length; i++) { key = keys[i]; val = container[key]; if(key.substr(key.length - 5) === 'color') { // only sanitize keys that end in "color" or "colorscale" if(Array.isArray(val)) { for(j = 0; j < val.length; j++) val[j] = cleanOne(val[j]); } else container[key] = cleanOne(val); } else if(key.substr(key.length - 10) === 'colorscale' && Array.isArray(val)) { // colorscales have the format [[0, color1], [frac, color2], ... [1, colorN]] for(j = 0; j < val.length; j++) { if(Array.isArray(val[j])) val[j][1] = cleanOne(val[j][1]); } } else if(Array.isArray(val)) { // recurse into arrays of objects, and plain objects var el0 = val[0]; if(!Array.isArray(el0) && el0 && typeof el0 === 'object') { for(j = 0; j < val.length; j++) color.clean(val[j]); } } else if(val && typeof val === 'object') color.clean(val); } }; function cleanOne(val) { if(isNumeric(val) || typeof val !== 'string') return val; var valTrim = val.trim(); if(valTrim.substr(0, 3) !== 'rgb') return val; var match = valTrim.match(/^rgba?\s*\(([^()]*)\)$/); if(!match) return val; var parts = match[1].trim().split(/\s*[\s,]\s*/); var rgba = valTrim.charAt(3) === 'a' && parts.length === 4; if(!rgba && parts.length !== 3) return val; for(var i = 0; i < parts.length; i++) { if(!parts[i].length) return val; parts[i] = Number(parts[i]); if(!(parts[i] >= 0)) { // all parts must be non-negative numbers return val; } if(i === 3) { // alpha>1 gets clipped to 1 if(parts[i] > 1) parts[i] = 1; } else if(parts[i] >= 1) { // r, g, b must be < 1 (ie 1 itself is not allowed) return val; } } var rgbStr = Math.round(parts[0] * 255) + ', ' + Math.round(parts[1] * 255) + ', ' + Math.round(parts[2] * 255); if(rgba) return 'rgba(' + rgbStr + ', ' + parts[3] + ')'; return 'rgb(' + rgbStr + ')'; } },{"./attributes":74,"fast-isnumeric":11,"tinycolor2":58}],76:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var axesAttrs = _dereq_('../../plots/cartesian/layout_attributes'); var fontAttrs = _dereq_('../../plots/font_attributes'); var extendFlat = _dereq_('../../lib/extend').extendFlat; var overrideAll = _dereq_('../../plot_api/edit_types').overrideAll; module.exports = overrideAll({ // TODO: only right is supported currently // orient: { // valType: 'enumerated', // // values: ['left', 'right', 'top', 'bottom'], // dflt: 'right', // // }, thicknessmode: { valType: 'enumerated', values: ['fraction', 'pixels'], dflt: 'pixels', }, thickness: { valType: 'number', min: 0, dflt: 30, }, lenmode: { valType: 'enumerated', values: ['fraction', 'pixels'], dflt: 'fraction', }, len: { valType: 'number', min: 0, dflt: 1, }, x: { valType: 'number', dflt: 1.02, min: -2, max: 3, }, xanchor: { valType: 'enumerated', values: ['left', 'center', 'right'], dflt: 'left', }, xpad: { valType: 'number', min: 0, dflt: 10, }, y: { valType: 'number', dflt: 0.5, min: -2, max: 3, }, yanchor: { valType: 'enumerated', values: ['top', 'middle', 'bottom'], dflt: 'middle', }, ypad: { valType: 'number', min: 0, dflt: 10, }, // a possible line around the bar itself outlinecolor: axesAttrs.linecolor, outlinewidth: axesAttrs.linewidth, // Should outlinewidth have {dflt: 0} ? // another possible line outside the padding and tick labels bordercolor: axesAttrs.linecolor, borderwidth: { valType: 'number', min: 0, dflt: 0, }, bgcolor: { valType: 'color', dflt: 'rgba(0,0,0,0)', }, // tick and title properties named and function exactly as in axes tickmode: axesAttrs.tickmode, nticks: axesAttrs.nticks, tick0: axesAttrs.tick0, dtick: axesAttrs.dtick, tickvals: axesAttrs.tickvals, ticktext: axesAttrs.ticktext, ticks: extendFlat({}, axesAttrs.ticks, {dflt: ''}), ticklabelposition: { valType: 'enumerated', values: [ 'outside', 'inside', 'outside top', 'inside top', 'outside bottom', 'inside bottom' ], dflt: 'outside', }, ticklen: axesAttrs.ticklen, tickwidth: axesAttrs.tickwidth, tickcolor: axesAttrs.tickcolor, showticklabels: axesAttrs.showticklabels, tickfont: fontAttrs({ }), tickangle: axesAttrs.tickangle, tickformat: axesAttrs.tickformat, tickformatstops: axesAttrs.tickformatstops, tickprefix: axesAttrs.tickprefix, showtickprefix: axesAttrs.showtickprefix, ticksuffix: axesAttrs.ticksuffix, showticksuffix: axesAttrs.showticksuffix, separatethousands: axesAttrs.separatethousands, exponentformat: axesAttrs.exponentformat, minexponent: axesAttrs.minexponent, showexponent: axesAttrs.showexponent, title: { text: { valType: 'string', }, font: fontAttrs({ }), side: { valType: 'enumerated', values: ['right', 'top', 'bottom'], dflt: 'top', } }, _deprecated: { title: { valType: 'string', }, titlefont: fontAttrs({ }), titleside: { valType: 'enumerated', values: ['right', 'top', 'bottom'], dflt: 'top', } } }, 'colorbars', 'from-root'); },{"../../lib/extend":196,"../../plot_api/edit_types":230,"../../plots/cartesian/layout_attributes":262,"../../plots/font_attributes":276}],77:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = { cn: { colorbar: 'colorbar', cbbg: 'cbbg', cbfill: 'cbfill', cbfills: 'cbfills', cbline: 'cbline', cblines: 'cblines', cbaxis: 'cbaxis', cbtitleunshift: 'cbtitleunshift', cbtitle: 'cbtitle', cboutline: 'cboutline', crisp: 'crisp', jsPlaceholder: 'js-placeholder' } }; },{}],78:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = _dereq_('../../lib'); var Template = _dereq_('../../plot_api/plot_template'); var handleTickValueDefaults = _dereq_('../../plots/cartesian/tick_value_defaults'); var handleTickMarkDefaults = _dereq_('../../plots/cartesian/tick_mark_defaults'); var handleTickLabelDefaults = _dereq_('../../plots/cartesian/tick_label_defaults'); var attributes = _dereq_('./attributes'); module.exports = function colorbarDefaults(containerIn, containerOut, layout) { var colorbarOut = Template.newContainer(containerOut, 'colorbar'); var colorbarIn = containerIn.colorbar || {}; function coerce(attr, dflt) { return Lib.coerce(colorbarIn, colorbarOut, attributes, attr, dflt); } var thicknessmode = coerce('thicknessmode'); coerce('thickness', (thicknessmode === 'fraction') ? 30 / (layout.width - layout.margin.l - layout.margin.r) : 30 ); var lenmode = coerce('lenmode'); coerce('len', (lenmode === 'fraction') ? 1 : layout.height - layout.margin.t - layout.margin.b ); coerce('x'); coerce('xanchor'); coerce('xpad'); coerce('y'); coerce('yanchor'); coerce('ypad'); Lib.noneOrAll(colorbarIn, colorbarOut, ['x', 'y']); coerce('outlinecolor'); coerce('outlinewidth'); coerce('bordercolor'); coerce('borderwidth'); coerce('bgcolor'); var ticklabelposition = coerce('ticklabelposition'); handleTickValueDefaults(colorbarIn, colorbarOut, coerce, 'linear'); var opts = {outerTicks: false, font: layout.font}; if(ticklabelposition.indexOf('inside') !== -1) { opts.bgColor = 'black'; // could we instead use the average of colors in the scale? } handleTickLabelDefaults(colorbarIn, colorbarOut, coerce, 'linear', opts); handleTickMarkDefaults(colorbarIn, colorbarOut, coerce, 'linear', opts); coerce('title.text', layout._dfltTitle.colorbar); Lib.coerceFont(coerce, 'title.font', layout.font); coerce('title.side'); }; },{"../../lib":202,"../../plot_api/plot_template":237,"../../plots/cartesian/tick_label_defaults":269,"../../plots/cartesian/tick_mark_defaults":270,"../../plots/cartesian/tick_value_defaults":271,"./attributes":76}],79:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = _dereq_('d3'); var tinycolor = _dereq_('tinycolor2'); var Plots = _dereq_('../../plots/plots'); var Registry = _dereq_('../../registry'); var Axes = _dereq_('../../plots/cartesian/axes'); var dragElement = _dereq_('../dragelement'); var Lib = _dereq_('../../lib'); var strTranslate = Lib.strTranslate; var extendFlat = _dereq_('../../lib/extend').extendFlat; var setCursor = _dereq_('../../lib/setcursor'); var Drawing = _dereq_('../drawing'); var Color = _dereq_('../color'); var Titles = _dereq_('../titles'); var svgTextUtils = _dereq_('../../lib/svg_text_utils'); var flipScale = _dereq_('../colorscale/helpers').flipScale; var handleAxisDefaults = _dereq_('../../plots/cartesian/axis_defaults'); var handleAxisPositionDefaults = _dereq_('../../plots/cartesian/position_defaults'); var axisLayoutAttrs = _dereq_('../../plots/cartesian/layout_attributes'); var alignmentConstants = _dereq_('../../constants/alignment'); var LINE_SPACING = alignmentConstants.LINE_SPACING; var FROM_TL = alignmentConstants.FROM_TL; var FROM_BR = alignmentConstants.FROM_BR; var cn = _dereq_('./constants').cn; function draw(gd) { var fullLayout = gd._fullLayout; var colorBars = fullLayout._infolayer .selectAll('g.' + cn.colorbar) .data(makeColorBarData(gd), function(opts) { return opts._id; }); colorBars.enter().append('g') .attr('class', function(opts) { return opts._id; }) .classed(cn.colorbar, true); colorBars.each(function(opts) { var g = d3.select(this); Lib.ensureSingle(g, 'rect', cn.cbbg); Lib.ensureSingle(g, 'g', cn.cbfills); Lib.ensureSingle(g, 'g', cn.cblines); Lib.ensureSingle(g, 'g', cn.cbaxis, function(s) { s.classed(cn.crisp, true); }); Lib.ensureSingle(g, 'g', cn.cbtitleunshift, function(s) { s.append('g').classed(cn.cbtitle, true); }); Lib.ensureSingle(g, 'rect', cn.cboutline); var done = drawColorBar(g, opts, gd); if(done && done.then) (gd._promises || []).push(done); if(gd._context.edits.colorbarPosition) { makeEditable(g, opts, gd); } }); colorBars.exit() .each(function(opts) { Plots.autoMargin(gd, opts._id); }) .remove(); colorBars.order(); } function makeColorBarData(gd) { var fullLayout = gd._fullLayout; var calcdata = gd.calcdata; var out = []; // single out item var opts; // colorbar attr parent container var cont; // trace attr container var trace; // colorbar options var cbOpt; function initOpts(opts) { return extendFlat(opts, { // fillcolor can be a d3 scale, domain is z values, range is colors // or leave it out for no fill, // or set to a string constant for single-color fill _fillcolor: null, // line.color has the same options as fillcolor _line: {color: null, width: null, dash: null}, // levels of lines to draw. // note that this DOES NOT determine the extent of the bar // that's given by the domain of fillcolor // (or line.color if no fillcolor domain) _levels: {start: null, end: null, size: null}, // separate fill levels (for example, heatmap coloring of a // contour map) if this is omitted, fillcolors will be // evaluated halfway between levels _filllevels: null, // for continuous colorscales: fill with a gradient instead of explicit levels // value should be the colorscale [[0, c0], [v1, c1], ..., [1, cEnd]] _fillgradient: null, // when using a gradient, we need the data range specified separately _zrange: null }); } function calcOpts() { if(typeof cbOpt.calc === 'function') { cbOpt.calc(gd, trace, opts); } else { opts._fillgradient = cont.reversescale ? flipScale(cont.colorscale) : cont.colorscale; opts._zrange = [cont[cbOpt.min], cont[cbOpt.max]]; } } for(var i = 0; i < calcdata.length; i++) { var cd = calcdata[i]; trace = cd[0].trace; var moduleOpts = trace._module.colorbar; if(trace.visible === true && moduleOpts) { var allowsMultiplotCbs = Array.isArray(moduleOpts); var cbOpts = allowsMultiplotCbs ? moduleOpts : [moduleOpts]; for(var j = 0; j < cbOpts.length; j++) { cbOpt = cbOpts[j]; var contName = cbOpt.container; cont = contName ? trace[contName] : trace; if(cont && cont.showscale) { opts = initOpts(cont.colorbar); opts._id = 'cb' + trace.uid + (allowsMultiplotCbs && contName ? '-' + contName : ''); opts._traceIndex = trace.index; opts._propPrefix = (contName ? contName + '.' : '') + 'colorbar.'; opts._meta = trace._meta; calcOpts(); out.push(opts); } } } } for(var k in fullLayout._colorAxes) { cont = fullLayout[k]; if(cont.showscale) { var colorAxOpts = fullLayout._colorAxes[k]; opts = initOpts(cont.colorbar); opts._id = 'cb' + k; opts._propPrefix = k + '.colorbar.'; opts._meta = fullLayout._meta; cbOpt = {min: 'cmin', max: 'cmax'}; if(colorAxOpts[0] !== 'heatmap') { trace = colorAxOpts[1]; cbOpt.calc = trace._module.colorbar.calc; } calcOpts(); out.push(opts); } } return out; } function drawColorBar(g, opts, gd) { var fullLayout = gd._fullLayout; var gs = fullLayout._size; var fillColor = opts._fillcolor; var line = opts._line; var title = opts.title; var titleSide = title.side; var zrange = opts._zrange || d3.extent((typeof fillColor === 'function' ? fillColor : line.color).domain()); var lineColormap = typeof line.color === 'function' ? line.color : function() { return line.color; }; var fillColormap = typeof fillColor === 'function' ? fillColor : function() { return fillColor; }; var levelsIn = opts._levels; var levelsOut = calcLevels(gd, opts, zrange); var fillLevels = levelsOut.fill; var lineLevels = levelsOut.line; // we calculate pixel sizes based on the specified graph size, // not the actual (in case something pushed the margins around) // which is a little odd but avoids an odd iterative effect // when the colorbar itself is pushing the margins. // but then the fractional size is calculated based on the // actual graph size, so that the axes will size correctly. var thickPx = Math.round(opts.thickness * (opts.thicknessmode === 'fraction' ? gs.w : 1)); var thickFrac = thickPx / gs.w; var lenPx = Math.round(opts.len * (opts.lenmode === 'fraction' ? gs.h : 1)); var lenFrac = lenPx / gs.h; var xpadFrac = opts.xpad / gs.w; var yExtraPx = (opts.borderwidth + opts.outlinewidth) / 2; var ypadFrac = opts.ypad / gs.h; // x positioning: do it initially just for left anchor, // then fix at the end (since we don't know the width yet) var xLeft = Math.round(opts.x * gs.w + opts.xpad); // for dragging... this is getting a little muddled... var xLeftFrac = opts.x - thickFrac * ({middle: 0.5, right: 1}[opts.xanchor] || 0); // y positioning we can do correctly from the start var yBottomFrac = opts.y + lenFrac * (({top: -0.5, bottom: 0.5}[opts.yanchor] || 0) - 0.5); var yBottomPx = Math.round(gs.h * (1 - yBottomFrac)); var yTopPx = yBottomPx - lenPx; // stash a few things for makeEditable opts._lenFrac = lenFrac; opts._thickFrac = thickFrac; opts._xLeftFrac = xLeftFrac; opts._yBottomFrac = yBottomFrac; // stash mocked axis for contour label formatting var ax = opts._axis = mockColorBarAxis(gd, opts, zrange); // position can't go in through supplyDefaults // because that restricts it to [0,1] ax.position = opts.x + xpadFrac + thickFrac; if(['top', 'bottom'].indexOf(titleSide) !== -1) { ax.title.side = titleSide; ax.titlex = opts.x + xpadFrac; ax.titley = yBottomFrac + (title.side === 'top' ? lenFrac - ypadFrac : ypadFrac); } if(line.color && opts.tickmode === 'auto') { ax.tickmode = 'linear'; ax.tick0 = levelsIn.start; var dtick = levelsIn.size; // expand if too many contours, so we don't get too many ticks var autoNtick = Lib.constrain((yBottomPx - yTopPx) / 50, 4, 15) + 1; var dtFactor = (zrange[1] - zrange[0]) / ((opts.nticks || autoNtick) * dtick); if(dtFactor > 1) { var dtexp = Math.pow(10, Math.floor(Math.log(dtFactor) / Math.LN10)); dtick *= dtexp * Lib.roundUp(dtFactor / dtexp, [2, 5, 10]); // if the contours are at round multiples, reset tick0 // so they're still at round multiples. Otherwise, // keep the first label on the first contour level if((Math.abs(levelsIn.start) / levelsIn.size + 1e-6) % 1 < 2e-6) { ax.tick0 = 0; } } ax.dtick = dtick; } // set domain after init, because we may want to // allow it outside [0,1] ax.domain = [ yBottomFrac + ypadFrac, yBottomFrac + lenFrac - ypadFrac ]; ax.setScale(); g.attr('transform', strTranslate(Math.round(gs.l), Math.round(gs.t))); var titleCont = g.select('.' + cn.cbtitleunshift) .attr('transform', strTranslate(-Math.round(gs.l), -Math.round(gs.t))); var axLayer = g.select('.' + cn.cbaxis); var titleEl; var titleHeight = 0; function drawTitle(titleClass, titleOpts) { var dfltTitleOpts = { propContainer: ax, propName: opts._propPrefix + 'title', traceIndex: opts._traceIndex, _meta: opts._meta, placeholder: fullLayout._dfltTitle.colorbar, containerGroup: g.select('.' + cn.cbtitle) }; // this class-to-rotate thing with convertToTspans is // getting hackier and hackier... delete groups with the // wrong class (in case earlier the colorbar was drawn on // a different side, I think?) var otherClass = titleClass.charAt(0) === 'h' ? titleClass.substr(1) : 'h' + titleClass; g.selectAll('.' + otherClass + ',.' + otherClass + '-math-group').remove(); Titles.draw(gd, titleClass, extendFlat(dfltTitleOpts, titleOpts || {})); } function drawDummyTitle() { if(['top', 'bottom'].indexOf(titleSide) !== -1) { // draw the title so we know how much room it needs // when we squish the axis. This one only applies to // top or bottom titles, not right side. var x = gs.l + (opts.x + xpadFrac) * gs.w; var fontSize = ax.title.font.size; var y; if(titleSide === 'top') { y = (1 - (yBottomFrac + lenFrac - ypadFrac)) * gs.h + gs.t + 3 + fontSize * 0.75; } else { y = (1 - (yBottomFrac + ypadFrac)) * gs.h + gs.t - 3 - fontSize * 0.25; } drawTitle(ax._id + 'title', { attributes: {x: x, y: y, 'text-anchor': 'start'} }); } } function drawCbTitle() { if(['top', 'bottom'].indexOf(titleSide) === -1) { var fontSize = ax.title.font.size; var y = ax._offset + ax._length / 2; var x = gs.l + (ax.position || 0) * gs.w + ((ax.side === 'right') ? 10 + fontSize * ((ax.showticklabels ? 1 : 0.5)) : -10 - fontSize * ((ax.showticklabels ? 0.5 : 0))); // the 'h' + is a hack to get around the fact that // convertToTspans rotates any 'y...' class by 90 degrees. // TODO: find a better way to control this. drawTitle('h' + ax._id + 'title', { avoid: { selection: d3.select(gd).selectAll('g.' + ax._id + 'tick'), side: titleSide, offsetLeft: gs.l, offsetTop: 0, maxShift: fullLayout.width }, attributes: {x: x, y: y, 'text-anchor': 'middle'}, transform: {rotate: '-90', offset: 0} }); } } function drawAxis() { if(['top', 'bottom'].indexOf(titleSide) !== -1) { // squish the axis top to make room for the title var titleGroup = g.select('.' + cn.cbtitle); var titleText = titleGroup.select('text'); var titleTrans = [-opts.outlinewidth / 2, opts.outlinewidth / 2]; var mathJaxNode = titleGroup .select('.h' + ax._id + 'title-math-group') .node(); var lineSize = 15.6; if(titleText.node()) { lineSize = parseInt(titleText.node().style.fontSize, 10) * LINE_SPACING; } if(mathJaxNode) { titleHeight = Drawing.bBox(mathJaxNode).height; if(titleHeight > lineSize) { // not entirely sure how mathjax is doing // vertical alignment, but this seems to work. titleTrans[1] -= (titleHeight - lineSize) / 2; } } else if(titleText.node() && !titleText.classed(cn.jsPlaceholder)) { titleHeight = Drawing.bBox(titleText.node()).height; } if(titleHeight) { // buffer btwn colorbar and title // TODO: configurable titleHeight += 5; if(titleSide === 'top') { ax.domain[1] -= titleHeight / gs.h; titleTrans[1] *= -1; } else { ax.domain[0] += titleHeight / gs.h; var nlines = svgTextUtils.lineCount(titleText); titleTrans[1] += (1 - nlines) * lineSize; } titleGroup.attr('transform', strTranslate(titleTrans[0], titleTrans[1])); ax.setScale(); } } g.selectAll('.' + cn.cbfills + ',.' + cn.cblines) .attr('transform', strTranslate(0, Math.round(gs.h * (1 - ax.domain[1])))); axLayer.attr('transform', strTranslate(0, Math.round(-gs.t))); var fills = g.select('.' + cn.cbfills) .selectAll('rect.' + cn.cbfill) .attr('style', '') .data(fillLevels); fills.enter().append('rect') .classed(cn.cbfill, true) .style('stroke', 'none'); fills.exit().remove(); var zBounds = zrange .map(ax.c2p) .map(Math.round) .sort(function(a, b) { return a - b; }); fills.each(function(d, i) { var z = [ (i === 0) ? zrange[0] : (fillLevels[i] + fillLevels[i - 1]) / 2, (i === fillLevels.length - 1) ? zrange[1] : (fillLevels[i] + fillLevels[i + 1]) / 2 ] .map(ax.c2p) .map(Math.round); // offset the side adjoining the next rectangle so they // overlap, to prevent antialiasing gaps z[1] = Lib.constrain(z[1] + (z[1] > z[0]) ? 1 : -1, zBounds[0], zBounds[1]); // Colorbar cannot currently support opacities so we // use an opaque fill even when alpha channels present var fillEl = d3.select(this).attr({ x: xLeft, width: Math.max(thickPx, 2), y: d3.min(z), height: Math.max(d3.max(z) - d3.min(z), 2), }); if(opts._fillgradient) { Drawing.gradient(fillEl, gd, opts._id, 'vertical', opts._fillgradient, 'fill'); } else { // tinycolor can't handle exponents and // at this scale, removing it makes no difference. var colorString = fillColormap(d).replace('e-', ''); fillEl.attr('fill', tinycolor(colorString).toHexString()); } }); var lines = g.select('.' + cn.cblines) .selectAll('path.' + cn.cbline) .data(line.color && line.width ? lineLevels : []); lines.enter().append('path') .classed(cn.cbline, true); lines.exit().remove(); lines.each(function(d) { d3.select(this) .attr('d', 'M' + xLeft + ',' + (Math.round(ax.c2p(d)) + (line.width / 2) % 1) + 'h' + thickPx) .call(Drawing.lineGroupStyle, line.width, lineColormap(d), line.dash); }); // force full redraw of labels and ticks axLayer.selectAll('g.' + ax._id + 'tick,path').remove(); var shift = xLeft + thickPx + (opts.outlinewidth || 0) / 2 - (opts.ticks === 'outside' ? 1 : 0); var vals = Axes.calcTicks(ax); var tickSign = Axes.getTickSigns(ax)[2]; Axes.drawTicks(gd, ax, { vals: ax.ticks === 'inside' ? Axes.clipEnds(ax, vals) : vals, layer: axLayer, path: Axes.makeTickPath(ax, shift, tickSign), transFn: Axes.makeTransTickFn(ax) }); return Axes.drawLabels(gd, ax, { vals: vals, layer: axLayer, transFn: Axes.makeTransTickLabelFn(ax), labelFns: Axes.makeLabelFns(ax, shift) }); } // wait for the axis & title to finish rendering before // continuing positioning // TODO: why are we redrawing multiple times now with this? // I guess autoMargin doesn't like being post-promise? function positionCB() { var innerWidth = thickPx + opts.outlinewidth / 2; if(ax.ticklabelposition.indexOf('inside') === -1) { innerWidth += Drawing.bBox(axLayer.node()).width; } titleEl = titleCont.select('text'); if(titleEl.node() && !titleEl.classed(cn.jsPlaceholder)) { var mathJaxNode = titleCont.select('.h' + ax._id + 'title-math-group').node(); var titleWidth; if(mathJaxNode && ['top', 'bottom'].indexOf(titleSide) !== -1) { titleWidth = Drawing.bBox(mathJaxNode).width; } else { // note: the formula below works for all title sides, // (except for top/bottom mathjax, above) // but the weird gs.l is because the titleunshift // transform gets removed by Drawing.bBox titleWidth = Drawing.bBox(titleCont.node()).right - xLeft - gs.l; } innerWidth = Math.max(innerWidth, titleWidth); } var outerwidth = 2 * opts.xpad + innerWidth + opts.borderwidth + opts.outlinewidth / 2; var outerheight = yBottomPx - yTopPx; g.select('.' + cn.cbbg).attr({ x: xLeft - opts.xpad - (opts.borderwidth + opts.outlinewidth) / 2, y: yTopPx - yExtraPx, width: Math.max(outerwidth, 2), height: Math.max(outerheight + 2 * yExtraPx, 2) }) .call(Color.fill, opts.bgcolor) .call(Color.stroke, opts.bordercolor) .style('stroke-width', opts.borderwidth); g.selectAll('.' + cn.cboutline).attr({ x: xLeft, y: yTopPx + opts.ypad + (titleSide === 'top' ? titleHeight : 0), width: Math.max(thickPx, 2), height: Math.max(outerheight - 2 * opts.ypad - titleHeight, 2) }) .call(Color.stroke, opts.outlinecolor) .style({ fill: 'none', 'stroke-width': opts.outlinewidth }); // fix positioning for xanchor!='left' var xoffset = ({center: 0.5, right: 1}[opts.xanchor] || 0) * outerwidth; g.attr('transform', strTranslate(gs.l - xoffset, gs.t)); // auto margin adjustment var marginOpts = {}; var tFrac = FROM_TL[opts.yanchor]; var bFrac = FROM_BR[opts.yanchor]; if(opts.lenmode === 'pixels') { marginOpts.y = opts.y; marginOpts.t = outerheight * tFrac; marginOpts.b = outerheight * bFrac; } else { marginOpts.t = marginOpts.b = 0; marginOpts.yt = opts.y + opts.len * tFrac; marginOpts.yb = opts.y - opts.len * bFrac; } var lFrac = FROM_TL[opts.xanchor]; var rFrac = FROM_BR[opts.xanchor]; if(opts.thicknessmode === 'pixels') { marginOpts.x = opts.x; marginOpts.l = outerwidth * lFrac; marginOpts.r = outerwidth * rFrac; } else { var extraThickness = outerwidth - thickPx; marginOpts.l = extraThickness * lFrac; marginOpts.r = extraThickness * rFrac; marginOpts.xl = opts.x - opts.thickness * lFrac; marginOpts.xr = opts.x + opts.thickness * rFrac; } Plots.autoMargin(gd, opts._id, marginOpts); } return Lib.syncOrAsync([ Plots.previousPromises, drawDummyTitle, drawAxis, drawCbTitle, Plots.previousPromises, positionCB ], gd); } function makeEditable(g, opts, gd) { var fullLayout = gd._fullLayout; var gs = fullLayout._size; var t0, xf, yf; dragElement.init({ element: g.node(), gd: gd, prepFn: function() { t0 = g.attr('transform'); setCursor(g); }, moveFn: function(dx, dy) { g.attr('transform', t0 + strTranslate(dx, dy)); xf = dragElement.align(opts._xLeftFrac + (dx / gs.w), opts._thickFrac, 0, 1, opts.xanchor); yf = dragElement.align(opts._yBottomFrac - (dy / gs.h), opts._lenFrac, 0, 1, opts.yanchor); var csr = dragElement.getCursor(xf, yf, opts.xanchor, opts.yanchor); setCursor(g, csr); }, doneFn: function() { setCursor(g); if(xf !== undefined && yf !== undefined) { var update = {}; update[opts._propPrefix + 'x'] = xf; update[opts._propPrefix + 'y'] = yf; if(opts._traceIndex !== undefined) { Registry.call('_guiRestyle', gd, update, opts._traceIndex); } else { Registry.call('_guiRelayout', gd, update); } } } }); } function calcLevels(gd, opts, zrange) { var levelsIn = opts._levels; var lineLevels = []; var fillLevels = []; var l; var i; var l0 = levelsIn.end + levelsIn.size / 100; var ls = levelsIn.size; var zr0 = (1.001 * zrange[0] - 0.001 * zrange[1]); var zr1 = (1.001 * zrange[1] - 0.001 * zrange[0]); for(i = 0; i < 1e5; i++) { l = levelsIn.start + i * ls; if(ls > 0 ? (l >= l0) : (l <= l0)) break; if(l > zr0 && l < zr1) lineLevels.push(l); } if(opts._fillgradient) { fillLevels = [0]; } else if(typeof opts._fillcolor === 'function') { var fillLevelsIn = opts._filllevels; if(fillLevelsIn) { l0 = fillLevelsIn.end + fillLevelsIn.size / 100; ls = fillLevelsIn.size; for(i = 0; i < 1e5; i++) { l = fillLevelsIn.start + i * ls; if(ls > 0 ? (l >= l0) : (l <= l0)) break; if(l > zrange[0] && l < zrange[1]) fillLevels.push(l); } } else { fillLevels = lineLevels.map(function(v) { return v - levelsIn.size / 2; }); fillLevels.push(fillLevels[fillLevels.length - 1] + levelsIn.size); } } else if(opts._fillcolor && typeof opts._fillcolor === 'string') { // doesn't matter what this value is, with a single value // we'll make a single fill rect covering the whole bar fillLevels = [0]; } if(levelsIn.size < 0) { lineLevels.reverse(); fillLevels.reverse(); } return {line: lineLevels, fill: fillLevels}; } function mockColorBarAxis(gd, opts, zrange) { var fullLayout = gd._fullLayout; var cbAxisIn = { type: 'linear', range: zrange, tickmode: opts.tickmode, nticks: opts.nticks, tick0: opts.tick0, dtick: opts.dtick, tickvals: opts.tickvals, ticktext: opts.ticktext, ticks: opts.ticks, ticklen: opts.ticklen, tickwidth: opts.tickwidth, tickcolor: opts.tickcolor, showticklabels: opts.showticklabels, ticklabelposition: opts.ticklabelposition, tickfont: opts.tickfont, tickangle: opts.tickangle, tickformat: opts.tickformat, exponentformat: opts.exponentformat, minexponent: opts.minexponent, separatethousands: opts.separatethousands, showexponent: opts.showexponent, showtickprefix: opts.showtickprefix, tickprefix: opts.tickprefix, showticksuffix: opts.showticksuffix, ticksuffix: opts.ticksuffix, title: opts.title, showline: true, anchor: 'free', side: 'right', position: 1 }; var cbAxisOut = { type: 'linear', _id: 'y' + opts._id }; var axisOptions = { letter: 'y', font: fullLayout.font, noHover: true, noTickson: true, noTicklabelmode: true, calendar: fullLayout.calendar // not really necessary (yet?) }; function coerce(attr, dflt) { return Lib.coerce(cbAxisIn, cbAxisOut, axisLayoutAttrs, attr, dflt); } handleAxisDefaults(cbAxisIn, cbAxisOut, coerce, axisOptions, fullLayout); handleAxisPositionDefaults(cbAxisIn, cbAxisOut, coerce, axisOptions); return cbAxisOut; } module.exports = { draw: draw }; },{"../../constants/alignment":177,"../../lib":202,"../../lib/extend":196,"../../lib/setcursor":222,"../../lib/svg_text_utils":224,"../../plots/cartesian/axes":248,"../../plots/cartesian/axis_defaults":250,"../../plots/cartesian/layout_attributes":262,"../../plots/cartesian/position_defaults":265,"../../plots/plots":282,"../../registry":290,"../color":75,"../colorscale/helpers":86,"../dragelement":94,"../drawing":97,"../titles":170,"./constants":77,"d3":9,"tinycolor2":58}],80:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = _dereq_('../../lib'); module.exports = function hasColorbar(container) { return Lib.isPlainObject(container.colorbar); }; },{"../../lib":202}],81:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = { moduleType: 'component', name: 'colorbar', attributes: _dereq_('./attributes'), supplyDefaults: _dereq_('./defaults'), draw: _dereq_('./draw').draw, hasColorbar: _dereq_('./has_colorbar') }; },{"./attributes":76,"./defaults":78,"./draw":79,"./has_colorbar":80}],82:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var colorbarAttrs = _dereq_('../colorbar/attributes'); var counterRegex = _dereq_('../../lib/regex').counter; var palettes = _dereq_('./scales.js').scales; var paletteStr = Object.keys(palettes); function code(s) { return '`' + s + '`'; } /** * Make colorscale attribute declarations for * * - colorscale, * - (c|z)auto, (c|z)min, (c|z)max, * - autocolorscale, reversescale, * - showscale (optionally) * - color (optionally) * * @param {string} context (dflt: '', i.e. from trace root): * the container this is in ('', *marker*, *marker.line* etc) * * @param {object} opts: * - cLetter {string} (dflt: 'c'): * leading letter for 'min', 'max and 'auto' attribute (either 'z' or 'c') * * - colorAttr {string} (dflt: 'z' if `cLetter: 'z'`, 'color' if `cLetter: 'c'`): * (for descriptions) sets the name of the color attribute that maps to the colorscale. * * N.B. if `colorAttr: 'color'`, we include the `color` declaration here. * * - onlyIfNumerical {string} (dflt: false' if `cLetter: 'z'`, true if `cLetter: 'c'`): * (for descriptions) set to true if colorscale attribute only * * - colorscaleDflt {string}: * overrides the colorscale dflt * * - autoColorDflt {boolean} (dflt true): * normally autocolorscale.dflt is `true`, but pass `false` to override * * - noScale {boolean} (dflt: true if `context: 'marker.line'`, false otherwise): * set to `false` to not include showscale attribute (e.g. for 'marker.line') * * - showScaleDflt {boolean} (dflt: true if `cLetter: 'z'`, false otherwise) * * - editTypeOverride {boolean} (dflt: ''): * most of these attributes already require a recalc, but the ones that do not * have editType *style* or *plot* unless you override (presumably with *calc*) * * - anim {boolean) (dflt: undefined): is 'color' animatable? * * @return {object} */ module.exports = function colorScaleAttrs(context, opts) { context = context || ''; opts = opts || {}; var cLetter = opts.cLetter || 'c'; var onlyIfNumerical = ('onlyIfNumerical' in opts) ? opts.onlyIfNumerical : Boolean(context); var noScale = ('noScale' in opts) ? opts.noScale : context === 'marker.line'; var showScaleDflt = ('showScaleDflt' in opts) ? opts.showScaleDflt : cLetter === 'z'; var colorscaleDflt = typeof opts.colorscaleDflt === 'string' ? palettes[opts.colorscaleDflt] : null; var editTypeOverride = opts.editTypeOverride || ''; var contextHead = context ? (context + '.') : ''; var colorAttr, colorAttrFull; if('colorAttr' in opts) { colorAttr = opts.colorAttr; colorAttrFull = opts.colorAttr; } else { colorAttr = {z: 'z', c: 'color'}[cLetter]; colorAttrFull = 'in ' + code(contextHead + colorAttr); } var effectDesc = onlyIfNumerical ? ' Has an effect only if ' + colorAttrFull + 'is set to a numerical array.' : ''; var auto = cLetter + 'auto'; var min = cLetter + 'min'; var max = cLetter + 'max'; var mid = cLetter + 'mid'; var autoFull = code(contextHead + auto); var minFull = code(contextHead + min); var maxFull = code(contextHead + max); var minmaxFull = minFull + ' and ' + maxFull; var autoImpliedEdits = {}; autoImpliedEdits[min] = autoImpliedEdits[max] = undefined; var minmaxImpliedEdits = {}; minmaxImpliedEdits[auto] = false; var attrs = {}; if(colorAttr === 'color') { attrs.color = { valType: 'color', arrayOk: true, editType: editTypeOverride || 'style', }; if(opts.anim) { attrs.color.anim = true; } } attrs[auto] = { valType: 'boolean', dflt: true, editType: 'calc', impliedEdits: autoImpliedEdits, }; attrs[min] = { valType: 'number', dflt: null, editType: editTypeOverride || 'plot', impliedEdits: minmaxImpliedEdits, }; attrs[max] = { valType: 'number', dflt: null, editType: editTypeOverride || 'plot', impliedEdits: minmaxImpliedEdits, }; attrs[mid] = { valType: 'number', dflt: null, editType: 'calc', impliedEdits: autoImpliedEdits, }; attrs.colorscale = { valType: 'colorscale', editType: 'calc', dflt: colorscaleDflt, impliedEdits: {autocolorscale: false}, }; attrs.autocolorscale = { valType: 'boolean', // gets overrode in 'heatmap' & 'surface' for backwards comp. dflt: opts.autoColorDflt === false ? false : true, editType: 'calc', impliedEdits: {colorscale: undefined}, }; attrs.reversescale = { valType: 'boolean', dflt: false, editType: 'plot', }; if(!noScale) { attrs.showscale = { valType: 'boolean', dflt: showScaleDflt, editType: 'calc', }; attrs.colorbar = colorbarAttrs; } if(!opts.noColorAxis) { attrs.coloraxis = { valType: 'subplotid', regex: counterRegex('coloraxis'), dflt: null, editType: 'calc', }; } return attrs; }; },{"../../lib/regex":218,"../colorbar/attributes":76,"./scales.js":90}],83:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var isNumeric = _dereq_('fast-isnumeric'); var Lib = _dereq_('../../lib'); var extractOpts = _dereq_('./helpers').extractOpts; module.exports = function calc(gd, trace, opts) { var fullLayout = gd._fullLayout; var vals = opts.vals; var containerStr = opts.containerStr; var container = containerStr ? Lib.nestedProperty(trace, containerStr).get() : trace; var cOpts = extractOpts(container); var auto = cOpts.auto !== false; var min = cOpts.min; var max = cOpts.max; var mid = cOpts.mid; var minVal = function() { return Lib.aggNums(Math.min, null, vals); }; var maxVal = function() { return Lib.aggNums(Math.max, null, vals); }; if(min === undefined) { min = minVal(); } else if(auto) { if(container._colorAx && isNumeric(min)) { min = Math.min(min, minVal()); } else { min = minVal(); } } if(max === undefined) { max = maxVal(); } else if(auto) { if(container._colorAx && isNumeric(max)) { max = Math.max(max, maxVal()); } else { max = maxVal(); } } if(auto && mid !== undefined) { if(max - mid > mid - min) { min = mid - (max - mid); } else if(max - mid < mid - min) { max = mid + (mid - min); } } if(min === max) { min -= 0.5; max += 0.5; } cOpts._sync('min', min); cOpts._sync('max', max); if(cOpts.autocolorscale) { var scl; if(min * max < 0) scl = fullLayout.colorscale.diverging; else if(min >= 0) scl = fullLayout.colorscale.sequential; else scl = fullLayout.colorscale.sequentialminus; cOpts._sync('colorscale', scl); } }; },{"../../lib":202,"./helpers":86,"fast-isnumeric":11}],84:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = _dereq_('../../lib'); var hasColorscale = _dereq_('./helpers').hasColorscale; var extractOpts = _dereq_('./helpers').extractOpts; module.exports = function crossTraceDefaults(fullData, fullLayout) { function replace(cont, k) { var val = cont['_' + k]; if(val !== undefined) { cont[k] = val; } } function relinkColorAttrs(outerCont, cbOpt) { var cont = cbOpt.container ? Lib.nestedProperty(outerCont, cbOpt.container).get() : outerCont; if(cont) { if(cont.coloraxis) { // stash ref to color axis cont._colorAx = fullLayout[cont.coloraxis]; } else { var cOpts = extractOpts(cont); var isAuto = cOpts.auto; if(isAuto || cOpts.min === undefined) { replace(cont, cbOpt.min); } if(isAuto || cOpts.max === undefined) { replace(cont, cbOpt.max); } if(cOpts.autocolorscale) { replace(cont, 'colorscale'); } } } } for(var i = 0; i < fullData.length; i++) { var trace = fullData[i]; var cbOpts = trace._module.colorbar; if(cbOpts) { if(Array.isArray(cbOpts)) { for(var j = 0; j < cbOpts.length; j++) { relinkColorAttrs(trace, cbOpts[j]); } } else { relinkColorAttrs(trace, cbOpts); } } if(hasColorscale(trace, 'marker.line')) { relinkColorAttrs(trace, { container: 'marker.line', min: 'cmin', max: 'cmax' }); } } for(var k in fullLayout._colorAxes) { relinkColorAttrs(fullLayout[k], {min: 'cmin', max: 'cmax'}); } }; },{"../../lib":202,"./helpers":86}],85:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var isNumeric = _dereq_('fast-isnumeric'); var Lib = _dereq_('../../lib'); var hasColorbar = _dereq_('../colorbar/has_colorbar'); var colorbarDefaults = _dereq_('../colorbar/defaults'); var isValidScale = _dereq_('./scales').isValid; var traceIs = _dereq_('../../registry').traceIs; function npMaybe(parentCont, prefix) { var containerStr = prefix.slice(0, prefix.length - 1); return prefix ? Lib.nestedProperty(parentCont, containerStr).get() || {} : parentCont; } /** * Colorscale / colorbar default handler * * @param {object} parentContIn : user (input) parent container (e.g. trace or layout coloraxis object) * @param {object} parentContOut : full parent container * @param {object} layout : (full) layout object * @param {fn} coerce : Lib.coerce wrapper * @param {object} opts : * - prefix {string} : attr string prefix to colorscale container from parent root * - cLetter {string} : 'c or 'z' color letter */ module.exports = function colorScaleDefaults(parentContIn, parentContOut, layout, coerce, opts) { var prefix = opts.prefix; var cLetter = opts.cLetter; var inTrace = '_module' in parentContOut; var containerIn = npMaybe(parentContIn, prefix); var containerOut = npMaybe(parentContOut, prefix); var template = npMaybe(parentContOut._template || {}, prefix) || {}; // colorScaleDefaults wrapper called if-ever we need to reset the colorscale // attributes for containers that were linked to invalid color axes var thisFn = function() { delete parentContIn.coloraxis; delete parentContOut.coloraxis; return colorScaleDefaults(parentContIn, parentContOut, layout, coerce, opts); }; if(inTrace) { var colorAxes = layout._colorAxes || {}; var colorAx = coerce(prefix + 'coloraxis'); if(colorAx) { var colorbarVisuals = ( traceIs(parentContOut, 'contour') && Lib.nestedProperty(parentContOut, 'contours.coloring').get() ) || 'heatmap'; var stash = colorAxes[colorAx]; if(stash) { stash[2].push(thisFn); if(stash[0] !== colorbarVisuals) { stash[0] = false; Lib.warn([ 'Ignoring coloraxis:', colorAx, 'setting', 'as it is linked to incompatible colorscales.' ].join(' ')); } } else { // stash: // - colorbar visual 'type' // - colorbar options to help in Colorbar.draw // - list of colorScaleDefaults wrapper functions colorAxes[colorAx] = [colorbarVisuals, parentContOut, [thisFn]]; } return; } } var minIn = containerIn[cLetter + 'min']; var maxIn = containerIn[cLetter + 'max']; var validMinMax = isNumeric(minIn) && isNumeric(maxIn) && (minIn < maxIn); var auto = coerce(prefix + cLetter + 'auto', !validMinMax); if(auto) { coerce(prefix + cLetter + 'mid'); } else { coerce(prefix + cLetter + 'min'); coerce(prefix + cLetter + 'max'); } // handles both the trace case (autocolorscale is false by default) and // the marker and marker.line case (autocolorscale is true by default) var sclIn = containerIn.colorscale; var sclTemplate = template.colorscale; var autoColorscaleDflt; if(sclIn !== undefined) autoColorscaleDflt = !isValidScale(sclIn); if(sclTemplate !== undefined) autoColorscaleDflt = !isValidScale(sclTemplate); coerce(prefix + 'autocolorscale', autoColorscaleDflt); coerce(prefix + 'colorscale'); coerce(prefix + 'reversescale'); if(prefix !== 'marker.line.') { // handles both the trace case where the dflt is listed in attributes and // the marker case where the dflt is determined by hasColorbar var showScaleDflt; if(prefix && inTrace) showScaleDflt = hasColorbar(containerIn); var showScale = coerce(prefix + 'showscale', showScaleDflt); if(showScale) { if(prefix && template) containerOut._template = template; colorbarDefaults(containerIn, containerOut, layout); } } }; },{"../../lib":202,"../../registry":290,"../colorbar/defaults":78,"../colorbar/has_colorbar":80,"./scales":90,"fast-isnumeric":11}],86:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = _dereq_('d3'); var tinycolor = _dereq_('tinycolor2'); var isNumeric = _dereq_('fast-isnumeric'); var Lib = _dereq_('../../lib'); var Color = _dereq_('../color'); var isValidScale = _dereq_('./scales').isValid; function hasColorscale(trace, containerStr, colorKey) { var container = containerStr ? Lib.nestedProperty(trace, containerStr).get() || {} : trace; var color = container[colorKey || 'color']; var isArrayWithOneNumber = false; if(Lib.isArrayOrTypedArray(color)) { for(var i = 0; i < color.length; i++) { if(isNumeric(color[i])) { isArrayWithOneNumber = true; break; } } } return ( Lib.isPlainObject(container) && ( isArrayWithOneNumber || container.showscale === true || (isNumeric(container.cmin) && isNumeric(container.cmax)) || isValidScale(container.colorscale) || Lib.isPlainObject(container.colorbar) ) ); } var constantAttrs = ['showscale', 'autocolorscale', 'colorscale', 'reversescale', 'colorbar']; var letterAttrs = ['min', 'max', 'mid', 'auto']; /** * Extract 'c' / 'z', trace / color axis colorscale options * * Note that it would be nice to replace all z* with c* equivalents in v2 * * @param {object} cont : attribute container * @return {object}: * - min: cmin or zmin * - max: cmax or zmax * - mid: cmid or zmid * - auto: cauto or zauto * - *scale: *scale attrs * - colorbar: colorbar * - _sync: function syncing attr and underscore dual (useful when calc'ing min/max) */ function extractOpts(cont) { var colorAx = cont._colorAx; var cont2 = colorAx ? colorAx : cont; var out = {}; var cLetter; var i, k; for(i = 0; i < constantAttrs.length; i++) { k = constantAttrs[i]; out[k] = cont2[k]; } if(colorAx) { cLetter = 'c'; for(i = 0; i < letterAttrs.length; i++) { k = letterAttrs[i]; out[k] = cont2['c' + k]; } } else { var k2; for(i = 0; i < letterAttrs.length; i++) { k = letterAttrs[i]; k2 = 'c' + k; if(k2 in cont2) { out[k] = cont2[k2]; continue; } k2 = 'z' + k; if(k2 in cont2) { out[k] = cont2[k2]; } } cLetter = k2.charAt(0); } out._sync = function(k, v) { var k2 = letterAttrs.indexOf(k) !== -1 ? cLetter + k : k; cont2[k2] = cont2['_' + k2] = v; }; return out; } /** * Extract colorscale into numeric domain and color range. * * @param {object} cont colorscale container (e.g. trace, marker) * - colorscale {array of arrays} * - cmin/zmin {number} * - cmax/zmax {number} * - reversescale {boolean} * * @return {object} * - domain {array} * - range {array} */ function extractScale(cont) { var cOpts = extractOpts(cont); var cmin = cOpts.min; var cmax = cOpts.max; var scl = cOpts.reversescale ? flipScale(cOpts.colorscale) : cOpts.colorscale; var N = scl.length; var domain = new Array(N); var range = new Array(N); for(var i = 0; i < N; i++) { var si = scl[i]; domain[i] = cmin + si[0] * (cmax - cmin); range[i] = si[1]; } return {domain: domain, range: range}; } function flipScale(scl) { var N = scl.length; var sclNew = new Array(N); for(var i = N - 1, j = 0; i >= 0; i--, j++) { var si = scl[i]; sclNew[j] = [1 - si[0], si[1]]; } return sclNew; } /** * General colorscale function generator. * * @param {object} specs output of Colorscale.extractScale or precomputed domain, range. * - domain {array} * - range {array} * * @param {object} opts * - noNumericCheck {boolean} if true, scale func bypasses numeric checks * - returnArray {boolean} if true, scale func return 4-item array instead of color strings * * @return {function} */ function makeColorScaleFunc(specs, opts) { opts = opts || {}; var domain = specs.domain; var range = specs.range; var N = range.length; var _range = new Array(N); for(var i = 0; i < N; i++) { var rgba = tinycolor(range[i]).toRgb(); _range[i] = [rgba.r, rgba.g, rgba.b, rgba.a]; } var _sclFunc = d3.scale.linear() .domain(domain) .range(_range) .clamp(true); var noNumericCheck = opts.noNumericCheck; var returnArray = opts.returnArray; var sclFunc; if(noNumericCheck && returnArray) { sclFunc = _sclFunc; } else if(noNumericCheck) { sclFunc = function(v) { return colorArray2rbga(_sclFunc(v)); }; } else if(returnArray) { sclFunc = function(v) { if(isNumeric(v)) return _sclFunc(v); else if(tinycolor(v).isValid()) return v; else return Color.defaultLine; }; } else { sclFunc = function(v) { if(isNumeric(v)) return colorArray2rbga(_sclFunc(v)); else if(tinycolor(v).isValid()) return v; else return Color.defaultLine; }; } // colorbar draw looks into the d3 scale closure for domain and range sclFunc.domain = _sclFunc.domain; sclFunc.range = function() { return range; }; return sclFunc; } function makeColorScaleFuncFromTrace(trace, opts) { return makeColorScaleFunc(extractScale(trace), opts); } function colorArray2rbga(colorArray) { var colorObj = { r: colorArray[0], g: colorArray[1], b: colorArray[2], a: colorArray[3] }; return tinycolor(colorObj).toRgbString(); } module.exports = { hasColorscale: hasColorscale, extractOpts: extractOpts, extractScale: extractScale, flipScale: flipScale, makeColorScaleFunc: makeColorScaleFunc, makeColorScaleFuncFromTrace: makeColorScaleFuncFromTrace }; },{"../../lib":202,"../color":75,"./scales":90,"d3":9,"fast-isnumeric":11,"tinycolor2":58}],87:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var scales = _dereq_('./scales'); var helpers = _dereq_('./helpers'); module.exports = { moduleType: 'component', name: 'colorscale', attributes: _dereq_('./attributes'), layoutAttributes: _dereq_('./layout_attributes'), supplyLayoutDefaults: _dereq_('./layout_defaults'), handleDefaults: _dereq_('./defaults'), crossTraceDefaults: _dereq_('./cross_trace_defaults'), calc: _dereq_('./calc'), // ./scales.js is required in lib/coerce.js ; // it needs to be a separate module to avoid circular a dependency scales: scales.scales, defaultScale: scales.defaultScale, getScale: scales.get, isValidScale: scales.isValid, hasColorscale: helpers.hasColorscale, extractOpts: helpers.extractOpts, extractScale: helpers.extractScale, flipScale: helpers.flipScale, makeColorScaleFunc: helpers.makeColorScaleFunc, makeColorScaleFuncFromTrace: helpers.makeColorScaleFuncFromTrace }; },{"./attributes":82,"./calc":83,"./cross_trace_defaults":84,"./defaults":85,"./helpers":86,"./layout_attributes":88,"./layout_defaults":89,"./scales":90}],88:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var extendFlat = _dereq_('../../lib/extend').extendFlat; var colorScaleAttrs = _dereq_('./attributes'); var scales = _dereq_('./scales').scales; var msg = 'Note that `autocolorscale` must be true for this attribute to work.'; module.exports = { editType: 'calc', colorscale: { editType: 'calc', sequential: { valType: 'colorscale', dflt: scales.Reds, editType: 'calc', }, sequentialminus: { valType: 'colorscale', dflt: scales.Blues, editType: 'calc', }, diverging: { valType: 'colorscale', dflt: scales.RdBu, editType: 'calc', } }, coloraxis: extendFlat({ // not really a 'subplot' attribute container, // but this is the flag we use to denote attributes that // support yaxis, yaxis2, yaxis3, ... counters _isSubplotObj: true, editType: 'calc', }, colorScaleAttrs('', { colorAttr: 'corresponding trace color array(s)', noColorAxis: true, showScaleDflt: true })) }; },{"../../lib/extend":196,"./attributes":82,"./scales":90}],89:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = _dereq_('../../lib'); var Template = _dereq_('../../plot_api/plot_template'); var colorScaleAttrs = _dereq_('./layout_attributes'); var colorScaleDefaults = _dereq_('./defaults'); module.exports = function supplyLayoutDefaults(layoutIn, layoutOut) { function coerce(attr, dflt) { return Lib.coerce(layoutIn, layoutOut, colorScaleAttrs, attr, dflt); } coerce('colorscale.sequential'); coerce('colorscale.sequentialminus'); coerce('colorscale.diverging'); var colorAxes = layoutOut._colorAxes; var colorAxIn, colorAxOut; function coerceAx(attr, dflt) { return Lib.coerce(colorAxIn, colorAxOut, colorScaleAttrs.coloraxis, attr, dflt); } for(var k in colorAxes) { var stash = colorAxes[k]; if(stash[0]) { colorAxIn = layoutIn[k] || {}; colorAxOut = Template.newContainer(layoutOut, k, 'coloraxis'); colorAxOut._name = k; colorScaleDefaults(colorAxIn, colorAxOut, layoutOut, coerceAx, {prefix: '', cLetter: 'c'}); } else { // re-coerce colorscale attributes w/o coloraxis for(var i = 0; i < stash[2].length; i++) { stash[2][i](); } delete layoutOut._colorAxes[k]; } } }; },{"../../lib":202,"../../plot_api/plot_template":237,"./defaults":85,"./layout_attributes":88}],90:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var tinycolor = _dereq_('tinycolor2'); var scales = { 'Greys': [ [0, 'rgb(0,0,0)'], [1, 'rgb(255,255,255)'] ], 'YlGnBu': [ [0, 'rgb(8,29,88)'], [0.125, 'rgb(37,52,148)'], [0.25, 'rgb(34,94,168)'], [0.375, 'rgb(29,145,192)'], [0.5, 'rgb(65,182,196)'], [0.625, 'rgb(127,205,187)'], [0.75, 'rgb(199,233,180)'], [0.875, 'rgb(237,248,217)'], [1, 'rgb(255,255,217)'] ], 'Greens': [ [0, 'rgb(0,68,27)'], [0.125, 'rgb(0,109,44)'], [0.25, 'rgb(35,139,69)'], [0.375, 'rgb(65,171,93)'], [0.5, 'rgb(116,196,118)'], [0.625, 'rgb(161,217,155)'], [0.75, 'rgb(199,233,192)'], [0.875, 'rgb(229,245,224)'], [1, 'rgb(247,252,245)'] ], 'YlOrRd': [ [0, 'rgb(128,0,38)'], [0.125, 'rgb(189,0,38)'], [0.25, 'rgb(227,26,28)'], [0.375, 'rgb(252,78,42)'], [0.5, 'rgb(253,141,60)'], [0.625, 'rgb(254,178,76)'], [0.75, 'rgb(254,217,118)'], [0.875, 'rgb(255,237,160)'], [1, 'rgb(255,255,204)'] ], 'Bluered': [ [0, 'rgb(0,0,255)'], [1, 'rgb(255,0,0)'] ], // modified RdBu based on // http://www.kennethmoreland.com/color-maps/ 'RdBu': [ [0, 'rgb(5,10,172)'], [0.35, 'rgb(106,137,247)'], [0.5, 'rgb(190,190,190)'], [0.6, 'rgb(220,170,132)'], [0.7, 'rgb(230,145,90)'], [1, 'rgb(178,10,28)'] ], // Scale for non-negative numeric values 'Reds': [ [0, 'rgb(220,220,220)'], [0.2, 'rgb(245,195,157)'], [0.4, 'rgb(245,160,105)'], [1, 'rgb(178,10,28)'] ], // Scale for non-positive numeric values 'Blues': [ [0, 'rgb(5,10,172)'], [0.35, 'rgb(40,60,190)'], [0.5, 'rgb(70,100,245)'], [0.6, 'rgb(90,120,245)'], [0.7, 'rgb(106,137,247)'], [1, 'rgb(220,220,220)'] ], 'Picnic': [ [0, 'rgb(0,0,255)'], [0.1, 'rgb(51,153,255)'], [0.2, 'rgb(102,204,255)'], [0.3, 'rgb(153,204,255)'], [0.4, 'rgb(204,204,255)'], [0.5, 'rgb(255,255,255)'], [0.6, 'rgb(255,204,255)'], [0.7, 'rgb(255,153,255)'], [0.8, 'rgb(255,102,204)'], [0.9, 'rgb(255,102,102)'], [1, 'rgb(255,0,0)'] ], 'Rainbow': [ [0, 'rgb(150,0,90)'], [0.125, 'rgb(0,0,200)'], [0.25, 'rgb(0,25,255)'], [0.375, 'rgb(0,152,255)'], [0.5, 'rgb(44,255,150)'], [0.625, 'rgb(151,255,0)'], [0.75, 'rgb(255,234,0)'], [0.875, 'rgb(255,111,0)'], [1, 'rgb(255,0,0)'] ], 'Portland': [ [0, 'rgb(12,51,131)'], [0.25, 'rgb(10,136,186)'], [0.5, 'rgb(242,211,56)'], [0.75, 'rgb(242,143,56)'], [1, 'rgb(217,30,30)'] ], 'Jet': [ [0, 'rgb(0,0,131)'], [0.125, 'rgb(0,60,170)'], [0.375, 'rgb(5,255,255)'], [0.625, 'rgb(255,255,0)'], [0.875, 'rgb(250,0,0)'], [1, 'rgb(128,0,0)'] ], 'Hot': [ [0, 'rgb(0,0,0)'], [0.3, 'rgb(230,0,0)'], [0.6, 'rgb(255,210,0)'], [1, 'rgb(255,255,255)'] ], 'Blackbody': [ [0, 'rgb(0,0,0)'], [0.2, 'rgb(230,0,0)'], [0.4, 'rgb(230,210,0)'], [0.7, 'rgb(255,255,255)'], [1, 'rgb(160,200,255)'] ], 'Earth': [ [0, 'rgb(0,0,130)'], [0.1, 'rgb(0,180,180)'], [0.2, 'rgb(40,210,40)'], [0.4, 'rgb(230,230,50)'], [0.6, 'rgb(120,70,20)'], [1, 'rgb(255,255,255)'] ], 'Electric': [ [0, 'rgb(0,0,0)'], [0.15, 'rgb(30,0,100)'], [0.4, 'rgb(120,0,100)'], [0.6, 'rgb(160,90,0)'], [0.8, 'rgb(230,200,0)'], [1, 'rgb(255,250,220)'] ], 'Viridis': [ [0, '#440154'], [0.06274509803921569, '#48186a'], [0.12549019607843137, '#472d7b'], [0.18823529411764706, '#424086'], [0.25098039215686274, '#3b528b'], [0.3137254901960784, '#33638d'], [0.3764705882352941, '#2c728e'], [0.4392156862745098, '#26828e'], [0.5019607843137255, '#21918c'], [0.5647058823529412, '#1fa088'], [0.6274509803921569, '#28ae80'], [0.6901960784313725, '#3fbc73'], [0.7529411764705882, '#5ec962'], [0.8156862745098039, '#84d44b'], [0.8784313725490196, '#addc30'], [0.9411764705882353, '#d8e219'], [1, '#fde725'] ], 'Cividis': [ [0.000000, 'rgb(0,32,76)'], [0.058824, 'rgb(0,42,102)'], [0.117647, 'rgb(0,52,110)'], [0.176471, 'rgb(39,63,108)'], [0.235294, 'rgb(60,74,107)'], [0.294118, 'rgb(76,85,107)'], [0.352941, 'rgb(91,95,109)'], [0.411765, 'rgb(104,106,112)'], [0.470588, 'rgb(117,117,117)'], [0.529412, 'rgb(131,129,120)'], [0.588235, 'rgb(146,140,120)'], [0.647059, 'rgb(161,152,118)'], [0.705882, 'rgb(176,165,114)'], [0.764706, 'rgb(192,177,109)'], [0.823529, 'rgb(209,191,102)'], [0.882353, 'rgb(225,204,92)'], [0.941176, 'rgb(243,219,79)'], [1.000000, 'rgb(255,233,69)'] ] }; var defaultScale = scales.RdBu; function getScale(scl, dflt) { if(!dflt) dflt = defaultScale; if(!scl) return dflt; function parseScale() { try { scl = scales[scl] || JSON.parse(scl); } catch(e) { scl = dflt; } } if(typeof scl === 'string') { parseScale(); // occasionally scl is double-JSON encoded... if(typeof scl === 'string') parseScale(); } if(!isValidScaleArray(scl)) return dflt; return scl; } function isValidScaleArray(scl) { var highestVal = 0; if(!Array.isArray(scl) || scl.length < 2) return false; if(!scl[0] || !scl[scl.length - 1]) return false; if(+scl[0][0] !== 0 || +scl[scl.length - 1][0] !== 1) return false; for(var i = 0; i < scl.length; i++) { var si = scl[i]; if(si.length !== 2 || +si[0] < highestVal || !tinycolor(si[1]).isValid()) { return false; } highestVal = +si[0]; } return true; } function isValidScale(scl) { if(scales[scl] !== undefined) return true; else return isValidScaleArray(scl); } module.exports = { scales: scales, defaultScale: defaultScale, get: getScale, isValid: isValidScale }; },{"tinycolor2":58}],91:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; // for automatic alignment on dragging, <1/3 means left align, // >2/3 means right, and between is center. Pick the right fraction // based on where you are, and return the fraction corresponding to // that position on the object module.exports = function align(v, dv, v0, v1, anchor) { var vmin = (v - v0) / (v1 - v0); var vmax = vmin + dv / (v1 - v0); var vc = (vmin + vmax) / 2; // explicitly specified anchor if(anchor === 'left' || anchor === 'bottom') return vmin; if(anchor === 'center' || anchor === 'middle') return vc; if(anchor === 'right' || anchor === 'top') return vmax; // automatic based on position if(vmin < (2 / 3) - vc) return vmin; if(vmax > (4 / 3) - vc) return vmax; return vc; }; },{}],92:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = _dereq_('../../lib'); // set cursors pointing toward the closest corner/side, // to indicate alignment // x and y are 0-1, fractions of the plot area var cursorset = [ ['sw-resize', 's-resize', 'se-resize'], ['w-resize', 'move', 'e-resize'], ['nw-resize', 'n-resize', 'ne-resize'] ]; module.exports = function getCursor(x, y, xanchor, yanchor) { if(xanchor === 'left') x = 0; else if(xanchor === 'center') x = 1; else if(xanchor === 'right') x = 2; else x = Lib.constrain(Math.floor(x * 3), 0, 2); if(yanchor === 'bottom') y = 0; else if(yanchor === 'middle') y = 1; else if(yanchor === 'top') y = 2; else y = Lib.constrain(Math.floor(y * 3), 0, 2); return cursorset[y][x]; }; },{"../../lib":202}],93:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; exports.selectMode = function(dragmode) { return ( dragmode === 'lasso' || dragmode === 'select' ); }; exports.drawMode = function(dragmode) { return ( dragmode === 'drawclosedpath' || dragmode === 'drawopenpath' || dragmode === 'drawline' || dragmode === 'drawrect' || dragmode === 'drawcircle' ); }; exports.openMode = function(dragmode) { return ( dragmode === 'drawline' || dragmode === 'drawopenpath' ); }; exports.rectMode = function(dragmode) { return ( dragmode === 'select' || dragmode === 'drawline' || dragmode === 'drawrect' || dragmode === 'drawcircle' ); }; exports.freeMode = function(dragmode) { return ( dragmode === 'lasso' || dragmode === 'drawclosedpath' || dragmode === 'drawopenpath' ); }; exports.selectingOrDrawing = function(dragmode) { return ( exports.freeMode(dragmode) || exports.rectMode(dragmode) ); }; },{}],94:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var mouseOffset = _dereq_('mouse-event-offset'); var hasHover = _dereq_('has-hover'); var supportsPassive = _dereq_('has-passive-events'); var removeElement = _dereq_('../../lib').removeElement; var constants = _dereq_('../../plots/cartesian/constants'); var dragElement = module.exports = {}; dragElement.align = _dereq_('./align'); dragElement.getCursor = _dereq_('./cursor'); var unhover = _dereq_('./unhover'); dragElement.unhover = unhover.wrapped; dragElement.unhoverRaw = unhover.raw; /** * Abstracts click & drag interactions * * During the interaction, a "coverSlip" element - a transparent * div covering the whole page - is created, which has two key effects: * - Lets you drag beyond the boundaries of the plot itself without * dropping (but if you drag all the way out of the browser window the * interaction will end) * - Freezes the cursor: whatever mouse cursor the drag element had when the * interaction started gets copied to the coverSlip for use until mouseup * * If the user executes a drag bigger than MINDRAG, callbacks will fire as: * prepFn, moveFn (1 or more times), doneFn * If the user does not drag enough, prepFn and clickFn will fire. * * Note: If you cancel contextmenu, clickFn will fire even with a right click * (unlike native events) so you'll get a `plotly_click` event. Cancel context eg: * gd.addEventListener('contextmenu', function(e) { e.preventDefault(); }); * TODO: we should probably turn this into a `config` parameter, so we can fix it * such that if you *don't* cancel contextmenu, we can prevent partial drags, which * put you in a weird state. * * If the user clicks multiple times quickly, clickFn will fire each time * but numClicks will increase to help you recognize doubleclicks. * * @param {object} options with keys: * element (required) the DOM element to drag * prepFn (optional) function(event, startX, startY) * executed on mousedown * startX and startY are the clientX and clientY pixel position * of the mousedown event * moveFn (optional) function(dx, dy) * executed on move, ONLY after we've exceeded MINDRAG * (we keep executing moveFn if you move back to where you started) * dx and dy are the net pixel offset of the drag, * dragged is true/false, has the mouse moved enough to * constitute a drag * doneFn (optional) function(e) * executed on mouseup, ONLY if we exceeded MINDRAG (so you can be * sure that moveFn has been called at least once) * numClicks is how many clicks we've registered within * a doubleclick time * e is the original mouseup event * clickFn (optional) function(numClicks, e) * executed on mouseup if we have NOT exceeded MINDRAG (ie moveFn * has not been called at all) * numClicks is how many clicks we've registered within * a doubleclick time * e is the original mousedown event * clampFn (optional, function(dx, dy) return [dx2, dy2]) * Provide custom clamping function for small displacements. * By default, clamping is done using `minDrag` to x and y displacements * independently. */ dragElement.init = function init(options) { var gd = options.gd; var numClicks = 1; var doubleClickDelay = gd._context.doubleClickDelay; var element = options.element; var startX, startY, newMouseDownTime, cursor, dragCover, initialEvent, initialTarget, rightClick; if(!gd._mouseDownTime) gd._mouseDownTime = 0; element.style.pointerEvents = 'all'; element.onmousedown = onStart; if(!supportsPassive) { element.ontouchstart = onStart; } else { if(element._ontouchstart) { element.removeEventListener('touchstart', element._ontouchstart); } element._ontouchstart = onStart; element.addEventListener('touchstart', onStart, {passive: false}); } function _clampFn(dx, dy, minDrag) { if(Math.abs(dx) < minDrag) dx = 0; if(Math.abs(dy) < minDrag) dy = 0; return [dx, dy]; } var clampFn = options.clampFn || _clampFn; function onStart(e) { // make dragging and dragged into properties of gd // so that others can look at and modify them gd._dragged = false; gd._dragging = true; var offset = pointerOffset(e); startX = offset[0]; startY = offset[1]; initialTarget = e.target; initialEvent = e; rightClick = e.buttons === 2 || e.ctrlKey; // fix Fx.hover for touch events if(typeof e.clientX === 'undefined' && typeof e.clientY === 'undefined') { e.clientX = startX; e.clientY = startY; } newMouseDownTime = (new Date()).getTime(); if(newMouseDownTime - gd._mouseDownTime < doubleClickDelay) { // in a click train numClicks += 1; } else { // new click train numClicks = 1; gd._mouseDownTime = newMouseDownTime; } if(options.prepFn) options.prepFn(e, startX, startY); if(hasHover && !rightClick) { dragCover = coverSlip(); dragCover.style.cursor = window.getComputedStyle(element).cursor; } else if(!hasHover) { // document acts as a dragcover for mobile, bc we can't create dragcover dynamically dragCover = document; cursor = window.getComputedStyle(document.documentElement).cursor; document.documentElement.style.cursor = window.getComputedStyle(element).cursor; } document.addEventListener('mouseup', onDone); document.addEventListener('touchend', onDone); if(options.dragmode !== false) { e.preventDefault(); document.addEventListener('mousemove', onMove); document.addEventListener('touchmove', onMove, {passive: false}); } return; } function onMove(e) { e.preventDefault(); var offset = pointerOffset(e); var minDrag = options.minDrag || constants.MINDRAG; var dxdy = clampFn(offset[0] - startX, offset[1] - startY, minDrag); var dx = dxdy[0]; var dy = dxdy[1]; if(dx || dy) { gd._dragged = true; dragElement.unhover(gd); } if(gd._dragged && options.moveFn && !rightClick) { gd._dragdata = { element: element, dx: dx, dy: dy }; options.moveFn(dx, dy); } return; } function onDone(e) { delete gd._dragdata; if(options.dragmode !== false) { e.preventDefault(); document.removeEventListener('mousemove', onMove); document.removeEventListener('touchmove', onMove); } document.removeEventListener('mouseup', onDone); document.removeEventListener('touchend', onDone); if(hasHover) { removeElement(dragCover); } else if(cursor) { dragCover.documentElement.style.cursor = cursor; cursor = null; } if(!gd._dragging) { gd._dragged = false; return; } gd._dragging = false; // don't count as a dblClick unless the mouseUp is also within // the dblclick delay if((new Date()).getTime() - gd._mouseDownTime > doubleClickDelay) { numClicks = Math.max(numClicks - 1, 1); } if(gd._dragged) { if(options.doneFn) options.doneFn(); } else { if(options.clickFn) options.clickFn(numClicks, initialEvent); // If we haven't dragged, this should be a click. But because of the // coverSlip changing the element, the natural system might not generate one, // so we need to make our own. But right clicks don't normally generate // click events, only contextmenu events, which happen on mousedown. if(!rightClick) { var e2; try { e2 = new MouseEvent('click', e); } catch(err) { var offset = pointerOffset(e); e2 = document.createEvent('MouseEvents'); e2.initMouseEvent('click', e.bubbles, e.cancelable, e.view, e.detail, e.screenX, e.screenY, offset[0], offset[1], e.ctrlKey, e.altKey, e.shiftKey, e.metaKey, e.button, e.relatedTarget); } initialTarget.dispatchEvent(e2); } } gd._dragging = false; gd._dragged = false; return; } }; function coverSlip() { var cover = document.createElement('div'); cover.className = 'dragcover'; var cStyle = cover.style; cStyle.position = 'fixed'; cStyle.left = 0; cStyle.right = 0; cStyle.top = 0; cStyle.bottom = 0; cStyle.zIndex = 999999999; cStyle.background = 'none'; document.body.appendChild(cover); return cover; } dragElement.coverSlip = coverSlip; function pointerOffset(e) { return mouseOffset( e.changedTouches ? e.changedTouches[0] : e, document.body ); } },{"../../lib":202,"../../plots/cartesian/constants":254,"./align":91,"./cursor":92,"./unhover":95,"has-hover":42,"has-passive-events":43,"mouse-event-offset":47}],95:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Events = _dereq_('../../lib/events'); var throttle = _dereq_('../../lib/throttle'); var getGraphDiv = _dereq_('../../lib/dom').getGraphDiv; var hoverConstants = _dereq_('../fx/constants'); var unhover = module.exports = {}; unhover.wrapped = function(gd, evt, subplot) { gd = getGraphDiv(gd); // Important, clear any queued hovers if(gd._fullLayout) { throttle.clear(gd._fullLayout._uid + hoverConstants.HOVERID); } unhover.raw(gd, evt, subplot); }; // remove hover effects on mouse out, and emit unhover event unhover.raw = function raw(gd, evt) { var fullLayout = gd._fullLayout; var oldhoverdata = gd._hoverdata; if(!evt) evt = {}; if(evt.target && Events.triggerHandler(gd, 'plotly_beforehover', evt) === false) { return; } fullLayout._hoverlayer.selectAll('g').remove(); fullLayout._hoverlayer.selectAll('line').remove(); fullLayout._hoverlayer.selectAll('circle').remove(); gd._hoverdata = undefined; if(evt.target && oldhoverdata) { gd.emit('plotly_unhover', { event: evt, points: oldhoverdata }); } }; },{"../../lib/dom":194,"../../lib/events":195,"../../lib/throttle":225,"../fx/constants":109}],96:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; exports.dash = { valType: 'string', // string type usually doesn't take values... this one should really be // a special type or at least a special coercion function, from the GUI // you only get these values but elsewhere the user can supply a list of // dash lengths in px, and it will be honored values: ['solid', 'dot', 'dash', 'longdash', 'dashdot', 'longdashdot'], dflt: 'solid', editType: 'style', }; },{}],97:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = _dereq_('d3'); var isNumeric = _dereq_('fast-isnumeric'); var tinycolor = _dereq_('tinycolor2'); var Registry = _dereq_('../../registry'); var Color = _dereq_('../color'); var Colorscale = _dereq_('../colorscale'); var Lib = _dereq_('../../lib'); var strTranslate = Lib.strTranslate; var svgTextUtils = _dereq_('../../lib/svg_text_utils'); var xmlnsNamespaces = _dereq_('../../constants/xmlns_namespaces'); var alignment = _dereq_('../../constants/alignment'); var LINE_SPACING = alignment.LINE_SPACING; var DESELECTDIM = _dereq_('../../constants/interactions').DESELECTDIM; var subTypes = _dereq_('../../traces/scatter/subtypes'); var makeBubbleSizeFn = _dereq_('../../traces/scatter/make_bubble_size_func'); var appendArrayPointValue = _dereq_('../../components/fx/helpers').appendArrayPointValue; var drawing = module.exports = {}; // ----------------------------------------------------- // styling functions for plot elements // ----------------------------------------------------- drawing.font = function(s, family, size, color) { // also allow the form font(s, {family, size, color}) if(Lib.isPlainObject(family)) { color = family.color; size = family.size; family = family.family; } if(family) s.style('font-family', family); if(size + 1) s.style('font-size', size + 'px'); if(color) s.call(Color.fill, color); }; /* * Positioning helpers * Note: do not use `setPosition` with nodes modified by * `svgTextUtils.convertToTspans`. Use `svgTextUtils.positionText` * instead, so that elements get updated to match. */ drawing.setPosition = function(s, x, y) { s.attr('x', x).attr('y', y); }; drawing.setSize = function(s, w, h) { s.attr('width', w).attr('height', h); }; drawing.setRect = function(s, x, y, w, h) { s.call(drawing.setPosition, x, y).call(drawing.setSize, w, h); }; /** Translate node * * @param {object} d : calcdata point item * @param {sel} sel : d3 selction of node to translate * @param {object} xa : corresponding full xaxis object * @param {object} ya : corresponding full yaxis object * * @return {boolean} : * true if selection got translated * false if selection could not get translated */ drawing.translatePoint = function(d, sel, xa, ya) { var x = xa.c2p(d.x); var y = ya.c2p(d.y); if(isNumeric(x) && isNumeric(y) && sel.node()) { // for multiline text this works better if(sel.node().nodeName === 'text') { sel.attr('x', x).attr('y', y); } else { sel.attr('transform', strTranslate(x, y)); } } else { return false; } return true; }; drawing.translatePoints = function(s, xa, ya) { s.each(function(d) { var sel = d3.select(this); drawing.translatePoint(d, sel, xa, ya); }); }; drawing.hideOutsideRangePoint = function(d, sel, xa, ya, xcalendar, ycalendar) { sel.attr( 'display', (xa.isPtWithinRange(d, xcalendar) && ya.isPtWithinRange(d, ycalendar)) ? null : 'none' ); }; drawing.hideOutsideRangePoints = function(traceGroups, subplot) { if(!subplot._hasClipOnAxisFalse) return; var xa = subplot.xaxis; var ya = subplot.yaxis; traceGroups.each(function(d) { var trace = d[0].trace; var xcalendar = trace.xcalendar; var ycalendar = trace.ycalendar; var selector = Registry.traceIs(trace, 'bar-like') ? '.bartext' : '.point,.textpoint'; traceGroups.selectAll(selector).each(function(d) { drawing.hideOutsideRangePoint(d, d3.select(this), xa, ya, xcalendar, ycalendar); }); }); }; drawing.crispRound = function(gd, lineWidth, dflt) { // for lines that disable antialiasing we want to // make sure the width is an integer, and at least 1 if it's nonzero if(!lineWidth || !isNumeric(lineWidth)) return dflt || 0; // but not for static plots - these don't get antialiased anyway. if(gd._context.staticPlot) return lineWidth; if(lineWidth < 1) return 1; return Math.round(lineWidth); }; drawing.singleLineStyle = function(d, s, lw, lc, ld) { s.style('fill', 'none'); var line = (((d || [])[0] || {}).trace || {}).line || {}; var lw1 = lw || line.width || 0; var dash = ld || line.dash || ''; Color.stroke(s, lc || line.color); drawing.dashLine(s, dash, lw1); }; drawing.lineGroupStyle = function(s, lw, lc, ld) { s.style('fill', 'none') .each(function(d) { var line = (((d || [])[0] || {}).trace || {}).line || {}; var lw1 = lw || line.width || 0; var dash = ld || line.dash || ''; d3.select(this) .call(Color.stroke, lc || line.color) .call(drawing.dashLine, dash, lw1); }); }; drawing.dashLine = function(s, dash, lineWidth) { lineWidth = +lineWidth || 0; dash = drawing.dashStyle(dash, lineWidth); s.style({ 'stroke-dasharray': dash, 'stroke-width': lineWidth + 'px' }); }; drawing.dashStyle = function(dash, lineWidth) { lineWidth = +lineWidth || 1; var dlw = Math.max(lineWidth, 3); if(dash === 'solid') dash = ''; else if(dash === 'dot') dash = dlw + 'px,' + dlw + 'px'; else if(dash === 'dash') dash = (3 * dlw) + 'px,' + (3 * dlw) + 'px'; else if(dash === 'longdash') dash = (5 * dlw) + 'px,' + (5 * dlw) + 'px'; else if(dash === 'dashdot') { dash = (3 * dlw) + 'px,' + dlw + 'px,' + dlw + 'px,' + dlw + 'px'; } else if(dash === 'longdashdot') { dash = (5 * dlw) + 'px,' + (2 * dlw) + 'px,' + dlw + 'px,' + (2 * dlw) + 'px'; } // otherwise user wrote the dasharray themselves - leave it be return dash; }; // Same as fillGroupStyle, except in this case the selection may be a transition drawing.singleFillStyle = function(sel) { var node = d3.select(sel.node()); var data = node.data(); var fillcolor = (((data[0] || [])[0] || {}).trace || {}).fillcolor; if(fillcolor) { sel.call(Color.fill, fillcolor); } }; drawing.fillGroupStyle = function(s) { s.style('stroke-width', 0) .each(function(d) { var shape = d3.select(this); // N.B. 'd' won't be a calcdata item when // fill !== 'none' on a segment-less and marker-less trace if(d[0].trace) { shape.call(Color.fill, d[0].trace.fillcolor); } }); }; var SYMBOLDEFS = _dereq_('./symbol_defs'); drawing.symbolNames = []; drawing.symbolFuncs = []; drawing.symbolNeedLines = {}; drawing.symbolNoDot = {}; drawing.symbolNoFill = {}; drawing.symbolList = []; Object.keys(SYMBOLDEFS).forEach(function(k) { var symDef = SYMBOLDEFS[k]; var n = symDef.n; drawing.symbolList.push( n, String(n), k, n + 100, String(n + 100), k + '-open' ); drawing.symbolNames[n] = k; drawing.symbolFuncs[n] = symDef.f; if(symDef.needLine) { drawing.symbolNeedLines[n] = true; } if(symDef.noDot) { drawing.symbolNoDot[n] = true; } else { drawing.symbolList.push( n + 200, String(n + 200), k + '-dot', n + 300, String(n + 300), k + '-open-dot' ); } if(symDef.noFill) { drawing.symbolNoFill[n] = true; } }); var MAXSYMBOL = drawing.symbolNames.length; // add a dot in the middle of the symbol var DOTPATH = 'M0,0.5L0.5,0L0,-0.5L-0.5,0Z'; drawing.symbolNumber = function(v) { if(isNumeric(v)) { v = +v; } else if(typeof v === 'string') { var vbase = 0; if(v.indexOf('-open') > 0) { vbase = 100; v = v.replace('-open', ''); } if(v.indexOf('-dot') > 0) { vbase += 200; v = v.replace('-dot', ''); } v = drawing.symbolNames.indexOf(v); if(v >= 0) { v += vbase; } } return (v % 100 >= MAXSYMBOL || v >= 400) ? 0 : Math.floor(Math.max(v, 0)); }; function makePointPath(symbolNumber, r) { var base = symbolNumber % 100; return drawing.symbolFuncs[base](r) + (symbolNumber >= 200 ? DOTPATH : ''); } var HORZGRADIENT = {x1: 1, x2: 0, y1: 0, y2: 0}; var VERTGRADIENT = {x1: 0, x2: 0, y1: 1, y2: 0}; var stopFormatter = d3.format('~.1f'); var gradientInfo = { radial: {node: 'radialGradient'}, radialreversed: {node: 'radialGradient', reversed: true}, horizontal: {node: 'linearGradient', attrs: HORZGRADIENT}, horizontalreversed: {node: 'linearGradient', attrs: HORZGRADIENT, reversed: true}, vertical: {node: 'linearGradient', attrs: VERTGRADIENT}, verticalreversed: {node: 'linearGradient', attrs: VERTGRADIENT, reversed: true} }; /** * gradient: create and apply a gradient fill * * @param {object} sel: d3 selection to apply this gradient to * You can use `selection.call(Drawing.gradient, ...)` * @param {DOM element} gd: the graph div `sel` is part of * @param {string} gradientID: a unique (within this plot) identifier * for this gradient, so that we don't create unnecessary definitions * @param {string} type: 'radial', 'horizontal', or 'vertical', optionally with * 'reversed' at the end. Normally radial goes center to edge, * horizontal goes right to left, and vertical goes bottom to top * @param {array} colorscale: as in attribute values, [[fraction, color], ...] * @param {string} prop: the property to apply to, 'fill' or 'stroke' */ drawing.gradient = function(sel, gd, gradientID, type, colorscale, prop) { var len = colorscale.length; var info = gradientInfo[type]; var colorStops = new Array(len); for(var i = 0; i < len; i++) { if(info.reversed) { colorStops[len - 1 - i] = [stopFormatter((1 - colorscale[i][0]) * 100), colorscale[i][1]]; } else { colorStops[i] = [stopFormatter(colorscale[i][0] * 100), colorscale[i][1]]; } } var fullLayout = gd._fullLayout; var fullID = 'g' + fullLayout._uid + '-' + gradientID; var gradient = fullLayout._defs.select('.gradients') .selectAll('#' + fullID) .data([type + colorStops.join(';')], Lib.identity); gradient.exit().remove(); gradient.enter() .append(info.node) .each(function() { var el = d3.select(this); if(info.attrs) el.attr(info.attrs); el.attr('id', fullID); var stops = el.selectAll('stop') .data(colorStops); stops.exit().remove(); stops.enter().append('stop'); stops.each(function(d) { var tc = tinycolor(d[1]); d3.select(this).attr({ offset: d[0] + '%', 'stop-color': Color.tinyRGB(tc), 'stop-opacity': tc.getAlpha() }); }); }); sel.style(prop, getFullUrl(fullID, gd)) .style(prop + '-opacity', null); var className2query = function(s) { return '.' + s.attr('class').replace(/\s/g, '.'); }; var k = className2query(d3.select(sel.node().parentNode)) + '>' + className2query(sel); fullLayout._gradientUrlQueryParts[k] = 1; }; /* * Make the gradients container and clear out any previous gradients. * We never collect all the gradients we need in one place, * so we can't ever remove gradients that have stopped being useful, * except all at once before a full redraw. * The upside of this is arbitrary points can share gradient defs */ drawing.initGradients = function(gd) { var fullLayout = gd._fullLayout; var gradientsGroup = Lib.ensureSingle(fullLayout._defs, 'g', 'gradients'); gradientsGroup.selectAll('linearGradient,radialGradient').remove(); // initialize stash of query parts filled in Drawing.gradient, // used to fix URL strings during image exports fullLayout._gradientUrlQueryParts = {}; }; drawing.pointStyle = function(s, trace, gd) { if(!s.size()) return; var fns = drawing.makePointStyleFns(trace); s.each(function(d) { drawing.singlePointStyle(d, d3.select(this), trace, fns, gd); }); }; drawing.singlePointStyle = function(d, sel, trace, fns, gd) { var marker = trace.marker; var markerLine = marker.line; sel.style('opacity', fns.selectedOpacityFn ? fns.selectedOpacityFn(d) : (d.mo === undefined ? marker.opacity : d.mo) ); if(fns.ms2mrc) { var r; // handle multi-trace graph edit case if(d.ms === 'various' || marker.size === 'various') { r = 3; } else { r = fns.ms2mrc(d.ms); } // store the calculated size so hover can use it d.mrc = r; if(fns.selectedSizeFn) { r = d.mrc = fns.selectedSizeFn(d); } // turn the symbol into a sanitized number var x = drawing.symbolNumber(d.mx || marker.symbol) || 0; // save if this marker is open // because that impacts how to handle colors d.om = x % 200 >= 100; sel.attr('d', makePointPath(x, r)); } var perPointGradient = false; var fillColor, lineColor, lineWidth; // 'so' is suspected outliers, for box plots if(d.so) { lineWidth = markerLine.outlierwidth; lineColor = markerLine.outliercolor; fillColor = marker.outliercolor; } else { var markerLineWidth = (markerLine || {}).width; lineWidth = ( d.mlw + 1 || markerLineWidth + 1 || // TODO: we need the latter for legends... can we get rid of it? (d.trace ? (d.trace.marker.line || {}).width : 0) + 1 ) - 1 || 0; if('mlc' in d) lineColor = d.mlcc = fns.lineScale(d.mlc); // weird case: array wasn't long enough to apply to every point else if(Lib.isArrayOrTypedArray(markerLine.color)) lineColor = Color.defaultLine; else lineColor = markerLine.color; if(Lib.isArrayOrTypedArray(marker.color)) { fillColor = Color.defaultLine; perPointGradient = true; } if('mc' in d) { fillColor = d.mcc = fns.markerScale(d.mc); } else { fillColor = marker.color || 'rgba(0,0,0,0)'; } if(fns.selectedColorFn) { fillColor = fns.selectedColorFn(d); } } if(d.om) { // open markers can't have zero linewidth, default to 1px, // and use fill color as stroke color sel.call(Color.stroke, fillColor) .style({ 'stroke-width': (lineWidth || 1) + 'px', fill: 'none' }); } else { sel.style('stroke-width', (d.isBlank ? 0 : lineWidth) + 'px'); var markerGradient = marker.gradient; var gradientType = d.mgt; if(gradientType) perPointGradient = true; else gradientType = markerGradient && markerGradient.type; // for legend - arrays will propagate through here, but we don't need // to treat it as per-point. if(Array.isArray(gradientType)) { gradientType = gradientType[0]; if(!gradientInfo[gradientType]) gradientType = 0; } if(gradientType && gradientType !== 'none') { var gradientColor = d.mgc; if(gradientColor) perPointGradient = true; else gradientColor = markerGradient.color; var gradientID = trace.uid; if(perPointGradient) gradientID += '-' + d.i; drawing.gradient(sel, gd, gradientID, gradientType, [[0, gradientColor], [1, fillColor]], 'fill'); } else { Color.fill(sel, fillColor); } if(lineWidth) { Color.stroke(sel, lineColor); } } }; drawing.makePointStyleFns = function(trace) { var out = {}; var marker = trace.marker; // allow array marker and marker line colors to be // scaled by given max and min to colorscales out.markerScale = drawing.tryColorscale(marker, ''); out.lineScale = drawing.tryColorscale(marker, 'line'); if(Registry.traceIs(trace, 'symbols')) { out.ms2mrc = subTypes.isBubble(trace) ? makeBubbleSizeFn(trace) : function() { return (marker.size || 6) / 2; }; } if(trace.selectedpoints) { Lib.extendFlat(out, drawing.makeSelectedPointStyleFns(trace)); } return out; }; drawing.makeSelectedPointStyleFns = function(trace) { var out = {}; var selectedAttrs = trace.selected || {}; var unselectedAttrs = trace.unselected || {}; var marker = trace.marker || {}; var selectedMarker = selectedAttrs.marker || {}; var unselectedMarker = unselectedAttrs.marker || {}; var mo = marker.opacity; var smo = selectedMarker.opacity; var usmo = unselectedMarker.opacity; var smoIsDefined = smo !== undefined; var usmoIsDefined = usmo !== undefined; if(Lib.isArrayOrTypedArray(mo) || smoIsDefined || usmoIsDefined) { out.selectedOpacityFn = function(d) { var base = d.mo === undefined ? marker.opacity : d.mo; if(d.selected) { return smoIsDefined ? smo : base; } else { return usmoIsDefined ? usmo : DESELECTDIM * base; } }; } var mc = marker.color; var smc = selectedMarker.color; var usmc = unselectedMarker.color; if(smc || usmc) { out.selectedColorFn = function(d) { var base = d.mcc || mc; if(d.selected) { return smc || base; } else { return usmc || base; } }; } var ms = marker.size; var sms = selectedMarker.size; var usms = unselectedMarker.size; var smsIsDefined = sms !== undefined; var usmsIsDefined = usms !== undefined; if(Registry.traceIs(trace, 'symbols') && (smsIsDefined || usmsIsDefined)) { out.selectedSizeFn = function(d) { var base = d.mrc || ms / 2; if(d.selected) { return smsIsDefined ? sms / 2 : base; } else { return usmsIsDefined ? usms / 2 : base; } }; } return out; }; drawing.makeSelectedTextStyleFns = function(trace) { var out = {}; var selectedAttrs = trace.selected || {}; var unselectedAttrs = trace.unselected || {}; var textFont = trace.textfont || {}; var selectedTextFont = selectedAttrs.textfont || {}; var unselectedTextFont = unselectedAttrs.textfont || {}; var tc = textFont.color; var stc = selectedTextFont.color; var utc = unselectedTextFont.color; out.selectedTextColorFn = function(d) { var base = d.tc || tc; if(d.selected) { return stc || base; } else { if(utc) return utc; else return stc ? base : Color.addOpacity(base, DESELECTDIM); } }; return out; }; drawing.selectedPointStyle = function(s, trace) { if(!s.size() || !trace.selectedpoints) return; var fns = drawing.makeSelectedPointStyleFns(trace); var marker = trace.marker || {}; var seq = []; if(fns.selectedOpacityFn) { seq.push(function(pt, d) { pt.style('opacity', fns.selectedOpacityFn(d)); }); } if(fns.selectedColorFn) { seq.push(function(pt, d) { Color.fill(pt, fns.selectedColorFn(d)); }); } if(fns.selectedSizeFn) { seq.push(function(pt, d) { var mx = d.mx || marker.symbol || 0; var mrc2 = fns.selectedSizeFn(d); pt.attr('d', makePointPath(drawing.symbolNumber(mx), mrc2)); // save for Drawing.selectedTextStyle d.mrc2 = mrc2; }); } if(seq.length) { s.each(function(d) { var pt = d3.select(this); for(var i = 0; i < seq.length; i++) { seq[i](pt, d); } }); } }; drawing.tryColorscale = function(marker, prefix) { var cont = prefix ? Lib.nestedProperty(marker, prefix).get() : marker; if(cont) { var colorArray = cont.color; if((cont.colorscale || cont._colorAx) && Lib.isArrayOrTypedArray(colorArray)) { return Colorscale.makeColorScaleFuncFromTrace(cont); } } return Lib.identity; }; var TEXTOFFSETSIGN = { start: 1, end: -1, middle: 0, bottom: 1, top: -1 }; function textPointPosition(s, textPosition, fontSize, markerRadius) { var group = d3.select(s.node().parentNode); var v = textPosition.indexOf('top') !== -1 ? 'top' : textPosition.indexOf('bottom') !== -1 ? 'bottom' : 'middle'; var h = textPosition.indexOf('left') !== -1 ? 'end' : textPosition.indexOf('right') !== -1 ? 'start' : 'middle'; // if markers are shown, offset a little more than // the nominal marker size // ie 2/1.6 * nominal, bcs some markers are a bit bigger var r = markerRadius ? markerRadius / 0.8 + 1 : 0; var numLines = (svgTextUtils.lineCount(s) - 1) * LINE_SPACING + 1; var dx = TEXTOFFSETSIGN[h] * r; var dy = fontSize * 0.75 + TEXTOFFSETSIGN[v] * r + (TEXTOFFSETSIGN[v] - 1) * numLines * fontSize / 2; // fix the overall text group position s.attr('text-anchor', h); group.attr('transform', strTranslate(dx, dy)); } function extracTextFontSize(d, trace) { var fontSize = d.ts || trace.textfont.size; return (isNumeric(fontSize) && fontSize > 0) ? fontSize : 0; } // draw text at points drawing.textPointStyle = function(s, trace, gd) { if(!s.size()) return; var selectedTextColorFn; if(trace.selectedpoints) { var fns = drawing.makeSelectedTextStyleFns(trace); selectedTextColorFn = fns.selectedTextColorFn; } var texttemplate = trace.texttemplate; var fullLayout = gd._fullLayout; s.each(function(d) { var p = d3.select(this); var text = texttemplate ? Lib.extractOption(d, trace, 'txt', 'texttemplate') : Lib.extractOption(d, trace, 'tx', 'text'); if(!text && text !== 0) { p.remove(); return; } if(texttemplate) { var labels = trace._module.formatLabels ? trace._module.formatLabels(d, trace, fullLayout) : {}; var pointValues = {}; appendArrayPointValue(pointValues, trace, d.i); var meta = trace._meta || {}; text = Lib.texttemplateString(text, labels, fullLayout._d3locale, pointValues, d, meta); } var pos = d.tp || trace.textposition; var fontSize = extracTextFontSize(d, trace); var fontColor = selectedTextColorFn ? selectedTextColorFn(d) : (d.tc || trace.textfont.color); p.call(drawing.font, d.tf || trace.textfont.family, fontSize, fontColor) .text(text) .call(svgTextUtils.convertToTspans, gd) .call(textPointPosition, pos, fontSize, d.mrc); }); }; drawing.selectedTextStyle = function(s, trace) { if(!s.size() || !trace.selectedpoints) return; var fns = drawing.makeSelectedTextStyleFns(trace); s.each(function(d) { var tx = d3.select(this); var tc = fns.selectedTextColorFn(d); var tp = d.tp || trace.textposition; var fontSize = extracTextFontSize(d, trace); Color.fill(tx, tc); textPointPosition(tx, tp, fontSize, d.mrc2 || d.mrc); }); }; // generalized Catmull-Rom splines, per // http://www.cemyuksel.com/research/catmullrom_param/catmullrom.pdf var CatmullRomExp = 0.5; drawing.smoothopen = function(pts, smoothness) { if(pts.length < 3) { return 'M' + pts.join('L');} var path = 'M' + pts[0]; var tangents = []; var i; for(i = 1; i < pts.length - 1; i++) { tangents.push(makeTangent(pts[i - 1], pts[i], pts[i + 1], smoothness)); } path += 'Q' + tangents[0][0] + ' ' + pts[1]; for(i = 2; i < pts.length - 1; i++) { path += 'C' + tangents[i - 2][1] + ' ' + tangents[i - 1][0] + ' ' + pts[i]; } path += 'Q' + tangents[pts.length - 3][1] + ' ' + pts[pts.length - 1]; return path; }; drawing.smoothclosed = function(pts, smoothness) { if(pts.length < 3) { return 'M' + pts.join('L') + 'Z'; } var path = 'M' + pts[0]; var pLast = pts.length - 1; var tangents = [makeTangent(pts[pLast], pts[0], pts[1], smoothness)]; var i; for(i = 1; i < pLast; i++) { tangents.push(makeTangent(pts[i - 1], pts[i], pts[i + 1], smoothness)); } tangents.push( makeTangent(pts[pLast - 1], pts[pLast], pts[0], smoothness) ); for(i = 1; i <= pLast; i++) { path += 'C' + tangents[i - 1][1] + ' ' + tangents[i][0] + ' ' + pts[i]; } path += 'C' + tangents[pLast][1] + ' ' + tangents[0][0] + ' ' + pts[0] + 'Z'; return path; }; function makeTangent(prevpt, thispt, nextpt, smoothness) { var d1x = prevpt[0] - thispt[0]; var d1y = prevpt[1] - thispt[1]; var d2x = nextpt[0] - thispt[0]; var d2y = nextpt[1] - thispt[1]; var d1a = Math.pow(d1x * d1x + d1y * d1y, CatmullRomExp / 2); var d2a = Math.pow(d2x * d2x + d2y * d2y, CatmullRomExp / 2); var numx = (d2a * d2a * d1x - d1a * d1a * d2x) * smoothness; var numy = (d2a * d2a * d1y - d1a * d1a * d2y) * smoothness; var denom1 = 3 * d2a * (d1a + d2a); var denom2 = 3 * d1a * (d1a + d2a); return [ [ d3.round(thispt[0] + (denom1 && numx / denom1), 2), d3.round(thispt[1] + (denom1 && numy / denom1), 2) ], [ d3.round(thispt[0] - (denom2 && numx / denom2), 2), d3.round(thispt[1] - (denom2 && numy / denom2), 2) ] ]; } // step paths - returns a generator function for paths // with the given step shape var STEPPATH = { hv: function(p0, p1) { return 'H' + d3.round(p1[0], 2) + 'V' + d3.round(p1[1], 2); }, vh: function(p0, p1) { return 'V' + d3.round(p1[1], 2) + 'H' + d3.round(p1[0], 2); }, hvh: function(p0, p1) { return 'H' + d3.round((p0[0] + p1[0]) / 2, 2) + 'V' + d3.round(p1[1], 2) + 'H' + d3.round(p1[0], 2); }, vhv: function(p0, p1) { return 'V' + d3.round((p0[1] + p1[1]) / 2, 2) + 'H' + d3.round(p1[0], 2) + 'V' + d3.round(p1[1], 2); } }; var STEPLINEAR = function(p0, p1) { return 'L' + d3.round(p1[0], 2) + ',' + d3.round(p1[1], 2); }; drawing.steps = function(shape) { var onestep = STEPPATH[shape] || STEPLINEAR; return function(pts) { var path = 'M' + d3.round(pts[0][0], 2) + ',' + d3.round(pts[0][1], 2); for(var i = 1; i < pts.length; i++) { path += onestep(pts[i - 1], pts[i]); } return path; }; }; // off-screen svg render testing element, shared by the whole page // uses the id 'js-plotly-tester' and stores it in drawing.tester drawing.makeTester = function() { var tester = Lib.ensureSingleById(d3.select('body'), 'svg', 'js-plotly-tester', function(s) { s.attr(xmlnsNamespaces.svgAttrs) .style({ position: 'absolute', left: '-10000px', top: '-10000px', width: '9000px', height: '9000px', 'z-index': '1' }); }); // browsers differ on how they describe the bounding rect of // the svg if its contents spill over... so make a 1x1px // reference point we can measure off of. var testref = Lib.ensureSingle(tester, 'path', 'js-reference-point', function(s) { s.attr('d', 'M0,0H1V1H0Z') .style({ 'stroke-width': 0, fill: 'black' }); }); drawing.tester = tester; drawing.testref = testref; }; /* * use our offscreen tester to get a clientRect for an element, * in a reference frame where it isn't translated (or transformed) and * its anchor point is at (0,0) * always returns a copy of the bbox, so the caller can modify it safely * * @param {SVGElement} node: the element to measure. If possible this should be * a or MathJax element that's already passed through * `convertToTspans` because in that case we can cache the results, but it's * possible to pass in any svg element. * * @param {boolean} inTester: is this element already in `drawing.tester`? * If you are measuring a dummy element, rather than one you really intend * to use on the plot, making it in `drawing.tester` in the first place * allows us to test faster because it cuts out cloning and appending it. * * @param {string} hash: for internal use only, if we already know the cache key * for this element beforehand. * * @return {object}: a plain object containing the width, height, left, right, * top, and bottom of `node` */ drawing.savedBBoxes = {}; var savedBBoxesCount = 0; var maxSavedBBoxes = 10000; drawing.bBox = function(node, inTester, hash) { /* * Cache elements we've already measured so we don't have to * remeasure the same thing many times * We have a few bBox callers though who pass a node larger than * a or a MathJax , such as an axis group containing many labels. * These will not generate a hash (unless we figure out an appropriate * hash key for them) and thus we will not hash them. */ if(!hash) hash = nodeHash(node); var out; if(hash) { out = drawing.savedBBoxes[hash]; if(out) return Lib.extendFlat({}, out); } else if(node.childNodes.length === 1) { /* * If we have only one child element, which is itself hashable, make * a new hash from this element plus its x,y,transform * These bounding boxes *include* x,y,transform - mostly for use by * callers trying to avoid overlaps (ie titles) */ var innerNode = node.childNodes[0]; hash = nodeHash(innerNode); if(hash) { var x = +innerNode.getAttribute('x') || 0; var y = +innerNode.getAttribute('y') || 0; var transform = innerNode.getAttribute('transform'); if(!transform) { // in this case, just varying x and y, don't bother caching // the final bBox because the alteration is quick. var innerBB = drawing.bBox(innerNode, false, hash); if(x) { innerBB.left += x; innerBB.right += x; } if(y) { innerBB.top += y; innerBB.bottom += y; } return innerBB; } /* * else we have a transform - rather than make a complicated * (and error-prone and probably slow) transform parser/calculator, * just continue on calculating the boundingClientRect of the group * and use the new composite hash to cache it. * That said, `innerNode.transform.baseVal` is an array of * `SVGTransform` objects, that *do* seem to have a nice matrix * multiplication interface that we could use to avoid making * another getBoundingClientRect call... */ hash += '~' + x + '~' + y + '~' + transform; out = drawing.savedBBoxes[hash]; if(out) return Lib.extendFlat({}, out); } } var testNode, tester; if(inTester) { testNode = node; } else { tester = drawing.tester.node(); // copy the node to test into the tester testNode = node.cloneNode(true); tester.appendChild(testNode); } // standardize its position (and newline tspans if any) d3.select(testNode) .attr('transform', null) .call(svgTextUtils.positionText, 0, 0); var testRect = testNode.getBoundingClientRect(); var refRect = drawing.testref .node() .getBoundingClientRect(); if(!inTester) tester.removeChild(testNode); var bb = { height: testRect.height, width: testRect.width, left: testRect.left - refRect.left, top: testRect.top - refRect.top, right: testRect.right - refRect.left, bottom: testRect.bottom - refRect.top }; // make sure we don't have too many saved boxes, // or a long session could overload on memory // by saving boxes for long-gone elements if(savedBBoxesCount >= maxSavedBBoxes) { drawing.savedBBoxes = {}; savedBBoxesCount = 0; } // cache this bbox if(hash) drawing.savedBBoxes[hash] = bb; savedBBoxesCount++; return Lib.extendFlat({}, bb); }; // capture everything about a node (at least in our usage) that // impacts its bounding box, given that bBox clears x, y, and transform function nodeHash(node) { var inputText = node.getAttribute('data-unformatted'); if(inputText === null) return; return inputText + node.getAttribute('data-math') + node.getAttribute('text-anchor') + node.getAttribute('style'); } /** * Set clipPath URL in a way that work for all situations. * * In details, graphs on pages with HTML tags need to prepend * the clip path ids with the page's base url EXCEPT during toImage exports. * * @param {d3 selection} s : node to add clip-path attribute * @param {string} localId : local clip-path (w/o base url) id * @param {DOM element || object} gd * - context._baseUrl {string} * - context._exportedPlot {boolean} */ drawing.setClipUrl = function(s, localId, gd) { s.attr('clip-path', getFullUrl(localId, gd)); }; function getFullUrl(localId, gd) { if(!localId) return null; var context = gd._context; var baseUrl = context._exportedPlot ? '' : (context._baseUrl || ''); return 'url(\'' + baseUrl + '#' + localId + '\')'; } drawing.getTranslate = function(element) { // Note the separator [^\d] between x and y in this regex // We generally use ',' but IE will convert it to ' ' var re = /.*\btranslate\((-?\d*\.?\d*)[^-\d]*(-?\d*\.?\d*)[^\d].*/; var getter = element.attr ? 'attr' : 'getAttribute'; var transform = element[getter]('transform') || ''; var translate = transform.replace(re, function(match, p1, p2) { return [p1, p2].join(' '); }) .split(' '); return { x: +translate[0] || 0, y: +translate[1] || 0 }; }; drawing.setTranslate = function(element, x, y) { var re = /(\btranslate\(.*?\);?)/; var getter = element.attr ? 'attr' : 'getAttribute'; var setter = element.attr ? 'attr' : 'setAttribute'; var transform = element[getter]('transform') || ''; x = x || 0; y = y || 0; transform = transform.replace(re, '').trim(); transform += strTranslate(x, y); transform = transform.trim(); element[setter]('transform', transform); return transform; }; drawing.getScale = function(element) { var re = /.*\bscale\((\d*\.?\d*)[^\d]*(\d*\.?\d*)[^\d].*/; var getter = element.attr ? 'attr' : 'getAttribute'; var transform = element[getter]('transform') || ''; var translate = transform.replace(re, function(match, p1, p2) { return [p1, p2].join(' '); }) .split(' '); return { x: +translate[0] || 1, y: +translate[1] || 1 }; }; drawing.setScale = function(element, x, y) { var re = /(\bscale\(.*?\);?)/; var getter = element.attr ? 'attr' : 'getAttribute'; var setter = element.attr ? 'attr' : 'setAttribute'; var transform = element[getter]('transform') || ''; x = x || 1; y = y || 1; transform = transform.replace(re, '').trim(); transform += 'scale(' + x + ',' + y + ')'; transform = transform.trim(); element[setter]('transform', transform); return transform; }; var SCALE_RE = /\s*sc.*/; drawing.setPointGroupScale = function(selection, xScale, yScale) { xScale = xScale || 1; yScale = yScale || 1; if(!selection) return; // The same scale transform for every point: var scale = (xScale === 1 && yScale === 1) ? '' : 'scale(' + xScale + ',' + yScale + ')'; selection.each(function() { var t = (this.getAttribute('transform') || '').replace(SCALE_RE, ''); t += scale; t = t.trim(); this.setAttribute('transform', t); }); }; var TEXT_POINT_LAST_TRANSLATION_RE = /translate\([^)]*\)\s*$/; drawing.setTextPointsScale = function(selection, xScale, yScale) { if(!selection) return; selection.each(function() { var transforms; var el = d3.select(this); var text = el.select('text'); if(!text.node()) return; var x = parseFloat(text.attr('x') || 0); var y = parseFloat(text.attr('y') || 0); var existingTransform = (el.attr('transform') || '').match(TEXT_POINT_LAST_TRANSLATION_RE); if(xScale === 1 && yScale === 1) { transforms = []; } else { transforms = [ strTranslate(x, y), 'scale(' + xScale + ',' + yScale + ')', strTranslate(-x, -y), ]; } if(existingTransform) { transforms.push(existingTransform); } el.attr('transform', transforms.join('')); }); }; },{"../../components/fx/helpers":111,"../../constants/alignment":177,"../../constants/interactions":180,"../../constants/xmlns_namespaces":182,"../../lib":202,"../../lib/svg_text_utils":224,"../../registry":290,"../../traces/scatter/make_bubble_size_func":347,"../../traces/scatter/subtypes":355,"../color":75,"../colorscale":87,"./symbol_defs":98,"d3":9,"fast-isnumeric":11,"tinycolor2":58}],98:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = _dereq_('d3'); /** Marker symbol definitions * users can specify markers either by number or name * add 100 (or '-open') and you get an open marker * open markers have no fill and use line color as the stroke color * add 200 (or '-dot') and you get a dot in the middle * add both and you get both */ module.exports = { circle: { n: 0, f: function(r) { var rs = d3.round(r, 2); return 'M' + rs + ',0A' + rs + ',' + rs + ' 0 1,1 0,-' + rs + 'A' + rs + ',' + rs + ' 0 0,1 ' + rs + ',0Z'; } }, square: { n: 1, f: function(r) { var rs = d3.round(r, 2); return 'M' + rs + ',' + rs + 'H-' + rs + 'V-' + rs + 'H' + rs + 'Z'; } }, diamond: { n: 2, f: function(r) { var rd = d3.round(r * 1.3, 2); return 'M' + rd + ',0L0,' + rd + 'L-' + rd + ',0L0,-' + rd + 'Z'; } }, cross: { n: 3, f: function(r) { var rc = d3.round(r * 0.4, 2); var rc2 = d3.round(r * 1.2, 2); return 'M' + rc2 + ',' + rc + 'H' + rc + 'V' + rc2 + 'H-' + rc + 'V' + rc + 'H-' + rc2 + 'V-' + rc + 'H-' + rc + 'V-' + rc2 + 'H' + rc + 'V-' + rc + 'H' + rc2 + 'Z'; } }, x: { n: 4, f: function(r) { var rx = d3.round(r * 0.8 / Math.sqrt(2), 2); var ne = 'l' + rx + ',' + rx; var se = 'l' + rx + ',-' + rx; var sw = 'l-' + rx + ',-' + rx; var nw = 'l-' + rx + ',' + rx; return 'M0,' + rx + ne + se + sw + se + sw + nw + sw + nw + ne + nw + ne + 'Z'; } }, 'triangle-up': { n: 5, f: function(r) { var rt = d3.round(r * 2 / Math.sqrt(3), 2); var r2 = d3.round(r / 2, 2); var rs = d3.round(r, 2); return 'M-' + rt + ',' + r2 + 'H' + rt + 'L0,-' + rs + 'Z'; } }, 'triangle-down': { n: 6, f: function(r) { var rt = d3.round(r * 2 / Math.sqrt(3), 2); var r2 = d3.round(r / 2, 2); var rs = d3.round(r, 2); return 'M-' + rt + ',-' + r2 + 'H' + rt + 'L0,' + rs + 'Z'; } }, 'triangle-left': { n: 7, f: function(r) { var rt = d3.round(r * 2 / Math.sqrt(3), 2); var r2 = d3.round(r / 2, 2); var rs = d3.round(r, 2); return 'M' + r2 + ',-' + rt + 'V' + rt + 'L-' + rs + ',0Z'; } }, 'triangle-right': { n: 8, f: function(r) { var rt = d3.round(r * 2 / Math.sqrt(3), 2); var r2 = d3.round(r / 2, 2); var rs = d3.round(r, 2); return 'M-' + r2 + ',-' + rt + 'V' + rt + 'L' + rs + ',0Z'; } }, 'triangle-ne': { n: 9, f: function(r) { var r1 = d3.round(r * 0.6, 2); var r2 = d3.round(r * 1.2, 2); return 'M-' + r2 + ',-' + r1 + 'H' + r1 + 'V' + r2 + 'Z'; } }, 'triangle-se': { n: 10, f: function(r) { var r1 = d3.round(r * 0.6, 2); var r2 = d3.round(r * 1.2, 2); return 'M' + r1 + ',-' + r2 + 'V' + r1 + 'H-' + r2 + 'Z'; } }, 'triangle-sw': { n: 11, f: function(r) { var r1 = d3.round(r * 0.6, 2); var r2 = d3.round(r * 1.2, 2); return 'M' + r2 + ',' + r1 + 'H-' + r1 + 'V-' + r2 + 'Z'; } }, 'triangle-nw': { n: 12, f: function(r) { var r1 = d3.round(r * 0.6, 2); var r2 = d3.round(r * 1.2, 2); return 'M-' + r1 + ',' + r2 + 'V-' + r1 + 'H' + r2 + 'Z'; } }, pentagon: { n: 13, f: function(r) { var x1 = d3.round(r * 0.951, 2); var x2 = d3.round(r * 0.588, 2); var y0 = d3.round(-r, 2); var y1 = d3.round(r * -0.309, 2); var y2 = d3.round(r * 0.809, 2); return 'M' + x1 + ',' + y1 + 'L' + x2 + ',' + y2 + 'H-' + x2 + 'L-' + x1 + ',' + y1 + 'L0,' + y0 + 'Z'; } }, hexagon: { n: 14, f: function(r) { var y0 = d3.round(r, 2); var y1 = d3.round(r / 2, 2); var x = d3.round(r * Math.sqrt(3) / 2, 2); return 'M' + x + ',-' + y1 + 'V' + y1 + 'L0,' + y0 + 'L-' + x + ',' + y1 + 'V-' + y1 + 'L0,-' + y0 + 'Z'; } }, hexagon2: { n: 15, f: function(r) { var x0 = d3.round(r, 2); var x1 = d3.round(r / 2, 2); var y = d3.round(r * Math.sqrt(3) / 2, 2); return 'M-' + x1 + ',' + y + 'H' + x1 + 'L' + x0 + ',0L' + x1 + ',-' + y + 'H-' + x1 + 'L-' + x0 + ',0Z'; } }, octagon: { n: 16, f: function(r) { var a = d3.round(r * 0.924, 2); var b = d3.round(r * 0.383, 2); return 'M-' + b + ',-' + a + 'H' + b + 'L' + a + ',-' + b + 'V' + b + 'L' + b + ',' + a + 'H-' + b + 'L-' + a + ',' + b + 'V-' + b + 'Z'; } }, star: { n: 17, f: function(r) { var rs = r * 1.4; var x1 = d3.round(rs * 0.225, 2); var x2 = d3.round(rs * 0.951, 2); var x3 = d3.round(rs * 0.363, 2); var x4 = d3.round(rs * 0.588, 2); var y0 = d3.round(-rs, 2); var y1 = d3.round(rs * -0.309, 2); var y3 = d3.round(rs * 0.118, 2); var y4 = d3.round(rs * 0.809, 2); var y5 = d3.round(rs * 0.382, 2); return 'M' + x1 + ',' + y1 + 'H' + x2 + 'L' + x3 + ',' + y3 + 'L' + x4 + ',' + y4 + 'L0,' + y5 + 'L-' + x4 + ',' + y4 + 'L-' + x3 + ',' + y3 + 'L-' + x2 + ',' + y1 + 'H-' + x1 + 'L0,' + y0 + 'Z'; } }, hexagram: { n: 18, f: function(r) { var y = d3.round(r * 0.66, 2); var x1 = d3.round(r * 0.38, 2); var x2 = d3.round(r * 0.76, 2); return 'M-' + x2 + ',0l-' + x1 + ',-' + y + 'h' + x2 + 'l' + x1 + ',-' + y + 'l' + x1 + ',' + y + 'h' + x2 + 'l-' + x1 + ',' + y + 'l' + x1 + ',' + y + 'h-' + x2 + 'l-' + x1 + ',' + y + 'l-' + x1 + ',-' + y + 'h-' + x2 + 'Z'; } }, 'star-triangle-up': { n: 19, f: function(r) { var x = d3.round(r * Math.sqrt(3) * 0.8, 2); var y1 = d3.round(r * 0.8, 2); var y2 = d3.round(r * 1.6, 2); var rc = d3.round(r * 4, 2); var aPart = 'A ' + rc + ',' + rc + ' 0 0 1 '; return 'M-' + x + ',' + y1 + aPart + x + ',' + y1 + aPart + '0,-' + y2 + aPart + '-' + x + ',' + y1 + 'Z'; } }, 'star-triangle-down': { n: 20, f: function(r) { var x = d3.round(r * Math.sqrt(3) * 0.8, 2); var y1 = d3.round(r * 0.8, 2); var y2 = d3.round(r * 1.6, 2); var rc = d3.round(r * 4, 2); var aPart = 'A ' + rc + ',' + rc + ' 0 0 1 '; return 'M' + x + ',-' + y1 + aPart + '-' + x + ',-' + y1 + aPart + '0,' + y2 + aPart + x + ',-' + y1 + 'Z'; } }, 'star-square': { n: 21, f: function(r) { var rp = d3.round(r * 1.1, 2); var rc = d3.round(r * 2, 2); var aPart = 'A ' + rc + ',' + rc + ' 0 0 1 '; return 'M-' + rp + ',-' + rp + aPart + '-' + rp + ',' + rp + aPart + rp + ',' + rp + aPart + rp + ',-' + rp + aPart + '-' + rp + ',-' + rp + 'Z'; } }, 'star-diamond': { n: 22, f: function(r) { var rp = d3.round(r * 1.4, 2); var rc = d3.round(r * 1.9, 2); var aPart = 'A ' + rc + ',' + rc + ' 0 0 1 '; return 'M-' + rp + ',0' + aPart + '0,' + rp + aPart + rp + ',0' + aPart + '0,-' + rp + aPart + '-' + rp + ',0' + 'Z'; } }, 'diamond-tall': { n: 23, f: function(r) { var x = d3.round(r * 0.7, 2); var y = d3.round(r * 1.4, 2); return 'M0,' + y + 'L' + x + ',0L0,-' + y + 'L-' + x + ',0Z'; } }, 'diamond-wide': { n: 24, f: function(r) { var x = d3.round(r * 1.4, 2); var y = d3.round(r * 0.7, 2); return 'M0,' + y + 'L' + x + ',0L0,-' + y + 'L-' + x + ',0Z'; } }, hourglass: { n: 25, f: function(r) { var rs = d3.round(r, 2); return 'M' + rs + ',' + rs + 'H-' + rs + 'L' + rs + ',-' + rs + 'H-' + rs + 'Z'; }, noDot: true }, bowtie: { n: 26, f: function(r) { var rs = d3.round(r, 2); return 'M' + rs + ',' + rs + 'V-' + rs + 'L-' + rs + ',' + rs + 'V-' + rs + 'Z'; }, noDot: true }, 'circle-cross': { n: 27, f: function(r) { var rs = d3.round(r, 2); return 'M0,' + rs + 'V-' + rs + 'M' + rs + ',0H-' + rs + 'M' + rs + ',0A' + rs + ',' + rs + ' 0 1,1 0,-' + rs + 'A' + rs + ',' + rs + ' 0 0,1 ' + rs + ',0Z'; }, needLine: true, noDot: true }, 'circle-x': { n: 28, f: function(r) { var rs = d3.round(r, 2); var rc = d3.round(r / Math.sqrt(2), 2); return 'M' + rc + ',' + rc + 'L-' + rc + ',-' + rc + 'M' + rc + ',-' + rc + 'L-' + rc + ',' + rc + 'M' + rs + ',0A' + rs + ',' + rs + ' 0 1,1 0,-' + rs + 'A' + rs + ',' + rs + ' 0 0,1 ' + rs + ',0Z'; }, needLine: true, noDot: true }, 'square-cross': { n: 29, f: function(r) { var rs = d3.round(r, 2); return 'M0,' + rs + 'V-' + rs + 'M' + rs + ',0H-' + rs + 'M' + rs + ',' + rs + 'H-' + rs + 'V-' + rs + 'H' + rs + 'Z'; }, needLine: true, noDot: true }, 'square-x': { n: 30, f: function(r) { var rs = d3.round(r, 2); return 'M' + rs + ',' + rs + 'L-' + rs + ',-' + rs + 'M' + rs + ',-' + rs + 'L-' + rs + ',' + rs + 'M' + rs + ',' + rs + 'H-' + rs + 'V-' + rs + 'H' + rs + 'Z'; }, needLine: true, noDot: true }, 'diamond-cross': { n: 31, f: function(r) { var rd = d3.round(r * 1.3, 2); return 'M' + rd + ',0L0,' + rd + 'L-' + rd + ',0L0,-' + rd + 'Z' + 'M0,-' + rd + 'V' + rd + 'M-' + rd + ',0H' + rd; }, needLine: true, noDot: true }, 'diamond-x': { n: 32, f: function(r) { var rd = d3.round(r * 1.3, 2); var r2 = d3.round(r * 0.65, 2); return 'M' + rd + ',0L0,' + rd + 'L-' + rd + ',0L0,-' + rd + 'Z' + 'M-' + r2 + ',-' + r2 + 'L' + r2 + ',' + r2 + 'M-' + r2 + ',' + r2 + 'L' + r2 + ',-' + r2; }, needLine: true, noDot: true }, 'cross-thin': { n: 33, f: function(r) { var rc = d3.round(r * 1.4, 2); return 'M0,' + rc + 'V-' + rc + 'M' + rc + ',0H-' + rc; }, needLine: true, noDot: true, noFill: true }, 'x-thin': { n: 34, f: function(r) { var rx = d3.round(r, 2); return 'M' + rx + ',' + rx + 'L-' + rx + ',-' + rx + 'M' + rx + ',-' + rx + 'L-' + rx + ',' + rx; }, needLine: true, noDot: true, noFill: true }, asterisk: { n: 35, f: function(r) { var rc = d3.round(r * 1.2, 2); var rs = d3.round(r * 0.85, 2); return 'M0,' + rc + 'V-' + rc + 'M' + rc + ',0H-' + rc + 'M' + rs + ',' + rs + 'L-' + rs + ',-' + rs + 'M' + rs + ',-' + rs + 'L-' + rs + ',' + rs; }, needLine: true, noDot: true, noFill: true }, hash: { n: 36, f: function(r) { var r1 = d3.round(r / 2, 2); var r2 = d3.round(r, 2); return 'M' + r1 + ',' + r2 + 'V-' + r2 + 'm-' + r2 + ',0V' + r2 + 'M' + r2 + ',' + r1 + 'H-' + r2 + 'm0,-' + r2 + 'H' + r2; }, needLine: true, noFill: true }, 'y-up': { n: 37, f: function(r) { var x = d3.round(r * 1.2, 2); var y0 = d3.round(r * 1.6, 2); var y1 = d3.round(r * 0.8, 2); return 'M-' + x + ',' + y1 + 'L0,0M' + x + ',' + y1 + 'L0,0M0,-' + y0 + 'L0,0'; }, needLine: true, noDot: true, noFill: true }, 'y-down': { n: 38, f: function(r) { var x = d3.round(r * 1.2, 2); var y0 = d3.round(r * 1.6, 2); var y1 = d3.round(r * 0.8, 2); return 'M-' + x + ',-' + y1 + 'L0,0M' + x + ',-' + y1 + 'L0,0M0,' + y0 + 'L0,0'; }, needLine: true, noDot: true, noFill: true }, 'y-left': { n: 39, f: function(r) { var y = d3.round(r * 1.2, 2); var x0 = d3.round(r * 1.6, 2); var x1 = d3.round(r * 0.8, 2); return 'M' + x1 + ',' + y + 'L0,0M' + x1 + ',-' + y + 'L0,0M-' + x0 + ',0L0,0'; }, needLine: true, noDot: true, noFill: true }, 'y-right': { n: 40, f: function(r) { var y = d3.round(r * 1.2, 2); var x0 = d3.round(r * 1.6, 2); var x1 = d3.round(r * 0.8, 2); return 'M-' + x1 + ',' + y + 'L0,0M-' + x1 + ',-' + y + 'L0,0M' + x0 + ',0L0,0'; }, needLine: true, noDot: true, noFill: true }, 'line-ew': { n: 41, f: function(r) { var rc = d3.round(r * 1.4, 2); return 'M' + rc + ',0H-' + rc; }, needLine: true, noDot: true, noFill: true }, 'line-ns': { n: 42, f: function(r) { var rc = d3.round(r * 1.4, 2); return 'M0,' + rc + 'V-' + rc; }, needLine: true, noDot: true, noFill: true }, 'line-ne': { n: 43, f: function(r) { var rx = d3.round(r, 2); return 'M' + rx + ',-' + rx + 'L-' + rx + ',' + rx; }, needLine: true, noDot: true, noFill: true }, 'line-nw': { n: 44, f: function(r) { var rx = d3.round(r, 2); return 'M' + rx + ',' + rx + 'L-' + rx + ',-' + rx; }, needLine: true, noDot: true, noFill: true }, 'arrow-up': { n: 45, f: function(r) { var rx = d3.round(r, 2); var ry = d3.round(r * 2, 2); return 'M0,0L-' + rx + ',' + ry + 'H' + rx + 'Z'; }, noDot: true }, 'arrow-down': { n: 46, f: function(r) { var rx = d3.round(r, 2); var ry = d3.round(r * 2, 2); return 'M0,0L-' + rx + ',-' + ry + 'H' + rx + 'Z'; }, noDot: true }, 'arrow-left': { n: 47, f: function(r) { var rx = d3.round(r * 2, 2); var ry = d3.round(r, 2); return 'M0,0L' + rx + ',-' + ry + 'V' + ry + 'Z'; }, noDot: true }, 'arrow-right': { n: 48, f: function(r) { var rx = d3.round(r * 2, 2); var ry = d3.round(r, 2); return 'M0,0L-' + rx + ',-' + ry + 'V' + ry + 'Z'; }, noDot: true }, 'arrow-bar-up': { n: 49, f: function(r) { var rx = d3.round(r, 2); var ry = d3.round(r * 2, 2); return 'M-' + rx + ',0H' + rx + 'M0,0L-' + rx + ',' + ry + 'H' + rx + 'Z'; }, needLine: true, noDot: true }, 'arrow-bar-down': { n: 50, f: function(r) { var rx = d3.round(r, 2); var ry = d3.round(r * 2, 2); return 'M-' + rx + ',0H' + rx + 'M0,0L-' + rx + ',-' + ry + 'H' + rx + 'Z'; }, needLine: true, noDot: true }, 'arrow-bar-left': { n: 51, f: function(r) { var rx = d3.round(r * 2, 2); var ry = d3.round(r, 2); return 'M0,-' + ry + 'V' + ry + 'M0,0L' + rx + ',-' + ry + 'V' + ry + 'Z'; }, needLine: true, noDot: true }, 'arrow-bar-right': { n: 52, f: function(r) { var rx = d3.round(r * 2, 2); var ry = d3.round(r, 2); return 'M0,-' + ry + 'V' + ry + 'M0,0L-' + rx + ',-' + ry + 'V' + ry + 'Z'; }, needLine: true, noDot: true } }; },{"d3":9}],99:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = { visible: { valType: 'boolean', editType: 'calc', }, type: { valType: 'enumerated', values: ['percent', 'constant', 'sqrt', 'data'], editType: 'calc', }, symmetric: { valType: 'boolean', editType: 'calc', }, array: { valType: 'data_array', editType: 'calc', }, arrayminus: { valType: 'data_array', editType: 'calc', }, value: { valType: 'number', min: 0, dflt: 10, editType: 'calc', }, valueminus: { valType: 'number', min: 0, dflt: 10, editType: 'calc', }, traceref: { valType: 'integer', min: 0, dflt: 0, editType: 'style' }, tracerefminus: { valType: 'integer', min: 0, dflt: 0, editType: 'style' }, copy_ystyle: { valType: 'boolean', editType: 'plot' }, copy_zstyle: { valType: 'boolean', editType: 'style' }, color: { valType: 'color', editType: 'style', }, thickness: { valType: 'number', min: 0, dflt: 2, editType: 'style', }, width: { valType: 'number', min: 0, editType: 'plot', }, editType: 'calc', _deprecated: { opacity: { valType: 'number', editType: 'style', } } }; },{}],100:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var isNumeric = _dereq_('fast-isnumeric'); var Registry = _dereq_('../../registry'); var Axes = _dereq_('../../plots/cartesian/axes'); var Lib = _dereq_('../../lib'); var makeComputeError = _dereq_('./compute_error'); module.exports = function calc(gd) { var calcdata = gd.calcdata; for(var i = 0; i < calcdata.length; i++) { var calcTrace = calcdata[i]; var trace = calcTrace[0].trace; if(trace.visible === true && Registry.traceIs(trace, 'errorBarsOK')) { var xa = Axes.getFromId(gd, trace.xaxis); var ya = Axes.getFromId(gd, trace.yaxis); calcOneAxis(calcTrace, trace, xa, 'x'); calcOneAxis(calcTrace, trace, ya, 'y'); } } }; function calcOneAxis(calcTrace, trace, axis, coord) { var opts = trace['error_' + coord] || {}; var isVisible = (opts.visible && ['linear', 'log'].indexOf(axis.type) !== -1); var vals = []; if(!isVisible) return; var computeError = makeComputeError(opts); for(var i = 0; i < calcTrace.length; i++) { var calcPt = calcTrace[i]; var iIn = calcPt.i; // for types that don't include `i` in each calcdata point if(iIn === undefined) iIn = i; // for stacked area inserted points // TODO: errorbars have been tested cursorily with stacked area, // but not thoroughly. It's not even really clear what you want to do: // Should it just be calculated based on that trace's size data? // Should you add errors from below in quadrature? // And what about normalization, where in principle the errors shrink // again when you get up to the top end? // One option would be to forbid errorbars with stacking until we // decide how to handle these questions. else if(iIn === null) continue; var calcCoord = calcPt[coord]; if(!isNumeric(axis.c2l(calcCoord))) continue; var errors = computeError(calcCoord, iIn); if(isNumeric(errors[0]) && isNumeric(errors[1])) { var shoe = calcPt[coord + 's'] = calcCoord - errors[0]; var hat = calcPt[coord + 'h'] = calcCoord + errors[1]; vals.push(shoe, hat); } } var axId = axis._id; var baseExtremes = trace._extremes[axId]; var extremes = Axes.findExtremes( axis, vals, Lib.extendFlat({tozero: baseExtremes.opts.tozero}, {padded: true}) ); baseExtremes.min = baseExtremes.min.concat(extremes.min); baseExtremes.max = baseExtremes.max.concat(extremes.max); } },{"../../lib":202,"../../plots/cartesian/axes":248,"../../registry":290,"./compute_error":101,"fast-isnumeric":11}],101:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; /** * Error bar computing function generator * * N.B. The generated function does not clean the dataPt entries. Non-numeric * entries result in undefined error magnitudes. * * @param {object} opts error bar attributes * * @return {function} : * @param {numeric} dataPt data point from where to compute the error magnitude * @param {number} index index of dataPt in its corresponding data array * @return {array} * - error[0] : error magnitude in the negative direction * - error[1] : " " " " positive " */ module.exports = function makeComputeError(opts) { var type = opts.type; var symmetric = opts.symmetric; if(type === 'data') { var array = opts.array || []; if(symmetric) { return function computeError(dataPt, index) { var val = +(array[index]); return [val, val]; }; } else { var arrayminus = opts.arrayminus || []; return function computeError(dataPt, index) { var val = +array[index]; var valMinus = +arrayminus[index]; // in case one is present and the other is missing, fill in 0 // so we still see the present one. Mostly useful during manual // data entry. if(!isNaN(val) || !isNaN(valMinus)) { return [valMinus || 0, val || 0]; } return [NaN, NaN]; }; } } else { var computeErrorValue = makeComputeErrorValue(type, opts.value); var computeErrorValueMinus = makeComputeErrorValue(type, opts.valueminus); if(symmetric || opts.valueminus === undefined) { return function computeError(dataPt) { var val = computeErrorValue(dataPt); return [val, val]; }; } else { return function computeError(dataPt) { return [ computeErrorValueMinus(dataPt), computeErrorValue(dataPt) ]; }; } } }; /** * Compute error bar magnitude (for all types except data) * * @param {string} type error bar type * @param {numeric} value error bar value * * @return {function} : * @param {numeric} dataPt */ function makeComputeErrorValue(type, value) { if(type === 'percent') { return function(dataPt) { return Math.abs(dataPt * value / 100); }; } if(type === 'constant') { return function() { return Math.abs(value); }; } if(type === 'sqrt') { return function(dataPt) { return Math.sqrt(Math.abs(dataPt)); }; } } },{}],102:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var isNumeric = _dereq_('fast-isnumeric'); var Registry = _dereq_('../../registry'); var Lib = _dereq_('../../lib'); var Template = _dereq_('../../plot_api/plot_template'); var attributes = _dereq_('./attributes'); module.exports = function(traceIn, traceOut, defaultColor, opts) { var objName = 'error_' + opts.axis; var containerOut = Template.newContainer(traceOut, objName); var containerIn = traceIn[objName] || {}; function coerce(attr, dflt) { return Lib.coerce(containerIn, containerOut, attributes, attr, dflt); } var hasErrorBars = ( containerIn.array !== undefined || containerIn.value !== undefined || containerIn.type === 'sqrt' ); var visible = coerce('visible', hasErrorBars); if(visible === false) return; var type = coerce('type', 'array' in containerIn ? 'data' : 'percent'); var symmetric = true; if(type !== 'sqrt') { symmetric = coerce('symmetric', !((type === 'data' ? 'arrayminus' : 'valueminus') in containerIn)); } if(type === 'data') { coerce('array'); coerce('traceref'); if(!symmetric) { coerce('arrayminus'); coerce('tracerefminus'); } } else if(type === 'percent' || type === 'constant') { coerce('value'); if(!symmetric) coerce('valueminus'); } var copyAttr = 'copy_' + opts.inherit + 'style'; if(opts.inherit) { var inheritObj = traceOut['error_' + opts.inherit]; if((inheritObj || {}).visible) { coerce(copyAttr, !(containerIn.color || isNumeric(containerIn.thickness) || isNumeric(containerIn.width))); } } if(!opts.inherit || !containerOut[copyAttr]) { coerce('color', defaultColor); coerce('thickness'); coerce('width', Registry.traceIs(traceOut, 'gl3d') ? 0 : 4); } }; },{"../../lib":202,"../../plot_api/plot_template":237,"../../registry":290,"./attributes":99,"fast-isnumeric":11}],103:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = _dereq_('../../lib'); var overrideAll = _dereq_('../../plot_api/edit_types').overrideAll; var attributes = _dereq_('./attributes'); var xyAttrs = { error_x: Lib.extendFlat({}, attributes), error_y: Lib.extendFlat({}, attributes) }; delete xyAttrs.error_x.copy_zstyle; delete xyAttrs.error_y.copy_zstyle; delete xyAttrs.error_y.copy_ystyle; var xyzAttrs = { error_x: Lib.extendFlat({}, attributes), error_y: Lib.extendFlat({}, attributes), error_z: Lib.extendFlat({}, attributes) }; delete xyzAttrs.error_x.copy_ystyle; delete xyzAttrs.error_y.copy_ystyle; delete xyzAttrs.error_z.copy_ystyle; delete xyzAttrs.error_z.copy_zstyle; module.exports = { moduleType: 'component', name: 'errorbars', schema: { traces: { scatter: xyAttrs, bar: xyAttrs, histogram: xyAttrs, scatter3d: overrideAll(xyzAttrs, 'calc', 'nested'), scattergl: overrideAll(xyAttrs, 'calc', 'nested') } }, supplyDefaults: _dereq_('./defaults'), calc: _dereq_('./calc'), makeComputeError: _dereq_('./compute_error'), plot: _dereq_('./plot'), style: _dereq_('./style'), hoverInfo: hoverInfo }; function hoverInfo(calcPoint, trace, hoverPoint) { if((trace.error_y || {}).visible) { hoverPoint.yerr = calcPoint.yh - calcPoint.y; if(!trace.error_y.symmetric) hoverPoint.yerrneg = calcPoint.y - calcPoint.ys; } if((trace.error_x || {}).visible) { hoverPoint.xerr = calcPoint.xh - calcPoint.x; if(!trace.error_x.symmetric) hoverPoint.xerrneg = calcPoint.x - calcPoint.xs; } } },{"../../lib":202,"../../plot_api/edit_types":230,"./attributes":99,"./calc":100,"./compute_error":101,"./defaults":102,"./plot":104,"./style":105}],104:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = _dereq_('d3'); var isNumeric = _dereq_('fast-isnumeric'); var Drawing = _dereq_('../drawing'); var subTypes = _dereq_('../../traces/scatter/subtypes'); module.exports = function plot(gd, traces, plotinfo, transitionOpts) { var isNew; var xa = plotinfo.xaxis; var ya = plotinfo.yaxis; var hasAnimation = transitionOpts && transitionOpts.duration > 0; traces.each(function(d) { var trace = d[0].trace; // || {} is in case the trace (specifically scatterternary) // doesn't support error bars at all, but does go through // the scatter.plot mechanics, which calls ErrorBars.plot // internally var xObj = trace.error_x || {}; var yObj = trace.error_y || {}; var keyFunc; if(trace.ids) { keyFunc = function(d) {return d.id;}; } var sparse = ( subTypes.hasMarkers(trace) && trace.marker.maxdisplayed > 0 ); if(!yObj.visible && !xObj.visible) d = []; var errorbars = d3.select(this).selectAll('g.errorbar') .data(d, keyFunc); errorbars.exit().remove(); if(!d.length) return; if(!xObj.visible) errorbars.selectAll('path.xerror').remove(); if(!yObj.visible) errorbars.selectAll('path.yerror').remove(); errorbars.style('opacity', 1); var enter = errorbars.enter().append('g') .classed('errorbar', true); if(hasAnimation) { enter.style('opacity', 0).transition() .duration(transitionOpts.duration) .style('opacity', 1); } Drawing.setClipUrl(errorbars, plotinfo.layerClipId, gd); errorbars.each(function(d) { var errorbar = d3.select(this); var coords = errorCoords(d, xa, ya); if(sparse && !d.vis) return; var path; var yerror = errorbar.select('path.yerror'); if(yObj.visible && isNumeric(coords.x) && isNumeric(coords.yh) && isNumeric(coords.ys)) { var yw = yObj.width; path = 'M' + (coords.x - yw) + ',' + coords.yh + 'h' + (2 * yw) + // hat 'm-' + yw + ',0V' + coords.ys; // bar if(!coords.noYS) path += 'm-' + yw + ',0h' + (2 * yw); // shoe isNew = !yerror.size(); if(isNew) { yerror = errorbar.append('path') .style('vector-effect', 'non-scaling-stroke') .classed('yerror', true); } else if(hasAnimation) { yerror = yerror .transition() .duration(transitionOpts.duration) .ease(transitionOpts.easing); } yerror.attr('d', path); } else yerror.remove(); var xerror = errorbar.select('path.xerror'); if(xObj.visible && isNumeric(coords.y) && isNumeric(coords.xh) && isNumeric(coords.xs)) { var xw = (xObj.copy_ystyle ? yObj : xObj).width; path = 'M' + coords.xh + ',' + (coords.y - xw) + 'v' + (2 * xw) + // hat 'm0,-' + xw + 'H' + coords.xs; // bar if(!coords.noXS) path += 'm0,-' + xw + 'v' + (2 * xw); // shoe isNew = !xerror.size(); if(isNew) { xerror = errorbar.append('path') .style('vector-effect', 'non-scaling-stroke') .classed('xerror', true); } else if(hasAnimation) { xerror = xerror .transition() .duration(transitionOpts.duration) .ease(transitionOpts.easing); } xerror.attr('d', path); } else xerror.remove(); }); }); }; // compute the coordinates of the error-bar objects function errorCoords(d, xa, ya) { var out = { x: xa.c2p(d.x), y: ya.c2p(d.y) }; // calculate the error bar size and hat and shoe locations if(d.yh !== undefined) { out.yh = ya.c2p(d.yh); out.ys = ya.c2p(d.ys); // if the shoes go off-scale (ie log scale, error bars past zero) // clip the bar and hide the shoes if(!isNumeric(out.ys)) { out.noYS = true; out.ys = ya.c2p(d.ys, true); } } if(d.xh !== undefined) { out.xh = xa.c2p(d.xh); out.xs = xa.c2p(d.xs); if(!isNumeric(out.xs)) { out.noXS = true; out.xs = xa.c2p(d.xs, true); } } return out; } },{"../../traces/scatter/subtypes":355,"../drawing":97,"d3":9,"fast-isnumeric":11}],105:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = _dereq_('d3'); var Color = _dereq_('../color'); module.exports = function style(traces) { traces.each(function(d) { var trace = d[0].trace; var yObj = trace.error_y || {}; var xObj = trace.error_x || {}; var s = d3.select(this); s.selectAll('path.yerror') .style('stroke-width', yObj.thickness + 'px') .call(Color.stroke, yObj.color); if(xObj.copy_ystyle) xObj = yObj; s.selectAll('path.xerror') .style('stroke-width', xObj.thickness + 'px') .call(Color.stroke, xObj.color); }); }; },{"../color":75,"d3":9}],106:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var fontAttrs = _dereq_('../../plots/font_attributes'); var hoverLabelAttrs = _dereq_('./layout_attributes').hoverlabel; var extendFlat = _dereq_('../../lib/extend').extendFlat; module.exports = { hoverlabel: { bgcolor: extendFlat({}, hoverLabelAttrs.bgcolor, { arrayOk: true, }), bordercolor: extendFlat({}, hoverLabelAttrs.bordercolor, { arrayOk: true, }), font: fontAttrs({ arrayOk: true, editType: 'none', }), align: extendFlat({}, hoverLabelAttrs.align, {arrayOk: true}), namelength: extendFlat({}, hoverLabelAttrs.namelength, {arrayOk: true}), editType: 'none' } }; },{"../../lib/extend":196,"../../plots/font_attributes":276,"./layout_attributes":116}],107:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = _dereq_('../../lib'); var Registry = _dereq_('../../registry'); module.exports = function calc(gd) { var calcdata = gd.calcdata; var fullLayout = gd._fullLayout; function makeCoerceHoverInfo(trace) { return function(val) { return Lib.coerceHoverinfo({hoverinfo: val}, {_module: trace._module}, fullLayout); }; } for(var i = 0; i < calcdata.length; i++) { var cd = calcdata[i]; var trace = cd[0].trace; // don't include hover calc fields for pie traces // as calcdata items might be sorted by value and // won't match the data array order. if(Registry.traceIs(trace, 'pie-like')) continue; var fillFn = Registry.traceIs(trace, '2dMap') ? paste : Lib.fillArray; fillFn(trace.hoverinfo, cd, 'hi', makeCoerceHoverInfo(trace)); if(trace.hovertemplate) fillFn(trace.hovertemplate, cd, 'ht'); if(!trace.hoverlabel) continue; fillFn(trace.hoverlabel.bgcolor, cd, 'hbg'); fillFn(trace.hoverlabel.bordercolor, cd, 'hbc'); fillFn(trace.hoverlabel.font.size, cd, 'hts'); fillFn(trace.hoverlabel.font.color, cd, 'htc'); fillFn(trace.hoverlabel.font.family, cd, 'htf'); fillFn(trace.hoverlabel.namelength, cd, 'hnl'); fillFn(trace.hoverlabel.align, cd, 'hta'); } }; function paste(traceAttr, cd, cdAttr, fn) { fn = fn || Lib.identity; if(Array.isArray(traceAttr)) { cd[0][cdAttr] = fn(traceAttr); } } },{"../../lib":202,"../../registry":290}],108:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Registry = _dereq_('../../registry'); var hover = _dereq_('./hover').hover; module.exports = function click(gd, evt, subplot) { var annotationsDone = Registry.getComponentMethod('annotations', 'onClick')(gd, gd._hoverdata); // fallback to fail-safe in case the plot type's hover method doesn't pass the subplot. // Ternary, for example, didn't, but it was caught because tested. if(subplot !== undefined) { // The true flag at the end causes it to re-run the hover computation to figure out *which* // point is being clicked. Without this, clicking is somewhat unreliable. hover(gd, evt, subplot, true); } function emitClick() { gd.emit('plotly_click', {points: gd._hoverdata, event: evt}); } if(gd._hoverdata && evt && evt.target) { if(annotationsDone && annotationsDone.then) { annotationsDone.then(emitClick); } else emitClick(); // why do we get a double event without this??? if(evt.stopImmediatePropagation) evt.stopImmediatePropagation(); } }; },{"../../registry":290,"./hover":112}],109:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = { // hover labels for multiple horizontal bars get tilted by this angle YANGLE: 60, // size and display constants for hover text // pixel size of hover arrows HOVERARROWSIZE: 6, // pixels padding around text HOVERTEXTPAD: 3, // hover font HOVERFONTSIZE: 13, HOVERFONT: 'Arial, sans-serif', // minimum time (msec) between hover calls HOVERMINTIME: 50, // ID suffix (with fullLayout._uid) for hover events in the throttle cache HOVERID: '-hover' }; },{}],110:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = _dereq_('../../lib'); var attributes = _dereq_('./attributes'); var handleHoverLabelDefaults = _dereq_('./hoverlabel_defaults'); module.exports = function supplyDefaults(traceIn, traceOut, defaultColor, layout) { function coerce(attr, dflt) { return Lib.coerce(traceIn, traceOut, attributes, attr, dflt); } var opts = Lib.extendFlat({}, layout.hoverlabel); if(traceOut.hovertemplate) opts.namelength = -1; handleHoverLabelDefaults(traceIn, traceOut, coerce, opts); }; },{"../../lib":202,"./attributes":106,"./hoverlabel_defaults":113}],111:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = _dereq_('../../lib'); // look for either subplot or xaxis and yaxis attributes // does not handle splom case exports.getSubplot = function(trace) { return trace.subplot || (trace.xaxis + trace.yaxis) || trace.geo; }; // is trace in given list of subplots? // does handle splom case exports.isTraceInSubplots = function(trace, subplots) { if(trace.type === 'splom') { var xaxes = trace.xaxes || []; var yaxes = trace.yaxes || []; for(var i = 0; i < xaxes.length; i++) { for(var j = 0; j < yaxes.length; j++) { if(subplots.indexOf(xaxes[i] + yaxes[j]) !== -1) { return true; } } } return false; } return subplots.indexOf(exports.getSubplot(trace)) !== -1; }; // convenience functions for mapping all relevant axes exports.flat = function(subplots, v) { var out = new Array(subplots.length); for(var i = 0; i < subplots.length; i++) { out[i] = v; } return out; }; exports.p2c = function(axArray, v) { var out = new Array(axArray.length); for(var i = 0; i < axArray.length; i++) { out[i] = axArray[i].p2c(v); } return out; }; exports.getDistanceFunction = function(mode, dx, dy, dxy) { if(mode === 'closest') return dxy || exports.quadrature(dx, dy); return mode.charAt(0) === 'x' ? dx : dy; }; exports.getClosest = function(cd, distfn, pointData) { // do we already have a point number? (array mode only) if(pointData.index !== false) { if(pointData.index >= 0 && pointData.index < cd.length) { pointData.distance = 0; } else pointData.index = false; } else { // apply the distance function to each data point // this is the longest loop... if this bogs down, we may need // to create pre-sorted data (by x or y), not sure how to // do this for 'closest' for(var i = 0; i < cd.length; i++) { var newDistance = distfn(cd[i]); if(newDistance <= pointData.distance) { pointData.index = i; pointData.distance = newDistance; } } } return pointData; }; /* * pseudo-distance function for hover effects on areas: inside the region * distance is finite (`passVal`), outside it's Infinity. * * @param {number} v0: signed difference between the current position and the left edge * @param {number} v1: signed difference between the current position and the right edge * @param {number} passVal: the value to return on success */ exports.inbox = function(v0, v1, passVal) { return (v0 * v1 < 0 || v0 === 0) ? passVal : Infinity; }; exports.quadrature = function(dx, dy) { return function(di) { var x = dx(di); var y = dy(di); return Math.sqrt(x * x + y * y); }; }; /** Fill event data point object for hover and selection. * Invokes _module.eventData if present. * * N.B. note that point 'index' corresponds to input data array index * whereas 'number' is its post-transform version. * * If the hovered/selected pt corresponds to an multiple input points * (e.g. for histogram and transformed traces), 'pointNumbers` and 'pointIndices' * are include in the event data. * * @param {object} pt * @param {object} trace * @param {object} cd * @return {object} */ exports.makeEventData = function(pt, trace, cd) { // hover uses 'index', select uses 'pointNumber' var pointNumber = 'index' in pt ? pt.index : pt.pointNumber; var out = { data: trace._input, fullData: trace, curveNumber: trace.index, pointNumber: pointNumber }; if(trace._indexToPoints) { var pointIndices = trace._indexToPoints[pointNumber]; if(pointIndices.length === 1) { out.pointIndex = pointIndices[0]; } else { out.pointIndices = pointIndices; } } else { out.pointIndex = pointNumber; } if(trace._module.eventData) { out = trace._module.eventData(out, pt, trace, cd, pointNumber); } else { if('xVal' in pt) out.x = pt.xVal; else if('x' in pt) out.x = pt.x; if('yVal' in pt) out.y = pt.yVal; else if('y' in pt) out.y = pt.y; if(pt.xa) out.xaxis = pt.xa; if(pt.ya) out.yaxis = pt.ya; if(pt.zLabelVal !== undefined) out.z = pt.zLabelVal; } exports.appendArrayPointValue(out, trace, pointNumber); return out; }; /** Appends values inside array attributes corresponding to given point number * * @param {object} pointData : point data object (gets mutated here) * @param {object} trace : full trace object * @param {number|Array(number)} pointNumber : point number. May be a length-2 array * [row, col] to dig into 2D arrays */ exports.appendArrayPointValue = function(pointData, trace, pointNumber) { var arrayAttrs = trace._arrayAttrs; if(!arrayAttrs) { return; } for(var i = 0; i < arrayAttrs.length; i++) { var astr = arrayAttrs[i]; var key = getPointKey(astr); if(pointData[key] === undefined) { var val = Lib.nestedProperty(trace, astr).get(); var pointVal = getPointData(val, pointNumber); if(pointVal !== undefined) pointData[key] = pointVal; } } }; /** * Appends values inside array attributes corresponding to given point number array * For use when pointData references a plot entity that arose (or potentially arose) * from multiple points in the input data * * @param {object} pointData : point data object (gets mutated here) * @param {object} trace : full trace object * @param {Array(number)|Array(Array(number))} pointNumbers : Array of point numbers. * Each entry in the array may itself be a length-2 array [row, col] to dig into 2D arrays */ exports.appendArrayMultiPointValues = function(pointData, trace, pointNumbers) { var arrayAttrs = trace._arrayAttrs; if(!arrayAttrs) { return; } for(var i = 0; i < arrayAttrs.length; i++) { var astr = arrayAttrs[i]; var key = getPointKey(astr); if(pointData[key] === undefined) { var val = Lib.nestedProperty(trace, astr).get(); var keyVal = new Array(pointNumbers.length); for(var j = 0; j < pointNumbers.length; j++) { keyVal[j] = getPointData(val, pointNumbers[j]); } pointData[key] = keyVal; } } }; var pointKeyMap = { ids: 'id', locations: 'location', labels: 'label', values: 'value', 'marker.colors': 'color', parents: 'parent' }; function getPointKey(astr) { return pointKeyMap[astr] || astr; } function getPointData(val, pointNumber) { if(Array.isArray(pointNumber)) { if(Array.isArray(val) && Array.isArray(val[pointNumber[0]])) { return val[pointNumber[0]][pointNumber[1]]; } } else { return val[pointNumber]; } } var xyHoverMode = { x: true, y: true }; var unifiedHoverMode = { 'x unified': true, 'y unified': true }; exports.isUnifiedHover = function(hovermode) { if(typeof hovermode !== 'string') return false; return !!unifiedHoverMode[hovermode]; }; exports.isXYhover = function(hovermode) { if(typeof hovermode !== 'string') return false; return !!xyHoverMode[hovermode]; }; },{"../../lib":202}],112:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = _dereq_('d3'); var isNumeric = _dereq_('fast-isnumeric'); var tinycolor = _dereq_('tinycolor2'); var Lib = _dereq_('../../lib'); var strTranslate = Lib.strTranslate; var strRotate = Lib.strRotate; var Events = _dereq_('../../lib/events'); var svgTextUtils = _dereq_('../../lib/svg_text_utils'); var overrideCursor = _dereq_('../../lib/override_cursor'); var Drawing = _dereq_('../drawing'); var Color = _dereq_('../color'); var dragElement = _dereq_('../dragelement'); var Axes = _dereq_('../../plots/cartesian/axes'); var Registry = _dereq_('../../registry'); var helpers = _dereq_('./helpers'); var constants = _dereq_('./constants'); var legendSupplyDefaults = _dereq_('../legend/defaults'); var legendDraw = _dereq_('../legend/draw'); // hover labels for multiple horizontal bars get tilted by some angle, // then need to be offset differently if they overlap var YANGLE = constants.YANGLE; var YA_RADIANS = Math.PI * YANGLE / 180; // expansion of projected height var YFACTOR = 1 / Math.sin(YA_RADIANS); // to make the appropriate post-rotation x offset, // you need both x and y offsets var YSHIFTX = Math.cos(YA_RADIANS); var YSHIFTY = Math.sin(YA_RADIANS); // size and display constants for hover text var HOVERARROWSIZE = constants.HOVERARROWSIZE; var HOVERTEXTPAD = constants.HOVERTEXTPAD; // fx.hover: highlight data on hover // evt can be a mousemove event, or an object with data about what points // to hover on // {xpx,ypx[,hovermode]} - pixel locations from top left // (with optional overriding hovermode) // {xval,yval[,hovermode]} - data values // [{curveNumber,(pointNumber|xval and/or yval)}] - // array of specific points to highlight // pointNumber is a single integer if gd.data[curveNumber] is 1D, // or a two-element array if it's 2D // xval and yval are data values, // 1D data may specify either or both, // 2D data must specify both // subplot is an id string (default "xy") // makes use of gl.hovermode, which can be: // x (find the points with the closest x values, ie a column), // closest (find the single closest point) // internally there are two more that occasionally get used: // y (pick out a row - only used for multiple horizontal bar charts) // array (used when the user specifies an explicit // array of points to hover on) // // We wrap the hovers in a timer, to limit their frequency. // The actual rendering is done by private function _hover. exports.hover = function hover(gd, evt, subplot, noHoverEvent) { gd = Lib.getGraphDiv(gd); Lib.throttle( gd._fullLayout._uid + constants.HOVERID, constants.HOVERMINTIME, function() { _hover(gd, evt, subplot, noHoverEvent); } ); }; /* * Draw a single hover item or an array of hover item in a pre-existing svg container somewhere * hoverItem should have keys: * - x and y (or x0, x1, y0, and y1): * the pixel position to mark, relative to opts.container * - xLabel, yLabel, zLabel, text, and name: * info to go in the label * - color: * the background color for the label. * - idealAlign (optional): * 'left' or 'right' for which side of the x/y box to try to put this on first * - borderColor (optional): * color for the border, defaults to strongest contrast with color * - fontFamily (optional): * string, the font for this label, defaults to constants.HOVERFONT * - fontSize (optional): * the label font size, defaults to constants.HOVERFONTSIZE * - fontColor (optional): * defaults to borderColor * opts should have keys: * - bgColor: * the background color this is against, used if the trace is * non-opaque, and for the name, which goes outside the box * - container: * a
'; if(d.yLabel !== undefined) text += 'y: ' + d.yLabel + '
'; if(d.trace.type !== 'choropleth' && d.trace.type !== 'choroplethmapbox') { text += (text ? 'z: ' : '') + d.zLabel; } } else if(showCommonLabel && d[hovermode.charAt(0) + 'Label'] === t0) { text = d[(hovermode.charAt(0) === 'x' ? 'y' : 'x') + 'Label'] || ''; } else if(d.xLabel === undefined) { if(d.yLabel !== undefined && d.trace.type !== 'scattercarpet') { text = d.yLabel; } } else if(d.yLabel === undefined) text = d.xLabel; else text = '(' + d.xLabel + ', ' + d.yLabel + ')'; if((d.text || d.text === 0) && !Array.isArray(d.text)) { text += (text ? '
' : '') + d.text; } // used by other modules (initially just ternary) that // manage their own hoverinfo independent of cleanPoint // the rest of this will still apply, so such modules // can still put things in (x|y|z)Label, text, and name // and hoverinfo will still determine their visibility if(d.extraText !== undefined) text += (text ? '
' : '') + d.extraText; // if 'text' is empty at this point, // and hovertemplate is not defined, // put 'name' in main label and don't show secondary label if(g && text === '' && !d.hovertemplate) { // if 'name' is also empty, remove entire label if(name === '') g.remove(); text = name; } // hovertemplate var d3locale = fullLayout._d3locale; var hovertemplate = d.hovertemplate || false; var hovertemplateLabels = d.hovertemplateLabels || d; var eventData = d.eventData[0] || {}; if(hovertemplate) { text = Lib.hovertemplateString( hovertemplate, hovertemplateLabels, d3locale, eventData, d.trace._meta ); text = text.replace(EXTRA_STRING_REGEX, function(match, extra) { // assign name for secondary text label name = plainText(extra, d.nameLength); // remove from main text label return ''; }); } return [text, name]; } // Make groups of touching points, and within each group // move each point so that no labels overlap, but the average // label position is the same as it was before moving. Incidentally, // this is equivalent to saying all the labels are on equal linear // springs about their initial position. Initially, each point is // its own group, but as we find overlaps we will clump the points. // // Also, there are hard constraints at the edges of the graphs, // that push all groups to the middle so they are visible. I don't // know what happens if the group spans all the way from one edge to // the other, though it hardly matters - there's just too much // information then. function hoverAvoidOverlaps(hoverLabels, axKey, fullLayout) { var nummoves = 0; var axSign = 1; var nLabels = hoverLabels.size(); // make groups of touching points var pointgroups = new Array(nLabels); var k = 0; hoverLabels.each(function(d) { var ax = d[axKey]; var axIsX = ax._id.charAt(0) === 'x'; var rng = ax.range; if(k === 0 && rng && ((rng[0] > rng[1]) !== axIsX)) { axSign = -1; } pointgroups[k++] = [{ datum: d, traceIndex: d.trace.index, dp: 0, pos: d.pos, posref: d.posref, size: d.by * (axIsX ? YFACTOR : 1) / 2, pmin: 0, pmax: (axIsX ? fullLayout.width : fullLayout.height) }]; }); pointgroups.sort(function(a, b) { return (a[0].posref - b[0].posref) || // for equal positions, sort trace indices increasing or decreasing // depending on whether the axis is reversed or not... so stacked // traces will generally keep their order even if one trace adds // nothing to the stack. (axSign * (b[0].traceIndex - a[0].traceIndex)); }); var donepositioning, topOverlap, bottomOverlap, i, j, pti, sumdp; function constrainGroup(grp) { var minPt = grp[0]; var maxPt = grp[grp.length - 1]; // overlap with the top - positive vals are overlaps topOverlap = minPt.pmin - minPt.pos - minPt.dp + minPt.size; // overlap with the bottom - positive vals are overlaps bottomOverlap = maxPt.pos + maxPt.dp + maxPt.size - minPt.pmax; // check for min overlap first, so that we always // see the largest labels // allow for .01px overlap, so we don't get an // infinite loop from rounding errors if(topOverlap > 0.01) { for(j = grp.length - 1; j >= 0; j--) grp[j].dp += topOverlap; donepositioning = false; } if(bottomOverlap < 0.01) return; if(topOverlap < -0.01) { // make sure we're not pushing back and forth for(j = grp.length - 1; j >= 0; j--) grp[j].dp -= bottomOverlap; donepositioning = false; } if(!donepositioning) return; // no room to fix positioning, delete off-screen points // first see how many points we need to delete var deleteCount = 0; for(i = 0; i < grp.length; i++) { pti = grp[i]; if(pti.pos + pti.dp + pti.size > minPt.pmax) deleteCount++; } // start by deleting points whose data is off screen for(i = grp.length - 1; i >= 0; i--) { if(deleteCount <= 0) break; pti = grp[i]; // pos has already been constrained to [pmin,pmax] // so look for points close to that to delete if(pti.pos > minPt.pmax - 1) { pti.del = true; deleteCount--; } } for(i = 0; i < grp.length; i++) { if(deleteCount <= 0) break; pti = grp[i]; // pos has already been constrained to [pmin,pmax] // so look for points close to that to delete if(pti.pos < minPt.pmin + 1) { pti.del = true; deleteCount--; // shift the whole group minus into this new space bottomOverlap = pti.size * 2; for(j = grp.length - 1; j >= 0; j--) grp[j].dp -= bottomOverlap; } } // then delete points that go off the bottom for(i = grp.length - 1; i >= 0; i--) { if(deleteCount <= 0) break; pti = grp[i]; if(pti.pos + pti.dp + pti.size > minPt.pmax) { pti.del = true; deleteCount--; } } } // loop through groups, combining them if they overlap, // until nothing moves while(!donepositioning && nummoves <= nLabels) { // to avoid infinite loops, don't move more times // than there are traces nummoves++; // assume nothing will move in this iteration, // reverse this if it does donepositioning = true; i = 0; while(i < pointgroups.length - 1) { // the higher (g0) and lower (g1) point group var g0 = pointgroups[i]; var g1 = pointgroups[i + 1]; // the lowest point in the higher group (p0) // the highest point in the lower group (p1) var p0 = g0[g0.length - 1]; var p1 = g1[0]; topOverlap = p0.pos + p0.dp + p0.size - p1.pos - p1.dp + p1.size; // Only group points that lie on the same axes if(topOverlap > 0.01 && (p0.pmin === p1.pmin) && (p0.pmax === p1.pmax)) { // push the new point(s) added to this group out of the way for(j = g1.length - 1; j >= 0; j--) g1[j].dp += topOverlap; // add them to the group g0.push.apply(g0, g1); pointgroups.splice(i + 1, 1); // adjust for minimum average movement sumdp = 0; for(j = g0.length - 1; j >= 0; j--) sumdp += g0[j].dp; bottomOverlap = sumdp / g0.length; for(j = g0.length - 1; j >= 0; j--) g0[j].dp -= bottomOverlap; donepositioning = false; } else i++; } // check if we're going off the plot on either side and fix pointgroups.forEach(constrainGroup); } // now put these offsets into hoverData for(i = pointgroups.length - 1; i >= 0; i--) { var grp = pointgroups[i]; for(j = grp.length - 1; j >= 0; j--) { var pt = grp[j]; var hoverPt = pt.datum; hoverPt.offset = pt.dp; hoverPt.del = pt.del; } } } function alignHoverText(hoverLabels, rotateLabels, scaleX, scaleY) { var pX = function(x) { return x * scaleX; }; var pY = function(y) { return y * scaleY; }; // finally set the text positioning relative to the data and draw the // box around it hoverLabels.each(function(d) { var g = d3.select(this); if(d.del) return g.remove(); var tx = g.select('text.nums'); var anchor = d.anchor; var horzSign = anchor === 'end' ? -1 : 1; var alignShift = {start: 1, end: -1, middle: 0}[anchor]; var txx = alignShift * (HOVERARROWSIZE + HOVERTEXTPAD); var tx2x = txx + alignShift * (d.txwidth + HOVERTEXTPAD); var offsetX = 0; var offsetY = d.offset; var isMiddle = anchor === 'middle'; if(isMiddle) { txx -= d.tx2width / 2; tx2x += d.txwidth / 2 + HOVERTEXTPAD; } if(rotateLabels) { offsetY *= -YSHIFTY; offsetX = d.offset * YSHIFTX; } g.select('path') .attr('d', isMiddle ? // middle aligned: rect centered on data ('M-' + pX(d.bx / 2 + d.tx2width / 2) + ',' + pY(offsetY - d.by / 2) + 'h' + pX(d.bx) + 'v' + pY(d.by) + 'h-' + pX(d.bx) + 'Z') : // left or right aligned: side rect with arrow to data ('M0,0L' + pX(horzSign * HOVERARROWSIZE + offsetX) + ',' + pY(HOVERARROWSIZE + offsetY) + 'v' + pY(d.by / 2 - HOVERARROWSIZE) + 'h' + pX(horzSign * d.bx) + 'v-' + pY(d.by) + 'H' + pX(horzSign * HOVERARROWSIZE + offsetX) + 'V' + pY(offsetY - HOVERARROWSIZE) + 'Z')); var posX = offsetX + txx; var posY = offsetY + d.ty0 - d.by / 2 + HOVERTEXTPAD; var textAlign = d.textAlign || 'auto'; if(textAlign !== 'auto') { if(textAlign === 'left' && anchor !== 'start') { tx.attr('text-anchor', 'start'); posX = isMiddle ? -d.bx / 2 - d.tx2width / 2 + HOVERTEXTPAD : -d.bx - HOVERTEXTPAD; } else if(textAlign === 'right' && anchor !== 'end') { tx.attr('text-anchor', 'end'); posX = isMiddle ? d.bx / 2 - d.tx2width / 2 - HOVERTEXTPAD : d.bx + HOVERTEXTPAD; } } tx.call(svgTextUtils.positionText, pX(posX), pY(posY)); if(d.tx2width) { g.select('text.name') .call(svgTextUtils.positionText, pX(tx2x + alignShift * HOVERTEXTPAD + offsetX), pY(offsetY + d.ty0 - d.by / 2 + HOVERTEXTPAD)); g.select('rect') .call(Drawing.setRect, pX(tx2x + (alignShift - 1) * d.tx2width / 2 + offsetX), pY(offsetY - d.by / 2 - 1), pX(d.tx2width), pY(d.by + 2)); } }); } function cleanPoint(d, hovermode) { var index = d.index; var trace = d.trace || {}; var cd0 = d.cd[0]; var cd = d.cd[index] || {}; function pass(v) { return v || (isNumeric(v) && v === 0); } var getVal = Array.isArray(index) ? function(calcKey, traceKey) { var v = Lib.castOption(cd0, index, calcKey); return pass(v) ? v : Lib.extractOption({}, trace, '', traceKey); } : function(calcKey, traceKey) { return Lib.extractOption(cd, trace, calcKey, traceKey); }; function fill(key, calcKey, traceKey) { var val = getVal(calcKey, traceKey); if(pass(val)) d[key] = val; } fill('hoverinfo', 'hi', 'hoverinfo'); fill('bgcolor', 'hbg', 'hoverlabel.bgcolor'); fill('borderColor', 'hbc', 'hoverlabel.bordercolor'); fill('fontFamily', 'htf', 'hoverlabel.font.family'); fill('fontSize', 'hts', 'hoverlabel.font.size'); fill('fontColor', 'htc', 'hoverlabel.font.color'); fill('nameLength', 'hnl', 'hoverlabel.namelength'); fill('textAlign', 'hta', 'hoverlabel.align'); d.posref = (hovermode === 'y' || (hovermode === 'closest' && trace.orientation === 'h')) ? (d.xa._offset + (d.x0 + d.x1) / 2) : (d.ya._offset + (d.y0 + d.y1) / 2); // then constrain all the positions to be on the plot d.x0 = Lib.constrain(d.x0, 0, d.xa._length); d.x1 = Lib.constrain(d.x1, 0, d.xa._length); d.y0 = Lib.constrain(d.y0, 0, d.ya._length); d.y1 = Lib.constrain(d.y1, 0, d.ya._length); // and convert the x and y label values into formatted text if(d.xLabelVal !== undefined) { d.xLabel = ('xLabel' in d) ? d.xLabel : Axes.hoverLabelText(d.xa, d.xLabelVal); d.xVal = d.xa.c2d(d.xLabelVal); } if(d.yLabelVal !== undefined) { d.yLabel = ('yLabel' in d) ? d.yLabel : Axes.hoverLabelText(d.ya, d.yLabelVal); d.yVal = d.ya.c2d(d.yLabelVal); } // Traces like heatmaps generate the zLabel in their hoverPoints function if(d.zLabelVal !== undefined && d.zLabel === undefined) { d.zLabel = String(d.zLabelVal); } // for box means and error bars, add the range to the label if(!isNaN(d.xerr) && !(d.xa.type === 'log' && d.xerr <= 0)) { var xeText = Axes.tickText(d.xa, d.xa.c2l(d.xerr), 'hover').text; if(d.xerrneg !== undefined) { d.xLabel += ' +' + xeText + ' / -' + Axes.tickText(d.xa, d.xa.c2l(d.xerrneg), 'hover').text; } else d.xLabel += ' ± ' + xeText; // small distance penalty for error bars, so that if there are // traces with errors and some without, the error bar label will // hoist up to the point if(hovermode === 'x') d.distance += 1; } if(!isNaN(d.yerr) && !(d.ya.type === 'log' && d.yerr <= 0)) { var yeText = Axes.tickText(d.ya, d.ya.c2l(d.yerr), 'hover').text; if(d.yerrneg !== undefined) { d.yLabel += ' +' + yeText + ' / -' + Axes.tickText(d.ya, d.ya.c2l(d.yerrneg), 'hover').text; } else d.yLabel += ' ± ' + yeText; if(hovermode === 'y') d.distance += 1; } var infomode = d.hoverinfo || d.trace.hoverinfo; if(infomode && infomode !== 'all') { infomode = Array.isArray(infomode) ? infomode : infomode.split('+'); if(infomode.indexOf('x') === -1) d.xLabel = undefined; if(infomode.indexOf('y') === -1) d.yLabel = undefined; if(infomode.indexOf('z') === -1) d.zLabel = undefined; if(infomode.indexOf('text') === -1) d.text = undefined; if(infomode.indexOf('name') === -1) d.name = undefined; } return d; } function createSpikelines(gd, closestPoints, opts) { var container = opts.container; var fullLayout = opts.fullLayout; var gs = fullLayout._size; var evt = opts.event; var showY = !!closestPoints.hLinePoint; var showX = !!closestPoints.vLinePoint; var xa, ya; // Remove old spikeline items container.selectAll('.spikeline').remove(); if(!(showX || showY)) return; var contrastColor = Color.combine(fullLayout.plot_bgcolor, fullLayout.paper_bgcolor); // Horizontal line (to y-axis) if(showY) { var hLinePoint = closestPoints.hLinePoint; var hLinePointX, hLinePointY; xa = hLinePoint && hLinePoint.xa; ya = hLinePoint && hLinePoint.ya; var ySnap = ya.spikesnap; if(ySnap === 'cursor') { hLinePointX = evt.pointerX; hLinePointY = evt.pointerY; } else { hLinePointX = xa._offset + hLinePoint.x; hLinePointY = ya._offset + hLinePoint.y; } var dfltHLineColor = tinycolor.readability(hLinePoint.color, contrastColor) < 1.5 ? Color.contrast(contrastColor) : hLinePoint.color; var yMode = ya.spikemode; var yThickness = ya.spikethickness; var yColor = ya.spikecolor || dfltHLineColor; var xEdge = Axes.getPxPosition(gd, ya); var xBase, xEndSpike; if(yMode.indexOf('toaxis') !== -1 || yMode.indexOf('across') !== -1) { if(yMode.indexOf('toaxis') !== -1) { xBase = xEdge; xEndSpike = hLinePointX; } if(yMode.indexOf('across') !== -1) { var xAcross0 = ya._counterDomainMin; var xAcross1 = ya._counterDomainMax; if(ya.anchor === 'free') { xAcross0 = Math.min(xAcross0, ya.position); xAcross1 = Math.max(xAcross1, ya.position); } xBase = gs.l + xAcross0 * gs.w; xEndSpike = gs.l + xAcross1 * gs.w; } // Foreground horizontal line (to y-axis) container.insert('line', ':first-child') .attr({ x1: xBase, x2: xEndSpike, y1: hLinePointY, y2: hLinePointY, 'stroke-width': yThickness, stroke: yColor, 'stroke-dasharray': Drawing.dashStyle(ya.spikedash, yThickness) }) .classed('spikeline', true) .classed('crisp', true); // Background horizontal Line (to y-axis) container.insert('line', ':first-child') .attr({ x1: xBase, x2: xEndSpike, y1: hLinePointY, y2: hLinePointY, 'stroke-width': yThickness + 2, stroke: contrastColor }) .classed('spikeline', true) .classed('crisp', true); } // Y axis marker if(yMode.indexOf('marker') !== -1) { container.insert('circle', ':first-child') .attr({ cx: xEdge + (ya.side !== 'right' ? yThickness : -yThickness), cy: hLinePointY, r: yThickness, fill: yColor }) .classed('spikeline', true); } } if(showX) { var vLinePoint = closestPoints.vLinePoint; var vLinePointX, vLinePointY; xa = vLinePoint && vLinePoint.xa; ya = vLinePoint && vLinePoint.ya; var xSnap = xa.spikesnap; if(xSnap === 'cursor') { vLinePointX = evt.pointerX; vLinePointY = evt.pointerY; } else { vLinePointX = xa._offset + vLinePoint.x; vLinePointY = ya._offset + vLinePoint.y; } var dfltVLineColor = tinycolor.readability(vLinePoint.color, contrastColor) < 1.5 ? Color.contrast(contrastColor) : vLinePoint.color; var xMode = xa.spikemode; var xThickness = xa.spikethickness; var xColor = xa.spikecolor || dfltVLineColor; var yEdge = Axes.getPxPosition(gd, xa); var yBase, yEndSpike; if(xMode.indexOf('toaxis') !== -1 || xMode.indexOf('across') !== -1) { if(xMode.indexOf('toaxis') !== -1) { yBase = yEdge; yEndSpike = vLinePointY; } if(xMode.indexOf('across') !== -1) { var yAcross0 = xa._counterDomainMin; var yAcross1 = xa._counterDomainMax; if(xa.anchor === 'free') { yAcross0 = Math.min(yAcross0, xa.position); yAcross1 = Math.max(yAcross1, xa.position); } yBase = gs.t + (1 - yAcross1) * gs.h; yEndSpike = gs.t + (1 - yAcross0) * gs.h; } // Foreground vertical line (to x-axis) container.insert('line', ':first-child') .attr({ x1: vLinePointX, x2: vLinePointX, y1: yBase, y2: yEndSpike, 'stroke-width': xThickness, stroke: xColor, 'stroke-dasharray': Drawing.dashStyle(xa.spikedash, xThickness) }) .classed('spikeline', true) .classed('crisp', true); // Background vertical line (to x-axis) container.insert('line', ':first-child') .attr({ x1: vLinePointX, x2: vLinePointX, y1: yBase, y2: yEndSpike, 'stroke-width': xThickness + 2, stroke: contrastColor }) .classed('spikeline', true) .classed('crisp', true); } // X axis marker if(xMode.indexOf('marker') !== -1) { container.insert('circle', ':first-child') .attr({ cx: vLinePointX, cy: yEdge - (xa.side !== 'top' ? xThickness : -xThickness), r: xThickness, fill: xColor }) .classed('spikeline', true); } } } function hoverChanged(gd, evt, oldhoverdata) { // don't emit any events if nothing changed if(!oldhoverdata || oldhoverdata.length !== gd._hoverdata.length) return true; for(var i = oldhoverdata.length - 1; i >= 0; i--) { var oldPt = oldhoverdata[i]; var newPt = gd._hoverdata[i]; if(oldPt.curveNumber !== newPt.curveNumber || String(oldPt.pointNumber) !== String(newPt.pointNumber) || String(oldPt.pointNumbers) !== String(newPt.pointNumbers) ) { return true; } } return false; } function spikesChanged(gd, oldspikepoints) { // don't relayout the plot because of new spikelines if spikelines points didn't change if(!oldspikepoints) return true; if(oldspikepoints.vLinePoint !== gd._spikepoints.vLinePoint || oldspikepoints.hLinePoint !== gd._spikepoints.hLinePoint ) return true; return false; } function plainText(s, len) { return svgTextUtils.plainText(s || '', { len: len, allowedTags: ['br', 'sub', 'sup', 'b', 'i', 'em'] }); } },{"../../lib":202,"../../lib/events":195,"../../lib/override_cursor":213,"../../lib/svg_text_utils":224,"../../plots/cartesian/axes":248,"../../registry":290,"../color":75,"../dragelement":94,"../drawing":97,"../legend/defaults":127,"../legend/draw":128,"./constants":109,"./helpers":111,"d3":9,"fast-isnumeric":11,"tinycolor2":58}],113:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = _dereq_('../../lib'); var Color = _dereq_('../color'); var isUnifiedHover = _dereq_('./helpers').isUnifiedHover; module.exports = function handleHoverLabelDefaults(contIn, contOut, coerce, opts) { opts = opts || {}; function inheritFontAttr(attr) { if(!opts.font[attr]) { opts.font[attr] = contOut.legend ? contOut.legend.font[attr] : contOut.font[attr]; } } // In unified hover, inherit from layout.legend if available or layout if(contOut && isUnifiedHover(contOut.hovermode)) { if(!opts.font) opts.font = {}; inheritFontAttr('size'); inheritFontAttr('family'); inheritFontAttr('color'); if(contOut.legend) { if(!opts.bgcolor) opts.bgcolor = Color.combine(contOut.legend.bgcolor, contOut.paper_bgcolor); if(!opts.bordercolor) opts.bordercolor = contOut.legend.bordercolor; } else { if(!opts.bgcolor) opts.bgcolor = contOut.paper_bgcolor; } } coerce('hoverlabel.bgcolor', opts.bgcolor); coerce('hoverlabel.bordercolor', opts.bordercolor); coerce('hoverlabel.namelength', opts.namelength); Lib.coerceFont(coerce, 'hoverlabel.font', opts.font); coerce('hoverlabel.align', opts.align); }; },{"../../lib":202,"../color":75,"./helpers":111}],114:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = _dereq_('../../lib'); var layoutAttributes = _dereq_('./layout_attributes'); module.exports = function handleHoverModeDefaults(layoutIn, layoutOut, fullData) { function coerce(attr, dflt) { // don't coerce if it is already coerced in other place e.g. in cartesian defaults if(layoutOut[attr] !== undefined) return layoutOut[attr]; return Lib.coerce(layoutIn, layoutOut, layoutAttributes, attr, dflt); } var clickmode = coerce('clickmode'); var hovermodeDflt; if(layoutOut._has('cartesian')) { if(clickmode.indexOf('select') > -1) { hovermodeDflt = 'closest'; } else { // flag for 'horizontal' plots: // determines the state of the mode bar 'compare' hovermode button layoutOut._isHoriz = isHoriz(fullData, layoutOut); hovermodeDflt = layoutOut._isHoriz ? 'y' : 'x'; } } else hovermodeDflt = 'closest'; return coerce('hovermode', hovermodeDflt); }; function isHoriz(fullData, fullLayout) { var stackOpts = fullLayout._scatterStackOpts || {}; for(var i = 0; i < fullData.length; i++) { var trace = fullData[i]; var subplot = trace.xaxis + trace.yaxis; var subplotStackOpts = stackOpts[subplot] || {}; var groupOpts = subplotStackOpts[trace.stackgroup] || {}; if(trace.orientation !== 'h' && groupOpts.orientation !== 'h') { return false; } } return true; } },{"../../lib":202,"./layout_attributes":116}],115:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = _dereq_('d3'); var Lib = _dereq_('../../lib'); var dragElement = _dereq_('../dragelement'); var helpers = _dereq_('./helpers'); var layoutAttributes = _dereq_('./layout_attributes'); var hoverModule = _dereq_('./hover'); module.exports = { moduleType: 'component', name: 'fx', constants: _dereq_('./constants'), schema: { layout: layoutAttributes }, attributes: _dereq_('./attributes'), layoutAttributes: layoutAttributes, supplyLayoutGlobalDefaults: _dereq_('./layout_global_defaults'), supplyDefaults: _dereq_('./defaults'), supplyLayoutDefaults: _dereq_('./layout_defaults'), calc: _dereq_('./calc'), getDistanceFunction: helpers.getDistanceFunction, getClosest: helpers.getClosest, inbox: helpers.inbox, quadrature: helpers.quadrature, appendArrayPointValue: helpers.appendArrayPointValue, castHoverOption: castHoverOption, castHoverinfo: castHoverinfo, hover: hoverModule.hover, unhover: dragElement.unhover, loneHover: hoverModule.loneHover, loneUnhover: loneUnhover, click: _dereq_('./click') }; function loneUnhover(containerOrSelection) { // duck type whether the arg is a d3 selection because ie9 doesn't // handle instanceof like modern browsers do. var selection = Lib.isD3Selection(containerOrSelection) ? containerOrSelection : d3.select(containerOrSelection); selection.selectAll('g.hovertext').remove(); selection.selectAll('.spikeline').remove(); } // helpers for traces that use Fx.loneHover function castHoverOption(trace, ptNumber, attr) { return Lib.castOption(trace, ptNumber, 'hoverlabel.' + attr); } function castHoverinfo(trace, fullLayout, ptNumber) { function _coerce(val) { return Lib.coerceHoverinfo({hoverinfo: val}, {_module: trace._module}, fullLayout); } return Lib.castOption(trace, ptNumber, 'hoverinfo', _coerce); } },{"../../lib":202,"../dragelement":94,"./attributes":106,"./calc":107,"./click":108,"./constants":109,"./defaults":110,"./helpers":111,"./hover":112,"./layout_attributes":116,"./layout_defaults":117,"./layout_global_defaults":118,"d3":9}],116:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var constants = _dereq_('./constants'); var fontAttrs = _dereq_('../../plots/font_attributes')({ editType: 'none', }); fontAttrs.family.dflt = constants.HOVERFONT; fontAttrs.size.dflt = constants.HOVERFONTSIZE; module.exports = { clickmode: { valType: 'flaglist', flags: ['event', 'select'], dflt: 'event', editType: 'plot', extras: ['none'], }, dragmode: { valType: 'enumerated', values: [ 'zoom', 'pan', 'select', 'lasso', 'drawclosedpath', 'drawopenpath', 'drawline', 'drawrect', 'drawcircle', 'orbit', 'turntable', false ], dflt: 'zoom', editType: 'modebar', }, hovermode: { valType: 'enumerated', values: ['x', 'y', 'closest', false, 'x unified', 'y unified'], editType: 'modebar', }, hoverdistance: { valType: 'integer', min: -1, dflt: 20, editType: 'none', }, spikedistance: { valType: 'integer', min: -1, dflt: 20, editType: 'none', }, hoverlabel: { bgcolor: { valType: 'color', editType: 'none', }, bordercolor: { valType: 'color', editType: 'none', }, font: fontAttrs, align: { valType: 'enumerated', values: ['left', 'right', 'auto'], dflt: 'auto', editType: 'none', }, namelength: { valType: 'integer', min: -1, dflt: 15, editType: 'none', }, editType: 'none' }, selectdirection: { valType: 'enumerated', values: ['h', 'v', 'd', 'any'], dflt: 'any', editType: 'none' } }; },{"../../plots/font_attributes":276,"./constants":109}],117:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = _dereq_('../../lib'); var isUnifiedHover = _dereq_('./helpers').isUnifiedHover; var layoutAttributes = _dereq_('./layout_attributes'); var handleHoverModeDefaults = _dereq_('./hovermode_defaults'); var handleHoverLabelDefaults = _dereq_('./hoverlabel_defaults'); module.exports = function supplyLayoutDefaults(layoutIn, layoutOut, fullData) { function coerce(attr, dflt) { return Lib.coerce(layoutIn, layoutOut, layoutAttributes, attr, dflt); } var hoverMode = handleHoverModeDefaults(layoutIn, layoutOut, fullData); if(hoverMode) { coerce('hoverdistance'); coerce('spikedistance', isUnifiedHover(hoverMode) ? -1 : undefined); } var dragMode = coerce('dragmode'); if(dragMode === 'select') coerce('selectdirection'); // if only mapbox or geo subplots is present on graph, // reset 'zoom' dragmode to 'pan' until 'zoom' is implemented, // so that the correct modebar button is active var hasMapbox = layoutOut._has('mapbox'); var hasGeo = layoutOut._has('geo'); var len = layoutOut._basePlotModules.length; if(layoutOut.dragmode === 'zoom' && ( ((hasMapbox || hasGeo) && len === 1) || (hasMapbox && hasGeo && len === 2) )) { layoutOut.dragmode = 'pan'; } handleHoverLabelDefaults(layoutIn, layoutOut, coerce); }; },{"../../lib":202,"./helpers":111,"./hoverlabel_defaults":113,"./hovermode_defaults":114,"./layout_attributes":116}],118:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = _dereq_('../../lib'); var handleHoverLabelDefaults = _dereq_('./hoverlabel_defaults'); var layoutAttributes = _dereq_('./layout_attributes'); module.exports = function supplyLayoutGlobalDefaults(layoutIn, layoutOut) { function coerce(attr, dflt) { return Lib.coerce(layoutIn, layoutOut, layoutAttributes, attr, dflt); } handleHoverLabelDefaults(layoutIn, layoutOut, coerce); }; },{"../../lib":202,"./hoverlabel_defaults":113,"./layout_attributes":116}],119:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = _dereq_('../../lib'); var counterRegex = _dereq_('../../lib/regex').counter; var domainAttrs = _dereq_('../../plots/domain').attributes; var cartesianIdRegex = _dereq_('../../plots/cartesian/constants').idRegex; var Template = _dereq_('../../plot_api/plot_template'); var gridAttrs = { rows: { valType: 'integer', min: 1, editType: 'plot', }, roworder: { valType: 'enumerated', values: ['top to bottom', 'bottom to top'], dflt: 'top to bottom', editType: 'plot', }, columns: { valType: 'integer', min: 1, editType: 'plot', }, subplots: { valType: 'info_array', freeLength: true, dimensions: 2, items: {valType: 'enumerated', values: [counterRegex('xy').toString(), ''], editType: 'plot'}, editType: 'plot', }, xaxes: { valType: 'info_array', freeLength: true, items: {valType: 'enumerated', values: [cartesianIdRegex.x.toString(), ''], editType: 'plot'}, editType: 'plot', }, yaxes: { valType: 'info_array', freeLength: true, items: {valType: 'enumerated', values: [cartesianIdRegex.y.toString(), ''], editType: 'plot'}, editType: 'plot', }, pattern: { valType: 'enumerated', values: ['independent', 'coupled'], dflt: 'coupled', editType: 'plot', }, xgap: { valType: 'number', min: 0, max: 1, editType: 'plot', }, ygap: { valType: 'number', min: 0, max: 1, editType: 'plot', }, domain: domainAttrs({name: 'grid', editType: 'plot', noGridCell: true}, { }), xside: { valType: 'enumerated', values: ['bottom', 'bottom plot', 'top plot', 'top'], dflt: 'bottom plot', editType: 'plot', }, yside: { valType: 'enumerated', values: ['left', 'left plot', 'right plot', 'right'], dflt: 'left plot', editType: 'plot', }, editType: 'plot' }; function getAxes(layout, grid, axLetter) { var gridVal = grid[axLetter + 'axes']; var splomVal = Object.keys((layout._splomAxes || {})[axLetter] || {}); if(Array.isArray(gridVal)) return gridVal; if(splomVal.length) return splomVal; } // the shape of the grid - this needs to be done BEFORE supplyDataDefaults // so that non-subplot traces can place themselves in the grid function sizeDefaults(layoutIn, layoutOut) { var gridIn = layoutIn.grid || {}; var xAxes = getAxes(layoutOut, gridIn, 'x'); var yAxes = getAxes(layoutOut, gridIn, 'y'); if(!layoutIn.grid && !xAxes && !yAxes) return; var hasSubplotGrid = Array.isArray(gridIn.subplots) && Array.isArray(gridIn.subplots[0]); var hasXaxes = Array.isArray(xAxes); var hasYaxes = Array.isArray(yAxes); var isSplomGenerated = ( hasXaxes && xAxes !== gridIn.xaxes && hasYaxes && yAxes !== gridIn.yaxes ); var dfltRows, dfltColumns; if(hasSubplotGrid) { dfltRows = gridIn.subplots.length; dfltColumns = gridIn.subplots[0].length; } else { if(hasYaxes) dfltRows = yAxes.length; if(hasXaxes) dfltColumns = xAxes.length; } var gridOut = Template.newContainer(layoutOut, 'grid'); function coerce(attr, dflt) { return Lib.coerce(gridIn, gridOut, gridAttrs, attr, dflt); } var rows = coerce('rows', dfltRows); var columns = coerce('columns', dfltColumns); if(!(rows * columns > 1)) { delete layoutOut.grid; return; } if(!hasSubplotGrid && !hasXaxes && !hasYaxes) { var useDefaultSubplots = coerce('pattern') === 'independent'; if(useDefaultSubplots) hasSubplotGrid = true; } gridOut._hasSubplotGrid = hasSubplotGrid; var rowOrder = coerce('roworder'); var reversed = rowOrder === 'top to bottom'; var dfltGapX = hasSubplotGrid ? 0.2 : 0.1; var dfltGapY = hasSubplotGrid ? 0.3 : 0.1; var dfltSideX, dfltSideY; if(isSplomGenerated && layoutOut._splomGridDflt) { dfltSideX = layoutOut._splomGridDflt.xside; dfltSideY = layoutOut._splomGridDflt.yside; } gridOut._domains = { x: fillGridPositions('x', coerce, dfltGapX, dfltSideX, columns), y: fillGridPositions('y', coerce, dfltGapY, dfltSideY, rows, reversed) }; } // coerce x or y sizing attributes and return an array of domains for this direction function fillGridPositions(axLetter, coerce, dfltGap, dfltSide, len, reversed) { var dirGap = coerce(axLetter + 'gap', dfltGap); var domain = coerce('domain.' + axLetter); coerce(axLetter + 'side', dfltSide); var out = new Array(len); var start = domain[0]; var step = (domain[1] - start) / (len - dirGap); var cellDomain = step * (1 - dirGap); for(var i = 0; i < len; i++) { var cellStart = start + step * i; out[reversed ? (len - 1 - i) : i] = [cellStart, cellStart + cellDomain]; } return out; } // the (cartesian) contents of the grid - this needs to happen AFTER supplyDataDefaults // so that we know what cartesian subplots are available function contentDefaults(layoutIn, layoutOut) { var gridOut = layoutOut.grid; // make sure we got to the end of handleGridSizing if(!gridOut || !gridOut._domains) return; var gridIn = layoutIn.grid || {}; var subplots = layoutOut._subplots; var hasSubplotGrid = gridOut._hasSubplotGrid; var rows = gridOut.rows; var columns = gridOut.columns; var useDefaultSubplots = gridOut.pattern === 'independent'; var i, j, xId, yId, subplotId, subplotsOut, yPos; var axisMap = gridOut._axisMap = {}; if(hasSubplotGrid) { var subplotsIn = gridIn.subplots || []; subplotsOut = gridOut.subplots = new Array(rows); var index = 1; for(i = 0; i < rows; i++) { var rowOut = subplotsOut[i] = new Array(columns); var rowIn = subplotsIn[i] || []; for(j = 0; j < columns; j++) { if(useDefaultSubplots) { subplotId = (index === 1) ? 'xy' : ('x' + index + 'y' + index); index++; } else subplotId = rowIn[j]; rowOut[j] = ''; if(subplots.cartesian.indexOf(subplotId) !== -1) { yPos = subplotId.indexOf('y'); xId = subplotId.slice(0, yPos); yId = subplotId.slice(yPos); if((axisMap[xId] !== undefined && axisMap[xId] !== j) || (axisMap[yId] !== undefined && axisMap[yId] !== i) ) { continue; } rowOut[j] = subplotId; axisMap[xId] = j; axisMap[yId] = i; } } } } else { var xAxes = getAxes(layoutOut, gridIn, 'x'); var yAxes = getAxes(layoutOut, gridIn, 'y'); gridOut.xaxes = fillGridAxes(xAxes, subplots.xaxis, columns, axisMap, 'x'); gridOut.yaxes = fillGridAxes(yAxes, subplots.yaxis, rows, axisMap, 'y'); } var anchors = gridOut._anchors = {}; var reversed = gridOut.roworder === 'top to bottom'; for(var axisId in axisMap) { var axLetter = axisId.charAt(0); var side = gridOut[axLetter + 'side']; var i0, inc, iFinal; if(side.length < 8) { // grid edge - ie not "* plot" - make these as free axes // since we're not guaranteed to have a subplot there at all anchors[axisId] = 'free'; } else if(axLetter === 'x') { if((side.charAt(0) === 't') === reversed) { i0 = 0; inc = 1; iFinal = rows; } else { i0 = rows - 1; inc = -1; iFinal = -1; } if(hasSubplotGrid) { var column = axisMap[axisId]; for(i = i0; i !== iFinal; i += inc) { subplotId = subplotsOut[i][column]; if(!subplotId) continue; yPos = subplotId.indexOf('y'); if(subplotId.slice(0, yPos) === axisId) { anchors[axisId] = subplotId.slice(yPos); break; } } } else { for(i = i0; i !== iFinal; i += inc) { yId = gridOut.yaxes[i]; if(subplots.cartesian.indexOf(axisId + yId) !== -1) { anchors[axisId] = yId; break; } } } } else { if((side.charAt(0) === 'l')) { i0 = 0; inc = 1; iFinal = columns; } else { i0 = columns - 1; inc = -1; iFinal = -1; } if(hasSubplotGrid) { var row = axisMap[axisId]; for(i = i0; i !== iFinal; i += inc) { subplotId = subplotsOut[row][i]; if(!subplotId) continue; yPos = subplotId.indexOf('y'); if(subplotId.slice(yPos) === axisId) { anchors[axisId] = subplotId.slice(0, yPos); break; } } } else { for(i = i0; i !== iFinal; i += inc) { xId = gridOut.xaxes[i]; if(subplots.cartesian.indexOf(xId + axisId) !== -1) { anchors[axisId] = xId; break; } } } } } } function fillGridAxes(axesIn, axesAllowed, len, axisMap, axLetter) { var out = new Array(len); var i; function fillOneAxis(i, axisId) { if(axesAllowed.indexOf(axisId) !== -1 && axisMap[axisId] === undefined) { out[i] = axisId; axisMap[axisId] = i; } else out[i] = ''; } if(Array.isArray(axesIn)) { for(i = 0; i < len; i++) { fillOneAxis(i, axesIn[i]); } } else { // default axis list is the first `len` axis ids fillOneAxis(0, axLetter); for(i = 1; i < len; i++) { fillOneAxis(i, axLetter + (i + 1)); } } return out; } module.exports = { moduleType: 'component', name: 'grid', schema: { layout: {grid: gridAttrs} }, layoutAttributes: gridAttrs, sizeDefaults: sizeDefaults, contentDefaults: contentDefaults }; },{"../../lib":202,"../../lib/regex":218,"../../plot_api/plot_template":237,"../../plots/cartesian/constants":254,"../../plots/domain":275}],120:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var cartesianConstants = _dereq_('../../plots/cartesian/constants'); var templatedArray = _dereq_('../../plot_api/plot_template').templatedArray; var axisPlaceableObjs = _dereq_('../../constants/axis_placeable_objects'); module.exports = templatedArray('image', { visible: { valType: 'boolean', dflt: true, editType: 'arraydraw', }, source: { valType: 'string', editType: 'arraydraw', }, layer: { valType: 'enumerated', values: ['below', 'above'], dflt: 'above', editType: 'arraydraw', }, sizex: { valType: 'number', dflt: 0, editType: 'arraydraw', }, sizey: { valType: 'number', dflt: 0, editType: 'arraydraw', }, sizing: { valType: 'enumerated', values: ['fill', 'contain', 'stretch'], dflt: 'contain', editType: 'arraydraw', }, opacity: { valType: 'number', min: 0, max: 1, dflt: 1, editType: 'arraydraw', }, x: { valType: 'any', dflt: 0, editType: 'arraydraw', }, y: { valType: 'any', dflt: 0, editType: 'arraydraw', }, xanchor: { valType: 'enumerated', values: ['left', 'center', 'right'], dflt: 'left', editType: 'arraydraw', }, yanchor: { valType: 'enumerated', values: ['top', 'middle', 'bottom'], dflt: 'top', editType: 'arraydraw', }, xref: { valType: 'enumerated', values: [ 'paper', cartesianConstants.idRegex.x.toString() ], dflt: 'paper', editType: 'arraydraw', }, yref: { valType: 'enumerated', values: [ 'paper', cartesianConstants.idRegex.y.toString() ], dflt: 'paper', editType: 'arraydraw', }, editType: 'arraydraw' }); },{"../../constants/axis_placeable_objects":178,"../../plot_api/plot_template":237,"../../plots/cartesian/constants":254}],121:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var isNumeric = _dereq_('fast-isnumeric'); var toLogRange = _dereq_('../../lib/to_log_range'); /* * convertCoords: when converting an axis between log and linear * you need to alter any images on that axis to keep them * pointing at the same data point. * In v2.0 this will become obsolete (or perhaps size will still need conversion?) * we convert size by declaring that the maximum extent *in data units* should be * the same, assuming the image is anchored by its center (could remove that restriction * if we think it's important) even though the actual left and right values will not be * quite the same since the scale becomes nonlinear (and central anchor means the pixel * center of the image, not the data units center) * * gd: the plot div * ax: the axis being changed * newType: the type it's getting * doExtra: function(attr, val) from inside relayout that sets the attribute. * Use this to make the changes as it's aware if any other changes in the * same relayout call should override this conversion. */ module.exports = function convertCoords(gd, ax, newType, doExtra) { ax = ax || {}; var toLog = (newType === 'log') && (ax.type === 'linear'); var fromLog = (newType === 'linear') && (ax.type === 'log'); if(!(toLog || fromLog)) return; var images = gd._fullLayout.images; var axLetter = ax._id.charAt(0); var image; var attrPrefix; for(var i = 0; i < images.length; i++) { image = images[i]; attrPrefix = 'images[' + i + '].'; if(image[axLetter + 'ref'] === ax._id) { var currentPos = image[axLetter]; var currentSize = image['size' + axLetter]; var newPos = null; var newSize = null; if(toLog) { newPos = toLogRange(currentPos, ax.range); // this is the inverse of the conversion we do in fromLog below // so that the conversion is reversible (notice the fromLog conversion // is like sinh, and this one looks like arcsinh) var dx = currentSize / Math.pow(10, newPos) / 2; newSize = 2 * Math.log(dx + Math.sqrt(1 + dx * dx)) / Math.LN10; } else { newPos = Math.pow(10, currentPos); newSize = newPos * (Math.pow(10, currentSize / 2) - Math.pow(10, -currentSize / 2)); } // if conversion failed, delete the value so it can get a default later on if(!isNumeric(newPos)) { newPos = null; newSize = null; } else if(!isNumeric(newSize)) newSize = null; doExtra(attrPrefix + axLetter, newPos); doExtra(attrPrefix + 'size' + axLetter, newSize); } } }; },{"../../lib/to_log_range":226,"fast-isnumeric":11}],122:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = _dereq_('../../lib'); var Axes = _dereq_('../../plots/cartesian/axes'); var handleArrayContainerDefaults = _dereq_('../../plots/array_container_defaults'); var attributes = _dereq_('./attributes'); var name = 'images'; module.exports = function supplyLayoutDefaults(layoutIn, layoutOut) { var opts = { name: name, handleItemDefaults: imageDefaults }; handleArrayContainerDefaults(layoutIn, layoutOut, opts); }; function imageDefaults(imageIn, imageOut, fullLayout) { function coerce(attr, dflt) { return Lib.coerce(imageIn, imageOut, attributes, attr, dflt); } var source = coerce('source'); var visible = coerce('visible', !!source); if(!visible) return imageOut; coerce('layer'); coerce('xanchor'); coerce('yanchor'); coerce('sizex'); coerce('sizey'); coerce('sizing'); coerce('opacity'); var gdMock = { _fullLayout: fullLayout }; var axLetters = ['x', 'y']; for(var i = 0; i < 2; i++) { // 'paper' is the fallback axref var axLetter = axLetters[i]; var axRef = Axes.coerceRef(imageIn, imageOut, gdMock, axLetter, 'paper', undefined); if(axRef !== 'paper') { var ax = Axes.getFromId(gdMock, axRef); ax._imgIndices.push(imageOut._index); } Axes.coercePosition(imageOut, gdMock, coerce, axRef, axLetter, 0); } return imageOut; } },{"../../lib":202,"../../plots/array_container_defaults":243,"../../plots/cartesian/axes":248,"./attributes":120}],123:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = _dereq_('d3'); var Drawing = _dereq_('../drawing'); var Axes = _dereq_('../../plots/cartesian/axes'); var axisIds = _dereq_('../../plots/cartesian/axis_ids'); var xmlnsNamespaces = _dereq_('../../constants/xmlns_namespaces'); module.exports = function draw(gd) { var fullLayout = gd._fullLayout; var imageDataAbove = []; var imageDataSubplot = {}; var imageDataBelow = []; var subplot; var i; // Sort into top, subplot, and bottom layers for(i = 0; i < fullLayout.images.length; i++) { var img = fullLayout.images[i]; if(img.visible) { if(img.layer === 'below' && img.xref !== 'paper' && img.yref !== 'paper') { subplot = axisIds.ref2id(img.xref) + axisIds.ref2id(img.yref); var plotinfo = fullLayout._plots[subplot]; if(!plotinfo) { // Fall back to _imageLowerLayer in case the requested subplot doesn't exist. // This can happen if you reference the image to an x / y axis combination // that doesn't have any data on it (and layer is below) imageDataBelow.push(img); continue; } if(plotinfo.mainplot) { subplot = plotinfo.mainplot.id; } if(!imageDataSubplot[subplot]) { imageDataSubplot[subplot] = []; } imageDataSubplot[subplot].push(img); } else if(img.layer === 'above') { imageDataAbove.push(img); } else { imageDataBelow.push(img); } } } var anchors = { x: { left: { sizing: 'xMin', offset: 0 }, center: { sizing: 'xMid', offset: -1 / 2 }, right: { sizing: 'xMax', offset: -1 } }, y: { top: { sizing: 'YMin', offset: 0 }, middle: { sizing: 'YMid', offset: -1 / 2 }, bottom: { sizing: 'YMax', offset: -1 } } }; // Images must be converted to dataURL's for exporting. function setImage(d) { var thisImage = d3.select(this); if(this._imgSrc === d.source) { return; } thisImage.attr('xmlns', xmlnsNamespaces.svg); if(d.source && d.source.slice(0, 5) === 'data:') { thisImage.attr('xlink:href', d.source); this._imgSrc = d.source; } else { var imagePromise = new Promise(function(resolve) { var img = new Image(); this.img = img; // If not set, a `tainted canvas` error is thrown img.setAttribute('crossOrigin', 'anonymous'); img.onerror = errorHandler; img.onload = function() { var canvas = document.createElement('canvas'); canvas.width = this.width; canvas.height = this.height; var ctx = canvas.getContext('2d'); ctx.drawImage(this, 0, 0); var dataURL = canvas.toDataURL('image/png'); thisImage.attr('xlink:href', dataURL); // resolve promise in onload handler instead of on 'load' to support IE11 // see https://github.com/plotly/plotly.js/issues/1685 // for more details resolve(); }; thisImage.on('error', errorHandler); img.src = d.source; this._imgSrc = d.source; function errorHandler() { thisImage.remove(); resolve(); } }.bind(this)); gd._promises.push(imagePromise); } } function applyAttributes(d) { var thisImage = d3.select(this); // Axes if specified var xa = Axes.getFromId(gd, d.xref); var ya = Axes.getFromId(gd, d.yref); var xIsDomain = Axes.getRefType(d.xref) === 'domain'; var yIsDomain = Axes.getRefType(d.yref) === 'domain'; var size = fullLayout._size; var width, height; if(xa !== undefined) { width = ((typeof(d.xref) === 'string') && xIsDomain) ? xa._length * d.sizex : Math.abs(xa.l2p(d.sizex) - xa.l2p(0)); } else { width = d.sizex * size.w; } if(ya !== undefined) { height = ((typeof(d.yref) === 'string') && yIsDomain) ? ya._length * d.sizey : Math.abs(ya.l2p(d.sizey) - ya.l2p(0)); } else { height = d.sizey * size.h; } // Offsets for anchor positioning var xOffset = width * anchors.x[d.xanchor].offset; var yOffset = height * anchors.y[d.yanchor].offset; var sizing = anchors.x[d.xanchor].sizing + anchors.y[d.yanchor].sizing; // Final positions var xPos, yPos; if(xa !== undefined) { xPos = ((typeof(d.xref) === 'string') && xIsDomain) ? xa._length * d.x + xa._offset : xa.r2p(d.x) + xa._offset; } else { xPos = d.x * size.w + size.l; } xPos += xOffset; if(ya !== undefined) { yPos = ((typeof(d.yref) === 'string') && yIsDomain) ? // consistent with "paper" yref value, where positive values // move up the page ya._length * (1 - d.y) + ya._offset : ya.r2p(d.y) + ya._offset; } else { yPos = size.h - d.y * size.h + size.t; } yPos += yOffset; // Construct the proper aspectRatio attribute switch(d.sizing) { case 'fill': sizing += ' slice'; break; case 'stretch': sizing = 'none'; break; } thisImage.attr({ x: xPos, y: yPos, width: width, height: height, preserveAspectRatio: sizing, opacity: d.opacity }); // Set proper clipping on images var xId = xa && (Axes.getRefType(d.xref) !== 'domain') ? xa._id : ''; var yId = ya && (Axes.getRefType(d.yref) !== 'domain') ? ya._id : ''; var clipAxes = xId + yId; Drawing.setClipUrl( thisImage, clipAxes ? ('clip' + fullLayout._uid + clipAxes) : null, gd ); } var imagesBelow = fullLayout._imageLowerLayer.selectAll('image') .data(imageDataBelow); var imagesAbove = fullLayout._imageUpperLayer.selectAll('image') .data(imageDataAbove); imagesBelow.enter().append('image'); imagesAbove.enter().append('image'); imagesBelow.exit().remove(); imagesAbove.exit().remove(); imagesBelow.each(function(d) { setImage.bind(this)(d); applyAttributes.bind(this)(d); }); imagesAbove.each(function(d) { setImage.bind(this)(d); applyAttributes.bind(this)(d); }); var allSubplots = Object.keys(fullLayout._plots); for(i = 0; i < allSubplots.length; i++) { subplot = allSubplots[i]; var subplotObj = fullLayout._plots[subplot]; // filter out overlaid plots (which havd their images on the main plot) // and gl2d plots (which don't support below images, at least not yet) if(!subplotObj.imagelayer) continue; var imagesOnSubplot = subplotObj.imagelayer.selectAll('image') // even if there are no images on this subplot, we need to run // enter and exit in case there were previously .data(imageDataSubplot[subplot] || []); imagesOnSubplot.enter().append('image'); imagesOnSubplot.exit().remove(); imagesOnSubplot.each(function(d) { setImage.bind(this)(d); applyAttributes.bind(this)(d); }); } }; },{"../../constants/xmlns_namespaces":182,"../../plots/cartesian/axes":248,"../../plots/cartesian/axis_ids":251,"../drawing":97,"d3":9}],124:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = { moduleType: 'component', name: 'images', layoutAttributes: _dereq_('./attributes'), supplyLayoutDefaults: _dereq_('./defaults'), includeBasePlot: _dereq_('../../plots/cartesian/include_components')('images'), draw: _dereq_('./draw'), convertCoords: _dereq_('./convert_coords') }; },{"../../plots/cartesian/include_components":260,"./attributes":120,"./convert_coords":121,"./defaults":122,"./draw":123}],125:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var fontAttrs = _dereq_('../../plots/font_attributes'); var colorAttrs = _dereq_('../color/attributes'); module.exports = { bgcolor: { valType: 'color', editType: 'legend', }, bordercolor: { valType: 'color', dflt: colorAttrs.defaultLine, editType: 'legend', }, borderwidth: { valType: 'number', min: 0, dflt: 0, editType: 'legend', }, font: fontAttrs({ editType: 'legend', }), orientation: { valType: 'enumerated', values: ['v', 'h'], dflt: 'v', editType: 'legend', }, traceorder: { valType: 'flaglist', flags: ['reversed', 'grouped'], extras: ['normal'], editType: 'legend', }, tracegroupgap: { valType: 'number', min: 0, dflt: 10, editType: 'legend', }, itemsizing: { valType: 'enumerated', values: ['trace', 'constant'], dflt: 'trace', editType: 'legend', }, itemwidth: { valType: 'number', min: 30, dflt: 30, editType: 'legend', }, itemclick: { valType: 'enumerated', values: ['toggle', 'toggleothers', false], dflt: 'toggle', editType: 'legend', }, itemdoubleclick: { valType: 'enumerated', values: ['toggle', 'toggleothers', false], dflt: 'toggleothers', editType: 'legend', }, x: { valType: 'number', min: -2, max: 3, editType: 'legend', }, xanchor: { valType: 'enumerated', values: ['auto', 'left', 'center', 'right'], dflt: 'left', editType: 'legend', }, y: { valType: 'number', min: -2, max: 3, editType: 'legend', }, yanchor: { valType: 'enumerated', values: ['auto', 'top', 'middle', 'bottom'], editType: 'legend', }, uirevision: { valType: 'any', editType: 'none', }, valign: { valType: 'enumerated', values: ['top', 'middle', 'bottom'], dflt: 'middle', editType: 'legend', }, title: { text: { valType: 'string', dflt: '', editType: 'legend', }, font: fontAttrs({ editType: 'legend', }), side: { valType: 'enumerated', values: ['top', 'left', 'top left'], editType: 'legend', }, editType: 'legend', }, editType: 'legend' }; },{"../../plots/font_attributes":276,"../color/attributes":74}],126:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = { scrollBarWidth: 6, scrollBarMinHeight: 20, scrollBarColor: '#808BA4', scrollBarMargin: 4, scrollBarEnterAttrs: {rx: 20, ry: 3, width: 0, height: 0}, // number of px between legend title and (left) side of legend (always in x direction and from inner border) titlePad: 2, // number of px between each legend item (x and/or y direction) itemGap: 5 }; },{}],127:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Registry = _dereq_('../../registry'); var Lib = _dereq_('../../lib'); var Template = _dereq_('../../plot_api/plot_template'); var attributes = _dereq_('./attributes'); var basePlotLayoutAttributes = _dereq_('../../plots/layout_attributes'); var helpers = _dereq_('./helpers'); module.exports = function legendDefaults(layoutIn, layoutOut, fullData) { var containerIn = layoutIn.legend || {}; var legendTraceCount = 0; var legendReallyHasATrace = false; var defaultOrder = 'normal'; for(var i = 0; i < fullData.length; i++) { var trace = fullData[i]; if(!trace.visible) continue; // Note that we explicitly count any trace that is either shown or // *would* be shown by default, toward the two traces you need to // ensure the legend is shown by default, because this can still help // disambiguate. if(trace.showlegend || ( trace._dfltShowLegend && !( trace._module && trace._module.attributes && trace._module.attributes.showlegend && trace._module.attributes.showlegend.dflt === false ) )) { legendTraceCount++; if(trace.showlegend) { legendReallyHasATrace = true; // Always show the legend by default if there's a pie, // or if there's only one trace but it's explicitly shown if(Registry.traceIs(trace, 'pie-like') || trace._input.showlegend === true ) { legendTraceCount++; } } } if((Registry.traceIs(trace, 'bar') && layoutOut.barmode === 'stack') || ['tonextx', 'tonexty'].indexOf(trace.fill) !== -1) { defaultOrder = helpers.isGrouped({traceorder: defaultOrder}) ? 'grouped+reversed' : 'reversed'; } if(trace.legendgroup !== undefined && trace.legendgroup !== '') { defaultOrder = helpers.isReversed({traceorder: defaultOrder}) ? 'reversed+grouped' : 'grouped'; } } var showLegend = Lib.coerce(layoutIn, layoutOut, basePlotLayoutAttributes, 'showlegend', legendReallyHasATrace && legendTraceCount > 1); if(showLegend === false && !containerIn.uirevision) return; var containerOut = Template.newContainer(layoutOut, 'legend'); function coerce(attr, dflt) { return Lib.coerce(containerIn, containerOut, attributes, attr, dflt); } coerce('uirevision', layoutOut.uirevision); if(showLegend === false) return; coerce('bgcolor', layoutOut.paper_bgcolor); coerce('bordercolor'); coerce('borderwidth'); Lib.coerceFont(coerce, 'font', layoutOut.font); var orientation = coerce('orientation'); var defaultX, defaultY, defaultYAnchor; if(orientation === 'h') { defaultX = 0; if(Registry.getComponentMethod('rangeslider', 'isVisible')(layoutIn.xaxis)) { defaultY = 1.1; defaultYAnchor = 'bottom'; } else { // maybe use y=1.1 / yanchor=bottom as above // to avoid https://github.com/plotly/plotly.js/issues/1199 // in v2 defaultY = -0.1; defaultYAnchor = 'top'; } } else { defaultX = 1.02; defaultY = 1; defaultYAnchor = 'auto'; } coerce('traceorder', defaultOrder); if(helpers.isGrouped(layoutOut.legend)) coerce('tracegroupgap'); coerce('itemsizing'); coerce('itemwidth'); coerce('itemclick'); coerce('itemdoubleclick'); coerce('x', defaultX); coerce('xanchor'); coerce('y', defaultY); coerce('yanchor', defaultYAnchor); coerce('valign'); Lib.noneOrAll(containerIn, containerOut, ['x', 'y']); var titleText = coerce('title.text'); if(titleText) { coerce('title.side', orientation === 'h' ? 'left' : 'top'); Lib.coerceFont(coerce, 'title.font', layoutOut.font); } }; },{"../../lib":202,"../../plot_api/plot_template":237,"../../plots/layout_attributes":280,"../../registry":290,"./attributes":125,"./helpers":131}],128:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = _dereq_('d3'); var Lib = _dereq_('../../lib'); var Plots = _dereq_('../../plots/plots'); var Registry = _dereq_('../../registry'); var Events = _dereq_('../../lib/events'); var dragElement = _dereq_('../dragelement'); var Drawing = _dereq_('../drawing'); var Color = _dereq_('../color'); var svgTextUtils = _dereq_('../../lib/svg_text_utils'); var handleClick = _dereq_('./handle_click'); var constants = _dereq_('./constants'); var alignmentConstants = _dereq_('../../constants/alignment'); var LINE_SPACING = alignmentConstants.LINE_SPACING; var FROM_TL = alignmentConstants.FROM_TL; var FROM_BR = alignmentConstants.FROM_BR; var getLegendData = _dereq_('./get_legend_data'); var style = _dereq_('./style'); var helpers = _dereq_('./helpers'); module.exports = function draw(gd, opts) { var fullLayout = gd._fullLayout; var clipId = 'legend' + fullLayout._uid; var layer; // Check whether this is the main legend (ie. called without any opts) if(!opts) { opts = fullLayout.legend || {}; opts._main = true; layer = fullLayout._infolayer; } else { layer = opts.layer; clipId += '-hover'; } if(!layer) return; if(!gd._legendMouseDownTime) gd._legendMouseDownTime = 0; var legendData; if(opts._main) { if(!gd.calcdata) return; legendData = fullLayout.showlegend && getLegendData(gd.calcdata, opts); } else { if(!opts.entries) return; legendData = getLegendData(opts.entries, opts); } var hiddenSlices = fullLayout.hiddenlabels || []; if(opts._main && (!fullLayout.showlegend || !legendData.length)) { layer.selectAll('.legend').remove(); fullLayout._topdefs.select('#' + clipId).remove(); return Plots.autoMargin(gd, 'legend'); } var legend = Lib.ensureSingle(layer, 'g', 'legend', function(s) { if(opts._main) s.attr('pointer-events', 'all'); }); var clipPath = Lib.ensureSingleById(fullLayout._topdefs, 'clipPath', clipId, function(s) { s.append('rect'); }); var bg = Lib.ensureSingle(legend, 'rect', 'bg', function(s) { s.attr('shape-rendering', 'crispEdges'); }); bg.call(Color.stroke, opts.bordercolor) .call(Color.fill, opts.bgcolor) .style('stroke-width', opts.borderwidth + 'px'); var scrollBox = Lib.ensureSingle(legend, 'g', 'scrollbox'); var title = opts.title; opts._titleWidth = 0; opts._titleHeight = 0; if(title.text) { var titleEl = Lib.ensureSingle(scrollBox, 'text', 'legendtitletext'); titleEl.attr('text-anchor', 'start') .call(Drawing.font, title.font) .text(title.text); textLayout(titleEl, scrollBox, gd, opts); // handle mathjax or multi-line text and compute title height } else { scrollBox.selectAll('.legendtitletext').remove(); } var scrollBar = Lib.ensureSingle(legend, 'rect', 'scrollbar', function(s) { s.attr(constants.scrollBarEnterAttrs) .call(Color.fill, constants.scrollBarColor); }); var groups = scrollBox.selectAll('g.groups').data(legendData); groups.enter().append('g').attr('class', 'groups'); groups.exit().remove(); var traces = groups.selectAll('g.traces').data(Lib.identity); traces.enter().append('g').attr('class', 'traces'); traces.exit().remove(); traces.style('opacity', function(d) { var trace = d[0].trace; if(Registry.traceIs(trace, 'pie-like')) { return hiddenSlices.indexOf(d[0].label) !== -1 ? 0.5 : 1; } else { return trace.visible === 'legendonly' ? 0.5 : 1; } }) .each(function() { d3.select(this).call(drawTexts, gd, opts); }) .call(style, gd, opts) .each(function() { if(opts._main) d3.select(this).call(setupTraceToggle, gd); }); Lib.syncOrAsync([ Plots.previousPromises, function() { return computeLegendDimensions(gd, groups, traces, opts); }, function() { // IF expandMargin return a Promise (which is truthy), // we're under a doAutoMargin redraw, so we don't have to // draw the remaining pieces below if(opts._main && expandMargin(gd)) return; var gs = fullLayout._size; var bw = opts.borderwidth; var lx = gs.l + gs.w * opts.x - FROM_TL[getXanchor(opts)] * opts._width; var ly = gs.t + gs.h * (1 - opts.y) - FROM_TL[getYanchor(opts)] * opts._effHeight; if(opts._main && fullLayout.margin.autoexpand) { var lx0 = lx; var ly0 = ly; lx = Lib.constrain(lx, 0, fullLayout.width - opts._width); ly = Lib.constrain(ly, 0, fullLayout.height - opts._effHeight); if(lx !== lx0) { Lib.log('Constrain legend.x to make legend fit inside graph'); } if(ly !== ly0) { Lib.log('Constrain legend.y to make legend fit inside graph'); } } // Set size and position of all the elements that make up a legend: // legend, background and border, scroll box and scroll bar as well as title if(opts._main) Drawing.setTranslate(legend, lx, ly); // to be safe, remove previous listeners scrollBar.on('.drag', null); legend.on('wheel', null); if(!opts._main || opts._height <= opts._maxHeight || gd._context.staticPlot) { // if scrollbar should not be shown. var height = opts._effHeight; // if not the main legend, let it be its full size if(!opts._main) height = opts._height; bg.attr({ width: opts._width - bw, height: height - bw, x: bw / 2, y: bw / 2 }); Drawing.setTranslate(scrollBox, 0, 0); clipPath.select('rect').attr({ width: opts._width - 2 * bw, height: height - 2 * bw, x: bw, y: bw }); Drawing.setClipUrl(scrollBox, clipId, gd); Drawing.setRect(scrollBar, 0, 0, 0, 0); delete opts._scrollY; } else { var scrollBarHeight = Math.max(constants.scrollBarMinHeight, opts._effHeight * opts._effHeight / opts._height); var scrollBarYMax = opts._effHeight - scrollBarHeight - 2 * constants.scrollBarMargin; var scrollBoxYMax = opts._height - opts._effHeight; var scrollRatio = scrollBarYMax / scrollBoxYMax; var scrollBoxY = Math.min(opts._scrollY || 0, scrollBoxYMax); // increase the background and clip-path width // by the scrollbar width and margin bg.attr({ width: opts._width - 2 * bw + constants.scrollBarWidth + constants.scrollBarMargin, height: opts._effHeight - bw, x: bw / 2, y: bw / 2 }); clipPath.select('rect').attr({ width: opts._width - 2 * bw + constants.scrollBarWidth + constants.scrollBarMargin, height: opts._effHeight - 2 * bw, x: bw, y: bw + scrollBoxY }); Drawing.setClipUrl(scrollBox, clipId, gd); scrollHandler(scrollBoxY, scrollBarHeight, scrollRatio); // scroll legend by mousewheel or touchpad swipe up/down legend.on('wheel', function() { scrollBoxY = Lib.constrain( opts._scrollY + ((d3.event.deltaY / scrollBarYMax) * scrollBoxYMax), 0, scrollBoxYMax); scrollHandler(scrollBoxY, scrollBarHeight, scrollRatio); if(scrollBoxY !== 0 && scrollBoxY !== scrollBoxYMax) { d3.event.preventDefault(); } }); var eventY0, eventY1, scrollBoxY0; var getScrollBarDragY = function(scrollBoxY0, eventY0, eventY1) { var y = ((eventY1 - eventY0) / scrollRatio) + scrollBoxY0; return Lib.constrain(y, 0, scrollBoxYMax); }; var getNaturalDragY = function(scrollBoxY0, eventY0, eventY1) { var y = ((eventY0 - eventY1) / scrollRatio) + scrollBoxY0; return Lib.constrain(y, 0, scrollBoxYMax); }; // scroll legend by dragging scrollBAR var scrollBarDrag = d3.behavior.drag() .on('dragstart', function() { var e = d3.event.sourceEvent; if(e.type === 'touchstart') { eventY0 = e.changedTouches[0].clientY; } else { eventY0 = e.clientY; } scrollBoxY0 = scrollBoxY; }) .on('drag', function() { var e = d3.event.sourceEvent; if(e.buttons === 2 || e.ctrlKey) return; if(e.type === 'touchmove') { eventY1 = e.changedTouches[0].clientY; } else { eventY1 = e.clientY; } scrollBoxY = getScrollBarDragY(scrollBoxY0, eventY0, eventY1); scrollHandler(scrollBoxY, scrollBarHeight, scrollRatio); }); scrollBar.call(scrollBarDrag); // scroll legend by touch-dragging scrollBOX var scrollBoxTouchDrag = d3.behavior.drag() .on('dragstart', function() { var e = d3.event.sourceEvent; if(e.type === 'touchstart') { eventY0 = e.changedTouches[0].clientY; scrollBoxY0 = scrollBoxY; } }) .on('drag', function() { var e = d3.event.sourceEvent; if(e.type === 'touchmove') { eventY1 = e.changedTouches[0].clientY; scrollBoxY = getNaturalDragY(scrollBoxY0, eventY0, eventY1); scrollHandler(scrollBoxY, scrollBarHeight, scrollRatio); } }); scrollBox.call(scrollBoxTouchDrag); } function scrollHandler(scrollBoxY, scrollBarHeight, scrollRatio) { opts._scrollY = gd._fullLayout.legend._scrollY = scrollBoxY; Drawing.setTranslate(scrollBox, 0, -scrollBoxY); Drawing.setRect( scrollBar, opts._width, constants.scrollBarMargin + scrollBoxY * scrollRatio, constants.scrollBarWidth, scrollBarHeight ); clipPath.select('rect').attr('y', bw + scrollBoxY); } if(gd._context.edits.legendPosition) { var xf, yf, x0, y0; legend.classed('cursor-move', true); dragElement.init({ element: legend.node(), gd: gd, prepFn: function() { var transform = Drawing.getTranslate(legend); x0 = transform.x; y0 = transform.y; }, moveFn: function(dx, dy) { var newX = x0 + dx; var newY = y0 + dy; Drawing.setTranslate(legend, newX, newY); xf = dragElement.align(newX, 0, gs.l, gs.l + gs.w, opts.xanchor); yf = dragElement.align(newY, 0, gs.t + gs.h, gs.t, opts.yanchor); }, doneFn: function() { if(xf !== undefined && yf !== undefined) { Registry.call('_guiRelayout', gd, {'legend.x': xf, 'legend.y': yf}); } }, clickFn: function(numClicks, e) { var clickedTrace = layer.selectAll('g.traces').filter(function() { var bbox = this.getBoundingClientRect(); return ( e.clientX >= bbox.left && e.clientX <= bbox.right && e.clientY >= bbox.top && e.clientY <= bbox.bottom ); }); if(clickedTrace.size() > 0) { clickOrDoubleClick(gd, legend, clickedTrace, numClicks, e); } } }); } }], gd); }; function clickOrDoubleClick(gd, legend, legendItem, numClicks, evt) { var trace = legendItem.data()[0][0].trace; var evtData = { event: evt, node: legendItem.node(), curveNumber: trace.index, expandedIndex: trace._expandedIndex, data: gd.data, layout: gd.layout, frames: gd._transitionData._frames, config: gd._context, fullData: gd._fullData, fullLayout: gd._fullLayout }; if(trace._group) { evtData.group = trace._group; } if(Registry.traceIs(trace, 'pie-like')) { evtData.label = legendItem.datum()[0].label; } var clickVal = Events.triggerHandler(gd, 'plotly_legendclick', evtData); if(clickVal === false) return; if(numClicks === 1) { legend._clickTimeout = setTimeout(function() { handleClick(legendItem, gd, numClicks); }, gd._context.doubleClickDelay); } else if(numClicks === 2) { if(legend._clickTimeout) clearTimeout(legend._clickTimeout); gd._legendMouseDownTime = 0; var dblClickVal = Events.triggerHandler(gd, 'plotly_legenddoubleclick', evtData); if(dblClickVal !== false) handleClick(legendItem, gd, numClicks); } } function drawTexts(g, gd, opts) { var legendItem = g.data()[0][0]; var trace = legendItem.trace; var isPieLike = Registry.traceIs(trace, 'pie-like'); var traceIndex = trace.index; var isEditable = opts._main && gd._context.edits.legendText && !isPieLike; var maxNameLength = opts._maxNameLength; var name; if(!opts.entries) { name = isPieLike ? legendItem.label : trace.name; if(trace._meta) { name = Lib.templateString(name, trace._meta); } } else { name = legendItem.text; } var textEl = Lib.ensureSingle(g, 'text', 'legendtext'); textEl.attr('text-anchor', 'start') .call(Drawing.font, opts.font) .text(isEditable ? ensureLength(name, maxNameLength) : name); var textGap = opts.itemwidth + constants.itemGap * 2; svgTextUtils.positionText(textEl, textGap, 0); if(isEditable) { textEl.call(svgTextUtils.makeEditable, {gd: gd, text: name}) .call(textLayout, g, gd, opts) .on('edit', function(newName) { this.text(ensureLength(newName, maxNameLength)) .call(textLayout, g, gd, opts); var fullInput = legendItem.trace._fullInput || {}; var update = {}; if(Registry.hasTransform(fullInput, 'groupby')) { var groupbyIndices = Registry.getTransformIndices(fullInput, 'groupby'); var index = groupbyIndices[groupbyIndices.length - 1]; var kcont = Lib.keyedContainer(fullInput, 'transforms[' + index + '].styles', 'target', 'value.name'); kcont.set(legendItem.trace._group, newName); update = kcont.constructUpdate(); } else { update.name = newName; } return Registry.call('_guiRestyle', gd, update, traceIndex); }); } else { textLayout(textEl, g, gd, opts); } } /* * Make sure we have a reasonably clickable region. * If this string is missing or very short, pad it with spaces out to at least * 4 characters, up to the max length of other labels, on the assumption that * most characters are wider than spaces so a string of spaces will usually be * no wider than the real labels. */ function ensureLength(str, maxLength) { var targetLength = Math.max(4, maxLength); if(str && str.trim().length >= targetLength / 2) return str; str = str || ''; for(var i = targetLength - str.length; i > 0; i--) str += ' '; return str; } function setupTraceToggle(g, gd) { var doubleClickDelay = gd._context.doubleClickDelay; var newMouseDownTime; var numClicks = 1; var traceToggle = Lib.ensureSingle(g, 'rect', 'legendtoggle', function(s) { if(!gd._context.staticPlot) { s.style('cursor', 'pointer').attr('pointer-events', 'all'); } s.call(Color.fill, 'rgba(0,0,0,0)'); }); if(gd._context.staticPlot) return; traceToggle.on('mousedown', function() { newMouseDownTime = (new Date()).getTime(); if(newMouseDownTime - gd._legendMouseDownTime < doubleClickDelay) { // in a click train numClicks += 1; } else { // new click train numClicks = 1; gd._legendMouseDownTime = newMouseDownTime; } }); traceToggle.on('mouseup', function() { if(gd._dragged || gd._editing) return; var legend = gd._fullLayout.legend; if((new Date()).getTime() - gd._legendMouseDownTime > doubleClickDelay) { numClicks = Math.max(numClicks - 1, 1); } clickOrDoubleClick(gd, legend, g, numClicks, d3.event); }); } function textLayout(s, g, gd, opts) { if(!opts._main) s.attr('data-notex', true); // do not process MathJax if not main svgTextUtils.convertToTspans(s, gd, function() { computeTextDimensions(g, gd, opts); }); } function computeTextDimensions(g, gd, opts) { var legendItem = g.data()[0][0]; if(opts._main && legendItem && !legendItem.trace.showlegend) { g.remove(); return; } var mathjaxGroup = g.select('g[class*=math-group]'); var mathjaxNode = mathjaxGroup.node(); if(!opts) opts = gd._fullLayout.legend; var bw = opts.borderwidth; var lineHeight = (legendItem ? opts : opts.title).font.size * LINE_SPACING; var height, width; if(mathjaxNode) { var mathjaxBB = Drawing.bBox(mathjaxNode); height = mathjaxBB.height; width = mathjaxBB.width; if(legendItem) { Drawing.setTranslate(mathjaxGroup, 0, height * 0.25); } else { // case of title Drawing.setTranslate(mathjaxGroup, bw, height * 0.75 + bw); } } else { var textEl = g.select(legendItem ? '.legendtext' : '.legendtitletext' ); var textLines = svgTextUtils.lineCount(textEl); var textNode = textEl.node(); height = lineHeight * textLines; width = textNode ? Drawing.bBox(textNode).width : 0; // approximation to height offset to center the font // to avoid getBoundingClientRect var textY = lineHeight * ((textLines - 1) / 2 - 0.3); if(legendItem) { var textGap = opts.itemwidth + constants.itemGap * 2; svgTextUtils.positionText(textEl, textGap, -textY); } else { // case of title svgTextUtils.positionText(textEl, constants.titlePad + bw, lineHeight + bw); } } if(legendItem) { legendItem.lineHeight = lineHeight; legendItem.height = Math.max(height, 16) + 3; legendItem.width = width; } else { // case of title opts._titleWidth = width; opts._titleHeight = height; } } function getTitleSize(opts) { var w = 0; var h = 0; var side = opts.title.side; if(side) { if(side.indexOf('left') !== -1) { w = opts._titleWidth; } if(side.indexOf('top') !== -1) { h = opts._titleHeight; } } return [w, h]; } /* * Computes in fullLayout.legend: * * - _height: legend height including items past scrollbox height * - _maxHeight: maximum legend height before scrollbox is required * - _effHeight: legend height w/ or w/o scrollbox * * - _width: legend width * - _maxWidth (for orientation:h only): maximum width before starting new row */ function computeLegendDimensions(gd, groups, traces, opts) { var fullLayout = gd._fullLayout; if(!opts) opts = fullLayout.legend; var gs = fullLayout._size; var isVertical = helpers.isVertical(opts); var isGrouped = helpers.isGrouped(opts); var bw = opts.borderwidth; var bw2 = 2 * bw; var itemGap = constants.itemGap; var textGap = opts.itemwidth + itemGap * 2; var endPad = 2 * (bw + itemGap); var yanchor = getYanchor(opts); var isBelowPlotArea = opts.y < 0 || (opts.y === 0 && yanchor === 'top'); var isAbovePlotArea = opts.y > 1 || (opts.y === 1 && yanchor === 'bottom'); // - if below/above plot area, give it the maximum potential margin-push value // - otherwise, extend the height of the plot area opts._maxHeight = Math.max( (isBelowPlotArea || isAbovePlotArea) ? fullLayout.height / 2 : gs.h, 30 ); var toggleRectWidth = 0; opts._width = 0; opts._height = 0; var titleSize = getTitleSize(opts); if(isVertical) { traces.each(function(d) { var h = d[0].height; Drawing.setTranslate(this, bw + titleSize[0], bw + titleSize[1] + opts._height + h / 2 + itemGap ); opts._height += h; opts._width = Math.max(opts._width, d[0].width); }); toggleRectWidth = textGap + opts._width; opts._width += itemGap + textGap + bw2; opts._height += endPad; if(isGrouped) { groups.each(function(d, i) { Drawing.setTranslate(this, 0, i * opts.tracegroupgap); }); opts._height += (opts._lgroupsLength - 1) * opts.tracegroupgap; } } else { var xanchor = getXanchor(opts); var isLeftOfPlotArea = opts.x < 0 || (opts.x === 0 && xanchor === 'right'); var isRightOfPlotArea = opts.x > 1 || (opts.x === 1 && xanchor === 'left'); var isBeyondPlotAreaY = isAbovePlotArea || isBelowPlotArea; var hw = fullLayout.width / 2; // - if placed within x-margins, extend the width of the plot area // - else if below/above plot area and anchored in the margin, extend to opposite margin, // - otherwise give it the maximum potential margin-push value opts._maxWidth = Math.max( isLeftOfPlotArea ? ((isBeyondPlotAreaY && xanchor === 'left') ? gs.l + gs.w : hw) : isRightOfPlotArea ? ((isBeyondPlotAreaY && xanchor === 'right') ? gs.r + gs.w : hw) : gs.w, 2 * textGap); var maxItemWidth = 0; var combinedItemWidth = 0; traces.each(function(d) { var w = d[0].width + textGap; maxItemWidth = Math.max(maxItemWidth, w); combinedItemWidth += w; }); toggleRectWidth = null; var maxRowWidth = 0; if(isGrouped) { var maxGroupHeightInRow = 0; var groupOffsetX = 0; var groupOffsetY = 0; groups.each(function() { var maxWidthInGroup = 0; var offsetY = 0; d3.select(this).selectAll('g.traces').each(function(d) { var h = d[0].height; Drawing.setTranslate(this, titleSize[0], titleSize[1] + bw + itemGap + h / 2 + offsetY ); offsetY += h; maxWidthInGroup = Math.max(maxWidthInGroup, textGap + d[0].width); }); maxGroupHeightInRow = Math.max(maxGroupHeightInRow, offsetY); var next = maxWidthInGroup + itemGap; if((next + bw + groupOffsetX) > opts._maxWidth) { maxRowWidth = Math.max(maxRowWidth, groupOffsetX); groupOffsetX = 0; groupOffsetY += maxGroupHeightInRow + opts.tracegroupgap; maxGroupHeightInRow = offsetY; } Drawing.setTranslate(this, groupOffsetX, groupOffsetY); groupOffsetX += next; }); opts._width = Math.max(maxRowWidth, groupOffsetX) + bw; opts._height = groupOffsetY + maxGroupHeightInRow + endPad; } else { var nTraces = traces.size(); var oneRowLegend = (combinedItemWidth + bw2 + (nTraces - 1) * itemGap) < opts._maxWidth; var maxItemHeightInRow = 0; var offsetX = 0; var offsetY = 0; var rowWidth = 0; traces.each(function(d) { var h = d[0].height; var w = textGap + d[0].width; var next = (oneRowLegend ? w : maxItemWidth) + itemGap; if((next + bw + offsetX - itemGap) >= opts._maxWidth) { maxRowWidth = Math.max(maxRowWidth, rowWidth); offsetX = 0; offsetY += maxItemHeightInRow; opts._height += maxItemHeightInRow; maxItemHeightInRow = 0; } Drawing.setTranslate(this, titleSize[0] + bw + offsetX, titleSize[1] + bw + offsetY + h / 2 + itemGap ); rowWidth = offsetX + w + itemGap; offsetX += next; maxItemHeightInRow = Math.max(maxItemHeightInRow, h); }); if(oneRowLegend) { opts._width = offsetX + bw2; opts._height = maxItemHeightInRow + endPad; } else { opts._width = Math.max(maxRowWidth, rowWidth) + bw2; opts._height += maxItemHeightInRow + endPad; } } } opts._width = Math.ceil( Math.max( opts._width + titleSize[0], opts._titleWidth + 2 * (bw + constants.titlePad) ) ); opts._height = Math.ceil( Math.max( opts._height + titleSize[1], opts._titleHeight + 2 * (bw + constants.itemGap) ) ); opts._effHeight = Math.min(opts._height, opts._maxHeight); var edits = gd._context.edits; var isEditable = edits.legendText || edits.legendPosition; traces.each(function(d) { var traceToggle = d3.select(this).select('.legendtoggle'); var h = d[0].height; var w = isEditable ? textGap : (toggleRectWidth || (textGap + d[0].width)); if(!isVertical) w += itemGap / 2; Drawing.setRect(traceToggle, 0, -h / 2, w, h); }); } function expandMargin(gd) { var fullLayout = gd._fullLayout; var opts = fullLayout.legend; var xanchor = getXanchor(opts); var yanchor = getYanchor(opts); return Plots.autoMargin(gd, 'legend', { x: opts.x, y: opts.y, l: opts._width * (FROM_TL[xanchor]), r: opts._width * (FROM_BR[xanchor]), b: opts._effHeight * (FROM_BR[yanchor]), t: opts._effHeight * (FROM_TL[yanchor]) }); } function getXanchor(opts) { return Lib.isRightAnchor(opts) ? 'right' : Lib.isCenterAnchor(opts) ? 'center' : 'left'; } function getYanchor(opts) { return Lib.isBottomAnchor(opts) ? 'bottom' : Lib.isMiddleAnchor(opts) ? 'middle' : 'top'; } },{"../../constants/alignment":177,"../../lib":202,"../../lib/events":195,"../../lib/svg_text_utils":224,"../../plots/plots":282,"../../registry":290,"../color":75,"../dragelement":94,"../drawing":97,"./constants":126,"./get_legend_data":129,"./handle_click":130,"./helpers":131,"./style":133,"d3":9}],129:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Registry = _dereq_('../../registry'); var helpers = _dereq_('./helpers'); module.exports = function getLegendData(calcdata, opts) { var lgroupToTraces = {}; var lgroups = []; var hasOneNonBlankGroup = false; var slicesShown = {}; var lgroupi = 0; var maxNameLength = 0; var i, j; var main = opts._main; function addOneItem(legendGroup, legendItem) { // each '' legend group is treated as a separate group if(legendGroup === '' || !helpers.isGrouped(opts)) { // TODO: check this against fullData legendgroups? var uniqueGroup = '~~i' + lgroupi; lgroups.push(uniqueGroup); lgroupToTraces[uniqueGroup] = [[legendItem]]; lgroupi++; } else if(lgroups.indexOf(legendGroup) === -1) { lgroups.push(legendGroup); hasOneNonBlankGroup = true; lgroupToTraces[legendGroup] = [[legendItem]]; } else { lgroupToTraces[legendGroup].push([legendItem]); } } // build an { legendgroup: [cd0, cd0], ... } object for(i = 0; i < calcdata.length; i++) { var cd = calcdata[i]; var cd0 = cd[0]; var trace = cd0.trace; var lgroup = trace.legendgroup; if(main && (!trace.visible || !trace.showlegend)) continue; if(Registry.traceIs(trace, 'pie-like')) { if(!slicesShown[lgroup]) slicesShown[lgroup] = {}; for(j = 0; j < cd.length; j++) { var labelj = cd[j].label; if(!slicesShown[lgroup][labelj]) { addOneItem(lgroup, { label: labelj, color: cd[j].color, i: cd[j].i, trace: trace, pts: cd[j].pts }); slicesShown[lgroup][labelj] = true; maxNameLength = Math.max(maxNameLength, (labelj || '').length); } } } else { addOneItem(lgroup, cd0); maxNameLength = Math.max(maxNameLength, (trace.name || '').length); } } // won't draw a legend in this case if(!lgroups.length) return []; // rearrange lgroupToTraces into a d3-friendly array of arrays var lgroupsLength = lgroups.length; var ltraces; var legendData; if(hasOneNonBlankGroup && helpers.isGrouped(opts)) { legendData = new Array(lgroupsLength); for(i = 0; i < lgroupsLength; i++) { ltraces = lgroupToTraces[lgroups[i]]; legendData[i] = helpers.isReversed(opts) ? ltraces.reverse() : ltraces; } } else { // collapse all groups into one if all groups are blank legendData = [new Array(lgroupsLength)]; for(i = 0; i < lgroupsLength; i++) { ltraces = lgroupToTraces[lgroups[i]][0]; legendData[0][helpers.isReversed(opts) ? lgroupsLength - i - 1 : i] = ltraces; } lgroupsLength = 1; } // number of legend groups - needed in legend/draw.js opts._lgroupsLength = lgroupsLength; // maximum name/label length - needed in legend/draw.js opts._maxNameLength = maxNameLength; return legendData; }; },{"../../registry":290,"./helpers":131}],130:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = _dereq_('../../lib'); var Registry = _dereq_('../../registry'); var SHOWISOLATETIP = true; module.exports = function handleClick(g, gd, numClicks) { var fullLayout = gd._fullLayout; if(gd._dragged || gd._editing) return; var itemClick = fullLayout.legend.itemclick; var itemDoubleClick = fullLayout.legend.itemdoubleclick; if(numClicks === 1 && itemClick === 'toggle' && itemDoubleClick === 'toggleothers' && SHOWISOLATETIP && gd.data && gd._context.showTips ) { Lib.notifier(Lib._(gd, 'Double-click on legend to isolate one trace'), 'long'); SHOWISOLATETIP = false; } else { SHOWISOLATETIP = false; } var mode; if(numClicks === 1) mode = itemClick; else if(numClicks === 2) mode = itemDoubleClick; if(!mode) return; var hiddenSlices = fullLayout.hiddenlabels ? fullLayout.hiddenlabels.slice() : []; var legendItem = g.data()[0][0]; var fullData = gd._fullData; var fullTrace = legendItem.trace; var legendgroup = fullTrace.legendgroup; var i, j, kcont, key, keys, val; var attrUpdate = {}; var attrIndices = []; var carrs = []; var carrIdx = []; function insertUpdate(traceIndex, key, value) { var attrIndex = attrIndices.indexOf(traceIndex); var valueArray = attrUpdate[key]; if(!valueArray) { valueArray = attrUpdate[key] = []; } if(attrIndices.indexOf(traceIndex) === -1) { attrIndices.push(traceIndex); attrIndex = attrIndices.length - 1; } valueArray[attrIndex] = value; return attrIndex; } function setVisibility(fullTrace, visibility) { var fullInput = fullTrace._fullInput; if(Registry.hasTransform(fullInput, 'groupby')) { var kcont = carrs[fullInput.index]; if(!kcont) { var groupbyIndices = Registry.getTransformIndices(fullInput, 'groupby'); var lastGroupbyIndex = groupbyIndices[groupbyIndices.length - 1]; kcont = Lib.keyedContainer(fullInput, 'transforms[' + lastGroupbyIndex + '].styles', 'target', 'value.visible'); carrs[fullInput.index] = kcont; } var curState = kcont.get(fullTrace._group); // If not specified, assume visible. This happens if there are other style // properties set for a group but not the visibility. There are many similar // ways to do this (e.g. why not just `curState = fullTrace.visible`??? The // answer is: because it breaks other things like groupby trace names in // subtle ways.) if(curState === undefined) { curState = true; } if(curState !== false) { // true -> legendonly. All others toggle to true: kcont.set(fullTrace._group, visibility); } carrIdx[fullInput.index] = insertUpdate(fullInput.index, 'visible', fullInput.visible === false ? false : true); } else { // false -> false (not possible since will not be visible in legend) // true -> legendonly // legendonly -> true var nextVisibility = fullInput.visible === false ? false : visibility; insertUpdate(fullInput.index, 'visible', nextVisibility); } } if(Registry.traceIs(fullTrace, 'pie-like')) { var thisLabel = legendItem.label; var thisLabelIndex = hiddenSlices.indexOf(thisLabel); if(mode === 'toggle') { if(thisLabelIndex === -1) hiddenSlices.push(thisLabel); else hiddenSlices.splice(thisLabelIndex, 1); } else if(mode === 'toggleothers') { hiddenSlices = []; gd.calcdata[0].forEach(function(d) { if(thisLabel !== d.label) { hiddenSlices.push(d.label); } }); if(gd._fullLayout.hiddenlabels && gd._fullLayout.hiddenlabels.length === hiddenSlices.length && thisLabelIndex === -1) { hiddenSlices = []; } } Registry.call('_guiRelayout', gd, 'hiddenlabels', hiddenSlices); } else { var hasLegendgroup = legendgroup && legendgroup.length; var traceIndicesInGroup = []; var tracei; if(hasLegendgroup) { for(i = 0; i < fullData.length; i++) { tracei = fullData[i]; if(!tracei.visible) continue; if(tracei.legendgroup === legendgroup) { traceIndicesInGroup.push(i); } } } if(mode === 'toggle') { var nextVisibility; switch(fullTrace.visible) { case true: nextVisibility = 'legendonly'; break; case false: nextVisibility = false; break; case 'legendonly': nextVisibility = true; break; } if(hasLegendgroup) { for(i = 0; i < fullData.length; i++) { if(fullData[i].visible !== false && fullData[i].legendgroup === legendgroup) { setVisibility(fullData[i], nextVisibility); } } } else { setVisibility(fullTrace, nextVisibility); } } else if(mode === 'toggleothers') { // Compute the clicked index. expandedIndex does what we want for expanded traces // but also culls hidden traces. That means we have some work to do. var isClicked, isInGroup, notInLegend, otherState; var isIsolated = true; for(i = 0; i < fullData.length; i++) { isClicked = fullData[i] === fullTrace; notInLegend = fullData[i].showlegend !== true; if(isClicked || notInLegend) continue; isInGroup = (hasLegendgroup && fullData[i].legendgroup === legendgroup); if(!isInGroup && fullData[i].visible === true && !Registry.traceIs(fullData[i], 'notLegendIsolatable')) { isIsolated = false; break; } } for(i = 0; i < fullData.length; i++) { // False is sticky; we don't change it. if(fullData[i].visible === false) continue; if(Registry.traceIs(fullData[i], 'notLegendIsolatable')) { continue; } switch(fullTrace.visible) { case 'legendonly': setVisibility(fullData[i], true); break; case true: otherState = isIsolated ? true : 'legendonly'; isClicked = fullData[i] === fullTrace; // N.B. consider traces that have a set legendgroup as toggleable notInLegend = (fullData[i].showlegend !== true && !fullData[i].legendgroup); isInGroup = isClicked || (hasLegendgroup && fullData[i].legendgroup === legendgroup); setVisibility(fullData[i], (isInGroup || notInLegend) ? true : otherState); break; } } } for(i = 0; i < carrs.length; i++) { kcont = carrs[i]; if(!kcont) continue; var update = kcont.constructUpdate(); var updateKeys = Object.keys(update); for(j = 0; j < updateKeys.length; j++) { key = updateKeys[j]; val = attrUpdate[key] = attrUpdate[key] || []; val[carrIdx[i]] = update[key]; } } // The length of the value arrays should be equal and any unspecified // values should be explicitly undefined for them to get properly culled // as updates and not accidentally reset to the default value. This fills // out sparse arrays with the required number of undefined values: keys = Object.keys(attrUpdate); for(i = 0; i < keys.length; i++) { key = keys[i]; for(j = 0; j < attrIndices.length; j++) { // Use hasOwnPropety to protect against falsey values: if(!attrUpdate[key].hasOwnProperty(j)) { attrUpdate[key][j] = undefined; } } } Registry.call('_guiRestyle', gd, attrUpdate, attrIndices); } }; },{"../../lib":202,"../../registry":290}],131:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; exports.isGrouped = function isGrouped(legendLayout) { return (legendLayout.traceorder || '').indexOf('grouped') !== -1; }; exports.isVertical = function isVertical(legendLayout) { return legendLayout.orientation !== 'h'; }; exports.isReversed = function isReversed(legendLayout) { return (legendLayout.traceorder || '').indexOf('reversed') !== -1; }; },{}],132:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = { moduleType: 'component', name: 'legend', layoutAttributes: _dereq_('./attributes'), supplyLayoutDefaults: _dereq_('./defaults'), draw: _dereq_('./draw'), style: _dereq_('./style') }; },{"./attributes":125,"./defaults":127,"./draw":128,"./style":133}],133:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = _dereq_('d3'); var Registry = _dereq_('../../registry'); var Lib = _dereq_('../../lib'); var strTranslate = Lib.strTranslate; var Drawing = _dereq_('../drawing'); var Color = _dereq_('../color'); var extractOpts = _dereq_('../colorscale/helpers').extractOpts; var subTypes = _dereq_('../../traces/scatter/subtypes'); var stylePie = _dereq_('../../traces/pie/style_one'); var pieCastOption = _dereq_('../../traces/pie/helpers').castOption; var constants = _dereq_('./constants'); var CST_MARKER_SIZE = 12; var CST_LINE_WIDTH = 5; var CST_MARKER_LINE_WIDTH = 2; var MAX_LINE_WIDTH = 10; var MAX_MARKER_LINE_WIDTH = 5; module.exports = function style(s, gd, legend) { var fullLayout = gd._fullLayout; if(!legend) legend = fullLayout.legend; var constantItemSizing = legend.itemsizing === 'constant'; var itemWidth = legend.itemwidth; var centerPos = (itemWidth + constants.itemGap * 2) / 2; var centerTransform = strTranslate(centerPos, 0); var boundLineWidth = function(mlw, cont, max, cst) { var v; if(mlw + 1) { v = mlw; } else if(cont && cont.width > 0) { v = cont.width; } else { return 0; } return constantItemSizing ? cst : Math.min(v, max); }; s.each(function(d) { var traceGroup = d3.select(this); var layers = Lib.ensureSingle(traceGroup, 'g', 'layers'); layers.style('opacity', d[0].trace.opacity); var valign = legend.valign; var lineHeight = d[0].lineHeight; var height = d[0].height; if(valign === 'middle' || !lineHeight || !height) { layers.attr('transform', null); } else { var factor = {top: 1, bottom: -1}[valign]; var markerOffsetY = factor * (0.5 * (lineHeight - height + 3)); layers.attr('transform', strTranslate(0, markerOffsetY)); } var fill = layers .selectAll('g.legendfill') .data([d]); fill.enter().append('g') .classed('legendfill', true); var line = layers .selectAll('g.legendlines') .data([d]); line.enter().append('g') .classed('legendlines', true); var symbol = layers .selectAll('g.legendsymbols') .data([d]); symbol.enter().append('g') .classed('legendsymbols', true); symbol.selectAll('g.legendpoints') .data([d]) .enter().append('g') .classed('legendpoints', true); }) .each(styleSpatial) .each(styleWaterfalls) .each(styleFunnels) .each(styleBars) .each(styleBoxes) .each(styleFunnelareas) .each(stylePies) .each(styleLines) .each(stylePoints) .each(styleCandles) .each(styleOHLC); function styleLines(d) { var d0 = d[0]; var trace = d0.trace; var showFill = trace.visible && trace.fill && trace.fill !== 'none'; var showLine = subTypes.hasLines(trace); var contours = trace.contours; var showGradientLine = false; var showGradientFill = false; var dMod, tMod; var cOpts = extractOpts(trace); var colorscale = cOpts.colorscale; var reversescale = cOpts.reversescale; var fillGradient = function(s) { if(s.size()) { var gradientID = 'legendfill-' + trace.uid; Drawing.gradient(s, gd, gradientID, getGradientDirection(reversescale), colorscale, 'fill'); } }; var lineGradient = function(s) { if(s.size()) { var gradientID = 'legendline-' + trace.uid; Drawing.lineGroupStyle(s); Drawing.gradient(s, gd, gradientID, getGradientDirection(reversescale), colorscale, 'stroke'); } }; if(contours) { var coloring = contours.coloring; if(coloring === 'lines') { showGradientLine = true; } else { showLine = coloring === 'none' || coloring === 'heatmap' || contours.showlines; } if(contours.type === 'constraint') { showFill = contours._operation !== '='; } else if(coloring === 'fill' || coloring === 'heatmap') { showGradientFill = true; } } // with fill and no markers or text, move the line and fill up a bit // so it's more centered var markersOrText = subTypes.hasMarkers(trace) || subTypes.hasText(trace); var anyFill = showFill || showGradientFill; var anyLine = showLine || showGradientLine; var pathStart = (markersOrText || !anyFill) ? 'M5,0' : // with a line leave it slightly below center, to leave room for the // line thickness and because the line is usually more prominent anyLine ? 'M5,-2' : 'M5,-3'; var this3 = d3.select(this); var fill = this3.select('.legendfill').selectAll('path') .data(showFill || showGradientFill ? [d] : []); fill.enter().append('path').classed('js-fill', true); fill.exit().remove(); fill.attr('d', pathStart + 'h' + itemWidth + 'v6h-' + itemWidth + 'z') .call(showFill ? Drawing.fillGroupStyle : fillGradient); if(showLine || showGradientLine) { var lw = boundLineWidth(undefined, trace.line, MAX_LINE_WIDTH, CST_LINE_WIDTH); tMod = Lib.minExtend(trace, {line: {width: lw}}); dMod = [Lib.minExtend(d0, {trace: tMod})]; } var line = this3.select('.legendlines').selectAll('path') .data(showLine || showGradientLine ? [dMod] : []); line.enter().append('path').classed('js-line', true); line.exit().remove(); // this is ugly... but you can't apply a gradient to a perfectly // horizontal or vertical line. Presumably because then // the system doesn't know how to scale vertical variation, even // though there *is* no vertical variation in this case. // so add an invisibly small angle to the line // This issue (and workaround) exist across (Mac) Chrome, FF, and Safari line.attr('d', pathStart + (showGradientLine ? 'l' + itemWidth + ',0.0001' : 'h' + itemWidth)) .call(showLine ? Drawing.lineGroupStyle : lineGradient); } function stylePoints(d) { var d0 = d[0]; var trace = d0.trace; var showMarkers = subTypes.hasMarkers(trace); var showText = subTypes.hasText(trace); var showLines = subTypes.hasLines(trace); var dMod, tMod; // 'scatter3d' don't use gd.calcdata, // use d0.trace to infer arrayOk attributes function boundVal(attrIn, arrayToValFn, bounds, cst) { var valIn = Lib.nestedProperty(trace, attrIn).get(); var valToBound = (Lib.isArrayOrTypedArray(valIn) && arrayToValFn) ? arrayToValFn(valIn) : valIn; if(constantItemSizing && valToBound && cst !== undefined) { valToBound = cst; } if(bounds) { if(valToBound < bounds[0]) return bounds[0]; else if(valToBound > bounds[1]) return bounds[1]; } return valToBound; } function pickFirst(array) { if(d0._distinct && d0.index && array[d0.index]) return array[d0.index]; return array[0]; } // constrain text, markers, etc so they'll fit on the legend if(showMarkers || showText || showLines) { var dEdit = {}; var tEdit = {}; if(showMarkers) { dEdit.mc = boundVal('marker.color', pickFirst); dEdit.mx = boundVal('marker.symbol', pickFirst); dEdit.mo = boundVal('marker.opacity', Lib.mean, [0.2, 1]); dEdit.mlc = boundVal('marker.line.color', pickFirst); dEdit.mlw = boundVal('marker.line.width', Lib.mean, [0, 5], CST_MARKER_LINE_WIDTH); tEdit.marker = { sizeref: 1, sizemin: 1, sizemode: 'diameter' }; var ms = boundVal('marker.size', Lib.mean, [2, 16], CST_MARKER_SIZE); dEdit.ms = ms; tEdit.marker.size = ms; } if(showLines) { tEdit.line = { width: boundVal('line.width', pickFirst, [0, 10], CST_LINE_WIDTH) }; } if(showText) { dEdit.tx = 'Aa'; dEdit.tp = boundVal('textposition', pickFirst); dEdit.ts = 10; dEdit.tc = boundVal('textfont.color', pickFirst); dEdit.tf = boundVal('textfont.family', pickFirst); } dMod = [Lib.minExtend(d0, dEdit)]; tMod = Lib.minExtend(trace, tEdit); // always show legend items in base state tMod.selectedpoints = null; // never show texttemplate tMod.texttemplate = null; } var ptgroup = d3.select(this).select('g.legendpoints'); var pts = ptgroup.selectAll('path.scatterpts') .data(showMarkers ? dMod : []); // make sure marker is on the bottom, in case it enters after text pts.enter().insert('path', ':first-child') .classed('scatterpts', true) .attr('transform', centerTransform); pts.exit().remove(); pts.call(Drawing.pointStyle, tMod, gd); // 'mrc' is set in pointStyle and used in textPointStyle: // constrain it here if(showMarkers) dMod[0].mrc = 3; var txt = ptgroup.selectAll('g.pointtext') .data(showText ? dMod : []); txt.enter() .append('g').classed('pointtext', true) .append('text').attr('transform', centerTransform); txt.exit().remove(); txt.selectAll('text').call(Drawing.textPointStyle, tMod, gd); } function styleWaterfalls(d) { var trace = d[0].trace; var isWaterfall = trace.type === 'waterfall'; if(d[0]._distinct && isWaterfall) { var cont = d[0].trace[d[0].dir].marker; d[0].mc = cont.color; d[0].mlw = cont.line.width; d[0].mlc = cont.line.color; return styleBarLike(d, this, 'waterfall'); } var ptsData = []; if(trace.visible && isWaterfall) { ptsData = d[0].hasTotals ? [['increasing', 'M-6,-6V6H0Z'], ['totals', 'M6,6H0L-6,-6H-0Z'], ['decreasing', 'M6,6V-6H0Z']] : [['increasing', 'M-6,-6V6H6Z'], ['decreasing', 'M6,6V-6H-6Z']]; } var pts = d3.select(this).select('g.legendpoints') .selectAll('path.legendwaterfall') .data(ptsData); pts.enter().append('path').classed('legendwaterfall', true) .attr('transform', centerTransform) .style('stroke-miterlimit', 1); pts.exit().remove(); pts.each(function(dd) { var pt = d3.select(this); var cont = trace[dd[0]].marker; var lw = boundLineWidth(undefined, cont.line, MAX_MARKER_LINE_WIDTH, CST_MARKER_LINE_WIDTH); pt.attr('d', dd[1]) .style('stroke-width', lw + 'px') .call(Color.fill, cont.color); if(lw) { pt.call(Color.stroke, cont.line.color); } }); } function styleBars(d) { styleBarLike(d, this); } function styleFunnels(d) { styleBarLike(d, this, 'funnel'); } function styleBarLike(d, lThis, desiredType) { var trace = d[0].trace; var marker = trace.marker || {}; var markerLine = marker.line || {}; var isVisible = (!desiredType) ? Registry.traceIs(trace, 'bar') : (trace.visible && trace.type === desiredType); var barpath = d3.select(lThis).select('g.legendpoints') .selectAll('path.legend' + desiredType) .data(isVisible ? [d] : []); barpath.enter().append('path').classed('legend' + desiredType, true) .attr('d', 'M6,6H-6V-6H6Z') .attr('transform', centerTransform); barpath.exit().remove(); barpath.each(function(d) { var p = d3.select(this); var d0 = d[0]; var w = boundLineWidth(d0.mlw, marker.line, MAX_MARKER_LINE_WIDTH, CST_MARKER_LINE_WIDTH); p.style('stroke-width', w + 'px') .call(Color.fill, d0.mc || marker.color); if(w) Color.stroke(p, d0.mlc || markerLine.color); }); } function styleBoxes(d) { var trace = d[0].trace; var pts = d3.select(this).select('g.legendpoints') .selectAll('path.legendbox') .data(trace.visible && Registry.traceIs(trace, 'box-violin') ? [d] : []); pts.enter().append('path').classed('legendbox', true) // if we want the median bar, prepend M6,0H-6 .attr('d', 'M6,6H-6V-6H6Z') .attr('transform', centerTransform); pts.exit().remove(); pts.each(function() { var p = d3.select(this); if((trace.boxpoints === 'all' || trace.points === 'all') && Color.opacity(trace.fillcolor) === 0 && Color.opacity((trace.line || {}).color) === 0 ) { var tMod = Lib.minExtend(trace, { marker: { size: constantItemSizing ? CST_MARKER_SIZE : Lib.constrain(trace.marker.size, 2, 16), sizeref: 1, sizemin: 1, sizemode: 'diameter' } }); pts.call(Drawing.pointStyle, tMod, gd); } else { var w = boundLineWidth(undefined, trace.line, MAX_MARKER_LINE_WIDTH, CST_MARKER_LINE_WIDTH); p.style('stroke-width', w + 'px') .call(Color.fill, trace.fillcolor); if(w) Color.stroke(p, trace.line.color); } }); } function styleCandles(d) { var trace = d[0].trace; var pts = d3.select(this).select('g.legendpoints') .selectAll('path.legendcandle') .data(trace.visible && trace.type === 'candlestick' ? [d, d] : []); pts.enter().append('path').classed('legendcandle', true) .attr('d', function(_, i) { if(i) return 'M-15,0H-8M-8,6V-6H8Z'; // increasing return 'M15,0H8M8,-6V6H-8Z'; // decreasing }) .attr('transform', centerTransform) .style('stroke-miterlimit', 1); pts.exit().remove(); pts.each(function(_, i) { var p = d3.select(this); var cont = trace[i ? 'increasing' : 'decreasing']; var w = boundLineWidth(undefined, cont.line, MAX_MARKER_LINE_WIDTH, CST_MARKER_LINE_WIDTH); p.style('stroke-width', w + 'px') .call(Color.fill, cont.fillcolor); if(w) Color.stroke(p, cont.line.color); }); } function styleOHLC(d) { var trace = d[0].trace; var pts = d3.select(this).select('g.legendpoints') .selectAll('path.legendohlc') .data(trace.visible && trace.type === 'ohlc' ? [d, d] : []); pts.enter().append('path').classed('legendohlc', true) .attr('d', function(_, i) { if(i) return 'M-15,0H0M-8,-6V0'; // increasing return 'M15,0H0M8,6V0'; // decreasing }) .attr('transform', centerTransform) .style('stroke-miterlimit', 1); pts.exit().remove(); pts.each(function(_, i) { var p = d3.select(this); var cont = trace[i ? 'increasing' : 'decreasing']; var w = boundLineWidth(undefined, cont.line, MAX_MARKER_LINE_WIDTH, CST_MARKER_LINE_WIDTH); p.style('fill', 'none') .call(Drawing.dashLine, cont.line.dash, w); if(w) Color.stroke(p, cont.line.color); }); } function stylePies(d) { stylePieLike(d, this, 'pie'); } function styleFunnelareas(d) { stylePieLike(d, this, 'funnelarea'); } function stylePieLike(d, lThis, desiredType) { var d0 = d[0]; var trace = d0.trace; var isVisible = (!desiredType) ? Registry.traceIs(trace, desiredType) : (trace.visible && trace.type === desiredType); var pts = d3.select(lThis).select('g.legendpoints') .selectAll('path.legend' + desiredType) .data(isVisible ? [d] : []); pts.enter().append('path').classed('legend' + desiredType, true) .attr('d', 'M6,6H-6V-6H6Z') .attr('transform', centerTransform); pts.exit().remove(); if(pts.size()) { var cont = (trace.marker || {}).line; var lw = boundLineWidth(pieCastOption(cont.width, d0.pts), cont, MAX_MARKER_LINE_WIDTH, CST_MARKER_LINE_WIDTH); var tMod = Lib.minExtend(trace, {marker: {line: {width: lw}}}); // since minExtend do not slice more than 3 items we need to patch line.color here tMod.marker.line.color = cont.color; var d0Mod = Lib.minExtend(d0, {trace: tMod}); stylePie(pts, d0Mod, tMod); } } function styleSpatial(d) { // i.e. maninly traces having z and colorscale var trace = d[0].trace; var useGradient; var ptsData = []; if(trace.visible) { switch(trace.type) { case 'histogram2d' : case 'heatmap' : ptsData = [ ['M-15,-2V4H15V-2Z'] // similar to contour ]; useGradient = true; break; case 'choropleth' : case 'choroplethmapbox' : ptsData = [ ['M-6,-6V6H6V-6Z'] ]; useGradient = true; break; case 'densitymapbox' : ptsData = [ ['M-6,0 a6,6 0 1,0 12,0 a 6,6 0 1,0 -12,0'] ]; useGradient = 'radial'; break; case 'cone' : ptsData = [ ['M-6,2 A2,2 0 0,0 -6,6 V6L6,4Z'], ['M-6,-6 A2,2 0 0,0 -6,-2 L6,-4Z'], ['M-6,-2 A2,2 0 0,0 -6,2 L6,0Z'] ]; useGradient = false; break; case 'streamtube' : ptsData = [ ['M-6,2 A2,2 0 0,0 -6,6 H6 A2,2 0 0,1 6,2 Z'], ['M-6,-6 A2,2 0 0,0 -6,-2 H6 A2,2 0 0,1 6,-6 Z'], ['M-6,-2 A2,2 0 0,0 -6,2 H6 A2,2 0 0,1 6,-2 Z'] ]; useGradient = false; break; case 'surface' : ptsData = [ ['M-6,-6 A2,3 0 0,0 -6,0 H6 A2,3 0 0,1 6,-6 Z'], ['M-6,1 A2,3 0 0,1 -6,6 H6 A2,3 0 0,0 6,0 Z'] ]; useGradient = true; break; case 'mesh3d' : ptsData = [ ['M-6,6H0L-6,-6Z'], ['M6,6H0L6,-6Z'], ['M-6,-6H6L0,6Z'] ]; useGradient = false; break; case 'volume' : ptsData = [ ['M-6,6H0L-6,-6Z'], ['M6,6H0L6,-6Z'], ['M-6,-6H6L0,6Z'] ]; useGradient = true; break; case 'isosurface': ptsData = [ ['M-6,6H0L-6,-6Z'], ['M6,6H0L6,-6Z'], ['M-6,-6 A12,24 0 0,0 6,-6 L0,6Z'] ]; useGradient = false; break; } } var pts = d3.select(this).select('g.legendpoints') .selectAll('path.legend3dandfriends') .data(ptsData); pts.enter().append('path').classed('legend3dandfriends', true) .attr('transform', centerTransform) .style('stroke-miterlimit', 1); pts.exit().remove(); pts.each(function(dd, i) { var pt = d3.select(this); var cOpts = extractOpts(trace); var colorscale = cOpts.colorscale; var reversescale = cOpts.reversescale; var fillGradient = function(s) { if(s.size()) { var gradientID = 'legendfill-' + trace.uid; Drawing.gradient(s, gd, gradientID, getGradientDirection(reversescale, useGradient === 'radial'), colorscale, 'fill'); } }; var fillColor; if(!colorscale) { var color = trace.vertexcolor || trace.facecolor || trace.color; fillColor = Lib.isArrayOrTypedArray(color) ? (color[i] || color[0]) : color; } else { if(!useGradient) { var len = colorscale.length; fillColor = i === 0 ? colorscale[reversescale ? len - 1 : 0][1] : // minimum i === 1 ? colorscale[reversescale ? 0 : len - 1][1] : // maximum colorscale[Math.floor((len - 1) / 2)][1]; // middle } } pt.attr('d', dd[0]); if(fillColor) { pt.call(Color.fill, fillColor); } else { pt.call(fillGradient); } }); } }; function getGradientDirection(reversescale, isRadial) { var str = isRadial ? 'radial' : 'horizontal'; return str + (reversescale ? '' : 'reversed'); } },{"../../lib":202,"../../registry":290,"../../traces/pie/helpers":322,"../../traces/pie/style_one":328,"../../traces/scatter/subtypes":355,"../color":75,"../colorscale/helpers":86,"../drawing":97,"./constants":126,"d3":9}],134:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Registry = _dereq_('../../registry'); var Plots = _dereq_('../../plots/plots'); var axisIds = _dereq_('../../plots/cartesian/axis_ids'); var Icons = _dereq_('../../fonts/ploticon'); var eraseActiveShape = _dereq_('../shapes/draw').eraseActiveShape; var Lib = _dereq_('../../lib'); var _ = Lib._; var modeBarButtons = module.exports = {}; /** * ModeBar buttons configuration * * @param {string} name * name / id of the buttons (for tracking) * @param {string} title * text that appears while hovering over the button, * enter null, false or '' for no hover text * @param {string} icon * svg icon object associated with the button * can be linked to Plotly.Icons to use the default plotly icons * @param {string} [gravity] * icon positioning * @param {function} click * click handler associated with the button, a function of * 'gd' (the main graph object) and * 'ev' (the event object) * @param {string} [attr] * attribute associated with button, * use this with 'val' to keep track of the state * @param {*} [val] * initial 'attr' value, can be a function of gd * @param {boolean} [toggle] * is the button a toggle button? */ modeBarButtons.toImage = { name: 'toImage', title: function(gd) { var opts = gd._context.toImageButtonOptions || {}; var format = opts.format || 'png'; return format === 'png' ? _(gd, 'Download plot as a png') : // legacy text _(gd, 'Download plot'); // generic non-PNG text }, icon: Icons.camera, click: function(gd) { var toImageButtonOptions = gd._context.toImageButtonOptions; var opts = {format: toImageButtonOptions.format || 'png'}; Lib.notifier(_(gd, 'Taking snapshot - this may take a few seconds'), 'long'); if(opts.format !== 'svg' && Lib.isIE()) { Lib.notifier(_(gd, 'IE only supports svg. Changing format to svg.'), 'long'); opts.format = 'svg'; } ['filename', 'width', 'height', 'scale'].forEach(function(key) { if(key in toImageButtonOptions) { opts[key] = toImageButtonOptions[key]; } }); Registry.call('downloadImage', gd, opts) .then(function(filename) { Lib.notifier(_(gd, 'Snapshot succeeded') + ' - ' + filename, 'long'); }) .catch(function() { Lib.notifier(_(gd, 'Sorry, there was a problem downloading your snapshot!'), 'long'); }); } }; modeBarButtons.sendDataToCloud = { name: 'sendDataToCloud', title: function(gd) { return _(gd, 'Edit in Chart Studio'); }, icon: Icons.disk, click: function(gd) { Plots.sendDataToCloud(gd); } }; modeBarButtons.editInChartStudio = { name: 'editInChartStudio', title: function(gd) { return _(gd, 'Edit in Chart Studio'); }, icon: Icons.pencil, click: function(gd) { Plots.sendDataToCloud(gd); } }; modeBarButtons.zoom2d = { name: 'zoom2d', title: function(gd) { return _(gd, 'Zoom'); }, attr: 'dragmode', val: 'zoom', icon: Icons.zoombox, click: handleCartesian }; modeBarButtons.pan2d = { name: 'pan2d', title: function(gd) { return _(gd, 'Pan'); }, attr: 'dragmode', val: 'pan', icon: Icons.pan, click: handleCartesian }; modeBarButtons.select2d = { name: 'select2d', title: function(gd) { return _(gd, 'Box Select'); }, attr: 'dragmode', val: 'select', icon: Icons.selectbox, click: handleCartesian }; modeBarButtons.lasso2d = { name: 'lasso2d', title: function(gd) { return _(gd, 'Lasso Select'); }, attr: 'dragmode', val: 'lasso', icon: Icons.lasso, click: handleCartesian }; modeBarButtons.drawclosedpath = { name: 'drawclosedpath', title: function(gd) { return _(gd, 'Draw closed freeform'); }, attr: 'dragmode', val: 'drawclosedpath', icon: Icons.drawclosedpath, click: handleCartesian }; modeBarButtons.drawopenpath = { name: 'drawopenpath', title: function(gd) { return _(gd, 'Draw open freeform'); }, attr: 'dragmode', val: 'drawopenpath', icon: Icons.drawopenpath, click: handleCartesian }; modeBarButtons.drawline = { name: 'drawline', title: function(gd) { return _(gd, 'Draw line'); }, attr: 'dragmode', val: 'drawline', icon: Icons.drawline, click: handleCartesian }; modeBarButtons.drawrect = { name: 'drawrect', title: function(gd) { return _(gd, 'Draw rectangle'); }, attr: 'dragmode', val: 'drawrect', icon: Icons.drawrect, click: handleCartesian }; modeBarButtons.drawcircle = { name: 'drawcircle', title: function(gd) { return _(gd, 'Draw circle'); }, attr: 'dragmode', val: 'drawcircle', icon: Icons.drawcircle, click: handleCartesian }; modeBarButtons.eraseshape = { name: 'eraseshape', title: function(gd) { return _(gd, 'Erase active shape'); }, icon: Icons.eraseshape, click: eraseActiveShape }; modeBarButtons.zoomIn2d = { name: 'zoomIn2d', title: function(gd) { return _(gd, 'Zoom in'); }, attr: 'zoom', val: 'in', icon: Icons.zoom_plus, click: handleCartesian }; modeBarButtons.zoomOut2d = { name: 'zoomOut2d', title: function(gd) { return _(gd, 'Zoom out'); }, attr: 'zoom', val: 'out', icon: Icons.zoom_minus, click: handleCartesian }; modeBarButtons.autoScale2d = { name: 'autoScale2d', title: function(gd) { return _(gd, 'Autoscale'); }, attr: 'zoom', val: 'auto', icon: Icons.autoscale, click: handleCartesian }; modeBarButtons.resetScale2d = { name: 'resetScale2d', title: function(gd) { return _(gd, 'Reset axes'); }, attr: 'zoom', val: 'reset', icon: Icons.home, click: handleCartesian }; modeBarButtons.hoverClosestCartesian = { name: 'hoverClosestCartesian', title: function(gd) { return _(gd, 'Show closest data on hover'); }, attr: 'hovermode', val: 'closest', icon: Icons.tooltip_basic, gravity: 'ne', click: handleCartesian }; modeBarButtons.hoverCompareCartesian = { name: 'hoverCompareCartesian', title: function(gd) { return _(gd, 'Compare data on hover'); }, attr: 'hovermode', val: function(gd) { return gd._fullLayout._isHoriz ? 'y' : 'x'; }, icon: Icons.tooltip_compare, gravity: 'ne', click: handleCartesian }; function handleCartesian(gd, ev) { var button = ev.currentTarget; var astr = button.getAttribute('data-attr'); var val = button.getAttribute('data-val') || true; var fullLayout = gd._fullLayout; var aobj = {}; var axList = axisIds.list(gd, null, true); var allSpikesEnabled = fullLayout._cartesianSpikesEnabled; var ax, i; if(astr === 'zoom') { var mag = (val === 'in') ? 0.5 : 2; var r0 = (1 + mag) / 2; var r1 = (1 - mag) / 2; var axName; for(i = 0; i < axList.length; i++) { ax = axList[i]; if(!ax.fixedrange) { axName = ax._name; if(val === 'auto') { aobj[axName + '.autorange'] = true; } else if(val === 'reset') { if(ax._rangeInitial === undefined) { aobj[axName + '.autorange'] = true; } else { var rangeInitial = ax._rangeInitial.slice(); aobj[axName + '.range[0]'] = rangeInitial[0]; aobj[axName + '.range[1]'] = rangeInitial[1]; } // N.B. "reset" also resets showspikes if(ax._showSpikeInitial !== undefined) { aobj[axName + '.showspikes'] = ax._showSpikeInitial; if(allSpikesEnabled === 'on' && !ax._showSpikeInitial) { allSpikesEnabled = 'off'; } } } else { var rangeNow = [ ax.r2l(ax.range[0]), ax.r2l(ax.range[1]), ]; var rangeNew = [ r0 * rangeNow[0] + r1 * rangeNow[1], r0 * rangeNow[1] + r1 * rangeNow[0] ]; aobj[axName + '.range[0]'] = ax.l2r(rangeNew[0]); aobj[axName + '.range[1]'] = ax.l2r(rangeNew[1]); } } } } else { // if ALL traces have orientation 'h', 'hovermode': 'x' otherwise: 'y' if(astr === 'hovermode' && (val === 'x' || val === 'y')) { val = fullLayout._isHoriz ? 'y' : 'x'; button.setAttribute('data-val', val); } aobj[astr] = val; } fullLayout._cartesianSpikesEnabled = allSpikesEnabled; Registry.call('_guiRelayout', gd, aobj); } modeBarButtons.zoom3d = { name: 'zoom3d', title: function(gd) { return _(gd, 'Zoom'); }, attr: 'scene.dragmode', val: 'zoom', icon: Icons.zoombox, click: handleDrag3d }; modeBarButtons.pan3d = { name: 'pan3d', title: function(gd) { return _(gd, 'Pan'); }, attr: 'scene.dragmode', val: 'pan', icon: Icons.pan, click: handleDrag3d }; modeBarButtons.orbitRotation = { name: 'orbitRotation', title: function(gd) { return _(gd, 'Orbital rotation'); }, attr: 'scene.dragmode', val: 'orbit', icon: Icons['3d_rotate'], click: handleDrag3d }; modeBarButtons.tableRotation = { name: 'tableRotation', title: function(gd) { return _(gd, 'Turntable rotation'); }, attr: 'scene.dragmode', val: 'turntable', icon: Icons['z-axis'], click: handleDrag3d }; function handleDrag3d(gd, ev) { var button = ev.currentTarget; var attr = button.getAttribute('data-attr'); var val = button.getAttribute('data-val') || true; var sceneIds = gd._fullLayout._subplots.gl3d || []; var layoutUpdate = {}; var parts = attr.split('.'); for(var i = 0; i < sceneIds.length; i++) { layoutUpdate[sceneIds[i] + '.' + parts[1]] = val; } // for multi-type subplots var val2d = (val === 'pan') ? val : 'zoom'; layoutUpdate.dragmode = val2d; Registry.call('_guiRelayout', gd, layoutUpdate); } modeBarButtons.resetCameraDefault3d = { name: 'resetCameraDefault3d', title: function(gd) { return _(gd, 'Reset camera to default'); }, attr: 'resetDefault', icon: Icons.home, click: handleCamera3d }; modeBarButtons.resetCameraLastSave3d = { name: 'resetCameraLastSave3d', title: function(gd) { return _(gd, 'Reset camera to last save'); }, attr: 'resetLastSave', icon: Icons.movie, click: handleCamera3d }; function handleCamera3d(gd, ev) { var button = ev.currentTarget; var attr = button.getAttribute('data-attr'); var resetLastSave = attr === 'resetLastSave'; var resetDefault = attr === 'resetDefault'; var fullLayout = gd._fullLayout; var sceneIds = fullLayout._subplots.gl3d || []; var aobj = {}; for(var i = 0; i < sceneIds.length; i++) { var sceneId = sceneIds[i]; var camera = sceneId + '.camera'; var aspectratio = sceneId + '.aspectratio'; var aspectmode = sceneId + '.aspectmode'; var scene = fullLayout[sceneId]._scene; var didUpdate; if(resetLastSave) { aobj[camera + '.up'] = scene.viewInitial.up; aobj[camera + '.eye'] = scene.viewInitial.eye; aobj[camera + '.center'] = scene.viewInitial.center; didUpdate = true; } else if(resetDefault) { aobj[camera + '.up'] = null; aobj[camera + '.eye'] = null; aobj[camera + '.center'] = null; didUpdate = true; } if(didUpdate) { aobj[aspectratio + '.x'] = scene.viewInitial.aspectratio.x; aobj[aspectratio + '.y'] = scene.viewInitial.aspectratio.y; aobj[aspectratio + '.z'] = scene.viewInitial.aspectratio.z; aobj[aspectmode] = scene.viewInitial.aspectmode; } } Registry.call('_guiRelayout', gd, aobj); } modeBarButtons.hoverClosest3d = { name: 'hoverClosest3d', title: function(gd) { return _(gd, 'Toggle show closest data on hover'); }, attr: 'hovermode', val: null, toggle: true, icon: Icons.tooltip_basic, gravity: 'ne', click: handleHover3d }; function getNextHover3d(gd, ev) { var button = ev.currentTarget; var val = button._previousVal; var fullLayout = gd._fullLayout; var sceneIds = fullLayout._subplots.gl3d || []; var axes = ['xaxis', 'yaxis', 'zaxis']; // initialize 'current spike' object to be stored in the DOM var currentSpikes = {}; var layoutUpdate = {}; if(val) { layoutUpdate = val; button._previousVal = null; } else { for(var i = 0; i < sceneIds.length; i++) { var sceneId = sceneIds[i]; var sceneLayout = fullLayout[sceneId]; var hovermodeAStr = sceneId + '.hovermode'; currentSpikes[hovermodeAStr] = sceneLayout.hovermode; layoutUpdate[hovermodeAStr] = false; // copy all the current spike attrs for(var j = 0; j < 3; j++) { var axis = axes[j]; var spikeAStr = sceneId + '.' + axis + '.showspikes'; layoutUpdate[spikeAStr] = false; currentSpikes[spikeAStr] = sceneLayout[axis].showspikes; } } button._previousVal = currentSpikes; } return layoutUpdate; } function handleHover3d(gd, ev) { var layoutUpdate = getNextHover3d(gd, ev); Registry.call('_guiRelayout', gd, layoutUpdate); } modeBarButtons.zoomInGeo = { name: 'zoomInGeo', title: function(gd) { return _(gd, 'Zoom in'); }, attr: 'zoom', val: 'in', icon: Icons.zoom_plus, click: handleGeo }; modeBarButtons.zoomOutGeo = { name: 'zoomOutGeo', title: function(gd) { return _(gd, 'Zoom out'); }, attr: 'zoom', val: 'out', icon: Icons.zoom_minus, click: handleGeo }; modeBarButtons.resetGeo = { name: 'resetGeo', title: function(gd) { return _(gd, 'Reset'); }, attr: 'reset', val: null, icon: Icons.autoscale, click: handleGeo }; modeBarButtons.hoverClosestGeo = { name: 'hoverClosestGeo', title: function(gd) { return _(gd, 'Toggle show closest data on hover'); }, attr: 'hovermode', val: null, toggle: true, icon: Icons.tooltip_basic, gravity: 'ne', click: toggleHover }; function handleGeo(gd, ev) { var button = ev.currentTarget; var attr = button.getAttribute('data-attr'); var val = button.getAttribute('data-val') || true; var fullLayout = gd._fullLayout; var geoIds = fullLayout._subplots.geo || []; for(var i = 0; i < geoIds.length; i++) { var id = geoIds[i]; var geoLayout = fullLayout[id]; if(attr === 'zoom') { var scale = geoLayout.projection.scale; var newScale = (val === 'in') ? 2 * scale : 0.5 * scale; Registry.call('_guiRelayout', gd, id + '.projection.scale', newScale); } } if(attr === 'reset') { resetView(gd, 'geo'); } } modeBarButtons.hoverClosestGl2d = { name: 'hoverClosestGl2d', title: function(gd) { return _(gd, 'Toggle show closest data on hover'); }, attr: 'hovermode', val: null, toggle: true, icon: Icons.tooltip_basic, gravity: 'ne', click: toggleHover }; modeBarButtons.hoverClosestPie = { name: 'hoverClosestPie', title: function(gd) { return _(gd, 'Toggle show closest data on hover'); }, attr: 'hovermode', val: 'closest', icon: Icons.tooltip_basic, gravity: 'ne', click: toggleHover }; function getNextHover(gd) { var fullLayout = gd._fullLayout; if(fullLayout.hovermode) return false; if(fullLayout._has('cartesian')) { return fullLayout._isHoriz ? 'y' : 'x'; } return 'closest'; } function toggleHover(gd) { var newHover = getNextHover(gd); Registry.call('_guiRelayout', gd, 'hovermode', newHover); } modeBarButtons.resetViewSankey = { name: 'resetSankeyGroup', title: function(gd) { return _(gd, 'Reset view'); }, icon: Icons.home, click: function(gd) { var aObj = { 'node.groups': [], 'node.x': [], 'node.y': [] }; for(var i = 0; i < gd._fullData.length; i++) { var viewInitial = gd._fullData[i]._viewInitial; aObj['node.groups'].push(viewInitial.node.groups.slice()); aObj['node.x'].push(viewInitial.node.x.slice()); aObj['node.y'].push(viewInitial.node.y.slice()); } Registry.call('restyle', gd, aObj); } }; // buttons when more then one plot types are present modeBarButtons.toggleHover = { name: 'toggleHover', title: function(gd) { return _(gd, 'Toggle show closest data on hover'); }, attr: 'hovermode', val: null, toggle: true, icon: Icons.tooltip_basic, gravity: 'ne', click: function(gd, ev) { var layoutUpdate = getNextHover3d(gd, ev); layoutUpdate.hovermode = getNextHover(gd); Registry.call('_guiRelayout', gd, layoutUpdate); } }; modeBarButtons.resetViews = { name: 'resetViews', title: function(gd) { return _(gd, 'Reset views'); }, icon: Icons.home, click: function(gd, ev) { var button = ev.currentTarget; button.setAttribute('data-attr', 'zoom'); button.setAttribute('data-val', 'reset'); handleCartesian(gd, ev); button.setAttribute('data-attr', 'resetLastSave'); handleCamera3d(gd, ev); resetView(gd, 'geo'); resetView(gd, 'mapbox'); } }; modeBarButtons.toggleSpikelines = { name: 'toggleSpikelines', title: function(gd) { return _(gd, 'Toggle Spike Lines'); }, icon: Icons.spikeline, attr: '_cartesianSpikesEnabled', val: 'on', click: function(gd) { var fullLayout = gd._fullLayout; var allSpikesEnabled = fullLayout._cartesianSpikesEnabled; fullLayout._cartesianSpikesEnabled = allSpikesEnabled === 'on' ? 'off' : 'on'; Registry.call('_guiRelayout', gd, setSpikelineVisibility(gd)); } }; function setSpikelineVisibility(gd) { var fullLayout = gd._fullLayout; var areSpikesOn = fullLayout._cartesianSpikesEnabled === 'on'; var axList = axisIds.list(gd, null, true); var aobj = {}; for(var i = 0; i < axList.length; i++) { var ax = axList[i]; aobj[ax._name + '.showspikes'] = areSpikesOn ? true : ax._showSpikeInitial; } return aobj; } modeBarButtons.resetViewMapbox = { name: 'resetViewMapbox', title: function(gd) { return _(gd, 'Reset view'); }, attr: 'reset', icon: Icons.home, click: function(gd) { resetView(gd, 'mapbox'); } }; modeBarButtons.zoomInMapbox = { name: 'zoomInMapbox', title: function(gd) { return _(gd, 'Zoom in'); }, attr: 'zoom', val: 'in', icon: Icons.zoom_plus, click: handleMapboxZoom }; modeBarButtons.zoomOutMapbox = { name: 'zoomOutMapbox', title: function(gd) { return _(gd, 'Zoom out'); }, attr: 'zoom', val: 'out', icon: Icons.zoom_minus, click: handleMapboxZoom }; function handleMapboxZoom(gd, ev) { var button = ev.currentTarget; var val = button.getAttribute('data-val'); var fullLayout = gd._fullLayout; var subplotIds = fullLayout._subplots.mapbox || []; var scalar = 1.05; var aObj = {}; for(var i = 0; i < subplotIds.length; i++) { var id = subplotIds[i]; var current = fullLayout[id].zoom; var next = (val === 'in') ? scalar * current : current / scalar; aObj[id + '.zoom'] = next; } Registry.call('_guiRelayout', gd, aObj); } function resetView(gd, subplotType) { var fullLayout = gd._fullLayout; var subplotIds = fullLayout._subplots[subplotType] || []; var aObj = {}; for(var i = 0; i < subplotIds.length; i++) { var id = subplotIds[i]; var subplotObj = fullLayout[id]._subplot; var viewInitial = subplotObj.viewInitial; var viewKeys = Object.keys(viewInitial); for(var j = 0; j < viewKeys.length; j++) { var key = viewKeys[j]; aObj[id + '.' + key] = viewInitial[key]; } } Registry.call('_guiRelayout', gd, aObj); } },{"../../fonts/ploticon":185,"../../lib":202,"../../plots/cartesian/axis_ids":251,"../../plots/plots":282,"../../registry":290,"../shapes/draw":156}],135:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; exports.manage = _dereq_('./manage'); },{"./manage":136}],136:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var axisIds = _dereq_('../../plots/cartesian/axis_ids'); var scatterSubTypes = _dereq_('../../traces/scatter/subtypes'); var Registry = _dereq_('../../registry'); var isUnifiedHover = _dereq_('../fx/helpers').isUnifiedHover; var createModeBar = _dereq_('./modebar'); var modeBarButtons = _dereq_('./buttons'); /** * ModeBar wrapper around 'create' and 'update', * chooses buttons to pass to ModeBar constructor based on * plot type and plot config. * * @param {object} gd main plot object * */ module.exports = function manageModeBar(gd) { var fullLayout = gd._fullLayout; var context = gd._context; var modeBar = fullLayout._modeBar; if(!context.displayModeBar && !context.watermark) { if(modeBar) { modeBar.destroy(); delete fullLayout._modeBar; } return; } if(!Array.isArray(context.modeBarButtonsToRemove)) { throw new Error([ '*modeBarButtonsToRemove* configuration options', 'must be an array.' ].join(' ')); } if(!Array.isArray(context.modeBarButtonsToAdd)) { throw new Error([ '*modeBarButtonsToAdd* configuration options', 'must be an array.' ].join(' ')); } var customButtons = context.modeBarButtons; var buttonGroups; if(Array.isArray(customButtons) && customButtons.length) { buttonGroups = fillCustomButton(customButtons); } else if(!context.displayModeBar && context.watermark) { buttonGroups = []; } else { buttonGroups = getButtonGroups(gd); } if(modeBar) modeBar.update(gd, buttonGroups); else fullLayout._modeBar = createModeBar(gd, buttonGroups); }; var DRAW_MODES = [ 'drawline', 'drawopenpath', 'drawclosedpath', 'drawcircle', 'drawrect', 'eraseshape' ]; // logic behind which buttons are displayed by default function getButtonGroups(gd) { var fullLayout = gd._fullLayout; var fullData = gd._fullData; var context = gd._context; var buttonsToRemove = context.modeBarButtonsToRemove; var buttonsToAdd = context.modeBarButtonsToAdd; var hasCartesian = fullLayout._has('cartesian'); var hasGL3D = fullLayout._has('gl3d'); var hasGeo = fullLayout._has('geo'); var hasPie = fullLayout._has('pie'); var hasFunnelarea = fullLayout._has('funnelarea'); var hasGL2D = fullLayout._has('gl2d'); var hasTernary = fullLayout._has('ternary'); var hasMapbox = fullLayout._has('mapbox'); var hasPolar = fullLayout._has('polar'); var hasSankey = fullLayout._has('sankey'); var allAxesFixed = areAllAxesFixed(fullLayout); var hasUnifiedHoverLabel = isUnifiedHover(fullLayout.hovermode); var groups = []; function addGroup(newGroup) { if(!newGroup.length) return; var out = []; for(var i = 0; i < newGroup.length; i++) { var button = newGroup[i]; if(buttonsToRemove.indexOf(button) !== -1) continue; out.push(modeBarButtons[button]); } groups.push(out); } // buttons common to all plot types var commonGroup = ['toImage']; if(context.showEditInChartStudio) commonGroup.push('editInChartStudio'); else if(context.showSendToCloud) commonGroup.push('sendDataToCloud'); addGroup(commonGroup); var zoomGroup = []; var hoverGroup = []; var resetGroup = []; var dragModeGroup = []; if((hasCartesian || hasGL2D || hasPie || hasFunnelarea || hasTernary) + hasGeo + hasGL3D + hasMapbox + hasPolar > 1) { // graphs with more than one plot types get 'union buttons' // which reset the view or toggle hover labels across all subplots. hoverGroup = ['toggleHover']; resetGroup = ['resetViews']; } else if(hasGeo) { zoomGroup = ['zoomInGeo', 'zoomOutGeo']; hoverGroup = ['hoverClosestGeo']; resetGroup = ['resetGeo']; } else if(hasGL3D) { hoverGroup = ['hoverClosest3d']; resetGroup = ['resetCameraDefault3d', 'resetCameraLastSave3d']; } else if(hasMapbox) { zoomGroup = ['zoomInMapbox', 'zoomOutMapbox']; hoverGroup = ['toggleHover']; resetGroup = ['resetViewMapbox']; } else if(hasGL2D) { hoverGroup = ['hoverClosestGl2d']; } else if(hasPie) { hoverGroup = ['hoverClosestPie']; } else if(hasSankey) { hoverGroup = ['hoverClosestCartesian', 'hoverCompareCartesian']; resetGroup = ['resetViewSankey']; } else { // hasPolar, hasTernary // always show at least one hover icon. hoverGroup = ['toggleHover']; } // if we have cartesian, allow switching between closest and compare // regardless of what other types are on the plot, since they'll all // just treat any truthy hovermode as 'closest' if(hasCartesian) { hoverGroup = ['toggleSpikelines', 'hoverClosestCartesian', 'hoverCompareCartesian']; } if(hasNoHover(fullData) || hasUnifiedHoverLabel) { hoverGroup = []; } if((hasCartesian || hasGL2D) && !allAxesFixed) { zoomGroup = ['zoomIn2d', 'zoomOut2d', 'autoScale2d']; if(resetGroup[0] !== 'resetViews') resetGroup = ['resetScale2d']; } if(hasGL3D) { dragModeGroup = ['zoom3d', 'pan3d', 'orbitRotation', 'tableRotation']; } else if(((hasCartesian || hasGL2D) && !allAxesFixed) || hasTernary) { dragModeGroup = ['zoom2d', 'pan2d']; } else if(hasMapbox || hasGeo) { dragModeGroup = ['pan2d']; } else if(hasPolar) { dragModeGroup = ['zoom2d']; } if(isSelectable(fullData)) { dragModeGroup.push('select2d', 'lasso2d'); } // accept pre-defined buttons as string if(Array.isArray(buttonsToAdd)) { var newList = []; for(var i = 0; i < buttonsToAdd.length; i++) { var b = buttonsToAdd[i]; if(typeof b === 'string') { if(DRAW_MODES.indexOf(b) !== -1) { if( fullLayout._has('mapbox') || // draw shapes in paper coordinate (could be improved in future to support data coordinate, when there is no pitch) fullLayout._has('cartesian') // draw shapes in data coordinate ) { dragModeGroup.push(b); } } } else newList.push(b); } buttonsToAdd = newList; } addGroup(dragModeGroup); addGroup(zoomGroup.concat(resetGroup)); addGroup(hoverGroup); return appendButtonsToGroups(groups, buttonsToAdd); } function areAllAxesFixed(fullLayout) { var axList = axisIds.list({_fullLayout: fullLayout}, null, true); for(var i = 0; i < axList.length; i++) { if(!axList[i].fixedrange) { return false; } } return true; } // look for traces that support selection // to be updated as we add more selectPoints handlers function isSelectable(fullData) { var selectable = false; for(var i = 0; i < fullData.length; i++) { if(selectable) break; var trace = fullData[i]; if(!trace._module || !trace._module.selectPoints) continue; if(Registry.traceIs(trace, 'scatter-like')) { if(scatterSubTypes.hasMarkers(trace) || scatterSubTypes.hasText(trace)) { selectable = true; } } else if(Registry.traceIs(trace, 'box-violin')) { if(trace.boxpoints === 'all' || trace.points === 'all') { selectable = true; } } else { // assume that in general if the trace module has selectPoints, // then it's selectable. Scatter is an exception to this because it must // have markers or text, not just be a scatter type. selectable = true; } } return selectable; } // check whether all trace are 'noHover' function hasNoHover(fullData) { for(var i = 0; i < fullData.length; i++) { if(!Registry.traceIs(fullData[i], 'noHover')) return false; } return true; } function appendButtonsToGroups(groups, buttons) { if(buttons.length) { if(Array.isArray(buttons[0])) { for(var i = 0; i < buttons.length; i++) { groups.push(buttons[i]); } } else groups.push(buttons); } return groups; } // fill in custom buttons referring to default mode bar buttons function fillCustomButton(customButtons) { for(var i = 0; i < customButtons.length; i++) { var buttonGroup = customButtons[i]; for(var j = 0; j < buttonGroup.length; j++) { var button = buttonGroup[j]; if(typeof button === 'string') { if(modeBarButtons[button] !== undefined) { customButtons[i][j] = modeBarButtons[button]; } else { throw new Error([ '*modeBarButtons* configuration options', 'invalid button name' ].join(' ')); } } } } return customButtons; } },{"../../plots/cartesian/axis_ids":251,"../../registry":290,"../../traces/scatter/subtypes":355,"../fx/helpers":111,"./buttons":134,"./modebar":137}],137:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = _dereq_('d3'); var isNumeric = _dereq_('fast-isnumeric'); var Lib = _dereq_('../../lib'); var Icons = _dereq_('../../fonts/ploticon'); var Parser = new DOMParser(); /** * UI controller for interactive plots * @Class * @Param {object} opts * @Param {object} opts.buttons nested arrays of grouped buttons config objects * @Param {object} opts.container container div to append modeBar * @Param {object} opts.graphInfo primary plot object containing data and layout */ function ModeBar(opts) { this.container = opts.container; this.element = document.createElement('div'); this.update(opts.graphInfo, opts.buttons); this.container.appendChild(this.element); } var proto = ModeBar.prototype; /** * Update modeBar (buttons and logo) * * @param {object} graphInfo primary plot object containing data and layout * @param {array of arrays} buttons nested arrays of grouped buttons to initialize * */ proto.update = function(graphInfo, buttons) { this.graphInfo = graphInfo; var context = this.graphInfo._context; var fullLayout = this.graphInfo._fullLayout; var modeBarId = 'modebar-' + fullLayout._uid; this.element.setAttribute('id', modeBarId); this._uid = modeBarId; this.element.className = 'modebar'; if(context.displayModeBar === 'hover') this.element.className += ' modebar--hover ease-bg'; if(fullLayout.modebar.orientation === 'v') { this.element.className += ' vertical'; buttons = buttons.reverse(); } var style = fullLayout.modebar; var bgSelector = context.displayModeBar === 'hover' ? '.js-plotly-plot .plotly:hover ' : ''; Lib.deleteRelatedStyleRule(modeBarId); Lib.addRelatedStyleRule(modeBarId, bgSelector + '#' + modeBarId + ' .modebar-group', 'background-color: ' + style.bgcolor); Lib.addRelatedStyleRule(modeBarId, '#' + modeBarId + ' .modebar-btn .icon path', 'fill: ' + style.color); Lib.addRelatedStyleRule(modeBarId, '#' + modeBarId + ' .modebar-btn:hover .icon path', 'fill: ' + style.activecolor); Lib.addRelatedStyleRule(modeBarId, '#' + modeBarId + ' .modebar-btn.active .icon path', 'fill: ' + style.activecolor); // if buttons or logo have changed, redraw modebar interior var needsNewButtons = !this.hasButtons(buttons); var needsNewLogo = (this.hasLogo !== context.displaylogo); var needsNewLocale = (this.locale !== context.locale); this.locale = context.locale; if(needsNewButtons || needsNewLogo || needsNewLocale) { this.removeAllButtons(); this.updateButtons(buttons); if(context.watermark || context.displaylogo) { var logoGroup = this.getLogo(); if(context.watermark) { logoGroup.className = logoGroup.className + ' watermark'; } if(fullLayout.modebar.orientation === 'v') { this.element.insertBefore(logoGroup, this.element.childNodes[0]); } else { this.element.appendChild(logoGroup); } this.hasLogo = true; } } this.updateActiveButton(); }; proto.updateButtons = function(buttons) { var _this = this; this.buttons = buttons; this.buttonElements = []; this.buttonsNames = []; this.buttons.forEach(function(buttonGroup) { var group = _this.createGroup(); buttonGroup.forEach(function(buttonConfig) { var buttonName = buttonConfig.name; if(!buttonName) { throw new Error('must provide button \'name\' in button config'); } if(_this.buttonsNames.indexOf(buttonName) !== -1) { throw new Error('button name \'' + buttonName + '\' is taken'); } _this.buttonsNames.push(buttonName); var button = _this.createButton(buttonConfig); _this.buttonElements.push(button); group.appendChild(button); }); _this.element.appendChild(group); }); }; /** * Empty div for containing a group of buttons * @Return {HTMLelement} */ proto.createGroup = function() { var group = document.createElement('div'); group.className = 'modebar-group'; return group; }; /** * Create a new button div and set constant and configurable attributes * @Param {object} config (see ./buttons.js for more info) * @Return {HTMLelement} */ proto.createButton = function(config) { var _this = this; var button = document.createElement('a'); button.setAttribute('rel', 'tooltip'); button.className = 'modebar-btn'; var title = config.title; if(title === undefined) title = config.name; // for localization: allow title to be a callable that takes gd as arg else if(typeof title === 'function') title = title(this.graphInfo); if(title || title === 0) button.setAttribute('data-title', title); if(config.attr !== undefined) button.setAttribute('data-attr', config.attr); var val = config.val; if(val !== undefined) { if(typeof val === 'function') val = val(this.graphInfo); button.setAttribute('data-val', val); } var click = config.click; if(typeof click !== 'function') { throw new Error('must provide button \'click\' function in button config'); } else { button.addEventListener('click', function(ev) { config.click(_this.graphInfo, ev); // only needed for 'hoverClosestGeo' which does not call relayout _this.updateActiveButton(ev.currentTarget); }); } button.setAttribute('data-toggle', config.toggle || false); if(config.toggle) d3.select(button).classed('active', true); var icon = config.icon; if(typeof icon === 'function') { button.appendChild(icon()); } else { button.appendChild(this.createIcon(icon || Icons.question)); } button.setAttribute('data-gravity', config.gravity || 'n'); return button; }; /** * Add an icon to a button * @Param {object} thisIcon * @Param {number} thisIcon.width * @Param {string} thisIcon.path * @Param {string} thisIcon.color * @Return {HTMLelement} */ proto.createIcon = function(thisIcon) { var iconHeight = isNumeric(thisIcon.height) ? Number(thisIcon.height) : thisIcon.ascent - thisIcon.descent; var svgNS = 'http://www.w3.org/2000/svg'; var icon; if(thisIcon.path) { icon = document.createElementNS(svgNS, 'svg'); icon.setAttribute('viewBox', [0, 0, thisIcon.width, iconHeight].join(' ')); icon.setAttribute('class', 'icon'); var path = document.createElementNS(svgNS, 'path'); path.setAttribute('d', thisIcon.path); if(thisIcon.transform) { path.setAttribute('transform', thisIcon.transform); } else if(thisIcon.ascent !== undefined) { // Legacy icon transform calculation path.setAttribute('transform', 'matrix(1 0 0 -1 0 ' + thisIcon.ascent + ')'); } icon.appendChild(path); } if(thisIcon.svg) { var svgDoc = Parser.parseFromString(thisIcon.svg, 'application/xml'); icon = svgDoc.childNodes[0]; } icon.setAttribute('height', '1em'); icon.setAttribute('width', '1em'); return icon; }; /** * Updates active button with attribute specified in layout * @Param {object} graphInfo plot object containing data and layout * @Return {HTMLelement} */ proto.updateActiveButton = function(buttonClicked) { var fullLayout = this.graphInfo._fullLayout; var dataAttrClicked = (buttonClicked !== undefined) ? buttonClicked.getAttribute('data-attr') : null; this.buttonElements.forEach(function(button) { var thisval = button.getAttribute('data-val') || true; var dataAttr = button.getAttribute('data-attr'); var isToggleButton = (button.getAttribute('data-toggle') === 'true'); var button3 = d3.select(button); // Use 'data-toggle' and 'buttonClicked' to toggle buttons // that have no one-to-one equivalent in fullLayout if(isToggleButton) { if(dataAttr === dataAttrClicked) { button3.classed('active', !button3.classed('active')); } } else { var val = (dataAttr === null) ? dataAttr : Lib.nestedProperty(fullLayout, dataAttr).get(); button3.classed('active', val === thisval); } }); }; /** * Check if modeBar is configured as button configuration argument * * @Param {object} buttons 2d array of grouped button config objects * @Return {boolean} */ proto.hasButtons = function(buttons) { var currentButtons = this.buttons; if(!currentButtons) return false; if(buttons.length !== currentButtons.length) return false; for(var i = 0; i < buttons.length; ++i) { if(buttons[i].length !== currentButtons[i].length) return false; for(var j = 0; j < buttons[i].length; j++) { if(buttons[i][j].name !== currentButtons[i][j].name) return false; } } return true; }; /** * @return {HTMLDivElement} The logo image wrapped in a group */ proto.getLogo = function() { var group = this.createGroup(); var a = document.createElement('a'); a.href = 'https://plotly.com/'; a.target = '_blank'; a.setAttribute('data-title', Lib._(this.graphInfo, 'Produced with Plotly')); a.className = 'modebar-btn plotlyjsicon modebar-btn--logo'; a.appendChild(this.createIcon(Icons.newplotlylogo)); group.appendChild(a); return group; }; proto.removeAllButtons = function() { while(this.element.firstChild) { this.element.removeChild(this.element.firstChild); } this.hasLogo = false; }; proto.destroy = function() { Lib.removeElement(this.container.querySelector('.modebar')); Lib.deleteRelatedStyleRule(this._uid); }; function createModeBar(gd, buttons) { var fullLayout = gd._fullLayout; var modeBar = new ModeBar({ graphInfo: gd, container: fullLayout._modebardiv.node(), buttons: buttons }); if(fullLayout._privateplot) { d3.select(modeBar.element).append('span') .classed('badge-private float--left', true) .text('PRIVATE'); } return modeBar; } module.exports = createModeBar; },{"../../fonts/ploticon":185,"../../lib":202,"d3":9,"fast-isnumeric":11}],138:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var fontAttrs = _dereq_('../../plots/font_attributes'); var colorAttrs = _dereq_('../color/attributes'); var templatedArray = _dereq_('../../plot_api/plot_template').templatedArray; var buttonAttrs = templatedArray('button', { visible: { valType: 'boolean', dflt: true, editType: 'plot', }, step: { valType: 'enumerated', values: ['month', 'year', 'day', 'hour', 'minute', 'second', 'all'], dflt: 'month', editType: 'plot', }, stepmode: { valType: 'enumerated', values: ['backward', 'todate'], dflt: 'backward', editType: 'plot', }, count: { valType: 'number', min: 0, dflt: 1, editType: 'plot', }, label: { valType: 'string', editType: 'plot', }, editType: 'plot', }); module.exports = { visible: { valType: 'boolean', editType: 'plot', }, buttons: buttonAttrs, x: { valType: 'number', min: -2, max: 3, editType: 'plot', }, xanchor: { valType: 'enumerated', values: ['auto', 'left', 'center', 'right'], dflt: 'left', editType: 'plot', }, y: { valType: 'number', min: -2, max: 3, editType: 'plot', }, yanchor: { valType: 'enumerated', values: ['auto', 'top', 'middle', 'bottom'], dflt: 'bottom', editType: 'plot', }, font: fontAttrs({ editType: 'plot', }), bgcolor: { valType: 'color', dflt: colorAttrs.lightLine, editType: 'plot', }, activecolor: { valType: 'color', editType: 'plot', }, bordercolor: { valType: 'color', dflt: colorAttrs.defaultLine, editType: 'plot', }, borderwidth: { valType: 'number', min: 0, dflt: 0, editType: 'plot', }, editType: 'plot' }; },{"../../plot_api/plot_template":237,"../../plots/font_attributes":276,"../color/attributes":74}],139:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = { // 'y' position pad above counter axis domain yPad: 0.02, // minimum button width (regardless of text size) minButtonWidth: 30, // buttons rect radii rx: 3, ry: 3, // light fraction used to compute the 'activecolor' default lightAmount: 25, darkAmount: 10 }; },{}],140:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = _dereq_('../../lib'); var Color = _dereq_('../color'); var Template = _dereq_('../../plot_api/plot_template'); var handleArrayContainerDefaults = _dereq_('../../plots/array_container_defaults'); var attributes = _dereq_('./attributes'); var constants = _dereq_('./constants'); module.exports = function handleDefaults(containerIn, containerOut, layout, counterAxes, calendar) { var selectorIn = containerIn.rangeselector || {}; var selectorOut = Template.newContainer(containerOut, 'rangeselector'); function coerce(attr, dflt) { return Lib.coerce(selectorIn, selectorOut, attributes, attr, dflt); } var buttons = handleArrayContainerDefaults(selectorIn, selectorOut, { name: 'buttons', handleItemDefaults: buttonDefaults, calendar: calendar }); var visible = coerce('visible', buttons.length > 0); if(visible) { var posDflt = getPosDflt(containerOut, layout, counterAxes); coerce('x', posDflt[0]); coerce('y', posDflt[1]); Lib.noneOrAll(containerIn, containerOut, ['x', 'y']); coerce('xanchor'); coerce('yanchor'); Lib.coerceFont(coerce, 'font', layout.font); var bgColor = coerce('bgcolor'); coerce('activecolor', Color.contrast(bgColor, constants.lightAmount, constants.darkAmount)); coerce('bordercolor'); coerce('borderwidth'); } }; function buttonDefaults(buttonIn, buttonOut, selectorOut, opts) { var calendar = opts.calendar; function coerce(attr, dflt) { return Lib.coerce(buttonIn, buttonOut, attributes.buttons, attr, dflt); } var visible = coerce('visible'); if(visible) { var step = coerce('step'); if(step !== 'all') { if(calendar && calendar !== 'gregorian' && (step === 'month' || step === 'year')) { buttonOut.stepmode = 'backward'; } else { coerce('stepmode'); } coerce('count'); } coerce('label'); } } function getPosDflt(containerOut, layout, counterAxes) { var anchoredList = counterAxes.filter(function(ax) { return layout[ax].anchor === containerOut._id; }); var posY = 0; for(var i = 0; i < anchoredList.length; i++) { var domain = layout[anchoredList[i]].domain; if(domain) posY = Math.max(domain[1], posY); } return [containerOut.domain[0], posY + constants.yPad]; } },{"../../lib":202,"../../plot_api/plot_template":237,"../../plots/array_container_defaults":243,"../color":75,"./attributes":138,"./constants":139}],141:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = _dereq_('d3'); var Registry = _dereq_('../../registry'); var Plots = _dereq_('../../plots/plots'); var Color = _dereq_('../color'); var Drawing = _dereq_('../drawing'); var Lib = _dereq_('../../lib'); var strTranslate = Lib.strTranslate; var svgTextUtils = _dereq_('../../lib/svg_text_utils'); var axisIds = _dereq_('../../plots/cartesian/axis_ids'); var alignmentConstants = _dereq_('../../constants/alignment'); var LINE_SPACING = alignmentConstants.LINE_SPACING; var FROM_TL = alignmentConstants.FROM_TL; var FROM_BR = alignmentConstants.FROM_BR; var constants = _dereq_('./constants'); var getUpdateObject = _dereq_('./get_update_object'); module.exports = function draw(gd) { var fullLayout = gd._fullLayout; var selectors = fullLayout._infolayer.selectAll('.rangeselector') .data(makeSelectorData(gd), selectorKeyFunc); selectors.enter().append('g') .classed('rangeselector', true); selectors.exit().remove(); selectors.style({ cursor: 'pointer', 'pointer-events': 'all' }); selectors.each(function(d) { var selector = d3.select(this); var axisLayout = d; var selectorLayout = axisLayout.rangeselector; var buttons = selector.selectAll('g.button') .data(Lib.filterVisible(selectorLayout.buttons)); buttons.enter().append('g') .classed('button', true); buttons.exit().remove(); buttons.each(function(d) { var button = d3.select(this); var update = getUpdateObject(axisLayout, d); d._isActive = isActive(axisLayout, d, update); button.call(drawButtonRect, selectorLayout, d); button.call(drawButtonText, selectorLayout, d, gd); button.on('click', function() { if(gd._dragged) return; Registry.call('_guiRelayout', gd, update); }); button.on('mouseover', function() { d._isHovered = true; button.call(drawButtonRect, selectorLayout, d); }); button.on('mouseout', function() { d._isHovered = false; button.call(drawButtonRect, selectorLayout, d); }); }); reposition(gd, buttons, selectorLayout, axisLayout._name, selector); }); }; function makeSelectorData(gd) { var axes = axisIds.list(gd, 'x', true); var data = []; for(var i = 0; i < axes.length; i++) { var axis = axes[i]; if(axis.rangeselector && axis.rangeselector.visible) { data.push(axis); } } return data; } function selectorKeyFunc(d) { return d._id; } function isActive(axisLayout, opts, update) { if(opts.step === 'all') { return axisLayout.autorange === true; } else { var keys = Object.keys(update); return ( axisLayout.range[0] === update[keys[0]] && axisLayout.range[1] === update[keys[1]] ); } } function drawButtonRect(button, selectorLayout, d) { var rect = Lib.ensureSingle(button, 'rect', 'selector-rect', function(s) { s.attr('shape-rendering', 'crispEdges'); }); rect.attr({ 'rx': constants.rx, 'ry': constants.ry }); rect.call(Color.stroke, selectorLayout.bordercolor) .call(Color.fill, getFillColor(selectorLayout, d)) .style('stroke-width', selectorLayout.borderwidth + 'px'); } function getFillColor(selectorLayout, d) { return (d._isActive || d._isHovered) ? selectorLayout.activecolor : selectorLayout.bgcolor; } function drawButtonText(button, selectorLayout, d, gd) { function textLayout(s) { svgTextUtils.convertToTspans(s, gd); } var text = Lib.ensureSingle(button, 'text', 'selector-text', function(s) { s.attr('text-anchor', 'middle'); }); text.call(Drawing.font, selectorLayout.font) .text(getLabel(d, gd._fullLayout._meta)) .call(textLayout); } function getLabel(opts, _meta) { if(opts.label) { return _meta ? Lib.templateString(opts.label, _meta) : opts.label; } if(opts.step === 'all') return 'all'; return opts.count + opts.step.charAt(0); } function reposition(gd, buttons, opts, axName, selector) { var width = 0; var height = 0; var borderWidth = opts.borderwidth; buttons.each(function() { var button = d3.select(this); var text = button.select('.selector-text'); var tHeight = opts.font.size * LINE_SPACING; var hEff = Math.max(tHeight * svgTextUtils.lineCount(text), 16) + 3; height = Math.max(height, hEff); }); buttons.each(function() { var button = d3.select(this); var rect = button.select('.selector-rect'); var text = button.select('.selector-text'); var tWidth = text.node() && Drawing.bBox(text.node()).width; var tHeight = opts.font.size * LINE_SPACING; var tLines = svgTextUtils.lineCount(text); var wEff = Math.max(tWidth + 10, constants.minButtonWidth); // TODO add MathJax support // TODO add buttongap attribute button.attr('transform', strTranslate(borderWidth + width, borderWidth)); rect.attr({ x: 0, y: 0, width: wEff, height: height }); svgTextUtils.positionText(text, wEff / 2, height / 2 - ((tLines - 1) * tHeight / 2) + 3); width += wEff + 5; }); var graphSize = gd._fullLayout._size; var lx = graphSize.l + graphSize.w * opts.x; var ly = graphSize.t + graphSize.h * (1 - opts.y); var xanchor = 'left'; if(Lib.isRightAnchor(opts)) { lx -= width; xanchor = 'right'; } if(Lib.isCenterAnchor(opts)) { lx -= width / 2; xanchor = 'center'; } var yanchor = 'top'; if(Lib.isBottomAnchor(opts)) { ly -= height; yanchor = 'bottom'; } if(Lib.isMiddleAnchor(opts)) { ly -= height / 2; yanchor = 'middle'; } width = Math.ceil(width); height = Math.ceil(height); lx = Math.round(lx); ly = Math.round(ly); Plots.autoMargin(gd, axName + '-range-selector', { x: opts.x, y: opts.y, l: width * FROM_TL[xanchor], r: width * FROM_BR[xanchor], b: height * FROM_BR[yanchor], t: height * FROM_TL[yanchor] }); selector.attr('transform', strTranslate(lx, ly)); } },{"../../constants/alignment":177,"../../lib":202,"../../lib/svg_text_utils":224,"../../plots/cartesian/axis_ids":251,"../../plots/plots":282,"../../registry":290,"../color":75,"../drawing":97,"./constants":139,"./get_update_object":142,"d3":9}],142:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = _dereq_('d3'); module.exports = function getUpdateObject(axisLayout, buttonLayout) { var axName = axisLayout._name; var update = {}; if(buttonLayout.step === 'all') { update[axName + '.autorange'] = true; } else { var xrange = getXRange(axisLayout, buttonLayout); update[axName + '.range[0]'] = xrange[0]; update[axName + '.range[1]'] = xrange[1]; } return update; }; function getXRange(axisLayout, buttonLayout) { var currentRange = axisLayout.range; var base = new Date(axisLayout.r2l(currentRange[1])); var step = buttonLayout.step; var count = buttonLayout.count; var range0; switch(buttonLayout.stepmode) { case 'backward': range0 = axisLayout.l2r(+d3.time[step].utc.offset(base, -count)); break; case 'todate': var base2 = d3.time[step].utc.offset(base, -count); range0 = axisLayout.l2r(+d3.time[step].utc.ceil(base2)); break; } var range1 = currentRange[1]; return [range0, range1]; } },{"d3":9}],143:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = { moduleType: 'component', name: 'rangeselector', schema: { subplots: { xaxis: {rangeselector: _dereq_('./attributes')} } }, layoutAttributes: _dereq_('./attributes'), handleDefaults: _dereq_('./defaults'), draw: _dereq_('./draw') }; },{"./attributes":138,"./defaults":140,"./draw":141}],144:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var colorAttributes = _dereq_('../color/attributes'); module.exports = { bgcolor: { valType: 'color', dflt: colorAttributes.background, editType: 'plot', }, bordercolor: { valType: 'color', dflt: colorAttributes.defaultLine, editType: 'plot', }, borderwidth: { valType: 'integer', dflt: 0, min: 0, editType: 'plot', }, autorange: { valType: 'boolean', dflt: true, editType: 'calc', impliedEdits: {'range[0]': undefined, 'range[1]': undefined}, }, range: { valType: 'info_array', items: [ {valType: 'any', editType: 'calc', impliedEdits: {'^autorange': false}}, {valType: 'any', editType: 'calc', impliedEdits: {'^autorange': false}} ], editType: 'calc', impliedEdits: {'autorange': false}, }, thickness: { valType: 'number', dflt: 0.15, min: 0, max: 1, editType: 'plot', }, visible: { valType: 'boolean', dflt: true, editType: 'calc', }, editType: 'calc' }; },{"../color/attributes":74}],145:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var listAxes = _dereq_('../../plots/cartesian/axis_ids').list; var getAutoRange = _dereq_('../../plots/cartesian/autorange').getAutoRange; var constants = _dereq_('./constants'); module.exports = function calcAutorange(gd) { var axes = listAxes(gd, 'x', true); // Compute new slider range using axis autorange if necessary. // // Copy back range to input range slider container to skip // this step in subsequent draw calls. for(var i = 0; i < axes.length; i++) { var ax = axes[i]; var opts = ax[constants.name]; if(opts && opts.visible && opts.autorange) { opts._input.autorange = true; opts._input.range = opts.range = getAutoRange(gd, ax); } } }; },{"../../plots/cartesian/autorange":247,"../../plots/cartesian/axis_ids":251,"./constants":146}],146:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = { // attribute container name name: 'rangeslider', // class names containerClassName: 'rangeslider-container', bgClassName: 'rangeslider-bg', rangePlotClassName: 'rangeslider-rangeplot', maskMinClassName: 'rangeslider-mask-min', maskMaxClassName: 'rangeslider-mask-max', slideBoxClassName: 'rangeslider-slidebox', grabberMinClassName: 'rangeslider-grabber-min', grabAreaMinClassName: 'rangeslider-grabarea-min', handleMinClassName: 'rangeslider-handle-min', grabberMaxClassName: 'rangeslider-grabber-max', grabAreaMaxClassName: 'rangeslider-grabarea-max', handleMaxClassName: 'rangeslider-handle-max', maskMinOppAxisClassName: 'rangeslider-mask-min-opp-axis', maskMaxOppAxisClassName: 'rangeslider-mask-max-opp-axis', // style constants maskColor: 'rgba(0,0,0,0.4)', maskOppAxisColor: 'rgba(0,0,0,0.2)', slideBoxFill: 'transparent', slideBoxCursor: 'ew-resize', grabAreaFill: 'transparent', grabAreaCursor: 'col-resize', grabAreaWidth: 10, handleWidth: 4, handleRadius: 1, handleStrokeWidth: 1, extraPad: 15 }; },{}],147:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = _dereq_('../../lib'); var Template = _dereq_('../../plot_api/plot_template'); var axisIds = _dereq_('../../plots/cartesian/axis_ids'); var attributes = _dereq_('./attributes'); var oppAxisAttrs = _dereq_('./oppaxis_attributes'); module.exports = function handleDefaults(layoutIn, layoutOut, axName) { var axIn = layoutIn[axName]; var axOut = layoutOut[axName]; if(!(axIn.rangeslider || layoutOut._requestRangeslider[axOut._id])) return; // not super proud of this (maybe store _ in axis object instead if(!Lib.isPlainObject(axIn.rangeslider)) { axIn.rangeslider = {}; } var containerIn = axIn.rangeslider; var containerOut = Template.newContainer(axOut, 'rangeslider'); function coerce(attr, dflt) { return Lib.coerce(containerIn, containerOut, attributes, attr, dflt); } var rangeContainerIn, rangeContainerOut; function coerceRange(attr, dflt) { return Lib.coerce(rangeContainerIn, rangeContainerOut, oppAxisAttrs, attr, dflt); } var visible = coerce('visible'); if(!visible) return; coerce('bgcolor', layoutOut.plot_bgcolor); coerce('bordercolor'); coerce('borderwidth'); coerce('thickness'); coerce('autorange', !axOut.isValidRange(containerIn.range)); coerce('range'); var subplots = layoutOut._subplots; if(subplots) { var yIds = subplots.cartesian .filter(function(subplotId) { return subplotId.substr(0, subplotId.indexOf('y')) === axisIds.name2id(axName); }) .map(function(subplotId) { return subplotId.substr(subplotId.indexOf('y'), subplotId.length); }); var yNames = Lib.simpleMap(yIds, axisIds.id2name); for(var i = 0; i < yNames.length; i++) { var yName = yNames[i]; rangeContainerIn = containerIn[yName] || {}; rangeContainerOut = Template.newContainer(containerOut, yName, 'yaxis'); var yAxOut = layoutOut[yName]; var rangemodeDflt; if(rangeContainerIn.range && yAxOut.isValidRange(rangeContainerIn.range)) { rangemodeDflt = 'fixed'; } var rangeMode = coerceRange('rangemode', rangemodeDflt); if(rangeMode !== 'match') { coerceRange('range', yAxOut.range.slice()); } } } // to map back range slider (auto) range containerOut._input = containerIn; }; },{"../../lib":202,"../../plot_api/plot_template":237,"../../plots/cartesian/axis_ids":251,"./attributes":144,"./oppaxis_attributes":151}],148:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = _dereq_('d3'); var Registry = _dereq_('../../registry'); var Plots = _dereq_('../../plots/plots'); var Lib = _dereq_('../../lib'); var strTranslate = Lib.strTranslate; var Drawing = _dereq_('../drawing'); var Color = _dereq_('../color'); var Titles = _dereq_('../titles'); var Cartesian = _dereq_('../../plots/cartesian'); var axisIDs = _dereq_('../../plots/cartesian/axis_ids'); var dragElement = _dereq_('../dragelement'); var setCursor = _dereq_('../../lib/setcursor'); var constants = _dereq_('./constants'); module.exports = function(gd) { var fullLayout = gd._fullLayout; var rangeSliderData = fullLayout._rangeSliderData; for(var i = 0; i < rangeSliderData.length; i++) { var opts = rangeSliderData[i][constants.name]; // fullLayout._uid may not exist when we call makeData opts._clipId = opts._id + '-' + fullLayout._uid; } /* * * * < .... range plot /> * * * * * * * * * * * ... */ function keyFunction(axisOpts) { return axisOpts._name; } var rangeSliders = fullLayout._infolayer .selectAll('g.' + constants.containerClassName) .data(rangeSliderData, keyFunction); // remove exiting sliders and their corresponding clip paths rangeSliders.exit().each(function(axisOpts) { var opts = axisOpts[constants.name]; fullLayout._topdefs.select('#' + opts._clipId).remove(); }).remove(); // return early if no range slider is visible if(rangeSliderData.length === 0) return; rangeSliders.enter().append('g') .classed(constants.containerClassName, true) .attr('pointer-events', 'all'); // for all present range sliders rangeSliders.each(function(axisOpts) { var rangeSlider = d3.select(this); var opts = axisOpts[constants.name]; var oppAxisOpts = fullLayout[axisIDs.id2name(axisOpts.anchor)]; var oppAxisRangeOpts = opts[axisIDs.id2name(axisOpts.anchor)]; // update range // Expand slider range to the axis range if(opts.range) { var rng = Lib.simpleMap(opts.range, axisOpts.r2l); var axRng = Lib.simpleMap(axisOpts.range, axisOpts.r2l); var newRng; if(axRng[0] < axRng[1]) { newRng = [ Math.min(rng[0], axRng[0]), Math.max(rng[1], axRng[1]) ]; } else { newRng = [ Math.max(rng[0], axRng[0]), Math.min(rng[1], axRng[1]) ]; } opts.range = opts._input.range = Lib.simpleMap(newRng, axisOpts.l2r); } axisOpts.cleanRange('rangeslider.range'); // update range slider dimensions var gs = fullLayout._size; var domain = axisOpts.domain; opts._width = gs.w * (domain[1] - domain[0]); var x = Math.round(gs.l + (gs.w * domain[0])); var y = Math.round( gs.t + gs.h * (1 - axisOpts._counterDomainMin) + (axisOpts.side === 'bottom' ? axisOpts._depth : 0) + opts._offsetShift + constants.extraPad ); rangeSlider.attr('transform', strTranslate(x, y)); // update data <--> pixel coordinate conversion methods opts._rl = Lib.simpleMap(opts.range, axisOpts.r2l); var rl0 = opts._rl[0]; var rl1 = opts._rl[1]; var drl = rl1 - rl0; opts.p2d = function(v) { return (v / opts._width) * drl + rl0; }; opts.d2p = function(v) { return (v - rl0) / drl * opts._width; }; if(axisOpts.rangebreaks) { var rsBreaks = axisOpts.locateBreaks(rl0, rl1); if(rsBreaks.length) { var j, brk; var lBreaks = 0; for(j = 0; j < rsBreaks.length; j++) { brk = rsBreaks[j]; lBreaks += (brk.max - brk.min); } // TODO fix for reversed-range axes !!! // compute slope and piecewise offsets var m2 = opts._width / (rl1 - rl0 - lBreaks); var _B = [-m2 * rl0]; for(j = 0; j < rsBreaks.length; j++) { brk = rsBreaks[j]; _B.push(_B[_B.length - 1] - m2 * (brk.max - brk.min)); } opts.d2p = function(v) { var b = _B[0]; for(var j = 0; j < rsBreaks.length; j++) { var brk = rsBreaks[j]; if(v >= brk.max) b = _B[j + 1]; else if(v < brk.min) break; } return b + m2 * v; }; // fill pixel (i.e. 'p') min/max here, // to not have to loop through the _rangebreaks twice during `p2d` for(j = 0; j < rsBreaks.length; j++) { brk = rsBreaks[j]; brk.pmin = opts.d2p(brk.min); brk.pmax = opts.d2p(brk.max); } opts.p2d = function(v) { var b = _B[0]; for(var j = 0; j < rsBreaks.length; j++) { var brk = rsBreaks[j]; if(v >= brk.pmax) b = _B[j + 1]; else if(v < brk.pmin) break; } return (v - b) / m2; }; } } if(oppAxisRangeOpts.rangemode !== 'match') { var range0OppAxis = oppAxisOpts.r2l(oppAxisRangeOpts.range[0]); var range1OppAxis = oppAxisOpts.r2l(oppAxisRangeOpts.range[1]); var distOppAxis = range1OppAxis - range0OppAxis; opts.d2pOppAxis = function(v) { return (v - range0OppAxis) / distOppAxis * opts._height; }; } // update inner nodes rangeSlider .call(drawBg, gd, axisOpts, opts) .call(addClipPath, gd, axisOpts, opts) .call(drawRangePlot, gd, axisOpts, opts) .call(drawMasks, gd, axisOpts, opts, oppAxisRangeOpts) .call(drawSlideBox, gd, axisOpts, opts) .call(drawGrabbers, gd, axisOpts, opts); // setup drag element setupDragElement(rangeSlider, gd, axisOpts, opts); // update current range setPixelRange(rangeSlider, gd, axisOpts, opts, oppAxisOpts, oppAxisRangeOpts); // title goes next to range slider instead of tick labels, so // just take it over and draw it from here if(axisOpts.side === 'bottom') { Titles.draw(gd, axisOpts._id + 'title', { propContainer: axisOpts, propName: axisOpts._name + '.title', placeholder: fullLayout._dfltTitle.x, attributes: { x: axisOpts._offset + axisOpts._length / 2, y: y + opts._height + opts._offsetShift + 10 + 1.5 * axisOpts.title.font.size, 'text-anchor': 'middle' } }); } }); }; function setupDragElement(rangeSlider, gd, axisOpts, opts) { if(gd._context.staticPlot) return; var slideBox = rangeSlider.select('rect.' + constants.slideBoxClassName).node(); var grabAreaMin = rangeSlider.select('rect.' + constants.grabAreaMinClassName).node(); var grabAreaMax = rangeSlider.select('rect.' + constants.grabAreaMaxClassName).node(); function mouseDownHandler() { var event = d3.event; var target = event.target; var startX = event.clientX || event.touches[0].clientX; var offsetX = startX - rangeSlider.node().getBoundingClientRect().left; var minVal = opts.d2p(axisOpts._rl[0]); var maxVal = opts.d2p(axisOpts._rl[1]); var dragCover = dragElement.coverSlip(); this.addEventListener('touchmove', mouseMove); this.addEventListener('touchend', mouseUp); dragCover.addEventListener('mousemove', mouseMove); dragCover.addEventListener('mouseup', mouseUp); function mouseMove(e) { var clientX = e.clientX || e.touches[0].clientX; var delta = +clientX - startX; var pixelMin, pixelMax, cursor; switch(target) { case slideBox: cursor = 'ew-resize'; pixelMin = minVal + delta; pixelMax = maxVal + delta; break; case grabAreaMin: cursor = 'col-resize'; pixelMin = minVal + delta; pixelMax = maxVal; break; case grabAreaMax: cursor = 'col-resize'; pixelMin = minVal; pixelMax = maxVal + delta; break; default: cursor = 'ew-resize'; pixelMin = offsetX; pixelMax = offsetX + delta; break; } if(pixelMax < pixelMin) { var tmp = pixelMax; pixelMax = pixelMin; pixelMin = tmp; } opts._pixelMin = pixelMin; opts._pixelMax = pixelMax; setCursor(d3.select(dragCover), cursor); setDataRange(rangeSlider, gd, axisOpts, opts); } function mouseUp() { dragCover.removeEventListener('mousemove', mouseMove); dragCover.removeEventListener('mouseup', mouseUp); this.removeEventListener('touchmove', mouseMove); this.removeEventListener('touchend', mouseUp); Lib.removeElement(dragCover); } } rangeSlider.on('mousedown', mouseDownHandler); rangeSlider.on('touchstart', mouseDownHandler); } function setDataRange(rangeSlider, gd, axisOpts, opts) { function clamp(v) { return axisOpts.l2r(Lib.constrain(v, opts._rl[0], opts._rl[1])); } var dataMin = clamp(opts.p2d(opts._pixelMin)); var dataMax = clamp(opts.p2d(opts._pixelMax)); window.requestAnimationFrame(function() { Registry.call('_guiRelayout', gd, axisOpts._name + '.range', [dataMin, dataMax]); }); } function setPixelRange(rangeSlider, gd, axisOpts, opts, oppAxisOpts, oppAxisRangeOpts) { var hw2 = constants.handleWidth / 2; function clamp(v) { return Lib.constrain(v, 0, opts._width); } function clampOppAxis(v) { return Lib.constrain(v, 0, opts._height); } function clampHandle(v) { return Lib.constrain(v, -hw2, opts._width + hw2); } var pixelMin = clamp(opts.d2p(axisOpts._rl[0])); var pixelMax = clamp(opts.d2p(axisOpts._rl[1])); rangeSlider.select('rect.' + constants.slideBoxClassName) .attr('x', pixelMin) .attr('width', pixelMax - pixelMin); rangeSlider.select('rect.' + constants.maskMinClassName) .attr('width', pixelMin); rangeSlider.select('rect.' + constants.maskMaxClassName) .attr('x', pixelMax) .attr('width', opts._width - pixelMax); if(oppAxisRangeOpts.rangemode !== 'match') { var pixelMinOppAxis = opts._height - clampOppAxis(opts.d2pOppAxis(oppAxisOpts._rl[1])); var pixelMaxOppAxis = opts._height - clampOppAxis(opts.d2pOppAxis(oppAxisOpts._rl[0])); rangeSlider.select('rect.' + constants.maskMinOppAxisClassName) .attr('x', pixelMin) .attr('height', pixelMinOppAxis) .attr('width', pixelMax - pixelMin); rangeSlider.select('rect.' + constants.maskMaxOppAxisClassName) .attr('x', pixelMin) .attr('y', pixelMaxOppAxis) .attr('height', opts._height - pixelMaxOppAxis) .attr('width', pixelMax - pixelMin); rangeSlider.select('rect.' + constants.slideBoxClassName) .attr('y', pixelMinOppAxis) .attr('height', pixelMaxOppAxis - pixelMinOppAxis); } // add offset for crispier corners // https://github.com/plotly/plotly.js/pull/1409 var offset = 0.5; var xMin = Math.round(clampHandle(pixelMin - hw2)) - offset; var xMax = Math.round(clampHandle(pixelMax - hw2)) + offset; rangeSlider.select('g.' + constants.grabberMinClassName) .attr('transform', strTranslate(xMin, offset)); rangeSlider.select('g.' + constants.grabberMaxClassName) .attr('transform', strTranslate(xMax, offset)); } function drawBg(rangeSlider, gd, axisOpts, opts) { var bg = Lib.ensureSingle(rangeSlider, 'rect', constants.bgClassName, function(s) { s.attr({ x: 0, y: 0, 'shape-rendering': 'crispEdges' }); }); var borderCorrect = (opts.borderwidth % 2) === 0 ? opts.borderwidth : opts.borderwidth - 1; var offsetShift = -opts._offsetShift; var lw = Drawing.crispRound(gd, opts.borderwidth); bg.attr({ width: opts._width + borderCorrect, height: opts._height + borderCorrect, transform: strTranslate(offsetShift, offsetShift), fill: opts.bgcolor, stroke: opts.bordercolor, 'stroke-width': lw }); } function addClipPath(rangeSlider, gd, axisOpts, opts) { var fullLayout = gd._fullLayout; var clipPath = Lib.ensureSingleById(fullLayout._topdefs, 'clipPath', opts._clipId, function(s) { s.append('rect').attr({ x: 0, y: 0 }); }); clipPath.select('rect').attr({ width: opts._width, height: opts._height }); } function drawRangePlot(rangeSlider, gd, axisOpts, opts) { var calcData = gd.calcdata; var rangePlots = rangeSlider.selectAll('g.' + constants.rangePlotClassName) .data(axisOpts._subplotsWith, Lib.identity); rangePlots.enter().append('g') .attr('class', function(id) { return constants.rangePlotClassName + ' ' + id; }) .call(Drawing.setClipUrl, opts._clipId, gd); rangePlots.order(); rangePlots.exit().remove(); var mainplotinfo; rangePlots.each(function(id, i) { var plotgroup = d3.select(this); var isMainPlot = (i === 0); var oppAxisOpts = axisIDs.getFromId(gd, id, 'y'); var oppAxisName = oppAxisOpts._name; var oppAxisRangeOpts = opts[oppAxisName]; var mockFigure = { data: [], layout: { xaxis: { type: axisOpts.type, domain: [0, 1], range: opts.range.slice(), calendar: axisOpts.calendar }, width: opts._width, height: opts._height, margin: { t: 0, b: 0, l: 0, r: 0 } }, _context: gd._context }; if(axisOpts.rangebreaks) { mockFigure.layout.xaxis.rangebreaks = axisOpts.rangebreaks; } mockFigure.layout[oppAxisName] = { type: oppAxisOpts.type, domain: [0, 1], range: oppAxisRangeOpts.rangemode !== 'match' ? oppAxisRangeOpts.range.slice() : oppAxisOpts.range.slice(), calendar: oppAxisOpts.calendar }; if(oppAxisOpts.rangebreaks) { mockFigure.layout[oppAxisName].rangebreaks = oppAxisOpts.rangebreaks; } Plots.supplyDefaults(mockFigure); var xa = mockFigure._fullLayout.xaxis; var ya = mockFigure._fullLayout[oppAxisName]; xa.clearCalc(); xa.setScale(); ya.clearCalc(); ya.setScale(); var plotinfo = { id: id, plotgroup: plotgroup, xaxis: xa, yaxis: ya, isRangePlot: true }; if(isMainPlot) mainplotinfo = plotinfo; else { plotinfo.mainplot = 'xy'; plotinfo.mainplotinfo = mainplotinfo; } Cartesian.rangePlot(gd, plotinfo, filterRangePlotCalcData(calcData, id)); }); } function filterRangePlotCalcData(calcData, subplotId) { var out = []; for(var i = 0; i < calcData.length; i++) { var calcTrace = calcData[i]; var trace = calcTrace[0].trace; if(trace.xaxis + trace.yaxis === subplotId) { out.push(calcTrace); } } return out; } function drawMasks(rangeSlider, gd, axisOpts, opts, oppAxisRangeOpts) { var maskMin = Lib.ensureSingle(rangeSlider, 'rect', constants.maskMinClassName, function(s) { s.attr({ x: 0, y: 0, 'shape-rendering': 'crispEdges' }); }); maskMin .attr('height', opts._height) .call(Color.fill, constants.maskColor); var maskMax = Lib.ensureSingle(rangeSlider, 'rect', constants.maskMaxClassName, function(s) { s.attr({ y: 0, 'shape-rendering': 'crispEdges' }); }); maskMax .attr('height', opts._height) .call(Color.fill, constants.maskColor); // masks used for oppAxis zoom if(oppAxisRangeOpts.rangemode !== 'match') { var maskMinOppAxis = Lib.ensureSingle(rangeSlider, 'rect', constants.maskMinOppAxisClassName, function(s) { s.attr({ y: 0, 'shape-rendering': 'crispEdges' }); }); maskMinOppAxis .attr('width', opts._width) .call(Color.fill, constants.maskOppAxisColor); var maskMaxOppAxis = Lib.ensureSingle(rangeSlider, 'rect', constants.maskMaxOppAxisClassName, function(s) { s.attr({ y: 0, 'shape-rendering': 'crispEdges' }); }); maskMaxOppAxis .attr('width', opts._width) .style('border-top', constants.maskOppBorder) .call(Color.fill, constants.maskOppAxisColor); } } function drawSlideBox(rangeSlider, gd, axisOpts, opts) { if(gd._context.staticPlot) return; var slideBox = Lib.ensureSingle(rangeSlider, 'rect', constants.slideBoxClassName, function(s) { s.attr({ y: 0, cursor: constants.slideBoxCursor, 'shape-rendering': 'crispEdges' }); }); slideBox.attr({ height: opts._height, fill: constants.slideBoxFill }); } function drawGrabbers(rangeSlider, gd, axisOpts, opts) { // var grabberMin = Lib.ensureSingle(rangeSlider, 'g', constants.grabberMinClassName); var grabberMax = Lib.ensureSingle(rangeSlider, 'g', constants.grabberMaxClassName); // var handleFixAttrs = { x: 0, width: constants.handleWidth, rx: constants.handleRadius, fill: Color.background, stroke: Color.defaultLine, 'stroke-width': constants.handleStrokeWidth, 'shape-rendering': 'crispEdges' }; var handleDynamicAttrs = { y: Math.round(opts._height / 4), height: Math.round(opts._height / 2), }; var handleMin = Lib.ensureSingle(grabberMin, 'rect', constants.handleMinClassName, function(s) { s.attr(handleFixAttrs); }); handleMin.attr(handleDynamicAttrs); var handleMax = Lib.ensureSingle(grabberMax, 'rect', constants.handleMaxClassName, function(s) { s.attr(handleFixAttrs); }); handleMax.attr(handleDynamicAttrs); // var grabAreaFixAttrs = { width: constants.grabAreaWidth, x: 0, y: 0, fill: constants.grabAreaFill, cursor: !gd._context.staticPlot ? constants.grabAreaCursor : undefined, }; var grabAreaMin = Lib.ensureSingle(grabberMin, 'rect', constants.grabAreaMinClassName, function(s) { s.attr(grabAreaFixAttrs); }); grabAreaMin.attr('height', opts._height); var grabAreaMax = Lib.ensureSingle(grabberMax, 'rect', constants.grabAreaMaxClassName, function(s) { s.attr(grabAreaFixAttrs); }); grabAreaMax.attr('height', opts._height); } },{"../../lib":202,"../../lib/setcursor":222,"../../plots/cartesian":261,"../../plots/cartesian/axis_ids":251,"../../plots/plots":282,"../../registry":290,"../color":75,"../dragelement":94,"../drawing":97,"../titles":170,"./constants":146,"d3":9}],149:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var axisIDs = _dereq_('../../plots/cartesian/axis_ids'); var svgTextUtils = _dereq_('../../lib/svg_text_utils'); var constants = _dereq_('./constants'); var LINE_SPACING = _dereq_('../../constants/alignment').LINE_SPACING; var name = constants.name; function isVisible(ax) { var rangeSlider = ax && ax[name]; return rangeSlider && rangeSlider.visible; } exports.isVisible = isVisible; exports.makeData = function(fullLayout) { var axes = axisIDs.list({ _fullLayout: fullLayout }, 'x', true); var margin = fullLayout.margin; var rangeSliderData = []; if(!fullLayout._has('gl2d')) { for(var i = 0; i < axes.length; i++) { var ax = axes[i]; if(isVisible(ax)) { rangeSliderData.push(ax); var opts = ax[name]; opts._id = name + ax._id; opts._height = (fullLayout.height - margin.b - margin.t) * opts.thickness; opts._offsetShift = Math.floor(opts.borderwidth / 2); } } } fullLayout._rangeSliderData = rangeSliderData; }; exports.autoMarginOpts = function(gd, ax) { var fullLayout = gd._fullLayout; var opts = ax[name]; var axLetter = ax._id.charAt(0); var bottomDepth = 0; var titleHeight = 0; if(ax.side === 'bottom') { bottomDepth = ax._depth; if(ax.title.text !== fullLayout._dfltTitle[axLetter]) { // as in rangeslider/draw.js titleHeight = 1.5 * ax.title.font.size + 10 + opts._offsetShift; // multi-line extra bump var extraLines = (ax.title.text.match(svgTextUtils.BR_TAG_ALL) || []).length; titleHeight += extraLines * ax.title.font.size * LINE_SPACING; } } return { x: 0, y: ax._counterDomainMin, l: 0, r: 0, t: 0, b: opts._height + bottomDepth + Math.max(fullLayout.margin.b, titleHeight), pad: constants.extraPad + opts._offsetShift * 2 }; }; },{"../../constants/alignment":177,"../../lib/svg_text_utils":224,"../../plots/cartesian/axis_ids":251,"./constants":146}],150:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = _dereq_('../../lib'); var attrs = _dereq_('./attributes'); var oppAxisAttrs = _dereq_('./oppaxis_attributes'); var helpers = _dereq_('./helpers'); module.exports = { moduleType: 'component', name: 'rangeslider', schema: { subplots: { xaxis: { rangeslider: Lib.extendFlat({}, attrs, { yaxis: oppAxisAttrs }) } } }, layoutAttributes: _dereq_('./attributes'), handleDefaults: _dereq_('./defaults'), calcAutorange: _dereq_('./calc_autorange'), draw: _dereq_('./draw'), isVisible: helpers.isVisible, makeData: helpers.makeData, autoMarginOpts: helpers.autoMarginOpts }; },{"../../lib":202,"./attributes":144,"./calc_autorange":145,"./defaults":147,"./draw":148,"./helpers":149,"./oppaxis_attributes":151}],151:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = { // not really a 'subplot' attribute container, // but this is the flag we use to denote attributes that // support yaxis, yaxis2, yaxis3, ... counters _isSubplotObj: true, rangemode: { valType: 'enumerated', values: ['auto', 'fixed', 'match'], dflt: 'match', editType: 'calc', }, range: { valType: 'info_array', items: [ {valType: 'any', editType: 'plot'}, {valType: 'any', editType: 'plot'} ], editType: 'plot', }, editType: 'calc' }; },{}],152:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var annAttrs = _dereq_('../annotations/attributes'); var scatterLineAttrs = _dereq_('../../traces/scatter/attributes').line; var dash = _dereq_('../drawing/attributes').dash; var extendFlat = _dereq_('../../lib/extend').extendFlat; var templatedArray = _dereq_('../../plot_api/plot_template').templatedArray; var axisPlaceableObjs = _dereq_('../../constants/axis_placeable_objects'); module.exports = templatedArray('shape', { visible: { valType: 'boolean', dflt: true, editType: 'calc+arraydraw', }, type: { valType: 'enumerated', values: ['circle', 'rect', 'path', 'line'], editType: 'calc+arraydraw', }, layer: { valType: 'enumerated', values: ['below', 'above'], dflt: 'above', editType: 'arraydraw', }, xref: extendFlat({}, annAttrs.xref, { }), xsizemode: { valType: 'enumerated', values: ['scaled', 'pixel'], dflt: 'scaled', editType: 'calc+arraydraw', }, xanchor: { valType: 'any', editType: 'calc+arraydraw', }, x0: { valType: 'any', editType: 'calc+arraydraw', }, x1: { valType: 'any', editType: 'calc+arraydraw', }, yref: extendFlat({}, annAttrs.yref, { }), ysizemode: { valType: 'enumerated', values: ['scaled', 'pixel'], dflt: 'scaled', editType: 'calc+arraydraw', }, yanchor: { valType: 'any', editType: 'calc+arraydraw', }, y0: { valType: 'any', editType: 'calc+arraydraw', }, y1: { valType: 'any', editType: 'calc+arraydraw', }, path: { valType: 'string', editType: 'calc+arraydraw', }, opacity: { valType: 'number', min: 0, max: 1, dflt: 1, editType: 'arraydraw', }, line: { color: extendFlat({}, scatterLineAttrs.color, {editType: 'arraydraw'}), width: extendFlat({}, scatterLineAttrs.width, {editType: 'calc+arraydraw'}), dash: extendFlat({}, dash, {editType: 'arraydraw'}), editType: 'calc+arraydraw' }, fillcolor: { valType: 'color', dflt: 'rgba(0,0,0,0)', editType: 'arraydraw', }, fillrule: { valType: 'enumerated', values: ['evenodd', 'nonzero'], dflt: 'evenodd', editType: 'arraydraw', }, editable: { valType: 'boolean', dflt: false, editType: 'calc+arraydraw', }, editType: 'arraydraw' }); },{"../../constants/axis_placeable_objects":178,"../../lib/extend":196,"../../plot_api/plot_template":237,"../../traces/scatter/attributes":330,"../annotations/attributes":60,"../drawing/attributes":96}],153:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = _dereq_('../../lib'); var Axes = _dereq_('../../plots/cartesian/axes'); var constants = _dereq_('./constants'); var helpers = _dereq_('./helpers'); module.exports = function calcAutorange(gd) { var fullLayout = gd._fullLayout; var shapeList = Lib.filterVisible(fullLayout.shapes); if(!shapeList.length || !gd._fullData.length) return; for(var i = 0; i < shapeList.length; i++) { var shape = shapeList[i]; shape._extremes = {}; var ax; var bounds; var xRefType = Axes.getRefType(shape.xref); var yRefType = Axes.getRefType(shape.yref); // paper and axis domain referenced shapes don't affect autorange if(shape.xref !== 'paper' && xRefType !== 'domain') { var vx0 = shape.xsizemode === 'pixel' ? shape.xanchor : shape.x0; var vx1 = shape.xsizemode === 'pixel' ? shape.xanchor : shape.x1; ax = Axes.getFromId(gd, shape.xref); bounds = shapeBounds(ax, vx0, vx1, shape.path, constants.paramIsX); if(bounds) { shape._extremes[ax._id] = Axes.findExtremes(ax, bounds, calcXPaddingOptions(shape)); } } if(shape.yref !== 'paper' && yRefType !== 'domain') { var vy0 = shape.ysizemode === 'pixel' ? shape.yanchor : shape.y0; var vy1 = shape.ysizemode === 'pixel' ? shape.yanchor : shape.y1; ax = Axes.getFromId(gd, shape.yref); bounds = shapeBounds(ax, vy0, vy1, shape.path, constants.paramIsY); if(bounds) { shape._extremes[ax._id] = Axes.findExtremes(ax, bounds, calcYPaddingOptions(shape)); } } } }; function calcXPaddingOptions(shape) { return calcPaddingOptions(shape.line.width, shape.xsizemode, shape.x0, shape.x1, shape.path, false); } function calcYPaddingOptions(shape) { return calcPaddingOptions(shape.line.width, shape.ysizemode, shape.y0, shape.y1, shape.path, true); } function calcPaddingOptions(lineWidth, sizeMode, v0, v1, path, isYAxis) { var ppad = lineWidth / 2; var axisDirectionReverted = isYAxis; if(sizeMode === 'pixel') { var coords = path ? helpers.extractPathCoords(path, isYAxis ? constants.paramIsY : constants.paramIsX) : [v0, v1]; var maxValue = Lib.aggNums(Math.max, null, coords); var minValue = Lib.aggNums(Math.min, null, coords); var beforePad = minValue < 0 ? Math.abs(minValue) + ppad : ppad; var afterPad = maxValue > 0 ? maxValue + ppad : ppad; return { ppad: ppad, ppadplus: axisDirectionReverted ? beforePad : afterPad, ppadminus: axisDirectionReverted ? afterPad : beforePad }; } else { return {ppad: ppad}; } } function shapeBounds(ax, v0, v1, path, paramsToUse) { var convertVal = (ax.type === 'category' || ax.type === 'multicategory') ? ax.r2c : ax.d2c; if(v0 !== undefined) return [convertVal(v0), convertVal(v1)]; if(!path) return; var min = Infinity; var max = -Infinity; var segments = path.match(constants.segmentRE); var i; var segment; var drawnParam; var params; var val; if(ax.type === 'date') convertVal = helpers.decodeDate(convertVal); for(i = 0; i < segments.length; i++) { segment = segments[i]; drawnParam = paramsToUse[segment.charAt(0)].drawn; if(drawnParam === undefined) continue; params = segments[i].substr(1).match(constants.paramRE); if(!params || params.length < drawnParam) continue; val = convertVal(params[drawnParam]); if(val < min) min = val; if(val > max) max = val; } if(max >= min) return [min, max]; } },{"../../lib":202,"../../plots/cartesian/axes":248,"./constants":154,"./helpers":163}],154:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = { segmentRE: /[MLHVQCTSZ][^MLHVQCTSZ]*/g, paramRE: /[^\s,]+/g, // which numbers in each path segment are x (or y) values // drawn is which param is a drawn point, as opposed to a // control point (which doesn't count toward autorange. // TODO: this means curved paths could extend beyond the // autorange bounds. This is a bit tricky to get right // unless we revert to bounding boxes, but perhaps there's // a calculation we could do...) paramIsX: { M: {0: true, drawn: 0}, L: {0: true, drawn: 0}, H: {0: true, drawn: 0}, V: {}, Q: {0: true, 2: true, drawn: 2}, C: {0: true, 2: true, 4: true, drawn: 4}, T: {0: true, drawn: 0}, S: {0: true, 2: true, drawn: 2}, // A: {0: true, 5: true}, Z: {} }, paramIsY: { M: {1: true, drawn: 1}, L: {1: true, drawn: 1}, H: {}, V: {0: true, drawn: 0}, Q: {1: true, 3: true, drawn: 3}, C: {1: true, 3: true, 5: true, drawn: 5}, T: {1: true, drawn: 1}, S: {1: true, 3: true, drawn: 5}, // A: {1: true, 6: true}, Z: {} }, numParams: { M: 2, L: 2, H: 1, V: 1, Q: 4, C: 6, T: 2, S: 4, // A: 7, Z: 0 } }; },{}],155:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = _dereq_('../../lib'); var Axes = _dereq_('../../plots/cartesian/axes'); var handleArrayContainerDefaults = _dereq_('../../plots/array_container_defaults'); var attributes = _dereq_('./attributes'); var helpers = _dereq_('./helpers'); module.exports = function supplyLayoutDefaults(layoutIn, layoutOut) { handleArrayContainerDefaults(layoutIn, layoutOut, { name: 'shapes', handleItemDefaults: handleShapeDefaults }); }; function handleShapeDefaults(shapeIn, shapeOut, fullLayout) { function coerce(attr, dflt) { return Lib.coerce(shapeIn, shapeOut, attributes, attr, dflt); } var visible = coerce('visible'); if(!visible) return; var path = coerce('path'); var dfltType = path ? 'path' : 'rect'; var shapeType = coerce('type', dfltType); if(shapeOut.type !== 'path') delete shapeOut.path; coerce('editable'); coerce('layer'); coerce('opacity'); coerce('fillcolor'); coerce('fillrule'); var lineWidth = coerce('line.width'); if(lineWidth) { coerce('line.color'); coerce('line.dash'); } var xSizeMode = coerce('xsizemode'); var ySizeMode = coerce('ysizemode'); // positioning var axLetters = ['x', 'y']; for(var i = 0; i < 2; i++) { var axLetter = axLetters[i]; var attrAnchor = axLetter + 'anchor'; var sizeMode = axLetter === 'x' ? xSizeMode : ySizeMode; var gdMock = {_fullLayout: fullLayout}; var ax; var pos2r; var r2pos; // xref, yref var axRef = Axes.coerceRef(shapeIn, shapeOut, gdMock, axLetter, undefined, 'paper'); var axRefType = Axes.getRefType(axRef); if(axRefType === 'range') { ax = Axes.getFromId(gdMock, axRef); ax._shapeIndices.push(shapeOut._index); r2pos = helpers.rangeToShapePosition(ax); pos2r = helpers.shapePositionToRange(ax); } else { pos2r = r2pos = Lib.identity; } // Coerce x0, x1, y0, y1 if(shapeType !== 'path') { var dflt0 = 0.25; var dflt1 = 0.75; // hack until V2.0 when log has regular range behavior - make it look like other // ranges to send to coerce, then put it back after // this is all to give reasonable default position behavior on log axes, which is // a pretty unimportant edge case so we could just ignore this. var attr0 = axLetter + '0'; var attr1 = axLetter + '1'; var in0 = shapeIn[attr0]; var in1 = shapeIn[attr1]; shapeIn[attr0] = pos2r(shapeIn[attr0], true); shapeIn[attr1] = pos2r(shapeIn[attr1], true); if(sizeMode === 'pixel') { coerce(attr0, 0); coerce(attr1, 10); } else { Axes.coercePosition(shapeOut, gdMock, coerce, axRef, attr0, dflt0); Axes.coercePosition(shapeOut, gdMock, coerce, axRef, attr1, dflt1); } // hack part 2 shapeOut[attr0] = r2pos(shapeOut[attr0]); shapeOut[attr1] = r2pos(shapeOut[attr1]); shapeIn[attr0] = in0; shapeIn[attr1] = in1; } // Coerce xanchor and yanchor if(sizeMode === 'pixel') { // Hack for log axis described above var inAnchor = shapeIn[attrAnchor]; shapeIn[attrAnchor] = pos2r(shapeIn[attrAnchor], true); Axes.coercePosition(shapeOut, gdMock, coerce, axRef, attrAnchor, 0.25); // Hack part 2 shapeOut[attrAnchor] = r2pos(shapeOut[attrAnchor]); shapeIn[attrAnchor] = inAnchor; } } if(shapeType === 'path') { coerce('path'); } else { Lib.noneOrAll(shapeIn, shapeOut, ['x0', 'x1', 'y0', 'y1']); } } },{"../../lib":202,"../../plots/array_container_defaults":243,"../../plots/cartesian/axes":248,"./attributes":152,"./helpers":163}],156:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Registry = _dereq_('../../registry'); var Lib = _dereq_('../../lib'); var Axes = _dereq_('../../plots/cartesian/axes'); var readPaths = _dereq_('./draw_newshape/helpers').readPaths; var displayOutlines = _dereq_('./draw_newshape/display_outlines'); var clearOutlineControllers = _dereq_('../../plots/cartesian/handle_outline').clearOutlineControllers; var Color = _dereq_('../color'); var Drawing = _dereq_('../drawing'); var arrayEditor = _dereq_('../../plot_api/plot_template').arrayEditor; var dragElement = _dereq_('../dragelement'); var setCursor = _dereq_('../../lib/setcursor'); var constants = _dereq_('./constants'); var helpers = _dereq_('./helpers'); // Shapes are stored in gd.layout.shapes, an array of objects // index can point to one item in this array, // or non-numeric to simply add a new one // or -1 to modify all existing // opt can be the full options object, or one key (to be set to value) // or undefined to simply redraw // if opt is blank, val can be 'add' or a full options object to add a new // annotation at that point in the array, or 'remove' to delete this one module.exports = { draw: draw, drawOne: drawOne, eraseActiveShape: eraseActiveShape }; function draw(gd) { var fullLayout = gd._fullLayout; // Remove previous shapes before drawing new in shapes in fullLayout.shapes fullLayout._shapeUpperLayer.selectAll('path').remove(); fullLayout._shapeLowerLayer.selectAll('path').remove(); for(var k in fullLayout._plots) { var shapelayer = fullLayout._plots[k].shapelayer; if(shapelayer) shapelayer.selectAll('path').remove(); } for(var i = 0; i < fullLayout.shapes.length; i++) { if(fullLayout.shapes[i].visible) { drawOne(gd, i); } } // may need to resurrect this if we put text (LaTeX) in shapes // return Plots.previousPromises(gd); } function shouldSkipEdits(gd) { return !!gd._fullLayout._drawing; } function couldHaveActiveShape(gd) { // for now keep config.editable: true as it was before shape-drawing PR return !gd._context.edits.shapePosition; } function drawOne(gd, index) { // remove the existing shape if there is one. // because indices can change, we need to look in all shape layers gd._fullLayout._paperdiv .selectAll('.shapelayer [data-index="' + index + '"]') .remove(); var o = helpers.makeOptionsAndPlotinfo(gd, index); var options = o.options; var plotinfo = o.plotinfo; // this shape is gone - quit now after deleting it // TODO: use d3 idioms instead of deleting and redrawing every time if(!options._input || options.visible === false) return; if(options.layer !== 'below') { drawShape(gd._fullLayout._shapeUpperLayer); } else if(options.xref === 'paper' || options.yref === 'paper') { drawShape(gd._fullLayout._shapeLowerLayer); } else { if(plotinfo._hadPlotinfo) { var mainPlot = plotinfo.mainplotinfo || plotinfo; drawShape(mainPlot.shapelayer); } else { // Fall back to _shapeLowerLayer in case the requested subplot doesn't exist. // This can happen if you reference the shape to an x / y axis combination // that doesn't have any data on it (and layer is below) drawShape(gd._fullLayout._shapeLowerLayer); } } function drawShape(shapeLayer) { var d = getPathString(gd, options); var attrs = { 'data-index': index, 'fill-rule': options.fillrule, d: d }; var opacity = options.opacity; var fillColor = options.fillcolor; var lineColor = options.line.width ? options.line.color : 'rgba(0,0,0,0)'; var lineWidth = options.line.width; var lineDash = options.line.dash; if(!lineWidth && options.editable === true) { // ensure invisible border to activate the shape lineWidth = 5; lineDash = 'solid'; } var isOpen = d[d.length - 1] !== 'Z'; var isActiveShape = couldHaveActiveShape(gd) && options.editable && gd._fullLayout._activeShapeIndex === index; if(isActiveShape) { fillColor = isOpen ? 'rgba(0,0,0,0)' : gd._fullLayout.activeshape.fillcolor; opacity = gd._fullLayout.activeshape.opacity; } var path = shapeLayer.append('path') .attr(attrs) .style('opacity', opacity) .call(Color.stroke, lineColor) .call(Color.fill, fillColor) .call(Drawing.dashLine, lineDash, lineWidth); setClipPath(path, gd, options); var editHelpers; if(isActiveShape || gd._context.edits.shapePosition) editHelpers = arrayEditor(gd.layout, 'shapes', options); if(isActiveShape) { path.style({ 'cursor': 'move', }); var dragOptions = { element: path.node(), plotinfo: plotinfo, gd: gd, editHelpers: editHelpers, isActiveShape: true // i.e. to enable controllers }; var polygons = readPaths(d, gd); // display polygons on the screen displayOutlines(polygons, path, dragOptions); } else { if(gd._context.edits.shapePosition) { setupDragElement(gd, path, options, index, shapeLayer, editHelpers); } else if(options.editable === true) { path.style('pointer-events', (isOpen || Color.opacity(fillColor) * opacity <= 0.5) ? 'stroke' : 'all' ); } } path.node().addEventListener('click', function() { return activateShape(gd, path); }); } } function setClipPath(shapePath, gd, shapeOptions) { // note that for layer="below" the clipAxes can be different from the // subplot we're drawing this in. This could cause problems if the shape // spans two subplots. See https://github.com/plotly/plotly.js/issues/1452 // // if axis is 'paper' or an axis with " domain" appended, then there is no // clip axis var clipAxes = (shapeOptions.xref + shapeOptions.yref).replace(/paper/g, '').replace(/[xyz][1-9]* *domain/g, ''); Drawing.setClipUrl( shapePath, clipAxes ? 'clip' + gd._fullLayout._uid + clipAxes : null, gd ); } function setupDragElement(gd, shapePath, shapeOptions, index, shapeLayer, editHelpers) { var MINWIDTH = 10; var MINHEIGHT = 10; var xPixelSized = shapeOptions.xsizemode === 'pixel'; var yPixelSized = shapeOptions.ysizemode === 'pixel'; var isLine = shapeOptions.type === 'line'; var isPath = shapeOptions.type === 'path'; var modifyItem = editHelpers.modifyItem; var x0, y0, x1, y1, xAnchor, yAnchor; var n0, s0, w0, e0, optN, optS, optW, optE; var pathIn; // setup conversion functions var xa = Axes.getFromId(gd, shapeOptions.xref); var xRefType = Axes.getRefType(shapeOptions.xref); var ya = Axes.getFromId(gd, shapeOptions.yref); var yRefType = Axes.getRefType(shapeOptions.yref); var x2p = helpers.getDataToPixel(gd, xa, false, xRefType); var y2p = helpers.getDataToPixel(gd, ya, true, yRefType); var p2x = helpers.getPixelToData(gd, xa, false, xRefType); var p2y = helpers.getPixelToData(gd, ya, true, yRefType); var sensoryElement = obtainSensoryElement(); var dragOptions = { element: sensoryElement.node(), gd: gd, prepFn: startDrag, doneFn: endDrag, clickFn: abortDrag }; var dragMode; dragElement.init(dragOptions); sensoryElement.node().onmousemove = updateDragMode; function obtainSensoryElement() { return isLine ? createLineDragHandles() : shapePath; } function createLineDragHandles() { var minSensoryWidth = 10; var sensoryWidth = Math.max(shapeOptions.line.width, minSensoryWidth); // Helper shapes group // Note that by setting the `data-index` attr, it is ensured that // the helper group is purged in this modules `draw` function var g = shapeLayer.append('g') .attr('data-index', index); // Helper path for moving g.append('path') .attr('d', shapePath.attr('d')) .style({ 'cursor': 'move', 'stroke-width': sensoryWidth, 'stroke-opacity': '0' // ensure not visible }); // Helper circles for resizing var circleStyle = { 'fill-opacity': '0' // ensure not visible }; var circleRadius = Math.max(sensoryWidth / 2, minSensoryWidth); g.append('circle') .attr({ 'data-line-point': 'start-point', 'cx': xPixelSized ? x2p(shapeOptions.xanchor) + shapeOptions.x0 : x2p(shapeOptions.x0), 'cy': yPixelSized ? y2p(shapeOptions.yanchor) - shapeOptions.y0 : y2p(shapeOptions.y0), 'r': circleRadius }) .style(circleStyle) .classed('cursor-grab', true); g.append('circle') .attr({ 'data-line-point': 'end-point', 'cx': xPixelSized ? x2p(shapeOptions.xanchor) + shapeOptions.x1 : x2p(shapeOptions.x1), 'cy': yPixelSized ? y2p(shapeOptions.yanchor) - shapeOptions.y1 : y2p(shapeOptions.y1), 'r': circleRadius }) .style(circleStyle) .classed('cursor-grab', true); return g; } function updateDragMode(evt) { if(shouldSkipEdits(gd)) { dragMode = null; return; } if(isLine) { if(evt.target.tagName === 'path') { dragMode = 'move'; } else { dragMode = evt.target.attributes['data-line-point'].value === 'start-point' ? 'resize-over-start-point' : 'resize-over-end-point'; } } else { // element might not be on screen at time of setup, // so obtain bounding box here var dragBBox = dragOptions.element.getBoundingClientRect(); // choose 'move' or 'resize' // based on initial position of cursor within the drag element var w = dragBBox.right - dragBBox.left; var h = dragBBox.bottom - dragBBox.top; var x = evt.clientX - dragBBox.left; var y = evt.clientY - dragBBox.top; var cursor = (!isPath && w > MINWIDTH && h > MINHEIGHT && !evt.shiftKey) ? dragElement.getCursor(x / w, 1 - y / h) : 'move'; setCursor(shapePath, cursor); // possible values 'move', 'sw', 'w', 'se', 'e', 'ne', 'n', 'nw' and 'w' dragMode = cursor.split('-')[0]; } } function startDrag(evt) { if(shouldSkipEdits(gd)) return; // setup update strings and initial values if(xPixelSized) { xAnchor = x2p(shapeOptions.xanchor); } if(yPixelSized) { yAnchor = y2p(shapeOptions.yanchor); } if(shapeOptions.type === 'path') { pathIn = shapeOptions.path; } else { x0 = xPixelSized ? shapeOptions.x0 : x2p(shapeOptions.x0); y0 = yPixelSized ? shapeOptions.y0 : y2p(shapeOptions.y0); x1 = xPixelSized ? shapeOptions.x1 : x2p(shapeOptions.x1); y1 = yPixelSized ? shapeOptions.y1 : y2p(shapeOptions.y1); } if(x0 < x1) { w0 = x0; optW = 'x0'; e0 = x1; optE = 'x1'; } else { w0 = x1; optW = 'x1'; e0 = x0; optE = 'x0'; } // For fixed size shapes take opposing direction of y-axis into account. // Hint: For data sized shapes this is done by the y2p function. if((!yPixelSized && y0 < y1) || (yPixelSized && y0 > y1)) { n0 = y0; optN = 'y0'; s0 = y1; optS = 'y1'; } else { n0 = y1; optN = 'y1'; s0 = y0; optS = 'y0'; } // setup dragMode and the corresponding handler updateDragMode(evt); renderVisualCues(shapeLayer, shapeOptions); deactivateClipPathTemporarily(shapePath, shapeOptions, gd); dragOptions.moveFn = (dragMode === 'move') ? moveShape : resizeShape; dragOptions.altKey = evt.altKey; } function endDrag() { if(shouldSkipEdits(gd)) return; setCursor(shapePath); removeVisualCues(shapeLayer); // Don't rely on clipPath being activated during re-layout setClipPath(shapePath, gd, shapeOptions); Registry.call('_guiRelayout', gd, editHelpers.getUpdateObj()); } function abortDrag() { if(shouldSkipEdits(gd)) return; removeVisualCues(shapeLayer); } function moveShape(dx, dy) { if(shapeOptions.type === 'path') { var noOp = function(coord) { return coord; }; var moveX = noOp; var moveY = noOp; if(xPixelSized) { modifyItem('xanchor', shapeOptions.xanchor = p2x(xAnchor + dx)); } else { moveX = function moveX(x) { return p2x(x2p(x) + dx); }; if(xa && xa.type === 'date') moveX = helpers.encodeDate(moveX); } if(yPixelSized) { modifyItem('yanchor', shapeOptions.yanchor = p2y(yAnchor + dy)); } else { moveY = function moveY(y) { return p2y(y2p(y) + dy); }; if(ya && ya.type === 'date') moveY = helpers.encodeDate(moveY); } modifyItem('path', shapeOptions.path = movePath(pathIn, moveX, moveY)); } else { if(xPixelSized) { modifyItem('xanchor', shapeOptions.xanchor = p2x(xAnchor + dx)); } else { modifyItem('x0', shapeOptions.x0 = p2x(x0 + dx)); modifyItem('x1', shapeOptions.x1 = p2x(x1 + dx)); } if(yPixelSized) { modifyItem('yanchor', shapeOptions.yanchor = p2y(yAnchor + dy)); } else { modifyItem('y0', shapeOptions.y0 = p2y(y0 + dy)); modifyItem('y1', shapeOptions.y1 = p2y(y1 + dy)); } } shapePath.attr('d', getPathString(gd, shapeOptions)); renderVisualCues(shapeLayer, shapeOptions); } function resizeShape(dx, dy) { if(isPath) { // TODO: implement path resize, don't forget to update dragMode code var noOp = function(coord) { return coord; }; var moveX = noOp; var moveY = noOp; if(xPixelSized) { modifyItem('xanchor', shapeOptions.xanchor = p2x(xAnchor + dx)); } else { moveX = function moveX(x) { return p2x(x2p(x) + dx); }; if(xa && xa.type === 'date') moveX = helpers.encodeDate(moveX); } if(yPixelSized) { modifyItem('yanchor', shapeOptions.yanchor = p2y(yAnchor + dy)); } else { moveY = function moveY(y) { return p2y(y2p(y) + dy); }; if(ya && ya.type === 'date') moveY = helpers.encodeDate(moveY); } modifyItem('path', shapeOptions.path = movePath(pathIn, moveX, moveY)); } else if(isLine) { if(dragMode === 'resize-over-start-point') { var newX0 = x0 + dx; var newY0 = yPixelSized ? y0 - dy : y0 + dy; modifyItem('x0', shapeOptions.x0 = xPixelSized ? newX0 : p2x(newX0)); modifyItem('y0', shapeOptions.y0 = yPixelSized ? newY0 : p2y(newY0)); } else if(dragMode === 'resize-over-end-point') { var newX1 = x1 + dx; var newY1 = yPixelSized ? y1 - dy : y1 + dy; modifyItem('x1', shapeOptions.x1 = xPixelSized ? newX1 : p2x(newX1)); modifyItem('y1', shapeOptions.y1 = yPixelSized ? newY1 : p2y(newY1)); } } else { var has = function(str) { return dragMode.indexOf(str) !== -1; }; var hasN = has('n'); var hasS = has('s'); var hasW = has('w'); var hasE = has('e'); var newN = hasN ? n0 + dy : n0; var newS = hasS ? s0 + dy : s0; var newW = hasW ? w0 + dx : w0; var newE = hasE ? e0 + dx : e0; if(yPixelSized) { // Do things in opposing direction for y-axis. // Hint: for data-sized shapes the reversal of axis direction is done in p2y. if(hasN) newN = n0 - dy; if(hasS) newS = s0 - dy; } // Update shape eventually. Again, be aware of the // opposing direction of the y-axis of fixed size shapes. if( (!yPixelSized && newS - newN > MINHEIGHT) || (yPixelSized && newN - newS > MINHEIGHT) ) { modifyItem(optN, shapeOptions[optN] = yPixelSized ? newN : p2y(newN)); modifyItem(optS, shapeOptions[optS] = yPixelSized ? newS : p2y(newS)); } if(newE - newW > MINWIDTH) { modifyItem(optW, shapeOptions[optW] = xPixelSized ? newW : p2x(newW)); modifyItem(optE, shapeOptions[optE] = xPixelSized ? newE : p2x(newE)); } } shapePath.attr('d', getPathString(gd, shapeOptions)); renderVisualCues(shapeLayer, shapeOptions); } function renderVisualCues(shapeLayer, shapeOptions) { if(xPixelSized || yPixelSized) { renderAnchor(); } function renderAnchor() { var isNotPath = shapeOptions.type !== 'path'; // d3 join with dummy data to satisfy d3 data-binding var visualCues = shapeLayer.selectAll('.visual-cue').data([0]); // Enter var strokeWidth = 1; visualCues.enter() .append('path') .attr({ 'fill': '#fff', 'fill-rule': 'evenodd', 'stroke': '#000', 'stroke-width': strokeWidth }) .classed('visual-cue', true); // Update var posX = x2p( xPixelSized ? shapeOptions.xanchor : Lib.midRange( isNotPath ? [shapeOptions.x0, shapeOptions.x1] : helpers.extractPathCoords(shapeOptions.path, constants.paramIsX)) ); var posY = y2p( yPixelSized ? shapeOptions.yanchor : Lib.midRange( isNotPath ? [shapeOptions.y0, shapeOptions.y1] : helpers.extractPathCoords(shapeOptions.path, constants.paramIsY)) ); posX = helpers.roundPositionForSharpStrokeRendering(posX, strokeWidth); posY = helpers.roundPositionForSharpStrokeRendering(posY, strokeWidth); if(xPixelSized && yPixelSized) { var crossPath = 'M' + (posX - 1 - strokeWidth) + ',' + (posY - 1 - strokeWidth) + 'h-8v2h8 v8h2v-8 h8v-2h-8 v-8h-2 Z'; visualCues.attr('d', crossPath); } else if(xPixelSized) { var vBarPath = 'M' + (posX - 1 - strokeWidth) + ',' + (posY - 9 - strokeWidth) + 'v18 h2 v-18 Z'; visualCues.attr('d', vBarPath); } else { var hBarPath = 'M' + (posX - 9 - strokeWidth) + ',' + (posY - 1 - strokeWidth) + 'h18 v2 h-18 Z'; visualCues.attr('d', hBarPath); } } } function removeVisualCues(shapeLayer) { shapeLayer.selectAll('.visual-cue').remove(); } function deactivateClipPathTemporarily(shapePath, shapeOptions, gd) { var xref = shapeOptions.xref; var yref = shapeOptions.yref; var xa = Axes.getFromId(gd, xref); var ya = Axes.getFromId(gd, yref); var clipAxes = ''; if(xref !== 'paper' && !xa.autorange) clipAxes += xref; if(yref !== 'paper' && !ya.autorange) clipAxes += yref; Drawing.setClipUrl( shapePath, clipAxes ? 'clip' + gd._fullLayout._uid + clipAxes : null, gd ); } } function getPathString(gd, options) { var type = options.type; var xRefType = Axes.getRefType(options.xref); var yRefType = Axes.getRefType(options.yref); var xa = Axes.getFromId(gd, options.xref); var ya = Axes.getFromId(gd, options.yref); var gs = gd._fullLayout._size; var x2r, x2p, y2r, y2p; var x0, x1, y0, y1; if(xa) { if(xRefType === 'domain') { x2p = function(v) { return xa._offset + xa._length * v; }; } else { x2r = helpers.shapePositionToRange(xa); x2p = function(v) { return xa._offset + xa.r2p(x2r(v, true)); }; } } else { x2p = function(v) { return gs.l + gs.w * v; }; } if(ya) { if(yRefType === 'domain') { y2p = function(v) { return ya._offset + ya._length * (1 - v); }; } else { y2r = helpers.shapePositionToRange(ya); y2p = function(v) { return ya._offset + ya.r2p(y2r(v, true)); }; } } else { y2p = function(v) { return gs.t + gs.h * (1 - v); }; } if(type === 'path') { if(xa && xa.type === 'date') x2p = helpers.decodeDate(x2p); if(ya && ya.type === 'date') y2p = helpers.decodeDate(y2p); return convertPath(options, x2p, y2p); } if(options.xsizemode === 'pixel') { var xAnchorPos = x2p(options.xanchor); x0 = xAnchorPos + options.x0; x1 = xAnchorPos + options.x1; } else { x0 = x2p(options.x0); x1 = x2p(options.x1); } if(options.ysizemode === 'pixel') { var yAnchorPos = y2p(options.yanchor); y0 = yAnchorPos - options.y0; y1 = yAnchorPos - options.y1; } else { y0 = y2p(options.y0); y1 = y2p(options.y1); } if(type === 'line') return 'M' + x0 + ',' + y0 + 'L' + x1 + ',' + y1; if(type === 'rect') return 'M' + x0 + ',' + y0 + 'H' + x1 + 'V' + y1 + 'H' + x0 + 'Z'; // circle var cx = (x0 + x1) / 2; var cy = (y0 + y1) / 2; var rx = Math.abs(cx - x0); var ry = Math.abs(cy - y0); var rArc = 'A' + rx + ',' + ry; var rightPt = (cx + rx) + ',' + cy; var topPt = cx + ',' + (cy - ry); return 'M' + rightPt + rArc + ' 0 1,1 ' + topPt + rArc + ' 0 0,1 ' + rightPt + 'Z'; } function convertPath(options, x2p, y2p) { var pathIn = options.path; var xSizemode = options.xsizemode; var ySizemode = options.ysizemode; var xAnchor = options.xanchor; var yAnchor = options.yanchor; return pathIn.replace(constants.segmentRE, function(segment) { var paramNumber = 0; var segmentType = segment.charAt(0); var xParams = constants.paramIsX[segmentType]; var yParams = constants.paramIsY[segmentType]; var nParams = constants.numParams[segmentType]; var paramString = segment.substr(1).replace(constants.paramRE, function(param) { if(xParams[paramNumber]) { if(xSizemode === 'pixel') param = x2p(xAnchor) + Number(param); else param = x2p(param); } else if(yParams[paramNumber]) { if(ySizemode === 'pixel') param = y2p(yAnchor) - Number(param); else param = y2p(param); } paramNumber++; if(paramNumber > nParams) param = 'X'; return param; }); if(paramNumber > nParams) { paramString = paramString.replace(/[\s,]*X.*/, ''); Lib.log('Ignoring extra params in segment ' + segment); } return segmentType + paramString; }); } function movePath(pathIn, moveX, moveY) { return pathIn.replace(constants.segmentRE, function(segment) { var paramNumber = 0; var segmentType = segment.charAt(0); var xParams = constants.paramIsX[segmentType]; var yParams = constants.paramIsY[segmentType]; var nParams = constants.numParams[segmentType]; var paramString = segment.substr(1).replace(constants.paramRE, function(param) { if(paramNumber >= nParams) return param; if(xParams[paramNumber]) param = moveX(param); else if(yParams[paramNumber]) param = moveY(param); paramNumber++; return param; }); return segmentType + paramString; }); } function activateShape(gd, path) { if(!couldHaveActiveShape(gd)) return; var element = path.node(); var id = +element.getAttribute('data-index'); if(id >= 0) { // deactivate if already active if(id === gd._fullLayout._activeShapeIndex) { deactivateShape(gd); return; } gd._fullLayout._activeShapeIndex = id; gd._fullLayout._deactivateShape = deactivateShape; draw(gd); } } function deactivateShape(gd) { if(!couldHaveActiveShape(gd)) return; var id = gd._fullLayout._activeShapeIndex; if(id >= 0) { clearOutlineControllers(gd); delete gd._fullLayout._activeShapeIndex; draw(gd); } } function eraseActiveShape(gd) { if(!couldHaveActiveShape(gd)) return; clearOutlineControllers(gd); var id = gd._fullLayout._activeShapeIndex; var shapes = (gd.layout || {}).shapes || []; if(id < shapes.length) { var newShapes = []; for(var q = 0; q < shapes.length; q++) { if(q !== id) { newShapes.push(shapes[q]); } } delete gd._fullLayout._activeShapeIndex; Registry.call('_guiRelayout', gd, { shapes: newShapes }); } } },{"../../lib":202,"../../lib/setcursor":222,"../../plot_api/plot_template":237,"../../plots/cartesian/axes":248,"../../plots/cartesian/handle_outline":258,"../../registry":290,"../color":75,"../dragelement":94,"../drawing":97,"./constants":154,"./draw_newshape/display_outlines":160,"./draw_newshape/helpers":161,"./helpers":163}],157:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var dash = _dereq_('../../drawing/attributes').dash; var extendFlat = _dereq_('../../../lib/extend').extendFlat; module.exports = { newshape: { line: { color: { valType: 'color', editType: 'none', }, width: { valType: 'number', min: 0, dflt: 4, editType: 'none', }, dash: extendFlat({}, dash, { dflt: 'solid', editType: 'none' }), editType: 'none' }, fillcolor: { valType: 'color', dflt: 'rgba(0,0,0,0)', editType: 'none', }, fillrule: { valType: 'enumerated', values: ['evenodd', 'nonzero'], dflt: 'evenodd', editType: 'none', }, opacity: { valType: 'number', min: 0, max: 1, dflt: 1, editType: 'none', }, layer: { valType: 'enumerated', values: ['below', 'above'], dflt: 'above', editType: 'none', }, drawdirection: { valType: 'enumerated', values: ['ortho', 'horizontal', 'vertical', 'diagonal'], dflt: 'diagonal', editType: 'none', }, editType: 'none' }, activeshape: { fillcolor: { valType: 'color', dflt: 'rgb(255,0,255)', editType: 'none', }, opacity: { valType: 'number', min: 0, max: 1, dflt: 0.5, editType: 'none', }, editType: 'none' } }; },{"../../../lib/extend":196,"../../drawing/attributes":96}],158:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var CIRCLE_SIDES = 32; // should be divisible by 4 module.exports = { CIRCLE_SIDES: CIRCLE_SIDES, i000: 0, i090: CIRCLE_SIDES / 4, i180: CIRCLE_SIDES / 2, i270: CIRCLE_SIDES / 4 * 3, cos45: Math.cos(Math.PI / 4), sin45: Math.sin(Math.PI / 4), SQRT2: Math.sqrt(2) }; },{}],159:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Color = _dereq_('../../color'); module.exports = function supplyDrawNewShapeDefaults(layoutIn, layoutOut, coerce) { coerce('newshape.drawdirection'); coerce('newshape.layer'); coerce('newshape.fillcolor'); coerce('newshape.fillrule'); coerce('newshape.opacity'); var newshapeLineWidth = coerce('newshape.line.width'); if(newshapeLineWidth) { var bgcolor = (layoutIn || {}).plot_bgcolor || '#FFF'; coerce('newshape.line.color', Color.contrast(bgcolor)); coerce('newshape.line.dash'); } coerce('activeshape.fillcolor'); coerce('activeshape.opacity'); }; },{"../../color":75}],160:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var dragElement = _dereq_('../../dragelement'); var dragHelpers = _dereq_('../../dragelement/helpers'); var drawMode = dragHelpers.drawMode; var Registry = _dereq_('../../../registry'); var constants = _dereq_('./constants'); var i000 = constants.i000; var i090 = constants.i090; var i180 = constants.i180; var i270 = constants.i270; var handleOutline = _dereq_('../../../plots/cartesian/handle_outline'); var clearOutlineControllers = handleOutline.clearOutlineControllers; var helpers = _dereq_('./helpers'); var pointsShapeRectangle = helpers.pointsShapeRectangle; var pointsShapeEllipse = helpers.pointsShapeEllipse; var writePaths = helpers.writePaths; var newShapes = _dereq_('./newshapes'); module.exports = function displayOutlines(polygons, outlines, dragOptions, nCalls) { if(!nCalls) nCalls = 0; var gd = dragOptions.gd; function redraw() { // recursive call displayOutlines(polygons, outlines, dragOptions, nCalls++); if(pointsShapeEllipse(polygons[0])) { update({redrawing: true}); } } function update(opts) { dragOptions.isActiveShape = false; // i.e. to disable controllers var updateObject = newShapes(outlines, dragOptions); if(Object.keys(updateObject).length) { Registry.call((opts || {}).redrawing ? 'relayout' : '_guiRelayout', gd, updateObject); } } var isActiveShape = dragOptions.isActiveShape; var fullLayout = gd._fullLayout; var zoomLayer = fullLayout._zoomlayer; var dragmode = dragOptions.dragmode; var isDrawMode = drawMode(dragmode); if(isDrawMode) gd._fullLayout._drawing = true; else if(gd._fullLayout._activeShapeIndex >= 0) clearOutlineControllers(gd); // make outline outlines.attr('d', writePaths(polygons)); // add controllers var vertexDragOptions; var shapeDragOptions; var indexI; // cell index var indexJ; // vertex or cell-controller index var copyPolygons; if(isActiveShape && !nCalls) { copyPolygons = recordPositions([], polygons); var g = zoomLayer.append('g').attr('class', 'outline-controllers'); addVertexControllers(g); addShapeControllers(); } function startDragVertex(evt) { indexI = +evt.srcElement.getAttribute('data-i'); indexJ = +evt.srcElement.getAttribute('data-j'); vertexDragOptions[indexI][indexJ].moveFn = moveVertexController; } function moveVertexController(dx, dy) { if(!polygons.length) return; var x0 = copyPolygons[indexI][indexJ][1]; var y0 = copyPolygons[indexI][indexJ][2]; var cell = polygons[indexI]; var len = cell.length; if(pointsShapeRectangle(cell)) { for(var q = 0; q < len; q++) { if(q === indexJ) continue; // move other corners of rectangle var pos = cell[q]; if(pos[1] === cell[indexJ][1]) { pos[1] = x0 + dx; } if(pos[2] === cell[indexJ][2]) { pos[2] = y0 + dy; } } // move the corner cell[indexJ][1] = x0 + dx; cell[indexJ][2] = y0 + dy; if(!pointsShapeRectangle(cell)) { // reject result to rectangles with ensure areas for(var j = 0; j < len; j++) { for(var k = 0; k < cell[j].length; k++) { cell[j][k] = copyPolygons[indexI][j][k]; } } } } else { // other polylines cell[indexJ][1] = x0 + dx; cell[indexJ][2] = y0 + dy; } redraw(); } function endDragVertexController() { update(); } function removeVertex() { if(!polygons.length) return; if(!polygons[indexI]) return; if(!polygons[indexI].length) return; var newPolygon = []; for(var j = 0; j < polygons[indexI].length; j++) { if(j !== indexJ) { newPolygon.push( polygons[indexI][j] ); } } if(newPolygon.length > 1 && !( newPolygon.length === 2 && newPolygon[1][0] === 'Z') ) { if(indexJ === 0) { newPolygon[0][0] = 'M'; } polygons[indexI] = newPolygon; redraw(); update(); } } function clickVertexController(numClicks, evt) { if(numClicks === 2) { indexI = +evt.srcElement.getAttribute('data-i'); indexJ = +evt.srcElement.getAttribute('data-j'); var cell = polygons[indexI]; if( !pointsShapeRectangle(cell) && !pointsShapeEllipse(cell) ) { removeVertex(); } } } function addVertexControllers(g) { vertexDragOptions = []; for(var i = 0; i < polygons.length; i++) { var cell = polygons[i]; var onRect = pointsShapeRectangle(cell); var onEllipse = !onRect && pointsShapeEllipse(cell); vertexDragOptions[i] = []; for(var j = 0; j < cell.length; j++) { if(cell[j][0] === 'Z') continue; if(onEllipse && j !== i000 && j !== i090 && j !== i180 && j !== i270 ) { continue; } var x = cell[j][1]; var y = cell[j][2]; var vertex = g.append('circle') .classed('cursor-grab', true) .attr('data-i', i) .attr('data-j', j) .attr('cx', x) .attr('cy', y) .attr('r', 4) .style({ 'mix-blend-mode': 'luminosity', fill: 'black', stroke: 'white', 'stroke-width': 1 }); vertexDragOptions[i][j] = { element: vertex.node(), gd: gd, prepFn: startDragVertex, doneFn: endDragVertexController, clickFn: clickVertexController }; dragElement.init(vertexDragOptions[i][j]); } } } function moveShape(dx, dy) { if(!polygons.length) return; for(var i = 0; i < polygons.length; i++) { for(var j = 0; j < polygons[i].length; j++) { for(var k = 0; k + 2 < polygons[i][j].length; k += 2) { polygons[i][j][k + 1] = copyPolygons[i][j][k + 1] + dx; polygons[i][j][k + 2] = copyPolygons[i][j][k + 2] + dy; } } } } function moveShapeController(dx, dy) { moveShape(dx, dy); redraw(); } function startDragShapeController(evt) { indexI = +evt.srcElement.getAttribute('data-i'); if(!indexI) indexI = 0; // ensure non-existing move button get zero index shapeDragOptions[indexI].moveFn = moveShapeController; } function endDragShapeController() { update(); } function addShapeControllers() { shapeDragOptions = []; if(!polygons.length) return; var i = 0; shapeDragOptions[i] = { element: outlines[0][0], gd: gd, prepFn: startDragShapeController, doneFn: endDragShapeController }; dragElement.init(shapeDragOptions[i]); } }; function recordPositions(polygonsOut, polygonsIn) { for(var i = 0; i < polygonsIn.length; i++) { var cell = polygonsIn[i]; polygonsOut[i] = []; for(var j = 0; j < cell.length; j++) { polygonsOut[i][j] = []; for(var k = 0; k < cell[j].length; k++) { polygonsOut[i][j][k] = cell[j][k]; } } } return polygonsOut; } },{"../../../plots/cartesian/handle_outline":258,"../../../registry":290,"../../dragelement":94,"../../dragelement/helpers":93,"./constants":158,"./helpers":161,"./newshapes":162}],161:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var parseSvgPath = _dereq_('parse-svg-path'); var constants = _dereq_('./constants'); var CIRCLE_SIDES = constants.CIRCLE_SIDES; var SQRT2 = constants.SQRT2; var cartesianHelpers = _dereq_('../../../plots/cartesian/helpers'); var p2r = cartesianHelpers.p2r; var r2p = cartesianHelpers.r2p; var iC = [0, 3, 4, 5, 6, 1, 2]; var iQS = [0, 3, 4, 1, 2]; exports.writePaths = function(polygons) { var nI = polygons.length; if(!nI) return 'M0,0Z'; var str = ''; for(var i = 0; i < nI; i++) { var nJ = polygons[i].length; for(var j = 0; j < nJ; j++) { var w = polygons[i][j][0]; if(w === 'Z') { str += 'Z'; } else { var nK = polygons[i][j].length; for(var k = 0; k < nK; k++) { var realK = k; if(w === 'Q' || w === 'S') { realK = iQS[k]; } else if(w === 'C') { realK = iC[k]; } str += polygons[i][j][realK]; if(k > 0 && k < nK - 1) { str += ','; } } } } } return str; }; exports.readPaths = function(str, gd, plotinfo, isActiveShape) { var cmd = parseSvgPath(str); var polys = []; var n = -1; var newPoly = function() { n++; polys[n] = []; }; var k; var x = 0; var y = 0; var initX; var initY; var recStart = function() { initX = x; initY = y; }; recStart(); for(var i = 0; i < cmd.length; i++) { var newPos = []; var x1, x2, y1, y2; // i.e. extra params for curves var c = cmd[i][0]; var w = c; switch(c) { case 'M': newPoly(); x = +cmd[i][1]; y = +cmd[i][2]; newPos.push([w, x, y]); recStart(); break; case 'Q': case 'S': x1 = +cmd[i][1]; y1 = +cmd[i][2]; x = +cmd[i][3]; y = +cmd[i][4]; newPos.push([w, x, y, x1, y1]); // -> iQS order break; case 'C': x1 = +cmd[i][1]; y1 = +cmd[i][2]; x2 = +cmd[i][3]; y2 = +cmd[i][4]; x = +cmd[i][5]; y = +cmd[i][6]; newPos.push([w, x, y, x1, y1, x2, y2]); // -> iC order break; case 'T': case 'L': x = +cmd[i][1]; y = +cmd[i][2]; newPos.push([w, x, y]); break; case 'H': w = 'L'; // convert to line (for now) x = +cmd[i][1]; newPos.push([w, x, y]); break; case 'V': w = 'L'; // convert to line (for now) y = +cmd[i][1]; newPos.push([w, x, y]); break; case 'A': w = 'L'; // convert to line to handle circle var rx = +cmd[i][1]; var ry = +cmd[i][2]; if(!+cmd[i][4]) { rx = -rx; ry = -ry; } var cenX = x - rx; var cenY = y; for(k = 1; k <= CIRCLE_SIDES / 2; k++) { var t = 2 * Math.PI * k / CIRCLE_SIDES; newPos.push([ w, cenX + rx * Math.cos(t), cenY + ry * Math.sin(t) ]); } break; case 'Z': if(x !== initX || y !== initY) { x = initX; y = initY; newPos.push([w, x, y]); } break; } var domain = (plotinfo || {}).domain; var size = gd._fullLayout._size; var xPixelSized = plotinfo && plotinfo.xsizemode === 'pixel'; var yPixelSized = plotinfo && plotinfo.ysizemode === 'pixel'; var noOffset = isActiveShape === false; for(var j = 0; j < newPos.length; j++) { for(k = 0; k + 2 < 7; k += 2) { var _x = newPos[j][k + 1]; var _y = newPos[j][k + 2]; if(_x === undefined || _y === undefined) continue; // keep track of end point for Z x = _x; y = _y; if(plotinfo) { if(plotinfo.xaxis && plotinfo.xaxis.p2r) { if(noOffset) _x -= plotinfo.xaxis._offset; if(xPixelSized) { _x = r2p(plotinfo.xaxis, plotinfo.xanchor) + _x; } else { _x = p2r(plotinfo.xaxis, _x); } } else { if(noOffset) _x -= size.l; if(domain) _x = domain.x[0] + _x / size.w; else _x = _x / size.w; } if(plotinfo.yaxis && plotinfo.yaxis.p2r) { if(noOffset) _y -= plotinfo.yaxis._offset; if(yPixelSized) { _y = r2p(plotinfo.yaxis, plotinfo.yanchor) - _y; } else { _y = p2r(plotinfo.yaxis, _y); } } else { if(noOffset) _y -= size.t; if(domain) _y = domain.y[1] - _y / size.h; else _y = 1 - _y / size.h; } } newPos[j][k + 1] = _x; newPos[j][k + 2] = _y; } polys[n].push( newPos[j].slice() ); } } return polys; }; function almostEq(a, b) { return Math.abs(a - b) <= 1e-6; } function dist(a, b) { var dx = b[1] - a[1]; var dy = b[2] - a[2]; return Math.sqrt( dx * dx + dy * dy ); } exports.pointsShapeRectangle = function(cell) { var len = cell.length; if(len !== 5) return false; for(var j = 1; j < 3; j++) { var e01 = cell[0][j] - cell[1][j]; var e32 = cell[3][j] - cell[2][j]; if(!almostEq(e01, e32)) return false; var e03 = cell[0][j] - cell[3][j]; var e12 = cell[1][j] - cell[2][j]; if(!almostEq(e03, e12)) return false; } // N.B. rotated rectangles are not valid rects since rotation is not supported in shapes for now. if( !almostEq(cell[0][1], cell[1][1]) && !almostEq(cell[0][1], cell[3][1]) ) return false; // reject cases with zero area return !!( dist(cell[0], cell[1]) * dist(cell[0], cell[3]) ); }; exports.pointsShapeEllipse = function(cell) { var len = cell.length; if(len !== CIRCLE_SIDES + 1) return false; // opposite diagonals should be the same len = CIRCLE_SIDES; for(var i = 0; i < len; i++) { var k = (len * 2 - i) % len; var k2 = (len / 2 + k) % len; var i2 = (len / 2 + i) % len; if(!almostEq( dist(cell[i], cell[i2]), dist(cell[k], cell[k2]) )) return false; } return true; }; exports.handleEllipse = function(isEllipse, start, end) { if(!isEllipse) return [start, end]; // i.e. case of line var pos = exports.ellipseOver({ x0: start[0], y0: start[1], x1: end[0], y1: end[1] }); var cx = (pos.x1 + pos.x0) / 2; var cy = (pos.y1 + pos.y0) / 2; var rx = (pos.x1 - pos.x0) / 2; var ry = (pos.y1 - pos.y0) / 2; // make a circle when one dimension is zero if(!rx) rx = ry = ry / SQRT2; if(!ry) ry = rx = rx / SQRT2; var cell = []; for(var i = 0; i < CIRCLE_SIDES; i++) { var t = i * 2 * Math.PI / CIRCLE_SIDES; cell.push([ cx + rx * Math.cos(t), cy + ry * Math.sin(t), ]); } return cell; }; exports.ellipseOver = function(pos) { var x0 = pos.x0; var y0 = pos.y0; var x1 = pos.x1; var y1 = pos.y1; var dx = x1 - x0; var dy = y1 - y0; x0 -= dx; y0 -= dy; var cx = (x0 + x1) / 2; var cy = (y0 + y1) / 2; var scale = SQRT2; dx *= scale; dy *= scale; return { x0: cx - dx, y0: cy - dy, x1: cx + dx, y1: cy + dy }; }; },{"../../../plots/cartesian/helpers":259,"./constants":158,"parse-svg-path":48}],162:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var dragHelpers = _dereq_('../../dragelement/helpers'); var drawMode = dragHelpers.drawMode; var openMode = dragHelpers.openMode; var constants = _dereq_('./constants'); var i000 = constants.i000; var i090 = constants.i090; var i180 = constants.i180; var i270 = constants.i270; var cos45 = constants.cos45; var sin45 = constants.sin45; var cartesianHelpers = _dereq_('../../../plots/cartesian/helpers'); var p2r = cartesianHelpers.p2r; var r2p = cartesianHelpers.r2p; var handleOutline = _dereq_('../../../plots/cartesian/handle_outline'); var clearSelect = handleOutline.clearSelect; var helpers = _dereq_('./helpers'); var readPaths = helpers.readPaths; var writePaths = helpers.writePaths; var ellipseOver = helpers.ellipseOver; module.exports = function newShapes(outlines, dragOptions) { if(!outlines.length) return; var e = outlines[0][0]; // pick first if(!e) return; var d = e.getAttribute('d'); var gd = dragOptions.gd; var drwStyle = gd._fullLayout.newshape; var plotinfo = dragOptions.plotinfo; var xaxis = plotinfo.xaxis; var yaxis = plotinfo.yaxis; var xPaper = !!plotinfo.domain || !plotinfo.xaxis; var yPaper = !!plotinfo.domain || !plotinfo.yaxis; var isActiveShape = dragOptions.isActiveShape; var dragmode = dragOptions.dragmode; var shapes = (gd.layout || {}).shapes || []; if(!drawMode(dragmode) && isActiveShape !== undefined) { var id = gd._fullLayout._activeShapeIndex; if(id < shapes.length) { switch(gd._fullLayout.shapes[id].type) { case 'rect': dragmode = 'drawrect'; break; case 'circle': dragmode = 'drawcircle'; break; case 'line': dragmode = 'drawline'; break; case 'path': var path = shapes[id].path || ''; if(path[path.length - 1] === 'Z') { dragmode = 'drawclosedpath'; } else { dragmode = 'drawopenpath'; } break; } } } var isOpenMode = openMode(dragmode); var polygons = readPaths(d, gd, plotinfo, isActiveShape); var newShape = { editable: true, xref: xPaper ? 'paper' : xaxis._id, yref: yPaper ? 'paper' : yaxis._id, layer: drwStyle.layer, opacity: drwStyle.opacity, line: { color: drwStyle.line.color, width: drwStyle.line.width, dash: drwStyle.line.dash } }; if(!isOpenMode) { newShape.fillcolor = drwStyle.fillcolor; newShape.fillrule = drwStyle.fillrule; } var cell; // line, rect and circle can be in one cell // only define cell if there is single cell if(polygons.length === 1) cell = polygons[0]; if( cell && dragmode === 'drawrect' ) { newShape.type = 'rect'; newShape.x0 = cell[0][1]; newShape.y0 = cell[0][2]; newShape.x1 = cell[2][1]; newShape.y1 = cell[2][2]; } else if( cell && dragmode === 'drawline' ) { newShape.type = 'line'; newShape.x0 = cell[0][1]; newShape.y0 = cell[0][2]; newShape.x1 = cell[1][1]; newShape.y1 = cell[1][2]; } else if( cell && dragmode === 'drawcircle' ) { newShape.type = 'circle'; // an ellipse! var xA = cell[i000][1]; var xB = cell[i090][1]; var xC = cell[i180][1]; var xD = cell[i270][1]; var yA = cell[i000][2]; var yB = cell[i090][2]; var yC = cell[i180][2]; var yD = cell[i270][2]; var xDateOrLog = plotinfo.xaxis && ( plotinfo.xaxis.type === 'date' || plotinfo.xaxis.type === 'log' ); var yDateOrLog = plotinfo.yaxis && ( plotinfo.yaxis.type === 'date' || plotinfo.yaxis.type === 'log' ); if(xDateOrLog) { xA = r2p(plotinfo.xaxis, xA); xB = r2p(plotinfo.xaxis, xB); xC = r2p(plotinfo.xaxis, xC); xD = r2p(plotinfo.xaxis, xD); } if(yDateOrLog) { yA = r2p(plotinfo.yaxis, yA); yB = r2p(plotinfo.yaxis, yB); yC = r2p(plotinfo.yaxis, yC); yD = r2p(plotinfo.yaxis, yD); } var x0 = (xB + xD) / 2; var y0 = (yA + yC) / 2; var rx = (xD - xB + xC - xA) / 2; var ry = (yD - yB + yC - yA) / 2; var pos = ellipseOver({ x0: x0, y0: y0, x1: x0 + rx * cos45, y1: y0 + ry * sin45 }); if(xDateOrLog) { pos.x0 = p2r(plotinfo.xaxis, pos.x0); pos.x1 = p2r(plotinfo.xaxis, pos.x1); } if(yDateOrLog) { pos.y0 = p2r(plotinfo.yaxis, pos.y0); pos.y1 = p2r(plotinfo.yaxis, pos.y1); } newShape.x0 = pos.x0; newShape.y0 = pos.y0; newShape.x1 = pos.x1; newShape.y1 = pos.y1; } else { newShape.type = 'path'; if(xaxis && yaxis) fixDatesForPaths(polygons, xaxis, yaxis); newShape.path = writePaths(polygons); cell = null; } clearSelect(gd); var editHelpers = dragOptions.editHelpers; var modifyItem = (editHelpers || {}).modifyItem; var allShapes = []; for(var q = 0; q < shapes.length; q++) { var beforeEdit = gd._fullLayout.shapes[q]; allShapes[q] = beforeEdit._input; if( isActiveShape !== undefined && q === gd._fullLayout._activeShapeIndex ) { var afterEdit = newShape; switch(beforeEdit.type) { case 'line': case 'rect': case 'circle': modifyItem('x0', afterEdit.x0); modifyItem('x1', afterEdit.x1); modifyItem('y0', afterEdit.y0); modifyItem('y1', afterEdit.y1); break; case 'path': modifyItem('path', afterEdit.path); break; } } } if(isActiveShape === undefined) { allShapes.push(newShape); // add new shape return allShapes; } return editHelpers ? editHelpers.getUpdateObj() : {}; }; function fixDatesForPaths(polygons, xaxis, yaxis) { var xIsDate = xaxis.type === 'date'; var yIsDate = yaxis.type === 'date'; if(!xIsDate && !yIsDate) return polygons; for(var i = 0; i < polygons.length; i++) { for(var j = 0; j < polygons[i].length; j++) { for(var k = 0; k + 2 < polygons[i][j].length; k += 2) { if(xIsDate) polygons[i][j][k + 1] = polygons[i][j][k + 1].replace(' ', '_'); if(yIsDate) polygons[i][j][k + 2] = polygons[i][j][k + 2].replace(' ', '_'); } } } return polygons; } },{"../../../plots/cartesian/handle_outline":258,"../../../plots/cartesian/helpers":259,"../../dragelement/helpers":93,"./constants":158,"./helpers":161}],163:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var constants = _dereq_('./constants'); var Lib = _dereq_('../../lib'); // special position conversion functions... category axis positions can't be // specified by their data values, because they don't make a continuous mapping. // so these have to be specified in terms of the category serial numbers, // but can take fractional values. Other axis types we specify position based on // the actual data values. // TODO: in V2.0 (when log axis ranges are in data units) range and shape position // will be identical, so rangeToShapePosition and shapePositionToRange can be // removed entirely. exports.rangeToShapePosition = function(ax) { return (ax.type === 'log') ? ax.r2d : function(v) { return v; }; }; exports.shapePositionToRange = function(ax) { return (ax.type === 'log') ? ax.d2r : function(v) { return v; }; }; exports.decodeDate = function(convertToPx) { return function(v) { if(v.replace) v = v.replace('_', ' '); return convertToPx(v); }; }; exports.encodeDate = function(convertToDate) { return function(v) { return convertToDate(v).replace(' ', '_'); }; }; exports.extractPathCoords = function(path, paramsToUse) { var extractedCoordinates = []; var segments = path.match(constants.segmentRE); segments.forEach(function(segment) { var relevantParamIdx = paramsToUse[segment.charAt(0)].drawn; if(relevantParamIdx === undefined) return; var params = segment.substr(1).match(constants.paramRE); if(!params || params.length < relevantParamIdx) return; extractedCoordinates.push(Lib.cleanNumber(params[relevantParamIdx])); }); return extractedCoordinates; }; exports.getDataToPixel = function(gd, axis, isVertical, refType) { var gs = gd._fullLayout._size; var dataToPixel; if(axis) { if(refType === 'domain') { dataToPixel = function(v) { return axis._length * (isVertical ? (1 - v) : v) + axis._offset; }; } else { var d2r = exports.shapePositionToRange(axis); dataToPixel = function(v) { return axis._offset + axis.r2p(d2r(v, true)); }; if(axis.type === 'date') dataToPixel = exports.decodeDate(dataToPixel); } } else if(isVertical) { dataToPixel = function(v) { return gs.t + gs.h * (1 - v); }; } else { dataToPixel = function(v) { return gs.l + gs.w * v; }; } return dataToPixel; }; exports.getPixelToData = function(gd, axis, isVertical, opt) { var gs = gd._fullLayout._size; var pixelToData; if(axis) { if(opt === 'domain') { pixelToData = function(p) { var q = (p - axis._offset) / axis._length; return isVertical ? 1 - q : q; }; } else { var r2d = exports.rangeToShapePosition(axis); pixelToData = function(p) { return r2d(axis.p2r(p - axis._offset)); }; } } else if(isVertical) { pixelToData = function(p) { return 1 - (p - gs.t) / gs.h; }; } else { pixelToData = function(p) { return (p - gs.l) / gs.w; }; } return pixelToData; }; /** * Based on the given stroke width, rounds the passed * position value to represent either a full or half pixel. * * In case of an odd stroke width (e.g. 1), this measure ensures * that a stroke positioned at the returned position isn't rendered * blurry due to anti-aliasing. * * In case of an even stroke width (e.g. 2), this measure ensures * that the position value is transformed to a full pixel value * so that anti-aliasing doesn't take effect either. * * @param {number} pos The raw position value to be transformed * @param {number} strokeWidth The stroke width * @returns {number} either an integer or a .5 decimal number */ exports.roundPositionForSharpStrokeRendering = function(pos, strokeWidth) { var strokeWidthIsOdd = Math.round(strokeWidth % 2) === 1; var posValAsInt = Math.round(pos); return strokeWidthIsOdd ? posValAsInt + 0.5 : posValAsInt; }; exports.makeOptionsAndPlotinfo = function(gd, index) { var options = gd._fullLayout.shapes[index] || {}; var plotinfo = gd._fullLayout._plots[options.xref + options.yref]; var hasPlotinfo = !!plotinfo; if(hasPlotinfo) { plotinfo._hadPlotinfo = true; } else { plotinfo = {}; if(options.xref && options.xref !== 'paper') plotinfo.xaxis = gd._fullLayout[options.xref + 'axis']; if(options.yref && options.yref !== 'paper') plotinfo.yaxis = gd._fullLayout[options.yref + 'axis']; } plotinfo.xsizemode = options.xsizemode; plotinfo.ysizemode = options.ysizemode; plotinfo.xanchor = options.xanchor; plotinfo.yanchor = options.yanchor; return { options: options, plotinfo: plotinfo }; }; },{"../../lib":202,"./constants":154}],164:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var drawModule = _dereq_('./draw'); module.exports = { moduleType: 'component', name: 'shapes', layoutAttributes: _dereq_('./attributes'), supplyLayoutDefaults: _dereq_('./defaults'), supplyDrawNewShapeDefaults: _dereq_('./draw_newshape/defaults'), includeBasePlot: _dereq_('../../plots/cartesian/include_components')('shapes'), calcAutorange: _dereq_('./calc_autorange'), draw: drawModule.draw, drawOne: drawModule.drawOne }; },{"../../plots/cartesian/include_components":260,"./attributes":152,"./calc_autorange":153,"./defaults":155,"./draw":156,"./draw_newshape/defaults":159}],165:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var fontAttrs = _dereq_('../../plots/font_attributes'); var padAttrs = _dereq_('../../plots/pad_attributes'); var extendDeepAll = _dereq_('../../lib/extend').extendDeepAll; var overrideAll = _dereq_('../../plot_api/edit_types').overrideAll; var animationAttrs = _dereq_('../../plots/animation_attributes'); var templatedArray = _dereq_('../../plot_api/plot_template').templatedArray; var constants = _dereq_('./constants'); var stepsAttrs = templatedArray('step', { visible: { valType: 'boolean', dflt: true, }, method: { valType: 'enumerated', values: ['restyle', 'relayout', 'animate', 'update', 'skip'], dflt: 'restyle', }, args: { valType: 'info_array', freeLength: true, items: [ { valType: 'any' }, { valType: 'any' }, { valType: 'any' } ], }, label: { valType: 'string', }, value: { valType: 'string', }, execute: { valType: 'boolean', dflt: true, } }); module.exports = overrideAll(templatedArray('slider', { visible: { valType: 'boolean', dflt: true, }, active: { valType: 'number', min: 0, dflt: 0, }, steps: stepsAttrs, lenmode: { valType: 'enumerated', values: ['fraction', 'pixels'], dflt: 'fraction', }, len: { valType: 'number', min: 0, dflt: 1, }, x: { valType: 'number', min: -2, max: 3, dflt: 0, }, pad: extendDeepAll(padAttrs({editType: 'arraydraw'}), { }, {t: {dflt: 20}}), xanchor: { valType: 'enumerated', values: ['auto', 'left', 'center', 'right'], dflt: 'left', }, y: { valType: 'number', min: -2, max: 3, dflt: 0, }, yanchor: { valType: 'enumerated', values: ['auto', 'top', 'middle', 'bottom'], dflt: 'top', }, transition: { duration: { valType: 'number', min: 0, dflt: 150, }, easing: { valType: 'enumerated', values: animationAttrs.transition.easing.values, dflt: 'cubic-in-out', } }, currentvalue: { visible: { valType: 'boolean', dflt: true, }, xanchor: { valType: 'enumerated', values: ['left', 'center', 'right'], dflt: 'left', }, offset: { valType: 'number', dflt: 10, }, prefix: { valType: 'string', }, suffix: { valType: 'string', }, font: fontAttrs({ }) }, font: fontAttrs({ }), activebgcolor: { valType: 'color', dflt: constants.gripBgActiveColor, }, bgcolor: { valType: 'color', dflt: constants.railBgColor, }, bordercolor: { valType: 'color', dflt: constants.railBorderColor, }, borderwidth: { valType: 'number', min: 0, dflt: constants.railBorderWidth, }, ticklen: { valType: 'number', min: 0, dflt: constants.tickLength, }, tickcolor: { valType: 'color', dflt: constants.tickColor, }, tickwidth: { valType: 'number', min: 0, dflt: 1, }, minorticklen: { valType: 'number', min: 0, dflt: constants.minorTickLength, } }), 'arraydraw', 'from-root'); },{"../../lib/extend":196,"../../plot_api/edit_types":230,"../../plot_api/plot_template":237,"../../plots/animation_attributes":242,"../../plots/font_attributes":276,"../../plots/pad_attributes":281,"./constants":166}],166:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = { // layout attribute name name: 'sliders', // class names containerClassName: 'slider-container', groupClassName: 'slider-group', inputAreaClass: 'slider-input-area', railRectClass: 'slider-rail-rect', railTouchRectClass: 'slider-rail-touch-rect', gripRectClass: 'slider-grip-rect', tickRectClass: 'slider-tick-rect', inputProxyClass: 'slider-input-proxy', labelsClass: 'slider-labels', labelGroupClass: 'slider-label-group', labelClass: 'slider-label', currentValueClass: 'slider-current-value', railHeight: 5, // DOM attribute name in button group keeping track // of active update menu menuIndexAttrName: 'slider-active-index', // id root pass to Plots.autoMargin autoMarginIdRoot: 'slider-', // min item width / height minWidth: 30, minHeight: 30, // padding around item text textPadX: 40, // arrow offset off right edge arrowOffsetX: 4, railRadius: 2, railWidth: 5, railBorder: 4, railBorderWidth: 1, railBorderColor: '#bec8d9', railBgColor: '#f8fafc', // The distance of the rail from the edge of the touchable area // Slightly less than the step inset because of the curved edges // of the rail railInset: 8, // The distance from the extremal tick marks to the edge of the // touchable area. This is basically the same as the grip radius, // but for other styles it wouldn't really need to be. stepInset: 10, gripRadius: 10, gripWidth: 20, gripHeight: 20, gripBorder: 20, gripBorderWidth: 1, gripBorderColor: '#bec8d9', gripBgColor: '#f6f8fa', gripBgActiveColor: '#dbdde0', labelPadding: 8, labelOffset: 0, tickWidth: 1, tickColor: '#333', tickOffset: 25, tickLength: 7, minorTickOffset: 25, minorTickColor: '#333', minorTickLength: 4, // Extra space below the current value label: currentValuePadding: 8, currentValueInset: 0, }; },{}],167:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = _dereq_('../../lib'); var handleArrayContainerDefaults = _dereq_('../../plots/array_container_defaults'); var attributes = _dereq_('./attributes'); var constants = _dereq_('./constants'); var name = constants.name; var stepAttrs = attributes.steps; module.exports = function slidersDefaults(layoutIn, layoutOut) { handleArrayContainerDefaults(layoutIn, layoutOut, { name: name, handleItemDefaults: sliderDefaults }); }; function sliderDefaults(sliderIn, sliderOut, layoutOut) { function coerce(attr, dflt) { return Lib.coerce(sliderIn, sliderOut, attributes, attr, dflt); } var steps = handleArrayContainerDefaults(sliderIn, sliderOut, { name: 'steps', handleItemDefaults: stepDefaults }); var stepCount = 0; for(var i = 0; i < steps.length; i++) { if(steps[i].visible) stepCount++; } var visible; // If it has fewer than two options, it's not really a slider if(stepCount < 2) visible = sliderOut.visible = false; else visible = coerce('visible'); if(!visible) return; sliderOut._stepCount = stepCount; var visSteps = sliderOut._visibleSteps = Lib.filterVisible(steps); var active = coerce('active'); if(!(steps[active] || {}).visible) sliderOut.active = visSteps[0]._index; coerce('x'); coerce('y'); Lib.noneOrAll(sliderIn, sliderOut, ['x', 'y']); coerce('xanchor'); coerce('yanchor'); coerce('len'); coerce('lenmode'); coerce('pad.t'); coerce('pad.r'); coerce('pad.b'); coerce('pad.l'); Lib.coerceFont(coerce, 'font', layoutOut.font); var currentValueIsVisible = coerce('currentvalue.visible'); if(currentValueIsVisible) { coerce('currentvalue.xanchor'); coerce('currentvalue.prefix'); coerce('currentvalue.suffix'); coerce('currentvalue.offset'); Lib.coerceFont(coerce, 'currentvalue.font', sliderOut.font); } coerce('transition.duration'); coerce('transition.easing'); coerce('bgcolor'); coerce('activebgcolor'); coerce('bordercolor'); coerce('borderwidth'); coerce('ticklen'); coerce('tickwidth'); coerce('tickcolor'); coerce('minorticklen'); } function stepDefaults(valueIn, valueOut) { function coerce(attr, dflt) { return Lib.coerce(valueIn, valueOut, stepAttrs, attr, dflt); } var visible; if(valueIn.method !== 'skip' && !Array.isArray(valueIn.args)) { visible = valueOut.visible = false; } else visible = coerce('visible'); if(visible) { coerce('method'); coerce('args'); var label = coerce('label', 'step-' + valueOut._index); coerce('value', label); coerce('execute'); } } },{"../../lib":202,"../../plots/array_container_defaults":243,"./attributes":165,"./constants":166}],168:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = _dereq_('d3'); var Plots = _dereq_('../../plots/plots'); var Color = _dereq_('../color'); var Drawing = _dereq_('../drawing'); var Lib = _dereq_('../../lib'); var strTranslate = Lib.strTranslate; var svgTextUtils = _dereq_('../../lib/svg_text_utils'); var arrayEditor = _dereq_('../../plot_api/plot_template').arrayEditor; var constants = _dereq_('./constants'); var alignmentConstants = _dereq_('../../constants/alignment'); var LINE_SPACING = alignmentConstants.LINE_SPACING; var FROM_TL = alignmentConstants.FROM_TL; var FROM_BR = alignmentConstants.FROM_BR; module.exports = function draw(gd) { var fullLayout = gd._fullLayout; var sliderData = makeSliderData(fullLayout, gd); // draw a container for *all* sliders: var sliders = fullLayout._infolayer .selectAll('g.' + constants.containerClassName) .data(sliderData.length > 0 ? [0] : []); sliders.enter().append('g') .classed(constants.containerClassName, true) .style('cursor', 'ew-resize'); function clearSlider(sliderOpts) { if(sliderOpts._commandObserver) { sliderOpts._commandObserver.remove(); delete sliderOpts._commandObserver; } // Most components don't need to explicitly remove autoMargin, because // marginPushers does this - but slider updates don't go through // a full replot so we need to explicitly remove it. Plots.autoMargin(gd, autoMarginId(sliderOpts)); } sliders.exit().each(function() { d3.select(this).selectAll('g.' + constants.groupClassName) .each(clearSlider); }) .remove(); // Return early if no menus visible: if(sliderData.length === 0) return; var sliderGroups = sliders.selectAll('g.' + constants.groupClassName) .data(sliderData, keyFunction); sliderGroups.enter().append('g') .classed(constants.groupClassName, true); sliderGroups.exit() .each(clearSlider) .remove(); // Find the dimensions of the sliders: for(var i = 0; i < sliderData.length; i++) { var sliderOpts = sliderData[i]; findDimensions(gd, sliderOpts); } sliderGroups.each(function(sliderOpts) { var gSlider = d3.select(this); computeLabelSteps(sliderOpts); Plots.manageCommandObserver(gd, sliderOpts, sliderOpts._visibleSteps, function(data) { // NB: Same as below. This is *not* always the same as sliderOpts since // if a new set of steps comes in, the reference in this callback would // be invalid. We need to refetch it from the slider group, which is // the join data that creates this slider. So if this slider still exists, // the group should be valid, *to the best of my knowledge.* If not, // we'd have to look it up by d3 data join index/key. var opts = gSlider.data()[0]; if(opts.active === data.index) return; if(opts._dragging) return; setActive(gd, gSlider, opts, data.index, false, true); }); drawSlider(gd, d3.select(this), sliderOpts); }); }; function autoMarginId(sliderOpts) { return constants.autoMarginIdRoot + sliderOpts._index; } // This really only just filters by visibility: function makeSliderData(fullLayout, gd) { var contOpts = fullLayout[constants.name]; var sliderData = []; for(var i = 0; i < contOpts.length; i++) { var item = contOpts[i]; if(!item.visible) continue; item._gd = gd; sliderData.push(item); } return sliderData; } // This is set in the defaults step: function keyFunction(opts) { return opts._index; } // Compute the dimensions (mutates sliderOpts): function findDimensions(gd, sliderOpts) { var sliderLabels = Drawing.tester.selectAll('g.' + constants.labelGroupClass) .data(sliderOpts._visibleSteps); sliderLabels.enter().append('g') .classed(constants.labelGroupClass, true); // loop over fake buttons to find width / height var maxLabelWidth = 0; var labelHeight = 0; sliderLabels.each(function(stepOpts) { var labelGroup = d3.select(this); var text = drawLabel(labelGroup, {step: stepOpts}, sliderOpts); var textNode = text.node(); if(textNode) { var bBox = Drawing.bBox(textNode); labelHeight = Math.max(labelHeight, bBox.height); maxLabelWidth = Math.max(maxLabelWidth, bBox.width); } }); sliderLabels.remove(); var dims = sliderOpts._dims = {}; dims.inputAreaWidth = Math.max( constants.railWidth, constants.gripHeight ); // calculate some overall dimensions - some of these are needed for // calculating the currentValue dimensions var graphSize = gd._fullLayout._size; dims.lx = graphSize.l + graphSize.w * sliderOpts.x; dims.ly = graphSize.t + graphSize.h * (1 - sliderOpts.y); if(sliderOpts.lenmode === 'fraction') { // fraction: dims.outerLength = Math.round(graphSize.w * sliderOpts.len); } else { // pixels: dims.outerLength = sliderOpts.len; } // The length of the rail, *excluding* padding on either end: dims.inputAreaStart = 0; dims.inputAreaLength = Math.round(dims.outerLength - sliderOpts.pad.l - sliderOpts.pad.r); var textableInputLength = dims.inputAreaLength - 2 * constants.stepInset; var availableSpacePerLabel = textableInputLength / (sliderOpts._stepCount - 1); var computedSpacePerLabel = maxLabelWidth + constants.labelPadding; dims.labelStride = Math.max(1, Math.ceil(computedSpacePerLabel / availableSpacePerLabel)); dims.labelHeight = labelHeight; // loop over all possible values for currentValue to find the // area we need for it dims.currentValueMaxWidth = 0; dims.currentValueHeight = 0; dims.currentValueTotalHeight = 0; dims.currentValueMaxLines = 1; if(sliderOpts.currentvalue.visible) { // Get the dimensions of the current value label: var dummyGroup = Drawing.tester.append('g'); sliderLabels.each(function(stepOpts) { var curValPrefix = drawCurrentValue(dummyGroup, sliderOpts, stepOpts.label); var curValSize = (curValPrefix.node() && Drawing.bBox(curValPrefix.node())) || {width: 0, height: 0}; var lines = svgTextUtils.lineCount(curValPrefix); dims.currentValueMaxWidth = Math.max(dims.currentValueMaxWidth, Math.ceil(curValSize.width)); dims.currentValueHeight = Math.max(dims.currentValueHeight, Math.ceil(curValSize.height)); dims.currentValueMaxLines = Math.max(dims.currentValueMaxLines, lines); }); dims.currentValueTotalHeight = dims.currentValueHeight + sliderOpts.currentvalue.offset; dummyGroup.remove(); } dims.height = dims.currentValueTotalHeight + constants.tickOffset + sliderOpts.ticklen + constants.labelOffset + dims.labelHeight + sliderOpts.pad.t + sliderOpts.pad.b; var xanchor = 'left'; if(Lib.isRightAnchor(sliderOpts)) { dims.lx -= dims.outerLength; xanchor = 'right'; } if(Lib.isCenterAnchor(sliderOpts)) { dims.lx -= dims.outerLength / 2; xanchor = 'center'; } var yanchor = 'top'; if(Lib.isBottomAnchor(sliderOpts)) { dims.ly -= dims.height; yanchor = 'bottom'; } if(Lib.isMiddleAnchor(sliderOpts)) { dims.ly -= dims.height / 2; yanchor = 'middle'; } dims.outerLength = Math.ceil(dims.outerLength); dims.height = Math.ceil(dims.height); dims.lx = Math.round(dims.lx); dims.ly = Math.round(dims.ly); var marginOpts = { y: sliderOpts.y, b: dims.height * FROM_BR[yanchor], t: dims.height * FROM_TL[yanchor] }; if(sliderOpts.lenmode === 'fraction') { marginOpts.l = 0; marginOpts.xl = sliderOpts.x - sliderOpts.len * FROM_TL[xanchor]; marginOpts.r = 0; marginOpts.xr = sliderOpts.x + sliderOpts.len * FROM_BR[xanchor]; } else { marginOpts.x = sliderOpts.x; marginOpts.l = dims.outerLength * FROM_TL[xanchor]; marginOpts.r = dims.outerLength * FROM_BR[xanchor]; } Plots.autoMargin(gd, autoMarginId(sliderOpts), marginOpts); } function drawSlider(gd, sliderGroup, sliderOpts) { // This is related to the other long notes in this file regarding what happens // when slider steps disappear. This particular fix handles what happens when // the *current* slider step is removed. The drawing functions will error out // when they fail to find it, so the fix for now is that it will just draw the // slider in the first position but will not execute the command. if(!((sliderOpts.steps[sliderOpts.active] || {}).visible)) { sliderOpts.active = sliderOpts._visibleSteps[0]._index; } // These are carefully ordered for proper z-ordering: sliderGroup .call(drawCurrentValue, sliderOpts) .call(drawRail, sliderOpts) .call(drawLabelGroup, sliderOpts) .call(drawTicks, sliderOpts) .call(drawTouchRect, gd, sliderOpts) .call(drawGrip, gd, sliderOpts); var dims = sliderOpts._dims; // Position the rectangle: Drawing.setTranslate(sliderGroup, dims.lx + sliderOpts.pad.l, dims.ly + sliderOpts.pad.t); sliderGroup.call(setGripPosition, sliderOpts, false); sliderGroup.call(drawCurrentValue, sliderOpts); } function drawCurrentValue(sliderGroup, sliderOpts, valueOverride) { if(!sliderOpts.currentvalue.visible) return; var dims = sliderOpts._dims; var x0, textAnchor; switch(sliderOpts.currentvalue.xanchor) { case 'right': // This is anchored left and adjusted by the width of the longest label // so that the prefix doesn't move. The goal of this is to emphasize // what's actually changing and make the update less distracting. x0 = dims.inputAreaLength - constants.currentValueInset - dims.currentValueMaxWidth; textAnchor = 'left'; break; case 'center': x0 = dims.inputAreaLength * 0.5; textAnchor = 'middle'; break; default: x0 = constants.currentValueInset; textAnchor = 'left'; } var text = Lib.ensureSingle(sliderGroup, 'text', constants.labelClass, function(s) { s.attr({ 'text-anchor': textAnchor, 'data-notex': 1 }); }); var str = sliderOpts.currentvalue.prefix ? sliderOpts.currentvalue.prefix : ''; if(typeof valueOverride === 'string') { str += valueOverride; } else { var curVal = sliderOpts.steps[sliderOpts.active].label; var _meta = sliderOpts._gd._fullLayout._meta; if(_meta) curVal = Lib.templateString(curVal, _meta); str += curVal; } if(sliderOpts.currentvalue.suffix) { str += sliderOpts.currentvalue.suffix; } text.call(Drawing.font, sliderOpts.currentvalue.font) .text(str) .call(svgTextUtils.convertToTspans, sliderOpts._gd); var lines = svgTextUtils.lineCount(text); var y0 = (dims.currentValueMaxLines + 1 - lines) * sliderOpts.currentvalue.font.size * LINE_SPACING; svgTextUtils.positionText(text, x0, y0); return text; } function drawGrip(sliderGroup, gd, sliderOpts) { var grip = Lib.ensureSingle(sliderGroup, 'rect', constants.gripRectClass, function(s) { s.call(attachGripEvents, gd, sliderGroup, sliderOpts) .style('pointer-events', 'all'); }); grip.attr({ width: constants.gripWidth, height: constants.gripHeight, rx: constants.gripRadius, ry: constants.gripRadius, }) .call(Color.stroke, sliderOpts.bordercolor) .call(Color.fill, sliderOpts.bgcolor) .style('stroke-width', sliderOpts.borderwidth + 'px'); } function drawLabel(item, data, sliderOpts) { var text = Lib.ensureSingle(item, 'text', constants.labelClass, function(s) { s.attr({ 'text-anchor': 'middle', 'data-notex': 1 }); }); var tx = data.step.label; var _meta = sliderOpts._gd._fullLayout._meta; if(_meta) tx = Lib.templateString(tx, _meta); text.call(Drawing.font, sliderOpts.font) .text(tx) .call(svgTextUtils.convertToTspans, sliderOpts._gd); return text; } function drawLabelGroup(sliderGroup, sliderOpts) { var labels = Lib.ensureSingle(sliderGroup, 'g', constants.labelsClass); var dims = sliderOpts._dims; var labelItems = labels.selectAll('g.' + constants.labelGroupClass) .data(dims.labelSteps); labelItems.enter().append('g') .classed(constants.labelGroupClass, true); labelItems.exit().remove(); labelItems.each(function(d) { var item = d3.select(this); item.call(drawLabel, d, sliderOpts); Drawing.setTranslate(item, normalizedValueToPosition(sliderOpts, d.fraction), constants.tickOffset + sliderOpts.ticklen + // position is the baseline of the top line of text only, even // if the label spans multiple lines sliderOpts.font.size * LINE_SPACING + constants.labelOffset + dims.currentValueTotalHeight ); }); } function handleInput(gd, sliderGroup, sliderOpts, normalizedPosition, doTransition) { var quantizedPosition = Math.round(normalizedPosition * (sliderOpts._stepCount - 1)); var quantizedIndex = sliderOpts._visibleSteps[quantizedPosition]._index; if(quantizedIndex !== sliderOpts.active) { setActive(gd, sliderGroup, sliderOpts, quantizedIndex, true, doTransition); } } function setActive(gd, sliderGroup, sliderOpts, index, doCallback, doTransition) { var previousActive = sliderOpts.active; sliderOpts.active = index; // due to templating, it's possible this slider doesn't even exist yet arrayEditor(gd.layout, constants.name, sliderOpts) .applyUpdate('active', index); var step = sliderOpts.steps[sliderOpts.active]; sliderGroup.call(setGripPosition, sliderOpts, doTransition); sliderGroup.call(drawCurrentValue, sliderOpts); gd.emit('plotly_sliderchange', { slider: sliderOpts, step: sliderOpts.steps[sliderOpts.active], interaction: doCallback, previousActive: previousActive }); if(step && step.method && doCallback) { if(sliderGroup._nextMethod) { // If we've already queued up an update, just overwrite it with the most recent: sliderGroup._nextMethod.step = step; sliderGroup._nextMethod.doCallback = doCallback; sliderGroup._nextMethod.doTransition = doTransition; } else { sliderGroup._nextMethod = {step: step, doCallback: doCallback, doTransition: doTransition}; sliderGroup._nextMethodRaf = window.requestAnimationFrame(function() { var _step = sliderGroup._nextMethod.step; if(!_step.method) return; if(_step.execute) { Plots.executeAPICommand(gd, _step.method, _step.args); } sliderGroup._nextMethod = null; sliderGroup._nextMethodRaf = null; }); } } } function attachGripEvents(item, gd, sliderGroup) { var node = sliderGroup.node(); var $gd = d3.select(gd); // NB: This is *not* the same as sliderOpts itself! These callbacks // are in a closure so this array won't actually be correct if the // steps have changed since this was initialized. The sliderGroup, // however, has not changed since that *is* the slider, so it must // be present to receive mouse events. function getSliderOpts() { return sliderGroup.data()[0]; } item.on('mousedown', function() { var sliderOpts = getSliderOpts(); gd.emit('plotly_sliderstart', {slider: sliderOpts}); var grip = sliderGroup.select('.' + constants.gripRectClass); d3.event.stopPropagation(); d3.event.preventDefault(); grip.call(Color.fill, sliderOpts.activebgcolor); var normalizedPosition = positionToNormalizedValue(sliderOpts, d3.mouse(node)[0]); handleInput(gd, sliderGroup, sliderOpts, normalizedPosition, true); sliderOpts._dragging = true; $gd.on('mousemove', function() { var sliderOpts = getSliderOpts(); var normalizedPosition = positionToNormalizedValue(sliderOpts, d3.mouse(node)[0]); handleInput(gd, sliderGroup, sliderOpts, normalizedPosition, false); }); $gd.on('mouseup', function() { var sliderOpts = getSliderOpts(); sliderOpts._dragging = false; grip.call(Color.fill, sliderOpts.bgcolor); $gd.on('mouseup', null); $gd.on('mousemove', null); gd.emit('plotly_sliderend', { slider: sliderOpts, step: sliderOpts.steps[sliderOpts.active] }); }); }); } function drawTicks(sliderGroup, sliderOpts) { var tick = sliderGroup.selectAll('rect.' + constants.tickRectClass) .data(sliderOpts._visibleSteps); var dims = sliderOpts._dims; tick.enter().append('rect') .classed(constants.tickRectClass, true); tick.exit().remove(); tick.attr({ width: sliderOpts.tickwidth + 'px', 'shape-rendering': 'crispEdges' }); tick.each(function(d, i) { var isMajor = i % dims.labelStride === 0; var item = d3.select(this); item .attr({height: isMajor ? sliderOpts.ticklen : sliderOpts.minorticklen}) .call(Color.fill, isMajor ? sliderOpts.tickcolor : sliderOpts.tickcolor); Drawing.setTranslate(item, normalizedValueToPosition(sliderOpts, i / (sliderOpts._stepCount - 1)) - 0.5 * sliderOpts.tickwidth, (isMajor ? constants.tickOffset : constants.minorTickOffset) + dims.currentValueTotalHeight ); }); } function computeLabelSteps(sliderOpts) { var dims = sliderOpts._dims; dims.labelSteps = []; var nsteps = sliderOpts._stepCount; for(var i = 0; i < nsteps; i += dims.labelStride) { dims.labelSteps.push({ fraction: i / (nsteps - 1), step: sliderOpts._visibleSteps[i] }); } } function setGripPosition(sliderGroup, sliderOpts, doTransition) { var grip = sliderGroup.select('rect.' + constants.gripRectClass); var quantizedIndex = 0; for(var i = 0; i < sliderOpts._stepCount; i++) { if(sliderOpts._visibleSteps[i]._index === sliderOpts.active) { quantizedIndex = i; break; } } var x = normalizedValueToPosition(sliderOpts, quantizedIndex / (sliderOpts._stepCount - 1)); // If this is true, then *this component* is already invoking its own command // and has triggered its own animation. if(sliderOpts._invokingCommand) return; var el = grip; if(doTransition && sliderOpts.transition.duration > 0) { el = el.transition() .duration(sliderOpts.transition.duration) .ease(sliderOpts.transition.easing); } // Drawing.setTranslate doesn't work here because of the transition duck-typing. // It's also not necessary because there are no other transitions to preserve. el.attr('transform', strTranslate(x - constants.gripWidth * 0.5, sliderOpts._dims.currentValueTotalHeight)); } // Convert a number from [0-1] to a pixel position relative to the slider group container: function normalizedValueToPosition(sliderOpts, normalizedPosition) { var dims = sliderOpts._dims; return dims.inputAreaStart + constants.stepInset + (dims.inputAreaLength - 2 * constants.stepInset) * Math.min(1, Math.max(0, normalizedPosition)); } // Convert a position relative to the slider group to a nubmer in [0, 1] function positionToNormalizedValue(sliderOpts, position) { var dims = sliderOpts._dims; return Math.min(1, Math.max(0, (position - constants.stepInset - dims.inputAreaStart) / (dims.inputAreaLength - 2 * constants.stepInset - 2 * dims.inputAreaStart))); } function drawTouchRect(sliderGroup, gd, sliderOpts) { var dims = sliderOpts._dims; var rect = Lib.ensureSingle(sliderGroup, 'rect', constants.railTouchRectClass, function(s) { s.call(attachGripEvents, gd, sliderGroup, sliderOpts) .style('pointer-events', 'all'); }); rect.attr({ width: dims.inputAreaLength, height: Math.max(dims.inputAreaWidth, constants.tickOffset + sliderOpts.ticklen + dims.labelHeight) }) .call(Color.fill, sliderOpts.bgcolor) .attr('opacity', 0); Drawing.setTranslate(rect, 0, dims.currentValueTotalHeight); } function drawRail(sliderGroup, sliderOpts) { var dims = sliderOpts._dims; var computedLength = dims.inputAreaLength - constants.railInset * 2; var rect = Lib.ensureSingle(sliderGroup, 'rect', constants.railRectClass); rect.attr({ width: computedLength, height: constants.railWidth, rx: constants.railRadius, ry: constants.railRadius, 'shape-rendering': 'crispEdges' }) .call(Color.stroke, sliderOpts.bordercolor) .call(Color.fill, sliderOpts.bgcolor) .style('stroke-width', sliderOpts.borderwidth + 'px'); Drawing.setTranslate(rect, constants.railInset, (dims.inputAreaWidth - constants.railWidth) * 0.5 + dims.currentValueTotalHeight ); } },{"../../constants/alignment":177,"../../lib":202,"../../lib/svg_text_utils":224,"../../plot_api/plot_template":237,"../../plots/plots":282,"../color":75,"../drawing":97,"./constants":166,"d3":9}],169:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var constants = _dereq_('./constants'); module.exports = { moduleType: 'component', name: constants.name, layoutAttributes: _dereq_('./attributes'), supplyLayoutDefaults: _dereq_('./defaults'), draw: _dereq_('./draw') }; },{"./attributes":165,"./constants":166,"./defaults":167,"./draw":168}],170:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = _dereq_('d3'); var isNumeric = _dereq_('fast-isnumeric'); var Plots = _dereq_('../../plots/plots'); var Registry = _dereq_('../../registry'); var Lib = _dereq_('../../lib'); var strTranslate = Lib.strTranslate; var Drawing = _dereq_('../drawing'); var Color = _dereq_('../color'); var svgTextUtils = _dereq_('../../lib/svg_text_utils'); var interactConstants = _dereq_('../../constants/interactions'); var OPPOSITE_SIDE = _dereq_('../../constants/alignment').OPPOSITE_SIDE; var numStripRE = / [XY][0-9]* /; /** * Titles - (re)draw titles on the axes and plot: * @param {DOM element} gd - the graphDiv * @param {string} titleClass - the css class of this title * @param {object} options - how and what to draw * propContainer - the layout object containing `title` and `titlefont` * attributes that apply to this title * propName - the full name of the title property (for Plotly.relayout) * [traceIndex] - include only if this property applies to one trace * (such as a colorbar title) - then editing pipes to Plotly.restyle * instead of Plotly.relayout * placeholder - placeholder text for an empty editable title * [avoid] {object} - include if this title should move to avoid other elements * selection - d3 selection of elements to avoid * side - which direction to move if there is a conflict * [offsetLeft] - if these elements are subject to a translation * wrt the title element * [offsetTop] * attributes {object} - position and alignment attributes * x - pixels * y - pixels * text-anchor - start|middle|end * transform {object} - how to transform the title after positioning * rotate - degrees * offset - shift up/down in the rotated frame (unused?) * containerGroup - if an svg element already exists to hold this * title, include here. Otherwise it will go in fullLayout._infolayer * _meta {object (optional} - meta key-value to for title with * Lib.templateString, default to fullLayout._meta, if not provided * * @return {selection} d3 selection of title container group */ function draw(gd, titleClass, options) { var cont = options.propContainer; var prop = options.propName; var placeholder = options.placeholder; var traceIndex = options.traceIndex; var avoid = options.avoid || {}; var attributes = options.attributes; var transform = options.transform; var group = options.containerGroup; var fullLayout = gd._fullLayout; var opacity = 1; var isplaceholder = false; var title = cont.title; var txt = (title && title.text ? title.text : '').trim(); var font = title && title.font ? title.font : {}; var fontFamily = font.family; var fontSize = font.size; var fontColor = font.color; // only make this title editable if we positively identify its property // as one that has editing enabled. var editAttr; if(prop === 'title.text') editAttr = 'titleText'; else if(prop.indexOf('axis') !== -1) editAttr = 'axisTitleText'; else if(prop.indexOf('colorbar' !== -1)) editAttr = 'colorbarTitleText'; var editable = gd._context.edits[editAttr]; if(txt === '') opacity = 0; // look for placeholder text while stripping out numbers from eg X2, Y3 // this is just for backward compatibility with the old version that had // "Click to enter X2 title" and may have gotten saved in some old plots, // we don't want this to show up when these are displayed. else if(txt.replace(numStripRE, ' % ') === placeholder.replace(numStripRE, ' % ')) { opacity = 0.2; isplaceholder = true; if(!editable) txt = ''; } if(options._meta) { txt = Lib.templateString(txt, options._meta); } else if(fullLayout._meta) { txt = Lib.templateString(txt, fullLayout._meta); } var elShouldExist = txt || editable; if(!group) { group = Lib.ensureSingle(fullLayout._infolayer, 'g', 'g-' + titleClass); } var el = group.selectAll('text') .data(elShouldExist ? [0] : []); el.enter().append('text'); el.text(txt) // this is hacky, but convertToTspans uses the class // to determine whether to rotate mathJax... // so we need to clear out any old class and put the // correct one (only relevant for colorbars, at least // for now) - ie don't use .classed .attr('class', titleClass); el.exit().remove(); if(!elShouldExist) return group; function titleLayout(titleEl) { Lib.syncOrAsync([drawTitle, scootTitle], titleEl); } function drawTitle(titleEl) { var transformVal; if(transform) { transformVal = ''; if(transform.rotate) { transformVal += 'rotate(' + [transform.rotate, attributes.x, attributes.y] + ')'; } if(transform.offset) { transformVal += strTranslate(0, transform.offset); } } else { transformVal = null; } titleEl.attr('transform', transformVal); titleEl.style({ 'font-family': fontFamily, 'font-size': d3.round(fontSize, 2) + 'px', fill: Color.rgb(fontColor), opacity: opacity * Color.opacity(fontColor), 'font-weight': Plots.fontWeight }) .attr(attributes) .call(svgTextUtils.convertToTspans, gd); return Plots.previousPromises(gd); } function scootTitle(titleElIn) { var titleGroup = d3.select(titleElIn.node().parentNode); if(avoid && avoid.selection && avoid.side && txt) { titleGroup.attr('transform', null); // move toward avoid.side (= left, right, top, bottom) if needed // can include pad (pixels, default 2) var backside = OPPOSITE_SIDE[avoid.side]; var shiftSign = (avoid.side === 'left' || avoid.side === 'top') ? -1 : 1; var pad = isNumeric(avoid.pad) ? avoid.pad : 2; var titlebb = Drawing.bBox(titleGroup.node()); var paperbb = { left: 0, top: 0, right: fullLayout.width, bottom: fullLayout.height }; var maxshift = avoid.maxShift || shiftSign * (paperbb[avoid.side] - titlebb[avoid.side]); var shift = 0; // Prevent the title going off the paper if(maxshift < 0) { shift = maxshift; } else { // so we don't have to offset each avoided element, // give the title the opposite offset var offsetLeft = avoid.offsetLeft || 0; var offsetTop = avoid.offsetTop || 0; titlebb.left -= offsetLeft; titlebb.right -= offsetLeft; titlebb.top -= offsetTop; titlebb.bottom -= offsetTop; // iterate over a set of elements (avoid.selection) // to avoid collisions with avoid.selection.each(function() { var avoidbb = Drawing.bBox(this); if(Lib.bBoxIntersect(titlebb, avoidbb, pad)) { shift = Math.max(shift, shiftSign * ( avoidbb[avoid.side] - titlebb[backside]) + pad); } }); shift = Math.min(maxshift, shift); } if(shift > 0 || maxshift < 0) { var shiftTemplate = { left: [-shift, 0], right: [shift, 0], top: [0, -shift], bottom: [0, shift] }[avoid.side]; titleGroup.attr('transform', strTranslate(shiftTemplate[0], shiftTemplate[1])); } } } el.call(titleLayout); function setPlaceholder() { opacity = 0; isplaceholder = true; el.text(placeholder) .on('mouseover.opacity', function() { d3.select(this).transition() .duration(interactConstants.SHOW_PLACEHOLDER).style('opacity', 1); }) .on('mouseout.opacity', function() { d3.select(this).transition() .duration(interactConstants.HIDE_PLACEHOLDER).style('opacity', 0); }); } if(editable) { if(!txt) setPlaceholder(); else el.on('.opacity', null); el.call(svgTextUtils.makeEditable, {gd: gd}) .on('edit', function(text) { if(traceIndex !== undefined) { Registry.call('_guiRestyle', gd, prop, text, traceIndex); } else { Registry.call('_guiRelayout', gd, prop, text); } }) .on('cancel', function() { this.text(this.attr('data-unformatted')) .call(titleLayout); }) .on('input', function(d) { this.text(d || ' ') .call(svgTextUtils.positionText, attributes.x, attributes.y); }); } el.classed('js-placeholder', isplaceholder); return group; } module.exports = { draw: draw }; },{"../../constants/alignment":177,"../../constants/interactions":180,"../../lib":202,"../../lib/svg_text_utils":224,"../../plots/plots":282,"../../registry":290,"../color":75,"../drawing":97,"d3":9,"fast-isnumeric":11}],171:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var fontAttrs = _dereq_('../../plots/font_attributes'); var colorAttrs = _dereq_('../color/attributes'); var extendFlat = _dereq_('../../lib/extend').extendFlat; var overrideAll = _dereq_('../../plot_api/edit_types').overrideAll; var padAttrs = _dereq_('../../plots/pad_attributes'); var templatedArray = _dereq_('../../plot_api/plot_template').templatedArray; var buttonsAttrs = templatedArray('button', { visible: { valType: 'boolean', }, method: { valType: 'enumerated', values: ['restyle', 'relayout', 'animate', 'update', 'skip'], dflt: 'restyle', }, args: { valType: 'info_array', freeLength: true, items: [ {valType: 'any'}, {valType: 'any'}, {valType: 'any'} ], }, args2: { valType: 'info_array', freeLength: true, items: [ {valType: 'any'}, {valType: 'any'}, {valType: 'any'} ], }, label: { valType: 'string', dflt: '', }, execute: { valType: 'boolean', dflt: true, } }); module.exports = overrideAll(templatedArray('updatemenu', { _arrayAttrRegexps: [/^updatemenus\[(0|[1-9][0-9]+)\]\.buttons/], visible: { valType: 'boolean', }, type: { valType: 'enumerated', values: ['dropdown', 'buttons'], dflt: 'dropdown', }, direction: { valType: 'enumerated', values: ['left', 'right', 'up', 'down'], dflt: 'down', }, active: { valType: 'integer', min: -1, dflt: 0, }, showactive: { valType: 'boolean', dflt: true, }, buttons: buttonsAttrs, x: { valType: 'number', min: -2, max: 3, dflt: -0.05, }, xanchor: { valType: 'enumerated', values: ['auto', 'left', 'center', 'right'], dflt: 'right', }, y: { valType: 'number', min: -2, max: 3, dflt: 1, }, yanchor: { valType: 'enumerated', values: ['auto', 'top', 'middle', 'bottom'], dflt: 'top', }, pad: extendFlat(padAttrs({editType: 'arraydraw'}), { }), font: fontAttrs({ }), bgcolor: { valType: 'color', }, bordercolor: { valType: 'color', dflt: colorAttrs.borderLine, }, borderwidth: { valType: 'number', min: 0, dflt: 1, editType: 'arraydraw', } }), 'arraydraw', 'from-root'); },{"../../lib/extend":196,"../../plot_api/edit_types":230,"../../plot_api/plot_template":237,"../../plots/font_attributes":276,"../../plots/pad_attributes":281,"../color/attributes":74}],172:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = { // layout attribute name name: 'updatemenus', // class names containerClassName: 'updatemenu-container', headerGroupClassName: 'updatemenu-header-group', headerClassName: 'updatemenu-header', headerArrowClassName: 'updatemenu-header-arrow', dropdownButtonGroupClassName: 'updatemenu-dropdown-button-group', dropdownButtonClassName: 'updatemenu-dropdown-button', buttonClassName: 'updatemenu-button', itemRectClassName: 'updatemenu-item-rect', itemTextClassName: 'updatemenu-item-text', // DOM attribute name in button group keeping track // of active update menu menuIndexAttrName: 'updatemenu-active-index', // id root pass to Plots.autoMargin autoMarginIdRoot: 'updatemenu-', // options when 'active: -1' blankHeaderOpts: { label: ' ' }, // min item width / height minWidth: 30, minHeight: 30, // padding around item text textPadX: 24, arrowPadX: 16, // item rect radii rx: 2, ry: 2, // item text x offset off left edge textOffsetX: 12, // item text y offset (w.r.t. middle) textOffsetY: 3, // arrow offset off right edge arrowOffsetX: 4, // gap between header and buttons gapButtonHeader: 5, // gap between between buttons gapButton: 2, // color given to active buttons activeColor: '#F4FAFF', // color given to hovered buttons hoverColor: '#F4FAFF', // symbol for menu open arrow arrowSymbol: { left: '◄', right: '►', up: '▲', down: '▼' } }; },{}],173:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = _dereq_('../../lib'); var handleArrayContainerDefaults = _dereq_('../../plots/array_container_defaults'); var attributes = _dereq_('./attributes'); var constants = _dereq_('./constants'); var name = constants.name; var buttonAttrs = attributes.buttons; module.exports = function updateMenusDefaults(layoutIn, layoutOut) { var opts = { name: name, handleItemDefaults: menuDefaults }; handleArrayContainerDefaults(layoutIn, layoutOut, opts); }; function menuDefaults(menuIn, menuOut, layoutOut) { function coerce(attr, dflt) { return Lib.coerce(menuIn, menuOut, attributes, attr, dflt); } var buttons = handleArrayContainerDefaults(menuIn, menuOut, { name: 'buttons', handleItemDefaults: buttonDefaults }); var visible = coerce('visible', buttons.length > 0); if(!visible) return; coerce('active'); coerce('direction'); coerce('type'); coerce('showactive'); coerce('x'); coerce('y'); Lib.noneOrAll(menuIn, menuOut, ['x', 'y']); coerce('xanchor'); coerce('yanchor'); coerce('pad.t'); coerce('pad.r'); coerce('pad.b'); coerce('pad.l'); Lib.coerceFont(coerce, 'font', layoutOut.font); coerce('bgcolor', layoutOut.paper_bgcolor); coerce('bordercolor'); coerce('borderwidth'); } function buttonDefaults(buttonIn, buttonOut) { function coerce(attr, dflt) { return Lib.coerce(buttonIn, buttonOut, buttonAttrs, attr, dflt); } var visible = coerce('visible', (buttonIn.method === 'skip' || Array.isArray(buttonIn.args))); if(visible) { coerce('method'); coerce('args'); coerce('args2'); coerce('label'); coerce('execute'); } } },{"../../lib":202,"../../plots/array_container_defaults":243,"./attributes":171,"./constants":172}],174:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = _dereq_('d3'); var Plots = _dereq_('../../plots/plots'); var Color = _dereq_('../color'); var Drawing = _dereq_('../drawing'); var Lib = _dereq_('../../lib'); var svgTextUtils = _dereq_('../../lib/svg_text_utils'); var arrayEditor = _dereq_('../../plot_api/plot_template').arrayEditor; var LINE_SPACING = _dereq_('../../constants/alignment').LINE_SPACING; var constants = _dereq_('./constants'); var ScrollBox = _dereq_('./scrollbox'); module.exports = function draw(gd) { var fullLayout = gd._fullLayout; var menuData = Lib.filterVisible(fullLayout[constants.name]); /* Update menu data is bound to the header-group. * The items in the header group are always present. * * Upon clicking on a header its corresponding button * data is bound to the button-group. * * We draw all headers in one group before all buttons * so that the buttons *always* appear above the headers. * * Note that only one set of buttons are visible at once. * * * * * * * * * * ... * * * * * ... */ function clearAutoMargin(menuOpts) { Plots.autoMargin(gd, autoMarginId(menuOpts)); } // draw update menu container var menus = fullLayout._menulayer .selectAll('g.' + constants.containerClassName) .data(menuData.length > 0 ? [0] : []); menus.enter().append('g') .classed(constants.containerClassName, true) .style('cursor', 'pointer'); menus.exit().each(function() { // Most components don't need to explicitly remove autoMargin, because // marginPushers does this - but updatemenu updates don't go through // a full replot so we need to explicitly remove it. // This is for removing *all* updatemenus, removing individuals is // handled below, in headerGroups.exit d3.select(this).selectAll('g.' + constants.headerGroupClassName) .each(clearAutoMargin); }).remove(); // return early if no update menus are visible if(menuData.length === 0) return; // join header group var headerGroups = menus.selectAll('g.' + constants.headerGroupClassName) .data(menuData, keyFunction); headerGroups.enter().append('g') .classed(constants.headerGroupClassName, true); // draw dropdown button container var gButton = Lib.ensureSingle(menus, 'g', constants.dropdownButtonGroupClassName, function(s) { s.style('pointer-events', 'all'); }); // find dimensions before plotting anything (this mutates menuOpts) for(var i = 0; i < menuData.length; i++) { var menuOpts = menuData[i]; findDimensions(gd, menuOpts); } // setup scrollbox var scrollBoxId = 'updatemenus' + fullLayout._uid; var scrollBox = new ScrollBox(gd, gButton, scrollBoxId); // remove exiting header, remove dropped buttons and reset margins if(headerGroups.enter().size()) { // make sure gButton is on top of all headers gButton.node().parentNode.appendChild(gButton.node()); gButton.call(removeAllButtons); } headerGroups.exit().each(function(menuOpts) { gButton.call(removeAllButtons); clearAutoMargin(menuOpts); }).remove(); // draw headers! headerGroups.each(function(menuOpts) { var gHeader = d3.select(this); var _gButton = menuOpts.type === 'dropdown' ? gButton : null; Plots.manageCommandObserver(gd, menuOpts, menuOpts.buttons, function(data) { setActive(gd, menuOpts, menuOpts.buttons[data.index], gHeader, _gButton, scrollBox, data.index, true); }); if(menuOpts.type === 'dropdown') { drawHeader(gd, gHeader, gButton, scrollBox, menuOpts); // if this menu is active, update the dropdown container if(isActive(gButton, menuOpts)) { drawButtons(gd, gHeader, gButton, scrollBox, menuOpts); } } else { drawButtons(gd, gHeader, null, null, menuOpts); } }); }; // Note that '_index' is set at the default step, // it corresponds to the menu index in the user layout update menu container. // Because a menu can be set invisible, // this is a more 'consistent' field than the index in the menuData. function keyFunction(menuOpts) { return menuOpts._index; } function isFolded(gButton) { return +gButton.attr(constants.menuIndexAttrName) === -1; } function isActive(gButton, menuOpts) { return +gButton.attr(constants.menuIndexAttrName) === menuOpts._index; } function setActive(gd, menuOpts, buttonOpts, gHeader, gButton, scrollBox, buttonIndex, isSilentUpdate) { // update 'active' attribute in menuOpts menuOpts.active = buttonIndex; // due to templating, it's possible this slider doesn't even exist yet arrayEditor(gd.layout, constants.name, menuOpts) .applyUpdate('active', buttonIndex); if(menuOpts.type === 'buttons') { drawButtons(gd, gHeader, null, null, menuOpts); } else if(menuOpts.type === 'dropdown') { // fold up buttons and redraw header gButton.attr(constants.menuIndexAttrName, '-1'); drawHeader(gd, gHeader, gButton, scrollBox, menuOpts); if(!isSilentUpdate) { drawButtons(gd, gHeader, gButton, scrollBox, menuOpts); } } } function drawHeader(gd, gHeader, gButton, scrollBox, menuOpts) { var header = Lib.ensureSingle(gHeader, 'g', constants.headerClassName, function(s) { s.style('pointer-events', 'all'); }); var dims = menuOpts._dims; var active = menuOpts.active; var headerOpts = menuOpts.buttons[active] || constants.blankHeaderOpts; var posOpts = { y: menuOpts.pad.t, yPad: 0, x: menuOpts.pad.l, xPad: 0, index: 0 }; var positionOverrides = { width: dims.headerWidth, height: dims.headerHeight }; header .call(drawItem, menuOpts, headerOpts, gd) .call(setItemPosition, menuOpts, posOpts, positionOverrides); // draw drop arrow at the right edge var arrow = Lib.ensureSingle(gHeader, 'text', constants.headerArrowClassName, function(s) { s.attr('text-anchor', 'end') .call(Drawing.font, menuOpts.font) .text(constants.arrowSymbol[menuOpts.direction]); }); arrow.attr({ x: dims.headerWidth - constants.arrowOffsetX + menuOpts.pad.l, y: dims.headerHeight / 2 + constants.textOffsetY + menuOpts.pad.t }); header.on('click', function() { gButton.call(removeAllButtons, String(isActive(gButton, menuOpts) ? -1 : menuOpts._index) ); drawButtons(gd, gHeader, gButton, scrollBox, menuOpts); }); header.on('mouseover', function() { header.call(styleOnMouseOver); }); header.on('mouseout', function() { header.call(styleOnMouseOut, menuOpts); }); // translate header group Drawing.setTranslate(gHeader, dims.lx, dims.ly); } function drawButtons(gd, gHeader, gButton, scrollBox, menuOpts) { // If this is a set of buttons, set pointer events = all since we play // some minor games with which container is which in order to simplify // the drawing of *either* buttons or menus if(!gButton) { gButton = gHeader; gButton.attr('pointer-events', 'all'); } var buttonData = (!isFolded(gButton) || menuOpts.type === 'buttons') ? menuOpts.buttons : []; var klass = menuOpts.type === 'dropdown' ? constants.dropdownButtonClassName : constants.buttonClassName; var buttons = gButton.selectAll('g.' + klass) .data(Lib.filterVisible(buttonData)); var enter = buttons.enter().append('g') .classed(klass, true); var exit = buttons.exit(); if(menuOpts.type === 'dropdown') { enter.attr('opacity', '0') .transition() .attr('opacity', '1'); exit.transition() .attr('opacity', '0') .remove(); } else { exit.remove(); } var x0 = 0; var y0 = 0; var dims = menuOpts._dims; var isVertical = ['up', 'down'].indexOf(menuOpts.direction) !== -1; if(menuOpts.type === 'dropdown') { if(isVertical) { y0 = dims.headerHeight + constants.gapButtonHeader; } else { x0 = dims.headerWidth + constants.gapButtonHeader; } } if(menuOpts.type === 'dropdown' && menuOpts.direction === 'up') { y0 = -constants.gapButtonHeader + constants.gapButton - dims.openHeight; } if(menuOpts.type === 'dropdown' && menuOpts.direction === 'left') { x0 = -constants.gapButtonHeader + constants.gapButton - dims.openWidth; } var posOpts = { x: dims.lx + x0 + menuOpts.pad.l, y: dims.ly + y0 + menuOpts.pad.t, yPad: constants.gapButton, xPad: constants.gapButton, index: 0, }; var scrollBoxPosition = { l: posOpts.x + menuOpts.borderwidth, t: posOpts.y + menuOpts.borderwidth }; buttons.each(function(buttonOpts, buttonIndex) { var button = d3.select(this); button .call(drawItem, menuOpts, buttonOpts, gd) .call(setItemPosition, menuOpts, posOpts); button.on('click', function() { // skip `dragend` events if(d3.event.defaultPrevented) return; if(buttonOpts.execute) { if(buttonOpts.args2 && menuOpts.active === buttonIndex) { setActive(gd, menuOpts, buttonOpts, gHeader, gButton, scrollBox, -1); Plots.executeAPICommand(gd, buttonOpts.method, buttonOpts.args2); } else { setActive(gd, menuOpts, buttonOpts, gHeader, gButton, scrollBox, buttonIndex); Plots.executeAPICommand(gd, buttonOpts.method, buttonOpts.args); } } gd.emit('plotly_buttonclicked', {menu: menuOpts, button: buttonOpts, active: menuOpts.active}); }); button.on('mouseover', function() { button.call(styleOnMouseOver); }); button.on('mouseout', function() { button.call(styleOnMouseOut, menuOpts); buttons.call(styleButtons, menuOpts); }); }); buttons.call(styleButtons, menuOpts); if(isVertical) { scrollBoxPosition.w = Math.max(dims.openWidth, dims.headerWidth); scrollBoxPosition.h = posOpts.y - scrollBoxPosition.t; } else { scrollBoxPosition.w = posOpts.x - scrollBoxPosition.l; scrollBoxPosition.h = Math.max(dims.openHeight, dims.headerHeight); } scrollBoxPosition.direction = menuOpts.direction; if(scrollBox) { if(buttons.size()) { drawScrollBox(gd, gHeader, gButton, scrollBox, menuOpts, scrollBoxPosition); } else { hideScrollBox(scrollBox); } } } function drawScrollBox(gd, gHeader, gButton, scrollBox, menuOpts, position) { // enable the scrollbox var direction = menuOpts.direction; var isVertical = (direction === 'up' || direction === 'down'); var dims = menuOpts._dims; var active = menuOpts.active; var translateX, translateY; var i; if(isVertical) { translateY = 0; for(i = 0; i < active; i++) { translateY += dims.heights[i] + constants.gapButton; } } else { translateX = 0; for(i = 0; i < active; i++) { translateX += dims.widths[i] + constants.gapButton; } } scrollBox.enable(position, translateX, translateY); if(scrollBox.hbar) { scrollBox.hbar .attr('opacity', '0') .transition() .attr('opacity', '1'); } if(scrollBox.vbar) { scrollBox.vbar .attr('opacity', '0') .transition() .attr('opacity', '1'); } } function hideScrollBox(scrollBox) { var hasHBar = !!scrollBox.hbar; var hasVBar = !!scrollBox.vbar; if(hasHBar) { scrollBox.hbar .transition() .attr('opacity', '0') .each('end', function() { hasHBar = false; if(!hasVBar) scrollBox.disable(); }); } if(hasVBar) { scrollBox.vbar .transition() .attr('opacity', '0') .each('end', function() { hasVBar = false; if(!hasHBar) scrollBox.disable(); }); } } function drawItem(item, menuOpts, itemOpts, gd) { item.call(drawItemRect, menuOpts) .call(drawItemText, menuOpts, itemOpts, gd); } function drawItemRect(item, menuOpts) { var rect = Lib.ensureSingle(item, 'rect', constants.itemRectClassName, function(s) { s.attr({ rx: constants.rx, ry: constants.ry, 'shape-rendering': 'crispEdges' }); }); rect.call(Color.stroke, menuOpts.bordercolor) .call(Color.fill, menuOpts.bgcolor) .style('stroke-width', menuOpts.borderwidth + 'px'); } function drawItemText(item, menuOpts, itemOpts, gd) { var text = Lib.ensureSingle(item, 'text', constants.itemTextClassName, function(s) { s.attr({ 'text-anchor': 'start', 'data-notex': 1 }); }); var tx = itemOpts.label; var _meta = gd._fullLayout._meta; if(_meta) tx = Lib.templateString(tx, _meta); text.call(Drawing.font, menuOpts.font) .text(tx) .call(svgTextUtils.convertToTspans, gd); } function styleButtons(buttons, menuOpts) { var active = menuOpts.active; buttons.each(function(buttonOpts, i) { var button = d3.select(this); if(i === active && menuOpts.showactive) { button.select('rect.' + constants.itemRectClassName) .call(Color.fill, constants.activeColor); } }); } function styleOnMouseOver(item) { item.select('rect.' + constants.itemRectClassName) .call(Color.fill, constants.hoverColor); } function styleOnMouseOut(item, menuOpts) { item.select('rect.' + constants.itemRectClassName) .call(Color.fill, menuOpts.bgcolor); } // find item dimensions (this mutates menuOpts) function findDimensions(gd, menuOpts) { var dims = menuOpts._dims = { width1: 0, height1: 0, heights: [], widths: [], totalWidth: 0, totalHeight: 0, openWidth: 0, openHeight: 0, lx: 0, ly: 0 }; var fakeButtons = Drawing.tester.selectAll('g.' + constants.dropdownButtonClassName) .data(Lib.filterVisible(menuOpts.buttons)); fakeButtons.enter().append('g') .classed(constants.dropdownButtonClassName, true); var isVertical = ['up', 'down'].indexOf(menuOpts.direction) !== -1; // loop over fake buttons to find width / height fakeButtons.each(function(buttonOpts, i) { var button = d3.select(this); button.call(drawItem, menuOpts, buttonOpts, gd); var text = button.select('.' + constants.itemTextClassName); // width is given by max width of all buttons var tWidth = text.node() && Drawing.bBox(text.node()).width; var wEff = Math.max(tWidth + constants.textPadX, constants.minWidth); // height is determined by item text var tHeight = menuOpts.font.size * LINE_SPACING; var tLines = svgTextUtils.lineCount(text); var hEff = Math.max(tHeight * tLines, constants.minHeight) + constants.textOffsetY; hEff = Math.ceil(hEff); wEff = Math.ceil(wEff); // Store per-item sizes since a row of horizontal buttons, for example, // don't all need to be the same width: dims.widths[i] = wEff; dims.heights[i] = hEff; // Height and width of individual element: dims.height1 = Math.max(dims.height1, hEff); dims.width1 = Math.max(dims.width1, wEff); if(isVertical) { dims.totalWidth = Math.max(dims.totalWidth, wEff); dims.openWidth = dims.totalWidth; dims.totalHeight += hEff + constants.gapButton; dims.openHeight += hEff + constants.gapButton; } else { dims.totalWidth += wEff + constants.gapButton; dims.openWidth += wEff + constants.gapButton; dims.totalHeight = Math.max(dims.totalHeight, hEff); dims.openHeight = dims.totalHeight; } }); if(isVertical) { dims.totalHeight -= constants.gapButton; } else { dims.totalWidth -= constants.gapButton; } dims.headerWidth = dims.width1 + constants.arrowPadX; dims.headerHeight = dims.height1; if(menuOpts.type === 'dropdown') { if(isVertical) { dims.width1 += constants.arrowPadX; dims.totalHeight = dims.height1; } else { dims.totalWidth = dims.width1; } dims.totalWidth += constants.arrowPadX; } fakeButtons.remove(); var paddedWidth = dims.totalWidth + menuOpts.pad.l + menuOpts.pad.r; var paddedHeight = dims.totalHeight + menuOpts.pad.t + menuOpts.pad.b; var graphSize = gd._fullLayout._size; dims.lx = graphSize.l + graphSize.w * menuOpts.x; dims.ly = graphSize.t + graphSize.h * (1 - menuOpts.y); var xanchor = 'left'; if(Lib.isRightAnchor(menuOpts)) { dims.lx -= paddedWidth; xanchor = 'right'; } if(Lib.isCenterAnchor(menuOpts)) { dims.lx -= paddedWidth / 2; xanchor = 'center'; } var yanchor = 'top'; if(Lib.isBottomAnchor(menuOpts)) { dims.ly -= paddedHeight; yanchor = 'bottom'; } if(Lib.isMiddleAnchor(menuOpts)) { dims.ly -= paddedHeight / 2; yanchor = 'middle'; } dims.totalWidth = Math.ceil(dims.totalWidth); dims.totalHeight = Math.ceil(dims.totalHeight); dims.lx = Math.round(dims.lx); dims.ly = Math.round(dims.ly); Plots.autoMargin(gd, autoMarginId(menuOpts), { x: menuOpts.x, y: menuOpts.y, l: paddedWidth * ({right: 1, center: 0.5}[xanchor] || 0), r: paddedWidth * ({left: 1, center: 0.5}[xanchor] || 0), b: paddedHeight * ({top: 1, middle: 0.5}[yanchor] || 0), t: paddedHeight * ({bottom: 1, middle: 0.5}[yanchor] || 0) }); } function autoMarginId(menuOpts) { return constants.autoMarginIdRoot + menuOpts._index; } // set item positions (mutates posOpts) function setItemPosition(item, menuOpts, posOpts, overrideOpts) { overrideOpts = overrideOpts || {}; var rect = item.select('.' + constants.itemRectClassName); var text = item.select('.' + constants.itemTextClassName); var borderWidth = menuOpts.borderwidth; var index = posOpts.index; var dims = menuOpts._dims; Drawing.setTranslate(item, borderWidth + posOpts.x, borderWidth + posOpts.y); var isVertical = ['up', 'down'].indexOf(menuOpts.direction) !== -1; var finalHeight = overrideOpts.height || (isVertical ? dims.heights[index] : dims.height1); rect.attr({ x: 0, y: 0, width: overrideOpts.width || (isVertical ? dims.width1 : dims.widths[index]), height: finalHeight }); var tHeight = menuOpts.font.size * LINE_SPACING; var tLines = svgTextUtils.lineCount(text); var spanOffset = ((tLines - 1) * tHeight / 2); svgTextUtils.positionText(text, constants.textOffsetX, finalHeight / 2 - spanOffset + constants.textOffsetY); if(isVertical) { posOpts.y += dims.heights[index] + posOpts.yPad; } else { posOpts.x += dims.widths[index] + posOpts.xPad; } posOpts.index++; } function removeAllButtons(gButton, newMenuIndexAttr) { gButton .attr(constants.menuIndexAttrName, newMenuIndexAttr || '-1') .selectAll('g.' + constants.dropdownButtonClassName).remove(); } },{"../../constants/alignment":177,"../../lib":202,"../../lib/svg_text_utils":224,"../../plot_api/plot_template":237,"../../plots/plots":282,"../color":75,"../drawing":97,"./constants":172,"./scrollbox":176,"d3":9}],175:[function(_dereq_,module,exports){ arguments[4][169][0].apply(exports,arguments) },{"./attributes":171,"./constants":172,"./defaults":173,"./draw":174,"dup":169}],176:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = ScrollBox; var d3 = _dereq_('d3'); var Color = _dereq_('../color'); var Drawing = _dereq_('../drawing'); var Lib = _dereq_('../../lib'); /** * Helper class to setup a scroll box * * @class * @param gd Plotly's graph div * @param container Container to be scroll-boxed (as a D3 selection) * @param {string} id Id for the clip path to implement the scroll box */ function ScrollBox(gd, container, id) { this.gd = gd; this.container = container; this.id = id; // See ScrollBox.prototype.enable for further definition this.position = null; // scrollbox position this.translateX = null; // scrollbox horizontal translation this.translateY = null; // scrollbox vertical translation this.hbar = null; // horizontal scrollbar D3 selection this.vbar = null; // vertical scrollbar D3 selection // element to capture pointer events this.bg = this.container.selectAll('rect.scrollbox-bg').data([0]); this.bg.exit() .on('.drag', null) .on('wheel', null) .remove(); this.bg.enter().append('rect') .classed('scrollbox-bg', true) .style('pointer-events', 'all') .attr({ opacity: 0, x: 0, y: 0, width: 0, height: 0 }); } // scroll bar dimensions ScrollBox.barWidth = 2; ScrollBox.barLength = 20; ScrollBox.barRadius = 2; ScrollBox.barPad = 1; ScrollBox.barColor = '#808BA4'; /** * If needed, setup a clip path and scrollbars * * @method * @param {Object} position * @param {number} position.l Left side position (in pixels) * @param {number} position.t Top side (in pixels) * @param {number} position.w Width (in pixels) * @param {number} position.h Height (in pixels) * @param {string} [position.direction='down'] * Either 'down', 'left', 'right' or 'up' * @param {number} [translateX=0] Horizontal offset (in pixels) * @param {number} [translateY=0] Vertical offset (in pixels) */ ScrollBox.prototype.enable = function enable(position, translateX, translateY) { var fullLayout = this.gd._fullLayout; var fullWidth = fullLayout.width; var fullHeight = fullLayout.height; // compute position of scrollbox this.position = position; var l = this.position.l; var w = this.position.w; var t = this.position.t; var h = this.position.h; var direction = this.position.direction; var isDown = (direction === 'down'); var isLeft = (direction === 'left'); var isRight = (direction === 'right'); var isUp = (direction === 'up'); var boxW = w; var boxH = h; var boxL, boxR; var boxT, boxB; if(!isDown && !isLeft && !isRight && !isUp) { this.position.direction = 'down'; isDown = true; } var isVertical = isDown || isUp; if(isVertical) { boxL = l; boxR = boxL + boxW; if(isDown) { // anchor to top side boxT = t; boxB = Math.min(boxT + boxH, fullHeight); boxH = boxB - boxT; } else { // anchor to bottom side boxB = t + boxH; boxT = Math.max(boxB - boxH, 0); boxH = boxB - boxT; } } else { boxT = t; boxB = boxT + boxH; if(isLeft) { // anchor to right side boxR = l + boxW; boxL = Math.max(boxR - boxW, 0); boxW = boxR - boxL; } else { // anchor to left side boxL = l; boxR = Math.min(boxL + boxW, fullWidth); boxW = boxR - boxL; } } this._box = { l: boxL, t: boxT, w: boxW, h: boxH }; // compute position of horizontal scroll bar var needsHorizontalScrollBar = (w > boxW); var hbarW = ScrollBox.barLength + 2 * ScrollBox.barPad; var hbarH = ScrollBox.barWidth + 2 * ScrollBox.barPad; // draw horizontal scrollbar on the bottom side var hbarL = l; var hbarT = t + h; if(hbarT + hbarH > fullHeight) hbarT = fullHeight - hbarH; var hbar = this.container.selectAll('rect.scrollbar-horizontal').data( (needsHorizontalScrollBar) ? [0] : []); hbar.exit() .on('.drag', null) .remove(); hbar.enter().append('rect') .classed('scrollbar-horizontal', true) .call(Color.fill, ScrollBox.barColor); if(needsHorizontalScrollBar) { this.hbar = hbar.attr({ 'rx': ScrollBox.barRadius, 'ry': ScrollBox.barRadius, 'x': hbarL, 'y': hbarT, 'width': hbarW, 'height': hbarH }); // hbar center moves between hbarXMin and hbarXMin + hbarTranslateMax this._hbarXMin = hbarL + hbarW / 2; this._hbarTranslateMax = boxW - hbarW; } else { delete this.hbar; delete this._hbarXMin; delete this._hbarTranslateMax; } // compute position of vertical scroll bar var needsVerticalScrollBar = (h > boxH); var vbarW = ScrollBox.barWidth + 2 * ScrollBox.barPad; var vbarH = ScrollBox.barLength + 2 * ScrollBox.barPad; // draw vertical scrollbar on the right side var vbarL = l + w; var vbarT = t; if(vbarL + vbarW > fullWidth) vbarL = fullWidth - vbarW; var vbar = this.container.selectAll('rect.scrollbar-vertical').data( (needsVerticalScrollBar) ? [0] : []); vbar.exit() .on('.drag', null) .remove(); vbar.enter().append('rect') .classed('scrollbar-vertical', true) .call(Color.fill, ScrollBox.barColor); if(needsVerticalScrollBar) { this.vbar = vbar.attr({ 'rx': ScrollBox.barRadius, 'ry': ScrollBox.barRadius, 'x': vbarL, 'y': vbarT, 'width': vbarW, 'height': vbarH }); // vbar center moves between vbarYMin and vbarYMin + vbarTranslateMax this._vbarYMin = vbarT + vbarH / 2; this._vbarTranslateMax = boxH - vbarH; } else { delete this.vbar; delete this._vbarYMin; delete this._vbarTranslateMax; } // setup a clip path (if scroll bars are needed) var clipId = this.id; var clipL = boxL - 0.5; var clipR = (needsVerticalScrollBar) ? boxR + vbarW + 0.5 : boxR + 0.5; var clipT = boxT - 0.5; var clipB = (needsHorizontalScrollBar) ? boxB + hbarH + 0.5 : boxB + 0.5; var clipPath = fullLayout._topdefs.selectAll('#' + clipId) .data((needsHorizontalScrollBar || needsVerticalScrollBar) ? [0] : []); clipPath.exit().remove(); clipPath.enter() .append('clipPath').attr('id', clipId) .append('rect'); if(needsHorizontalScrollBar || needsVerticalScrollBar) { this._clipRect = clipPath.select('rect').attr({ x: Math.floor(clipL), y: Math.floor(clipT), width: Math.ceil(clipR) - Math.floor(clipL), height: Math.ceil(clipB) - Math.floor(clipT) }); this.container.call(Drawing.setClipUrl, clipId, this.gd); this.bg.attr({ x: l, y: t, width: w, height: h }); } else { this.bg.attr({ width: 0, height: 0 }); this.container .on('wheel', null) .on('.drag', null) .call(Drawing.setClipUrl, null); delete this._clipRect; } // set up drag listeners (if scroll bars are needed) if(needsHorizontalScrollBar || needsVerticalScrollBar) { var onBoxDrag = d3.behavior.drag() .on('dragstart', function() { d3.event.sourceEvent.preventDefault(); }) .on('drag', this._onBoxDrag.bind(this)); this.container .on('wheel', null) .on('wheel', this._onBoxWheel.bind(this)) .on('.drag', null) .call(onBoxDrag); var onBarDrag = d3.behavior.drag() .on('dragstart', function() { d3.event.sourceEvent.preventDefault(); d3.event.sourceEvent.stopPropagation(); }) .on('drag', this._onBarDrag.bind(this)); if(needsHorizontalScrollBar) { this.hbar .on('.drag', null) .call(onBarDrag); } if(needsVerticalScrollBar) { this.vbar .on('.drag', null) .call(onBarDrag); } } // set scrollbox translation this.setTranslate(translateX, translateY); }; /** * If present, remove clip-path and scrollbars * * @method */ ScrollBox.prototype.disable = function disable() { if(this.hbar || this.vbar) { this.bg.attr({ width: 0, height: 0 }); this.container .on('wheel', null) .on('.drag', null) .call(Drawing.setClipUrl, null); delete this._clipRect; } if(this.hbar) { this.hbar.on('.drag', null); this.hbar.remove(); delete this.hbar; delete this._hbarXMin; delete this._hbarTranslateMax; } if(this.vbar) { this.vbar.on('.drag', null); this.vbar.remove(); delete this.vbar; delete this._vbarYMin; delete this._vbarTranslateMax; } }; /** * Handles scroll box drag events * * @method */ ScrollBox.prototype._onBoxDrag = function _onBoxDrag() { var translateX = this.translateX; var translateY = this.translateY; if(this.hbar) { translateX -= d3.event.dx; } if(this.vbar) { translateY -= d3.event.dy; } this.setTranslate(translateX, translateY); }; /** * Handles scroll box wheel events * * @method */ ScrollBox.prototype._onBoxWheel = function _onBoxWheel() { var translateX = this.translateX; var translateY = this.translateY; if(this.hbar) { translateX += d3.event.deltaY; } if(this.vbar) { translateY += d3.event.deltaY; } this.setTranslate(translateX, translateY); }; /** * Handles scroll bar drag events * * @method */ ScrollBox.prototype._onBarDrag = function _onBarDrag() { var translateX = this.translateX; var translateY = this.translateY; if(this.hbar) { var xMin = translateX + this._hbarXMin; var xMax = xMin + this._hbarTranslateMax; var x = Lib.constrain(d3.event.x, xMin, xMax); var xf = (x - xMin) / (xMax - xMin); var translateXMax = this.position.w - this._box.w; translateX = xf * translateXMax; } if(this.vbar) { var yMin = translateY + this._vbarYMin; var yMax = yMin + this._vbarTranslateMax; var y = Lib.constrain(d3.event.y, yMin, yMax); var yf = (y - yMin) / (yMax - yMin); var translateYMax = this.position.h - this._box.h; translateY = yf * translateYMax; } this.setTranslate(translateX, translateY); }; /** * Set clip path and scroll bar translate transform * * @method * @param {number} [translateX=0] Horizontal offset (in pixels) * @param {number} [translateY=0] Vertical offset (in pixels) */ ScrollBox.prototype.setTranslate = function setTranslate(translateX, translateY) { // store translateX and translateY (needed by mouse event handlers) var translateXMax = this.position.w - this._box.w; var translateYMax = this.position.h - this._box.h; translateX = Lib.constrain(translateX || 0, 0, translateXMax); translateY = Lib.constrain(translateY || 0, 0, translateYMax); this.translateX = translateX; this.translateY = translateY; this.container.call(Drawing.setTranslate, this._box.l - this.position.l - translateX, this._box.t - this.position.t - translateY); if(this._clipRect) { this._clipRect.attr({ x: Math.floor(this.position.l + translateX - 0.5), y: Math.floor(this.position.t + translateY - 0.5) }); } if(this.hbar) { var xf = translateX / translateXMax; this.hbar.call(Drawing.setTranslate, translateX + xf * this._hbarTranslateMax, translateY); } if(this.vbar) { var yf = translateY / translateYMax; this.vbar.call(Drawing.setTranslate, translateX, translateY + yf * this._vbarTranslateMax); } }; },{"../../lib":202,"../color":75,"../drawing":97,"d3":9}],177:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; // fraction of some size to get to a named position module.exports = { // from bottom left: this is the origin of our paper-reference // positioning system FROM_BL: { left: 0, center: 0.5, right: 1, bottom: 0, middle: 0.5, top: 1 }, // from top left: this is the screen pixel positioning origin FROM_TL: { left: 0, center: 0.5, right: 1, bottom: 1, middle: 0.5, top: 0 }, // from bottom right: sometimes you just need the opposite of ^^ FROM_BR: { left: 1, center: 0.5, right: 0, bottom: 0, middle: 0.5, top: 1 }, // multiple of fontSize to get the vertical offset between lines LINE_SPACING: 1.3, // multiple of fontSize to shift from the baseline // to the cap (captical letter) line // (to use when we don't calculate this shift from Drawing.bBox) // This is an approximation since in reality cap height can differ // from font to font. However, according to Wikipedia // an "average" font might have a cap height of 70% of the em // https://en.wikipedia.org/wiki/Em_(typography)#History CAP_SHIFT: 0.70, // half the cap height (distance between baseline and cap line) // of an "average" font (for more info see above). MID_SHIFT: 0.35, OPPOSITE_SIDE: { left: 'right', right: 'left', top: 'bottom', bottom: 'top' } }; },{}],178:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = { axisRefDescription: function(axisname, lower, upper) { return [ 'If set to a', axisname, 'axis id (e.g. *' + axisname + '* or', '*' + axisname + '2*), the `' + axisname + '` position refers to a', axisname, 'coordinate. If set to *paper*, the `' + axisname + '`', 'position refers to the distance from the', lower, 'of the plotting', 'area in normalized coordinates where *0* (*1*) corresponds to the', lower, '(' + upper + '). If set to a', axisname, 'axis ID followed by', '*domain* (separated by a space), the position behaves like for', '*paper*, but refers to the distance in fractions of the domain', 'length from the', lower, 'of the domain of that axis: e.g.,', '*' + axisname + '2 domain* refers to the domain of the second', axisname, ' axis and a', axisname, 'position of 0.5 refers to the', 'point between the', lower, 'and the', upper, 'of the domain of the', 'second', axisname, 'axis.', ].join(' '); } }; },{}],179:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = { FORMAT_LINK: 'https://github.com/d3/d3-3.x-api-reference/blob/master/Formatting.md#d3_format', DATE_FORMAT_LINK: 'https://github.com/d3/d3-time-format#locale_format' }; },{}],180:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = { /** * Timing information for interactive elements */ SHOW_PLACEHOLDER: 100, HIDE_PLACEHOLDER: 1000, // opacity dimming fraction for points that are not in selection DESELECTDIM: 0.2 }; },{}],181:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = { /** * Standardize all missing data in calcdata to use undefined * never null or NaN. * That way we can use !==undefined, or !== BADNUM, * to test for real data */ BADNUM: undefined, /* * Limit certain operations to well below floating point max value * to avoid glitches: Make sure that even when you multiply it by the * number of pixels on a giant screen it still works */ FP_SAFE: Number.MAX_VALUE / 10000, /* * conversion of date units to milliseconds * year and month constants are marked "AVG" * to remind us that not all years and months * have the same length */ ONEMAXYEAR: 31622400000, // 366 * ONEDAY ONEAVGYEAR: 31557600000, // 365.25 days ONEMINYEAR: 31536000000, // 365 * ONEDAY ONEMAXQUARTER: 7948800000, // 92 * ONEDAY ONEAVGQUARTER: 7889400000, // 1/4 of ONEAVGYEAR ONEMINQUARTER: 7689600000, // 89 * ONEDAY ONEMAXMONTH: 2678400000, // 31 * ONEDAY ONEAVGMONTH: 2629800000, // 1/12 of ONEAVGYEAR ONEMINMONTH: 2419200000, // 28 * ONEDAY ONEWEEK: 604800000, // 7 * ONEDAY ONEDAY: 86400000, // 24 * ONEHOUR ONEHOUR: 3600000, ONEMIN: 60000, ONESEC: 1000, /* * For fast conversion btwn world calendars and epoch ms, the Julian Day Number * of the unix epoch. From calendars.instance().newDate(1970, 1, 1).toJD() */ EPOCHJD: 2440587.5, /* * Are two values nearly equal? Compare to 1PPM */ ALMOST_EQUAL: 1 - 1e-6, /* * If we're asked to clip a non-positive log value, how far off-screen * do we put it? */ LOG_CLIP: 10, /* * not a number, but for displaying numbers: the "minus sign" symbol is * wider than the regular ascii dash "-" */ MINUS_SIGN: '\u2212' }; },{}],182:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; exports.xmlns = 'http://www.w3.org/2000/xmlns/'; exports.svg = 'http://www.w3.org/2000/svg'; exports.xlink = 'http://www.w3.org/1999/xlink'; // the 'old' d3 quirk got fix in v3.5.7 // https://github.com/mbostock/d3/commit/a6f66e9dd37f764403fc7c1f26be09ab4af24fed exports.svgAttrs = { xmlns: exports.svg, 'xmlns:xlink': exports.xlink }; },{}],183:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; exports.version = _dereq_('./version').version; // inject promise polyfill _dereq_('es6-promise').polyfill(); // inject plot css _dereq_('../build/plotcss'); // inject default MathJax config _dereq_('./fonts/mathjax_config')(); // include registry module and expose register method var Registry = _dereq_('./registry'); var register = exports.register = Registry.register; // expose plot api methods var plotApi = _dereq_('./plot_api'); var methodNames = Object.keys(plotApi); for(var i = 0; i < methodNames.length; i++) { var name = methodNames[i]; // _ -> private API methods, but still registered for internal use if(name.charAt(0) !== '_') exports[name] = plotApi[name]; register({ moduleType: 'apiMethod', name: name, fn: plotApi[name] }); } // scatter is the only trace included by default register(_dereq_('./traces/scatter')); // register all registrable components modules register([ _dereq_('./components/legend'), _dereq_('./components/fx'), // fx needs to come after legend _dereq_('./components/annotations'), _dereq_('./components/annotations3d'), _dereq_('./components/shapes'), _dereq_('./components/images'), _dereq_('./components/updatemenus'), _dereq_('./components/sliders'), _dereq_('./components/rangeslider'), _dereq_('./components/rangeselector'), _dereq_('./components/grid'), _dereq_('./components/errorbars'), _dereq_('./components/colorscale'), _dereq_('./components/colorbar') ]); // locales en and en-US are required for default behavior register([ _dereq_('./locale-en'), _dereq_('./locale-en-us') ]); // locales that are present in the window should be loaded if(window.PlotlyLocales && Array.isArray(window.PlotlyLocales)) { register(window.PlotlyLocales); delete window.PlotlyLocales; } // plot icons exports.Icons = _dereq_('./fonts/ploticon'); // unofficial 'beta' plot methods, use at your own risk exports.Plots = _dereq_('./plots/plots'); exports.Fx = _dereq_('./components/fx'); exports.Snapshot = _dereq_('./snapshot'); exports.PlotSchema = _dereq_('./plot_api/plot_schema'); exports.Queue = _dereq_('./lib/queue'); // export d3 used in the bundle exports.d3 = _dereq_('d3'); },{"../build/plotcss":1,"./components/annotations":68,"./components/annotations3d":73,"./components/colorbar":81,"./components/colorscale":87,"./components/errorbars":103,"./components/fx":115,"./components/grid":119,"./components/images":124,"./components/legend":132,"./components/rangeselector":143,"./components/rangeslider":150,"./components/shapes":164,"./components/sliders":169,"./components/updatemenus":175,"./fonts/mathjax_config":184,"./fonts/ploticon":185,"./lib/queue":217,"./locale-en":228,"./locale-en-us":227,"./plot_api":232,"./plot_api/plot_schema":236,"./plots/plots":282,"./registry":290,"./snapshot":295,"./traces/scatter":342,"./version":358,"d3":9,"es6-promise":10}],184:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; /* global MathJax:false */ module.exports = function() { if(typeof MathJax !== 'undefined') { var globalConfig = (window.PlotlyConfig || {}).MathJaxConfig !== 'local'; if(globalConfig) { MathJax.Hub.Config({ messageStyle: 'none', skipStartupTypeset: true, displayAlign: 'left', tex2jax: { inlineMath: [['$', '$'], ['\\(', '\\)']] } }); MathJax.Hub.Configured(); } } }; },{}],185:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = { 'undo': { 'width': 857.1, 'height': 1000, 'path': 'm857 350q0-87-34-166t-91-137-137-92-166-34q-96 0-183 41t-147 114q-4 6-4 13t5 11l76 77q6 5 14 5 9-1 13-7 41-53 100-82t126-29q58 0 110 23t92 61 61 91 22 111-22 111-61 91-92 61-110 23q-55 0-105-20t-90-57l77-77q17-16 8-38-10-23-33-23h-250q-15 0-25 11t-11 25v250q0 24 22 33 22 10 39-8l72-72q60 57 137 88t159 31q87 0 166-34t137-92 91-137 34-166z', 'transform': 'matrix(1 0 0 -1 0 850)' }, 'home': { 'width': 928.6, 'height': 1000, 'path': 'm786 296v-267q0-15-11-26t-25-10h-214v214h-143v-214h-214q-15 0-25 10t-11 26v267q0 1 0 2t0 2l321 264 321-264q1-1 1-4z m124 39l-34-41q-5-5-12-6h-2q-7 0-12 3l-386 322-386-322q-7-4-13-4-7 2-12 7l-35 41q-4 5-3 13t6 12l401 334q18 15 42 15t43-15l136-114v109q0 8 5 13t13 5h107q8 0 13-5t5-13v-227l122-102q5-5 6-12t-4-13z', 'transform': 'matrix(1 0 0 -1 0 850)' }, 'camera-retro': { 'width': 1000, 'height': 1000, 'path': 'm518 386q0 8-5 13t-13 5q-37 0-63-27t-26-63q0-8 5-13t13-5 12 5 5 13q0 23 16 38t38 16q8 0 13 5t5 13z m125-73q0-59-42-101t-101-42-101 42-42 101 42 101 101 42 101-42 42-101z m-572-320h858v71h-858v-71z m643 320q0 89-62 152t-152 62-151-62-63-152 63-151 151-63 152 63 62 151z m-571 358h214v72h-214v-72z m-72-107h858v143h-462l-36-71h-360v-72z m929 143v-714q0-30-21-51t-50-21h-858q-29 0-50 21t-21 51v714q0 30 21 51t50 21h858q29 0 50-21t21-51z', 'transform': 'matrix(1 0 0 -1 0 850)' }, 'zoombox': { 'width': 1000, 'height': 1000, 'path': 'm1000-25l-250 251c40 63 63 138 63 218 0 224-182 406-407 406-224 0-406-182-406-406s183-406 407-406c80 0 155 22 218 62l250-250 125 125z m-812 250l0 438 437 0 0-438-437 0z m62 375l313 0 0-312-313 0 0 312z', 'transform': 'matrix(1 0 0 -1 0 850)' }, 'pan': { 'width': 1000, 'height': 1000, 'path': 'm1000 350l-187 188 0-125-250 0 0 250 125 0-188 187-187-187 125 0 0-250-250 0 0 125-188-188 186-187 0 125 252 0 0-250-125 0 187-188 188 188-125 0 0 250 250 0 0-126 187 188z', 'transform': 'matrix(1 0 0 -1 0 850)' }, 'zoom_plus': { 'width': 875, 'height': 1000, 'path': 'm1 787l0-875 875 0 0 875-875 0z m687-500l-187 0 0-187-125 0 0 187-188 0 0 125 188 0 0 187 125 0 0-187 187 0 0-125z', 'transform': 'matrix(1 0 0 -1 0 850)' }, 'zoom_minus': { 'width': 875, 'height': 1000, 'path': 'm0 788l0-876 875 0 0 876-875 0z m688-500l-500 0 0 125 500 0 0-125z', 'transform': 'matrix(1 0 0 -1 0 850)' }, 'autoscale': { 'width': 1000, 'height': 1000, 'path': 'm250 850l-187 0-63 0 0-62 0-188 63 0 0 188 187 0 0 62z m688 0l-188 0 0-62 188 0 0-188 62 0 0 188 0 62-62 0z m-875-938l0 188-63 0 0-188 0-62 63 0 187 0 0 62-187 0z m875 188l0-188-188 0 0-62 188 0 62 0 0 62 0 188-62 0z m-125 188l-1 0-93-94-156 156 156 156 92-93 2 0 0 250-250 0 0-2 93-92-156-156-156 156 94 92 0 2-250 0 0-250 0 0 93 93 157-156-157-156-93 94 0 0 0-250 250 0 0 0-94 93 156 157 156-157-93-93 0 0 250 0 0 250z', 'transform': 'matrix(1 0 0 -1 0 850)' }, 'tooltip_basic': { 'width': 1500, 'height': 1000, 'path': 'm375 725l0 0-375-375 375-374 0-1 1125 0 0 750-1125 0z', 'transform': 'matrix(1 0 0 -1 0 850)' }, 'tooltip_compare': { 'width': 1125, 'height': 1000, 'path': 'm187 786l0 2-187-188 188-187 0 0 937 0 0 373-938 0z m0-499l0 1-187-188 188-188 0 0 937 0 0 376-938-1z', 'transform': 'matrix(1 0 0 -1 0 850)' }, 'plotlylogo': { 'width': 1542, 'height': 1000, 'path': 'm0-10h182v-140h-182v140z m228 146h183v-286h-183v286z m225 714h182v-1000h-182v1000z m225-285h182v-715h-182v715z m225 142h183v-857h-183v857z m231-428h182v-429h-182v429z m225-291h183v-138h-183v138z', 'transform': 'matrix(1 0 0 -1 0 850)' }, 'z-axis': { 'width': 1000, 'height': 1000, 'path': 'm833 5l-17 108v41l-130-65 130-66c0 0 0 38 0 39 0-1 36-14 39-25 4-15-6-22-16-30-15-12-39-16-56-20-90-22-187-23-279-23-261 0-341 34-353 59 3 60 228 110 228 110-140-8-351-35-351-116 0-120 293-142 474-142 155 0 477 22 477 142 0 50-74 79-163 96z m-374 94c-58-5-99-21-99-40 0-24 65-43 144-43 79 0 143 19 143 43 0 19-42 34-98 40v216h87l-132 135-133-135h88v-216z m167 515h-136v1c16 16 31 34 46 52l84 109v54h-230v-71h124v-1c-16-17-28-32-44-51l-89-114v-51h245v72z', 'transform': 'matrix(1 0 0 -1 0 850)' }, '3d_rotate': { 'width': 1000, 'height': 1000, 'path': 'm922 660c-5 4-9 7-14 11-359 263-580-31-580-31l-102 28 58-400c0 1 1 1 2 2 118 108 351 249 351 249s-62 27-100 42c88 83 222 183 347 122 16-8 30-17 44-27-2 1-4 2-6 4z m36-329c0 0 64 229-88 296-62 27-124 14-175-11 157-78 225-208 249-266 8-19 11-31 11-31 2 5 6 15 11 32-5-13-8-20-8-20z m-775-239c70-31 117-50 198-32-121 80-199 346-199 346l-96-15-58-12c0 0 55-226 155-287z m603 133l-317-139c0 0 4-4 19-14 7-5 24-15 24-15s-177-147-389 4c235-287 536-112 536-112l31-22 100 299-4-1z m-298-153c6-4 14-9 24-15 0 0-17 10-24 15z', 'transform': 'matrix(1 0 0 -1 0 850)' }, 'camera': { 'width': 1000, 'height': 1000, 'path': 'm500 450c-83 0-150-67-150-150 0-83 67-150 150-150 83 0 150 67 150 150 0 83-67 150-150 150z m400 150h-120c-16 0-34 13-39 29l-31 93c-6 15-23 28-40 28h-340c-16 0-34-13-39-28l-31-94c-6-15-23-28-40-28h-120c-55 0-100-45-100-100v-450c0-55 45-100 100-100h800c55 0 100 45 100 100v450c0 55-45 100-100 100z m-400-550c-138 0-250 112-250 250 0 138 112 250 250 250 138 0 250-112 250-250 0-138-112-250-250-250z m365 380c-19 0-35 16-35 35 0 19 16 35 35 35 19 0 35-16 35-35 0-19-16-35-35-35z', 'transform': 'matrix(1 0 0 -1 0 850)' }, 'movie': { 'width': 1000, 'height': 1000, 'path': 'm938 413l-188-125c0 37-17 71-44 94 64 38 107 107 107 187 0 121-98 219-219 219-121 0-219-98-219-219 0-61 25-117 66-156h-115c30 33 49 76 49 125 0 103-84 187-187 187s-188-84-188-187c0-57 26-107 65-141-38-22-65-62-65-109v-250c0-70 56-126 125-126h500c69 0 125 56 125 126l188-126c34 0 62 28 62 63v375c0 35-28 63-62 63z m-750 0c-69 0-125 56-125 125s56 125 125 125 125-56 125-125-56-125-125-125z m406-1c-87 0-157 70-157 157 0 86 70 156 157 156s156-70 156-156-70-157-156-157z', 'transform': 'matrix(1 0 0 -1 0 850)' }, 'question': { 'width': 857.1, 'height': 1000, 'path': 'm500 82v107q0 8-5 13t-13 5h-107q-8 0-13-5t-5-13v-107q0-8 5-13t13-5h107q8 0 13 5t5 13z m143 375q0 49-31 91t-77 65-95 23q-136 0-207-119-9-14 4-24l74-55q4-4 10-4 9 0 14 7 30 38 48 51 19 14 48 14 27 0 48-15t21-33q0-21-11-34t-38-25q-35-16-65-48t-29-70v-20q0-8 5-13t13-5h107q8 0 13 5t5 13q0 10 12 27t30 28q18 10 28 16t25 19 25 27 16 34 7 45z m214-107q0-117-57-215t-156-156-215-58-216 58-155 156-58 215 58 215 155 156 216 58 215-58 156-156 57-215z', 'transform': 'matrix(1 0 0 -1 0 850)' }, 'disk': { 'width': 857.1, 'height': 1000, 'path': 'm214-7h429v214h-429v-214z m500 0h72v500q0 8-6 21t-11 20l-157 156q-5 6-19 12t-22 5v-232q0-22-15-38t-38-16h-322q-22 0-37 16t-16 38v232h-72v-714h72v232q0 22 16 38t37 16h465q22 0 38-16t15-38v-232z m-214 518v178q0 8-5 13t-13 5h-107q-7 0-13-5t-5-13v-178q0-8 5-13t13-5h107q7 0 13 5t5 13z m357-18v-518q0-22-15-38t-38-16h-750q-23 0-38 16t-16 38v750q0 22 16 38t38 16h517q23 0 50-12t42-26l156-157q16-15 27-42t11-49z', 'transform': 'matrix(1 0 0 -1 0 850)' }, 'drawopenpath': { 'width': 70, 'height': 70, 'path': 'M33.21,85.65a7.31,7.31,0,0,1-2.59-.48c-8.16-3.11-9.27-19.8-9.88-41.3-.1-3.58-.19-6.68-.35-9-.15-2.1-.67-3.48-1.43-3.79-2.13-.88-7.91,2.32-12,5.86L3,32.38c1.87-1.64,11.55-9.66,18.27-6.9,2.13.87,4.75,3.14,5.17,9,.17,2.43.26,5.59.36,9.25a224.17,224.17,0,0,0,1.5,23.4c1.54,10.76,4,12.22,4.48,12.4.84.32,2.79-.46,5.76-3.59L43,80.07C41.53,81.57,37.68,85.64,33.21,85.65ZM74.81,69a11.34,11.34,0,0,0,6.09-6.72L87.26,44.5,74.72,32,56.9,38.35c-2.37.86-5.57,3.42-6.61,6L38.65,72.14l8.42,8.43ZM55,46.27a7.91,7.91,0,0,1,3.64-3.17l14.8-5.3,8,8L76.11,60.6l-.06.19a6.37,6.37,0,0,1-3,3.43L48.25,74.59,44.62,71Zm16.57,7.82A6.9,6.9,0,1,0,64.64,61,6.91,6.91,0,0,0,71.54,54.09Zm-4.05,0a2.85,2.85,0,1,1-2.85-2.85A2.86,2.86,0,0,1,67.49,54.09Zm-4.13,5.22L60.5,56.45,44.26,72.7l2.86,2.86ZM97.83,35.67,84.14,22l-8.57,8.57L89.26,44.24Zm-13.69-8,8,8-2.85,2.85-8-8Z', 'transform': 'matrix(1 0 0 1 -15 -15)' }, 'drawclosedpath': { 'width': 90, 'height': 90, 'path': 'M88.41,21.12a26.56,26.56,0,0,0-36.18,0l-2.07,2-2.07-2a26.57,26.57,0,0,0-36.18,0,23.74,23.74,0,0,0,0,34.8L48,90.12a3.22,3.22,0,0,0,4.42,0l36-34.21a23.73,23.73,0,0,0,0-34.79ZM84,51.24,50.16,83.35,16.35,51.25a17.28,17.28,0,0,1,0-25.47,20,20,0,0,1,27.3,0l4.29,4.07a3.23,3.23,0,0,0,4.44,0l4.29-4.07a20,20,0,0,1,27.3,0,17.27,17.27,0,0,1,0,25.46ZM66.76,47.68h-33v6.91h33ZM53.35,35H46.44V68h6.91Z', 'transform': 'matrix(1 0 0 1 -5 -5)' }, 'lasso': { 'width': 1031, 'height': 1000, 'path': 'm1018 538c-36 207-290 336-568 286-277-48-473-256-436-463 10-57 36-108 76-151-13-66 11-137 68-183 34-28 75-41 114-42l-55-70 0 0c-2-1-3-2-4-3-10-14-8-34 5-45 14-11 34-8 45 4 1 1 2 3 2 5l0 0 113 140c16 11 31 24 45 40 4 3 6 7 8 11 48-3 100 0 151 9 278 48 473 255 436 462z m-624-379c-80 14-149 48-197 96 42 42 109 47 156 9 33-26 47-66 41-105z m-187-74c-19 16-33 37-39 60 50-32 109-55 174-68-42-25-95-24-135 8z m360 75c-34-7-69-9-102-8 8 62-16 128-68 170-73 59-175 54-244-5-9 20-16 40-20 61-28 159 121 317 333 354s407-60 434-217c28-159-121-318-333-355z', 'transform': 'matrix(1 0 0 -1 0 850)' }, 'selectbox': { 'width': 1000, 'height': 1000, 'path': 'm0 850l0-143 143 0 0 143-143 0z m286 0l0-143 143 0 0 143-143 0z m285 0l0-143 143 0 0 143-143 0z m286 0l0-143 143 0 0 143-143 0z m-857-286l0-143 143 0 0 143-143 0z m857 0l0-143 143 0 0 143-143 0z m-857-285l0-143 143 0 0 143-143 0z m857 0l0-143 143 0 0 143-143 0z m-857-286l0-143 143 0 0 143-143 0z m286 0l0-143 143 0 0 143-143 0z m285 0l0-143 143 0 0 143-143 0z m286 0l0-143 143 0 0 143-143 0z', 'transform': 'matrix(1 0 0 -1 0 850)' }, 'drawline': { 'width': 70, 'height': 70, 'path': 'M60.64,62.3a11.29,11.29,0,0,0,6.09-6.72l6.35-17.72L60.54,25.31l-17.82,6.4c-2.36.86-5.57,3.41-6.6,6L24.48,65.5l8.42,8.42ZM40.79,39.63a7.89,7.89,0,0,1,3.65-3.17l14.79-5.31,8,8L61.94,54l-.06.19a6.44,6.44,0,0,1-3,3.43L34.07,68l-3.62-3.63Zm16.57,7.81a6.9,6.9,0,1,0-6.89,6.9A6.9,6.9,0,0,0,57.36,47.44Zm-4,0a2.86,2.86,0,1,1-2.85-2.85A2.86,2.86,0,0,1,53.32,47.44Zm-4.13,5.22L46.33,49.8,30.08,66.05l2.86,2.86ZM83.65,29,70,15.34,61.4,23.9,75.09,37.59ZM70,21.06l8,8-2.84,2.85-8-8ZM87,80.49H10.67V87H87Z', 'transform': 'matrix(1 0 0 1 -15 -15)' }, 'drawrect': { 'width': 80, 'height': 80, 'path': 'M78,22V79H21V22H78m9-9H12V88H87V13ZM68,46.22H31V54H68ZM53,32H45.22V69H53Z', 'transform': 'matrix(1 0 0 1 -10 -10)' }, 'drawcircle': { 'width': 80, 'height': 80, 'path': 'M50,84.72C26.84,84.72,8,69.28,8,50.3S26.84,15.87,50,15.87,92,31.31,92,50.3,73.16,84.72,50,84.72Zm0-60.59c-18.6,0-33.74,11.74-33.74,26.17S31.4,76.46,50,76.46,83.74,64.72,83.74,50.3,68.6,24.13,50,24.13Zm17.15,22h-34v7.11h34Zm-13.8-13H46.24v34h7.11Z', 'transform': 'matrix(1 0 0 1 -10 -10)' }, 'eraseshape': { 'width': 80, 'height': 80, 'path': 'M82.77,78H31.85L6,49.57,31.85,21.14H82.77a8.72,8.72,0,0,1,8.65,8.77V69.24A8.72,8.72,0,0,1,82.77,78ZM35.46,69.84H82.77a.57.57,0,0,0,.49-.6V29.91a.57.57,0,0,0-.49-.61H35.46L17,49.57Zm32.68-34.7-24,24,5,5,24-24Zm-19,.53-5,5,24,24,5-5Z', 'transform': 'matrix(1 0 0 1 -10 -10)' }, 'spikeline': { 'width': 1000, 'height': 1000, 'path': 'M512 409c0-57-46-104-103-104-57 0-104 47-104 104 0 57 47 103 104 103 57 0 103-46 103-103z m-327-39l92 0 0 92-92 0z m-185 0l92 0 0 92-92 0z m370-186l92 0 0 93-92 0z m0-184l92 0 0 92-92 0z', 'transform': 'matrix(1.5 0 0 -1.5 0 850)' }, 'pencil': { 'width': 1792, 'height': 1792, 'path': 'M491 1536l91-91-235-235-91 91v107h128v128h107zm523-928q0-22-22-22-10 0-17 7l-542 542q-7 7-7 17 0 22 22 22 10 0 17-7l542-542q7-7 7-17zm-54-192l416 416-832 832h-416v-416zm683 96q0 53-37 90l-166 166-416-416 166-165q36-38 90-38 53 0 91 38l235 234q37 39 37 91z', 'transform': 'matrix(1 0 0 1 0 1)' }, 'newplotlylogo': { 'name': 'newplotlylogo', 'svg': '' } }; },{}],186:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; /** * Determine the position anchor property of x/y xanchor/yanchor components. * * - values < 1/3 align the low side at that fraction, * - values [1/3, 2/3] align the center at that fraction, * - values > 2/3 align the right at that fraction. */ exports.isLeftAnchor = function isLeftAnchor(opts) { return ( opts.xanchor === 'left' || (opts.xanchor === 'auto' && opts.x <= 1 / 3) ); }; exports.isCenterAnchor = function isCenterAnchor(opts) { return ( opts.xanchor === 'center' || (opts.xanchor === 'auto' && opts.x > 1 / 3 && opts.x < 2 / 3) ); }; exports.isRightAnchor = function isRightAnchor(opts) { return ( opts.xanchor === 'right' || (opts.xanchor === 'auto' && opts.x >= 2 / 3) ); }; exports.isTopAnchor = function isTopAnchor(opts) { return ( opts.yanchor === 'top' || (opts.yanchor === 'auto' && opts.y >= 2 / 3) ); }; exports.isMiddleAnchor = function isMiddleAnchor(opts) { return ( opts.yanchor === 'middle' || (opts.yanchor === 'auto' && opts.y > 1 / 3 && opts.y < 2 / 3) ); }; exports.isBottomAnchor = function isBottomAnchor(opts) { return ( opts.yanchor === 'bottom' || (opts.yanchor === 'auto' && opts.y <= 1 / 3) ); }; },{}],187:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var modModule = _dereq_('./mod'); var mod = modModule.mod; var modHalf = modModule.modHalf; var PI = Math.PI; var twoPI = 2 * PI; function deg2rad(deg) { return deg / 180 * PI; } function rad2deg(rad) { return rad / PI * 180; } /** * is sector a full circle? * ... this comes up a lot in SVG path-drawing routines * * N.B. we consider all sectors that span more that 2pi 'full' circles * * @param {2-item array} aBnds : angular bounds in *radians* * @return {boolean} */ function isFullCircle(aBnds) { return Math.abs(aBnds[1] - aBnds[0]) > twoPI - 1e-14; } /** * angular delta between angle 'a' and 'b' * solution taken from: https://stackoverflow.com/a/2007279 * * @param {number} a : first angle in *radians* * @param {number} b : second angle in *radians* * @return {number} angular delta in *radians* */ function angleDelta(a, b) { return modHalf(b - a, twoPI); } /** * angular distance between angle 'a' and 'b' * * @param {number} a : first angle in *radians* * @param {number} b : second angle in *radians* * @return {number} angular distance in *radians* */ function angleDist(a, b) { return Math.abs(angleDelta(a, b)); } /** * is angle inside sector? * * @param {number} a : angle to test in *radians* * @param {2-item array} aBnds : sector's angular bounds in *radians* * @param {boolean} */ function isAngleInsideSector(a, aBnds) { if(isFullCircle(aBnds)) return true; var s0, s1; if(aBnds[0] < aBnds[1]) { s0 = aBnds[0]; s1 = aBnds[1]; } else { s0 = aBnds[1]; s1 = aBnds[0]; } s0 = mod(s0, twoPI); s1 = mod(s1, twoPI); if(s0 > s1) s1 += twoPI; var a0 = mod(a, twoPI); var a1 = a0 + twoPI; return (a0 >= s0 && a0 <= s1) || (a1 >= s0 && a1 <= s1); } /** * is pt (r,a) inside sector? * * @param {number} r : pt's radial coordinate * @param {number} a : pt's angular coordinate in *radians* * @param {2-item array} rBnds : sector's radial bounds * @param {2-item array} aBnds : sector's angular bounds in *radians* * @return {boolean} */ function isPtInsideSector(r, a, rBnds, aBnds) { if(!isAngleInsideSector(a, aBnds)) return false; var r0, r1; if(rBnds[0] < rBnds[1]) { r0 = rBnds[0]; r1 = rBnds[1]; } else { r0 = rBnds[1]; r1 = rBnds[0]; } return r >= r0 && r <= r1; } // common to pathArc, pathSector and pathAnnulus function _path(r0, r1, a0, a1, cx, cy, isClosed) { cx = cx || 0; cy = cy || 0; var isCircle = isFullCircle([a0, a1]); var aStart, aMid, aEnd; var rStart, rEnd; if(isCircle) { aStart = 0; aMid = PI; aEnd = twoPI; } else { if(a0 < a1) { aStart = a0; aEnd = a1; } else { aStart = a1; aEnd = a0; } } if(r0 < r1) { rStart = r0; rEnd = r1; } else { rStart = r1; rEnd = r0; } // N.B. svg coordinates here, where y increases downward function pt(r, a) { return [r * Math.cos(a) + cx, cy - r * Math.sin(a)]; } var largeArc = Math.abs(aEnd - aStart) <= PI ? 0 : 1; function arc(r, a, cw) { return 'A' + [r, r] + ' ' + [0, largeArc, cw] + ' ' + pt(r, a); } var p; if(isCircle) { if(rStart === null) { p = 'M' + pt(rEnd, aStart) + arc(rEnd, aMid, 0) + arc(rEnd, aEnd, 0) + 'Z'; } else { p = 'M' + pt(rStart, aStart) + arc(rStart, aMid, 0) + arc(rStart, aEnd, 0) + 'Z' + 'M' + pt(rEnd, aStart) + arc(rEnd, aMid, 1) + arc(rEnd, aEnd, 1) + 'Z'; } } else { if(rStart === null) { p = 'M' + pt(rEnd, aStart) + arc(rEnd, aEnd, 0); if(isClosed) p += 'L0,0Z'; } else { p = 'M' + pt(rStart, aStart) + 'L' + pt(rEnd, aStart) + arc(rEnd, aEnd, 0) + 'L' + pt(rStart, aEnd) + arc(rStart, aStart, 1) + 'Z'; } } return p; } /** * path an arc * * @param {number} r : radius * @param {number} a0 : first angular coordinate in *radians* * @param {number} a1 : second angular coordinate in *radians* * @param {number (optional)} cx : x coordinate of center * @param {number (optional)} cy : y coordinate of center * @return {string} svg path */ function pathArc(r, a0, a1, cx, cy) { return _path(null, r, a0, a1, cx, cy, 0); } /** * path a sector * * @param {number} r : radius * @param {number} a0 : first angular coordinate in *radians* * @param {number} a1 : second angular coordinate in *radians* * @param {number (optional)} cx : x coordinate of center * @param {number (optional)} cy : y coordinate of center * @return {string} svg path */ function pathSector(r, a0, a1, cx, cy) { return _path(null, r, a0, a1, cx, cy, 1); } /** * path an annulus * * @param {number} r0 : first radial coordinate * @param {number} r1 : second radial coordinate * @param {number} a0 : first angular coordinate in *radians* * @param {number} a1 : second angular coordinate in *radians* * @param {number (optional)} cx : x coordinate of center * @param {number (optional)} cy : y coordinate of center * @return {string} svg path */ function pathAnnulus(r0, r1, a0, a1, cx, cy) { return _path(r0, r1, a0, a1, cx, cy, 1); } module.exports = { deg2rad: deg2rad, rad2deg: rad2deg, angleDelta: angleDelta, angleDist: angleDist, isFullCircle: isFullCircle, isAngleInsideSector: isAngleInsideSector, isPtInsideSector: isPtInsideSector, pathArc: pathArc, pathSector: pathSector, pathAnnulus: pathAnnulus }; },{"./mod":209}],188:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var isArray = Array.isArray; // IE9 fallbacks var ab = (typeof ArrayBuffer === 'undefined' || !ArrayBuffer.isView) ? {isView: function() { return false; }} : ArrayBuffer; var dv = (typeof DataView === 'undefined') ? function() {} : DataView; function isTypedArray(a) { return ab.isView(a) && !(a instanceof dv); } exports.isTypedArray = isTypedArray; function isArrayOrTypedArray(a) { return isArray(a) || isTypedArray(a); } exports.isArrayOrTypedArray = isArrayOrTypedArray; /* * Test whether an input object is 1D. * * Assumes we already know the object is an array. * * Looks only at the first element, if the dimensionality is * not consistent we won't figure that out here. */ function isArray1D(a) { return !isArrayOrTypedArray(a[0]); } exports.isArray1D = isArray1D; /* * Ensures an array has the right amount of storage space. If it doesn't * exist, it creates an array. If it does exist, it returns it if too * short or truncates it in-place. * * The goal is to just reuse memory to avoid a bit of excessive garbage * collection. */ exports.ensureArray = function(out, n) { // TODO: typed array support here? This is only used in // traces/carpet/compute_control_points if(!isArray(out)) out = []; // If too long, truncate. (If too short, it will grow // automatically so we don't care about that case) out.length = n; return out; }; /* * TypedArray-compatible concatenation of n arrays * if all arrays are the same type it will preserve that type, * otherwise it falls back on Array. * Also tries to avoid copying, in case one array has zero length * But never mutates an existing array */ exports.concat = function() { var args = []; var allArray = true; var totalLen = 0; var _constructor, arg0, i, argi, posi, leni, out, j; for(i = 0; i < arguments.length; i++) { argi = arguments[i]; leni = argi.length; if(leni) { if(arg0) args.push(argi); else { arg0 = argi; posi = leni; } if(isArray(argi)) { _constructor = false; } else { allArray = false; if(!totalLen) { _constructor = argi.constructor; } else if(_constructor !== argi.constructor) { // TODO: in principle we could upgrade here, // ie keep typed array but convert all to Float64Array? _constructor = false; } } totalLen += leni; } } if(!totalLen) return []; if(!args.length) return arg0; if(allArray) return arg0.concat.apply(arg0, args); if(_constructor) { // matching typed arrays out = new _constructor(totalLen); out.set(arg0); for(i = 0; i < args.length; i++) { argi = args[i]; out.set(argi, posi); posi += argi.length; } return out; } // mismatched types or Array + typed out = new Array(totalLen); for(j = 0; j < arg0.length; j++) out[j] = arg0[j]; for(i = 0; i < args.length; i++) { argi = args[i]; for(j = 0; j < argi.length; j++) out[posi + j] = argi[j]; posi += j; } return out; }; exports.maxRowLength = function(z) { return _rowLength(z, Math.max, 0); }; exports.minRowLength = function(z) { return _rowLength(z, Math.min, Infinity); }; function _rowLength(z, fn, len0) { if(isArrayOrTypedArray(z)) { if(isArrayOrTypedArray(z[0])) { var len = len0; for(var i = 0; i < z.length; i++) { len = fn(len, z[i].length); } return len; } else { return z.length; } } return 0; } },{}],189:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var isNumeric = _dereq_('fast-isnumeric'); var BADNUM = _dereq_('../constants/numerical').BADNUM; // precompile for speed var JUNK = /^['"%,$#\s']+|[, ]|['"%,$#\s']+$/g; /** * cleanNumber: remove common leading and trailing cruft * Always returns either a number or BADNUM. */ module.exports = function cleanNumber(v) { if(typeof v === 'string') { v = v.replace(JUNK, ''); } if(isNumeric(v)) return Number(v); return BADNUM; }; },{"../constants/numerical":181,"fast-isnumeric":11}],190:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; /** * Clear gl frame (if any). This is a common pattern as * we usually set `preserveDrawingBuffer: true` during * gl context creation (e.g. via `reglUtils.prepare`). * * @param {DOM node or object} gd : graph div object */ module.exports = function clearGlCanvases(gd) { var fullLayout = gd._fullLayout; if(fullLayout._glcanvas && fullLayout._glcanvas.size()) { fullLayout._glcanvas.each(function(d) { if(d.regl) d.regl.clear({color: true, depth: true}); }); } }; },{}],191:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; /** * Clear responsive handlers (if any). * * @param {DOM node or object} gd : graph div object */ module.exports = function clearResponsive(gd) { if(gd._responsiveChartHandler) { window.removeEventListener('resize', gd._responsiveChartHandler); delete gd._responsiveChartHandler; } }; },{}],192:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var isNumeric = _dereq_('fast-isnumeric'); var tinycolor = _dereq_('tinycolor2'); var baseTraceAttrs = _dereq_('../plots/attributes'); var colorscales = _dereq_('../components/colorscale/scales'); var DESELECTDIM = _dereq_('../constants/interactions').DESELECTDIM; var nestedProperty = _dereq_('./nested_property'); var counterRegex = _dereq_('./regex').counter; var modHalf = _dereq_('./mod').modHalf; var isArrayOrTypedArray = _dereq_('./array').isArrayOrTypedArray; exports.valObjectMeta = { data_array: { // You can use *dflt=[] to force said array to exist though. coerceFunction: function(v, propOut, dflt) { // TODO maybe `v: {type: 'float32', vals: [/* ... */]}` also if(isArrayOrTypedArray(v)) propOut.set(v); else if(dflt !== undefined) propOut.set(dflt); } }, enumerated: { coerceFunction: function(v, propOut, dflt, opts) { if(opts.coerceNumber) v = +v; if(opts.values.indexOf(v) === -1) propOut.set(dflt); else propOut.set(v); }, validateFunction: function(v, opts) { if(opts.coerceNumber) v = +v; var values = opts.values; for(var i = 0; i < values.length; i++) { var k = String(values[i]); if((k.charAt(0) === '/' && k.charAt(k.length - 1) === '/')) { var regex = new RegExp(k.substr(1, k.length - 2)); if(regex.test(v)) return true; } else if(v === values[i]) return true; } return false; } }, 'boolean': { coerceFunction: function(v, propOut, dflt) { if(v === true || v === false) propOut.set(v); else propOut.set(dflt); } }, number: { coerceFunction: function(v, propOut, dflt, opts) { if(!isNumeric(v) || (opts.min !== undefined && v < opts.min) || (opts.max !== undefined && v > opts.max)) { propOut.set(dflt); } else propOut.set(+v); } }, integer: { coerceFunction: function(v, propOut, dflt, opts) { if(v % 1 || !isNumeric(v) || (opts.min !== undefined && v < opts.min) || (opts.max !== undefined && v > opts.max)) { propOut.set(dflt); } else propOut.set(+v); } }, string: { // TODO 'values shouldn't be in there (edge case: 'dash' in Scatter) coerceFunction: function(v, propOut, dflt, opts) { if(typeof v !== 'string') { var okToCoerce = (typeof v === 'number'); if(opts.strict === true || !okToCoerce) propOut.set(dflt); else propOut.set(String(v)); } else if(opts.noBlank && !v) propOut.set(dflt); else propOut.set(v); } }, color: { coerceFunction: function(v, propOut, dflt) { if(tinycolor(v).isValid()) propOut.set(v); else propOut.set(dflt); } }, colorlist: { coerceFunction: function(v, propOut, dflt) { function isColor(color) { return tinycolor(color).isValid(); } if(!Array.isArray(v) || !v.length) propOut.set(dflt); else if(v.every(isColor)) propOut.set(v); else propOut.set(dflt); } }, colorscale: { coerceFunction: function(v, propOut, dflt) { propOut.set(colorscales.get(v, dflt)); } }, angle: { coerceFunction: function(v, propOut, dflt) { if(v === 'auto') propOut.set('auto'); else if(!isNumeric(v)) propOut.set(dflt); else propOut.set(modHalf(+v, 360)); } }, subplotid: { coerceFunction: function(v, propOut, dflt, opts) { var regex = opts.regex || counterRegex(dflt); if(typeof v === 'string' && regex.test(v)) { propOut.set(v); return; } propOut.set(dflt); }, validateFunction: function(v, opts) { var dflt = opts.dflt; if(v === dflt) return true; if(typeof v !== 'string') return false; if(counterRegex(dflt).test(v)) return true; return false; } }, flaglist: { coerceFunction: function(v, propOut, dflt, opts) { if(typeof v !== 'string') { propOut.set(dflt); return; } if((opts.extras || []).indexOf(v) !== -1) { propOut.set(v); return; } var vParts = v.split('+'); var i = 0; while(i < vParts.length) { var vi = vParts[i]; if(opts.flags.indexOf(vi) === -1 || vParts.indexOf(vi) < i) { vParts.splice(i, 1); } else i++; } if(!vParts.length) propOut.set(dflt); else propOut.set(vParts.join('+')); } }, any: { coerceFunction: function(v, propOut, dflt) { if(v === undefined) propOut.set(dflt); else propOut.set(v); } }, info_array: { // set `dimensions=2` for a 2D array or '1-2' for either // `items` may be a single object instead of an array, in which case // `freeLength` must be true. // if `dimensions='1-2'` and items is a 1D array, then the value can // either be a matching 1D array or an array of such matching 1D arrays coerceFunction: function(v, propOut, dflt, opts) { // simplified coerce function just for array items function coercePart(v, opts, dflt) { var out; var propPart = {set: function(v) { out = v; }}; if(dflt === undefined) dflt = opts.dflt; exports.valObjectMeta[opts.valType].coerceFunction(v, propPart, dflt, opts); return out; } var twoD = opts.dimensions === 2 || (opts.dimensions === '1-2' && Array.isArray(v) && Array.isArray(v[0])); if(!Array.isArray(v)) { propOut.set(dflt); return; } var items = opts.items; var vOut = []; var arrayItems = Array.isArray(items); var arrayItems2D = arrayItems && twoD && Array.isArray(items[0]); var innerItemsOnly = twoD && arrayItems && !arrayItems2D; var len = (arrayItems && !innerItemsOnly) ? items.length : v.length; var i, j, row, item, len2, vNew; dflt = Array.isArray(dflt) ? dflt : []; if(twoD) { for(i = 0; i < len; i++) { vOut[i] = []; row = Array.isArray(v[i]) ? v[i] : []; if(innerItemsOnly) len2 = items.length; else if(arrayItems) len2 = items[i].length; else len2 = row.length; for(j = 0; j < len2; j++) { if(innerItemsOnly) item = items[j]; else if(arrayItems) item = items[i][j]; else item = items; vNew = coercePart(row[j], item, (dflt[i] || [])[j]); if(vNew !== undefined) vOut[i][j] = vNew; } } } else { for(i = 0; i < len; i++) { vNew = coercePart(v[i], arrayItems ? items[i] : items, dflt[i]); if(vNew !== undefined) vOut[i] = vNew; } } propOut.set(vOut); }, validateFunction: function(v, opts) { if(!Array.isArray(v)) return false; var items = opts.items; var arrayItems = Array.isArray(items); var twoD = opts.dimensions === 2; // when free length is off, input and declared lengths must match if(!opts.freeLength && v.length !== items.length) return false; // valid when all input items are valid for(var i = 0; i < v.length; i++) { if(twoD) { if(!Array.isArray(v[i]) || (!opts.freeLength && v[i].length !== items[i].length)) { return false; } for(var j = 0; j < v[i].length; j++) { if(!validate(v[i][j], arrayItems ? items[i][j] : items)) { return false; } } } else if(!validate(v[i], arrayItems ? items[i] : items)) return false; } return true; } } }; /** * Ensures that container[attribute] has a valid value. * * attributes[attribute] is an object with possible keys: * - valType: data_array, enumerated, boolean, ... as in valObjectMeta * - values: (enumerated only) array of allowed vals * - min, max: (number, integer only) inclusive bounds on allowed vals * either or both may be omitted * - dflt: if attribute is invalid or missing, use this default * if dflt is provided as an argument to lib.coerce it takes precedence * as a convenience, returns the value it finally set */ exports.coerce = function(containerIn, containerOut, attributes, attribute, dflt) { var opts = nestedProperty(attributes, attribute).get(); var propIn = nestedProperty(containerIn, attribute); var propOut = nestedProperty(containerOut, attribute); var v = propIn.get(); var template = containerOut._template; if(v === undefined && template) { v = nestedProperty(template, attribute).get(); // already used the template value, so short-circuit the second check template = 0; } if(dflt === undefined) dflt = opts.dflt; /** * arrayOk: value MAY be an array, then we do no value checking * at this point, because it can be more complicated than the * individual form (eg. some array vals can be numbers, even if the * single values must be color strings) */ if(opts.arrayOk && isArrayOrTypedArray(v)) { propOut.set(v); return v; } var coerceFunction = exports.valObjectMeta[opts.valType].coerceFunction; coerceFunction(v, propOut, dflt, opts); var out = propOut.get(); // in case v was provided but invalid, try the template again so it still // overrides the regular default if(template && out === dflt && !validate(v, opts)) { v = nestedProperty(template, attribute).get(); coerceFunction(v, propOut, dflt, opts); out = propOut.get(); } return out; }; /** * Variation on coerce * * Uses coerce to get attribute value if user input is valid, * returns attribute default if user input it not valid or * returns false if there is no user input. */ exports.coerce2 = function(containerIn, containerOut, attributes, attribute, dflt) { var propIn = nestedProperty(containerIn, attribute); var propOut = exports.coerce(containerIn, containerOut, attributes, attribute, dflt); var valIn = propIn.get(); return (valIn !== undefined && valIn !== null) ? propOut : false; }; /* * Shortcut to coerce the three font attributes * * 'coerce' is a lib.coerce wrapper with implied first three arguments */ exports.coerceFont = function(coerce, attr, dfltObj) { var out = {}; dfltObj = dfltObj || {}; out.family = coerce(attr + '.family', dfltObj.family); out.size = coerce(attr + '.size', dfltObj.size); out.color = coerce(attr + '.color', dfltObj.color); return out; }; /** Coerce shortcut for 'hoverinfo' * handling 1-vs-multi-trace dflt logic * * @param {object} traceIn : user trace object * @param {object} traceOut : full trace object (requires _module ref) * @param {object} layoutOut : full layout object (require _dataLength ref) * @return {any} : the coerced value */ exports.coerceHoverinfo = function(traceIn, traceOut, layoutOut) { var moduleAttrs = traceOut._module.attributes; var attrs = moduleAttrs.hoverinfo ? moduleAttrs : baseTraceAttrs; var valObj = attrs.hoverinfo; var dflt; if(layoutOut._dataLength === 1) { var flags = valObj.dflt === 'all' ? valObj.flags.slice() : valObj.dflt.split('+'); flags.splice(flags.indexOf('name'), 1); dflt = flags.join('+'); } return exports.coerce(traceIn, traceOut, attrs, 'hoverinfo', dflt); }; /** Coerce shortcut for [un]selected.marker.opacity, * which has special default logic, to ensure that it corresponds to the * default selection behavior while allowing to be overtaken by any other * [un]selected attribute. * * N.B. This must be called *after* coercing all the other [un]selected attrs, * to give the intended result. * * @param {object} traceOut : fullData item * @param {function} coerce : lib.coerce wrapper with implied first three arguments */ exports.coerceSelectionMarkerOpacity = function(traceOut, coerce) { if(!traceOut.marker) return; var mo = traceOut.marker.opacity; // you can still have a `marker` container with no markers if there's text if(mo === undefined) return; var smoDflt; var usmoDflt; // Don't give [un]selected.marker.opacity a default value if // marker.opacity is an array: handle this during style step. // // Only give [un]selected.marker.opacity a default value if you don't // set any other [un]selected attributes. if(!isArrayOrTypedArray(mo) && !traceOut.selected && !traceOut.unselected) { smoDflt = mo; usmoDflt = DESELECTDIM * mo; } coerce('selected.marker.opacity', smoDflt); coerce('unselected.marker.opacity', usmoDflt); }; function validate(value, opts) { var valObjectDef = exports.valObjectMeta[opts.valType]; if(opts.arrayOk && isArrayOrTypedArray(value)) return true; if(valObjectDef.validateFunction) { return valObjectDef.validateFunction(value, opts); } var failed = {}; var out = failed; var propMock = { set: function(v) { out = v; } }; // 'failed' just something mutable that won't be === anything else valObjectDef.coerceFunction(value, propMock, failed, opts); return out !== failed; } exports.validate = validate; },{"../components/colorscale/scales":90,"../constants/interactions":180,"../plots/attributes":244,"./array":188,"./mod":209,"./nested_property":210,"./regex":218,"fast-isnumeric":11,"tinycolor2":58}],193:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var timeFormat = _dereq_('d3-time-format').timeFormat; var isNumeric = _dereq_('fast-isnumeric'); var Loggers = _dereq_('./loggers'); var mod = _dereq_('./mod').mod; var constants = _dereq_('../constants/numerical'); var BADNUM = constants.BADNUM; var ONEDAY = constants.ONEDAY; var ONEHOUR = constants.ONEHOUR; var ONEMIN = constants.ONEMIN; var ONESEC = constants.ONESEC; var EPOCHJD = constants.EPOCHJD; var Registry = _dereq_('../registry'); var utcFormat = _dereq_('d3-time-format').utcFormat; var DATETIME_REGEXP = /^\s*(-?\d\d\d\d|\d\d)(-(\d?\d)(-(\d?\d)([ Tt]([01]?\d|2[0-3])(:([0-5]\d)(:([0-5]\d(\.\d+)?))?(Z|z|[+\-]\d\d(:?\d\d)?)?)?)?)?)?\s*$/m; // special regex for chinese calendars to support yyyy-mmi-dd etc for intercalary months var DATETIME_REGEXP_CN = /^\s*(-?\d\d\d\d|\d\d)(-(\d?\di?)(-(\d?\d)([ Tt]([01]?\d|2[0-3])(:([0-5]\d)(:([0-5]\d(\.\d+)?))?(Z|z|[+\-]\d\d(:?\d\d)?)?)?)?)?)?\s*$/m; // for 2-digit years, the first year we map them onto var YFIRST = new Date().getFullYear() - 70; function isWorldCalendar(calendar) { return ( calendar && Registry.componentsRegistry.calendars && typeof calendar === 'string' && calendar !== 'gregorian' ); } /* * dateTick0: get the canonical tick for this calendar * * integer weekdays : Saturday: 0, Sunday: 1, Monday: 2, etc. */ exports.dateTick0 = function(calendar, dayOfWeek) { var tick0 = _dateTick0(calendar, !!dayOfWeek); if(dayOfWeek < 2) return tick0; var v = exports.dateTime2ms(tick0, calendar); v += ONEDAY * (dayOfWeek - 1); // shift Sunday to Monday, etc. return exports.ms2DateTime(v, 0, calendar); }; /* * _dateTick0: get the canonical tick for this calendar * * bool sunday is for week ticks, shift it to a Sunday. */ function _dateTick0(calendar, sunday) { if(isWorldCalendar(calendar)) { return sunday ? Registry.getComponentMethod('calendars', 'CANONICAL_SUNDAY')[calendar] : Registry.getComponentMethod('calendars', 'CANONICAL_TICK')[calendar]; } else { return sunday ? '2000-01-02' : '2000-01-01'; } } /* * dfltRange: for each calendar, give a valid default range */ exports.dfltRange = function(calendar) { if(isWorldCalendar(calendar)) { return Registry.getComponentMethod('calendars', 'DFLTRANGE')[calendar]; } else { return ['2000-01-01', '2001-01-01']; } }; // is an object a javascript date? exports.isJSDate = function(v) { return typeof v === 'object' && v !== null && typeof v.getTime === 'function'; }; // The absolute limits of our date-time system // This is a little weird: we use MIN_MS and MAX_MS in dateTime2ms // but we use dateTime2ms to calculate them (after defining it!) var MIN_MS, MAX_MS; /** * dateTime2ms - turn a date object or string s into milliseconds * (relative to 1970-01-01, per javascript standard) * optional calendar (string) to use a non-gregorian calendar * * Returns BADNUM if it doesn't find a date * * strings should have the form: * * -?YYYY-mm-ddHH:MM:SS.sss? * * : space (our normal standard) or T or t (ISO-8601) * : Z, z, [+\-]HH:?MM or [+\-]HH and we THROW IT AWAY * this format comes from https://tools.ietf.org/html/rfc3339#section-5.6 * and 4.2.5.1 Difference between local time and UTC of day (ISO-8601) * but we allow it even with a space as the separator * * May truncate after any full field, and sss can be any length * even >3 digits, though javascript dates truncate to milliseconds, * we keep as much as javascript numeric precision can hold, but we only * report back up to 100 microsecond precision, because most dates support * this precision (close to 1970 support more, very far away support less) * * Expanded to support negative years to -9999 but you must always * give 4 digits, except for 2-digit positive years which we assume are * near the present time. * Note that we follow ISO 8601:2004: there *is* a year 0, which * is 1BC/BCE, and -1===2BC etc. * * World calendars: not all of these *have* agreed extensions to this full range, * if you have another calendar system but want a date range outside its validity, * you can use a gregorian date string prefixed with 'G' or 'g'. * * Where to cut off 2-digit years between 1900s and 2000s? * from https://docs.microsoft.com/en-us/office/troubleshoot/excel/two-digit-year-numbers#the-2029-rule: * 1930-2029 (the most retro of all...) * but in my mac chrome from eg. d=new Date(Date.parse('8/19/50')): * 1950-2049 * by Java, from http://stackoverflow.com/questions/2024273/: * now-80 - now+19 * or FileMaker Pro, from * https://fmhelp.filemaker.com/help/18/fmp/en/index.html#page/FMP_Help/dates-with-two-digit-years.html: * now-70 - now+29 * but python strptime etc, via * http://docs.python.org/py3k/library/time.html: * 1969-2068 (super forward-looking, but static, not sliding!) * * lets go with now-70 to now+29, and if anyone runs into this problem * they can learn the hard way not to use 2-digit years, as no choice we * make now will cover all possibilities. mostly this will all be taken * care of in initial parsing, should only be an issue for hand-entered data * currently (2016) this range is: * 1946-2045 */ exports.dateTime2ms = function(s, calendar) { // first check if s is a date object if(exports.isJSDate(s)) { // Convert to the UTC milliseconds that give the same // hours as this date has in the local timezone var tzOffset = s.getTimezoneOffset() * ONEMIN; var offsetTweak = (s.getUTCMinutes() - s.getMinutes()) * ONEMIN + (s.getUTCSeconds() - s.getSeconds()) * ONESEC + (s.getUTCMilliseconds() - s.getMilliseconds()); if(offsetTweak) { var comb = 3 * ONEMIN; tzOffset = tzOffset - comb / 2 + mod(offsetTweak - tzOffset + comb / 2, comb); } s = Number(s) - tzOffset; if(s >= MIN_MS && s <= MAX_MS) return s; return BADNUM; } // otherwise only accept strings and numbers if(typeof s !== 'string' && typeof s !== 'number') return BADNUM; s = String(s); var isWorld = isWorldCalendar(calendar); // to handle out-of-range dates in international calendars, accept // 'G' as a prefix to force the built-in gregorian calendar. var s0 = s.charAt(0); if(isWorld && (s0 === 'G' || s0 === 'g')) { s = s.substr(1); calendar = ''; } var isChinese = isWorld && calendar.substr(0, 7) === 'chinese'; var match = s.match(isChinese ? DATETIME_REGEXP_CN : DATETIME_REGEXP); if(!match) return BADNUM; var y = match[1]; var m = match[3] || '1'; var d = Number(match[5] || 1); var H = Number(match[7] || 0); var M = Number(match[9] || 0); var S = Number(match[11] || 0); if(isWorld) { // disallow 2-digit years for world calendars if(y.length === 2) return BADNUM; y = Number(y); var cDate; try { var calInstance = Registry.getComponentMethod('calendars', 'getCal')(calendar); if(isChinese) { var isIntercalary = m.charAt(m.length - 1) === 'i'; m = parseInt(m, 10); cDate = calInstance.newDate(y, calInstance.toMonthIndex(y, m, isIntercalary), d); } else { cDate = calInstance.newDate(y, Number(m), d); } } catch(e) { return BADNUM; } // Invalid ... date if(!cDate) return BADNUM; return ((cDate.toJD() - EPOCHJD) * ONEDAY) + (H * ONEHOUR) + (M * ONEMIN) + (S * ONESEC); } if(y.length === 2) { y = (Number(y) + 2000 - YFIRST) % 100 + YFIRST; } else y = Number(y); // new Date uses months from 0; subtract 1 here just so we // don't have to do it again during the validity test below m -= 1; // javascript takes new Date(0..99,m,d) to mean 1900-1999, so // to support years 0-99 we need to use setFullYear explicitly // Note that 2000 is a leap year. var date = new Date(Date.UTC(2000, m, d, H, M)); date.setUTCFullYear(y); if(date.getUTCMonth() !== m) return BADNUM; if(date.getUTCDate() !== d) return BADNUM; return date.getTime() + S * ONESEC; }; MIN_MS = exports.MIN_MS = exports.dateTime2ms('-9999'); MAX_MS = exports.MAX_MS = exports.dateTime2ms('9999-12-31 23:59:59.9999'); // is string s a date? (see above) exports.isDateTime = function(s, calendar) { return (exports.dateTime2ms(s, calendar) !== BADNUM); }; // pad a number with zeroes, to given # of digits before the decimal point function lpad(val, digits) { return String(val + Math.pow(10, digits)).substr(1); } /** * Turn ms into string of the form YYYY-mm-dd HH:MM:SS.ssss * Crop any trailing zeros in time, except never stop right after hours * (we could choose to crop '-01' from date too but for now we always * show the whole date) * Optional range r is the data range that applies, also in ms. * If rng is big, the later parts of time will be omitted */ var NINETYDAYS = 90 * ONEDAY; var THREEHOURS = 3 * ONEHOUR; var FIVEMIN = 5 * ONEMIN; exports.ms2DateTime = function(ms, r, calendar) { if(typeof ms !== 'number' || !(ms >= MIN_MS && ms <= MAX_MS)) return BADNUM; if(!r) r = 0; var msecTenths = Math.floor(mod(ms + 0.05, 1) * 10); var msRounded = Math.round(ms - msecTenths / 10); var dateStr, h, m, s, msec10, d; if(isWorldCalendar(calendar)) { var dateJD = Math.floor(msRounded / ONEDAY) + EPOCHJD; var timeMs = Math.floor(mod(ms, ONEDAY)); try { dateStr = Registry.getComponentMethod('calendars', 'getCal')(calendar) .fromJD(dateJD).formatDate('yyyy-mm-dd'); } catch(e) { // invalid date in this calendar - fall back to Gyyyy-mm-dd dateStr = utcFormat('G%Y-%m-%d')(new Date(msRounded)); } // yyyy does NOT guarantee 4-digit years. YYYY mostly does, but does // other things for a few calendars, so we can't trust it. Just pad // it manually (after the '-' if there is one) if(dateStr.charAt(0) === '-') { while(dateStr.length < 11) dateStr = '-0' + dateStr.substr(1); } else { while(dateStr.length < 10) dateStr = '0' + dateStr; } // TODO: if this is faster, we could use this block for extracting // the time components of regular gregorian too h = (r < NINETYDAYS) ? Math.floor(timeMs / ONEHOUR) : 0; m = (r < NINETYDAYS) ? Math.floor((timeMs % ONEHOUR) / ONEMIN) : 0; s = (r < THREEHOURS) ? Math.floor((timeMs % ONEMIN) / ONESEC) : 0; msec10 = (r < FIVEMIN) ? (timeMs % ONESEC) * 10 + msecTenths : 0; } else { d = new Date(msRounded); dateStr = utcFormat('%Y-%m-%d')(d); // <90 days: add hours and minutes - never *only* add hours h = (r < NINETYDAYS) ? d.getUTCHours() : 0; m = (r < NINETYDAYS) ? d.getUTCMinutes() : 0; // <3 hours: add seconds s = (r < THREEHOURS) ? d.getUTCSeconds() : 0; // <5 minutes: add ms (plus one extra digit, this is msec*10) msec10 = (r < FIVEMIN) ? d.getUTCMilliseconds() * 10 + msecTenths : 0; } return includeTime(dateStr, h, m, s, msec10); }; // For converting old-style milliseconds to date strings, // we use the local timezone rather than UTC like we use // everywhere else, both for backward compatibility and // because that's how people mostly use javasript date objects. // Clip one extra day off our date range though so we can't get // thrown beyond the range by the timezone shift. exports.ms2DateTimeLocal = function(ms) { if(!(ms >= MIN_MS + ONEDAY && ms <= MAX_MS - ONEDAY)) return BADNUM; var msecTenths = Math.floor(mod(ms + 0.05, 1) * 10); var d = new Date(Math.round(ms - msecTenths / 10)); var dateStr = timeFormat('%Y-%m-%d')(d); var h = d.getHours(); var m = d.getMinutes(); var s = d.getSeconds(); var msec10 = d.getUTCMilliseconds() * 10 + msecTenths; return includeTime(dateStr, h, m, s, msec10); }; function includeTime(dateStr, h, m, s, msec10) { // include each part that has nonzero data in or after it if(h || m || s || msec10) { dateStr += ' ' + lpad(h, 2) + ':' + lpad(m, 2); if(s || msec10) { dateStr += ':' + lpad(s, 2); if(msec10) { var digits = 4; while(msec10 % 10 === 0) { digits -= 1; msec10 /= 10; } dateStr += '.' + lpad(msec10, digits); } } } return dateStr; } // normalize date format to date string, in case it starts as // a Date object or milliseconds // optional dflt is the return value if cleaning fails exports.cleanDate = function(v, dflt, calendar) { // let us use cleanDate to provide a missing default without an error if(v === BADNUM) return dflt; if(exports.isJSDate(v) || (typeof v === 'number' && isFinite(v))) { // do not allow milliseconds (old) or jsdate objects (inherently // described as gregorian dates) with world calendars if(isWorldCalendar(calendar)) { Loggers.error('JS Dates and milliseconds are incompatible with world calendars', v); return dflt; } // NOTE: if someone puts in a year as a number rather than a string, // this will mistakenly convert it thinking it's milliseconds from 1970 // that is: '2012' -> Jan. 1, 2012, but 2012 -> 2012 epoch milliseconds v = exports.ms2DateTimeLocal(+v); if(!v && dflt !== undefined) return dflt; } else if(!exports.isDateTime(v, calendar)) { Loggers.error('unrecognized date', v); return dflt; } return v; }; /* * Date formatting for ticks and hovertext */ /* * modDateFormat: Support world calendars, and add one item to * d3's vocabulary: * %{n}f where n is the max number of digits of fractional seconds */ var fracMatch = /%\d?f/g; function modDateFormat(fmt, x, formatter, calendar) { fmt = fmt.replace(fracMatch, function(match) { var digits = Math.min(+(match.charAt(1)) || 6, 6); var fracSecs = ((x / 1000 % 1) + 2) .toFixed(digits) .substr(2).replace(/0+$/, '') || '0'; return fracSecs; }); var d = new Date(Math.floor(x + 0.05)); if(isWorldCalendar(calendar)) { try { fmt = Registry.getComponentMethod('calendars', 'worldCalFmt')(fmt, x, calendar); } catch(e) { return 'Invalid'; } } return formatter(fmt)(d); } /* * formatTime: create a time string from: * x: milliseconds * tr: tickround ('M', 'S', or # digits) * only supports UTC times (where every day is 24 hours and 0 is at midnight) */ var MAXSECONDS = [59, 59.9, 59.99, 59.999, 59.9999]; function formatTime(x, tr) { var timePart = mod(x + 0.05, ONEDAY); var timeStr = lpad(Math.floor(timePart / ONEHOUR), 2) + ':' + lpad(mod(Math.floor(timePart / ONEMIN), 60), 2); if(tr !== 'M') { if(!isNumeric(tr)) tr = 0; // should only be 'S' /* * this is a weird one - and shouldn't come up unless people * monkey with tick0 in weird ways, but we need to do something! * IN PARTICULAR we had better not display garbage (see below) * for numbers we always round to the nearest increment of the * precision we're showing, and this seems like the right way to * handle seconds and milliseconds, as they have a decimal point * and people will interpret that to mean rounding like numbers. * but for larger increments we floor the value: it's always * 2013 until the ball drops on the new year. We could argue about * which field it is where we start rounding (should 12:08:59 * round to 12:09 if we're stopping at minutes?) but for now I'll * say we round seconds but floor everything else. BUT that means * we need to never round up to 60 seconds, ie 23:59:60 */ var sec = Math.min(mod(x / ONESEC, 60), MAXSECONDS[tr]); var secStr = (100 + sec).toFixed(tr).substr(1); if(tr > 0) { secStr = secStr.replace(/0+$/, '').replace(/[\.]$/, ''); } timeStr += ':' + secStr; } return timeStr; } /* * formatDate: turn a date into tick or hover label text. * * x: milliseconds, the value to convert * fmt: optional, an explicit format string (d3 format, even for world calendars) * tr: tickround ('y', 'm', 'd', 'M', 'S', or # digits) * used if no explicit fmt is provided * formatter: locale-aware d3 date formatter for standard gregorian calendars * should be the result of exports.getD3DateFormat(gd) * calendar: optional string, the world calendar system to use * * returns the date/time as a string, potentially with the leading portion * on a separate line (after '\n') * Note that this means if you provide an explicit format which includes '\n' * the axis may choose to strip things after it when they don't change from * one tick to the next (as it does with automatic formatting) */ exports.formatDate = function(x, fmt, tr, formatter, calendar, extraFormat) { calendar = isWorldCalendar(calendar) && calendar; if(!fmt) { if(tr === 'y') fmt = extraFormat.year; else if(tr === 'm') fmt = extraFormat.month; else if(tr === 'd') { fmt = extraFormat.dayMonth + '\n' + extraFormat.year; } else { return formatTime(x, tr) + '\n' + modDateFormat(extraFormat.dayMonthYear, x, formatter, calendar); } } return modDateFormat(fmt, x, formatter, calendar); }; /* * incrementMonth: make a new milliseconds value from the given one, * having changed the month * * special case for world calendars: multiples of 12 are treated as years, * even for calendar systems that don't have (always or ever) 12 months/year * TODO: perhaps we need a different code for year increments to support this? * * ms (number): the initial millisecond value * dMonth (int): the (signed) number of months to shift * calendar (string): the calendar system to use * * changing month does not (and CANNOT) always preserve day, since * months have different lengths. The worst example of this is: * d = new Date(1970,0,31); d.setMonth(1) -> Feb 31 turns into Mar 3 * * But we want to be able to iterate over the last day of each month, * regardless of what its number is. * So shift 3 days forward, THEN set the new month, then unshift: * 1/31 -> 2/28 (or 29) -> 3/31 -> 4/30 -> ... * * Note that odd behavior still exists if you start from the 26th-28th: * 1/28 -> 2/28 -> 3/31 * but at least you can't shift any dates into the wrong month, * and ticks on these days incrementing by month would be very unusual */ var THREEDAYS = 3 * ONEDAY; exports.incrementMonth = function(ms, dMonth, calendar) { calendar = isWorldCalendar(calendar) && calendar; // pull time out and operate on pure dates, then add time back at the end // this gives maximum precision - not that we *normally* care if we're // incrementing by month, but better to be safe! var timeMs = mod(ms, ONEDAY); ms = Math.round(ms - timeMs); if(calendar) { try { var dateJD = Math.round(ms / ONEDAY) + EPOCHJD; var calInstance = Registry.getComponentMethod('calendars', 'getCal')(calendar); var cDate = calInstance.fromJD(dateJD); if(dMonth % 12) calInstance.add(cDate, dMonth, 'm'); else calInstance.add(cDate, dMonth / 12, 'y'); return (cDate.toJD() - EPOCHJD) * ONEDAY + timeMs; } catch(e) { Loggers.error('invalid ms ' + ms + ' in calendar ' + calendar); // then keep going in gregorian even though the result will be 'Invalid' } } var y = new Date(ms + THREEDAYS); return y.setUTCMonth(y.getUTCMonth() + dMonth) + timeMs - THREEDAYS; }; /* * findExactDates: what fraction of data is exact days, months, or years? * * data: array of millisecond values * calendar (string) the calendar to test against */ exports.findExactDates = function(data, calendar) { var exactYears = 0; var exactMonths = 0; var exactDays = 0; var blankCount = 0; var d; var di; var calInstance = ( isWorldCalendar(calendar) && Registry.getComponentMethod('calendars', 'getCal')(calendar) ); for(var i = 0; i < data.length; i++) { di = data[i]; // not date data at all if(!isNumeric(di)) { blankCount ++; continue; } // not an exact date if(di % ONEDAY) continue; if(calInstance) { try { d = calInstance.fromJD(di / ONEDAY + EPOCHJD); if(d.day() === 1) { if(d.month() === 1) exactYears++; else exactMonths++; } else exactDays++; } catch(e) { // invalid date in this calendar - ignore it here. } } else { d = new Date(di); if(d.getUTCDate() === 1) { if(d.getUTCMonth() === 0) exactYears++; else exactMonths++; } else exactDays++; } } exactMonths += exactYears; exactDays += exactMonths; var dataCount = data.length - blankCount; return { exactYears: exactYears / dataCount, exactMonths: exactMonths / dataCount, exactDays: exactDays / dataCount }; }; },{"../constants/numerical":181,"../registry":290,"./loggers":206,"./mod":209,"d3-time-format":7,"fast-isnumeric":11}],194:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = _dereq_('d3'); var loggers = _dereq_('./loggers'); var matrix = _dereq_('./matrix'); var mat4X4 = _dereq_('gl-mat4'); /** * Allow referencing a graph DOM element either directly * or by its id string * * @param {HTMLDivElement|string} gd: a graph element or its id * * @returns {HTMLDivElement} the DOM element of the graph */ function getGraphDiv(gd) { var gdElement; if(typeof gd === 'string') { gdElement = document.getElementById(gd); if(gdElement === null) { throw new Error('No DOM element with id \'' + gd + '\' exists on the page.'); } return gdElement; } else if(gd === null || gd === undefined) { throw new Error('DOM element provided is null or undefined'); } // otherwise assume that gd is a DOM element return gd; } function isPlotDiv(el) { var el3 = d3.select(el); return el3.node() instanceof HTMLElement && el3.size() && el3.classed('js-plotly-plot'); } function removeElement(el) { var elParent = el && el.parentNode; if(elParent) elParent.removeChild(el); } /** * for dynamically adding style rules * makes one stylesheet that contains all rules added * by all calls to this function */ function addStyleRule(selector, styleString) { addRelatedStyleRule('global', selector, styleString); } /** * for dynamically adding style rules * to a stylesheet uniquely identified by a uid */ function addRelatedStyleRule(uid, selector, styleString) { var id = 'plotly.js-style-' + uid; var style = document.getElementById(id); if(!style) { style = document.createElement('style'); style.setAttribute('id', id); // WebKit hack :( style.appendChild(document.createTextNode('')); document.head.appendChild(style); } var styleSheet = style.sheet; if(styleSheet.insertRule) { styleSheet.insertRule(selector + '{' + styleString + '}', 0); } else if(styleSheet.addRule) { styleSheet.addRule(selector, styleString, 0); } else loggers.warn('addStyleRule failed'); } /** * to remove from the page a stylesheet identified by a given uid */ function deleteRelatedStyleRule(uid) { var id = 'plotly.js-style-' + uid; var style = document.getElementById(id); if(style) removeElement(style); } function getFullTransformMatrix(element) { var allElements = getElementAndAncestors(element); // the identity matrix var out = [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ]; allElements.forEach(function(e) { var t = getElementTransformMatrix(e); if(t) { var m = matrix.convertCssMatrix(t); out = mat4X4.multiply(out, out, m); } }); return out; } /** * extracts and parses the 2d css style transform matrix from some element */ function getElementTransformMatrix(element) { var style = window.getComputedStyle(element, null); var transform = ( style.getPropertyValue('-webkit-transform') || style.getPropertyValue('-moz-transform') || style.getPropertyValue('-ms-transform') || style.getPropertyValue('-o-transform') || style.getPropertyValue('transform') ); if(transform === 'none') return null; // the transform is a string in the form of matrix(a, b, ...) or matrix3d(...) return transform .replace('matrix', '') .replace('3d', '') .slice(1, -1) .split(',') .map(function(n) { return +n; }); } /** * retrieve all DOM elements that are ancestors of the specified one (including itself) */ function getElementAndAncestors(element) { var allElements = []; while(isTransformableElement(element)) { allElements.push(element); element = element.parentNode; } return allElements; } function isTransformableElement(element) { return element && (element instanceof Element || element instanceof HTMLElement); } function equalDomRects(a, b) { return ( a && b && a.x === b.x && a.y === b.y && a.top === b.top && a.left === b.left && a.right === b.right && a.bottom === b.bottom ); } module.exports = { getGraphDiv: getGraphDiv, isPlotDiv: isPlotDiv, removeElement: removeElement, addStyleRule: addStyleRule, addRelatedStyleRule: addRelatedStyleRule, deleteRelatedStyleRule: deleteRelatedStyleRule, getFullTransformMatrix: getFullTransformMatrix, getElementTransformMatrix: getElementTransformMatrix, getElementAndAncestors: getElementAndAncestors, equalDomRects: equalDomRects }; },{"./loggers":206,"./matrix":208,"d3":9,"gl-mat4":27}],195:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; /* global jQuery:false */ var EventEmitter = _dereq_('events').EventEmitter; var Events = { init: function(plotObj) { /* * If we have already instantiated an emitter for this plot * return early. */ if(plotObj._ev instanceof EventEmitter) return plotObj; var ev = new EventEmitter(); var internalEv = new EventEmitter(); /* * Assign to plot._ev while we still live in a land * where plot is a DOM element with stuff attached to it. * In the future we can make plot the event emitter itself. */ plotObj._ev = ev; /* * Create a second event handler that will manage events *internally*. * This allows parts of plotly to respond to thing like relayout without * having to use the user-facing event handler. They cannot peacefully * coexist on the same handler because a user invoking * plotObj.removeAllListeners() would detach internal events, breaking * plotly. */ plotObj._internalEv = internalEv; /* * Assign bound methods from the ev to the plot object. These methods * will reference the 'this' of plot._ev even though they are methods * of plot. This will keep the event machinery away from the plot object * which currently is often a DOM element but presents an API that will * continue to function when plot becomes an emitter. Not all EventEmitter * methods have been bound to `plot` as some do not currently add value to * the Plotly event API. */ plotObj.on = ev.on.bind(ev); plotObj.once = ev.once.bind(ev); plotObj.removeListener = ev.removeListener.bind(ev); plotObj.removeAllListeners = ev.removeAllListeners.bind(ev); /* * Create functions for managing internal events. These are *only* triggered * by the mirroring of external events via the emit function. */ plotObj._internalOn = internalEv.on.bind(internalEv); plotObj._internalOnce = internalEv.once.bind(internalEv); plotObj._removeInternalListener = internalEv.removeListener.bind(internalEv); plotObj._removeAllInternalListeners = internalEv.removeAllListeners.bind(internalEv); /* * We must wrap emit to continue to support JQuery events. The idea * is to check to see if the user is using JQuery events, if they are * we emit JQuery events to trigger user handlers as well as the EventEmitter * events. */ plotObj.emit = function(event, data) { if(typeof jQuery !== 'undefined') { jQuery(plotObj).trigger(event, data); } ev.emit(event, data); internalEv.emit(event, data); }; return plotObj; }, /* * This function behaves like jQuery's triggerHandler. It calls * all handlers for a particular event and returns the return value * of the LAST handler. This function also triggers jQuery's * triggerHandler for backwards compatibility. */ triggerHandler: function(plotObj, event, data) { var jQueryHandlerValue; var nodeEventHandlerValue; /* * If jQuery exists run all its handlers for this event and * collect the return value of the LAST handler function */ if(typeof jQuery !== 'undefined') { jQueryHandlerValue = jQuery(plotObj).triggerHandler(event, data); } /* * Now run all the node style event handlers */ var ev = plotObj._ev; if(!ev) return jQueryHandlerValue; var handlers = ev._events[event]; if(!handlers) return jQueryHandlerValue; // making sure 'this' is the EventEmitter instance function apply(handler) { // The 'once' case, we can't just call handler() as we need // the return value here. So, // - remove handler // - call listener and grab return value! // - stash 'fired' key to not call handler twice if(handler.listener) { ev.removeListener(event, handler.listener); if(!handler.fired) { handler.fired = true; return handler.listener.apply(ev, [data]); } } else { return handler.apply(ev, [data]); } } // handlers can be function or an array of functions handlers = Array.isArray(handlers) ? handlers : [handlers]; var i; for(i = 0; i < handlers.length - 1; i++) { apply(handlers[i]); } // now call the final handler and collect its value nodeEventHandlerValue = apply(handlers[i]); /* * Return either the jQuery handler value if it exists or the * nodeEventHandler value. jQuery event value supersedes nodejs * events for backwards compatibility reasons. */ return jQueryHandlerValue !== undefined ? jQueryHandlerValue : nodeEventHandlerValue; }, purge: function(plotObj) { delete plotObj._ev; delete plotObj.on; delete plotObj.once; delete plotObj.removeListener; delete plotObj.removeAllListeners; delete plotObj.emit; delete plotObj._ev; delete plotObj._internalEv; delete plotObj._internalOn; delete plotObj._internalOnce; delete plotObj._removeInternalListener; delete plotObj._removeAllInternalListeners; return plotObj; } }; module.exports = Events; },{"events":6}],196:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var isPlainObject = _dereq_('./is_plain_object.js'); var isArray = Array.isArray; function primitivesLoopSplice(source, target) { var i, value; for(i = 0; i < source.length; i++) { value = source[i]; if(value !== null && typeof(value) === 'object') { return false; } if(value !== void(0)) { target[i] = value; } } return true; } exports.extendFlat = function() { return _extend(arguments, false, false, false); }; exports.extendDeep = function() { return _extend(arguments, true, false, false); }; exports.extendDeepAll = function() { return _extend(arguments, true, true, false); }; exports.extendDeepNoArrays = function() { return _extend(arguments, true, false, true); }; /* * Inspired by https://github.com/justmoon/node-extend/blob/master/index.js * All credit to the jQuery authors for perfecting this amazing utility. * * API difference with jQuery version: * - No optional boolean (true -> deep extend) first argument, * use `extendFlat` for first-level only extend and * use `extendDeep` for a deep extend. * * Other differences with jQuery version: * - Uses a modern (and faster) isPlainObject routine. * - Expected to work with object {} and array [] arguments only. * - Does not check for circular structure. * FYI: jQuery only does a check across one level. * Warning: this might result in infinite loops. * */ function _extend(inputs, isDeep, keepAllKeys, noArrayCopies) { var target = inputs[0]; var length = inputs.length; var input, key, src, copy, copyIsArray, clone, allPrimitives; // TODO does this do the right thing for typed arrays? if(length === 2 && isArray(target) && isArray(inputs[1]) && target.length === 0) { allPrimitives = primitivesLoopSplice(inputs[1], target); if(allPrimitives) { return target; } else { target.splice(0, target.length); // reset target and continue to next block } } for(var i = 1; i < length; i++) { input = inputs[i]; for(key in input) { src = target[key]; copy = input[key]; if(noArrayCopies && isArray(copy)) { // Stop early and just transfer the array if array copies are disallowed: target[key] = copy; } else if(isDeep && copy && (isPlainObject(copy) || (copyIsArray = isArray(copy)))) { // recurse if we're merging plain objects or arrays if(copyIsArray) { copyIsArray = false; clone = src && isArray(src) ? src : []; } else { clone = src && isPlainObject(src) ? src : {}; } // never move original objects, clone them target[key] = _extend([clone, copy], isDeep, keepAllKeys, noArrayCopies); } else if(typeof copy !== 'undefined' || keepAllKeys) { // don't bring in undefined values, except for extendDeepAll target[key] = copy; } } } return target; } },{"./is_plain_object.js":203}],197:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; /** * Return news array containing only the unique items * found in input array. * * IMPORTANT: Note that items are considered unique * if `String({})` is unique. For example; * * Lib.filterUnique([ { a: 1 }, { b: 2 } ]) * * returns [{ a: 1 }] * * and * * Lib.filterUnique([ '1', 1 ]) * * returns ['1'] * * * @param {array} array base array * @return {array} new filtered array */ module.exports = function filterUnique(array) { var seen = {}; var out = []; var j = 0; for(var i = 0; i < array.length; i++) { var item = array[i]; if(seen[item] !== 1) { seen[item] = 1; out[j++] = item; } } return out; }; },{}],198:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; /** Filter out object items with visible !== true * insider array container. * * @param {array of objects} container * @return {array of objects} of length <= container * */ module.exports = function filterVisible(container) { var filterFn = isCalcData(container) ? calcDataFilter : baseFilter; var out = []; for(var i = 0; i < container.length; i++) { var item = container[i]; if(filterFn(item)) out.push(item); } return out; }; function baseFilter(item) { return item.visible === true; } function calcDataFilter(item) { var trace = item[0].trace; return trace.visible === true && trace._length !== 0; } function isCalcData(cont) { return ( Array.isArray(cont) && Array.isArray(cont[0]) && cont[0][0] && cont[0][0].trace ); } },{}],199:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var mod = _dereq_('./mod').mod; /* * look for intersection of two line segments * (1->2 and 3->4) - returns array [x,y] if they do, null if not */ exports.segmentsIntersect = segmentsIntersect; function segmentsIntersect(x1, y1, x2, y2, x3, y3, x4, y4) { var a = x2 - x1; var b = x3 - x1; var c = x4 - x3; var d = y2 - y1; var e = y3 - y1; var f = y4 - y3; var det = a * f - c * d; // parallel lines? intersection is undefined // ignore the case where they are colinear if(det === 0) return null; var t = (b * f - c * e) / det; var u = (b * d - a * e) / det; // segments do not intersect? if(u < 0 || u > 1 || t < 0 || t > 1) return null; return {x: x1 + a * t, y: y1 + d * t}; } /* * find the minimum distance between two line segments (1->2 and 3->4) */ exports.segmentDistance = function segmentDistance(x1, y1, x2, y2, x3, y3, x4, y4) { if(segmentsIntersect(x1, y1, x2, y2, x3, y3, x4, y4)) return 0; // the two segments and their lengths squared var x12 = x2 - x1; var y12 = y2 - y1; var x34 = x4 - x3; var y34 = y4 - y3; var ll12 = x12 * x12 + y12 * y12; var ll34 = x34 * x34 + y34 * y34; // calculate distance squared, then take the sqrt at the very end var dist2 = Math.min( perpDistance2(x12, y12, ll12, x3 - x1, y3 - y1), perpDistance2(x12, y12, ll12, x4 - x1, y4 - y1), perpDistance2(x34, y34, ll34, x1 - x3, y1 - y3), perpDistance2(x34, y34, ll34, x2 - x3, y2 - y3) ); return Math.sqrt(dist2); }; /* * distance squared from segment ab to point c * [xab, yab] is the vector b-a * [xac, yac] is the vector c-a * llab is the length squared of (b-a), just to simplify calculation */ function perpDistance2(xab, yab, llab, xac, yac) { var fcAB = (xac * xab + yac * yab); if(fcAB < 0) { // point c is closer to point a return xac * xac + yac * yac; } else if(fcAB > llab) { // point c is closer to point b var xbc = xac - xab; var ybc = yac - yab; return xbc * xbc + ybc * ybc; } else { // perpendicular distance is the shortest var crossProduct = xac * yab - yac * xab; return crossProduct * crossProduct / llab; } } // a very short-term cache for getTextLocation, just because // we're often looping over the same locations multiple times // invalidated as soon as we look at a different path var locationCache, workingPath, workingTextWidth; // turn a path and position along it into x, y, and angle for the given text exports.getTextLocation = function getTextLocation(path, totalPathLen, positionOnPath, textWidth) { if(path !== workingPath || textWidth !== workingTextWidth) { locationCache = {}; workingPath = path; workingTextWidth = textWidth; } if(locationCache[positionOnPath]) { return locationCache[positionOnPath]; } // for the angle, use points on the path separated by the text width // even though due to curvature, the text will cover a bit more than that var p0 = path.getPointAtLength(mod(positionOnPath - textWidth / 2, totalPathLen)); var p1 = path.getPointAtLength(mod(positionOnPath + textWidth / 2, totalPathLen)); // note: atan handles 1/0 nicely var theta = Math.atan((p1.y - p0.y) / (p1.x - p0.x)); // center the text at 2/3 of the center position plus 1/3 the p0/p1 midpoint // that's the average position of this segment, assuming it's roughly quadratic var pCenter = path.getPointAtLength(mod(positionOnPath, totalPathLen)); var x = (pCenter.x * 4 + p0.x + p1.x) / 6; var y = (pCenter.y * 4 + p0.y + p1.y) / 6; var out = {x: x, y: y, theta: theta}; locationCache[positionOnPath] = out; return out; }; exports.clearLocationCache = function() { workingPath = null; }; /* * Find the segment of `path` that's within the visible area * given by `bounds` {left, right, top, bottom}, to within a * precision of `buffer` px * * returns: undefined if nothing is visible, else object: * { * min: position where the path first enters bounds, or 0 if it * starts within bounds * max: position where the path last exits bounds, or the path length * if it finishes within bounds * len: max - min, ie the length of visible path * total: the total path length - just included so the caller doesn't * need to call path.getTotalLength() again * isClosed: true iff the start and end points of the path are both visible * and are at the same point * } * * Works by starting from either end and repeatedly finding the distance from * that point to the plot area, and if it's outside the plot, moving along the * path by that distance (because the plot must be at least that far away on * the path). Note that if a path enters, exits, and re-enters the plot, we * will not capture this behavior. */ exports.getVisibleSegment = function getVisibleSegment(path, bounds, buffer) { var left = bounds.left; var right = bounds.right; var top = bounds.top; var bottom = bounds.bottom; var pMin = 0; var pTotal = path.getTotalLength(); var pMax = pTotal; var pt0, ptTotal; function getDistToPlot(len) { var pt = path.getPointAtLength(len); // hold on to the start and end points for `closed` if(len === 0) pt0 = pt; else if(len === pTotal) ptTotal = pt; var dx = (pt.x < left) ? left - pt.x : (pt.x > right ? pt.x - right : 0); var dy = (pt.y < top) ? top - pt.y : (pt.y > bottom ? pt.y - bottom : 0); return Math.sqrt(dx * dx + dy * dy); } var distToPlot = getDistToPlot(pMin); while(distToPlot) { pMin += distToPlot + buffer; if(pMin > pMax) return; distToPlot = getDistToPlot(pMin); } distToPlot = getDistToPlot(pMax); while(distToPlot) { pMax -= distToPlot + buffer; if(pMin > pMax) return; distToPlot = getDistToPlot(pMax); } return { min: pMin, max: pMax, len: pMax - pMin, total: pTotal, isClosed: pMin === 0 && pMax === pTotal && Math.abs(pt0.x - ptTotal.x) < 0.1 && Math.abs(pt0.y - ptTotal.y) < 0.1 }; }; /** * Find point on SVG path corresponding to a given constraint coordinate * * @param {SVGPathElement} path * @param {Number} val : constraint coordinate value * @param {String} coord : 'x' or 'y' the constraint coordinate * @param {Object} opts : * - {Number} pathLength : supply total path length before hand * - {Number} tolerance * - {Number} iterationLimit * @return {SVGPoint} */ exports.findPointOnPath = function findPointOnPath(path, val, coord, opts) { opts = opts || {}; var pathLength = opts.pathLength || path.getTotalLength(); var tolerance = opts.tolerance || 1e-3; var iterationLimit = opts.iterationLimit || 30; // if path starts at a val greater than the path tail (like on vertical violins), // we must flip the sign of the computed diff. var mul = path.getPointAtLength(0)[coord] > path.getPointAtLength(pathLength)[coord] ? -1 : 1; var i = 0; var b0 = 0; var b1 = pathLength; var mid; var pt; var diff; while(i < iterationLimit) { mid = (b0 + b1) / 2; pt = path.getPointAtLength(mid); diff = pt[coord] - val; if(Math.abs(diff) < tolerance) { return pt; } else { if(mul * diff > 0) { b1 = mid; } else { b0 = mid; } i++; } } return pt; }; },{"./mod":209}],200:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; // Simple helper functions // none of these need any external deps module.exports = function identity(d) { return d; }; },{}],201:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = function incrementNumeric(x, delta) { if(!delta) return x; // Note 1: // 0.3 != 0.1 + 0.2 == 0.30000000000000004 // but 0.3 == (10 * 0.1 + 10 * 0.2) / 10 // Attempt to use integer steps to increment var scale = 1 / Math.abs(delta); var newX = (scale > 1) ? ( scale * x + scale * delta ) / scale : x + delta; // Note 2: // now we may also consider rounding to cover few more edge cases // e.g. 0.3 * 3 = 0.8999999999999999 var lenX1 = String(newX).length; if(lenX1 > 16) { var lenDt = String(delta).length; var lenX0 = String(x).length; if(lenX1 >= lenX0 + lenDt) { // likely a rounding error! var s = parseFloat(newX).toPrecision(12); if(s.indexOf('e+') === -1) newX = +s; } } return newX; }; },{}],202:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = _dereq_('d3'); var utcFormat = _dereq_('d3-time-format').utcFormat; var isNumeric = _dereq_('fast-isnumeric'); var numConstants = _dereq_('../constants/numerical'); var FP_SAFE = numConstants.FP_SAFE; var BADNUM = numConstants.BADNUM; var lib = module.exports = {}; lib.nestedProperty = _dereq_('./nested_property'); lib.keyedContainer = _dereq_('./keyed_container'); lib.relativeAttr = _dereq_('./relative_attr'); lib.isPlainObject = _dereq_('./is_plain_object'); lib.toLogRange = _dereq_('./to_log_range'); lib.relinkPrivateKeys = _dereq_('./relink_private'); var arrayModule = _dereq_('./array'); lib.isTypedArray = arrayModule.isTypedArray; lib.isArrayOrTypedArray = arrayModule.isArrayOrTypedArray; lib.isArray1D = arrayModule.isArray1D; lib.ensureArray = arrayModule.ensureArray; lib.concat = arrayModule.concat; lib.maxRowLength = arrayModule.maxRowLength; lib.minRowLength = arrayModule.minRowLength; var modModule = _dereq_('./mod'); lib.mod = modModule.mod; lib.modHalf = modModule.modHalf; var coerceModule = _dereq_('./coerce'); lib.valObjectMeta = coerceModule.valObjectMeta; lib.coerce = coerceModule.coerce; lib.coerce2 = coerceModule.coerce2; lib.coerceFont = coerceModule.coerceFont; lib.coerceHoverinfo = coerceModule.coerceHoverinfo; lib.coerceSelectionMarkerOpacity = coerceModule.coerceSelectionMarkerOpacity; lib.validate = coerceModule.validate; var datesModule = _dereq_('./dates'); lib.dateTime2ms = datesModule.dateTime2ms; lib.isDateTime = datesModule.isDateTime; lib.ms2DateTime = datesModule.ms2DateTime; lib.ms2DateTimeLocal = datesModule.ms2DateTimeLocal; lib.cleanDate = datesModule.cleanDate; lib.isJSDate = datesModule.isJSDate; lib.formatDate = datesModule.formatDate; lib.incrementMonth = datesModule.incrementMonth; lib.dateTick0 = datesModule.dateTick0; lib.dfltRange = datesModule.dfltRange; lib.findExactDates = datesModule.findExactDates; lib.MIN_MS = datesModule.MIN_MS; lib.MAX_MS = datesModule.MAX_MS; var searchModule = _dereq_('./search'); lib.findBin = searchModule.findBin; lib.sorterAsc = searchModule.sorterAsc; lib.sorterDes = searchModule.sorterDes; lib.distinctVals = searchModule.distinctVals; lib.roundUp = searchModule.roundUp; lib.sort = searchModule.sort; lib.findIndexOfMin = searchModule.findIndexOfMin; var statsModule = _dereq_('./stats'); lib.aggNums = statsModule.aggNums; lib.len = statsModule.len; lib.mean = statsModule.mean; lib.median = statsModule.median; lib.midRange = statsModule.midRange; lib.variance = statsModule.variance; lib.stdev = statsModule.stdev; lib.interp = statsModule.interp; var matrixModule = _dereq_('./matrix'); lib.init2dArray = matrixModule.init2dArray; lib.transposeRagged = matrixModule.transposeRagged; lib.dot = matrixModule.dot; lib.translationMatrix = matrixModule.translationMatrix; lib.rotationMatrix = matrixModule.rotationMatrix; lib.rotationXYMatrix = matrixModule.rotationXYMatrix; lib.apply3DTransform = matrixModule.apply3DTransform; lib.apply2DTransform = matrixModule.apply2DTransform; lib.apply2DTransform2 = matrixModule.apply2DTransform2; lib.convertCssMatrix = matrixModule.convertCssMatrix; lib.inverseTransformMatrix = matrixModule.inverseTransformMatrix; var anglesModule = _dereq_('./angles'); lib.deg2rad = anglesModule.deg2rad; lib.rad2deg = anglesModule.rad2deg; lib.angleDelta = anglesModule.angleDelta; lib.angleDist = anglesModule.angleDist; lib.isFullCircle = anglesModule.isFullCircle; lib.isAngleInsideSector = anglesModule.isAngleInsideSector; lib.isPtInsideSector = anglesModule.isPtInsideSector; lib.pathArc = anglesModule.pathArc; lib.pathSector = anglesModule.pathSector; lib.pathAnnulus = anglesModule.pathAnnulus; var anchorUtils = _dereq_('./anchor_utils'); lib.isLeftAnchor = anchorUtils.isLeftAnchor; lib.isCenterAnchor = anchorUtils.isCenterAnchor; lib.isRightAnchor = anchorUtils.isRightAnchor; lib.isTopAnchor = anchorUtils.isTopAnchor; lib.isMiddleAnchor = anchorUtils.isMiddleAnchor; lib.isBottomAnchor = anchorUtils.isBottomAnchor; var geom2dModule = _dereq_('./geometry2d'); lib.segmentsIntersect = geom2dModule.segmentsIntersect; lib.segmentDistance = geom2dModule.segmentDistance; lib.getTextLocation = geom2dModule.getTextLocation; lib.clearLocationCache = geom2dModule.clearLocationCache; lib.getVisibleSegment = geom2dModule.getVisibleSegment; lib.findPointOnPath = geom2dModule.findPointOnPath; var extendModule = _dereq_('./extend'); lib.extendFlat = extendModule.extendFlat; lib.extendDeep = extendModule.extendDeep; lib.extendDeepAll = extendModule.extendDeepAll; lib.extendDeepNoArrays = extendModule.extendDeepNoArrays; var loggersModule = _dereq_('./loggers'); lib.log = loggersModule.log; lib.warn = loggersModule.warn; lib.error = loggersModule.error; var regexModule = _dereq_('./regex'); lib.counterRegex = regexModule.counter; var throttleModule = _dereq_('./throttle'); lib.throttle = throttleModule.throttle; lib.throttleDone = throttleModule.done; lib.clearThrottle = throttleModule.clear; var domModule = _dereq_('./dom'); lib.getGraphDiv = domModule.getGraphDiv; lib.isPlotDiv = domModule.isPlotDiv; lib.removeElement = domModule.removeElement; lib.addStyleRule = domModule.addStyleRule; lib.addRelatedStyleRule = domModule.addRelatedStyleRule; lib.deleteRelatedStyleRule = domModule.deleteRelatedStyleRule; lib.getFullTransformMatrix = domModule.getFullTransformMatrix; lib.getElementTransformMatrix = domModule.getElementTransformMatrix; lib.getElementAndAncestors = domModule.getElementAndAncestors; lib.equalDomRects = domModule.equalDomRects; lib.clearResponsive = _dereq_('./clear_responsive'); lib.preserveDrawingBuffer = _dereq_('./preserve_drawing_buffer'); lib.makeTraceGroups = _dereq_('./make_trace_groups'); lib._ = _dereq_('./localize'); lib.notifier = _dereq_('./notifier'); lib.filterUnique = _dereq_('./filter_unique'); lib.filterVisible = _dereq_('./filter_visible'); lib.pushUnique = _dereq_('./push_unique'); lib.increment = _dereq_('./increment'); lib.cleanNumber = _dereq_('./clean_number'); lib.ensureNumber = function ensureNumber(v) { if(!isNumeric(v)) return BADNUM; v = Number(v); if(v < -FP_SAFE || v > FP_SAFE) return BADNUM; return isNumeric(v) ? Number(v) : BADNUM; }; /** * Is v a valid array index? Accepts numeric strings as well as numbers. * * @param {any} v: the value to test * @param {Optional[integer]} len: the array length we are indexing * * @return {bool}: v is a valid array index */ lib.isIndex = function(v, len) { if(len !== undefined && v >= len) return false; return isNumeric(v) && (v >= 0) && (v % 1 === 0); }; lib.noop = _dereq_('./noop'); lib.identity = _dereq_('./identity'); /** * create an array of length 'cnt' filled with 'v' at all indices * * @param {any} v * @param {number} cnt * @return {array} */ lib.repeat = function(v, cnt) { var out = new Array(cnt); for(var i = 0; i < cnt; i++) { out[i] = v; } return out; }; /** * swap x and y of the same attribute in container cont * specify attr with a ? in place of x/y * you can also swap other things than x/y by providing part1 and part2 */ lib.swapAttrs = function(cont, attrList, part1, part2) { if(!part1) part1 = 'x'; if(!part2) part2 = 'y'; for(var i = 0; i < attrList.length; i++) { var attr = attrList[i]; var xp = lib.nestedProperty(cont, attr.replace('?', part1)); var yp = lib.nestedProperty(cont, attr.replace('?', part2)); var temp = xp.get(); xp.set(yp.get()); yp.set(temp); } }; /** * SVG painter's algo worked around with reinsertion */ lib.raiseToTop = function raiseToTop(elem) { elem.parentNode.appendChild(elem); }; /** * cancel a possibly pending transition; returned selection may be used by caller */ lib.cancelTransition = function(selection) { return selection.transition().duration(0); }; // constrain - restrict a number v to be between v0 and v1 lib.constrain = function(v, v0, v1) { if(v0 > v1) return Math.max(v1, Math.min(v0, v)); return Math.max(v0, Math.min(v1, v)); }; /** * do two bounding boxes from getBoundingClientRect, * ie {left,right,top,bottom,width,height}, overlap? * takes optional padding pixels */ lib.bBoxIntersect = function(a, b, pad) { pad = pad || 0; return (a.left <= b.right + pad && b.left <= a.right + pad && a.top <= b.bottom + pad && b.top <= a.bottom + pad); }; /* * simpleMap: alternative to Array.map that only * passes on the element and up to 2 extra args you * provide (but not the array index or the whole array) * * array: the array to map it to * func: the function to apply * x1, x2: optional extra args */ lib.simpleMap = function(array, func, x1, x2, opts) { var len = array.length; var out = new Array(len); for(var i = 0; i < len; i++) out[i] = func(array[i], x1, x2, opts); return out; }; /** * Random string generator * * @param {object} existing * pass in strings to avoid as keys with truthy values * @param {int} bits * bits of information in the output string, default 24 * @param {int} base * base of string representation, default 16. Should be a power of 2. */ lib.randstr = function randstr(existing, bits, base, _recursion) { if(!base) base = 16; if(bits === undefined) bits = 24; if(bits <= 0) return '0'; var digits = Math.log(Math.pow(2, bits)) / Math.log(base); var res = ''; var i, b, x; for(i = 2; digits === Infinity; i *= 2) { digits = Math.log(Math.pow(2, bits / i)) / Math.log(base) * i; } var rem = digits - Math.floor(digits); for(i = 0; i < Math.floor(digits); i++) { x = Math.floor(Math.random() * base).toString(base); res = x + res; } if(rem) { b = Math.pow(base, rem); x = Math.floor(Math.random() * b).toString(base); res = x + res; } var parsed = parseInt(res, base); if((existing && existing[res]) || (parsed !== Infinity && parsed >= Math.pow(2, bits))) { if(_recursion > 10) { lib.warn('randstr failed uniqueness'); return res; } return randstr(existing, bits, base, (_recursion || 0) + 1); } else return res; }; lib.OptionControl = function(opt, optname) { /* * An environment to contain all option setters and * getters that collectively modify opts. * * You can call up opts from any function in new object * as this.optname || this.opt * * See FitOpts for example of usage */ if(!opt) opt = {}; if(!optname) optname = 'opt'; var self = {}; self.optionList = []; self._newoption = function(optObj) { optObj[optname] = opt; self[optObj.name] = optObj; self.optionList.push(optObj); }; self['_' + optname] = opt; return self; }; /** * lib.smooth: smooth arrayIn by convolving with * a hann window with given full width at half max * bounce the ends in, so the output has the same length as the input */ lib.smooth = function(arrayIn, FWHM) { FWHM = Math.round(FWHM) || 0; // only makes sense for integers if(FWHM < 2) return arrayIn; var alen = arrayIn.length; var alen2 = 2 * alen; var wlen = 2 * FWHM - 1; var w = new Array(wlen); var arrayOut = new Array(alen); var i; var j; var k; var v; // first make the window array for(i = 0; i < wlen; i++) { w[i] = (1 - Math.cos(Math.PI * (i + 1) / FWHM)) / (2 * FWHM); } // now do the convolution for(i = 0; i < alen; i++) { v = 0; for(j = 0; j < wlen; j++) { k = i + j + 1 - FWHM; // multibounce if(k < -alen) k -= alen2 * Math.round(k / alen2); else if(k >= alen2) k -= alen2 * Math.floor(k / alen2); // single bounce if(k < 0) k = - 1 - k; else if(k >= alen) k = alen2 - 1 - k; v += arrayIn[k] * w[j]; } arrayOut[i] = v; } return arrayOut; }; /** * syncOrAsync: run a sequence of functions synchronously * as long as its returns are not promises (ie have no .then) * includes one argument arg to send to all functions... * this is mainly just to prevent us having to make wrapper functions * when the only purpose of the wrapper is to reference gd * and a final step to be executed at the end * TODO: if there's an error and everything is sync, * this doesn't happen yet because we want to make sure * that it gets reported */ lib.syncOrAsync = function(sequence, arg, finalStep) { var ret, fni; function continueAsync() { return lib.syncOrAsync(sequence, arg, finalStep); } while(sequence.length) { fni = sequence.splice(0, 1)[0]; ret = fni(arg); if(ret && ret.then) { return ret.then(continueAsync) .then(undefined, lib.promiseError); } } return finalStep && finalStep(arg); }; /** * Helper to strip trailing slash, from * http://stackoverflow.com/questions/6680825/return-string-without-trailing-slash */ lib.stripTrailingSlash = function(str) { if(str.substr(-1) === '/') return str.substr(0, str.length - 1); return str; }; lib.noneOrAll = function(containerIn, containerOut, attrList) { /** * some attributes come together, so if you have one of them * in the input, you should copy the default values of the others * to the input as well. */ if(!containerIn) return; var hasAny = false; var hasAll = true; var i; var val; for(i = 0; i < attrList.length; i++) { val = containerIn[attrList[i]]; if(val !== undefined && val !== null) hasAny = true; else hasAll = false; } if(hasAny && !hasAll) { for(i = 0; i < attrList.length; i++) { containerIn[attrList[i]] = containerOut[attrList[i]]; } } }; /** merges calcdata field (given by cdAttr) with traceAttr values * * N.B. Loop over minimum of cd.length and traceAttr.length * i.e. it does not try to fill in beyond traceAttr.length-1 * * @param {array} traceAttr : trace attribute * @param {object} cd : calcdata trace * @param {string} cdAttr : calcdata key */ lib.mergeArray = function(traceAttr, cd, cdAttr, fn) { var hasFn = typeof fn === 'function'; if(lib.isArrayOrTypedArray(traceAttr)) { var imax = Math.min(traceAttr.length, cd.length); for(var i = 0; i < imax; i++) { var v = traceAttr[i]; cd[i][cdAttr] = hasFn ? fn(v) : v; } } }; // cast numbers to positive numbers, returns 0 if not greater than 0 lib.mergeArrayCastPositive = function(traceAttr, cd, cdAttr) { return lib.mergeArray(traceAttr, cd, cdAttr, function(v) { var w = +v; return !isFinite(w) ? 0 : w > 0 ? w : 0; }); }; /** fills calcdata field (given by cdAttr) with traceAttr values * or function of traceAttr values (e.g. some fallback) * * N.B. Loops over all cd items. * * @param {array} traceAttr : trace attribute * @param {object} cd : calcdata trace * @param {string} cdAttr : calcdata key * @param {function} [fn] : optional function to apply to each array item */ lib.fillArray = function(traceAttr, cd, cdAttr, fn) { fn = fn || lib.identity; if(lib.isArrayOrTypedArray(traceAttr)) { for(var i = 0; i < cd.length; i++) { cd[i][cdAttr] = fn(traceAttr[i]); } } }; /** Handler for trace-wide vs per-point options * * @param {object} trace : (full) trace object * @param {number} ptNumber : index of the point in question * @param {string} astr : attribute string * @param {function} [fn] : optional function to apply to each array item * * @return {any} */ lib.castOption = function(trace, ptNumber, astr, fn) { fn = fn || lib.identity; var val = lib.nestedProperty(trace, astr).get(); if(lib.isArrayOrTypedArray(val)) { if(Array.isArray(ptNumber) && lib.isArrayOrTypedArray(val[ptNumber[0]])) { return fn(val[ptNumber[0]][ptNumber[1]]); } else { return fn(val[ptNumber]); } } else { return val; } }; /** Extract option from calcdata item, correctly falling back to * trace value if not found. * * @param {object} calcPt : calcdata[i][j] item * @param {object} trace : (full) trace object * @param {string} calcKey : calcdata key * @param {string} traceKey : aka trace attribute string * @return {any} */ lib.extractOption = function(calcPt, trace, calcKey, traceKey) { if(calcKey in calcPt) return calcPt[calcKey]; // fallback to trace value, // must check if value isn't itself an array // which means the trace attribute has a corresponding // calcdata key, but its value is falsy var traceVal = lib.nestedProperty(trace, traceKey).get(); if(!Array.isArray(traceVal)) return traceVal; }; function makePtIndex2PtNumber(indexToPoints) { var ptIndex2ptNumber = {}; for(var k in indexToPoints) { var pts = indexToPoints[k]; for(var j = 0; j < pts.length; j++) { ptIndex2ptNumber[pts[j]] = +k; } } return ptIndex2ptNumber; } /** Tag selected calcdata items * * N.B. note that point 'index' corresponds to input data array index * whereas 'number' is its post-transform version. * * @param {array} calcTrace * @param {object} trace * - selectedpoints {array} * - _indexToPoints {object} * @param {ptNumber2cdIndex} ptNumber2cdIndex (optional) * optional map object for trace types that do not have 1-to-1 point number to * calcdata item index correspondence (e.g. histogram) */ lib.tagSelected = function(calcTrace, trace, ptNumber2cdIndex) { var selectedpoints = trace.selectedpoints; var indexToPoints = trace._indexToPoints; var ptIndex2ptNumber; // make pt index-to-number map object, which takes care of transformed traces if(indexToPoints) { ptIndex2ptNumber = makePtIndex2PtNumber(indexToPoints); } function isCdIndexValid(v) { return v !== undefined && v < calcTrace.length; } for(var i = 0; i < selectedpoints.length; i++) { var ptIndex = selectedpoints[i]; if(lib.isIndex(ptIndex) || (lib.isArrayOrTypedArray(ptIndex) && lib.isIndex(ptIndex[0]) && lib.isIndex(ptIndex[1])) ) { var ptNumber = ptIndex2ptNumber ? ptIndex2ptNumber[ptIndex] : ptIndex; var cdIndex = ptNumber2cdIndex ? ptNumber2cdIndex[ptNumber] : ptNumber; if(isCdIndexValid(cdIndex)) { calcTrace[cdIndex].selected = 1; } } } }; lib.selIndices2selPoints = function(trace) { var selectedpoints = trace.selectedpoints; var indexToPoints = trace._indexToPoints; if(indexToPoints) { var ptIndex2ptNumber = makePtIndex2PtNumber(indexToPoints); var out = []; for(var i = 0; i < selectedpoints.length; i++) { var ptIndex = selectedpoints[i]; if(lib.isIndex(ptIndex)) { var ptNumber = ptIndex2ptNumber[ptIndex]; if(lib.isIndex(ptNumber)) { out.push(ptNumber); } } } return out; } else { return selectedpoints; } }; /** Returns target as set by 'target' transform attribute * * @param {object} trace : full trace object * @param {object} transformOpts : transform option object * - target (string} : * either an attribute string referencing an array in the trace object, or * a set array. * * @return {array or false} : the target array (NOT a copy!!) or false if invalid */ lib.getTargetArray = function(trace, transformOpts) { var target = transformOpts.target; if(typeof target === 'string' && target) { var array = lib.nestedProperty(trace, target).get(); return Array.isArray(array) ? array : false; } else if(Array.isArray(target)) { return target; } return false; }; /** * modified version of jQuery's extend to strip out private objs and functions, * and cut arrays down to first or 1 elements * because extend-like algorithms are hella slow * obj2 is assumed to already be clean of these things (including no arrays) */ lib.minExtend = function(obj1, obj2) { var objOut = {}; if(typeof obj2 !== 'object') obj2 = {}; var arrayLen = 3; var keys = Object.keys(obj1); var i, k, v; for(i = 0; i < keys.length; i++) { k = keys[i]; v = obj1[k]; if(k.charAt(0) === '_' || typeof v === 'function') continue; else if(k === 'module') objOut[k] = v; else if(Array.isArray(v)) { if(k === 'colorscale') { objOut[k] = v.slice(); } else { objOut[k] = v.slice(0, arrayLen); } } else if(lib.isTypedArray(v)) { objOut[k] = v.subarray(0, arrayLen); } else if(v && (typeof v === 'object')) objOut[k] = lib.minExtend(obj1[k], obj2[k]); else objOut[k] = v; } keys = Object.keys(obj2); for(i = 0; i < keys.length; i++) { k = keys[i]; v = obj2[k]; if(typeof v !== 'object' || !(k in objOut) || typeof objOut[k] !== 'object') { objOut[k] = v; } } return objOut; }; lib.titleCase = function(s) { return s.charAt(0).toUpperCase() + s.substr(1); }; lib.containsAny = function(s, fragments) { for(var i = 0; i < fragments.length; i++) { if(s.indexOf(fragments[i]) !== -1) return true; } return false; }; lib.isIE = function() { return typeof window.navigator.msSaveBlob !== 'undefined'; }; var IS_IE9_OR_BELOW_REGEX = /MSIE [1-9]\./; lib.isIE9orBelow = function() { return lib.isIE() && IS_IE9_OR_BELOW_REGEX.test(window.navigator.userAgent); }; var IS_SAFARI_REGEX = /Version\/[\d\.]+.*Safari/; lib.isSafari = function() { return IS_SAFARI_REGEX.test(window.navigator.userAgent); }; var IS_IOS_REGEX = /iPad|iPhone|iPod/; lib.isIOS = function() { return IS_IOS_REGEX.test(window.navigator.userAgent); }; /** * Duck typing to recognize a d3 selection, mostly for IE9's benefit * because it doesn't handle instanceof like modern browsers */ lib.isD3Selection = function(obj) { return obj && (typeof obj.classed === 'function'); }; /** * Append element to DOM only if not present. * * @param {d3 selection} parent : parent selection of the element in question * @param {string} nodeType : node type of element to append * @param {string} className (optional) : class name of element in question * @param {fn} enterFn (optional) : optional fn applied to entering elements only * @return {d3 selection} selection of new layer * * Previously, we were using the following pattern: * * ``` * var sel = parent.selectAll('.' + className) * .data([0]); * * sel.enter().append(nodeType) * .classed(className, true); * * return sel; * ``` * * in numerous places in our codebase to achieve the same behavior. * * The logic below performs much better, mostly as we are using * `.select` instead `.selectAll` that is `querySelector` instead of * `querySelectorAll`. * */ lib.ensureSingle = function(parent, nodeType, className, enterFn) { var sel = parent.select(nodeType + (className ? '.' + className : '')); if(sel.size()) return sel; var layer = parent.append(nodeType); if(className) layer.classed(className, true); if(enterFn) layer.call(enterFn); return layer; }; /** * Same as Lib.ensureSingle, but using id as selector. * This version is mostly used for clipPath nodes. * * @param {d3 selection} parent : parent selection of the element in question * @param {string} nodeType : node type of element to append * @param {string} id : id of element in question * @param {fn} enterFn (optional) : optional fn applied to entering elements only * @return {d3 selection} selection of new layer */ lib.ensureSingleById = function(parent, nodeType, id, enterFn) { var sel = parent.select(nodeType + '#' + id); if(sel.size()) return sel; var layer = parent.append(nodeType).attr('id', id); if(enterFn) layer.call(enterFn); return layer; }; /** * Converts a string path to an object. * * When given a string containing an array element, it will create a `null` * filled array of the given size. * * @example * lib.objectFromPath('nested.test[2].path', 'value'); * // returns { nested: { test: [null, null, { path: 'value' }]} * * @param {string} path to nested value * @param {*} any value to be set * * @return {Object} the constructed object with a full nested path */ lib.objectFromPath = function(path, value) { var keys = path.split('.'); var tmpObj; var obj = tmpObj = {}; for(var i = 0; i < keys.length; i++) { var key = keys[i]; var el = null; var parts = keys[i].match(/(.*)\[([0-9]+)\]/); if(parts) { key = parts[1]; el = parts[2]; tmpObj = tmpObj[key] = []; if(i === keys.length - 1) { tmpObj[el] = value; } else { tmpObj[el] = {}; } tmpObj = tmpObj[el]; } else { if(i === keys.length - 1) { tmpObj[key] = value; } else { tmpObj[key] = {}; } tmpObj = tmpObj[key]; } } return obj; }; /** * Iterate through an object in-place, converting dotted properties to objects. * * Examples: * * lib.expandObjectPaths({'nested.test.path': 'value'}); * => { nested: { test: {path: 'value'}}} * * It also handles array notation, e.g.: * * lib.expandObjectPaths({'foo[1].bar': 'value'}); * => { foo: [null, {bar: value}] } * * It handles merges the results when two properties are specified in parallel: * * lib.expandObjectPaths({'foo[1].bar': 10, 'foo[0].bar': 20}); * => { foo: [{bar: 10}, {bar: 20}] } * * It does NOT, however, merge multiple multiply-nested arrays:: * * lib.expandObjectPaths({'marker[1].range[1]': 5, 'marker[1].range[0]': 4}) * => { marker: [null, {range: 4}] } */ // Store this to avoid recompiling regex on *every* prop since this may happen many // many times for animations. Could maybe be inside the function. Not sure about // scoping vs. recompilation tradeoff, but at least it's not just inlining it into // the inner loop. var dottedPropertyRegex = /^([^\[\.]+)\.(.+)?/; var indexedPropertyRegex = /^([^\.]+)\[([0-9]+)\](\.)?(.+)?/; lib.expandObjectPaths = function(data) { var match, key, prop, datum, idx, dest, trailingPath; if(typeof data === 'object' && !Array.isArray(data)) { for(key in data) { if(data.hasOwnProperty(key)) { if((match = key.match(dottedPropertyRegex))) { datum = data[key]; prop = match[1]; delete data[key]; data[prop] = lib.extendDeepNoArrays(data[prop] || {}, lib.objectFromPath(key, lib.expandObjectPaths(datum))[prop]); } else if((match = key.match(indexedPropertyRegex))) { datum = data[key]; prop = match[1]; idx = parseInt(match[2]); delete data[key]; data[prop] = data[prop] || []; if(match[3] === '.') { // This is the case where theere are subsequent properties into which // we must recurse, e.g. transforms[0].value trailingPath = match[4]; dest = data[prop][idx] = data[prop][idx] || {}; // NB: Extend deep no arrays prevents this from working on multiple // nested properties in the same object, e.g. // // { // foo[0].bar[1].range // foo[0].bar[0].range // } // // In this case, the extendDeepNoArrays will overwrite one array with // the other, so that both properties *will not* be present in the // result. Fixing this would require a more intelligent tracking // of changes and merging than extendDeepNoArrays currently accomplishes. lib.extendDeepNoArrays(dest, lib.objectFromPath(trailingPath, lib.expandObjectPaths(datum))); } else { // This is the case where this property is the end of the line, // e.g. xaxis.range[0] data[prop][idx] = lib.expandObjectPaths(datum); } } else { data[key] = lib.expandObjectPaths(data[key]); } } } } return data; }; /** * Converts value to string separated by the provided separators. * * @example * lib.numSeparate(2016, '.,'); * // returns '2016' * * @example * lib.numSeparate(3000, '.,', true); * // returns '3,000' * * @example * lib.numSeparate(1234.56, '|,') * // returns '1,234|56' * * @param {string|number} value the value to be converted * @param {string} separators string of decimal, then thousands separators * @param {boolean} separatethousands boolean, 4-digit integers are separated if true * * @return {string} the value that has been separated */ lib.numSeparate = function(value, separators, separatethousands) { if(!separatethousands) separatethousands = false; if(typeof separators !== 'string' || separators.length === 0) { throw new Error('Separator string required for formatting!'); } if(typeof value === 'number') { value = String(value); } var thousandsRe = /(\d+)(\d{3})/; var decimalSep = separators.charAt(0); var thouSep = separators.charAt(1); var x = value.split('.'); var x1 = x[0]; var x2 = x.length > 1 ? decimalSep + x[1] : ''; // Years are ignored for thousands separators if(thouSep && (x.length > 1 || x1.length > 4 || separatethousands)) { while(thousandsRe.test(x1)) { x1 = x1.replace(thousandsRe, '$1' + thouSep + '$2'); } } return x1 + x2; }; lib.TEMPLATE_STRING_REGEX = /%{([^\s%{}:]*)([:|\|][^}]*)?}/g; var SIMPLE_PROPERTY_REGEX = /^\w*$/; /** * Substitute values from an object into a string * * Examples: * Lib.templateString('name: %{trace}', {trace: 'asdf'}) --> 'name: asdf' * Lib.templateString('name: %{trace[0].name}', {trace: [{name: 'asdf'}]}) --> 'name: asdf' * * @param {string} input string containing %{...} template strings * @param {obj} data object containing substitution values * * @return {string} templated string */ lib.templateString = function(string, obj) { // Not all that useful, but cache nestedProperty instantiation // just in case it speeds things up *slightly*: var getterCache = {}; return string.replace(lib.TEMPLATE_STRING_REGEX, function(dummy, key) { var v; if(SIMPLE_PROPERTY_REGEX.test(key)) { v = obj[key]; } else { getterCache[key] = getterCache[key] || lib.nestedProperty(obj, key).get; v = getterCache[key](); } return lib.isValidTextValue(v) ? v : ''; }); }; var hovertemplateWarnings = { max: 10, count: 0, name: 'hovertemplate' }; lib.hovertemplateString = function() { return templateFormatString.apply(hovertemplateWarnings, arguments); }; var texttemplateWarnings = { max: 10, count: 0, name: 'texttemplate' }; lib.texttemplateString = function() { return templateFormatString.apply(texttemplateWarnings, arguments); }; var TEMPLATE_STRING_FORMAT_SEPARATOR = /^[:|\|]/; /** * Substitute values from an object into a string and optionally formats them using d3-format, * or fallback to associated labels. * * Examples: * Lib.hovertemplateString('name: %{trace}', {trace: 'asdf'}) --> 'name: asdf' * Lib.hovertemplateString('name: %{trace[0].name}', {trace: [{name: 'asdf'}]}) --> 'name: asdf' * Lib.hovertemplateString('price: %{y:$.2f}', {y: 1}) --> 'price: $1.00' * * @param {string} input string containing %{...:...} template strings * @param {obj} data object containing fallback text when no formatting is specified, ex.: {yLabel: 'formattedYValue'} * @param {obj} d3 locale * @param {obj} data objects containing substitution values * * @return {string} templated string */ function templateFormatString(string, labels, d3locale) { var opts = this; var args = arguments; if(!labels) labels = {}; // Not all that useful, but cache nestedProperty instantiation // just in case it speeds things up *slightly*: var getterCache = {}; return string.replace(lib.TEMPLATE_STRING_REGEX, function(match, key, format) { var obj, value, i; for(i = 3; i < args.length; i++) { obj = args[i]; if(!obj) continue; if(obj.hasOwnProperty(key)) { value = obj[key]; break; } if(!SIMPLE_PROPERTY_REGEX.test(key)) { value = getterCache[key] || lib.nestedProperty(obj, key).get(); if(value) getterCache[key] = value; } if(value !== undefined) break; } if(value === undefined && opts) { if(opts.count < opts.max) { lib.warn('Variable \'' + key + '\' in ' + opts.name + ' could not be found!'); value = match; } if(opts.count === opts.max) { lib.warn('Too many ' + opts.name + ' warnings - additional warnings will be suppressed'); } opts.count++; return match; } if(format) { var fmt; if(format[0] === ':') { fmt = d3locale ? d3locale.numberFormat : d3.format; value = fmt(format.replace(TEMPLATE_STRING_FORMAT_SEPARATOR, ''))(value); } if(format[0] === '|') { fmt = d3locale ? d3locale.timeFormat : utcFormat; var ms = lib.dateTime2ms(value); value = lib.formatDate(ms, format.replace(TEMPLATE_STRING_FORMAT_SEPARATOR, ''), false, fmt); } } else { if(labels.hasOwnProperty(key + 'Label')) value = labels[key + 'Label']; } return value; }); } /* * alphanumeric string sort, tailored for subplot IDs like scene2, scene10, x10y13 etc */ var char0 = 48; var char9 = 57; lib.subplotSort = function(a, b) { var l = Math.min(a.length, b.length) + 1; var numA = 0; var numB = 0; for(var i = 0; i < l; i++) { var charA = a.charCodeAt(i) || 0; var charB = b.charCodeAt(i) || 0; var isNumA = charA >= char0 && charA <= char9; var isNumB = charB >= char0 && charB <= char9; if(isNumA) numA = 10 * numA + charA - char0; if(isNumB) numB = 10 * numB + charB - char0; if(!isNumA || !isNumB) { if(numA !== numB) return numA - numB; if(charA !== charB) return charA - charB; } } return numB - numA; }; // repeatable pseudorandom generator var randSeed = 2000000000; lib.seedPseudoRandom = function() { randSeed = 2000000000; }; lib.pseudoRandom = function() { var lastVal = randSeed; randSeed = (69069 * randSeed + 1) % 4294967296; // don't let consecutive vals be too close together // gets away from really trying to be random, in favor of better local uniformity if(Math.abs(randSeed - lastVal) < 429496729) return lib.pseudoRandom(); return randSeed / 4294967296; }; /** Fill hover 'pointData' container with 'correct' hover text value * * - If trace hoverinfo contains a 'text' flag and hovertext is not set, * the text elements will be seen in the hover labels. * * - If trace hoverinfo contains a 'text' flag and hovertext is set, * hovertext takes precedence over text * i.e. the hoverinfo elements will be seen in the hover labels * * @param {object} calcPt * @param {object} trace * @param {object || array} contOut (mutated here) */ lib.fillText = function(calcPt, trace, contOut) { var fill = Array.isArray(contOut) ? function(v) { contOut.push(v); } : function(v) { contOut.text = v; }; var htx = lib.extractOption(calcPt, trace, 'htx', 'hovertext'); if(lib.isValidTextValue(htx)) return fill(htx); var tx = lib.extractOption(calcPt, trace, 'tx', 'text'); if(lib.isValidTextValue(tx)) return fill(tx); }; // accept all truthy values and 0 (which gets cast to '0' in the hover labels) lib.isValidTextValue = function(v) { return v || v === 0; }; /** * @param {number} ratio * @param {number} n (number of decimal places) */ lib.formatPercent = function(ratio, n) { n = n || 0; var str = (Math.round(100 * ratio * Math.pow(10, n)) * Math.pow(0.1, n)).toFixed(n) + '%'; for(var i = 0; i < n; i++) { if(str.indexOf('.') !== -1) { str = str.replace('0%', '%'); str = str.replace('.%', '%'); } } return str; }; lib.isHidden = function(gd) { var display = window.getComputedStyle(gd).display; return !display || display === 'none'; }; lib.strTranslate = function(x, y) { return (x || y) ? 'translate(' + x + ',' + y + ')' : ''; }; lib.strRotate = function(a) { return a ? 'rotate(' + a + ')' : ''; }; lib.strScale = function(s) { return s !== 1 ? 'scale(' + s + ')' : ''; }; /** Return transform text for bar bar-like rectangles and pie-like slices * @param {object} transform * - targetX: desired position on the x-axis * - targetY: desired position on the y-axis * - textX: text middle position on the x-axis * - textY: text middle position on the y-axis * - anchorX: (optional) text anchor position on the x-axis (computed from textX), zero for middle anchor * - anchorY: (optional) text anchor position on the y-axis (computed from textY), zero for middle anchor * - scale: (optional) scale applied after translate * - rotate: (optional) rotation applied after scale * - noCenter: when defined no extra arguments needed in rotation */ lib.getTextTransform = function(transform) { var noCenter = transform.noCenter; var textX = transform.textX; var textY = transform.textY; var targetX = transform.targetX; var targetY = transform.targetY; var anchorX = transform.anchorX || 0; var anchorY = transform.anchorY || 0; var rotate = transform.rotate; var scale = transform.scale; if(!scale) scale = 0; else if(scale > 1) scale = 1; return ( lib.strTranslate( targetX - scale * (textX + anchorX), targetY - scale * (textY + anchorY) ) + lib.strScale(scale) + (rotate ? 'rotate(' + rotate + (noCenter ? '' : ' ' + textX + ' ' + textY) + ')' : '' ) ); }; lib.ensureUniformFontSize = function(gd, baseFont) { var out = lib.extendFlat({}, baseFont); out.size = Math.max( baseFont.size, gd._fullLayout.uniformtext.minsize || 0 ); return out; }; /** * provide a human-readable list e.g. "A, B, C and D" with an ending separator * * @param {array} arr : the array to join * @param {string} mainSeparator : main separator * @param {string} lastSeparator : last separator * * @return {string} : joined list */ lib.join2 = function(arr, mainSeparator, lastSeparator) { var len = arr.length; if(len > 1) { return arr.slice(0, -1).join(mainSeparator) + lastSeparator + arr[len - 1]; } return arr.join(mainSeparator); }; },{"../constants/numerical":181,"./anchor_utils":186,"./angles":187,"./array":188,"./clean_number":189,"./clear_responsive":191,"./coerce":192,"./dates":193,"./dom":194,"./extend":196,"./filter_unique":197,"./filter_visible":198,"./geometry2d":199,"./identity":200,"./increment":201,"./is_plain_object":203,"./keyed_container":204,"./localize":205,"./loggers":206,"./make_trace_groups":207,"./matrix":208,"./mod":209,"./nested_property":210,"./noop":211,"./notifier":212,"./preserve_drawing_buffer":215,"./push_unique":216,"./regex":218,"./relative_attr":219,"./relink_private":220,"./search":221,"./stats":223,"./throttle":225,"./to_log_range":226,"d3":9,"d3-time-format":7,"fast-isnumeric":11}],203:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; // more info: http://stackoverflow.com/questions/18531624/isplainobject-thing module.exports = function isPlainObject(obj) { // We need to be a little less strict in the `imagetest` container because // of how async image requests are handled. // // N.B. isPlainObject(new Constructor()) will return true in `imagetest` if(window && window.process && window.process.versions) { return Object.prototype.toString.call(obj) === '[object Object]'; } return ( Object.prototype.toString.call(obj) === '[object Object]' && Object.getPrototypeOf(obj) === Object.prototype ); }; },{}],204:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var nestedProperty = _dereq_('./nested_property'); var SIMPLE_PROPERTY_REGEX = /^\w*$/; // bitmask for deciding what's updated. Sometimes the name needs to be updated, // sometimes the value needs to be updated, and sometimes both do. This is just // a simple way to track what's updated such that it's a simple OR operation to // assimilate new updates. // // The only exception is the UNSET bit that tracks when we need to explicitly // unset and remove the property. This concrn arises because of the special // way in which nestedProperty handles null/undefined. When you specify `null`, // it prunes any unused items in the tree. I ran into some issues with it getting // null vs undefined confused, so UNSET is just a bit that forces the property // update to send `null`, removing the property explicitly rather than setting // it to undefined. var NONE = 0; var NAME = 1; var VALUE = 2; var BOTH = 3; var UNSET = 4; module.exports = function keyedContainer(baseObj, path, keyName, valueName) { keyName = keyName || 'name'; valueName = valueName || 'value'; var i, arr, baseProp; var changeTypes = {}; if(path && path.length) { baseProp = nestedProperty(baseObj, path); arr = baseProp.get(); } else { arr = baseObj; } path = path || ''; // Construct an index: var indexLookup = {}; if(arr) { for(i = 0; i < arr.length; i++) { indexLookup[arr[i][keyName]] = i; } } var isSimpleValueProp = SIMPLE_PROPERTY_REGEX.test(valueName); var obj = { set: function(name, value) { var changeType = value === null ? UNSET : NONE; // create the base array if necessary if(!arr) { if(!baseProp || changeType === UNSET) return; arr = []; baseProp.set(arr); } var idx = indexLookup[name]; if(idx === undefined) { if(changeType === UNSET) return; changeType = changeType | BOTH; idx = arr.length; indexLookup[name] = idx; } else if(value !== (isSimpleValueProp ? arr[idx][valueName] : nestedProperty(arr[idx], valueName).get())) { changeType = changeType | VALUE; } var newValue = arr[idx] = arr[idx] || {}; newValue[keyName] = name; if(isSimpleValueProp) { newValue[valueName] = value; } else { nestedProperty(newValue, valueName).set(value); } // If it's not an unset, force that bit to be unset. This is all related to the fact // that undefined and null are a bit specially implemented in nestedProperties. if(value !== null) { changeType = changeType & ~UNSET; } changeTypes[idx] = changeTypes[idx] | changeType; return obj; }, get: function(name) { if(!arr) return; var idx = indexLookup[name]; if(idx === undefined) { return undefined; } else if(isSimpleValueProp) { return arr[idx][valueName]; } else { return nestedProperty(arr[idx], valueName).get(); } }, rename: function(name, newName) { var idx = indexLookup[name]; if(idx === undefined) return obj; changeTypes[idx] = changeTypes[idx] | NAME; indexLookup[newName] = idx; delete indexLookup[name]; arr[idx][keyName] = newName; return obj; }, remove: function(name) { var idx = indexLookup[name]; if(idx === undefined) return obj; var object = arr[idx]; if(Object.keys(object).length > 2) { // This object contains more than just the key/value, so unset // the value without modifying the entry otherwise: changeTypes[idx] = changeTypes[idx] | VALUE; return obj.set(name, null); } if(isSimpleValueProp) { for(i = idx; i < arr.length; i++) { changeTypes[i] = changeTypes[i] | BOTH; } for(i = idx; i < arr.length; i++) { indexLookup[arr[i][keyName]]--; } arr.splice(idx, 1); delete(indexLookup[name]); } else { // Perform this update *strictly* so we can check whether the result's // been pruned. If so, it's a removal. If not, it's a value unset only. nestedProperty(object, valueName).set(null); // Now check if the top level nested property has any keys left. If so, // the object still has values so we only want to unset the key. If not, // the entire object can be removed since there's no other data. // var topLevelKeys = Object.keys(object[valueName.split('.')[0]] || []); changeTypes[idx] = changeTypes[idx] | VALUE | UNSET; } return obj; }, constructUpdate: function() { var astr, idx; var update = {}; var changed = Object.keys(changeTypes); for(var i = 0; i < changed.length; i++) { idx = changed[i]; astr = path + '[' + idx + ']'; if(arr[idx]) { if(changeTypes[idx] & NAME) { update[astr + '.' + keyName] = arr[idx][keyName]; } if(changeTypes[idx] & VALUE) { if(isSimpleValueProp) { update[astr + '.' + valueName] = (changeTypes[idx] & UNSET) ? null : arr[idx][valueName]; } else { update[astr + '.' + valueName] = (changeTypes[idx] & UNSET) ? null : nestedProperty(arr[idx], valueName).get(); } } } else { update[astr] = null; } } return update; } }; return obj; }; },{"./nested_property":210}],205:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Registry = _dereq_('../registry'); /** * localize: translate a string for the current locale * * @param {object} gd: the graphDiv for context * gd._context.locale determines the language (& optional region/country) * the dictionary for each locale may either be supplied in * gd._context.locales or globally via Plotly.register * @param {string} s: the string to translate */ module.exports = function localize(gd, s) { var locale = gd._context.locale; /* * Priority of lookup: * contextDicts[locale], * registeredDicts[locale], * contextDicts[baseLocale], (if baseLocale is distinct) * registeredDicts[baseLocale] * Return the first translation we find. * This way if you have a regionalization you are allowed to specify * only what's different from the base locale, everything else will * fall back on the base. */ for(var i = 0; i < 2; i++) { var locales = gd._context.locales; for(var j = 0; j < 2; j++) { var dict = (locales[locale] || {}).dictionary; if(dict) { var out = dict[s]; if(out) return out; } locales = Registry.localeRegistry; } var baseLocale = locale.split('-')[0]; if(baseLocale === locale) break; locale = baseLocale; } return s; }; },{"../registry":290}],206:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; /* eslint-disable no-console */ var dfltConfig = _dereq_('../plot_api/plot_config').dfltConfig; var notifier = _dereq_('./notifier'); var loggers = module.exports = {}; /** * ------------------------------------------ * debugging tools * ------------------------------------------ */ loggers.log = function() { var i; if(dfltConfig.logging > 1) { var messages = ['LOG:']; for(i = 0; i < arguments.length; i++) { messages.push(arguments[i]); } apply(console.trace || console.log, messages); } if(dfltConfig.notifyOnLogging > 1) { var lines = []; for(i = 0; i < arguments.length; i++) { lines.push(arguments[i]); } notifier(lines.join('
'), 'long'); } }; loggers.warn = function() { var i; if(dfltConfig.logging > 0) { var messages = ['WARN:']; for(i = 0; i < arguments.length; i++) { messages.push(arguments[i]); } apply(console.trace || console.log, messages); } if(dfltConfig.notifyOnLogging > 0) { var lines = []; for(i = 0; i < arguments.length; i++) { lines.push(arguments[i]); } notifier(lines.join('
'), 'stick'); } }; loggers.error = function() { var i; if(dfltConfig.logging > 0) { var messages = ['ERROR:']; for(i = 0; i < arguments.length; i++) { messages.push(arguments[i]); } apply(console.error, messages); } if(dfltConfig.notifyOnLogging > 0) { var lines = []; for(i = 0; i < arguments.length; i++) { lines.push(arguments[i]); } notifier(lines.join('
'), 'stick'); } }; /* * Robust apply, for IE9 where console.log doesn't support * apply like other functions do */ function apply(f, args) { if(f && f.apply) { try { // `this` should always be console, since here we're always // applying a method of the console object. f.apply(console, args); return; } catch(e) { /* in case apply failed, fall back on the code below */ } } // no apply - just try calling the function on each arg independently for(var i = 0; i < args.length; i++) { try { f(args[i]); } catch(e) { // still fails - last resort simple console.log console.log(args[i]); } } } },{"../plot_api/plot_config":235,"./notifier":212}],207:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = _dereq_('d3'); /** * General helper to manage trace groups based on calcdata * * @param {d3.selection} traceLayer: a selection containing a single group * to draw these traces into * @param {array} cdModule: array of calcdata items for this * module and subplot combination. Assumes the calcdata item for each * trace is an array with the fullData trace attached to the first item. * @param {string} cls: the class attribute to give each trace group * so you can give multiple classes separated by spaces */ module.exports = function makeTraceGroups(traceLayer, cdModule, cls) { var traces = traceLayer.selectAll('g.' + cls.replace(/\s/g, '.')) .data(cdModule, function(cd) { return cd[0].trace.uid; }); traces.exit().remove(); traces.enter().append('g') .attr('class', cls); traces.order(); // stash ref node to trace group in calcdata, // useful for (fast) styleOnSelect var k = traceLayer.classed('rangeplot') ? 'nodeRangePlot3' : 'node3'; traces.each(function(cd) { cd[0][k] = d3.select(this); }); return traces; }; },{"d3":9}],208:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var mat4X4 = _dereq_('gl-mat4'); exports.init2dArray = function(rowLength, colLength) { var array = new Array(rowLength); for(var i = 0; i < rowLength; i++) array[i] = new Array(colLength); return array; }; /** * transpose a (possibly ragged) 2d array z. inspired by * http://stackoverflow.com/questions/17428587/ * transposing-a-2d-array-in-javascript */ exports.transposeRagged = function(z) { var maxlen = 0; var zlen = z.length; var i, j; // Maximum row length: for(i = 0; i < zlen; i++) maxlen = Math.max(maxlen, z[i].length); var t = new Array(maxlen); for(i = 0; i < maxlen; i++) { t[i] = new Array(zlen); for(j = 0; j < zlen; j++) t[i][j] = z[j][i]; } return t; }; // our own dot function so that we don't need to include numeric exports.dot = function(x, y) { if(!(x.length && y.length) || x.length !== y.length) return null; var len = x.length; var out; var i; if(x[0].length) { // mat-vec or mat-mat out = new Array(len); for(i = 0; i < len; i++) out[i] = exports.dot(x[i], y); } else if(y[0].length) { // vec-mat var yTranspose = exports.transposeRagged(y); out = new Array(yTranspose.length); for(i = 0; i < yTranspose.length; i++) out[i] = exports.dot(x, yTranspose[i]); } else { // vec-vec out = 0; for(i = 0; i < len; i++) out += x[i] * y[i]; } return out; }; // translate by (x,y) exports.translationMatrix = function(x, y) { return [[1, 0, x], [0, 1, y], [0, 0, 1]]; }; // rotate by alpha around (0,0) exports.rotationMatrix = function(alpha) { var a = alpha * Math.PI / 180; return [[Math.cos(a), -Math.sin(a), 0], [Math.sin(a), Math.cos(a), 0], [0, 0, 1]]; }; // rotate by alpha around (x,y) exports.rotationXYMatrix = function(a, x, y) { return exports.dot( exports.dot(exports.translationMatrix(x, y), exports.rotationMatrix(a)), exports.translationMatrix(-x, -y)); }; // applies a 3D transformation matrix to either x, y and z params // Note: z is optional exports.apply3DTransform = function(transform) { return function() { var args = arguments; var xyz = arguments.length === 1 ? args[0] : [args[0], args[1], args[2] || 0]; return exports.dot(transform, [xyz[0], xyz[1], xyz[2], 1]).slice(0, 3); }; }; // applies a 2D transformation matrix to either x and y params or an [x,y] array exports.apply2DTransform = function(transform) { return function() { var args = arguments; if(args.length === 3) { args = args[0]; } // from map var xy = arguments.length === 1 ? args[0] : [args[0], args[1]]; return exports.dot(transform, [xy[0], xy[1], 1]).slice(0, 2); }; }; // applies a 2D transformation matrix to an [x1,y1,x2,y2] array (to transform a segment) exports.apply2DTransform2 = function(transform) { var at = exports.apply2DTransform(transform); return function(xys) { return at(xys.slice(0, 2)).concat(at(xys.slice(2, 4))); }; }; exports.convertCssMatrix = function(m) { if(m) { var len = m.length; if(len === 16) return m; if(len === 6) { // converts a 2x3 css transform matrix to a 4x4 matrix see https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/matrix return [ m[0], m[1], 0, 0, m[2], m[3], 0, 0, 0, 0, 1, 0, m[4], m[5], 0, 1 ]; } } return [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ]; }; // find the inverse for a 4x4 affine transform matrix exports.inverseTransformMatrix = function(m) { var out = []; mat4X4.invert(out, m); return [ [out[0], out[1], out[2], out[3]], [out[4], out[5], out[6], out[7]], [out[8], out[9], out[10], out[11]], [out[12], out[13], out[14], out[15]] ]; }; },{"gl-mat4":27}],209:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; /** * sanitized modulus function that always returns in the range [0, d) * rather than (-d, 0] if v is negative */ function mod(v, d) { var out = v % d; return out < 0 ? out + d : out; } /** * sanitized modulus function that always returns in the range [-d/2, d/2] * rather than (-d, 0] if v is negative */ function modHalf(v, d) { return Math.abs(v) > (d / 2) ? v - Math.round(v / d) * d : v; } module.exports = { mod: mod, modHalf: modHalf }; },{}],210:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var isNumeric = _dereq_('fast-isnumeric'); var isArrayOrTypedArray = _dereq_('./array').isArrayOrTypedArray; /** * convert a string s (such as 'xaxis.range[0]') * representing a property of nested object into set and get methods * also return the string and object so we don't have to keep track of them * allows [-1] for an array index, to set a property inside all elements * of an array * eg if obj = {arr: [{a: 1}, {a: 2}]} * you can do p = nestedProperty(obj, 'arr[-1].a') * but you cannot set the array itself this way, to do that * just set the whole array. * eg if obj = {arr: [1, 2, 3]} * you can't do nestedProperty(obj, 'arr[-1]').set(5) * but you can do nestedProperty(obj, 'arr').set([5, 5, 5]) */ module.exports = function nestedProperty(container, propStr) { if(isNumeric(propStr)) propStr = String(propStr); else if(typeof propStr !== 'string' || propStr.substr(propStr.length - 4) === '[-1]') { throw 'bad property string'; } var j = 0; var propParts = propStr.split('.'); var indexed; var indices; var i; // check for parts of the nesting hierarchy that are numbers (ie array elements) while(j < propParts.length) { // look for non-bracket chars, then any number of [##] blocks indexed = String(propParts[j]).match(/^([^\[\]]*)((\[\-?[0-9]*\])+)$/); if(indexed) { if(indexed[1]) propParts[j] = indexed[1]; // allow propStr to start with bracketed array indices else if(j === 0) propParts.splice(0, 1); else throw 'bad property string'; indices = indexed[2] .substr(1, indexed[2].length - 2) .split(']['); for(i = 0; i < indices.length; i++) { j++; propParts.splice(j, 0, Number(indices[i])); } } j++; } if(typeof container !== 'object') { return badContainer(container, propStr, propParts); } return { set: npSet(container, propParts, propStr), get: npGet(container, propParts), astr: propStr, parts: propParts, obj: container }; }; function npGet(cont, parts) { return function() { var curCont = cont; var curPart; var allSame; var out; var i; var j; for(i = 0; i < parts.length - 1; i++) { curPart = parts[i]; if(curPart === -1) { allSame = true; out = []; for(j = 0; j < curCont.length; j++) { out[j] = npGet(curCont[j], parts.slice(i + 1))(); if(out[j] !== out[0]) allSame = false; } return allSame ? out[0] : out; } if(typeof curPart === 'number' && !isArrayOrTypedArray(curCont)) { return undefined; } curCont = curCont[curPart]; if(typeof curCont !== 'object' || curCont === null) { return undefined; } } // only hit this if parts.length === 1 if(typeof curCont !== 'object' || curCont === null) return undefined; out = curCont[parts[i]]; if(out === null) return undefined; return out; }; } /* * Can this value be deleted? We can delete `undefined`, and `null` except INSIDE an * *args* array. * * Previously we also deleted some `{}` and `[]`, in order to try and make set/unset * a net noop; but this causes far more complication than it's worth, and still had * lots of exceptions. See https://github.com/plotly/plotly.js/issues/1410 * * *args* arrays get passed directly to API methods and we should respect null if * the user put it there, but otherwise null is deleted as we use it as code * in restyle/relayout/update for "delete this value" whereas undefined means * "ignore this edit" */ var ARGS_PATTERN = /(^|\.)args\[/; function isDeletable(val, propStr) { return (val === undefined) || (val === null && !propStr.match(ARGS_PATTERN)); } function npSet(cont, parts, propStr) { return function(val) { var curCont = cont; var propPart = ''; var containerLevels = [[cont, propPart]]; var toDelete = isDeletable(val, propStr); var curPart; var i; for(i = 0; i < parts.length - 1; i++) { curPart = parts[i]; if(typeof curPart === 'number' && !isArrayOrTypedArray(curCont)) { throw 'array index but container is not an array'; } // handle special -1 array index if(curPart === -1) { toDelete = !setArrayAll(curCont, parts.slice(i + 1), val, propStr); if(toDelete) break; else return; } if(!checkNewContainer(curCont, curPart, parts[i + 1], toDelete)) { break; } curCont = curCont[curPart]; if(typeof curCont !== 'object' || curCont === null) { throw 'container is not an object'; } propPart = joinPropStr(propPart, curPart); containerLevels.push([curCont, propPart]); } if(toDelete) { if(i === parts.length - 1) { delete curCont[parts[i]]; // The one bit of pruning we still do: drop `undefined` from the end of arrays. // In case someone has already unset previous items, continue until we hit a // non-undefined value. if(Array.isArray(curCont) && +parts[i] === curCont.length - 1) { while(curCont.length && curCont[curCont.length - 1] === undefined) { curCont.pop(); } } } } else curCont[parts[i]] = val; }; } function joinPropStr(propStr, newPart) { var toAdd = newPart; if(isNumeric(newPart)) toAdd = '[' + newPart + ']'; else if(propStr) toAdd = '.' + newPart; return propStr + toAdd; } // handle special -1 array index function setArrayAll(containerArray, innerParts, val, propStr) { var arrayVal = isArrayOrTypedArray(val); var allSet = true; var thisVal = val; var thisPropStr = propStr.replace('-1', 0); var deleteThis = arrayVal ? false : isDeletable(val, thisPropStr); var firstPart = innerParts[0]; var i; for(i = 0; i < containerArray.length; i++) { thisPropStr = propStr.replace('-1', i); if(arrayVal) { thisVal = val[i % val.length]; deleteThis = isDeletable(thisVal, thisPropStr); } if(deleteThis) allSet = false; if(!checkNewContainer(containerArray, i, firstPart, deleteThis)) { continue; } npSet(containerArray[i], innerParts, propStr.replace('-1', i))(thisVal); } return allSet; } /** * make new sub-container as needed. * returns false if there's no container and none is needed * because we're only deleting an attribute */ function checkNewContainer(container, part, nextPart, toDelete) { if(container[part] === undefined) { if(toDelete) return false; if(typeof nextPart === 'number') container[part] = []; else container[part] = {}; } return true; } function badContainer(container, propStr, propParts) { return { set: function() { throw 'bad container'; }, get: function() {}, astr: propStr, parts: propParts, obj: container }; } },{"./array":188,"fast-isnumeric":11}],211:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; // Simple helper functions // none of these need any external deps module.exports = function noop() {}; },{}],212:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = _dereq_('d3'); var isNumeric = _dereq_('fast-isnumeric'); var NOTEDATA = []; /** * notifier * @param {String} text The person's user name * @param {Number} [delay=1000] The delay time in milliseconds * or 'long' which provides 2000 ms delay time. * @return {undefined} this function does not return a value */ module.exports = function(text, displayLength) { if(NOTEDATA.indexOf(text) !== -1) return; NOTEDATA.push(text); var ts = 1000; if(isNumeric(displayLength)) ts = displayLength; else if(displayLength === 'long') ts = 3000; var notifierContainer = d3.select('body') .selectAll('.plotly-notifier') .data([0]); notifierContainer.enter() .append('div') .classed('plotly-notifier', true); var notes = notifierContainer.selectAll('.notifier-note').data(NOTEDATA); function killNote(transition) { transition .duration(700) .style('opacity', 0) .each('end', function(thisText) { var thisIndex = NOTEDATA.indexOf(thisText); if(thisIndex !== -1) NOTEDATA.splice(thisIndex, 1); d3.select(this).remove(); }); } notes.enter().append('div') .classed('notifier-note', true) .style('opacity', 0) .each(function(thisText) { var note = d3.select(this); note.append('button') .classed('notifier-close', true) .html('×') .on('click', function() { note.transition().call(killNote); }); var p = note.append('p'); var lines = thisText.split(/
/g); for(var i = 0; i < lines.length; i++) { if(i) p.append('br'); p.append('span').text(lines[i]); } if(displayLength === 'stick') { note.transition() .duration(350) .style('opacity', 1); } else { note.transition() .duration(700) .style('opacity', 1) .transition() .delay(ts) .call(killNote); } }); }; },{"d3":9,"fast-isnumeric":11}],213:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var setCursor = _dereq_('./setcursor'); var STASHATTR = 'data-savedcursor'; var NO_CURSOR = '!!'; /* * works with our CSS cursor classes (see css/_cursor.scss) * to override a previous cursor set on d3 single-element selections, * by moving the name of the original cursor to the data-savedcursor attr. * omit cursor to revert to the previously set value. */ module.exports = function overrideCursor(el3, csr) { var savedCursor = el3.attr(STASHATTR); if(csr) { if(!savedCursor) { var classes = (el3.attr('class') || '').split(' '); for(var i = 0; i < classes.length; i++) { var cls = classes[i]; if(cls.indexOf('cursor-') === 0) { el3.attr(STASHATTR, cls.substr(7)) .classed(cls, false); } } if(!el3.attr(STASHATTR)) { el3.attr(STASHATTR, NO_CURSOR); } } setCursor(el3, csr); } else if(savedCursor) { el3.attr(STASHATTR, null); if(savedCursor === NO_CURSOR) setCursor(el3); else setCursor(el3, savedCursor); } }; },{"./setcursor":222}],214:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var dot = _dereq_('./matrix').dot; var BADNUM = _dereq_('../constants/numerical').BADNUM; var polygon = module.exports = {}; /** * Turn an array of [x, y] pairs into a polygon object * that can test if points are inside it * * @param ptsIn Array of [x, y] pairs * * @returns polygon Object {xmin, xmax, ymin, ymax, pts, contains} * (x|y)(min|max) are the bounding rect of the polygon * pts is the original array, with the first pair repeated at the end * contains is a function: (pt, omitFirstEdge) * pt is the [x, y] pair to test * omitFirstEdge truthy means points exactly on the first edge don't * count. This is for use adding one polygon to another so we * don't double-count the edge where they meet. * returns boolean: is pt inside the polygon (including on its edges) */ polygon.tester = function tester(ptsIn) { var pts = ptsIn.slice(); var xmin = pts[0][0]; var xmax = xmin; var ymin = pts[0][1]; var ymax = ymin; var i; pts.push(pts[0]); for(i = 1; i < pts.length; i++) { xmin = Math.min(xmin, pts[i][0]); xmax = Math.max(xmax, pts[i][0]); ymin = Math.min(ymin, pts[i][1]); ymax = Math.max(ymax, pts[i][1]); } // do we have a rectangle? Handle this here, so we can use the same // tester for the rectangular case without sacrificing speed var isRect = false; var rectFirstEdgeTest; if(pts.length === 5) { if(pts[0][0] === pts[1][0]) { // vert, horz, vert, horz if(pts[2][0] === pts[3][0] && pts[0][1] === pts[3][1] && pts[1][1] === pts[2][1]) { isRect = true; rectFirstEdgeTest = function(pt) { return pt[0] === pts[0][0]; }; } } else if(pts[0][1] === pts[1][1]) { // horz, vert, horz, vert if(pts[2][1] === pts[3][1] && pts[0][0] === pts[3][0] && pts[1][0] === pts[2][0]) { isRect = true; rectFirstEdgeTest = function(pt) { return pt[1] === pts[0][1]; }; } } } function rectContains(pt, omitFirstEdge) { var x = pt[0]; var y = pt[1]; if(x === BADNUM || x < xmin || x > xmax || y === BADNUM || y < ymin || y > ymax) { // pt is outside the bounding box of polygon return false; } if(omitFirstEdge && rectFirstEdgeTest(pt)) return false; return true; } function contains(pt, omitFirstEdge) { var x = pt[0]; var y = pt[1]; if(x === BADNUM || x < xmin || x > xmax || y === BADNUM || y < ymin || y > ymax) { // pt is outside the bounding box of polygon return false; } var imax = pts.length; var x1 = pts[0][0]; var y1 = pts[0][1]; var crossings = 0; var i; var x0; var y0; var xmini; var ycross; for(i = 1; i < imax; i++) { // find all crossings of a vertical line upward from pt with // polygon segments // crossings exactly at xmax don't count, unless the point is // exactly on the segment, then it counts as inside. x0 = x1; y0 = y1; x1 = pts[i][0]; y1 = pts[i][1]; xmini = Math.min(x0, x1); if(x < xmini || x > Math.max(x0, x1) || y > Math.max(y0, y1)) { // outside the bounding box of this segment, it's only a crossing // if it's below the box. continue; } else if(y < Math.min(y0, y1)) { // don't count the left-most point of the segment as a crossing // because we don't want to double-count adjacent crossings // UNLESS the polygon turns past vertical at exactly this x // Note that this is repeated below, but we can't factor it out // because if(x !== xmini) crossings++; } else { // inside the bounding box, check the actual line intercept // vertical segment - we know already that the point is exactly // on the segment, so mark the crossing as exactly at the point. if(x1 === x0) ycross = y; // any other angle else ycross = y0 + (x - x0) * (y1 - y0) / (x1 - x0); // exactly on the edge: counts as inside the polygon, unless it's the // first edge and we're omitting it. if(y === ycross) { if(i === 1 && omitFirstEdge) return false; return true; } if(y <= ycross && x !== xmini) crossings++; } } // if we've gotten this far, odd crossings means inside, even is outside return crossings % 2 === 1; } // detect if poly is degenerate var degenerate = true; var lastPt = pts[0]; for(i = 1; i < pts.length; i++) { if(lastPt[0] !== pts[i][0] || lastPt[1] !== pts[i][1]) { degenerate = false; break; } } return { xmin: xmin, xmax: xmax, ymin: ymin, ymax: ymax, pts: pts, contains: isRect ? rectContains : contains, isRect: isRect, degenerate: degenerate }; }; /** * Test if a segment of a points array is bent or straight * * @param pts Array of [x, y] pairs * @param start the index of the proposed start of the straight section * @param end the index of the proposed end point * @param tolerance the max distance off the line connecting start and end * before the line counts as bent * @returns boolean: true means this segment is bent, false means straight */ polygon.isSegmentBent = function isSegmentBent(pts, start, end, tolerance) { var startPt = pts[start]; var segment = [pts[end][0] - startPt[0], pts[end][1] - startPt[1]]; var segmentSquared = dot(segment, segment); var segmentLen = Math.sqrt(segmentSquared); var unitPerp = [-segment[1] / segmentLen, segment[0] / segmentLen]; var i; var part; var partParallel; for(i = start + 1; i < end; i++) { part = [pts[i][0] - startPt[0], pts[i][1] - startPt[1]]; partParallel = dot(part, segment); if(partParallel < 0 || partParallel > segmentSquared || Math.abs(dot(part, unitPerp)) > tolerance) return true; } return false; }; /** * Make a filtering polygon, to minimize the number of segments * * @param pts Array of [x, y] pairs (must start with at least 1 pair) * @param tolerance the maximum deviation from straight allowed for * removing points to simplify the polygon * * @returns Object {addPt, raw, filtered} * addPt is a function(pt: [x, y] pair) to add a raw point and * continue filtering * raw is all the input points * filtered is the resulting filtered Array of [x, y] pairs */ polygon.filter = function filter(pts, tolerance) { var ptsFiltered = [pts[0]]; var doneRawIndex = 0; var doneFilteredIndex = 0; function addPt(pt) { pts.push(pt); var prevFilterLen = ptsFiltered.length; var iLast = doneRawIndex; ptsFiltered.splice(doneFilteredIndex + 1); for(var i = iLast + 1; i < pts.length; i++) { if(i === pts.length - 1 || polygon.isSegmentBent(pts, iLast, i + 1, tolerance)) { ptsFiltered.push(pts[i]); if(ptsFiltered.length < prevFilterLen - 2) { doneRawIndex = i; doneFilteredIndex = ptsFiltered.length - 1; } iLast = i; } } } if(pts.length > 1) { var lastPt = pts.pop(); addPt(lastPt); } return { addPt: addPt, raw: pts, filtered: ptsFiltered }; }; },{"../constants/numerical":181,"./matrix":208}],215:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var isNumeric = _dereq_('fast-isnumeric'); var isMobileOrTablet = _dereq_('is-mobile'); module.exports = function preserveDrawingBuffer(opts) { var ua; if(opts && opts.hasOwnProperty('userAgent')) { ua = opts.userAgent; } else { ua = getUserAgent(); } if(typeof ua !== 'string') return true; var enable = isMobileOrTablet({ ua: { headers: {'user-agent': ua }}, tablet: true, featureDetect: false }); if(!enable) { var allParts = ua.split(' '); for(var i = 1; i < allParts.length; i++) { var part = allParts[i]; if(part.indexOf('Safari') !== -1) { // find Safari version for(var k = i - 1; k > -1; k--) { var prevPart = allParts[k]; if(prevPart.substr(0, 8) === 'Version/') { var v = prevPart.substr(8).split('.')[0]; if(isNumeric(v)) v = +v; if(v >= 13) return true; } } } } } return enable; }; function getUserAgent() { // similar to https://github.com/juliangruber/is-mobile/blob/91ca39ccdd4cfc5edfb5391e2515b923a730fbea/index.js#L14-L17 var ua; if(typeof navigator !== 'undefined') { ua = navigator.userAgent; } if( ua && ua.headers && typeof ua.headers['user-agent'] === 'string' ) { ua = ua.headers['user-agent']; } return ua; } },{"fast-isnumeric":11,"is-mobile":45}],216:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; /** * Push array with unique items * * Ignores falsy items, except 0 so we can use it to construct arrays of indices. * * @param {array} array * array to be filled * @param {any} item * item to be or not to be inserted * @return {array} * ref to array (now possibly containing one more item) * */ module.exports = function pushUnique(array, item) { if(item instanceof RegExp) { var itemStr = item.toString(); for(var i = 0; i < array.length; i++) { if(array[i] instanceof RegExp && array[i].toString() === itemStr) { return array; } } array.push(item); } else if((item || item === 0) && array.indexOf(item) === -1) array.push(item); return array; }; },{}],217:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = _dereq_('../lib'); var dfltConfig = _dereq_('../plot_api/plot_config').dfltConfig; /** * Copy arg array *without* removing `undefined` values from objects. * * @param gd * @param args * @returns {Array} */ function copyArgArray(gd, args) { var copy = []; var arg; for(var i = 0; i < args.length; i++) { arg = args[i]; if(arg === gd) copy[i] = arg; else if(typeof arg === 'object') { copy[i] = Array.isArray(arg) ? Lib.extendDeep([], arg) : Lib.extendDeepAll({}, arg); } else copy[i] = arg; } return copy; } // ----------------------------------------------------- // Undo/Redo queue for plots // ----------------------------------------------------- var queue = {}; // TODO: disable/enable undo and redo buttons appropriately /** * Add an item to the undoQueue for a graphDiv * * @param gd * @param undoFunc Function undo this operation * @param undoArgs Args to supply undoFunc with * @param redoFunc Function to redo this operation * @param redoArgs Args to supply redoFunc with */ queue.add = function(gd, undoFunc, undoArgs, redoFunc, redoArgs) { var queueObj, queueIndex; // make sure we have the queue and our position in it gd.undoQueue = gd.undoQueue || {index: 0, queue: [], sequence: false}; queueIndex = gd.undoQueue.index; // if we're already playing an undo or redo, or if this is an auto operation // (like pane resize... any others?) then we don't save this to the undo queue if(gd.autoplay) { if(!gd.undoQueue.inSequence) gd.autoplay = false; return; } // if we're not in a sequence or are just starting, we need a new queue item if(!gd.undoQueue.sequence || gd.undoQueue.beginSequence) { queueObj = {undo: {calls: [], args: []}, redo: {calls: [], args: []}}; gd.undoQueue.queue.splice(queueIndex, gd.undoQueue.queue.length - queueIndex, queueObj); gd.undoQueue.index += 1; } else { queueObj = gd.undoQueue.queue[queueIndex - 1]; } gd.undoQueue.beginSequence = false; // we unshift to handle calls for undo in a forward for loop later if(queueObj) { queueObj.undo.calls.unshift(undoFunc); queueObj.undo.args.unshift(undoArgs); queueObj.redo.calls.push(redoFunc); queueObj.redo.args.push(redoArgs); } if(gd.undoQueue.queue.length > dfltConfig.queueLength) { gd.undoQueue.queue.shift(); gd.undoQueue.index--; } }; /** * Begin a sequence of undoQueue changes * * @param gd */ queue.startSequence = function(gd) { gd.undoQueue = gd.undoQueue || {index: 0, queue: [], sequence: false}; gd.undoQueue.sequence = true; gd.undoQueue.beginSequence = true; }; /** * Stop a sequence of undoQueue changes * * Call this *after* you're sure your undo chain has ended * * @param gd */ queue.stopSequence = function(gd) { gd.undoQueue = gd.undoQueue || {index: 0, queue: [], sequence: false}; gd.undoQueue.sequence = false; gd.undoQueue.beginSequence = false; }; /** * Move one step back in the undo queue, and undo the object there. * * @param gd */ queue.undo = function undo(gd) { var queueObj, i; if(gd.framework && gd.framework.isPolar) { gd.framework.undo(); return; } if(gd.undoQueue === undefined || isNaN(gd.undoQueue.index) || gd.undoQueue.index <= 0) { return; } // index is pointing to next *forward* queueObj, point to the one we're undoing gd.undoQueue.index--; // get the queueObj for instructions on how to undo queueObj = gd.undoQueue.queue[gd.undoQueue.index]; // this sequence keeps things from adding to the queue during undo/redo gd.undoQueue.inSequence = true; for(i = 0; i < queueObj.undo.calls.length; i++) { queue.plotDo(gd, queueObj.undo.calls[i], queueObj.undo.args[i]); } gd.undoQueue.inSequence = false; gd.autoplay = false; }; /** * Redo the current object in the undo, then move forward in the queue. * * @param gd */ queue.redo = function redo(gd) { var queueObj, i; if(gd.framework && gd.framework.isPolar) { gd.framework.redo(); return; } if(gd.undoQueue === undefined || isNaN(gd.undoQueue.index) || gd.undoQueue.index >= gd.undoQueue.queue.length) { return; } // get the queueObj for instructions on how to undo queueObj = gd.undoQueue.queue[gd.undoQueue.index]; // this sequence keeps things from adding to the queue during undo/redo gd.undoQueue.inSequence = true; for(i = 0; i < queueObj.redo.calls.length; i++) { queue.plotDo(gd, queueObj.redo.calls[i], queueObj.redo.args[i]); } gd.undoQueue.inSequence = false; gd.autoplay = false; // index is pointing to the thing we just redid, move it gd.undoQueue.index++; }; /** * Called by undo/redo to make the actual changes. * * Not meant to be called publically, but included for mocking out in tests. * * @param gd * @param func * @param args */ queue.plotDo = function(gd, func, args) { gd.autoplay = true; // this *won't* copy gd and it preserves `undefined` properties! args = copyArgArray(gd, args); // call the supplied function func.apply(null, args); }; module.exports = queue; },{"../lib":202,"../plot_api/plot_config":235}],218:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; /* * make a regex for matching counter ids/names ie xaxis, xaxis2, xaxis10... * * @param {string} head: the head of the pattern, eg 'x' matches 'x', 'x2', 'x10' etc. * 'xy' is a special case for cartesian subplots: it matches 'x2y3' etc * @param {Optional(string)} tail: a fixed piece after the id * eg counterRegex('scene', '.annotations') for scene2.annotations etc. * @param {boolean} openEnded: if true, the string may continue past the match. * @param {boolean} matchBeginning: if false, the string may start before the match. */ exports.counter = function(head, tail, openEnded, matchBeginning) { var fullTail = (tail || '') + (openEnded ? '' : '$'); var startWithPrefix = matchBeginning === false ? '' : '^'; if(head === 'xy') { return new RegExp(startWithPrefix + 'x([2-9]|[1-9][0-9]+)?y([2-9]|[1-9][0-9]+)?' + fullTail); } return new RegExp(startWithPrefix + head + '([2-9]|[1-9][0-9]+)?' + fullTail); }; },{}],219:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; // ASCEND: chop off the last nesting level - either [] or . - to ascend // the attribute tree. the remaining attrString is in match[1] var ASCEND = /^(.*)(\.[^\.\[\]]+|\[\d\])$/; // SIMPLEATTR: is this an un-nested attribute? (no dots or brackets) var SIMPLEATTR = /^[^\.\[\]]+$/; /* * calculate a relative attribute string, similar to a relative path * * @param {string} baseAttr: * an attribute string, such as 'annotations[3].x'. The "current location" * is the attribute string minus the last component ('annotations[3]') * @param {string} relativeAttr: * a route to the desired attribute string, using '^' to ascend * * @return {string} attrString: * for example: * relativeAttr('annotations[3].x', 'y') = 'annotations[3].y' * relativeAttr('annotations[3].x', '^[2].z') = 'annotations[2].z' * relativeAttr('annotations[3].x', '^^margin') = 'margin' * relativeAttr('annotations[3].x', '^^margin.r') = 'margin.r' */ module.exports = function(baseAttr, relativeAttr) { while(relativeAttr) { var match = baseAttr.match(ASCEND); if(match) baseAttr = match[1]; else if(baseAttr.match(SIMPLEATTR)) baseAttr = ''; else throw new Error('bad relativeAttr call:' + [baseAttr, relativeAttr]); if(relativeAttr.charAt(0) === '^') relativeAttr = relativeAttr.slice(1); else break; } if(baseAttr && relativeAttr.charAt(0) !== '[') { return baseAttr + '.' + relativeAttr; } return baseAttr + relativeAttr; }; },{}],220:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var isArrayOrTypedArray = _dereq_('./array').isArrayOrTypedArray; var isPlainObject = _dereq_('./is_plain_object'); /** * Relink private _keys and keys with a function value from one container * to the new container. * Relink means copying if object is pass-by-value and adding a reference * if object is pass-by-ref. * This prevents deepCopying massive structures like a webgl context. */ module.exports = function relinkPrivateKeys(toContainer, fromContainer) { for(var k in fromContainer) { var fromVal = fromContainer[k]; var toVal = toContainer[k]; if(toVal === fromVal) continue; if(k.charAt(0) === '_' || typeof fromVal === 'function') { // if it already exists at this point, it's something // that we recreate each time around, so ignore it if(k in toContainer) continue; toContainer[k] = fromVal; } else if(isArrayOrTypedArray(fromVal) && isArrayOrTypedArray(toVal) && isPlainObject(fromVal[0])) { // filter out data_array items that can contain user objects // most of the time the toVal === fromVal check will catch these early // but if the user makes new ones we also don't want to recurse in. if(k === 'customdata' || k === 'ids') continue; // recurse into arrays containers var minLen = Math.min(fromVal.length, toVal.length); for(var j = 0; j < minLen; j++) { if((toVal[j] !== fromVal[j]) && isPlainObject(fromVal[j]) && isPlainObject(toVal[j])) { relinkPrivateKeys(toVal[j], fromVal[j]); } } } else if(isPlainObject(fromVal) && isPlainObject(toVal)) { // recurse into objects, but only if they still exist relinkPrivateKeys(toVal, fromVal); if(!Object.keys(toVal).length) delete toContainer[k]; } } }; },{"./array":188,"./is_plain_object":203}],221:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var isNumeric = _dereq_('fast-isnumeric'); var loggers = _dereq_('./loggers'); var identity = _dereq_('./identity'); var BADNUM = _dereq_('../constants/numerical').BADNUM; // don't trust floating point equality - fraction of bin size to call // "on the line" and ensure that they go the right way specified by // linelow var roundingError = 1e-9; /** * findBin - find the bin for val - note that it can return outside the * bin range any pos. or neg. integer for linear bins, or -1 or * bins.length-1 for explicit. * bins is either an object {start,size,end} or an array length #bins+1 * bins can be either increasing or decreasing but must be monotonic * for linear bins, we can just calculate. For listed bins, run a binary * search linelow (truthy) says the bin boundary should be attributed to * the lower bin rather than the default upper bin */ exports.findBin = function(val, bins, linelow) { if(isNumeric(bins.start)) { return linelow ? Math.ceil((val - bins.start) / bins.size - roundingError) - 1 : Math.floor((val - bins.start) / bins.size + roundingError); } else { var n1 = 0; var n2 = bins.length; var c = 0; var binSize = (n2 > 1) ? (bins[n2 - 1] - bins[0]) / (n2 - 1) : 1; var n, test; if(binSize >= 0) { test = linelow ? lessThan : lessOrEqual; } else { test = linelow ? greaterOrEqual : greaterThan; } val += binSize * roundingError * (linelow ? -1 : 1) * (binSize >= 0 ? 1 : -1); // c is just to avoid infinite loops if there's an error while(n1 < n2 && c++ < 100) { n = Math.floor((n1 + n2) / 2); if(test(bins[n], val)) n1 = n + 1; else n2 = n; } if(c > 90) loggers.log('Long binary search...'); return n1 - 1; } }; function lessThan(a, b) { return a < b; } function lessOrEqual(a, b) { return a <= b; } function greaterThan(a, b) { return a > b; } function greaterOrEqual(a, b) { return a >= b; } exports.sorterAsc = function(a, b) { return a - b; }; exports.sorterDes = function(a, b) { return b - a; }; /** * find distinct values in an array, lumping together ones that appear to * just be off by a rounding error * return the distinct values and the minimum difference between any two */ exports.distinctVals = function(valsIn, opts) { var unitMinDiff = (opts || {}).unitMinDiff; var vals = valsIn.slice(); // otherwise we sort the original array... vals.sort(exports.sorterAsc); // undefined listed in the end - also works on IE11 var last; for(last = vals.length - 1; last > -1; last--) { if(vals[last] !== BADNUM) break; } var minDiff = 1; if(!unitMinDiff) minDiff = (vals[last] - vals[0]) || 1; var errDiff = minDiff / (last || 1) / 10000; var newVals = []; var preV; for(var i = 0; i <= last; i++) { var v = vals[i]; // make sure values aren't just off by a rounding error var diff = v - preV; if(preV === undefined) { newVals.push(v); preV = v; } else if(diff > errDiff) { minDiff = Math.min(minDiff, diff); newVals.push(v); preV = v; } } return {vals: newVals, minDiff: minDiff}; }; /** * return the smallest element from (sorted) array arrayIn that's bigger than val, * or (reverse) the largest element smaller than val * used to find the best tick given the minimum (non-rounded) tick * particularly useful for date/time where things are not powers of 10 * binary search is probably overkill here... */ exports.roundUp = function(val, arrayIn, reverse) { var low = 0; var high = arrayIn.length - 1; var mid; var c = 0; var dlow = reverse ? 0 : 1; var dhigh = reverse ? 1 : 0; var rounded = reverse ? Math.ceil : Math.floor; // c is just to avoid infinite loops if there's an error while(low < high && c++ < 100) { mid = rounded((low + high) / 2); if(arrayIn[mid] <= val) low = mid + dlow; else high = mid - dhigh; } return arrayIn[low]; }; /** * Tweak to Array.sort(sortFn) that improves performance for pre-sorted arrays * * Note that newer browsers (such as Chrome v70+) are starting to pick up * on pre-sorted arrays which may render the following optimization unnecessary * in the future. * * Motivation: sometimes we need to sort arrays but the input is likely to * already be sorted. Browsers don't seem to pick up on pre-sorted arrays, * and in fact Chrome is actually *slower* sorting pre-sorted arrays than purely * random arrays. FF is at least faster if the array is pre-sorted, but still * not as fast as it could be. * Here's how this plays out sorting a length-1e6 array: * * Calls to Sort FN | Chrome bare | FF bare | Chrome tweak | FF tweak * | v68.0 Mac | v61.0 Mac| | * ------------------+---------------+-----------+----------------+------------ * ordered | 30.4e6 | 10.1e6 | 1e6 | 1e6 * reversed | 29.4e6 | 9.9e6 | 1e6 + reverse | 1e6 + reverse * random | ~21e6 | ~18.7e6 | ~21e6 | ~18.7e6 * * So this is a substantial win for pre-sorted (ordered or exactly reversed) * arrays. Including this wrapper on an unsorted array adds a penalty that will * in general be only a few calls to the sort function. The only case this * penalty will be significant is if the array is mostly sorted but there are * a few unsorted items near the end, but the penalty is still at most N calls * out of (for N=1e6) ~20N total calls * * @param {Array} array: the array, to be sorted in place * @param {function} sortFn: As in Array.sort, function(a, b) that puts * item a before item b if the return is negative, a after b if positive, * and no change if zero. * @return {Array}: the original array, sorted in place. */ exports.sort = function(array, sortFn) { var notOrdered = 0; var notReversed = 0; for(var i = 1; i < array.length; i++) { var pairOrder = sortFn(array[i], array[i - 1]); if(pairOrder < 0) notOrdered = 1; else if(pairOrder > 0) notReversed = 1; if(notOrdered && notReversed) return array.sort(sortFn); } return notReversed ? array : array.reverse(); }; /** * find index in array 'arr' that minimizes 'fn' * * @param {array} arr : array where to search * @param {fn (optional)} fn : function to minimize, * if not given, fn is the identity function * @return {integer} */ exports.findIndexOfMin = function(arr, fn) { fn = fn || identity; var min = Infinity; var ind; for(var i = 0; i < arr.length; i++) { var v = fn(arr[i]); if(v < min) { min = v; ind = i; } } return ind; }; },{"../constants/numerical":181,"./identity":200,"./loggers":206,"fast-isnumeric":11}],222:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; // works with our CSS cursor classes (see css/_cursor.scss) // to apply cursors to d3 single-element selections. // omit cursor to revert to the default. module.exports = function setCursor(el3, csr) { (el3.attr('class') || '').split(' ').forEach(function(cls) { if(cls.indexOf('cursor-') === 0) el3.classed(cls, false); }); if(csr) el3.classed('cursor-' + csr, true); }; },{}],223:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var isNumeric = _dereq_('fast-isnumeric'); var isArrayOrTypedArray = _dereq_('./array').isArrayOrTypedArray; /** * aggNums() returns the result of an aggregate function applied to an array of * values, where non-numerical values have been tossed out. * * @param {function} f - aggregation function (e.g., Math.min) * @param {Number} v - initial value (continuing from previous calls) * if there's no continuing value, use null for selector-type * functions (max,min), or 0 for summations * @param {Array} a - array to aggregate (may be nested, we will recurse, * but all elements must have the same dimension) * @param {Number} len - maximum length of a to aggregate * @return {Number} - result of f applied to a starting from v */ exports.aggNums = function(f, v, a, len) { var i, b; if(!len || len > a.length) len = a.length; if(!isNumeric(v)) v = false; if(isArrayOrTypedArray(a[0])) { b = new Array(len); for(i = 0; i < len; i++) b[i] = exports.aggNums(f, v, a[i]); a = b; } for(i = 0; i < len; i++) { if(!isNumeric(v)) v = a[i]; else if(isNumeric(a[i])) v = f(+v, +a[i]); } return v; }; /** * mean & std dev functions using aggNums, so it handles non-numerics nicely * even need to use aggNums instead of .length, to toss out non-numerics */ exports.len = function(data) { return exports.aggNums(function(a) { return a + 1; }, 0, data); }; exports.mean = function(data, len) { if(!len) len = exports.len(data); return exports.aggNums(function(a, b) { return a + b; }, 0, data) / len; }; exports.midRange = function(numArr) { if(numArr === undefined || numArr.length === 0) return undefined; return (exports.aggNums(Math.max, null, numArr) + exports.aggNums(Math.min, null, numArr)) / 2; }; exports.variance = function(data, len, mean) { if(!len) len = exports.len(data); if(!isNumeric(mean)) mean = exports.mean(data, len); return exports.aggNums(function(a, b) { return a + Math.pow(b - mean, 2); }, 0, data) / len; }; exports.stdev = function(data, len, mean) { return Math.sqrt(exports.variance(data, len, mean)); }; /** * median of a finite set of numbers * reference page: https://en.wikipedia.org/wiki/Median#Finite_set_of_numbers **/ exports.median = function(data) { var b = data.slice().sort(); return exports.interp(b, 0.5); }; /** * interp() computes a percentile (quantile) for a given distribution. * We interpolate the distribution (to compute quantiles, we follow method #10 here: * http://www.amstat.org/publications/jse/v14n3/langford.html). * Typically the index or rank (n * arr.length) may be non-integer. * For reference: ends are clipped to the extreme values in the array; * For box plots: index you get is half a point too high (see * http://en.wikipedia.org/wiki/Percentile#Nearest_rank) but note that this definition * indexes from 1 rather than 0, so we subtract 1/2 (instead of add). * * @param {Array} arr - This array contains the values that make up the distribution. * @param {Number} n - Between 0 and 1, n = p/100 is such that we compute the p^th percentile. * For example, the 50th percentile (or median) corresponds to n = 0.5 * @return {Number} - percentile */ exports.interp = function(arr, n) { if(!isNumeric(n)) throw 'n should be a finite number'; n = n * arr.length - 0.5; if(n < 0) return arr[0]; if(n > arr.length - 1) return arr[arr.length - 1]; var frac = n % 1; return frac * arr[Math.ceil(n)] + (1 - frac) * arr[Math.floor(n)]; }; },{"./array":188,"fast-isnumeric":11}],224:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; /* global MathJax:false */ var d3 = _dereq_('d3'); var Lib = _dereq_('../lib'); var strTranslate = Lib.strTranslate; var xmlnsNamespaces = _dereq_('../constants/xmlns_namespaces'); var LINE_SPACING = _dereq_('../constants/alignment').LINE_SPACING; // text converter function getSize(_selection, _dimension) { return _selection.node().getBoundingClientRect()[_dimension]; } var FIND_TEX = /([^$]*)([$]+[^$]*[$]+)([^$]*)/; exports.convertToTspans = function(_context, gd, _callback) { var str = _context.text(); // Until we get tex integrated more fully (so it can be used along with non-tex) // allow some elements to prohibit it by attaching 'data-notex' to the original var tex = (!_context.attr('data-notex')) && (typeof MathJax !== 'undefined') && str.match(FIND_TEX); var parent = d3.select(_context.node().parentNode); if(parent.empty()) return; var svgClass = (_context.attr('class')) ? _context.attr('class').split(' ')[0] : 'text'; svgClass += '-math'; parent.selectAll('svg.' + svgClass).remove(); parent.selectAll('g.' + svgClass + '-group').remove(); _context.style('display', null) .attr({ // some callers use data-unformatted *from the element* in 'cancel' // so we need it here even if we're going to turn it into math // these two (plus style and text-anchor attributes) form the key we're // going to use for Drawing.bBox 'data-unformatted': str, 'data-math': 'N' }); function showText() { if(!parent.empty()) { svgClass = _context.attr('class') + '-math'; parent.select('svg.' + svgClass).remove(); } _context.text('') .style('white-space', 'pre'); var hasLink = buildSVGText(_context.node(), str); if(hasLink) { // at least in Chrome, pointer-events does not seem // to be honored in children of elements // so if we have an anchor, we have to make the // whole element respond _context.style('pointer-events', 'all'); } exports.positionText(_context); if(_callback) _callback.call(_context); } if(tex) { ((gd && gd._promises) || []).push(new Promise(function(resolve) { _context.style('display', 'none'); var fontSize = parseInt(_context.node().style.fontSize, 10); var config = {fontSize: fontSize}; texToSVG(tex[2], config, function(_svgEl, _glyphDefs, _svgBBox) { parent.selectAll('svg.' + svgClass).remove(); parent.selectAll('g.' + svgClass + '-group').remove(); var newSvg = _svgEl && _svgEl.select('svg'); if(!newSvg || !newSvg.node()) { showText(); resolve(); return; } var mathjaxGroup = parent.append('g') .classed(svgClass + '-group', true) .attr({ 'pointer-events': 'none', 'data-unformatted': str, 'data-math': 'Y' }); mathjaxGroup.node().appendChild(newSvg.node()); // stitch the glyph defs if(_glyphDefs && _glyphDefs.node()) { newSvg.node().insertBefore(_glyphDefs.node().cloneNode(true), newSvg.node().firstChild); } newSvg.attr({ 'class': svgClass, height: _svgBBox.height, preserveAspectRatio: 'xMinYMin meet' }) .style({overflow: 'visible', 'pointer-events': 'none'}); var fill = _context.node().style.fill || 'black'; var g = newSvg.select('g'); g.attr({fill: fill, stroke: fill}); var newSvgW = getSize(g, 'width'); var newSvgH = getSize(g, 'height'); var newX = +_context.attr('x') - newSvgW * {start: 0, middle: 0.5, end: 1}[_context.attr('text-anchor') || 'start']; // font baseline is about 1/4 fontSize below centerline var textHeight = fontSize || getSize(_context, 'height'); var dy = -textHeight / 4; if(svgClass[0] === 'y') { mathjaxGroup.attr({ transform: 'rotate(' + [-90, +_context.attr('x'), +_context.attr('y')] + ')' + strTranslate(-newSvgW / 2, dy - newSvgH / 2) }); newSvg.attr({x: +_context.attr('x'), y: +_context.attr('y')}); } else if(svgClass[0] === 'l') { newSvg.attr({x: _context.attr('x'), y: dy - (newSvgH / 2)}); } else if(svgClass[0] === 'a' && svgClass.indexOf('atitle') !== 0) { newSvg.attr({x: 0, y: dy}); } else { newSvg.attr({x: newX, y: (+_context.attr('y') + dy - newSvgH / 2)}); } if(_callback) _callback.call(_context, mathjaxGroup); resolve(mathjaxGroup); }); })); } else showText(); return _context; }; // MathJax var LT_MATCH = /(<|<|<)/g; var GT_MATCH = /(>|>|>)/g; function cleanEscapesForTex(s) { return s.replace(LT_MATCH, '\\lt ') .replace(GT_MATCH, '\\gt '); } function texToSVG(_texString, _config, _callback) { var originalRenderer, originalConfig, originalProcessSectionDelay, tmpDiv; MathJax.Hub.Queue( function() { originalConfig = Lib.extendDeepAll({}, MathJax.Hub.config); originalProcessSectionDelay = MathJax.Hub.processSectionDelay; if(MathJax.Hub.processSectionDelay !== undefined) { // MathJax 2.5+ MathJax.Hub.processSectionDelay = 0; } return MathJax.Hub.Config({ messageStyle: 'none', tex2jax: { inlineMath: [['$', '$'], ['\\(', '\\)']] }, displayAlign: 'left', }); }, function() { // Get original renderer originalRenderer = MathJax.Hub.config.menuSettings.renderer; if(originalRenderer !== 'SVG') { return MathJax.Hub.setRenderer('SVG'); } }, function() { var randomID = 'math-output-' + Lib.randstr({}, 64); tmpDiv = d3.select('body').append('div') .attr({id: randomID}) .style({visibility: 'hidden', position: 'absolute'}) .style({'font-size': _config.fontSize + 'px'}) .text(cleanEscapesForTex(_texString)); return MathJax.Hub.Typeset(tmpDiv.node()); }, function() { var glyphDefs = d3.select('body').select('#MathJax_SVG_glyphs'); if(tmpDiv.select('.MathJax_SVG').empty() || !tmpDiv.select('svg').node()) { Lib.log('There was an error in the tex syntax.', _texString); _callback(); } else { var svgBBox = tmpDiv.select('svg').node().getBoundingClientRect(); _callback(tmpDiv.select('.MathJax_SVG'), glyphDefs, svgBBox); } tmpDiv.remove(); if(originalRenderer !== 'SVG') { return MathJax.Hub.setRenderer(originalRenderer); } }, function() { if(originalProcessSectionDelay !== undefined) { MathJax.Hub.processSectionDelay = originalProcessSectionDelay; } return MathJax.Hub.Config(originalConfig); }); } var TAG_STYLES = { // would like to use baseline-shift for sub/sup but FF doesn't support it // so we need to use dy along with the uber hacky shift-back-to // baseline below sup: 'font-size:70%', sub: 'font-size:70%', b: 'font-weight:bold', i: 'font-style:italic', a: 'cursor:pointer', span: '', em: 'font-style:italic;font-weight:bold' }; // baseline shifts for sub and sup var SHIFT_DY = { sub: '0.3em', sup: '-0.6em' }; // reset baseline by adding a tspan (empty except for a zero-width space) // with dy of -70% * SHIFT_DY (because font-size=70%) var RESET_DY = { sub: '-0.21em', sup: '0.42em' }; var ZERO_WIDTH_SPACE = '\u200b'; /* * Whitelist of protocols in user-supplied urls. Mostly we want to avoid javascript * and related attack vectors. The empty items are there for IE, that in various * versions treats relative paths as having different flavors of no protocol, while * other browsers have these explicitly inherit the protocol of the page they're in. */ var PROTOCOLS = ['http:', 'https:', 'mailto:', '', undefined, ':']; var NEWLINES = exports.NEWLINES = /(\r\n?|\n)/g; var SPLIT_TAGS = /(<[^<>]*>)/; var ONE_TAG = /<(\/?)([^ >]*)(\s+(.*))?>/i; var BR_TAG = /
/i; exports.BR_TAG_ALL = /
/gi; /* * style and href: pull them out of either single or double quotes. Also * - target: (_blank|_self|_parent|_top|framename) * note that you can't use target to get a popup but if you use popup, * a `framename` will be passed along as the name of the popup window. * per the spec, cannot contain whitespace. * for backward compatibility we default to '_blank' * - popup: a custom one for us to enable popup (new window) links. String * for window.open -> strWindowFeatures, like 'menubar=yes,width=500,height=550' * note that at least in Chrome, you need to give at least one property * in this string or the page will open in a new tab anyway. We follow this * convention and will not make a popup if this string is empty. * per the spec, cannot contain whitespace. * * Because we hack in other attributes with style (sub & sup), drop any trailing * semicolon in user-supplied styles so we can consistently append the tag-dependent style * * These are for tag attributes; Chrome anyway will convert entities in * attribute values, but not in attribute names * you can test this by for example: * > p = document.createElement('p') * > p.innerHTML = 'Hi' * > p.innerHTML * <- 'Hi' */ var STYLEMATCH = /(^|[\s"'])style\s*=\s*("([^"]*);?"|'([^']*);?')/i; var HREFMATCH = /(^|[\s"'])href\s*=\s*("([^"]*)"|'([^']*)')/i; var TARGETMATCH = /(^|[\s"'])target\s*=\s*("([^"\s]*)"|'([^'\s]*)')/i; var POPUPMATCH = /(^|[\s"'])popup\s*=\s*("([\w=,]*)"|'([\w=,]*)')/i; // dedicated matcher for these quoted regexes, that can return their results // in two different places function getQuotedMatch(_str, re) { if(!_str) return null; var match = _str.match(re); var result = match && (match[3] || match[4]); return result && convertEntities(result); } var COLORMATCH = /(^|;)\s*color:/; /** * Strip string of tags * * @param {string} _str : input string * @param {object} opts : * - len {number} max length of output string * - allowedTags {array} list of pseudo-html tags to NOT strip * @return {string} */ exports.plainText = function(_str, opts) { opts = opts || {}; var len = (opts.len !== undefined && opts.len !== -1) ? opts.len : Infinity; var allowedTags = opts.allowedTags !== undefined ? opts.allowedTags : ['br']; var ellipsis = '...'; var eLen = ellipsis.length; var oldParts = _str.split(SPLIT_TAGS); var newParts = []; var prevTag = ''; var l = 0; for(var i = 0; i < oldParts.length; i++) { var p = oldParts[i]; var match = p.match(ONE_TAG); var tagType = match && match[2].toLowerCase(); if(tagType) { // N.B. tags do not count towards string length if(allowedTags.indexOf(tagType) !== -1) { newParts.push(p); prevTag = tagType; } } else { var pLen = p.length; if((l + pLen) < len) { newParts.push(p); l += pLen; } else if(l < len) { var pLen2 = len - l; if(prevTag && (prevTag !== 'br' || pLen2 <= eLen || pLen <= eLen)) { newParts.pop(); } if(len > eLen) { newParts.push(p.substr(0, pLen2 - eLen) + ellipsis); } else { newParts.push(p.substr(0, pLen2)); } break; } prevTag = ''; } } return newParts.join(''); }; /* * N.B. HTML entities are listed without the leading '&' and trailing ';' * https://www.freeformatter.com/html-entities.html * * FWIW if we wanted to support the full set, it has 2261 entries: * https://www.w3.org/TR/html5/entities.json * though I notice that some of these are duplicates and/or are missing ";" * eg: "&", "&amp", "&AMP;", and "&AMP" all map to "&" * We no longer need to include numeric entities here, these are now handled * by String.fromCodePoint/fromCharCode * * Anyway the only ones that are really important to allow are the HTML special * chars <, >, and &, because these ones can trigger special processing if not * replaced by the corresponding entity. */ var entityToUnicode = { mu: 'μ', amp: '&', lt: '<', gt: '>', nbsp: ' ', times: '×', plusmn: '±', deg: '°' }; // NOTE: in general entities can contain uppercase too (so [a-zA-Z]) but all the // ones we support use only lowercase. If we ever change that, update the regex. var ENTITY_MATCH = /&(#\d+|#x[\da-fA-F]+|[a-z]+);/g; function convertEntities(_str) { return _str.replace(ENTITY_MATCH, function(fullMatch, innerMatch) { var outChar; if(innerMatch.charAt(0) === '#') { // cannot use String.fromCodePoint in IE outChar = fromCodePoint( innerMatch.charAt(1) === 'x' ? parseInt(innerMatch.substr(2), 16) : parseInt(innerMatch.substr(1), 10) ); } else outChar = entityToUnicode[innerMatch]; // as in regular HTML, if we didn't decode the entity just // leave the raw text in place. return outChar || fullMatch; }); } exports.convertEntities = convertEntities; function fromCodePoint(code) { // Don't allow overflow. In Chrome this turns into � but I feel like it's // more useful to just not convert it at all. if(code > 0x10FFFF) return; var stringFromCodePoint = String.fromCodePoint; if(stringFromCodePoint) return stringFromCodePoint(code); // IE doesn't have String.fromCodePoint // see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/fromCodePoint var stringFromCharCode = String.fromCharCode; if(code <= 0xFFFF) return stringFromCharCode(code); return stringFromCharCode( (code >> 10) + 0xD7C0, (code % 0x400) + 0xDC00 ); } /* * buildSVGText: convert our pseudo-html into SVG tspan elements, and attach these * to containerNode * * @param {svg text element} containerNode: the node to insert this text into * @param {string} str: the pseudo-html string to convert to svg * * @returns {bool}: does the result contain any links? We need to handle the text element * somewhat differently if it does, so just keep track of this when it happens. */ function buildSVGText(containerNode, str) { /* * Normalize behavior between IE and others wrt newlines and whitespace:pre * this combination makes IE barf https://github.com/plotly/plotly.js/issues/746 * Chrome and FF display \n, \r, or \r\n as a space in this mode. * I feel like at some point we turned these into
but currently we don't so * I'm just going to cement what we do now in Chrome and FF */ str = str.replace(NEWLINES, ' '); var hasLink = false; // as we're building the text, keep track of what elements we're nested inside // nodeStack will be an array of {node, type, style, href, target, popup} // where only type: 'a' gets the last 3 and node is only added when it's created var nodeStack = []; var currentNode; var currentLine = -1; function newLine() { currentLine++; var lineNode = document.createElementNS(xmlnsNamespaces.svg, 'tspan'); d3.select(lineNode).attr({ class: 'line', dy: (currentLine * LINE_SPACING) + 'em' }); containerNode.appendChild(lineNode); currentNode = lineNode; var oldNodeStack = nodeStack; nodeStack = [{node: lineNode}]; if(oldNodeStack.length > 1) { for(var i = 1; i < oldNodeStack.length; i++) { enterNode(oldNodeStack[i]); } } } function enterNode(nodeSpec) { var type = nodeSpec.type; var nodeAttrs = {}; var nodeType; if(type === 'a') { nodeType = 'a'; var target = nodeSpec.target; var href = nodeSpec.href; var popup = nodeSpec.popup; if(href) { nodeAttrs = { 'xlink:xlink:show': (target === '_blank' || target.charAt(0) !== '_') ? 'new' : 'replace', target: target, 'xlink:xlink:href': href }; if(popup) { // security: href and target are not inserted as code but // as attributes. popup is, but limited to /[A-Za-z0-9_=,]/ nodeAttrs.onclick = 'window.open(this.href.baseVal,this.target.baseVal,"' + popup + '");return false;'; } } } else nodeType = 'tspan'; if(nodeSpec.style) nodeAttrs.style = nodeSpec.style; var newNode = document.createElementNS(xmlnsNamespaces.svg, nodeType); if(type === 'sup' || type === 'sub') { addTextNode(currentNode, ZERO_WIDTH_SPACE); currentNode.appendChild(newNode); var resetter = document.createElementNS(xmlnsNamespaces.svg, 'tspan'); addTextNode(resetter, ZERO_WIDTH_SPACE); d3.select(resetter).attr('dy', RESET_DY[type]); nodeAttrs.dy = SHIFT_DY[type]; currentNode.appendChild(newNode); currentNode.appendChild(resetter); } else { currentNode.appendChild(newNode); } d3.select(newNode).attr(nodeAttrs); currentNode = nodeSpec.node = newNode; nodeStack.push(nodeSpec); } function addTextNode(node, text) { node.appendChild(document.createTextNode(text)); } function exitNode(type) { // A bare closing tag can't close the root node. If we encounter this it // means there's an extra closing tag that can just be ignored: if(nodeStack.length === 1) { Lib.log('Ignoring unexpected end tag ' + type + '>.', str); return; } var innerNode = nodeStack.pop(); if(type !== innerNode.type) { Lib.log('Start tag <' + innerNode.type + '> doesnt match end tag <' + type + '>. Pretending it did match.', str); } currentNode = nodeStack[nodeStack.length - 1].node; } var hasLines = BR_TAG.test(str); if(hasLines) newLine(); else { currentNode = containerNode; nodeStack = [{node: containerNode}]; } var parts = str.split(SPLIT_TAGS); for(var i = 0; i < parts.length; i++) { var parti = parts[i]; var match = parti.match(ONE_TAG); var tagType = match && match[2].toLowerCase(); var tagStyle = TAG_STYLES[tagType]; if(tagType === 'br') { newLine(); } else if(tagStyle === undefined) { addTextNode(currentNode, convertEntities(parti)); } else { // tag - open or close if(match[1]) { exitNode(tagType); } else { var extra = match[4]; var nodeSpec = {type: tagType}; // now add style, from both the tag name and any extra css // Most of the svg css that users will care about is just like html, // but font color is different (uses fill). Let our users ignore this. var css = getQuotedMatch(extra, STYLEMATCH); if(css) { css = css.replace(COLORMATCH, '$1 fill:'); if(tagStyle) css += ';' + tagStyle; } else if(tagStyle) css = tagStyle; if(css) nodeSpec.style = css; if(tagType === 'a') { hasLink = true; var href = getQuotedMatch(extra, HREFMATCH); if(href) { var safeHref = sanitizeHref(href); if(safeHref) { nodeSpec.href = safeHref; nodeSpec.target = getQuotedMatch(extra, TARGETMATCH) || '_blank'; nodeSpec.popup = getQuotedMatch(extra, POPUPMATCH); } } } enterNode(nodeSpec); } } } return hasLink; } function sanitizeHref(href) { var decodedHref = encodeURI(decodeURI(href)); var dummyAnchor1 = document.createElement('a'); var dummyAnchor2 = document.createElement('a'); dummyAnchor1.href = href; dummyAnchor2.href = decodedHref; var p1 = dummyAnchor1.protocol; var p2 = dummyAnchor2.protocol; // check safe protocols if( PROTOCOLS.indexOf(p1) !== -1 && PROTOCOLS.indexOf(p2) !== -1 ) { return decodedHref; } else { return ''; } } /* * sanitizeHTML: port of buildSVGText aimed at providing a clean subset of HTML * @param {string} str: the html string to clean * @returns {string}: a cleaned and normalized version of the input, * supporting only a small subset of html */ exports.sanitizeHTML = function sanitizeHTML(str) { str = str.replace(NEWLINES, ' '); var rootNode = document.createElement('p'); var currentNode = rootNode; var nodeStack = []; var parts = str.split(SPLIT_TAGS); for(var i = 0; i < parts.length; i++) { var parti = parts[i]; var match = parti.match(ONE_TAG); var tagType = match && match[2].toLowerCase(); if(tagType in TAG_STYLES) { if(match[1]) { if(nodeStack.length) { currentNode = nodeStack.pop(); } } else { var extra = match[4]; var css = getQuotedMatch(extra, STYLEMATCH); var nodeAttrs = css ? {style: css} : {}; if(tagType === 'a') { var href = getQuotedMatch(extra, HREFMATCH); if(href) { var safeHref = sanitizeHref(href); if(safeHref) { nodeAttrs.href = safeHref; var target = getQuotedMatch(extra, TARGETMATCH); if(target) { nodeAttrs.target = target; } } } } var newNode = document.createElement(tagType); currentNode.appendChild(newNode); d3.select(newNode).attr(nodeAttrs); currentNode = newNode; nodeStack.push(newNode); } } else { currentNode.appendChild( document.createTextNode(convertEntities(parti)) ); } } var key = 'innerHTML'; // i.e. to avoid pass test-syntax return rootNode[key]; }; exports.lineCount = function lineCount(s) { return s.selectAll('tspan.line').size() || 1; }; exports.positionText = function positionText(s, x, y) { return s.each(function() { var text = d3.select(this); function setOrGet(attr, val) { if(val === undefined) { val = text.attr(attr); if(val === null) { text.attr(attr, 0); val = 0; } } else text.attr(attr, val); return val; } var thisX = setOrGet('x', x); var thisY = setOrGet('y', y); if(this.nodeName === 'text') { text.selectAll('tspan.line').attr({x: thisX, y: thisY}); } }); }; function alignHTMLWith(_base, container, options) { var alignH = options.horizontalAlign; var alignV = options.verticalAlign || 'top'; var bRect = _base.node().getBoundingClientRect(); var cRect = container.node().getBoundingClientRect(); var thisRect; var getTop; var getLeft; if(alignV === 'bottom') { getTop = function() { return bRect.bottom - thisRect.height; }; } else if(alignV === 'middle') { getTop = function() { return bRect.top + (bRect.height - thisRect.height) / 2; }; } else { // default: top getTop = function() { return bRect.top; }; } if(alignH === 'right') { getLeft = function() { return bRect.right - thisRect.width; }; } else if(alignH === 'center') { getLeft = function() { return bRect.left + (bRect.width - thisRect.width) / 2; }; } else { // default: left getLeft = function() { return bRect.left; }; } return function() { thisRect = this.node().getBoundingClientRect(); var x0 = getLeft() - cRect.left; var y0 = getTop() - cRect.top; var gd = options.gd || {}; if(options.gd) { gd._fullLayout._calcInverseTransform(gd); var transformedCoords = Lib.apply3DTransform(gd._fullLayout._invTransform)(x0, y0); x0 = transformedCoords[0]; y0 = transformedCoords[1]; } this.style({ top: y0 + 'px', left: x0 + 'px', 'z-index': 1000 }); return this; }; } /* * Editable title * @param {d3.selection} context: the element being edited. Normally text, * but if it isn't, you should provide the styling options * @param {object} options: * @param {div} options.gd: graphDiv * @param {d3.selection} options.delegate: item to bind events to if not this * @param {boolean} options.immediate: start editing now (true) or on click (false, default) * @param {string} options.fill: font color if not as shown * @param {string} options.background: background color if not as shown * @param {string} options.text: initial text, if not as shown * @param {string} options.horizontalAlign: alignment of the edit box wrt. the bound element * @param {string} options.verticalAlign: alignment of the edit box wrt. the bound element */ exports.makeEditable = function(context, options) { var gd = options.gd; var _delegate = options.delegate; var dispatch = d3.dispatch('edit', 'input', 'cancel'); var handlerElement = _delegate || context; context.style({'pointer-events': _delegate ? 'none' : 'all'}); if(context.size() !== 1) throw new Error('boo'); function handleClick() { appendEditable(); context.style({opacity: 0}); // also hide any mathjax svg var svgClass = handlerElement.attr('class'); var mathjaxClass; if(svgClass) mathjaxClass = '.' + svgClass.split(' ')[0] + '-math-group'; else mathjaxClass = '[class*=-math-group]'; if(mathjaxClass) { d3.select(context.node().parentNode).select(mathjaxClass).style({opacity: 0}); } } function selectElementContents(_el) { var el = _el.node(); var range = document.createRange(); range.selectNodeContents(el); var sel = window.getSelection(); sel.removeAllRanges(); sel.addRange(range); el.focus(); } function appendEditable() { var plotDiv = d3.select(gd); var container = plotDiv.select('.svg-container'); var div = container.append('div'); var cStyle = context.node().style; var fontSize = parseFloat(cStyle.fontSize || 12); var initialText = options.text; if(initialText === undefined) initialText = context.attr('data-unformatted'); div.classed('plugin-editable editable', true) .style({ position: 'absolute', 'font-family': cStyle.fontFamily || 'Arial', 'font-size': fontSize, color: options.fill || cStyle.fill || 'black', opacity: 1, 'background-color': options.background || 'transparent', outline: '#ffffff33 1px solid', margin: [-fontSize / 8 + 1, 0, 0, -1].join('px ') + 'px', padding: '0', 'box-sizing': 'border-box' }) .attr({contenteditable: true}) .text(initialText) .call(alignHTMLWith(context, container, options)) .on('blur', function() { gd._editing = false; context.text(this.textContent) .style({opacity: 1}); var svgClass = d3.select(this).attr('class'); var mathjaxClass; if(svgClass) mathjaxClass = '.' + svgClass.split(' ')[0] + '-math-group'; else mathjaxClass = '[class*=-math-group]'; if(mathjaxClass) { d3.select(context.node().parentNode).select(mathjaxClass).style({opacity: 0}); } var text = this.textContent; d3.select(this).transition().duration(0).remove(); d3.select(document).on('mouseup', null); dispatch.edit.call(context, text); }) .on('focus', function() { var editDiv = this; gd._editing = true; d3.select(document).on('mouseup', function() { if(d3.event.target === editDiv) return false; if(document.activeElement === div.node()) div.node().blur(); }); }) .on('keyup', function() { if(d3.event.which === 27) { gd._editing = false; context.style({opacity: 1}); d3.select(this) .style({opacity: 0}) .on('blur', function() { return false; }) .transition().remove(); dispatch.cancel.call(context, this.textContent); } else { dispatch.input.call(context, this.textContent); d3.select(this).call(alignHTMLWith(context, container, options)); } }) .on('keydown', function() { if(d3.event.which === 13) this.blur(); }) .call(selectElementContents); } if(options.immediate) handleClick(); else handlerElement.on('click', handleClick); return d3.rebind(context, dispatch, 'on'); }; },{"../constants/alignment":177,"../constants/xmlns_namespaces":182,"../lib":202,"d3":9}],225:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var timerCache = {}; /** * Throttle a callback. `callback` executes synchronously only if * more than `minInterval` milliseconds have already elapsed since the latest * call (if any). Otherwise we wait until `minInterval` is over and execute the * last callback received while waiting. * So the first and last events in a train are always executed (eventually) * but some of the events in the middle can be dropped. * * @param {string} id: an identifier to mark events to throttle together * @param {number} minInterval: minimum time, in milliseconds, between * invocations of `callback` * @param {function} callback: the function to throttle. `callback` itself * should be a purely synchronous function. */ exports.throttle = function throttle(id, minInterval, callback) { var cache = timerCache[id]; var now = Date.now(); if(!cache) { /* * Throw out old items before making a new one, to prevent the cache * getting overgrown, for example from old plots that have been replaced. * 1 minute age is arbitrary. */ for(var idi in timerCache) { if(timerCache[idi].ts < now - 60000) { delete timerCache[idi]; } } cache = timerCache[id] = {ts: 0, timer: null}; } _clearTimeout(cache); function exec() { callback(); cache.ts = Date.now(); if(cache.onDone) { cache.onDone(); cache.onDone = null; } } if(now > cache.ts + minInterval) { exec(); return; } cache.timer = setTimeout(function() { exec(); cache.timer = null; }, minInterval); }; exports.done = function(id) { var cache = timerCache[id]; if(!cache || !cache.timer) return Promise.resolve(); return new Promise(function(resolve) { var previousOnDone = cache.onDone; cache.onDone = function onDone() { if(previousOnDone) previousOnDone(); resolve(); cache.onDone = null; }; }); }; /** * Clear the throttle cache for one or all timers * @param {optional string} id: * if provided, clear just this timer * if omitted, clear all timers (mainly useful for testing) */ exports.clear = function(id) { if(id) { _clearTimeout(timerCache[id]); delete timerCache[id]; } else { for(var idi in timerCache) exports.clear(idi); } }; function _clearTimeout(cache) { if(cache && cache.timer !== null) { clearTimeout(cache.timer); cache.timer = null; } } },{}],226:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var isNumeric = _dereq_('fast-isnumeric'); /** * convert a linear value into a logged value, folding negative numbers into * the given range */ module.exports = function toLogRange(val, range) { if(val > 0) return Math.log(val) / Math.LN10; // move a negative value reference to a log axis - just put the // result at the lowest range value on the plot (or if the range also went negative, // one millionth of the top of the range) var newVal = Math.log(Math.min(range[0], range[1])) / Math.LN10; if(!isNumeric(newVal)) newVal = Math.log(Math.max(range[0], range[1])) / Math.LN10 - 6; return newVal; }; },{"fast-isnumeric":11}],227:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = { moduleType: 'locale', name: 'en-US', dictionary: { 'Click to enter Colorscale title': 'Click to enter Colorscale title' }, format: { date: '%m/%d/%Y' } }; },{}],228:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = { moduleType: 'locale', name: 'en', dictionary: { 'Click to enter Colorscale title': 'Click to enter Colourscale title' }, format: { days: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'], shortDays: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'], months: [ 'January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December' ], shortMonths: [ 'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec' ], periods: ['AM', 'PM'], dateTime: '%a %b %e %X %Y', date: '%d/%m/%Y', time: '%H:%M:%S', decimal: '.', thousands: ',', grouping: [3], currency: ['$', ''], year: '%Y', month: '%b %Y', dayMonth: '%b %-d', dayMonthYear: '%b %-d, %Y' } }; },{}],229:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Registry = _dereq_('../registry'); /* * containerArrayMatch: does this attribute string point into a * layout container array? * * @param {String} astr: an attribute string, like *annotations[2].text* * * @returns {Object | false} Returns false if `astr` doesn't match a container * array. If it does, returns: * {array: {String}, index: {Number}, property: {String}} * ie the attribute string for the array, the index within the array (or '' * if the whole array) and the property within that (or '' if the whole array * or the whole object) */ module.exports = function containerArrayMatch(astr) { var rootContainers = Registry.layoutArrayContainers; var regexpContainers = Registry.layoutArrayRegexes; var rootPart = astr.split('[')[0]; var arrayStr; var match; // look for regexp matches first, because they may be nested inside root matches // eg updatemenus[i].buttons is nested inside updatemenus for(var i = 0; i < regexpContainers.length; i++) { match = astr.match(regexpContainers[i]); if(match && match.index === 0) { arrayStr = match[0]; break; } } // now look for root matches if(!arrayStr) arrayStr = rootContainers[rootContainers.indexOf(rootPart)]; if(!arrayStr) return false; var tail = astr.substr(arrayStr.length); if(!tail) return {array: arrayStr, index: '', property: ''}; match = tail.match(/^\[(0|[1-9][0-9]*)\](\.(.+))?$/); if(!match) return false; return {array: arrayStr, index: Number(match[1]), property: match[3] || ''}; }; },{"../registry":290}],230:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = _dereq_('../lib'); var extendFlat = Lib.extendFlat; var isPlainObject = Lib.isPlainObject; var traceOpts = { valType: 'flaglist', extras: ['none'], flags: ['calc', 'clearAxisTypes', 'plot', 'style', 'markerSize', 'colorbars'], }; var layoutOpts = { valType: 'flaglist', extras: ['none'], flags: [ 'calc', 'plot', 'legend', 'ticks', 'axrange', 'layoutstyle', 'modebar', 'camera', 'arraydraw', 'colorbars' ], }; // flags for inside restyle/relayout include a few extras // that shouldn't be used in attributes, to deal with certain // combinations and conditionals efficiently var traceEditTypeFlags = traceOpts.flags.slice() .concat(['fullReplot']); var layoutEditTypeFlags = layoutOpts.flags.slice() .concat('layoutReplot'); module.exports = { traces: traceOpts, layout: layoutOpts, /* * default (all false) edit flags for restyle (traces) * creates a new object each call, so the caller can mutate freely */ traceFlags: function() { return falseObj(traceEditTypeFlags); }, /* * default (all false) edit flags for relayout * creates a new object each call, so the caller can mutate freely */ layoutFlags: function() { return falseObj(layoutEditTypeFlags); }, /* * update `flags` with the `editType` values found in `attr` */ update: function(flags, attr) { var editType = attr.editType; if(editType && editType !== 'none') { var editTypeParts = editType.split('+'); for(var i = 0; i < editTypeParts.length; i++) { flags[editTypeParts[i]] = true; } } }, overrideAll: overrideAll }; function falseObj(keys) { var out = {}; for(var i = 0; i < keys.length; i++) out[keys[i]] = false; return out; } /** * For attributes that are largely copied from elsewhere into a plot type that doesn't * support partial redraws - overrides the editType field of all attributes in the object * * @param {object} attrs: the attributes to override. Will not be mutated. * @param {string} editTypeOverride: the new editType to use * @param {'nested'|'from-root'} overrideContainers: * - 'nested' will override editType for nested containers but not the root. * - 'from-root' will also override editType of the root container. * Containers below the absolute top level (trace or layout root) DO need an * editType even if they are not `valObject`s themselves (eg `scatter.marker`) * to handle the case where you edit the whole container. * * @return {object} a new attributes object with `editType` modified as directed */ function overrideAll(attrs, editTypeOverride, overrideContainers) { var out = extendFlat({}, attrs); for(var key in out) { var attr = out[key]; if(isPlainObject(attr)) { out[key] = overrideOne(attr, editTypeOverride, overrideContainers, key); } } if(overrideContainers === 'from-root') out.editType = editTypeOverride; return out; } function overrideOne(attr, editTypeOverride, overrideContainers, key) { if(attr.valType) { var out = extendFlat({}, attr); out.editType = editTypeOverride; if(Array.isArray(attr.items)) { out.items = new Array(attr.items.length); for(var i = 0; i < attr.items.length; i++) { out.items[i] = overrideOne(attr.items[i], editTypeOverride, 'from-root'); } } return out; } else { // don't provide an editType for the _deprecated container return overrideAll(attr, editTypeOverride, (key.charAt(0) === '_') ? 'nested' : 'from-root'); } } },{"../lib":202}],231:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var isNumeric = _dereq_('fast-isnumeric'); var m4FromQuat = _dereq_('gl-mat4/fromQuat'); var Registry = _dereq_('../registry'); var Lib = _dereq_('../lib'); var Plots = _dereq_('../plots/plots'); var AxisIds = _dereq_('../plots/cartesian/axis_ids'); var Color = _dereq_('../components/color'); var cleanId = AxisIds.cleanId; var getFromTrace = AxisIds.getFromTrace; var traceIs = Registry.traceIs; // clear the promise queue if one of them got rejected exports.clearPromiseQueue = function(gd) { if(Array.isArray(gd._promises) && gd._promises.length > 0) { Lib.log('Clearing previous rejected promises from queue.'); } gd._promises = []; }; // make a few changes to the layout right away // before it gets used for anything // backward compatibility and cleanup of nonstandard options exports.cleanLayout = function(layout) { var i, j; if(!layout) layout = {}; // cannot have (x|y)axis1, numbering goes axis, axis2, axis3... if(layout.xaxis1) { if(!layout.xaxis) layout.xaxis = layout.xaxis1; delete layout.xaxis1; } if(layout.yaxis1) { if(!layout.yaxis) layout.yaxis = layout.yaxis1; delete layout.yaxis1; } if(layout.scene1) { if(!layout.scene) layout.scene = layout.scene1; delete layout.scene1; } var axisAttrRegex = (Plots.subplotsRegistry.cartesian || {}).attrRegex; var polarAttrRegex = (Plots.subplotsRegistry.polar || {}).attrRegex; var ternaryAttrRegex = (Plots.subplotsRegistry.ternary || {}).attrRegex; var sceneAttrRegex = (Plots.subplotsRegistry.gl3d || {}).attrRegex; var keys = Object.keys(layout); for(i = 0; i < keys.length; i++) { var key = keys[i]; if(axisAttrRegex && axisAttrRegex.test(key)) { // modifications to cartesian axes var ax = layout[key]; if(ax.anchor && ax.anchor !== 'free') { ax.anchor = cleanId(ax.anchor); } if(ax.overlaying) ax.overlaying = cleanId(ax.overlaying); // old method of axis type - isdate and islog (before category existed) if(!ax.type) { if(ax.isdate) ax.type = 'date'; else if(ax.islog) ax.type = 'log'; else if(ax.isdate === false && ax.islog === false) ax.type = 'linear'; } if(ax.autorange === 'withzero' || ax.autorange === 'tozero') { ax.autorange = true; ax.rangemode = 'tozero'; } delete ax.islog; delete ax.isdate; delete ax.categories; // replaced by _categories // prune empty domain arrays made before the new nestedProperty if(emptyContainer(ax, 'domain')) delete ax.domain; // autotick -> tickmode if(ax.autotick !== undefined) { if(ax.tickmode === undefined) { ax.tickmode = ax.autotick ? 'auto' : 'linear'; } delete ax.autotick; } cleanTitle(ax); } else if(polarAttrRegex && polarAttrRegex.test(key)) { // modifications for polar var polar = layout[key]; cleanTitle(polar.radialaxis); } else if(ternaryAttrRegex && ternaryAttrRegex.test(key)) { // modifications for ternary var ternary = layout[key]; cleanTitle(ternary.aaxis); cleanTitle(ternary.baxis); cleanTitle(ternary.caxis); } else if(sceneAttrRegex && sceneAttrRegex.test(key)) { // modifications for 3D scenes var scene = layout[key]; // clean old Camera coords var cameraposition = scene.cameraposition; if(Array.isArray(cameraposition) && cameraposition[0].length === 4) { var rotation = cameraposition[0]; var center = cameraposition[1]; var radius = cameraposition[2]; var mat = m4FromQuat([], rotation); var eye = []; for(j = 0; j < 3; ++j) { eye[j] = center[j] + radius * mat[2 + 4 * j]; } scene.camera = { eye: {x: eye[0], y: eye[1], z: eye[2]}, center: {x: center[0], y: center[1], z: center[2]}, up: {x: 0, y: 0, z: 1} // we just ignore calculating camera z up in this case }; delete scene.cameraposition; } // clean axis titles cleanTitle(scene.xaxis); cleanTitle(scene.yaxis); cleanTitle(scene.zaxis); } } var annotationsLen = Array.isArray(layout.annotations) ? layout.annotations.length : 0; for(i = 0; i < annotationsLen; i++) { var ann = layout.annotations[i]; if(!Lib.isPlainObject(ann)) continue; if(ann.ref) { if(ann.ref === 'paper') { ann.xref = 'paper'; ann.yref = 'paper'; } else if(ann.ref === 'data') { ann.xref = 'x'; ann.yref = 'y'; } delete ann.ref; } cleanAxRef(ann, 'xref'); cleanAxRef(ann, 'yref'); } var shapesLen = Array.isArray(layout.shapes) ? layout.shapes.length : 0; for(i = 0; i < shapesLen; i++) { var shape = layout.shapes[i]; if(!Lib.isPlainObject(shape)) continue; cleanAxRef(shape, 'xref'); cleanAxRef(shape, 'yref'); } var imagesLen = Array.isArray(layout.images) ? layout.images.length : 0; for(i = 0; i < imagesLen; i++) { var image = layout.images[i]; if(!Lib.isPlainObject(image)) continue; cleanAxRef(image, 'xref'); cleanAxRef(image, 'yref'); } var legend = layout.legend; if(legend) { // check for old-style legend positioning (x or y is +/- 100) if(legend.x > 3) { legend.x = 1.02; legend.xanchor = 'left'; } else if(legend.x < -2) { legend.x = -0.02; legend.xanchor = 'right'; } if(legend.y > 3) { legend.y = 1.02; legend.yanchor = 'bottom'; } else if(legend.y < -2) { legend.y = -0.02; legend.yanchor = 'top'; } } // clean plot title cleanTitle(layout); /* * Moved from rotate -> orbit for dragmode */ if(layout.dragmode === 'rotate') layout.dragmode = 'orbit'; // sanitize rgb(fractions) and rgba(fractions) that old tinycolor // supported, but new tinycolor does not because they're not valid css Color.clean(layout); // clean the layout container in layout.template if(layout.template && layout.template.layout) { exports.cleanLayout(layout.template.layout); } return layout; }; function cleanAxRef(container, attr) { var valIn = container[attr]; var axLetter = attr.charAt(0); if(valIn && valIn !== 'paper') { container[attr] = cleanId(valIn, axLetter, true); } } /** * Cleans up old title attribute structure (flat) in favor of the new one (nested). * * @param {Object} titleContainer - an object potentially including deprecated title attributes */ function cleanTitle(titleContainer) { if(titleContainer) { // title -> title.text // (although title used to be a string attribute, // numbers are accepted as well) if(typeof titleContainer.title === 'string' || typeof titleContainer.title === 'number') { titleContainer.title = { text: titleContainer.title }; } rewireAttr('titlefont', 'font'); rewireAttr('titleposition', 'position'); rewireAttr('titleside', 'side'); rewireAttr('titleoffset', 'offset'); } function rewireAttr(oldAttrName, newAttrName) { var oldAttrSet = titleContainer[oldAttrName]; var newAttrSet = titleContainer.title && titleContainer.title[newAttrName]; if(oldAttrSet && !newAttrSet) { // Ensure title object exists if(!titleContainer.title) { titleContainer.title = {}; } titleContainer.title[newAttrName] = titleContainer[oldAttrName]; delete titleContainer[oldAttrName]; } } } /* * cleanData: Make a few changes to the data for backward compatibility * before it gets used for anything. Modifies the data traces users provide. * * Important: if you're going to add something here that modifies a data array, * update it in place so the new array === the old one. */ exports.cleanData = function(data) { for(var tracei = 0; tracei < data.length; tracei++) { var trace = data[tracei]; var i; // use xbins to bin data in x, and ybins to bin data in y if(trace.type === 'histogramy' && 'xbins' in trace && !('ybins' in trace)) { trace.ybins = trace.xbins; delete trace.xbins; } // error_y.opacity is obsolete - merge into color if(trace.error_y && 'opacity' in trace.error_y) { var dc = Color.defaults; var yeColor = trace.error_y.color || (traceIs(trace, 'bar') ? Color.defaultLine : dc[tracei % dc.length]); trace.error_y.color = Color.addOpacity( Color.rgb(yeColor), Color.opacity(yeColor) * trace.error_y.opacity); delete trace.error_y.opacity; } // convert bardir to orientation, and put the data into // the axes it's eventually going to be used with if('bardir' in trace) { if(trace.bardir === 'h' && (traceIs(trace, 'bar') || trace.type.substr(0, 9) === 'histogram')) { trace.orientation = 'h'; exports.swapXYData(trace); } delete trace.bardir; } // now we have only one 1D histogram type, and whether // it uses x or y data depends on trace.orientation if(trace.type === 'histogramy') exports.swapXYData(trace); if(trace.type === 'histogramx' || trace.type === 'histogramy') { trace.type = 'histogram'; } // scl->scale, reversescl->reversescale if('scl' in trace && !('colorscale' in trace)) { trace.colorscale = trace.scl; delete trace.scl; } if('reversescl' in trace && !('reversescale' in trace)) { trace.reversescale = trace.reversescl; delete trace.reversescl; } // axis ids x1 -> x, y1-> y if(trace.xaxis) trace.xaxis = cleanId(trace.xaxis, 'x'); if(trace.yaxis) trace.yaxis = cleanId(trace.yaxis, 'y'); // scene ids scene1 -> scene if(traceIs(trace, 'gl3d') && trace.scene) { trace.scene = Plots.subplotsRegistry.gl3d.cleanId(trace.scene); } if(!traceIs(trace, 'pie-like') && !traceIs(trace, 'bar-like')) { if(Array.isArray(trace.textposition)) { for(i = 0; i < trace.textposition.length; i++) { trace.textposition[i] = cleanTextPosition(trace.textposition[i]); } } else if(trace.textposition) { trace.textposition = cleanTextPosition(trace.textposition); } } // fix typo in colorscale definition var _module = Registry.getModule(trace); if(_module && _module.colorbar) { var containerName = _module.colorbar.container; var container = containerName ? trace[containerName] : trace; if(container && container.colorscale) { if(container.colorscale === 'YIGnBu') container.colorscale = 'YlGnBu'; if(container.colorscale === 'YIOrRd') container.colorscale = 'YlOrRd'; } } // fix typo in surface 'highlight*' definitions if(trace.type === 'surface' && Lib.isPlainObject(trace.contours)) { var dims = ['x', 'y', 'z']; for(i = 0; i < dims.length; i++) { var opts = trace.contours[dims[i]]; if(!Lib.isPlainObject(opts)) continue; if(opts.highlightColor) { opts.highlightcolor = opts.highlightColor; delete opts.highlightColor; } if(opts.highlightWidth) { opts.highlightwidth = opts.highlightWidth; delete opts.highlightWidth; } } } // fixes from converting finance from transforms to real trace types if(trace.type === 'candlestick' || trace.type === 'ohlc') { var increasingShowlegend = (trace.increasing || {}).showlegend !== false; var decreasingShowlegend = (trace.decreasing || {}).showlegend !== false; var increasingName = cleanFinanceDir(trace.increasing); var decreasingName = cleanFinanceDir(trace.decreasing); // now figure out something smart to do with the separate direction // names we removed if((increasingName !== false) && (decreasingName !== false)) { // both sub-names existed: base name previously had no effect // so ignore it and try to find a shared part of the sub-names var newName = commonPrefix( increasingName, decreasingName, increasingShowlegend, decreasingShowlegend ); // if no common part, leave whatever name was (or wasn't) there if(newName) trace.name = newName; } else if((increasingName || decreasingName) && !trace.name) { // one sub-name existed but not the base name - just use the sub-name trace.name = increasingName || decreasingName; } } // transforms backward compatibility fixes if(Array.isArray(trace.transforms)) { var transforms = trace.transforms; for(i = 0; i < transforms.length; i++) { var transform = transforms[i]; if(!Lib.isPlainObject(transform)) continue; switch(transform.type) { case 'filter': if(transform.filtersrc) { transform.target = transform.filtersrc; delete transform.filtersrc; } if(transform.calendar) { if(!transform.valuecalendar) { transform.valuecalendar = transform.calendar; } delete transform.calendar; } break; case 'groupby': // Name has changed from `style` to `styles`, so use `style` but prefer `styles`: transform.styles = transform.styles || transform.style; if(transform.styles && !Array.isArray(transform.styles)) { var prevStyles = transform.styles; var styleKeys = Object.keys(prevStyles); transform.styles = []; for(var j = 0; j < styleKeys.length; j++) { transform.styles.push({ target: styleKeys[j], value: prevStyles[styleKeys[j]] }); } } break; } } } // prune empty containers made before the new nestedProperty if(emptyContainer(trace, 'line')) delete trace.line; if('marker' in trace) { if(emptyContainer(trace.marker, 'line')) delete trace.marker.line; if(emptyContainer(trace, 'marker')) delete trace.marker; } // sanitize rgb(fractions) and rgba(fractions) that old tinycolor // supported, but new tinycolor does not because they're not valid css Color.clean(trace); // remove obsolete autobin(x|y) attributes, but only if true // if false, this needs to happen in Histogram.calc because it // can be a one-time autobin so we need to know the results before // we can push them back into the trace. if(trace.autobinx) { delete trace.autobinx; delete trace.xbins; } if(trace.autobiny) { delete trace.autobiny; delete trace.ybins; } cleanTitle(trace); if(trace.colorbar) cleanTitle(trace.colorbar); if(trace.marker && trace.marker.colorbar) cleanTitle(trace.marker.colorbar); if(trace.line && trace.line.colorbar) cleanTitle(trace.line.colorbar); if(trace.aaxis) cleanTitle(trace.aaxis); if(trace.baxis) cleanTitle(trace.baxis); } }; function cleanFinanceDir(dirContainer) { if(!Lib.isPlainObject(dirContainer)) return false; var dirName = dirContainer.name; delete dirContainer.name; delete dirContainer.showlegend; return (typeof dirName === 'string' || typeof dirName === 'number') && String(dirName); } function commonPrefix(name1, name2, show1, show2) { // if only one is shown in the legend, use that if(show1 && !show2) return name1; if(show2 && !show1) return name2; // if both or neither are in the legend, check if one is blank (or whitespace) // and use the other one // note that hover labels can still use the name even if the legend doesn't if(!name1.trim()) return name2; if(!name2.trim()) return name1; var minLen = Math.min(name1.length, name2.length); var i; for(i = 0; i < minLen; i++) { if(name1.charAt(i) !== name2.charAt(i)) break; } var out = name1.substr(0, i); return out.trim(); } // textposition - support partial attributes (ie just 'top') // and incorrect use of middle / center etc. function cleanTextPosition(textposition) { var posY = 'middle'; var posX = 'center'; if(typeof textposition === 'string') { if(textposition.indexOf('top') !== -1) posY = 'top'; else if(textposition.indexOf('bottom') !== -1) posY = 'bottom'; if(textposition.indexOf('left') !== -1) posX = 'left'; else if(textposition.indexOf('right') !== -1) posX = 'right'; } return posY + ' ' + posX; } function emptyContainer(outer, innerStr) { return (innerStr in outer) && (typeof outer[innerStr] === 'object') && (Object.keys(outer[innerStr]).length === 0); } // swap all the data and data attributes associated with x and y exports.swapXYData = function(trace) { var i; Lib.swapAttrs(trace, ['?', '?0', 'd?', '?bins', 'nbins?', 'autobin?', '?src', 'error_?']); if(Array.isArray(trace.z) && Array.isArray(trace.z[0])) { if(trace.transpose) delete trace.transpose; else trace.transpose = true; } if(trace.error_x && trace.error_y) { var errorY = trace.error_y; var copyYstyle = ('copy_ystyle' in errorY) ? errorY.copy_ystyle : !(errorY.color || errorY.thickness || errorY.width); Lib.swapAttrs(trace, ['error_?.copy_ystyle']); if(copyYstyle) { Lib.swapAttrs(trace, ['error_?.color', 'error_?.thickness', 'error_?.width']); } } if(typeof trace.hoverinfo === 'string') { var hoverInfoParts = trace.hoverinfo.split('+'); for(i = 0; i < hoverInfoParts.length; i++) { if(hoverInfoParts[i] === 'x') hoverInfoParts[i] = 'y'; else if(hoverInfoParts[i] === 'y') hoverInfoParts[i] = 'x'; } trace.hoverinfo = hoverInfoParts.join('+'); } }; // coerce traceIndices input to array of trace indices exports.coerceTraceIndices = function(gd, traceIndices) { if(isNumeric(traceIndices)) { return [traceIndices]; } else if(!Array.isArray(traceIndices) || !traceIndices.length) { return gd.data.map(function(_, i) { return i; }); } else if(Array.isArray(traceIndices)) { var traceIndicesOut = []; for(var i = 0; i < traceIndices.length; i++) { if(Lib.isIndex(traceIndices[i], gd.data.length)) { traceIndicesOut.push(traceIndices[i]); } else { Lib.warn('trace index (', traceIndices[i], ') is not a number or is out of bounds'); } } return traceIndicesOut; } return traceIndices; }; /** * Manages logic around array container item creation / deletion / update * that nested property alone can't handle. * * @param {Object} np * nested property of update attribute string about trace or layout object * @param {*} newVal * update value passed to restyle / relayout / update * @param {Object} undoit * undo hash (N.B. undoit may be mutated here). * */ exports.manageArrayContainers = function(np, newVal, undoit) { var obj = np.obj; var parts = np.parts; var pLength = parts.length; var pLast = parts[pLength - 1]; var pLastIsNumber = isNumeric(pLast); if(pLastIsNumber && newVal === null) { // delete item // Clear item in array container when new value is null var contPath = parts.slice(0, pLength - 1).join('.'); var cont = Lib.nestedProperty(obj, contPath).get(); cont.splice(pLast, 1); // Note that nested property clears null / undefined at end of // array container, but not within them. } else if(pLastIsNumber && np.get() === undefined) { // create item // When adding a new item, make sure undo command will remove it if(np.get() === undefined) undoit[np.astr] = null; np.set(newVal); } else { // update item // If the last part of attribute string isn't a number, // np.set is all we need. np.set(newVal); } }; /* * Match the part to strip off to turn an attribute into its parent * really it should be either '.some_characters' or '[number]' * but we're a little more permissive here and match either * '.not_brackets_or_dot' or '[not_brackets_or_dot]' */ var ATTR_TAIL_RE = /(\.[^\[\]\.]+|\[[^\[\]\.]+\])$/; function getParent(attr) { var tail = attr.search(ATTR_TAIL_RE); if(tail > 0) return attr.substr(0, tail); } /* * hasParent: does an attribute object contain a parent of the given attribute? * for example, given 'images[2].x' do we also have 'images' or 'images[2]'? * * @param {Object} aobj * update object, whose keys are attribute strings and values are their new settings * @param {string} attr * the attribute string to test against * @returns {Boolean} * is a parent of attr present in aobj? */ exports.hasParent = function(aobj, attr) { var attrParent = getParent(attr); while(attrParent) { if(attrParent in aobj) return true; attrParent = getParent(attrParent); } return false; }; /** * Empty out types for all axes containing these traces so we auto-set them again * * @param {object} gd * @param {[integer]} traces: trace indices to search for axes to clear the types of * @param {object} layoutUpdate: any update being done concurrently to the layout, * which may supercede clearing the axis types */ var axLetters = ['x', 'y', 'z']; exports.clearAxisTypes = function(gd, traces, layoutUpdate) { for(var i = 0; i < traces.length; i++) { var trace = gd._fullData[i]; for(var j = 0; j < 3; j++) { var ax = getFromTrace(gd, trace, axLetters[j]); // do not clear log type - that's never an auto result so must have been intentional if(ax && ax.type !== 'log') { var axAttr = ax._name; var sceneName = ax._id.substr(1); if(sceneName.substr(0, 5) === 'scene') { if(layoutUpdate[sceneName] !== undefined) continue; axAttr = sceneName + '.' + axAttr; } var typeAttr = axAttr + '.type'; if(layoutUpdate[axAttr] === undefined && layoutUpdate[typeAttr] === undefined) { Lib.nestedProperty(gd.layout, typeAttr).set(null); } } } } }; },{"../components/color":75,"../lib":202,"../plots/cartesian/axis_ids":251,"../plots/plots":282,"../registry":290,"fast-isnumeric":11,"gl-mat4/fromQuat":17}],232:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var main = _dereq_('./plot_api'); exports.plot = main.plot; exports.newPlot = main.newPlot; exports.restyle = main.restyle; exports.relayout = main.relayout; exports.redraw = main.redraw; exports.update = main.update; exports._guiRestyle = main._guiRestyle; exports._guiRelayout = main._guiRelayout; exports._guiUpdate = main._guiUpdate; exports._storeDirectGUIEdit = main._storeDirectGUIEdit; exports.react = main.react; exports.extendTraces = main.extendTraces; exports.prependTraces = main.prependTraces; exports.addTraces = main.addTraces; exports.deleteTraces = main.deleteTraces; exports.moveTraces = main.moveTraces; exports.purge = main.purge; exports.addFrames = main.addFrames; exports.deleteFrames = main.deleteFrames; exports.animate = main.animate; exports.setPlotConfig = main.setPlotConfig; exports.toImage = _dereq_('./to_image'); exports.validate = _dereq_('./validate'); exports.downloadImage = _dereq_('../snapshot/download'); var templateApi = _dereq_('./template_api'); exports.makeTemplate = templateApi.makeTemplate; exports.validateTemplate = templateApi.validateTemplate; },{"../snapshot/download":292,"./plot_api":234,"./template_api":239,"./to_image":240,"./validate":241}],233:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var isPlainObject = _dereq_('../lib/is_plain_object'); var noop = _dereq_('../lib/noop'); var Loggers = _dereq_('../lib/loggers'); var sorterAsc = _dereq_('../lib/search').sorterAsc; var Registry = _dereq_('../registry'); exports.containerArrayMatch = _dereq_('./container_array_match'); var isAddVal = exports.isAddVal = function isAddVal(val) { return val === 'add' || isPlainObject(val); }; var isRemoveVal = exports.isRemoveVal = function isRemoveVal(val) { return val === null || val === 'remove'; }; /* * applyContainerArrayChanges: for managing arrays of layout components in relayout * handles them all with a consistent interface. * * Here are the supported actions -> relayout calls -> edits we get here * (as prepared in _relayout): * * add an empty obj -> {'annotations[2]': 'add'} -> {2: {'': 'add'}} * add a specific obj -> {'annotations[2]': {attrs}} -> {2: {'': {attrs}}} * delete an obj -> {'annotations[2]': 'remove'} -> {2: {'': 'remove'}} * -> {'annotations[2]': null} -> {2: {'': null}} * delete the whole array -> {'annotations': 'remove'} -> {'': {'': 'remove'}} * -> {'annotations': null} -> {'': {'': null}} * edit an object -> {'annotations[2].text': 'boo'} -> {2: {'text': 'boo'}} * * You can combine many edits to different objects. Objects are added and edited * in ascending order, then removed in descending order. * For example, starting with [a, b, c], if you want to: * - replace b with d: * {'annotations[1]': d, 'annotations[2]': null} (b is item 2 after adding d) * - add a new item d between a and b, and edit b: * {'annotations[1]': d, 'annotations[2].x': newX} (b is item 2 after adding d) * - delete b and edit c: * {'annotations[1]': null, 'annotations[2].x': newX} (c is edited before b is removed) * * You CANNOT combine adding/deleting an item at index `i` with edits to the same index `i` * You CANNOT combine replacing/deleting the whole array with anything else (for the same array). * * @param {HTMLDivElement} gd * the DOM element of the graph container div * @param {Lib.nestedProperty} componentType: the array we are editing * @param {Object} edits * the changes to make; keys are indices to edit, values are themselves objects: * {attr: newValue} of changes to make to that index (with add/remove behavior * in special values of the empty attr) * @param {Object} flags * the flags for which actions we're going to perform to display these (and * any other) changes. If we're already `recalc`ing, we don't need to redraw * individual items * @param {function} _nestedProperty * a (possibly modified for gui edits) nestedProperty constructor * The modified version takes a 3rd argument, for a prefix to the attribute * string necessary for storing GUI edits * * @returns {bool} `true` if it managed to complete drawing of the changes * `false` would mean the parent should replot. */ exports.applyContainerArrayChanges = function applyContainerArrayChanges(gd, np, edits, flags, _nestedProperty) { var componentType = np.astr; var supplyComponentDefaults = Registry.getComponentMethod(componentType, 'supplyLayoutDefaults'); var draw = Registry.getComponentMethod(componentType, 'draw'); var drawOne = Registry.getComponentMethod(componentType, 'drawOne'); var replotLater = flags.replot || flags.recalc || (supplyComponentDefaults === noop) || (draw === noop); var layout = gd.layout; var fullLayout = gd._fullLayout; if(edits['']) { if(Object.keys(edits).length > 1) { Loggers.warn('Full array edits are incompatible with other edits', componentType); } var fullVal = edits['']['']; if(isRemoveVal(fullVal)) np.set(null); else if(Array.isArray(fullVal)) np.set(fullVal); else { Loggers.warn('Unrecognized full array edit value', componentType, fullVal); return true; } if(replotLater) return false; supplyComponentDefaults(layout, fullLayout); draw(gd); return true; } var componentNums = Object.keys(edits).map(Number).sort(sorterAsc); var componentArrayIn = np.get(); var componentArray = componentArrayIn || []; // componentArrayFull is used just to keep splices in line between // full and input arrays, so private keys can be copied over after // redoing supplyDefaults // TODO: this assumes componentArray is in gd.layout - which will not be // true after we extend this to restyle var componentArrayFull = _nestedProperty(fullLayout, componentType).get(); var deletes = []; var firstIndexChange = -1; var maxIndex = componentArray.length; var i; var j; var componentNum; var objEdits; var objKeys; var objVal; var adding, prefix; // first make the add and edit changes for(i = 0; i < componentNums.length; i++) { componentNum = componentNums[i]; objEdits = edits[componentNum]; objKeys = Object.keys(objEdits); objVal = objEdits[''], adding = isAddVal(objVal); if(componentNum < 0 || componentNum > componentArray.length - (adding ? 0 : 1)) { Loggers.warn('index out of range', componentType, componentNum); continue; } if(objVal !== undefined) { if(objKeys.length > 1) { Loggers.warn( 'Insertion & removal are incompatible with edits to the same index.', componentType, componentNum); } if(isRemoveVal(objVal)) { deletes.push(componentNum); } else if(adding) { if(objVal === 'add') objVal = {}; componentArray.splice(componentNum, 0, objVal); if(componentArrayFull) componentArrayFull.splice(componentNum, 0, {}); } else { Loggers.warn('Unrecognized full object edit value', componentType, componentNum, objVal); } if(firstIndexChange === -1) firstIndexChange = componentNum; } else { for(j = 0; j < objKeys.length; j++) { prefix = componentType + '[' + componentNum + '].'; _nestedProperty(componentArray[componentNum], objKeys[j], prefix) .set(objEdits[objKeys[j]]); } } } // now do deletes for(i = deletes.length - 1; i >= 0; i--) { componentArray.splice(deletes[i], 1); // TODO: this drops private keys that had been stored in componentArrayFull // does this have any ill effects? if(componentArrayFull) componentArrayFull.splice(deletes[i], 1); } if(!componentArray.length) np.set(null); else if(!componentArrayIn) np.set(componentArray); if(replotLater) return false; supplyComponentDefaults(layout, fullLayout); // finally draw all the components we need to // if we added or removed any, redraw all after it if(drawOne !== noop) { var indicesToDraw; if(firstIndexChange === -1) { // there's no re-indexing to do, so only redraw components that changed indicesToDraw = componentNums; } else { // in case the component array was shortened, we still need do call // drawOne on the latter items so they get properly removed maxIndex = Math.max(componentArray.length, maxIndex); indicesToDraw = []; for(i = 0; i < componentNums.length; i++) { componentNum = componentNums[i]; if(componentNum >= firstIndexChange) break; indicesToDraw.push(componentNum); } for(i = firstIndexChange; i < maxIndex; i++) { indicesToDraw.push(i); } } for(i = 0; i < indicesToDraw.length; i++) { drawOne(gd, indicesToDraw[i]); } } else draw(gd); return true; }; },{"../lib/is_plain_object":203,"../lib/loggers":206,"../lib/noop":211,"../lib/search":221,"../registry":290,"./container_array_match":229}],234:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = _dereq_('d3'); var isNumeric = _dereq_('fast-isnumeric'); var hasHover = _dereq_('has-hover'); var Lib = _dereq_('../lib'); var nestedProperty = Lib.nestedProperty; var Events = _dereq_('../lib/events'); var Queue = _dereq_('../lib/queue'); var Registry = _dereq_('../registry'); var PlotSchema = _dereq_('./plot_schema'); var Plots = _dereq_('../plots/plots'); var Polar = _dereq_('../plots/polar/legacy'); var Axes = _dereq_('../plots/cartesian/axes'); var Drawing = _dereq_('../components/drawing'); var Color = _dereq_('../components/color'); var initInteractions = _dereq_('../plots/cartesian/graph_interact').initInteractions; var xmlnsNamespaces = _dereq_('../constants/xmlns_namespaces'); var svgTextUtils = _dereq_('../lib/svg_text_utils'); var clearSelect = _dereq_('../plots/cartesian/select').clearSelect; var dfltConfig = _dereq_('./plot_config').dfltConfig; var manageArrays = _dereq_('./manage_arrays'); var helpers = _dereq_('./helpers'); var subroutines = _dereq_('./subroutines'); var editTypes = _dereq_('./edit_types'); var AX_NAME_PATTERN = _dereq_('../plots/cartesian/constants').AX_NAME_PATTERN; var numericNameWarningCount = 0; var numericNameWarningCountLimit = 5; /** * Main plot-creation function * * @param {string id or DOM element} gd * the id or DOM element of the graph container div * @param {array of objects} data * array of traces, containing the data and display information for each trace * @param {object} layout * object describing the overall display of the plot, * all the stuff that doesn't pertain to any individual trace * @param {object} config * configuration options (see ./plot_config.js for more info) * * OR * * @param {string id or DOM element} gd * the id or DOM element of the graph container div * @param {object} figure * object containing `data`, `layout`, `config`, and `frames` members * */ function plot(gd, data, layout, config) { var frames; gd = Lib.getGraphDiv(gd); // Events.init is idempotent and bails early if gd has already been init'd Events.init(gd); if(Lib.isPlainObject(data)) { var obj = data; data = obj.data; layout = obj.layout; config = obj.config; frames = obj.frames; } var okToPlot = Events.triggerHandler(gd, 'plotly_beforeplot', [data, layout, config]); if(okToPlot === false) return Promise.reject(); // if there's no data or layout, and this isn't yet a plotly plot // container, log a warning to help plotly.js users debug if(!data && !layout && !Lib.isPlotDiv(gd)) { Lib.warn('Calling Plotly.plot as if redrawing ' + 'but this container doesn\'t yet have a plot.', gd); } function addFrames() { if(frames) { return exports.addFrames(gd, frames); } } // transfer configuration options to gd until we move over to // a more OO like model setPlotContext(gd, config); if(!layout) layout = {}; // hook class for plots main container (in case of plotly.js // this won't be #embedded-graph or .js-tab-contents) d3.select(gd).classed('js-plotly-plot', true); // off-screen getBoundingClientRect testing space, // in #js-plotly-tester (and stored as Drawing.tester) // so we can share cached text across tabs Drawing.makeTester(); // collect promises for any async actions during plotting // any part of the plotting code can push to gd._promises, then // before we move to the next step, we check that they're all // complete, and empty out the promise list again. if(!Array.isArray(gd._promises)) gd._promises = []; var graphWasEmpty = ((gd.data || []).length === 0 && Array.isArray(data)); // if there is already data on the graph, append the new data // if you only want to redraw, pass a non-array for data if(Array.isArray(data)) { helpers.cleanData(data); if(graphWasEmpty) gd.data = data; else gd.data.push.apply(gd.data, data); // for routines outside graph_obj that want a clean tab // (rather than appending to an existing one) gd.empty // is used to determine whether to make a new tab gd.empty = false; } if(!gd.layout || graphWasEmpty) { gd.layout = helpers.cleanLayout(layout); } Plots.supplyDefaults(gd); var fullLayout = gd._fullLayout; var hasCartesian = fullLayout._has('cartesian'); // Legacy polar plots if(!fullLayout._has('polar') && data && data[0] && data[0].r) { Lib.log('Legacy polar charts are deprecated!'); return plotLegacyPolar(gd, data, layout); } // so we don't try to re-call Plotly.plot from inside // legend and colorbar, if margins changed fullLayout._replotting = true; // make or remake the framework if we need to if(graphWasEmpty || fullLayout._shouldCreateBgLayer) { makePlotFramework(gd); if(fullLayout._shouldCreateBgLayer) { delete fullLayout._shouldCreateBgLayer; } } // polar need a different framework if(gd.framework !== makePlotFramework) { gd.framework = makePlotFramework; makePlotFramework(gd); } // clear gradient defs on each .plot call, because we know we'll loop through all traces Drawing.initGradients(gd); // save initial show spikes once per graph if(graphWasEmpty) Axes.saveShowSpikeInitial(gd); // prepare the data and find the autorange // generate calcdata, if we need to // to force redoing calcdata, just delete it before calling Plotly.plot var recalc = !gd.calcdata || gd.calcdata.length !== (gd._fullData || []).length; if(recalc) Plots.doCalcdata(gd); // in case it has changed, attach fullData traces to calcdata for(var i = 0; i < gd.calcdata.length; i++) { gd.calcdata[i][0].trace = gd._fullData[i]; } // make the figure responsive if(gd._context.responsive) { if(!gd._responsiveChartHandler) { // Keep a reference to the resize handler to purge it down the road gd._responsiveChartHandler = function() { if(!Lib.isHidden(gd)) Plots.resize(gd); }; // Listen to window resize window.addEventListener('resize', gd._responsiveChartHandler); } } else { Lib.clearResponsive(gd); } /* * start async-friendly code - now we're actually drawing things */ var oldMargins = Lib.extendFlat({}, fullLayout._size); // draw framework first so that margin-pushing // components can position themselves correctly var drawFrameworkCalls = 0; function drawFramework() { var basePlotModules = fullLayout._basePlotModules; for(var i = 0; i < basePlotModules.length; i++) { if(basePlotModules[i].drawFramework) { basePlotModules[i].drawFramework(gd); } } if(!fullLayout._glcanvas && fullLayout._has('gl')) { fullLayout._glcanvas = fullLayout._glcontainer.selectAll('.gl-canvas').data([{ key: 'contextLayer', context: true, pick: false }, { key: 'focusLayer', context: false, pick: false }, { key: 'pickLayer', context: false, pick: true }], function(d) { return d.key; }); fullLayout._glcanvas.enter().append('canvas') .attr('class', function(d) { return 'gl-canvas gl-canvas-' + d.key.replace('Layer', ''); }) .style({ position: 'absolute', top: 0, left: 0, overflow: 'visible', 'pointer-events': 'none' }); } if(fullLayout._glcanvas) { fullLayout._glcanvas .attr('width', fullLayout.width) .attr('height', fullLayout.height); var regl = fullLayout._glcanvas.data()[0].regl; if(regl) { // Unfortunately, this can happen when relayouting to large // width/height on some browsers. if(Math.floor(fullLayout.width) !== regl._gl.drawingBufferWidth || Math.floor(fullLayout.height) !== regl._gl.drawingBufferHeight ) { var msg = 'WebGL context buffer and canvas dimensions do not match due to browser/WebGL bug.'; if(drawFrameworkCalls) { Lib.error(msg); } else { Lib.log(msg + ' Clearing graph and plotting again.'); Plots.cleanPlot([], {}, gd._fullData, fullLayout); Plots.supplyDefaults(gd); fullLayout = gd._fullLayout; Plots.doCalcdata(gd); drawFrameworkCalls++; return drawFramework(); } } } } if(fullLayout.modebar.orientation === 'h') { fullLayout._modebardiv .style('height', null) .style('width', '100%'); } else { fullLayout._modebardiv .style('width', null) .style('height', fullLayout.height + 'px'); } return Plots.previousPromises(gd); } // draw anything that can affect margins. function marginPushers() { // First reset the list of things that are allowed to change the margins // So any deleted traces or components will be wiped out of the // automargin calculation. // This means *every* margin pusher must be listed here, even if it // doesn't actually try to push the margins until later. Plots.clearAutoMarginIds(gd); subroutines.drawMarginPushers(gd); Axes.allowAutoMargin(gd); // TODO can this be moved elsewhere? if(fullLayout._has('pie')) { var fullData = gd._fullData; for(var i = 0; i < fullData.length; i++) { var trace = fullData[i]; if(trace.type === 'pie' && trace.automargin) { Plots.allowAutoMargin(gd, 'pie.' + trace.uid + '.automargin'); } } } Plots.doAutoMargin(gd); return Plots.previousPromises(gd); } // in case the margins changed, draw margin pushers again function marginPushersAgain() { if(!Plots.didMarginChange(oldMargins, fullLayout._size)) return; return Lib.syncOrAsync([ marginPushers, subroutines.layoutStyles ], gd); } function positionAndAutorange() { if(!recalc) { doAutoRangeAndConstraints(); return; } // TODO: autosize extra for text markers and images // see https://github.com/plotly/plotly.js/issues/1111 return Lib.syncOrAsync([ Registry.getComponentMethod('shapes', 'calcAutorange'), Registry.getComponentMethod('annotations', 'calcAutorange'), doAutoRangeAndConstraints ], gd); } function doAutoRangeAndConstraints() { if(gd._transitioning) return; subroutines.doAutoRangeAndConstraints(gd); // store initial ranges *after* enforcing constraints, otherwise // we will never look like we're at the initial ranges if(graphWasEmpty) Axes.saveRangeInitial(gd); // this one is different from shapes/annotations calcAutorange // the others incorporate those components into ax._extremes, // this one actually sets the ranges in rangesliders. Registry.getComponentMethod('rangeslider', 'calcAutorange')(gd); } // draw ticks, titles, and calculate axis scaling (._b, ._m) function drawAxes() { return Axes.draw(gd, graphWasEmpty ? '' : 'redraw'); } var seq = [ Plots.previousPromises, addFrames, drawFramework, marginPushers, marginPushersAgain ]; if(hasCartesian) seq.push(positionAndAutorange); seq.push(subroutines.layoutStyles); if(hasCartesian) { seq.push( drawAxes, function insideTickLabelsAutorange(gd) { if(gd._fullLayout._insideTickLabelsAutorange) { relayout(gd, gd._fullLayout._insideTickLabelsAutorange).then(function() { gd._fullLayout._insideTickLabelsAutorange = undefined; }); } } ); } seq.push( subroutines.drawData, subroutines.finalDraw, initInteractions, Plots.addLinks, Plots.rehover, Plots.redrag, // TODO: doAutoMargin is only needed here for axis automargin, which // happens outside of marginPushers where all the other automargins are // calculated. Would be much better to separate margin calculations from // component drawing - see https://github.com/plotly/plotly.js/issues/2704 Plots.doAutoMargin, saveRangeInitialForInsideTickLabels, Plots.previousPromises ); function saveRangeInitialForInsideTickLabels(gd) { if(gd._fullLayout._insideTickLabelsAutorange) { if(graphWasEmpty) Axes.saveRangeInitial(gd, true); } } // even if everything we did was synchronous, return a promise // so that the caller doesn't care which route we took var plotDone = Lib.syncOrAsync(seq, gd); if(!plotDone || !plotDone.then) plotDone = Promise.resolve(); return plotDone.then(function() { emitAfterPlot(gd); return gd; }); } function emitAfterPlot(gd) { var fullLayout = gd._fullLayout; if(fullLayout._redrawFromAutoMarginCount) { fullLayout._redrawFromAutoMarginCount--; } else { gd.emit('plotly_afterplot'); } } function setPlotConfig(obj) { return Lib.extendFlat(dfltConfig, obj); } function setBackground(gd, bgColor) { try { gd._fullLayout._paper.style('background', bgColor); } catch(e) { Lib.error(e); } } function opaqueSetBackground(gd, bgColor) { var blend = Color.combine(bgColor, 'white'); setBackground(gd, blend); } function setPlotContext(gd, config) { if(!gd._context) { gd._context = Lib.extendDeep({}, dfltConfig); // stash href, used to make robust clipPath URLs var base = d3.select('base'); gd._context._baseUrl = base.size() && base.attr('href') ? window.location.href.split('#')[0] : ''; } var context = gd._context; var i, keys, key; if(config) { keys = Object.keys(config); for(i = 0; i < keys.length; i++) { key = keys[i]; if(key === 'editable' || key === 'edits') continue; if(key in context) { if(key === 'setBackground' && config[key] === 'opaque') { context[key] = opaqueSetBackground; } else { context[key] = config[key]; } } } // map plot3dPixelRatio to plotGlPixelRatio for backward compatibility if(config.plot3dPixelRatio && !context.plotGlPixelRatio) { context.plotGlPixelRatio = context.plot3dPixelRatio; } // now deal with editable and edits - first editable overrides // everything, then edits refines var editable = config.editable; if(editable !== undefined) { // we're not going to *use* context.editable, we're only going to // use context.edits... but keep it for the record context.editable = editable; keys = Object.keys(context.edits); for(i = 0; i < keys.length; i++) { context.edits[keys[i]] = editable; } } if(config.edits) { keys = Object.keys(config.edits); for(i = 0; i < keys.length; i++) { key = keys[i]; if(key in context.edits) { context.edits[key] = config.edits[key]; } } } // not part of the user-facing config options context._exportedPlot = config._exportedPlot; } // staticPlot forces a bunch of others: if(context.staticPlot) { context.editable = false; context.edits = {}; context.autosizable = false; context.scrollZoom = false; context.doubleClick = false; context.showTips = false; context.showLink = false; context.displayModeBar = false; } // make sure hover-only devices have mode bar visible if(context.displayModeBar === 'hover' && !hasHover) { context.displayModeBar = true; } // default and fallback for setBackground if(context.setBackground === 'transparent' || typeof context.setBackground !== 'function') { context.setBackground = setBackground; } // Check if gd has a specified widht/height to begin with context._hasZeroHeight = context._hasZeroHeight || gd.clientHeight === 0; context._hasZeroWidth = context._hasZeroWidth || gd.clientWidth === 0; // fill context._scrollZoom helper to help manage scrollZoom flaglist var szIn = context.scrollZoom; var szOut = context._scrollZoom = {}; if(szIn === true) { szOut.cartesian = 1; szOut.gl3d = 1; szOut.geo = 1; szOut.mapbox = 1; } else if(typeof szIn === 'string') { var parts = szIn.split('+'); for(i = 0; i < parts.length; i++) { szOut[parts[i]] = 1; } } else if(szIn !== false) { szOut.gl3d = 1; szOut.geo = 1; szOut.mapbox = 1; } } function plotLegacyPolar(gd, data, layout) { // build or reuse the container skeleton var plotContainer = d3.select(gd).selectAll('.plot-container') .data([0]); plotContainer.enter() .insert('div', ':first-child') .classed('plot-container plotly', true); var paperDiv = plotContainer.selectAll('.svg-container') .data([0]); paperDiv.enter().append('div') .classed('svg-container', true) .style('position', 'relative'); // empty it everytime for now paperDiv.html(''); // fulfill gd requirements if(data) gd.data = data; if(layout) gd.layout = layout; Polar.manager.fillLayout(gd); // resize canvas paperDiv.style({ width: gd._fullLayout.width + 'px', height: gd._fullLayout.height + 'px' }); // instantiate framework gd.framework = Polar.manager.framework(gd); // plot gd.framework({data: gd.data, layout: gd.layout}, paperDiv.node()); // set undo point gd.framework.setUndoPoint(); // get the resulting svg for extending it var polarPlotSVG = gd.framework.svg(); // editable title var opacity = 1; var txt = gd._fullLayout.title ? gd._fullLayout.title.text : ''; if(txt === '' || !txt) opacity = 0; var titleLayout = function() { this.call(svgTextUtils.convertToTspans, gd); // TODO: html/mathjax // TODO: center title }; var title = polarPlotSVG.select('.title-group text') .call(titleLayout); if(gd._context.edits.titleText) { var placeholderText = Lib._(gd, 'Click to enter Plot title'); if(!txt || txt === placeholderText) { opacity = 0.2; // placeholder is not going through convertToTspans // so needs explicit data-unformatted title.attr({'data-unformatted': placeholderText}) .text(placeholderText) .style({opacity: opacity}) .on('mouseover.opacity', function() { d3.select(this).transition().duration(100) .style('opacity', 1); }) .on('mouseout.opacity', function() { d3.select(this).transition().duration(1000) .style('opacity', 0); }); } var setContenteditable = function() { this.call(svgTextUtils.makeEditable, {gd: gd}) .on('edit', function(text) { gd.framework({layout: {title: {text: text}}}); this.text(text) .call(titleLayout); this.call(setContenteditable); }) .on('cancel', function() { var txt = this.attr('data-unformatted'); this.text(txt).call(titleLayout); }); }; title.call(setContenteditable); } gd._context.setBackground(gd, gd._fullLayout.paper_bgcolor); Plots.addLinks(gd); return Promise.resolve(); } // convenience function to force a full redraw, mostly for use by plotly.js function redraw(gd) { gd = Lib.getGraphDiv(gd); if(!Lib.isPlotDiv(gd)) { throw new Error('This element is not a Plotly plot: ' + gd); } helpers.cleanData(gd.data); helpers.cleanLayout(gd.layout); gd.calcdata = undefined; return exports.plot(gd).then(function() { gd.emit('plotly_redraw'); return gd; }); } /** * Convenience function to make idempotent plot option obvious to users. * * @param gd * @param {Object[]} data * @param {Object} layout * @param {Object} config */ function newPlot(gd, data, layout, config) { gd = Lib.getGraphDiv(gd); // remove gl contexts Plots.cleanPlot([], {}, gd._fullData || [], gd._fullLayout || {}); Plots.purge(gd); return exports.plot(gd, data, layout, config); } /** * Wrap negative indicies to their positive counterparts. * * @param {Number[]} indices An array of indices * @param {Number} maxIndex The maximum index allowable (arr.length - 1) */ function positivifyIndices(indices, maxIndex) { var parentLength = maxIndex + 1; var positiveIndices = []; var i; var index; for(i = 0; i < indices.length; i++) { index = indices[i]; if(index < 0) { positiveIndices.push(parentLength + index); } else { positiveIndices.push(index); } } return positiveIndices; } /** * Ensures that an index array for manipulating gd.data is valid. * * Intended for use with addTraces, deleteTraces, and moveTraces. * * @param gd * @param indices * @param arrayName */ function assertIndexArray(gd, indices, arrayName) { var i, index; for(i = 0; i < indices.length; i++) { index = indices[i]; // validate that indices are indeed integers if(index !== parseInt(index, 10)) { throw new Error('all values in ' + arrayName + ' must be integers'); } // check that all indices are in bounds for given gd.data array length if(index >= gd.data.length || index < -gd.data.length) { throw new Error(arrayName + ' must be valid indices for gd.data.'); } // check that indices aren't repeated if(indices.indexOf(index, i + 1) > -1 || index >= 0 && indices.indexOf(-gd.data.length + index) > -1 || index < 0 && indices.indexOf(gd.data.length + index) > -1) { throw new Error('each index in ' + arrayName + ' must be unique.'); } } } /** * Private function used by Plotly.moveTraces to check input args * * @param gd * @param currentIndices * @param newIndices */ function checkMoveTracesArgs(gd, currentIndices, newIndices) { // check that gd has attribute 'data' and 'data' is array if(!Array.isArray(gd.data)) { throw new Error('gd.data must be an array.'); } // validate currentIndices array if(typeof currentIndices === 'undefined') { throw new Error('currentIndices is a required argument.'); } else if(!Array.isArray(currentIndices)) { currentIndices = [currentIndices]; } assertIndexArray(gd, currentIndices, 'currentIndices'); // validate newIndices array if it exists if(typeof newIndices !== 'undefined' && !Array.isArray(newIndices)) { newIndices = [newIndices]; } if(typeof newIndices !== 'undefined') { assertIndexArray(gd, newIndices, 'newIndices'); } // check currentIndices and newIndices are the same length if newIdices exists if(typeof newIndices !== 'undefined' && currentIndices.length !== newIndices.length) { throw new Error('current and new indices must be of equal length.'); } } /** * A private function to reduce the type checking clutter in addTraces. * * @param gd * @param traces * @param newIndices */ function checkAddTracesArgs(gd, traces, newIndices) { var i, value; // check that gd has attribute 'data' and 'data' is array if(!Array.isArray(gd.data)) { throw new Error('gd.data must be an array.'); } // make sure traces exists if(typeof traces === 'undefined') { throw new Error('traces must be defined.'); } // make sure traces is an array if(!Array.isArray(traces)) { traces = [traces]; } // make sure each value in traces is an object for(i = 0; i < traces.length; i++) { value = traces[i]; if(typeof value !== 'object' || (Array.isArray(value) || value === null)) { throw new Error('all values in traces array must be non-array objects'); } } // make sure we have an index for each trace if(typeof newIndices !== 'undefined' && !Array.isArray(newIndices)) { newIndices = [newIndices]; } if(typeof newIndices !== 'undefined' && newIndices.length !== traces.length) { throw new Error( 'if indices is specified, traces.length must equal indices.length' ); } } /** * A private function to reduce the type checking clutter in spliceTraces. * Get all update Properties from gd.data. Validate inputs and outputs. * Used by prependTrace and extendTraces * * @param gd * @param update * @param indices * @param maxPoints */ function assertExtendTracesArgs(gd, update, indices, maxPoints) { var maxPointsIsObject = Lib.isPlainObject(maxPoints); if(!Array.isArray(gd.data)) { throw new Error('gd.data must be an array'); } if(!Lib.isPlainObject(update)) { throw new Error('update must be a key:value object'); } if(typeof indices === 'undefined') { throw new Error('indices must be an integer or array of integers'); } assertIndexArray(gd, indices, 'indices'); for(var key in update) { /* * Verify that the attribute to be updated contains as many trace updates * as indices. Failure must result in throw and no-op */ if(!Array.isArray(update[key]) || update[key].length !== indices.length) { throw new Error('attribute ' + key + ' must be an array of length equal to indices array length'); } /* * if maxPoints is an object it must match keys and array lengths of 'update' 1:1 */ if(maxPointsIsObject && (!(key in maxPoints) || !Array.isArray(maxPoints[key]) || maxPoints[key].length !== update[key].length)) { throw new Error('when maxPoints is set as a key:value object it must contain a 1:1 ' + 'corrispondence with the keys and number of traces in the update object'); } } } /** * A private function to reduce the type checking clutter in spliceTraces. * * @param {Object|HTMLDivElement} gd * @param {Object} update * @param {Number[]} indices * @param {Number||Object} maxPoints * @return {Object[]} */ function getExtendProperties(gd, update, indices, maxPoints) { var maxPointsIsObject = Lib.isPlainObject(maxPoints); var updateProps = []; var trace, target, prop, insert, maxp; // allow scalar index to represent a single trace position if(!Array.isArray(indices)) indices = [indices]; // negative indices are wrapped around to their positive value. Equivalent to python indexing. indices = positivifyIndices(indices, gd.data.length - 1); // loop through all update keys and traces and harvest validated data. for(var key in update) { for(var j = 0; j < indices.length; j++) { /* * Choose the trace indexed by the indices map argument and get the prop setter-getter * instance that references the key and value for this particular trace. */ trace = gd.data[indices[j]]; prop = nestedProperty(trace, key); /* * Target is the existing gd.data.trace.dataArray value like "x" or "marker.size" * Target must exist as an Array to allow the extend operation to be performed. */ target = prop.get(); insert = update[key][j]; if(!Lib.isArrayOrTypedArray(insert)) { throw new Error('attribute: ' + key + ' index: ' + j + ' must be an array'); } if(!Lib.isArrayOrTypedArray(target)) { throw new Error('cannot extend missing or non-array attribute: ' + key); } if(target.constructor !== insert.constructor) { throw new Error('cannot extend array with an array of a different type: ' + key); } /* * maxPoints may be an object map or a scalar. If object select the key:value, else * Use the scalar maxPoints for all key and trace combinations. */ maxp = maxPointsIsObject ? maxPoints[key][j] : maxPoints; // could have chosen null here, -1 just tells us to not take a window if(!isNumeric(maxp)) maxp = -1; /* * Wrap the nestedProperty in an object containing required data * for lengthening and windowing this particular trace - key combination. * Flooring maxp mirrors the behaviour of floats in the Array.slice JSnative function. */ updateProps.push({ prop: prop, target: target, insert: insert, maxp: Math.floor(maxp) }); } } // all target and insertion data now validated return updateProps; } /** * A private function to key Extend and Prepend traces DRY * * @param {Object|HTMLDivElement} gd * @param {Object} update * @param {Number[]} indices * @param {Number||Object} maxPoints * @param {Function} updateArray * @return {Object} */ function spliceTraces(gd, update, indices, maxPoints, updateArray) { assertExtendTracesArgs(gd, update, indices, maxPoints); var updateProps = getExtendProperties(gd, update, indices, maxPoints); var undoUpdate = {}; var undoPoints = {}; for(var i = 0; i < updateProps.length; i++) { var prop = updateProps[i].prop; var maxp = updateProps[i].maxp; // return new array and remainder var out = updateArray(updateProps[i].target, updateProps[i].insert, maxp); prop.set(out[0]); // build the inverse update object for the undo operation if(!Array.isArray(undoUpdate[prop.astr])) undoUpdate[prop.astr] = []; undoUpdate[prop.astr].push(out[1]); // build the matching maxPoints undo object containing original trace lengths if(!Array.isArray(undoPoints[prop.astr])) undoPoints[prop.astr] = []; undoPoints[prop.astr].push(updateProps[i].target.length); } return {update: undoUpdate, maxPoints: undoPoints}; } function concatTypedArray(arr0, arr1) { var arr2 = new arr0.constructor(arr0.length + arr1.length); arr2.set(arr0); arr2.set(arr1, arr0.length); return arr2; } /** * extend && prepend traces at indices with update arrays, window trace lengths to maxPoints * * Extend and Prepend have identical APIs. Prepend inserts an array at the head while Extend * inserts an array off the tail. Prepend truncates the tail of the array - counting maxPoints * from the head, whereas Extend truncates the head of the array, counting backward maxPoints * from the tail. * * If maxPoints is undefined, nonNumeric, negative or greater than extended trace length no * truncation / windowing will be performed. If its zero, well the whole trace is truncated. * * @param {Object|HTMLDivElement} gd The graph div * @param {Object} update The key:array map of target attributes to extend * @param {Number|Number[]} indices The locations of traces to be extended * @param {Number|Object} [maxPoints] Number of points for trace window after lengthening. * */ function extendTraces(gd, update, indices, maxPoints) { gd = Lib.getGraphDiv(gd); function updateArray(target, insert, maxp) { var newArray, remainder; if(Lib.isTypedArray(target)) { if(maxp < 0) { var none = new target.constructor(0); var both = concatTypedArray(target, insert); if(maxp < 0) { newArray = both; remainder = none; } else { newArray = none; remainder = both; } } else { newArray = new target.constructor(maxp); remainder = new target.constructor(target.length + insert.length - maxp); if(maxp === insert.length) { newArray.set(insert); remainder.set(target); } else if(maxp < insert.length) { var numberOfItemsFromInsert = insert.length - maxp; newArray.set(insert.subarray(numberOfItemsFromInsert)); remainder.set(target); remainder.set(insert.subarray(0, numberOfItemsFromInsert), target.length); } else { var numberOfItemsFromTarget = maxp - insert.length; var targetBegin = target.length - numberOfItemsFromTarget; newArray.set(target.subarray(targetBegin)); newArray.set(insert, numberOfItemsFromTarget); remainder.set(target.subarray(0, targetBegin)); } } } else { newArray = target.concat(insert); remainder = (maxp >= 0 && maxp < newArray.length) ? newArray.splice(0, newArray.length - maxp) : []; } return [newArray, remainder]; } var undo = spliceTraces(gd, update, indices, maxPoints, updateArray); var promise = exports.redraw(gd); var undoArgs = [gd, undo.update, indices, undo.maxPoints]; Queue.add(gd, exports.prependTraces, undoArgs, extendTraces, arguments); return promise; } function prependTraces(gd, update, indices, maxPoints) { gd = Lib.getGraphDiv(gd); function updateArray(target, insert, maxp) { var newArray, remainder; if(Lib.isTypedArray(target)) { if(maxp <= 0) { var none = new target.constructor(0); var both = concatTypedArray(insert, target); if(maxp < 0) { newArray = both; remainder = none; } else { newArray = none; remainder = both; } } else { newArray = new target.constructor(maxp); remainder = new target.constructor(target.length + insert.length - maxp); if(maxp === insert.length) { newArray.set(insert); remainder.set(target); } else if(maxp < insert.length) { var numberOfItemsFromInsert = insert.length - maxp; newArray.set(insert.subarray(0, numberOfItemsFromInsert)); remainder.set(insert.subarray(numberOfItemsFromInsert)); remainder.set(target, numberOfItemsFromInsert); } else { var numberOfItemsFromTarget = maxp - insert.length; newArray.set(insert); newArray.set(target.subarray(0, numberOfItemsFromTarget), insert.length); remainder.set(target.subarray(numberOfItemsFromTarget)); } } } else { newArray = insert.concat(target); remainder = (maxp >= 0 && maxp < newArray.length) ? newArray.splice(maxp, newArray.length) : []; } return [newArray, remainder]; } var undo = spliceTraces(gd, update, indices, maxPoints, updateArray); var promise = exports.redraw(gd); var undoArgs = [gd, undo.update, indices, undo.maxPoints]; Queue.add(gd, exports.extendTraces, undoArgs, prependTraces, arguments); return promise; } /** * Add data traces to an existing graph div. * * @param {Object|HTMLDivElement} gd The graph div * @param {Object[]} gd.data The array of traces we're adding to * @param {Object[]|Object} traces The object or array of objects to add * @param {Number[]|Number} [newIndices=[gd.data.length]] Locations to add traces * */ function addTraces(gd, traces, newIndices) { gd = Lib.getGraphDiv(gd); var currentIndices = []; var undoFunc = exports.deleteTraces; var redoFunc = addTraces; var undoArgs = [gd, currentIndices]; var redoArgs = [gd, traces]; // no newIndices here var i; var promise; // all validation is done elsewhere to remove clutter here checkAddTracesArgs(gd, traces, newIndices); // make sure traces is an array if(!Array.isArray(traces)) { traces = [traces]; } // make sure traces do not repeat existing ones traces = traces.map(function(trace) { return Lib.extendFlat({}, trace); }); helpers.cleanData(traces); // add the traces to gd.data (no redrawing yet!) for(i = 0; i < traces.length; i++) { gd.data.push(traces[i]); } // to continue, we need to call moveTraces which requires currentIndices for(i = 0; i < traces.length; i++) { currentIndices.push(-traces.length + i); } // if the user didn't define newIndices, they just want the traces appended // i.e., we can simply redraw and be done if(typeof newIndices === 'undefined') { promise = exports.redraw(gd); Queue.add(gd, undoFunc, undoArgs, redoFunc, redoArgs); return promise; } // make sure indices is property defined if(!Array.isArray(newIndices)) { newIndices = [newIndices]; } try { // this is redundant, but necessary to not catch later possible errors! checkMoveTracesArgs(gd, currentIndices, newIndices); } catch(error) { // something went wrong, reset gd to be safe and rethrow error gd.data.splice(gd.data.length - traces.length, traces.length); throw error; } // if we're here, the user has defined specific places to place the new traces // this requires some extra work that moveTraces will do Queue.startSequence(gd); Queue.add(gd, undoFunc, undoArgs, redoFunc, redoArgs); promise = exports.moveTraces(gd, currentIndices, newIndices); Queue.stopSequence(gd); return promise; } /** * Delete traces at `indices` from gd.data array. * * @param {Object|HTMLDivElement} gd The graph div * @param {Object[]} gd.data The array of traces we're removing from * @param {Number|Number[]} indices The indices */ function deleteTraces(gd, indices) { gd = Lib.getGraphDiv(gd); var traces = []; var undoFunc = exports.addTraces; var redoFunc = deleteTraces; var undoArgs = [gd, traces, indices]; var redoArgs = [gd, indices]; var i; var deletedTrace; // make sure indices are defined if(typeof indices === 'undefined') { throw new Error('indices must be an integer or array of integers.'); } else if(!Array.isArray(indices)) { indices = [indices]; } assertIndexArray(gd, indices, 'indices'); // convert negative indices to positive indices indices = positivifyIndices(indices, gd.data.length - 1); // we want descending here so that splicing later doesn't affect indexing indices.sort(Lib.sorterDes); for(i = 0; i < indices.length; i += 1) { deletedTrace = gd.data.splice(indices[i], 1)[0]; traces.push(deletedTrace); } var promise = exports.redraw(gd); Queue.add(gd, undoFunc, undoArgs, redoFunc, redoArgs); return promise; } /** * Move traces at currentIndices array to locations in newIndices array. * * If newIndices is omitted, currentIndices will be moved to the end. E.g., * these are equivalent: * * Plotly.moveTraces(gd, [1, 2, 3], [-3, -2, -1]) * Plotly.moveTraces(gd, [1, 2, 3]) * * @param {Object|HTMLDivElement} gd The graph div * @param {Object[]} gd.data The array of traces we're removing from * @param {Number|Number[]} currentIndices The locations of traces to be moved * @param {Number|Number[]} [newIndices] The locations to move traces to * * Example calls: * * // move trace i to location x * Plotly.moveTraces(gd, i, x) * * // move trace i to end of array * Plotly.moveTraces(gd, i) * * // move traces i, j, k to end of array (i != j != k) * Plotly.moveTraces(gd, [i, j, k]) * * // move traces [i, j, k] to [x, y, z] (i != j != k) (x != y != z) * Plotly.moveTraces(gd, [i, j, k], [x, y, z]) * * // reorder all traces (assume there are 5--a, b, c, d, e) * Plotly.moveTraces(gd, [b, d, e, a, c]) // same as 'move to end' */ function moveTraces(gd, currentIndices, newIndices) { gd = Lib.getGraphDiv(gd); var newData = []; var movingTraceMap = []; var undoFunc = moveTraces; var redoFunc = moveTraces; var undoArgs = [gd, newIndices, currentIndices]; var redoArgs = [gd, currentIndices, newIndices]; var i; // to reduce complexity here, check args elsewhere // this throws errors where appropriate checkMoveTracesArgs(gd, currentIndices, newIndices); // make sure currentIndices is an array currentIndices = Array.isArray(currentIndices) ? currentIndices : [currentIndices]; // if undefined, define newIndices to point to the end of gd.data array if(typeof newIndices === 'undefined') { newIndices = []; for(i = 0; i < currentIndices.length; i++) { newIndices.push(-currentIndices.length + i); } } // make sure newIndices is an array if it's user-defined newIndices = Array.isArray(newIndices) ? newIndices : [newIndices]; // convert negative indices to positive indices (they're the same length) currentIndices = positivifyIndices(currentIndices, gd.data.length - 1); newIndices = positivifyIndices(newIndices, gd.data.length - 1); // at this point, we've coerced the index arrays into predictable forms // get the traces that aren't being moved around for(i = 0; i < gd.data.length; i++) { // if index isn't in currentIndices, include it in ignored! if(currentIndices.indexOf(i) === -1) { newData.push(gd.data[i]); } } // get a mapping of indices to moving traces for(i = 0; i < currentIndices.length; i++) { movingTraceMap.push({newIndex: newIndices[i], trace: gd.data[currentIndices[i]]}); } // reorder this mapping by newIndex, ascending movingTraceMap.sort(function(a, b) { return a.newIndex - b.newIndex; }); // now, add the moving traces back in, in order! for(i = 0; i < movingTraceMap.length; i += 1) { newData.splice(movingTraceMap[i].newIndex, 0, movingTraceMap[i].trace); } gd.data = newData; var promise = exports.redraw(gd); Queue.add(gd, undoFunc, undoArgs, redoFunc, redoArgs); return promise; } /** * restyle: update trace attributes of an existing plot * * Can be called two ways. * * Signature 1: * @param {String | HTMLDivElement} gd * the id or DOM element of the graph container div * @param {String} astr * attribute string (like `'marker.symbol'`) to update * @param {*} val * value to give this attribute * @param {Number[] | Number} [traces] * integer or array of integers for the traces to alter (all if omitted) * * Signature 2: * @param {String | HTMLDivElement} gd * (as in signature 1) * @param {Object} aobj * attribute object `{astr1: val1, astr2: val2 ...}` * allows setting multiple attributes simultaneously * @param {Number[] | Number} [traces] * (as in signature 1) * * `val` (or `val1`, `val2` ... in the object form) can be an array, * to apply different values to each trace. * * If the array is too short, it will wrap around (useful for * style files that want to specify cyclical default values). */ function restyle(gd, astr, val, _traces) { gd = Lib.getGraphDiv(gd); helpers.clearPromiseQueue(gd); var aobj = {}; if(typeof astr === 'string') aobj[astr] = val; else if(Lib.isPlainObject(astr)) { // the 3-arg form aobj = Lib.extendFlat({}, astr); if(_traces === undefined) _traces = val; } else { Lib.warn('Restyle fail.', astr, val, _traces); return Promise.reject(); } if(Object.keys(aobj).length) gd.changed = true; var traces = helpers.coerceTraceIndices(gd, _traces); var specs = _restyle(gd, aobj, traces); var flags = specs.flags; // clear calcdata and/or axis types if required so they get regenerated if(flags.calc) gd.calcdata = undefined; if(flags.clearAxisTypes) helpers.clearAxisTypes(gd, traces, {}); // fill in redraw sequence var seq = []; if(flags.fullReplot) { seq.push(exports.plot); } else { seq.push(Plots.previousPromises); // maybe only call Plots.supplyDataDefaults in the splom case, // to skip over long and slow axes defaults Plots.supplyDefaults(gd); if(flags.markerSize) { Plots.doCalcdata(gd); addAxRangeSequence(seq); // TODO // if all axes have autorange:false, then // proceed to subroutines.doTraceStyle(), // otherwise we must go through addAxRangeSequence, // which in general must redraws 'all' axes } if(flags.style) seq.push(subroutines.doTraceStyle); if(flags.colorbars) seq.push(subroutines.doColorBars); seq.push(emitAfterPlot); } seq.push(Plots.rehover, Plots.redrag); Queue.add(gd, restyle, [gd, specs.undoit, specs.traces], restyle, [gd, specs.redoit, specs.traces] ); var plotDone = Lib.syncOrAsync(seq, gd); if(!plotDone || !plotDone.then) plotDone = Promise.resolve(); return plotDone.then(function() { gd.emit('plotly_restyle', specs.eventData); return gd; }); } // for undo: undefined initial vals must be turned into nulls // so that we unset rather than ignore them function undefinedToNull(val) { if(val === undefined) return null; return val; } /** * Factory function to wrap nestedProperty with GUI edits if necessary * with GUI edits we add an optional prefix to the nestedProperty constructor * to prepend to the attribute string in the preGUI store. */ function makeNP(preGUI, guiEditFlag) { if(!guiEditFlag) return nestedProperty; return function(container, attr, prefix) { var np = nestedProperty(container, attr); var npSet = np.set; np.set = function(val) { var fullAttr = (prefix || '') + attr; storeCurrent(fullAttr, np.get(), val, preGUI); npSet(val); }; return np; }; } function storeCurrent(attr, val, newVal, preGUI) { if(Array.isArray(val) || Array.isArray(newVal)) { var arrayVal = Array.isArray(val) ? val : []; var arrayNew = Array.isArray(newVal) ? newVal : []; var maxLen = Math.max(arrayVal.length, arrayNew.length); for(var i = 0; i < maxLen; i++) { storeCurrent(attr + '[' + i + ']', arrayVal[i], arrayNew[i], preGUI); } } else if(Lib.isPlainObject(val) || Lib.isPlainObject(newVal)) { var objVal = Lib.isPlainObject(val) ? val : {}; var objNew = Lib.isPlainObject(newVal) ? newVal : {}; var objBoth = Lib.extendFlat({}, objVal, objNew); for(var key in objBoth) { storeCurrent(attr + '.' + key, objVal[key], objNew[key], preGUI); } } else if(preGUI[attr] === undefined) { preGUI[attr] = undefinedToNull(val); } } /** * storeDirectGUIEdit: for routines that skip restyle/relayout and mock it * by emitting a plotly_restyle or plotly_relayout event, this routine * keeps track of the initial state in _preGUI for use by uirevision * Does *not* apply these changes to data/layout - that's the responsibility * of the calling routine. * * @param {object} container: the input attributes container (eg `layout` or a `trace`) * @param {object} preGUI: where original values should be stored, either * `layout._preGUI` or `layout._tracePreGUI[uid]` * @param {object} edits: the {attr: val} object as normally passed to `relayout` etc */ function _storeDirectGUIEdit(container, preGUI, edits) { for(var attr in edits) { var np = nestedProperty(container, attr); storeCurrent(attr, np.get(), edits[attr], preGUI); } } function _restyle(gd, aobj, traces) { var fullLayout = gd._fullLayout; var fullData = gd._fullData; var data = gd.data; var guiEditFlag = fullLayout._guiEditing; var layoutNP = makeNP(fullLayout._preGUI, guiEditFlag); var eventData = Lib.extendDeepAll({}, aobj); var i; cleanDeprecatedAttributeKeys(aobj); // initialize flags var flags = editTypes.traceFlags(); // copies of the change (and previous values of anything affected) // for the undo / redo queue var redoit = {}; var undoit = {}; var axlist; // make a new empty vals array for undoit function a0() { return traces.map(function() { return undefined; }); } // for autoranging multiple axes function addToAxlist(axid) { var axName = Axes.id2name(axid); if(axlist.indexOf(axName) === -1) axlist.push(axName); } function autorangeAttr(axName) { return 'LAYOUT' + axName + '.autorange'; } function rangeAttr(axName) { return 'LAYOUT' + axName + '.range'; } function getFullTrace(traceIndex) { // usually fullData maps 1:1 onto data, but with groupby transforms // the fullData index can be greater. Take the *first* matching trace. for(var j = traceIndex; j < fullData.length; j++) { if(fullData[j]._input === data[traceIndex]) return fullData[j]; } // should never get here - and if we *do* it should cause an error // later on undefined fullTrace is passed to nestedProperty. } // for attrs that interact (like scales & autoscales), save the // old vals before making the change // val=undefined will not set a value, just record what the value was. // val=null will delete the attribute // attr can be an array to set several at once (all to the same val) function doextra(attr, val, i) { if(Array.isArray(attr)) { attr.forEach(function(a) { doextra(a, val, i); }); return; } // quit if explicitly setting this elsewhere if(attr in aobj || helpers.hasParent(aobj, attr)) return; var extraparam; if(attr.substr(0, 6) === 'LAYOUT') { extraparam = layoutNP(gd.layout, attr.replace('LAYOUT', '')); } else { var tracei = traces[i]; var preGUI = fullLayout._tracePreGUI[getFullTrace(tracei)._fullInput.uid]; extraparam = makeNP(preGUI, guiEditFlag)(data[tracei], attr); } if(!(attr in undoit)) { undoit[attr] = a0(); } if(undoit[attr][i] === undefined) { undoit[attr][i] = undefinedToNull(extraparam.get()); } if(val !== undefined) { extraparam.set(val); } } function allBins(binAttr) { return function(j) { return fullData[j][binAttr]; }; } function arrayBins(binAttr) { return function(vij, j) { return vij === false ? fullData[traces[j]][binAttr] : null; }; } // now make the changes to gd.data (and occasionally gd.layout) // and figure out what kind of graphics update we need to do for(var ai in aobj) { if(helpers.hasParent(aobj, ai)) { throw new Error('cannot set ' + ai + ' and a parent attribute simultaneously'); } var vi = aobj[ai]; var cont; var contFull; var param; var oldVal; var newVal; var valObject; // Backward compatibility shim for turning histogram autobin on, // or freezing previous autobinned values. // Replace obsolete `autobin(x|y): true` with `(x|y)bins: null` // and `autobin(x|y): false` with the `(x|y)bins` in `fullData` if(ai === 'autobinx' || ai === 'autobiny') { ai = ai.charAt(ai.length - 1) + 'bins'; if(Array.isArray(vi)) vi = vi.map(arrayBins(ai)); else if(vi === false) vi = traces.map(allBins(ai)); else vi = null; } redoit[ai] = vi; if(ai.substr(0, 6) === 'LAYOUT') { param = layoutNP(gd.layout, ai.replace('LAYOUT', '')); undoit[ai] = [undefinedToNull(param.get())]; // since we're allowing val to be an array, allow it here too, // even though that's meaningless param.set(Array.isArray(vi) ? vi[0] : vi); // ironically, the layout attrs in restyle only require replot, // not relayout flags.calc = true; continue; } // set attribute in gd.data undoit[ai] = a0(); for(i = 0; i < traces.length; i++) { cont = data[traces[i]]; contFull = getFullTrace(traces[i]); var preGUI = fullLayout._tracePreGUI[contFull._fullInput.uid]; param = makeNP(preGUI, guiEditFlag)(cont, ai); oldVal = param.get(); newVal = Array.isArray(vi) ? vi[i % vi.length] : vi; if(newVal === undefined) continue; var finalPart = param.parts[param.parts.length - 1]; var prefix = ai.substr(0, ai.length - finalPart.length - 1); var prefixDot = prefix ? prefix + '.' : ''; var innerContFull = prefix ? nestedProperty(contFull, prefix).get() : contFull; valObject = PlotSchema.getTraceValObject(contFull, param.parts); if(valObject && valObject.impliedEdits && newVal !== null) { for(var impliedKey in valObject.impliedEdits) { doextra(Lib.relativeAttr(ai, impliedKey), valObject.impliedEdits[impliedKey], i); } } else if((finalPart === 'thicknessmode' || finalPart === 'lenmode') && oldVal !== newVal && (newVal === 'fraction' || newVal === 'pixels') && innerContFull ) { // changing colorbar size modes, // make the resulting size not change // note that colorbar fractional sizing is based on the // original plot size, before anything (like a colorbar) // increases the margins var gs = fullLayout._size; var orient = innerContFull.orient; var topOrBottom = (orient === 'top') || (orient === 'bottom'); if(finalPart === 'thicknessmode') { var thicknorm = topOrBottom ? gs.h : gs.w; doextra(prefixDot + 'thickness', innerContFull.thickness * (newVal === 'fraction' ? 1 / thicknorm : thicknorm), i); } else { var lennorm = topOrBottom ? gs.w : gs.h; doextra(prefixDot + 'len', innerContFull.len * (newVal === 'fraction' ? 1 / lennorm : lennorm), i); } } else if(ai === 'type' && ( (newVal === 'pie') !== (oldVal === 'pie') || (newVal === 'funnelarea') !== (oldVal === 'funnelarea') )) { var labelsTo = 'x'; var valuesTo = 'y'; if((newVal === 'bar' || oldVal === 'bar') && cont.orientation === 'h') { labelsTo = 'y'; valuesTo = 'x'; } Lib.swapAttrs(cont, ['?', '?src'], 'labels', labelsTo); Lib.swapAttrs(cont, ['d?', '?0'], 'label', labelsTo); Lib.swapAttrs(cont, ['?', '?src'], 'values', valuesTo); if(oldVal === 'pie' || oldVal === 'funnelarea') { nestedProperty(cont, 'marker.color') .set(nestedProperty(cont, 'marker.colors').get()); // super kludgy - but if all pies are gone we won't remove them otherwise fullLayout._pielayer.selectAll('g.trace').remove(); } else if(Registry.traceIs(cont, 'cartesian')) { nestedProperty(cont, 'marker.colors') .set(nestedProperty(cont, 'marker.color').get()); } } undoit[ai][i] = undefinedToNull(oldVal); // set the new value - if val is an array, it's one el per trace // first check for attributes that get more complex alterations var swapAttrs = [ 'swapxy', 'swapxyaxes', 'orientation', 'orientationaxes' ]; if(swapAttrs.indexOf(ai) !== -1) { // setting an orientation: make sure it's changing // before we swap everything else if(ai === 'orientation') { param.set(newVal); // obnoxious that we need this level of coupling... but in order to // properly handle setting orientation to `null` we need to mimic // the logic inside Bars.supplyDefaults for default orientation var defaultOrientation = (cont.x && !cont.y) ? 'h' : 'v'; if((param.get() || defaultOrientation) === contFull.orientation) { continue; } } else if(ai === 'orientationaxes') { // orientationaxes has no value, // it flips everything and the axes cont.orientation = {v: 'h', h: 'v'}[contFull.orientation]; } helpers.swapXYData(cont); flags.calc = flags.clearAxisTypes = true; } else if(Plots.dataArrayContainers.indexOf(param.parts[0]) !== -1) { // TODO: use manageArrays.applyContainerArrayChanges here too helpers.manageArrayContainers(param, newVal, undoit); flags.calc = true; } else { if(valObject) { // must redo calcdata when restyling array values of arrayOk attributes // ... but no need to this for regl-based traces if(valObject.arrayOk && !Registry.traceIs(contFull, 'regl') && (Lib.isArrayOrTypedArray(newVal) || Lib.isArrayOrTypedArray(oldVal)) ) { flags.calc = true; } else editTypes.update(flags, valObject); } else { /* * if we couldn't find valObject, assume a full recalc. * This can happen if you're changing type and making * some other edits too, so the modules we're * looking at don't have these attributes in them. */ flags.calc = true; } // all the other ones, just modify that one attribute param.set(newVal); } } // swap the data attributes of the relevant x and y axes? if(['swapxyaxes', 'orientationaxes'].indexOf(ai) !== -1) { Axes.swap(gd, traces); } // swap hovermode if set to "compare x/y data" if(ai === 'orientationaxes') { var hovermode = nestedProperty(gd.layout, 'hovermode'); var h = hovermode.get(); if(h === 'x') { hovermode.set('y'); } else if(h === 'y') { hovermode.set('x'); } else if(h === 'x unified') { hovermode.set('y unified'); } else if(h === 'y unified') { hovermode.set('x unified'); } } // Major enough changes deserve autoscale and // non-reversed axes so people don't get confused // // Note: autobin (or its new analog bin clearing) is not included here // since we're not pushing bins back to gd.data, so if we have bin // info it was explicitly provided by the user. if(['orientation', 'type'].indexOf(ai) !== -1) { axlist = []; for(i = 0; i < traces.length; i++) { var trace = data[traces[i]]; if(Registry.traceIs(trace, 'cartesian')) { addToAxlist(trace.xaxis || 'x'); addToAxlist(trace.yaxis || 'y'); } } doextra(axlist.map(autorangeAttr), true, 0); doextra(axlist.map(rangeAttr), [0, 1], 0); } } if(flags.calc || flags.plot) { flags.fullReplot = true; } return { flags: flags, undoit: undoit, redoit: redoit, traces: traces, eventData: Lib.extendDeepNoArrays([], [eventData, traces]) }; } /** * Converts deprecated attribute keys to * the current API to ensure backwards compatibility. * * This is needed for the update mechanism to determine which * subroutines to run based on the actual attribute * definitions (that don't include the deprecated ones). * * E.g. Maps {'xaxis.title': 'A chart'} to {'xaxis.title.text': 'A chart'} * and {titlefont: {...}} to {'title.font': {...}}. * * @param aobj */ function cleanDeprecatedAttributeKeys(aobj) { var oldAxisTitleRegex = Lib.counterRegex('axis', '\.title', false, false); var colorbarRegex = /colorbar\.title$/; var keys = Object.keys(aobj); var i, key, value; for(i = 0; i < keys.length; i++) { key = keys[i]; value = aobj[key]; if((key === 'title' || oldAxisTitleRegex.test(key) || colorbarRegex.test(key)) && (typeof value === 'string' || typeof value === 'number')) { replace(key, key.replace('title', 'title.text')); } else if(key.indexOf('titlefont') > -1) { replace(key, key.replace('titlefont', 'title.font')); } else if(key.indexOf('titleposition') > -1) { replace(key, key.replace('titleposition', 'title.position')); } else if(key.indexOf('titleside') > -1) { replace(key, key.replace('titleside', 'title.side')); } else if(key.indexOf('titleoffset') > -1) { replace(key, key.replace('titleoffset', 'title.offset')); } } function replace(oldAttrStr, newAttrStr) { aobj[newAttrStr] = aobj[oldAttrStr]; delete aobj[oldAttrStr]; } } /** * relayout: update layout attributes of an existing plot * * Can be called two ways: * * Signature 1: * @param {String | HTMLDivElement} gd * the id or dom element of the graph container div * @param {String} astr * attribute string (like `'xaxis.range[0]'`) to update * @param {*} val * value to give this attribute * * Signature 2: * @param {String | HTMLDivElement} gd * (as in signature 1) * @param {Object} aobj * attribute object `{astr1: val1, astr2: val2 ...}` * allows setting multiple attributes simultaneously */ function relayout(gd, astr, val) { gd = Lib.getGraphDiv(gd); helpers.clearPromiseQueue(gd); if(gd.framework && gd.framework.isPolar) { return Promise.resolve(gd); } var aobj = {}; if(typeof astr === 'string') { aobj[astr] = val; } else if(Lib.isPlainObject(astr)) { aobj = Lib.extendFlat({}, astr); } else { Lib.warn('Relayout fail.', astr, val); return Promise.reject(); } if(Object.keys(aobj).length) gd.changed = true; var specs = _relayout(gd, aobj); var flags = specs.flags; // clear calcdata if required if(flags.calc) gd.calcdata = undefined; // fill in redraw sequence // even if we don't have anything left in aobj, // something may have happened within relayout that we // need to wait for var seq = [Plots.previousPromises]; if(flags.layoutReplot) { seq.push(subroutines.layoutReplot); } else if(Object.keys(aobj).length) { axRangeSupplyDefaultsByPass(gd, flags, specs) || Plots.supplyDefaults(gd); if(flags.legend) seq.push(subroutines.doLegend); if(flags.layoutstyle) seq.push(subroutines.layoutStyles); if(flags.axrange) addAxRangeSequence(seq, specs.rangesAltered); if(flags.ticks) seq.push(subroutines.doTicksRelayout); if(flags.modebar) seq.push(subroutines.doModeBar); if(flags.camera) seq.push(subroutines.doCamera); if(flags.colorbars) seq.push(subroutines.doColorBars); seq.push(emitAfterPlot); } seq.push(Plots.rehover, Plots.redrag); Queue.add(gd, relayout, [gd, specs.undoit], relayout, [gd, specs.redoit] ); var plotDone = Lib.syncOrAsync(seq, gd); if(!plotDone || !plotDone.then) plotDone = Promise.resolve(gd); return plotDone.then(function() { gd.emit('plotly_relayout', specs.eventData); return gd; }); } // Optimization mostly for large splom traces where // Plots.supplyDefaults can take > 100ms function axRangeSupplyDefaultsByPass(gd, flags, specs) { var fullLayout = gd._fullLayout; if(!flags.axrange) return false; for(var k in flags) { if(k !== 'axrange' && flags[k]) return false; } for(var axId in specs.rangesAltered) { var axName = Axes.id2name(axId); var axIn = gd.layout[axName]; var axOut = fullLayout[axName]; axOut.autorange = axIn.autorange; if(axIn.range) { axOut.range = axIn.range.slice(); } axOut.cleanRange(); if(axOut._matchGroup) { for(var axId2 in axOut._matchGroup) { if(axId2 !== axId) { var ax2 = fullLayout[Axes.id2name(axId2)]; ax2.autorange = axOut.autorange; ax2.range = axOut.range.slice(); ax2._input.range = axOut.range.slice(); } } } } return true; } function addAxRangeSequence(seq, rangesAltered) { // N.B. leave as sequence of subroutines (for now) instead of // subroutine of its own so that finalDraw always gets // executed after drawData var drawAxes = rangesAltered ? function(gd) { var axIds = []; var skipTitle = true; for(var id in rangesAltered) { var ax = Axes.getFromId(gd, id); axIds.push(id); if((ax.ticklabelposition || '').indexOf('inside') !== -1) { if(ax._anchorAxis) { axIds.push(ax._anchorAxis._id); } } if(ax._matchGroup) { for(var id2 in ax._matchGroup) { if(!rangesAltered[id2]) { axIds.push(id2); } } } if(ax.automargin) skipTitle = false; } return Axes.draw(gd, axIds, {skipTitle: skipTitle}); } : function(gd) { return Axes.draw(gd, 'redraw'); }; seq.push( clearSelect, subroutines.doAutoRangeAndConstraints, drawAxes, subroutines.drawData, subroutines.finalDraw ); } var AX_RANGE_RE = /^[xyz]axis[0-9]*\.range(\[[0|1]\])?$/; var AX_AUTORANGE_RE = /^[xyz]axis[0-9]*\.autorange$/; var AX_DOMAIN_RE = /^[xyz]axis[0-9]*\.domain(\[[0|1]\])?$/; function _relayout(gd, aobj) { var layout = gd.layout; var fullLayout = gd._fullLayout; var guiEditFlag = fullLayout._guiEditing; var layoutNP = makeNP(fullLayout._preGUI, guiEditFlag); var keys = Object.keys(aobj); var axes = Axes.list(gd); var eventData = Lib.extendDeepAll({}, aobj); var arrayEdits = {}; var arrayStr, i, j; cleanDeprecatedAttributeKeys(aobj); keys = Object.keys(aobj); // look for 'allaxes', split out into all axes // in case of 3D the axis are nested within a scene which is held in _id for(i = 0; i < keys.length; i++) { if(keys[i].indexOf('allaxes') === 0) { for(j = 0; j < axes.length; j++) { var scene = axes[j]._id.substr(1); var axisAttr = (scene.indexOf('scene') !== -1) ? (scene + '.') : ''; var newkey = keys[i].replace('allaxes', axisAttr + axes[j]._name); if(!aobj[newkey]) aobj[newkey] = aobj[keys[i]]; } delete aobj[keys[i]]; } } // initialize flags var flags = editTypes.layoutFlags(); // copies of the change (and previous values of anything affected) // for the undo / redo queue var redoit = {}; var undoit = {}; // for attrs that interact (like scales & autoscales), save the // old vals before making the change // val=undefined will not set a value, just record what the value was. // attr can be an array to set several at once (all to the same val) function doextra(attr, val) { if(Array.isArray(attr)) { attr.forEach(function(a) { doextra(a, val); }); return; } // if we have another value for this attribute (explicitly or // via a parent) do not override with this auto-generated extra if(attr in aobj || helpers.hasParent(aobj, attr)) return; var p = layoutNP(layout, attr); if(!(attr in undoit)) { undoit[attr] = undefinedToNull(p.get()); } if(val !== undefined) p.set(val); } // for constraint enforcement: keep track of all axes (as {id: name}) // we're editing the (auto)range of, so we can tell the others constrained // to scale with them that it's OK for them to shrink var rangesAltered = {}; var ax; function recordAlteredAxis(pleafPlus) { var axId = Axes.name2id(pleafPlus.split('.')[0]); rangesAltered[axId] = 1; return axId; } // alter gd.layout for(var ai in aobj) { if(helpers.hasParent(aobj, ai)) { throw new Error('cannot set ' + ai + ' and a parent attribute simultaneously'); } var p = layoutNP(layout, ai); var vi = aobj[ai]; var plen = p.parts.length; // p.parts may end with an index integer if the property is an array var pend = plen - 1; while(pend > 0 && typeof p.parts[pend] !== 'string') pend--; // last property in chain (leaf node) var pleaf = p.parts[pend]; // leaf plus immediate parent var pleafPlus = p.parts[pend - 1] + '.' + pleaf; // trunk nodes (everything except the leaf) var ptrunk = p.parts.slice(0, pend).join('.'); var parentIn = nestedProperty(gd.layout, ptrunk).get(); var parentFull = nestedProperty(fullLayout, ptrunk).get(); var vOld = p.get(); if(vi === undefined) continue; redoit[ai] = vi; // axis reverse is special - it is its own inverse // op and has no flag. undoit[ai] = (pleaf === 'reverse') ? vi : undefinedToNull(vOld); var valObject = PlotSchema.getLayoutValObject(fullLayout, p.parts); if(valObject && valObject.impliedEdits && vi !== null) { for(var impliedKey in valObject.impliedEdits) { doextra(Lib.relativeAttr(ai, impliedKey), valObject.impliedEdits[impliedKey]); } } // Setting width or height to null must reset the graph's width / height // back to its initial value as computed during the first pass in Plots.plotAutoSize. // // To do so, we must manually set them back here using the _initialAutoSize cache. // can't use impliedEdits for this because behavior depends on vi if(['width', 'height'].indexOf(ai) !== -1) { if(vi) { doextra('autosize', null); // currently we don't support autosize one dim only - so // explicitly set the other one. Note that doextra will // ignore this if the same relayout call also provides oppositeAttr var oppositeAttr = ai === 'height' ? 'width' : 'height'; doextra(oppositeAttr, fullLayout[oppositeAttr]); } else { fullLayout[ai] = gd._initialAutoSize[ai]; } } else if(ai === 'autosize') { // depends on vi here too, so again can't use impliedEdits doextra('width', vi ? null : fullLayout.width); doextra('height', vi ? null : fullLayout.height); } else if(pleafPlus.match(AX_RANGE_RE)) { // check autorange vs range recordAlteredAxis(pleafPlus); nestedProperty(fullLayout, ptrunk + '._inputRange').set(null); } else if(pleafPlus.match(AX_AUTORANGE_RE)) { recordAlteredAxis(pleafPlus); nestedProperty(fullLayout, ptrunk + '._inputRange').set(null); var axFull = nestedProperty(fullLayout, ptrunk).get(); if(axFull._inputDomain) { // if we're autoranging and this axis has a constrained domain, // reset it so we don't get locked into a shrunken size axFull._input.domain = axFull._inputDomain.slice(); } } else if(pleafPlus.match(AX_DOMAIN_RE)) { nestedProperty(fullLayout, ptrunk + '._inputDomain').set(null); } // toggling axis type between log and linear: we need to convert // positions for components that are still using linearized values, // not data values like newer components. // previously we did this for log <-> not-log, but now only do it // for log <-> linear if(pleaf === 'type') { ax = parentIn; var toLog = parentFull.type === 'linear' && vi === 'log'; var fromLog = parentFull.type === 'log' && vi === 'linear'; if(toLog || fromLog) { if(!ax || !ax.range) { // 2D never gets here, but 3D does // I don't think this is needed, but left here in case there // are edge cases I'm not thinking of. doextra(ptrunk + '.autorange', true); } else if(!parentFull.autorange) { // toggling log without autorange: need to also recalculate ranges // because log axes use linearized values for range endpoints var r0 = ax.range[0]; var r1 = ax.range[1]; if(toLog) { // if both limits are negative, autorange if(r0 <= 0 && r1 <= 0) { doextra(ptrunk + '.autorange', true); } // if one is negative, set it 6 orders below the other. if(r0 <= 0) r0 = r1 / 1e6; else if(r1 <= 0) r1 = r0 / 1e6; // now set the range values as appropriate doextra(ptrunk + '.range[0]', Math.log(r0) / Math.LN10); doextra(ptrunk + '.range[1]', Math.log(r1) / Math.LN10); } else { doextra(ptrunk + '.range[0]', Math.pow(10, r0)); doextra(ptrunk + '.range[1]', Math.pow(10, r1)); } } else if(toLog) { // just make sure the range is positive and in the right // order, it'll get recalculated later ax.range = (ax.range[1] > ax.range[0]) ? [1, 2] : [2, 1]; } // clear polar view initial stash for radial range so that // value get recomputed in correct units if(Array.isArray(fullLayout._subplots.polar) && fullLayout._subplots.polar.length && fullLayout[p.parts[0]] && p.parts[1] === 'radialaxis' ) { delete fullLayout[p.parts[0]]._subplot.viewInitial['radialaxis.range']; } // Annotations and images also need to convert to/from linearized coords // Shapes do not need this :) Registry.getComponentMethod('annotations', 'convertCoords')(gd, parentFull, vi, doextra); Registry.getComponentMethod('images', 'convertCoords')(gd, parentFull, vi, doextra); } else { // any other type changes: the range from the previous type // will not make sense, so autorange it. doextra(ptrunk + '.autorange', true); doextra(ptrunk + '.range', null); } nestedProperty(fullLayout, ptrunk + '._inputRange').set(null); } else if(pleaf.match(AX_NAME_PATTERN)) { var fullProp = nestedProperty(fullLayout, ai).get(); var newType = (vi || {}).type; // This can potentially cause strange behavior if the autotype is not // numeric (linear, because we don't auto-log) but the previous type // was log. That's a very strange edge case though if(!newType || newType === '-') newType = 'linear'; Registry.getComponentMethod('annotations', 'convertCoords')(gd, fullProp, newType, doextra); Registry.getComponentMethod('images', 'convertCoords')(gd, fullProp, newType, doextra); } // alter gd.layout // collect array component edits for execution all together // so we can ensure consistent behavior adding/removing items // and order-independence for add/remove/edit all together in // one relayout call var containerArrayMatch = manageArrays.containerArrayMatch(ai); if(containerArrayMatch) { arrayStr = containerArrayMatch.array; i = containerArrayMatch.index; var propStr = containerArrayMatch.property; var updateValObject = valObject || {editType: 'calc'}; if(i !== '' && propStr === '') { // special handling of undoit if we're adding or removing an element // ie 'annotations[2]' which can be {...} (add) or null, // does not work when replacing the entire array if(manageArrays.isAddVal(vi)) { undoit[ai] = null; } else if(manageArrays.isRemoveVal(vi)) { undoit[ai] = (nestedProperty(layout, arrayStr).get() || [])[i]; } else { Lib.warn('unrecognized full object value', aobj); } } editTypes.update(flags, updateValObject); // prepare the edits object we'll send to applyContainerArrayChanges if(!arrayEdits[arrayStr]) arrayEdits[arrayStr] = {}; var objEdits = arrayEdits[arrayStr][i]; if(!objEdits) objEdits = arrayEdits[arrayStr][i] = {}; objEdits[propStr] = vi; delete aobj[ai]; } else if(pleaf === 'reverse') { // handle axis reversal explicitly, as there's no 'reverse' attribute if(parentIn.range) parentIn.range.reverse(); else { doextra(ptrunk + '.autorange', true); parentIn.range = [1, 0]; } if(parentFull.autorange) flags.calc = true; else flags.plot = true; } else { if((fullLayout._has('scatter-like') && fullLayout._has('regl')) && (ai === 'dragmode' && (vi === 'lasso' || vi === 'select') && !(vOld === 'lasso' || vOld === 'select')) ) { flags.plot = true; } else if(fullLayout._has('gl2d')) { flags.plot = true; } else if(valObject) editTypes.update(flags, valObject); else flags.calc = true; p.set(vi); } } // now we've collected component edits - execute them all together for(arrayStr in arrayEdits) { var finished = manageArrays.applyContainerArrayChanges(gd, layoutNP(layout, arrayStr), arrayEdits[arrayStr], flags, layoutNP); if(!finished) flags.plot = true; } // figure out if we need to recalculate axis constraints for(var axId in rangesAltered) { ax = Axes.getFromId(gd, axId); var group = ax && ax._constraintGroup; if(group) { // Always recalc if we're changing constrained ranges. // Otherwise it's possible to violate the constraints by // specifying arbitrary ranges for all axes in the group. // this way some ranges may expand beyond what's specified, // as they do at first draw, to satisfy the constraints. flags.calc = true; for(var groupAxId in group) { if(!rangesAltered[groupAxId]) { Axes.getFromId(gd, groupAxId)._constraintShrinkable = true; } } } } // If the autosize changed or height or width was explicitly specified, // this triggers a redraw // TODO: do we really need special aobj.height/width handling here? // couldn't editType do this? if(updateAutosize(gd) || aobj.height || aobj.width) flags.plot = true; if(flags.plot || flags.calc) { flags.layoutReplot = true; } // now all attribute mods are done, as are // redo and undo so we can save them return { flags: flags, rangesAltered: rangesAltered, undoit: undoit, redoit: redoit, eventData: eventData }; } /* * updateAutosize: we made a change, does it change the autosize result? * puts the new size into fullLayout * returns true if either height or width changed */ function updateAutosize(gd) { var fullLayout = gd._fullLayout; var oldWidth = fullLayout.width; var oldHeight = fullLayout.height; // calculate autosizing if(gd.layout.autosize) Plots.plotAutoSize(gd, gd.layout, fullLayout); return (fullLayout.width !== oldWidth) || (fullLayout.height !== oldHeight); } /** * update: update trace and layout attributes of an existing plot * * @param {String | HTMLDivElement} gd * the id or DOM element of the graph container div * @param {Object} traceUpdate * attribute object `{astr1: val1, astr2: val2 ...}` * corresponding to updates in the plot's traces * @param {Object} layoutUpdate * attribute object `{astr1: val1, astr2: val2 ...}` * corresponding to updates in the plot's layout * @param {Number[] | Number} [traces] * integer or array of integers for the traces to alter (all if omitted) * */ function update(gd, traceUpdate, layoutUpdate, _traces) { gd = Lib.getGraphDiv(gd); helpers.clearPromiseQueue(gd); if(gd.framework && gd.framework.isPolar) { return Promise.resolve(gd); } if(!Lib.isPlainObject(traceUpdate)) traceUpdate = {}; if(!Lib.isPlainObject(layoutUpdate)) layoutUpdate = {}; if(Object.keys(traceUpdate).length) gd.changed = true; if(Object.keys(layoutUpdate).length) gd.changed = true; var traces = helpers.coerceTraceIndices(gd, _traces); var restyleSpecs = _restyle(gd, Lib.extendFlat({}, traceUpdate), traces); var restyleFlags = restyleSpecs.flags; var relayoutSpecs = _relayout(gd, Lib.extendFlat({}, layoutUpdate)); var relayoutFlags = relayoutSpecs.flags; // clear calcdata and/or axis types if required if(restyleFlags.calc || relayoutFlags.calc) gd.calcdata = undefined; if(restyleFlags.clearAxisTypes) helpers.clearAxisTypes(gd, traces, layoutUpdate); // fill in redraw sequence var seq = []; if(relayoutFlags.layoutReplot) { // N.B. works fine when both // relayoutFlags.layoutReplot and restyleFlags.fullReplot are true seq.push(subroutines.layoutReplot); } else if(restyleFlags.fullReplot) { seq.push(exports.plot); } else { seq.push(Plots.previousPromises); axRangeSupplyDefaultsByPass(gd, relayoutFlags, relayoutSpecs) || Plots.supplyDefaults(gd); if(restyleFlags.style) seq.push(subroutines.doTraceStyle); if(restyleFlags.colorbars || relayoutFlags.colorbars) seq.push(subroutines.doColorBars); if(relayoutFlags.legend) seq.push(subroutines.doLegend); if(relayoutFlags.layoutstyle) seq.push(subroutines.layoutStyles); if(relayoutFlags.axrange) addAxRangeSequence(seq, relayoutSpecs.rangesAltered); if(relayoutFlags.ticks) seq.push(subroutines.doTicksRelayout); if(relayoutFlags.modebar) seq.push(subroutines.doModeBar); if(relayoutFlags.camera) seq.push(subroutines.doCamera); seq.push(emitAfterPlot); } seq.push(Plots.rehover, Plots.redrag); Queue.add(gd, update, [gd, restyleSpecs.undoit, relayoutSpecs.undoit, restyleSpecs.traces], update, [gd, restyleSpecs.redoit, relayoutSpecs.redoit, restyleSpecs.traces] ); var plotDone = Lib.syncOrAsync(seq, gd); if(!plotDone || !plotDone.then) plotDone = Promise.resolve(gd); return plotDone.then(function() { gd.emit('plotly_update', { data: restyleSpecs.eventData, layout: relayoutSpecs.eventData }); return gd; }); } /* * internal-use-only restyle/relayout/update variants that record the initial * values in (fullLayout|fullTrace)._preGUI so changes can be persisted across * Plotly.react data updates, dependent on uirevision attributes */ function guiEdit(func) { return function wrappedEdit(gd) { gd._fullLayout._guiEditing = true; var p = func.apply(null, arguments); gd._fullLayout._guiEditing = false; return p; }; } // For connecting edited layout attributes to uirevision attrs // If no `attr` we use `match[1] + '.uirevision'` // Ordered by most common edits first, to minimize our search time var layoutUIControlPatterns = [ {pattern: /^hiddenlabels/, attr: 'legend.uirevision'}, {pattern: /^((x|y)axis\d*)\.((auto)?range|title\.text)/}, // showspikes and modes include those nested inside scenes {pattern: /axis\d*\.showspikes$/, attr: 'modebar.uirevision'}, {pattern: /(hover|drag)mode$/, attr: 'modebar.uirevision'}, {pattern: /^(scene\d*)\.camera/}, {pattern: /^(geo\d*)\.(projection|center|fitbounds)/}, {pattern: /^(ternary\d*\.[abc]axis)\.(min|title\.text)$/}, {pattern: /^(polar\d*\.radialaxis)\.((auto)?range|angle|title\.text)/}, {pattern: /^(polar\d*\.angularaxis)\.rotation/}, {pattern: /^(mapbox\d*)\.(center|zoom|bearing|pitch)/}, {pattern: /^legend\.(x|y)$/, attr: 'editrevision'}, {pattern: /^(shapes|annotations)/, attr: 'editrevision'}, {pattern: /^title\.text$/, attr: 'editrevision'} ]; // same for trace attributes: if `attr` is given it's in layout, // or with no `attr` we use `trace.uirevision` var traceUIControlPatterns = [ {pattern: /^selectedpoints$/, attr: 'selectionrevision'}, // "visible" includes trace.transforms[i].styles[j].value.visible {pattern: /(^|value\.)visible$/, attr: 'legend.uirevision'}, {pattern: /^dimensions\[\d+\]\.constraintrange/}, {pattern: /^node\.(x|y|groups)/}, // for Sankey nodes {pattern: /^level$/}, // for Sunburst & Treemap traces // below this you must be in editable: true mode // TODO: I still put name and title with `trace.uirevision` // reasonable or should these be `editrevision`? // Also applies to axis titles up in the layout section // "name" also includes transform.styles {pattern: /(^|value\.)name$/}, // including nested colorbar attributes (ie marker.colorbar) {pattern: /colorbar\.title\.text$/}, {pattern: /colorbar\.(x|y)$/, attr: 'editrevision'} ]; function findUIPattern(key, patternSpecs) { for(var i = 0; i < patternSpecs.length; i++) { var spec = patternSpecs[i]; var match = key.match(spec.pattern); if(match) { return {head: match[1], attr: spec.attr}; } } } // We're finding the new uirevision before supplyDefaults, so do the // inheritance manually. Note that only `undefined` inherits - other // falsy values are returned. function getNewRev(revAttr, container) { var newRev = nestedProperty(container, revAttr).get(); if(newRev !== undefined) return newRev; var parts = revAttr.split('.'); parts.pop(); while(parts.length > 1) { parts.pop(); newRev = nestedProperty(container, parts.join('.') + '.uirevision').get(); if(newRev !== undefined) return newRev; } return container.uirevision; } function getFullTraceIndexFromUid(uid, fullData) { for(var i = 0; i < fullData.length; i++) { if(fullData[i]._fullInput.uid === uid) return i; } return -1; } function getTraceIndexFromUid(uid, data, tracei) { for(var i = 0; i < data.length; i++) { if(data[i].uid === uid) return i; } // fall back on trace order, but only if user didn't provide a uid for that trace return (!data[tracei] || data[tracei].uid) ? -1 : tracei; } function valsMatch(v1, v2) { var v1IsObj = Lib.isPlainObject(v1); var v1IsArray = Array.isArray(v1); if(v1IsObj || v1IsArray) { return ( (v1IsObj && Lib.isPlainObject(v2)) || (v1IsArray && Array.isArray(v2)) ) && JSON.stringify(v1) === JSON.stringify(v2); } return v1 === v2; } function applyUIRevisions(data, layout, oldFullData, oldFullLayout) { var layoutPreGUI = oldFullLayout._preGUI; var key, revAttr, oldRev, newRev, match, preGUIVal, newNP, newVal; var bothInheritAutorange = []; var newRangeAccepted = {}; for(key in layoutPreGUI) { match = findUIPattern(key, layoutUIControlPatterns); if(match) { revAttr = match.attr || (match.head + '.uirevision'); oldRev = nestedProperty(oldFullLayout, revAttr).get(); newRev = oldRev && getNewRev(revAttr, layout); if(newRev && (newRev === oldRev)) { preGUIVal = layoutPreGUI[key]; if(preGUIVal === null) preGUIVal = undefined; newNP = nestedProperty(layout, key); newVal = newNP.get(); if(valsMatch(newVal, preGUIVal)) { if(newVal === undefined && key.substr(key.length - 9) === 'autorange') { bothInheritAutorange.push(key.substr(0, key.length - 10)); } newNP.set(undefinedToNull(nestedProperty(oldFullLayout, key).get())); continue; } } } else { Lib.warn('unrecognized GUI edit: ' + key); } // if we got this far, the new value was accepted as the new starting // point (either because it changed or revision changed) // so remove it from _preGUI for next time. delete layoutPreGUI[key]; if(key.substr(key.length - 8, 6) === 'range[') { newRangeAccepted[key.substr(0, key.length - 9)] = 1; } } // Special logic for `autorange`, since it interacts with `range`: // If the new figure's matching `range` was kept, and `autorange` // wasn't supplied explicitly in either the original or the new figure, // we shouldn't alter that - but we may just have done that, so fix it. for(var i = 0; i < bothInheritAutorange.length; i++) { var axAttr = bothInheritAutorange[i]; if(newRangeAccepted[axAttr]) { var newAx = nestedProperty(layout, axAttr).get(); if(newAx) delete newAx.autorange; } } // Now traces - try to match them up by uid (in case we added/deleted in // the middle), then fall back on index. var allTracePreGUI = oldFullLayout._tracePreGUI; for(var uid in allTracePreGUI) { var tracePreGUI = allTracePreGUI[uid]; var newTrace = null; var fullInput; for(key in tracePreGUI) { // wait until we know we have preGUI values to look for traces // but if we don't find both, stop looking at this uid if(!newTrace) { var fulli = getFullTraceIndexFromUid(uid, oldFullData); if(fulli < 0) { // Somehow we didn't even have this trace in oldFullData... // I guess this could happen with `deleteTraces` or something delete allTracePreGUI[uid]; break; } var fullTrace = oldFullData[fulli]; fullInput = fullTrace._fullInput; var newTracei = getTraceIndexFromUid(uid, data, fullInput.index); if(newTracei < 0) { // No match in new data delete allTracePreGUI[uid]; break; } newTrace = data[newTracei]; } match = findUIPattern(key, traceUIControlPatterns); if(match) { if(match.attr) { oldRev = nestedProperty(oldFullLayout, match.attr).get(); newRev = oldRev && getNewRev(match.attr, layout); } else { oldRev = fullInput.uirevision; // inheritance for trace.uirevision is simple, just layout.uirevision newRev = newTrace.uirevision; if(newRev === undefined) newRev = layout.uirevision; } if(newRev && newRev === oldRev) { preGUIVal = tracePreGUI[key]; if(preGUIVal === null) preGUIVal = undefined; newNP = nestedProperty(newTrace, key); newVal = newNP.get(); if(valsMatch(newVal, preGUIVal)) { newNP.set(undefinedToNull(nestedProperty(fullInput, key).get())); continue; } } } else { Lib.warn('unrecognized GUI edit: ' + key + ' in trace uid ' + uid); } delete tracePreGUI[key]; } } } /** * Plotly.react: * A plot/update method that takes the full plot state (same API as plot/newPlot) * and diffs to determine the minimal update pathway * * @param {string id or DOM element} gd * the id or DOM element of the graph container div * @param {array of objects} data * array of traces, containing the data and display information for each trace * @param {object} layout * object describing the overall display of the plot, * all the stuff that doesn't pertain to any individual trace * @param {object} config * configuration options (see ./plot_config.js for more info) * * OR * * @param {string id or DOM element} gd * the id or DOM element of the graph container div * @param {object} figure * object containing `data`, `layout`, `config`, and `frames` members * */ function react(gd, data, layout, config) { var frames, plotDone; function addFrames() { return exports.addFrames(gd, frames); } gd = Lib.getGraphDiv(gd); helpers.clearPromiseQueue(gd); var oldFullData = gd._fullData; var oldFullLayout = gd._fullLayout; // you can use this as the initial draw as well as to update if(!Lib.isPlotDiv(gd) || !oldFullData || !oldFullLayout) { plotDone = exports.newPlot(gd, data, layout, config); } else { if(Lib.isPlainObject(data)) { var obj = data; data = obj.data; layout = obj.layout; config = obj.config; frames = obj.frames; } var configChanged = false; // assume that if there's a config at all, we're reacting to it too, // and completely replace the previous config if(config) { var oldConfig = Lib.extendDeep({}, gd._context); gd._context = undefined; setPlotContext(gd, config); configChanged = diffConfig(oldConfig, gd._context); } gd.data = data || []; helpers.cleanData(gd.data); gd.layout = layout || {}; helpers.cleanLayout(gd.layout); applyUIRevisions(gd.data, gd.layout, oldFullData, oldFullLayout); // "true" skips updating calcdata and remapping arrays from calcTransforms, // which supplyDefaults usually does at the end, but we may need to NOT do // if the diff (which we haven't determined yet) says we'll recalc Plots.supplyDefaults(gd, {skipUpdateCalc: true}); var newFullData = gd._fullData; var newFullLayout = gd._fullLayout; var immutable = newFullLayout.datarevision === undefined; var transition = newFullLayout.transition; var relayoutFlags = diffLayout(gd, oldFullLayout, newFullLayout, immutable, transition); var newDataRevision = relayoutFlags.newDataRevision; var restyleFlags = diffData(gd, oldFullData, newFullData, immutable, transition, newDataRevision); // TODO: how to translate this part of relayout to Plotly.react? // // Setting width or height to null must reset the graph's width / height // // back to its initial value as computed during the first pass in Plots.plotAutoSize. // // // // To do so, we must manually set them back here using the _initialAutoSize cache. // if(['width', 'height'].indexOf(ai) !== -1 && vi === null) { // fullLayout[ai] = gd._initialAutoSize[ai]; // } if(updateAutosize(gd)) relayoutFlags.layoutReplot = true; // clear calcdata and empty categories if required if(restyleFlags.calc || relayoutFlags.calc) { gd.calcdata = undefined; var allNames = Object.getOwnPropertyNames(newFullLayout); for(var q = 0; q < allNames.length; q++) { var name = allNames[q]; var start = name.substring(0, 5); if(start === 'xaxis' || start === 'yaxis') { var emptyCategories = newFullLayout[name]._emptyCategories; if(emptyCategories) emptyCategories(); } } // otherwise do the calcdata updates and calcTransform array remaps that we skipped earlier } else { Plots.supplyDefaultsUpdateCalc(gd.calcdata, newFullData); } // Note: what restyle/relayout use impliedEdits and clearAxisTypes for // must be handled by the user when using Plotly.react. // fill in redraw sequence var seq = []; if(frames) { gd._transitionData = {}; Plots.createTransitionData(gd); seq.push(addFrames); } // Transition pathway, // only used when 'transition' is set by user and // when at least one animatable attribute has changed, // N.B. config changed aren't animatable if(newFullLayout.transition && !configChanged && (restyleFlags.anim || relayoutFlags.anim)) { if(relayoutFlags.ticks) seq.push(subroutines.doTicksRelayout); Plots.doCalcdata(gd); subroutines.doAutoRangeAndConstraints(gd); seq.push(function() { return Plots.transitionFromReact(gd, restyleFlags, relayoutFlags, oldFullLayout); }); } else if(restyleFlags.fullReplot || relayoutFlags.layoutReplot || configChanged) { gd._fullLayout._skipDefaults = true; seq.push(exports.plot); } else { for(var componentType in relayoutFlags.arrays) { var indices = relayoutFlags.arrays[componentType]; if(indices.length) { var drawOne = Registry.getComponentMethod(componentType, 'drawOne'); if(drawOne !== Lib.noop) { for(var i = 0; i < indices.length; i++) { drawOne(gd, indices[i]); } } else { var draw = Registry.getComponentMethod(componentType, 'draw'); if(draw === Lib.noop) { throw new Error('cannot draw components: ' + componentType); } draw(gd); } } } seq.push(Plots.previousPromises); if(restyleFlags.style) seq.push(subroutines.doTraceStyle); if(restyleFlags.colorbars || relayoutFlags.colorbars) seq.push(subroutines.doColorBars); if(relayoutFlags.legend) seq.push(subroutines.doLegend); if(relayoutFlags.layoutstyle) seq.push(subroutines.layoutStyles); if(relayoutFlags.axrange) addAxRangeSequence(seq); if(relayoutFlags.ticks) seq.push(subroutines.doTicksRelayout); if(relayoutFlags.modebar) seq.push(subroutines.doModeBar); if(relayoutFlags.camera) seq.push(subroutines.doCamera); seq.push(emitAfterPlot); } seq.push(Plots.rehover, Plots.redrag); plotDone = Lib.syncOrAsync(seq, gd); if(!plotDone || !plotDone.then) plotDone = Promise.resolve(gd); } return plotDone.then(function() { gd.emit('plotly_react', { data: data, layout: layout }); return gd; }); } function diffData(gd, oldFullData, newFullData, immutable, transition, newDataRevision) { var sameTraceLength = oldFullData.length === newFullData.length; if(!transition && !sameTraceLength) { return { fullReplot: true, calc: true }; } var flags = editTypes.traceFlags(); flags.arrays = {}; flags.nChanges = 0; flags.nChangesAnim = 0; var i, trace; function getTraceValObject(parts) { var out = PlotSchema.getTraceValObject(trace, parts); if(!trace._module.animatable && out.anim) { out.anim = false; } return out; } var diffOpts = { getValObject: getTraceValObject, flags: flags, immutable: immutable, transition: transition, newDataRevision: newDataRevision, gd: gd }; var seenUIDs = {}; for(i = 0; i < oldFullData.length; i++) { if(newFullData[i]) { trace = newFullData[i]._fullInput; if(Plots.hasMakesDataTransform(trace)) trace = newFullData[i]; if(seenUIDs[trace.uid]) continue; seenUIDs[trace.uid] = 1; getDiffFlags(oldFullData[i]._fullInput, trace, [], diffOpts); } } if(flags.calc || flags.plot) { flags.fullReplot = true; } if(transition && flags.nChanges && flags.nChangesAnim) { flags.anim = (flags.nChanges === flags.nChangesAnim) && sameTraceLength ? 'all' : 'some'; } return flags; } function diffLayout(gd, oldFullLayout, newFullLayout, immutable, transition) { var flags = editTypes.layoutFlags(); flags.arrays = {}; flags.rangesAltered = {}; flags.nChanges = 0; flags.nChangesAnim = 0; function getLayoutValObject(parts) { return PlotSchema.getLayoutValObject(newFullLayout, parts); } var diffOpts = { getValObject: getLayoutValObject, flags: flags, immutable: immutable, transition: transition, gd: gd }; getDiffFlags(oldFullLayout, newFullLayout, [], diffOpts); if(flags.plot || flags.calc) { flags.layoutReplot = true; } if(transition && flags.nChanges && flags.nChangesAnim) { flags.anim = flags.nChanges === flags.nChangesAnim ? 'all' : 'some'; } return flags; } function getDiffFlags(oldContainer, newContainer, outerparts, opts) { var valObject, key, astr; var getValObject = opts.getValObject; var flags = opts.flags; var immutable = opts.immutable; var inArray = opts.inArray; var arrayIndex = opts.arrayIndex; function changed() { var editType = valObject.editType; if(inArray && editType.indexOf('arraydraw') !== -1) { Lib.pushUnique(flags.arrays[inArray], arrayIndex); return; } editTypes.update(flags, valObject); if(editType !== 'none') { flags.nChanges++; } // track animatable changes if(opts.transition && valObject.anim) { flags.nChangesAnim++; } // track cartesian axes with altered ranges if(AX_RANGE_RE.test(astr) || AX_AUTORANGE_RE.test(astr)) { flags.rangesAltered[outerparts[0]] = 1; } // clear _inputDomain on cartesian axes with altered domains if(AX_DOMAIN_RE.test(astr)) { nestedProperty(newContainer, '_inputDomain').set(null); } // track datarevision changes if(key === 'datarevision') { flags.newDataRevision = 1; } } function valObjectCanBeDataArray(valObject) { return valObject.valType === 'data_array' || valObject.arrayOk; } for(key in oldContainer) { // short-circuit based on previous calls or previous keys that already maximized the pathway if(flags.calc && !opts.transition) return; var oldVal = oldContainer[key]; var newVal = newContainer[key]; var parts = outerparts.concat(key); astr = parts.join('.'); if(key.charAt(0) === '_' || typeof oldVal === 'function' || oldVal === newVal) continue; // FIXME: ax.tick0 and dtick get filled in during plotting (except for geo subplots), // and unlike other auto values they don't make it back into the input, // so newContainer won't have them. if((key === 'tick0' || key === 'dtick') && outerparts[0] !== 'geo') { var tickMode = newContainer.tickmode; if(tickMode === 'auto' || tickMode === 'array' || !tickMode) continue; } // FIXME: Similarly for axis ranges for 3D // contourcarpet doesn't HAVE zmin/zmax, they're just auto-added. It needs them. if(key === 'range' && newContainer.autorange) continue; if((key === 'zmin' || key === 'zmax') && newContainer.type === 'contourcarpet') continue; valObject = getValObject(parts); // in case type changed, we may not even *have* a valObject. if(!valObject) continue; if(valObject._compareAsJSON && JSON.stringify(oldVal) === JSON.stringify(newVal)) continue; var valType = valObject.valType; var i; var canBeDataArray = valObjectCanBeDataArray(valObject); var wasArray = Array.isArray(oldVal); var nowArray = Array.isArray(newVal); // hack for traces that modify the data in supplyDefaults, like // converting 1D to 2D arrays, which will always create new objects if(wasArray && nowArray) { var inputKey = '_input_' + key; var oldValIn = oldContainer[inputKey]; var newValIn = newContainer[inputKey]; if(Array.isArray(oldValIn) && oldValIn === newValIn) continue; } if(newVal === undefined) { if(canBeDataArray && wasArray) flags.calc = true; else changed(); } else if(valObject._isLinkedToArray) { var arrayEditIndices = []; var extraIndices = false; if(!inArray) flags.arrays[key] = arrayEditIndices; var minLen = Math.min(oldVal.length, newVal.length); var maxLen = Math.max(oldVal.length, newVal.length); if(minLen !== maxLen) { if(valObject.editType === 'arraydraw') { extraIndices = true; } else { changed(); continue; } } for(i = 0; i < minLen; i++) { getDiffFlags(oldVal[i], newVal[i], parts.concat(i), // add array indices, but not if we're already in an array Lib.extendFlat({inArray: key, arrayIndex: i}, opts)); } // put this at the end so that we know our collected array indices are sorted // but the check for length changes happens up front so we can short-circuit // diffing if appropriate if(extraIndices) { for(i = minLen; i < maxLen; i++) { arrayEditIndices.push(i); } } } else if(!valType && Lib.isPlainObject(oldVal)) { getDiffFlags(oldVal, newVal, parts, opts); } else if(canBeDataArray) { if(wasArray && nowArray) { // don't try to diff two data arrays. If immutable we know the data changed, // if not, assume it didn't and let `layout.datarevision` tell us if it did if(immutable) { flags.calc = true; } // look for animatable attributes when the data changed if(immutable || opts.newDataRevision) { changed(); } } else if(wasArray !== nowArray) { flags.calc = true; } else changed(); } else if(wasArray && nowArray) { // info array, colorscale, 'any' - these are short, just stringify. // I don't *think* that covers up any real differences post-validation, does it? // otherwise we need to dive in 1 (info_array) or 2 (colorscale) levels and compare // all elements. if(oldVal.length !== newVal.length || String(oldVal) !== String(newVal)) { changed(); } } else { changed(); } } for(key in newContainer) { if(!(key in oldContainer || key.charAt(0) === '_' || typeof newContainer[key] === 'function')) { valObject = getValObject(outerparts.concat(key)); if(valObjectCanBeDataArray(valObject) && Array.isArray(newContainer[key])) { flags.calc = true; return; } else changed(); } } } /* * simple diff for config - for now, just treat all changes as equivalent */ function diffConfig(oldConfig, newConfig) { var key; for(key in oldConfig) { if(key.charAt(0) === '_') continue; var oldVal = oldConfig[key]; var newVal = newConfig[key]; if(oldVal !== newVal) { if(Lib.isPlainObject(oldVal) && Lib.isPlainObject(newVal)) { if(diffConfig(oldVal, newVal)) { return true; } } else if(Array.isArray(oldVal) && Array.isArray(newVal)) { if(oldVal.length !== newVal.length) { return true; } for(var i = 0; i < oldVal.length; i++) { if(oldVal[i] !== newVal[i]) { if(Lib.isPlainObject(oldVal[i]) && Lib.isPlainObject(newVal[i])) { if(diffConfig(oldVal[i], newVal[i])) { return true; } } else { return true; } } } } else { return true; } } } } /** * Animate to a frame, sequence of frame, frame group, or frame definition * * @param {string id or DOM element} gd * the id or DOM element of the graph container div * * @param {string or object or array of strings or array of objects} frameOrGroupNameOrFrameList * a single frame, array of frames, or group to which to animate. The intent is * inferred by the type of the input. Valid inputs are: * * - string, e.g. 'groupname': animate all frames of a given `group` in the order * in which they are defined via `Plotly.addFrames`. * * - array of strings, e.g. ['frame1', frame2']: a list of frames by name to which * to animate in sequence * * - object: {data: ...}: a frame definition to which to animate. The frame is not * and does not need to be added via `Plotly.addFrames`. It may contain any of * the properties of a frame, including `data`, `layout`, and `traces`. The * frame is used as provided and does not use the `baseframe` property. * * - array of objects, e.g. [{data: ...}, {data: ...}]: a list of frame objects, * each following the same rules as a single `object`. * * @param {object} animationOpts * configuration for the animation */ function animate(gd, frameOrGroupNameOrFrameList, animationOpts) { gd = Lib.getGraphDiv(gd); if(!Lib.isPlotDiv(gd)) { throw new Error( 'This element is not a Plotly plot: ' + gd + '. It\'s likely that you\'ve failed ' + 'to create a plot before animating it. For more details, see ' + 'https://plotly.com/javascript/animations/' ); } var trans = gd._transitionData; // This is the queue of frames that will be animated as soon as possible. They // are popped immediately upon the *start* of a transition: if(!trans._frameQueue) { trans._frameQueue = []; } animationOpts = Plots.supplyAnimationDefaults(animationOpts); var transitionOpts = animationOpts.transition; var frameOpts = animationOpts.frame; // Since frames are popped immediately, an empty queue only means all frames have // *started* to transition, not that the animation is complete. To solve that, // track a separate counter that increments at the same time as frames are added // to the queue, but decrements only when the transition is complete. if(trans._frameWaitingCnt === undefined) { trans._frameWaitingCnt = 0; } function getTransitionOpts(i) { if(Array.isArray(transitionOpts)) { if(i >= transitionOpts.length) { return transitionOpts[0]; } else { return transitionOpts[i]; } } else { return transitionOpts; } } function getFrameOpts(i) { if(Array.isArray(frameOpts)) { if(i >= frameOpts.length) { return frameOpts[0]; } else { return frameOpts[i]; } } else { return frameOpts; } } // Execute a callback after the wrapper function has been called n times. // This is used to defer the resolution until a transition has resolved *and* // the frame has completed. If it's not done this way, then we get a race // condition in which the animation might resolve before a transition is complete // or vice versa. function callbackOnNthTime(cb, n) { var cnt = 0; return function() { if(cb && ++cnt === n) { return cb(); } }; } return new Promise(function(resolve, reject) { function discardExistingFrames() { if(trans._frameQueue.length === 0) { return; } while(trans._frameQueue.length) { var next = trans._frameQueue.pop(); if(next.onInterrupt) { next.onInterrupt(); } } gd.emit('plotly_animationinterrupted', []); } function queueFrames(frameList) { if(frameList.length === 0) return; for(var i = 0; i < frameList.length; i++) { var computedFrame; if(frameList[i].type === 'byname') { // If it's a named frame, compute it: computedFrame = Plots.computeFrame(gd, frameList[i].name); } else { // Otherwise we must have been given a simple object, so treat // the input itself as the computed frame. computedFrame = frameList[i].data; } var frameOpts = getFrameOpts(i); var transitionOpts = getTransitionOpts(i); // It doesn't make much sense for the transition duration to be greater than // the frame duration, so limit it: transitionOpts.duration = Math.min(transitionOpts.duration, frameOpts.duration); var nextFrame = { frame: computedFrame, name: frameList[i].name, frameOpts: frameOpts, transitionOpts: transitionOpts, }; if(i === frameList.length - 1) { // The last frame in this .animate call stores the promise resolve // and reject callbacks. This is how we ensure that the animation // loop (which may exist as a result of a *different* .animate call) // still resolves or rejecdts this .animate call's promise. once it's // complete. nextFrame.onComplete = callbackOnNthTime(resolve, 2); nextFrame.onInterrupt = reject; } trans._frameQueue.push(nextFrame); } // Set it as never having transitioned to a frame. This will cause the animation // loop to immediately transition to the next frame (which, for immediate mode, // is the first frame in the list since all others would have been discarded // below) if(animationOpts.mode === 'immediate') { trans._lastFrameAt = -Infinity; } // Only it's not already running, start a RAF loop. This could be avoided in the // case that there's only one frame, but it significantly complicated the logic // and only sped things up by about 5% or so for a lorenz attractor simulation. // It would be a fine thing to implement, but the benefit of that optimization // doesn't seem worth the extra complexity. if(!trans._animationRaf) { beginAnimationLoop(); } } function stopAnimationLoop() { gd.emit('plotly_animated'); // Be sure to unset also since it's how we know whether a loop is already running: window.cancelAnimationFrame(trans._animationRaf); trans._animationRaf = null; } function nextFrame() { if(trans._currentFrame && trans._currentFrame.onComplete) { // Execute the callback and unset it to ensure it doesn't // accidentally get called twice trans._currentFrame.onComplete(); } var newFrame = trans._currentFrame = trans._frameQueue.shift(); if(newFrame) { // Since it's sometimes necessary to do deep digging into frame data, // we'll consider it not 100% impossible for nulls or numbers to sneak through, // so check when casting the name, just to be absolutely certain: var stringName = newFrame.name ? newFrame.name.toString() : null; gd._fullLayout._currentFrame = stringName; trans._lastFrameAt = Date.now(); trans._timeToNext = newFrame.frameOpts.duration; // This is simply called and it's left to .transition to decide how to manage // interrupting current transitions. That means we don't need to worry about // how it resolves or what happens after this: Plots.transition(gd, newFrame.frame.data, newFrame.frame.layout, helpers.coerceTraceIndices(gd, newFrame.frame.traces), newFrame.frameOpts, newFrame.transitionOpts ).then(function() { if(newFrame.onComplete) { newFrame.onComplete(); } }); gd.emit('plotly_animatingframe', { name: stringName, frame: newFrame.frame, animation: { frame: newFrame.frameOpts, transition: newFrame.transitionOpts, } }); } else { // If there are no more frames, then stop the RAF loop: stopAnimationLoop(); } } function beginAnimationLoop() { gd.emit('plotly_animating'); // If no timer is running, then set last frame = long ago so that the next // frame is immediately transitioned: trans._lastFrameAt = -Infinity; trans._timeToNext = 0; trans._runningTransitions = 0; trans._currentFrame = null; var doFrame = function() { // This *must* be requested before nextFrame since nextFrame may decide // to cancel it if there's nothing more to animated: trans._animationRaf = window.requestAnimationFrame(doFrame); // Check if we're ready for a new frame: if(Date.now() - trans._lastFrameAt > trans._timeToNext) { nextFrame(); } }; doFrame(); } // This is an animate-local counter that helps match up option input list // items with the particular frame. var configCounter = 0; function setTransitionConfig(frame) { if(Array.isArray(transitionOpts)) { if(configCounter >= transitionOpts.length) { frame.transitionOpts = transitionOpts[configCounter]; } else { frame.transitionOpts = transitionOpts[0]; } } else { frame.transitionOpts = transitionOpts; } configCounter++; return frame; } // Disambiguate what's sort of frames have been received var i, frame; var frameList = []; var allFrames = frameOrGroupNameOrFrameList === undefined || frameOrGroupNameOrFrameList === null; var isFrameArray = Array.isArray(frameOrGroupNameOrFrameList); var isSingleFrame = !allFrames && !isFrameArray && Lib.isPlainObject(frameOrGroupNameOrFrameList); if(isSingleFrame) { // In this case, a simple object has been passed to animate. frameList.push({ type: 'object', data: setTransitionConfig(Lib.extendFlat({}, frameOrGroupNameOrFrameList)) }); } else if(allFrames || ['string', 'number'].indexOf(typeof frameOrGroupNameOrFrameList) !== -1) { // In this case, null or undefined has been passed so that we want to // animate *all* currently defined frames for(i = 0; i < trans._frames.length; i++) { frame = trans._frames[i]; if(!frame) continue; if(allFrames || String(frame.group) === String(frameOrGroupNameOrFrameList)) { frameList.push({ type: 'byname', name: String(frame.name), data: setTransitionConfig({name: frame.name}) }); } } } else if(isFrameArray) { for(i = 0; i < frameOrGroupNameOrFrameList.length; i++) { var frameOrName = frameOrGroupNameOrFrameList[i]; if(['number', 'string'].indexOf(typeof frameOrName) !== -1) { frameOrName = String(frameOrName); // In this case, there's an array and this frame is a string name: frameList.push({ type: 'byname', name: frameOrName, data: setTransitionConfig({name: frameOrName}) }); } else if(Lib.isPlainObject(frameOrName)) { frameList.push({ type: 'object', data: setTransitionConfig(Lib.extendFlat({}, frameOrName)) }); } } } // Verify that all of these frames actually exist; return and reject if not: for(i = 0; i < frameList.length; i++) { frame = frameList[i]; if(frame.type === 'byname' && !trans._frameHash[frame.data.name]) { Lib.warn('animate failure: frame not found: "' + frame.data.name + '"'); reject(); return; } } // If the mode is either next or immediate, then all currently queued frames must // be dumped and the corresponding .animate promises rejected. if(['next', 'immediate'].indexOf(animationOpts.mode) !== -1) { discardExistingFrames(); } if(animationOpts.direction === 'reverse') { frameList.reverse(); } var currentFrame = gd._fullLayout._currentFrame; if(currentFrame && animationOpts.fromcurrent) { var idx = -1; for(i = 0; i < frameList.length; i++) { frame = frameList[i]; if(frame.type === 'byname' && frame.name === currentFrame) { idx = i; break; } } if(idx > 0 && idx < frameList.length - 1) { var filteredFrameList = []; for(i = 0; i < frameList.length; i++) { frame = frameList[i]; if(frameList[i].type !== 'byname' || i > idx) { filteredFrameList.push(frame); } } frameList = filteredFrameList; } } if(frameList.length > 0) { queueFrames(frameList); } else { // This is the case where there were simply no frames. It's a little strange // since there's not much to do: gd.emit('plotly_animated'); resolve(); } }); } /** * Register new frames * * @param {string id or DOM element} gd * the id or DOM element of the graph container div * * @param {array of objects} frameList * list of frame definitions, in which each object includes any of: * - name: {string} name of frame to add * - data: {array of objects} trace data * - layout {object} layout definition * - traces {array} trace indices * - baseframe {string} name of frame from which this frame gets defaults * * @param {array of integers} indices * an array of integer indices matching the respective frames in `frameList`. If not * provided, an index will be provided in serial order. If already used, the frame * will be overwritten. */ function addFrames(gd, frameList, indices) { gd = Lib.getGraphDiv(gd); if(frameList === null || frameList === undefined) { return Promise.resolve(); } if(!Lib.isPlotDiv(gd)) { throw new Error( 'This element is not a Plotly plot: ' + gd + '. It\'s likely that you\'ve failed ' + 'to create a plot before adding frames. For more details, see ' + 'https://plotly.com/javascript/animations/' ); } var i, frame, j, idx; var _frames = gd._transitionData._frames; var _frameHash = gd._transitionData._frameHash; if(!Array.isArray(frameList)) { throw new Error('addFrames failure: frameList must be an Array of frame definitions' + frameList); } // Create a sorted list of insertions since we run into lots of problems if these // aren't in ascending order of index: // // Strictly for sorting. Make sure this is guaranteed to never collide with any // already-exisisting indices: var bigIndex = _frames.length + frameList.length * 2; var insertions = []; var _frameHashLocal = {}; for(i = frameList.length - 1; i >= 0; i--) { if(!Lib.isPlainObject(frameList[i])) continue; // The entire logic for checking for this type of name collision can be removed once we migrate to ES6 and // use a Map instead of an Object instance, as Map keys aren't converted to strings. var lookupName = frameList[i].name; var name = (_frameHash[lookupName] || _frameHashLocal[lookupName] || {}).name; var newName = frameList[i].name; var collisionPresent = _frameHash[name] || _frameHashLocal[name]; if(name && newName && typeof newName === 'number' && collisionPresent && numericNameWarningCount < numericNameWarningCountLimit) { numericNameWarningCount++; Lib.warn('addFrames: overwriting frame "' + (_frameHash[name] || _frameHashLocal[name]).name + '" with a frame whose name of type "number" also equates to "' + name + '". This is valid but may potentially lead to unexpected ' + 'behavior since all plotly.js frame names are stored internally ' + 'as strings.'); if(numericNameWarningCount === numericNameWarningCountLimit) { Lib.warn('addFrames: This API call has yielded too many of these warnings. ' + 'For the rest of this call, further warnings about numeric frame ' + 'names will be suppressed.'); } } _frameHashLocal[lookupName] = {name: lookupName}; insertions.push({ frame: Plots.supplyFrameDefaults(frameList[i]), index: (indices && indices[i] !== undefined && indices[i] !== null) ? indices[i] : bigIndex + i }); } // Sort this, taking note that undefined insertions end up at the end: insertions.sort(function(a, b) { if(a.index > b.index) return -1; if(a.index < b.index) return 1; return 0; }); var ops = []; var revops = []; var frameCount = _frames.length; for(i = insertions.length - 1; i >= 0; i--) { frame = insertions[i].frame; if(typeof frame.name === 'number') { Lib.warn('Warning: addFrames accepts frames with numeric names, but the numbers are' + 'implicitly cast to strings'); } if(!frame.name) { // Repeatedly assign a default name, incrementing the counter each time until // we get a name that's not in the hashed lookup table: while(_frameHash[(frame.name = 'frame ' + gd._transitionData._counter++)]); } if(_frameHash[frame.name]) { // If frame is present, overwrite its definition: for(j = 0; j < _frames.length; j++) { if((_frames[j] || {}).name === frame.name) break; } ops.push({type: 'replace', index: j, value: frame}); revops.unshift({type: 'replace', index: j, value: _frames[j]}); } else { // Otherwise insert it at the end of the list: idx = Math.max(0, Math.min(insertions[i].index, frameCount)); ops.push({type: 'insert', index: idx, value: frame}); revops.unshift({type: 'delete', index: idx}); frameCount++; } } var undoFunc = Plots.modifyFrames; var redoFunc = Plots.modifyFrames; var undoArgs = [gd, revops]; var redoArgs = [gd, ops]; if(Queue) Queue.add(gd, undoFunc, undoArgs, redoFunc, redoArgs); return Plots.modifyFrames(gd, ops); } /** * Delete frame * * @param {string id or DOM element} gd * the id or DOM element of the graph container div * * @param {array of integers} frameList * list of integer indices of frames to be deleted */ function deleteFrames(gd, frameList) { gd = Lib.getGraphDiv(gd); if(!Lib.isPlotDiv(gd)) { throw new Error('This element is not a Plotly plot: ' + gd); } var i, idx; var _frames = gd._transitionData._frames; var ops = []; var revops = []; if(!frameList) { frameList = []; for(i = 0; i < _frames.length; i++) { frameList.push(i); } } frameList = frameList.slice(); frameList.sort(); for(i = frameList.length - 1; i >= 0; i--) { idx = frameList[i]; ops.push({type: 'delete', index: idx}); revops.unshift({type: 'insert', index: idx, value: _frames[idx]}); } var undoFunc = Plots.modifyFrames; var redoFunc = Plots.modifyFrames; var undoArgs = [gd, revops]; var redoArgs = [gd, ops]; if(Queue) Queue.add(gd, undoFunc, undoArgs, redoFunc, redoArgs); return Plots.modifyFrames(gd, ops); } /** * Purge a graph container div back to its initial pre-Plotly.plot state * * @param {string id or DOM element} gd * the id or DOM element of the graph container div */ function purge(gd) { gd = Lib.getGraphDiv(gd); var fullLayout = gd._fullLayout || {}; var fullData = gd._fullData || []; // remove gl contexts Plots.cleanPlot([], {}, fullData, fullLayout); // purge properties Plots.purge(gd); // purge event emitter methods Events.purge(gd); // remove plot container if(fullLayout._container) fullLayout._container.remove(); // in contrast to Plotly.Plots.purge which does NOT clear _context! delete gd._context; return gd; } // determines if the graph div requires a recalculation of its inverse matrix transforms by comparing old + new bounding boxes. function calcInverseTransform(gd) { var fullLayout = gd._fullLayout; var newBBox = gd.getBoundingClientRect(); if(Lib.equalDomRects(newBBox, fullLayout._lastBBox)) return; var m = fullLayout._invTransform = Lib.inverseTransformMatrix(Lib.getFullTransformMatrix(gd)); fullLayout._invScaleX = Math.sqrt(m[0][0] * m[0][0] + m[0][1] * m[0][1] + m[0][2] * m[0][2]); fullLayout._invScaleY = Math.sqrt(m[1][0] * m[1][0] + m[1][1] * m[1][1] + m[1][2] * m[1][2]); fullLayout._lastBBox = newBBox; } // ------------------------------------------------------- // makePlotFramework: Create the plot container and axes // ------------------------------------------------------- function makePlotFramework(gd) { var gd3 = d3.select(gd); var fullLayout = gd._fullLayout; fullLayout._calcInverseTransform = calcInverseTransform; fullLayout._calcInverseTransform(gd); // Plot container fullLayout._container = gd3.selectAll('.plot-container').data([0]); fullLayout._container.enter() .insert('div', ':first-child') .classed('plot-container', true) .classed('plotly', true); // Make the svg container fullLayout._paperdiv = fullLayout._container.selectAll('.svg-container').data([0]); fullLayout._paperdiv.enter().append('div') .classed('user-select-none', true) .classed('svg-container', true) .style('position', 'relative'); // Make the graph containers // start fresh each time we get here, so we know the order comes out // right, rather than enter/exit which can muck up the order // TODO: sort out all the ordering so we don't have to // explicitly delete anything // FIXME: parcoords reuses this object, not the best pattern fullLayout._glcontainer = fullLayout._paperdiv.selectAll('.gl-container') .data([{}]); fullLayout._glcontainer.enter().append('div') .classed('gl-container', true); fullLayout._paperdiv.selectAll('.main-svg').remove(); fullLayout._paperdiv.select('.modebar-container').remove(); fullLayout._paper = fullLayout._paperdiv.insert('svg', ':first-child') .classed('main-svg', true); fullLayout._toppaper = fullLayout._paperdiv.append('svg') .classed('main-svg', true); fullLayout._modebardiv = fullLayout._paperdiv.append('div'); delete fullLayout._modeBar; fullLayout._hoverpaper = fullLayout._paperdiv.append('svg') .classed('main-svg', true); if(!fullLayout._uid) { var otherUids = {}; d3.selectAll('defs').each(function() { if(this.id) otherUids[this.id.split('-')[1]] = 1; }); fullLayout._uid = Lib.randstr(otherUids); } fullLayout._paperdiv.selectAll('.main-svg') .attr(xmlnsNamespaces.svgAttrs); fullLayout._defs = fullLayout._paper.append('defs') .attr('id', 'defs-' + fullLayout._uid); fullLayout._clips = fullLayout._defs.append('g') .classed('clips', true); fullLayout._topdefs = fullLayout._toppaper.append('defs') .attr('id', 'topdefs-' + fullLayout._uid); fullLayout._topclips = fullLayout._topdefs.append('g') .classed('clips', true); fullLayout._bgLayer = fullLayout._paper.append('g') .classed('bglayer', true); fullLayout._draggers = fullLayout._paper.append('g') .classed('draglayer', true); // lower shape/image layer - note that this is behind // all subplots data/grids but above the backgrounds // except inset subplots, whose backgrounds are drawn // inside their own group so that they appear above // the data for the main subplot // lower shapes and images which are fully referenced to // a subplot still get drawn within the subplot's group // so they will work correctly on insets var layerBelow = fullLayout._paper.append('g') .classed('layer-below', true); fullLayout._imageLowerLayer = layerBelow.append('g') .classed('imagelayer', true); fullLayout._shapeLowerLayer = layerBelow.append('g') .classed('shapelayer', true); // single cartesian layer for the whole plot fullLayout._cartesianlayer = fullLayout._paper.append('g').classed('cartesianlayer', true); // single polar layer for the whole plot fullLayout._polarlayer = fullLayout._paper.append('g').classed('polarlayer', true); // single ternary layer for the whole plot fullLayout._ternarylayer = fullLayout._paper.append('g').classed('ternarylayer', true); // single geo layer for the whole plot fullLayout._geolayer = fullLayout._paper.append('g').classed('geolayer', true); // single funnelarea layer for the whole plot fullLayout._funnelarealayer = fullLayout._paper.append('g').classed('funnelarealayer', true); // single pie layer for the whole plot fullLayout._pielayer = fullLayout._paper.append('g').classed('pielayer', true); // single treemap layer for the whole plot fullLayout._treemaplayer = fullLayout._paper.append('g').classed('treemaplayer', true); // single sunburst layer for the whole plot fullLayout._sunburstlayer = fullLayout._paper.append('g').classed('sunburstlayer', true); // single indicator layer for the whole plot fullLayout._indicatorlayer = fullLayout._toppaper.append('g').classed('indicatorlayer', true); // fill in image server scrape-svg fullLayout._glimages = fullLayout._paper.append('g').classed('glimages', true); // lastly upper shapes, info (legend, annotations) and hover layers go on top // these are in a different svg element normally, but get collapsed into a single // svg when exporting (after inserting 3D) // upper shapes/images are only those drawn above the whole plot, including subplots var layerAbove = fullLayout._toppaper.append('g') .classed('layer-above', true); fullLayout._imageUpperLayer = layerAbove.append('g') .classed('imagelayer', true); fullLayout._shapeUpperLayer = layerAbove.append('g') .classed('shapelayer', true); fullLayout._infolayer = fullLayout._toppaper.append('g').classed('infolayer', true); fullLayout._menulayer = fullLayout._toppaper.append('g').classed('menulayer', true); fullLayout._zoomlayer = fullLayout._toppaper.append('g').classed('zoomlayer', true); fullLayout._hoverlayer = fullLayout._hoverpaper.append('g').classed('hoverlayer', true); // Make the modebar container fullLayout._modebardiv .classed('modebar-container', true) .style('position', 'absolute') .style('top', '0px') .style('right', '0px'); gd.emit('plotly_framework'); } exports.animate = animate; exports.addFrames = addFrames; exports.deleteFrames = deleteFrames; exports.addTraces = addTraces; exports.deleteTraces = deleteTraces; exports.extendTraces = extendTraces; exports.moveTraces = moveTraces; exports.prependTraces = prependTraces; exports.newPlot = newPlot; exports.plot = plot; exports.purge = purge; exports.react = react; exports.redraw = redraw; exports.relayout = relayout; exports.restyle = restyle; exports.setPlotConfig = setPlotConfig; exports.update = update; exports._guiRelayout = guiEdit(relayout); exports._guiRestyle = guiEdit(restyle); exports._guiUpdate = guiEdit(update); exports._storeDirectGUIEdit = _storeDirectGUIEdit; },{"../components/color":75,"../components/drawing":97,"../constants/xmlns_namespaces":182,"../lib":202,"../lib/events":195,"../lib/queue":217,"../lib/svg_text_utils":224,"../plots/cartesian/axes":248,"../plots/cartesian/constants":254,"../plots/cartesian/graph_interact":257,"../plots/cartesian/select":267,"../plots/plots":282,"../plots/polar/legacy":285,"../registry":290,"./edit_types":230,"./helpers":231,"./manage_arrays":233,"./plot_config":235,"./plot_schema":236,"./subroutines":238,"d3":9,"fast-isnumeric":11,"has-hover":42}],235:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; /** * This will be transferred over to gd and overridden by * config args to Plotly.plot. * * The defaults are the appropriate settings for plotly.js, * so we get the right experience without any config argument. * * N.B. the config options are not coerced using Lib.coerce so keys * like `valType` and `values` are only set for documentation purposes * at the moment. */ var configAttributes = { staticPlot: { valType: 'boolean', dflt: false, }, plotlyServerURL: { valType: 'string', dflt: '', }, editable: { valType: 'boolean', dflt: false, }, edits: { annotationPosition: { valType: 'boolean', dflt: false, }, annotationTail: { valType: 'boolean', dflt: false, }, annotationText: { valType: 'boolean', dflt: false, }, axisTitleText: { valType: 'boolean', dflt: false, }, colorbarPosition: { valType: 'boolean', dflt: false, }, colorbarTitleText: { valType: 'boolean', dflt: false, }, legendPosition: { valType: 'boolean', dflt: false, }, legendText: { valType: 'boolean', dflt: false, }, shapePosition: { valType: 'boolean', dflt: false, }, titleText: { valType: 'boolean', dflt: false, } }, autosizable: { valType: 'boolean', dflt: false, }, responsive: { valType: 'boolean', dflt: false, }, fillFrame: { valType: 'boolean', dflt: false, }, frameMargins: { valType: 'number', dflt: 0, min: 0, max: 0.5, }, scrollZoom: { valType: 'flaglist', flags: ['cartesian', 'gl3d', 'geo', 'mapbox'], extras: [true, false], dflt: 'gl3d+geo+mapbox', }, doubleClick: { valType: 'enumerated', values: [false, 'reset', 'autosize', 'reset+autosize'], dflt: 'reset+autosize', }, doubleClickDelay: { valType: 'number', dflt: 300, min: 0, }, showAxisDragHandles: { valType: 'boolean', dflt: true, }, showAxisRangeEntryBoxes: { valType: 'boolean', dflt: true, }, showTips: { valType: 'boolean', dflt: true, }, showLink: { valType: 'boolean', dflt: false, }, linkText: { valType: 'string', dflt: 'Edit chart', noBlank: true, }, sendData: { valType: 'boolean', dflt: true, }, showSources: { valType: 'any', dflt: false, }, displayModeBar: { valType: 'enumerated', values: ['hover', true, false], dflt: 'hover', }, showSendToCloud: { valType: 'boolean', dflt: false, }, showEditInChartStudio: { valType: 'boolean', dflt: false, }, modeBarButtonsToRemove: { valType: 'any', dflt: [], }, modeBarButtonsToAdd: { valType: 'any', dflt: [], }, modeBarButtons: { valType: 'any', dflt: false, }, toImageButtonOptions: { valType: 'any', dflt: {}, }, displaylogo: { valType: 'boolean', dflt: true, }, watermark: { valType: 'boolean', dflt: false, }, plotGlPixelRatio: { valType: 'number', dflt: 2, min: 1, max: 4, }, setBackground: { valType: 'any', dflt: 'transparent', }, topojsonURL: { valType: 'string', noBlank: true, dflt: 'https://cdn.plot.ly/', }, mapboxAccessToken: { valType: 'string', dflt: null, }, logging: { valType: 'integer', min: 0, max: 2, dflt: 1, }, notifyOnLogging: { valType: 'integer', min: 0, max: 2, dflt: 0, }, queueLength: { valType: 'integer', min: 0, dflt: 0, }, globalTransforms: { valType: 'any', dflt: [], }, locale: { valType: 'string', dflt: 'en-US', }, locales: { valType: 'any', dflt: {}, } }; var dfltConfig = {}; function crawl(src, target) { for(var k in src) { var obj = src[k]; if(obj.valType) { target[k] = obj.dflt; } else { if(!target[k]) { target[k] = {}; } crawl(obj, target[k]); } } } crawl(configAttributes, dfltConfig); module.exports = { configAttributes: configAttributes, dfltConfig: dfltConfig }; },{}],236:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Registry = _dereq_('../registry'); var Lib = _dereq_('../lib'); var baseAttributes = _dereq_('../plots/attributes'); var baseLayoutAttributes = _dereq_('../plots/layout_attributes'); var frameAttributes = _dereq_('../plots/frame_attributes'); var animationAttributes = _dereq_('../plots/animation_attributes'); var configAttributes = _dereq_('./plot_config').configAttributes; // polar attributes are not part of the Registry yet var polarAreaAttrs = _dereq_('../plots/polar/legacy/area_attributes'); var polarAxisAttrs = _dereq_('../plots/polar/legacy/axis_attributes'); var editTypes = _dereq_('./edit_types'); var extendFlat = Lib.extendFlat; var extendDeepAll = Lib.extendDeepAll; var isPlainObject = Lib.isPlainObject; var isArrayOrTypedArray = Lib.isArrayOrTypedArray; var nestedProperty = Lib.nestedProperty; var valObjectMeta = Lib.valObjectMeta; var IS_SUBPLOT_OBJ = '_isSubplotObj'; var IS_LINKED_TO_ARRAY = '_isLinkedToArray'; var ARRAY_ATTR_REGEXPS = '_arrayAttrRegexps'; var DEPRECATED = '_deprecated'; var UNDERSCORE_ATTRS = [IS_SUBPLOT_OBJ, IS_LINKED_TO_ARRAY, ARRAY_ATTR_REGEXPS, DEPRECATED]; exports.IS_SUBPLOT_OBJ = IS_SUBPLOT_OBJ; exports.IS_LINKED_TO_ARRAY = IS_LINKED_TO_ARRAY; exports.DEPRECATED = DEPRECATED; exports.UNDERSCORE_ATTRS = UNDERSCORE_ATTRS; /** Outputs the full plotly.js plot schema * * @return {object} * - defs * - traces * - layout * - transforms * - frames * - animations * - config */ exports.get = function() { var traces = {}; Registry.allTypes.concat('area').forEach(function(type) { traces[type] = getTraceAttributes(type); }); var transforms = {}; Object.keys(Registry.transformsRegistry).forEach(function(type) { transforms[type] = getTransformAttributes(type); }); return { defs: { valObjects: valObjectMeta, metaKeys: UNDERSCORE_ATTRS.concat(['description', 'role', 'editType', 'impliedEdits']), editType: { traces: editTypes.traces, layout: editTypes.layout }, impliedEdits: { } }, traces: traces, layout: getLayoutAttributes(), transforms: transforms, frames: getFramesAttributes(), animation: formatAttributes(animationAttributes), config: formatAttributes(configAttributes) }; }; /** * Crawl the attribute tree, recursively calling a callback function * * @param {object} attrs * The node of the attribute tree (e.g. the root) from which recursion originates * @param {Function} callback * A callback function with the signature: * @callback callback * @param {object} attr an attribute * @param {String} attrName name string * @param {object[]} attrs all the attributes * @param {Number} level the recursion level, 0 at the root * @param {String} fullAttrString full attribute name (ie 'marker.line') * @param {Number} [specifiedLevel] * The level in the tree, in order to let the callback function detect descend or backtrack, * typically unsupplied (implied 0), just used by the self-recursive call. * The necessity arises because the tree traversal is not controlled by callback return values. * The decision to not use callback return values for controlling tree pruning arose from * the goal of keeping the crawler backwards compatible. Observe that one of the pruning conditions * precedes the callback call. * @param {string} [attrString] * the path to the current attribute, as an attribute string (ie 'marker.line') * typically unsupplied, but you may supply it if you want to disambiguate which attrs tree you * are starting from * * @return {object} transformOut * copy of transformIn that contains attribute defaults */ exports.crawl = function(attrs, callback, specifiedLevel, attrString) { var level = specifiedLevel || 0; attrString = attrString || ''; Object.keys(attrs).forEach(function(attrName) { var attr = attrs[attrName]; if(UNDERSCORE_ATTRS.indexOf(attrName) !== -1) return; var fullAttrString = (attrString ? attrString + '.' : '') + attrName; callback(attr, attrName, attrs, level, fullAttrString); if(exports.isValObject(attr)) return; if(isPlainObject(attr) && attrName !== 'impliedEdits') { exports.crawl(attr, callback, level + 1, fullAttrString); } }); }; /** Is object a value object (or a container object)? * * @param {object} obj * @return {boolean} * returns true for a valid value object and * false for tree nodes in the attribute hierarchy */ exports.isValObject = function(obj) { return obj && obj.valType !== undefined; }; /** * Find all data array attributes in a given trace object - including * `arrayOk` attributes. * * @param {object} trace * full trace object that contains a reference to `_module.attributes` * * @return {array} arrayAttributes * list of array attributes for the given trace */ exports.findArrayAttributes = function(trace) { var arrayAttributes = []; var stack = []; var isArrayStack = []; var baseContainer, baseAttrName; function callback(attr, attrName, attrs, level) { stack = stack.slice(0, level).concat([attrName]); isArrayStack = isArrayStack.slice(0, level).concat([attr && attr._isLinkedToArray]); var splittableAttr = ( attr && (attr.valType === 'data_array' || attr.arrayOk === true) && !(stack[level - 1] === 'colorbar' && (attrName === 'ticktext' || attrName === 'tickvals')) ); // Manually exclude 'colorbar.tickvals' and 'colorbar.ticktext' for now // which are declared as `valType: 'data_array'` but scale independently of // the coordinate arrays. // // Down the road, we might want to add a schema field (e.g `uncorrelatedArray: true`) // to distinguish attributes of the likes. if(!splittableAttr) return; crawlIntoTrace(baseContainer, 0, ''); } function crawlIntoTrace(container, i, astrPartial) { var item = container[stack[i]]; var newAstrPartial = astrPartial + stack[i]; if(i === stack.length - 1) { if(isArrayOrTypedArray(item)) { arrayAttributes.push(baseAttrName + newAstrPartial); } } else { if(isArrayStack[i]) { if(Array.isArray(item)) { for(var j = 0; j < item.length; j++) { if(isPlainObject(item[j])) { crawlIntoTrace(item[j], i + 1, newAstrPartial + '[' + j + '].'); } } } } else if(isPlainObject(item)) { crawlIntoTrace(item, i + 1, newAstrPartial + '.'); } } } baseContainer = trace; baseAttrName = ''; exports.crawl(baseAttributes, callback); if(trace._module && trace._module.attributes) { exports.crawl(trace._module.attributes, callback); } var transforms = trace.transforms; if(transforms) { for(var i = 0; i < transforms.length; i++) { var transform = transforms[i]; var module = transform._module; if(module) { baseAttrName = 'transforms[' + i + '].'; baseContainer = transform; exports.crawl(module.attributes, callback); } } } return arrayAttributes; }; /* * Find the valObject for one attribute in an existing trace * * @param {object} trace * full trace object that contains a reference to `_module.attributes` * @param {object} parts * an array of parts, like ['transforms', 1, 'value'] * typically from nestedProperty(...).parts * * @return {object|false} * the valObject for this attribute, or the last found parent * in some cases the innermost valObject will not exist, for example * `valType: 'any'` attributes where we might set a part of the attribute. * In that case, stop at the deepest valObject we *do* find. */ exports.getTraceValObject = function(trace, parts) { var head = parts[0]; var i = 1; // index to start recursing from var moduleAttrs, valObject; if(head === 'transforms') { if(parts.length === 1) { return baseAttributes.transforms; } var transforms = trace.transforms; if(!Array.isArray(transforms) || !transforms.length) return false; var tNum = parts[1]; if(!isIndex(tNum) || tNum >= transforms.length) { return false; } moduleAttrs = (Registry.transformsRegistry[transforms[tNum].type] || {}).attributes; valObject = moduleAttrs && moduleAttrs[parts[2]]; i = 3; // start recursing only inside the transform } else if(trace.type === 'area') { valObject = polarAreaAttrs[head]; } else { // first look in the module for this trace // components have already merged their trace attributes in here var _module = trace._module; if(!_module) _module = (Registry.modules[trace.type || baseAttributes.type.dflt] || {})._module; if(!_module) return false; moduleAttrs = _module.attributes; valObject = moduleAttrs && moduleAttrs[head]; // then look in the subplot attributes if(!valObject) { var subplotModule = _module.basePlotModule; if(subplotModule && subplotModule.attributes) { valObject = subplotModule.attributes[head]; } } // finally look in the global attributes if(!valObject) valObject = baseAttributes[head]; } return recurseIntoValObject(valObject, parts, i); }; /* * Find the valObject for one layout attribute * * @param {array} parts * an array of parts, like ['annotations', 1, 'x'] * typically from nestedProperty(...).parts * * @return {object|false} * the valObject for this attribute, or the last found parent * in some cases the innermost valObject will not exist, for example * `valType: 'any'` attributes where we might set a part of the attribute. * In that case, stop at the deepest valObject we *do* find. */ exports.getLayoutValObject = function(fullLayout, parts) { var valObject = layoutHeadAttr(fullLayout, parts[0]); return recurseIntoValObject(valObject, parts, 1); }; function layoutHeadAttr(fullLayout, head) { var i, key, _module, attributes; // look for attributes of the subplot types used on the plot var basePlotModules = fullLayout._basePlotModules; if(basePlotModules) { var out; for(i = 0; i < basePlotModules.length; i++) { _module = basePlotModules[i]; if(_module.attrRegex && _module.attrRegex.test(head)) { // if a module defines overrides, these take precedence // initially this is to allow gl2d different editTypes from svg cartesian if(_module.layoutAttrOverrides) return _module.layoutAttrOverrides; // otherwise take the first attributes we find if(!out && _module.layoutAttributes) out = _module.layoutAttributes; } // a module can also override the behavior of base (and component) module layout attrs // again see gl2d for initial use case var baseOverrides = _module.baseLayoutAttrOverrides; if(baseOverrides && head in baseOverrides) return baseOverrides[head]; } if(out) return out; } // look for layout attributes contributed by traces on the plot var modules = fullLayout._modules; if(modules) { for(i = 0; i < modules.length; i++) { attributes = modules[i].layoutAttributes; if(attributes && head in attributes) { return attributes[head]; } } } /* * Next look in components. * Components that define a schema have already merged this into * base and subplot attribute defs, so ignore these. * Others (older style) all put all their attributes * inside a container matching the module `name` * eg `attributes` (array) or `legend` (object) */ for(key in Registry.componentsRegistry) { _module = Registry.componentsRegistry[key]; if(_module.name === 'colorscale' && head.indexOf('coloraxis') === 0) { return _module.layoutAttributes[head]; } else if(!_module.schema && (head === _module.name)) { return _module.layoutAttributes; } } if(head in baseLayoutAttributes) return baseLayoutAttributes[head]; // Polar doesn't populate _modules or _basePlotModules // just fall back on these when the others fail if(head === 'radialaxis' || head === 'angularaxis') { return polarAxisAttrs[head]; } return polarAxisAttrs.layout[head] || false; } function recurseIntoValObject(valObject, parts, i) { if(!valObject) return false; if(valObject._isLinkedToArray) { // skip array index, abort if we try to dive into an array without an index if(isIndex(parts[i])) i++; else if(i < parts.length) return false; } // now recurse as far as we can. Occasionally we have an attribute // setting an internal part below what's in the schema; just return // the innermost schema item we find. for(; i < parts.length; i++) { var newValObject = valObject[parts[i]]; if(isPlainObject(newValObject)) valObject = newValObject; else break; if(i === parts.length - 1) break; if(valObject._isLinkedToArray) { i++; if(!isIndex(parts[i])) return false; } else if(valObject.valType === 'info_array') { i++; var index = parts[i]; if(!isIndex(index)) return false; var items = valObject.items; if(Array.isArray(items)) { if(index >= items.length) return false; if(valObject.dimensions === 2) { i++; if(parts.length === i) return valObject; var index2 = parts[i]; if(!isIndex(index2)) return false; valObject = items[index][index2]; } else valObject = items[index]; } else { valObject = items; } } } return valObject; } // note: this is different from Lib.isIndex, this one doesn't accept numeric // strings, only actual numbers. function isIndex(val) { return val === Math.round(val) && val >= 0; } function getTraceAttributes(type) { var _module, basePlotModule; if(type === 'area') { _module = { attributes: polarAreaAttrs }; basePlotModule = {}; } else { _module = Registry.modules[type]._module, basePlotModule = _module.basePlotModule; } var attributes = {}; // make 'type' the first attribute in the object attributes.type = null; var copyBaseAttributes = extendDeepAll({}, baseAttributes); var copyModuleAttributes = extendDeepAll({}, _module.attributes); // prune global-level trace attributes that are already defined in a trace exports.crawl(copyModuleAttributes, function(attr, attrName, attrs, level, fullAttrString) { nestedProperty(copyBaseAttributes, fullAttrString).set(undefined); // Prune undefined attributes if(attr === undefined) nestedProperty(copyModuleAttributes, fullAttrString).set(undefined); }); // base attributes (same for all trace types) extendDeepAll(attributes, copyBaseAttributes); // prune-out base attributes based on trace module categories if(Registry.traceIs(type, 'noOpacity')) { delete attributes.opacity; } if(!Registry.traceIs(type, 'showLegend')) { delete attributes.showlegend; delete attributes.legendgroup; } if(Registry.traceIs(type, 'noHover')) { delete attributes.hoverinfo; delete attributes.hoverlabel; } if(!_module.selectPoints) { delete attributes.selectedpoints; } // module attributes extendDeepAll(attributes, copyModuleAttributes); // subplot attributes if(basePlotModule.attributes) { extendDeepAll(attributes, basePlotModule.attributes); } // 'type' gets overwritten by baseAttributes; reset it here attributes.type = type; var out = { meta: _module.meta || {}, categories: _module.categories || {}, animatable: Boolean(_module.animatable), type: type, attributes: formatAttributes(attributes), }; // trace-specific layout attributes if(_module.layoutAttributes) { var layoutAttributes = {}; extendDeepAll(layoutAttributes, _module.layoutAttributes); out.layoutAttributes = formatAttributes(layoutAttributes); } // drop anim:true in non-animatable modules if(!_module.animatable) { exports.crawl(out, function(attr) { if(exports.isValObject(attr) && 'anim' in attr) { delete attr.anim; } }); } return out; } function getLayoutAttributes() { var layoutAttributes = {}; var key, _module; // global layout attributes extendDeepAll(layoutAttributes, baseLayoutAttributes); // add base plot module layout attributes for(key in Registry.subplotsRegistry) { _module = Registry.subplotsRegistry[key]; if(!_module.layoutAttributes) continue; if(Array.isArray(_module.attr)) { for(var i = 0; i < _module.attr.length; i++) { handleBasePlotModule(layoutAttributes, _module, _module.attr[i]); } } else { var astr = _module.attr === 'subplot' ? _module.name : _module.attr; handleBasePlotModule(layoutAttributes, _module, astr); } } // polar layout attributes layoutAttributes = assignPolarLayoutAttrs(layoutAttributes); // add registered components layout attributes for(key in Registry.componentsRegistry) { _module = Registry.componentsRegistry[key]; var schema = _module.schema; if(schema && (schema.subplots || schema.layout)) { /* * Components with defined schema have already been merged in at register time * but a few components define attributes that apply only to xaxis * not yaxis (rangeselector, rangeslider) - delete from y schema. * Note that the input attributes for xaxis/yaxis are the same object * so it's not possible to only add them to xaxis from the start. * If we ever have such asymmetry the other way, or anywhere else, * we will need to extend both this code and mergeComponentAttrsToSubplot * (which will not find yaxis only for example) */ var subplots = schema.subplots; if(subplots && subplots.xaxis && !subplots.yaxis) { for(var xkey in subplots.xaxis) { delete layoutAttributes.yaxis[xkey]; } } } else if(_module.name === 'colorscale') { extendDeepAll(layoutAttributes, _module.layoutAttributes); } else if(_module.layoutAttributes) { // older style without schema need to be explicitly merged in now insertAttrs(layoutAttributes, _module.layoutAttributes, _module.name); } } return { layoutAttributes: formatAttributes(layoutAttributes) }; } function getTransformAttributes(type) { var _module = Registry.transformsRegistry[type]; var attributes = extendDeepAll({}, _module.attributes); // add registered components transform attributes Object.keys(Registry.componentsRegistry).forEach(function(k) { var _module = Registry.componentsRegistry[k]; if(_module.schema && _module.schema.transforms && _module.schema.transforms[type]) { Object.keys(_module.schema.transforms[type]).forEach(function(v) { insertAttrs(attributes, _module.schema.transforms[type][v], v); }); } }); return { attributes: formatAttributes(attributes) }; } function getFramesAttributes() { var attrs = { frames: extendDeepAll({}, frameAttributes) }; formatAttributes(attrs); return attrs.frames; } function formatAttributes(attrs) { mergeValTypeAndRole(attrs); formatArrayContainers(attrs); stringify(attrs); return attrs; } function mergeValTypeAndRole(attrs) { function makeSrcAttr(attrName) { return { valType: 'string', editType: 'none' }; } function callback(attr, attrName, attrs) { if(exports.isValObject(attr)) { if(attr.valType === 'data_array') { // all 'data_array' attrs have role 'data' attr.role = 'data'; // all 'data_array' attrs have a corresponding 'src' attr attrs[attrName + 'src'] = makeSrcAttr(attrName); } else if(attr.arrayOk === true) { // all 'arrayOk' attrs have a corresponding 'src' attr attrs[attrName + 'src'] = makeSrcAttr(attrName); } } else if(isPlainObject(attr)) { // all attrs container objects get role 'object' attr.role = 'object'; } } exports.crawl(attrs, callback); } function formatArrayContainers(attrs) { function callback(attr, attrName, attrs) { if(!attr) return; var itemName = attr[IS_LINKED_TO_ARRAY]; if(!itemName) return; delete attr[IS_LINKED_TO_ARRAY]; attrs[attrName] = { items: {} }; attrs[attrName].items[itemName] = attr; attrs[attrName].role = 'object'; } exports.crawl(attrs, callback); } // this can take around 10ms and should only be run from PlotSchema.get(), // to ensure JSON.stringify(PlotSchema.get()) gives the intended result. function stringify(attrs) { function walk(attr) { for(var k in attr) { if(isPlainObject(attr[k])) { walk(attr[k]); } else if(Array.isArray(attr[k])) { for(var i = 0; i < attr[k].length; i++) { walk(attr[k][i]); } } else { // as JSON.stringify(/test/) // => {} if(attr[k] instanceof RegExp) { attr[k] = attr[k].toString(); } } } } walk(attrs); } function assignPolarLayoutAttrs(layoutAttributes) { extendFlat(layoutAttributes, { radialaxis: polarAxisAttrs.radialaxis, angularaxis: polarAxisAttrs.angularaxis }); extendFlat(layoutAttributes, polarAxisAttrs.layout); return layoutAttributes; } function handleBasePlotModule(layoutAttributes, _module, astr) { var np = nestedProperty(layoutAttributes, astr); var attrs = extendDeepAll({}, _module.layoutAttributes); attrs[IS_SUBPLOT_OBJ] = true; np.set(attrs); } function insertAttrs(baseAttrs, newAttrs, astr) { var np = nestedProperty(baseAttrs, astr); np.set(extendDeepAll(np.get() || {}, newAttrs)); } },{"../lib":202,"../plots/animation_attributes":242,"../plots/attributes":244,"../plots/frame_attributes":277,"../plots/layout_attributes":280,"../plots/polar/legacy/area_attributes":283,"../plots/polar/legacy/axis_attributes":284,"../registry":290,"./edit_types":230,"./plot_config":235}],237:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = _dereq_('../lib'); var plotAttributes = _dereq_('../plots/attributes'); var TEMPLATEITEMNAME = 'templateitemname'; var templateAttrs = { name: { valType: 'string', editType: 'none', } }; templateAttrs[TEMPLATEITEMNAME] = { valType: 'string', editType: 'calc', }; /** * templatedArray: decorate an attributes object with templating (and array) * properties. * * @param {string} name: the singular form of the array name. Sets * `_isLinkedToArray` to this, so the schema knows to treat this as an array. * @param {object} attrs: the item attributes. Since all callers are expected * to be constructing this object on the spot, we mutate it here for * performance, rather than extending a new object with it. * * @returns {object}: the decorated `attrs` object */ exports.templatedArray = function(name, attrs) { attrs._isLinkedToArray = name; attrs.name = templateAttrs.name; attrs[TEMPLATEITEMNAME] = templateAttrs[TEMPLATEITEMNAME]; return attrs; }; /** * traceTemplater: logic for matching traces to trace templates * * @param {object} dataTemplate: collection of {traceType: [{template}, ...]} * ie each type the template applies to contains a list of template objects, * to be provided cyclically to data traces of that type. * * @returns {object}: {newTrace}, a function: * newTrace(traceIn): that takes the input traceIn, coerces its type, then * uses that type to find the next template to apply. returns the output * traceOut with template attached, ready to continue supplyDefaults. */ exports.traceTemplater = function(dataTemplate) { var traceCounts = {}; var traceType, typeTemplates; for(traceType in dataTemplate) { typeTemplates = dataTemplate[traceType]; if(Array.isArray(typeTemplates) && typeTemplates.length) { traceCounts[traceType] = 0; } } function newTrace(traceIn) { traceType = Lib.coerce(traceIn, {}, plotAttributes, 'type'); var traceOut = {type: traceType, _template: null}; if(traceType in traceCounts) { typeTemplates = dataTemplate[traceType]; // cycle through traces in the template set for this type var typei = traceCounts[traceType] % typeTemplates.length; traceCounts[traceType]++; traceOut._template = typeTemplates[typei]; } else { // TODO: anything we should do for types missing from the template? // try to apply some other type? Or just bail as we do here? // Actually I think yes, we should apply other types; would be nice // if all scatter* could inherit from each other, and if histogram // could inherit from bar, etc... but how to specify this? And do we // compose them, or if a type is present require it to be complete? // Actually this could apply to layout too - 3D annotations // inheriting from 2D, axes of different types inheriting from each // other... } return traceOut; } return { newTrace: newTrace // TODO: function to figure out what's left & what didn't work }; }; /** * newContainer: Create a new sub-container inside `container` and propagate any * applicable template to it. If there's no template, still propagates * `undefined` so relinkPrivate will not retain an old template! * * @param {object} container: the outer container, should already have _template * if there *is* a template for this plot * @param {string} name: the key of the new container to make * @param {string} baseName: if applicable, a base attribute to take the * template from, ie for xaxis3 the base would be xaxis * * @returns {object}: an object for inclusion _full*, empty except for the * appropriate template piece */ exports.newContainer = function(container, name, baseName) { var template = container._template; var part = template && (template[name] || (baseName && template[baseName])); if(!Lib.isPlainObject(part)) part = null; var out = container[name] = {_template: part}; return out; }; /** * arrayTemplater: special logic for templating both defaults and specific items * in a container array (annotations etc) * * @param {object} container: the outer container, should already have _template * if there *is* a template for this plot * @param {string} name: the name of the array to template (ie 'annotations') * will be used to find default ('annotationdefaults' object) and specific * ('annotations' array) template specs. * @param {string} inclusionAttr: the attribute determining this item's * inclusion in the output, usually 'visible' or 'enabled' * * @returns {object}: {newItem, defaultItems}, both functions: * newItem(itemIn): create an output item, bare except for the correct * template and name(s), as the base for supplyDefaults * defaultItems(): to be called after all newItem calls, return any * specific template items that have not already beeen included, * also as bare output items ready for supplyDefaults. */ exports.arrayTemplater = function(container, name, inclusionAttr) { var template = container._template; var defaultsTemplate = template && template[arrayDefaultKey(name)]; var templateItems = template && template[name]; if(!Array.isArray(templateItems) || !templateItems.length) { templateItems = []; } var usedNames = {}; function newItem(itemIn) { // include name and templateitemname in the output object for ALL // container array items. Note: you could potentially use different // name and templateitemname, if you're using one template to make // another template. templateitemname would be the name in the original // template, and name is the new "subclassed" item name. var out = {name: itemIn.name, _input: itemIn}; var templateItemName = out[TEMPLATEITEMNAME] = itemIn[TEMPLATEITEMNAME]; // no itemname: use the default template if(!validItemName(templateItemName)) { out._template = defaultsTemplate; return out; } // look for an item matching this itemname // note these do not inherit from the default template, only the item. for(var i = 0; i < templateItems.length; i++) { var templateItem = templateItems[i]; if(templateItem.name === templateItemName) { // Note: it's OK to use a template item more than once // but using it at least once will stop it from generating // a default item at the end. usedNames[templateItemName] = 1; out._template = templateItem; return out; } } // Didn't find a matching template item, so since this item is intended // to only be modifications it's most likely broken. Hide it unless // it's explicitly marked visible - in which case it gets NO template, // not even the default. out[inclusionAttr] = itemIn[inclusionAttr] || false; // special falsy value we can look for in validateTemplate out._template = false; return out; } function defaultItems() { var out = []; for(var i = 0; i < templateItems.length; i++) { var templateItem = templateItems[i]; var name = templateItem.name; // only allow named items to be added as defaults, // and only allow each name once if(validItemName(name) && !usedNames[name]) { var outi = { _template: templateItem, name: name, _input: {_templateitemname: name} }; outi[TEMPLATEITEMNAME] = templateItem[TEMPLATEITEMNAME]; out.push(outi); usedNames[name] = 1; } } return out; } return { newItem: newItem, defaultItems: defaultItems }; }; function validItemName(name) { return name && typeof name === 'string'; } function arrayDefaultKey(name) { var lastChar = name.length - 1; if(name.charAt(lastChar) !== 's') { Lib.warn('bad argument to arrayDefaultKey: ' + name); } return name.substr(0, name.length - 1) + 'defaults'; } exports.arrayDefaultKey = arrayDefaultKey; /** * arrayEditor: helper for editing array items that may have come from * template defaults (in which case they will not exist in the input yet) * * @param {object} parentIn: the input container (eg gd.layout) * @param {string} containerStr: the attribute string for the container inside * `parentIn`. * @param {object} itemOut: the _full* item (eg gd._fullLayout.annotations[0]) * that we'll be editing. Assumed to have been created by `arrayTemplater`. * * @returns {object}: {modifyBase, modifyItem, getUpdateObj, applyUpdate}, all functions: * modifyBase(attr, value): Add an update that's *not* related to the item. * `attr` is the full attribute string. * modifyItem(attr, value): Add an update to the item. `attr` is just the * portion of the attribute string inside the item. * getUpdateObj(): Get the final constructed update object, to use in * `restyle` or `relayout`. Also resets the update object in case this * update was canceled. * applyUpdate(attr, value): optionally add an update `attr: value`, * then apply it to `parent` which should be the parent of `containerIn`, * ie the object to which `containerStr` is the attribute string. */ exports.arrayEditor = function(parentIn, containerStr, itemOut) { var lengthIn = (Lib.nestedProperty(parentIn, containerStr).get() || []).length; var index = itemOut._index; // Check that we are indeed off the end of this container. // Otherwise a devious user could put a key `_templateitemname` in their // own input and break lots of things. var templateItemName = (index >= lengthIn) && (itemOut._input || {})._templateitemname; if(templateItemName) index = lengthIn; var itemStr = containerStr + '[' + index + ']'; var update; function resetUpdate() { update = {}; if(templateItemName) { update[itemStr] = {}; update[itemStr][TEMPLATEITEMNAME] = templateItemName; } } resetUpdate(); function modifyBase(attr, value) { update[attr] = value; } function modifyItem(attr, value) { if(templateItemName) { // we're making a new object: edit that object Lib.nestedProperty(update[itemStr], attr).set(value); } else { // we're editing an existing object: include *just* the edit update[itemStr + '.' + attr] = value; } } function getUpdateObj() { var updateOut = update; resetUpdate(); return updateOut; } function applyUpdate(attr, value) { if(attr) modifyItem(attr, value); var updateToApply = getUpdateObj(); for(var key in updateToApply) { Lib.nestedProperty(parentIn, key).set(updateToApply[key]); } } return { modifyBase: modifyBase, modifyItem: modifyItem, getUpdateObj: getUpdateObj, applyUpdate: applyUpdate }; }; },{"../lib":202,"../plots/attributes":244}],238:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = _dereq_('d3'); var Registry = _dereq_('../registry'); var Plots = _dereq_('../plots/plots'); var Lib = _dereq_('../lib'); var clearGlCanvases = _dereq_('../lib/clear_gl_canvases'); var Color = _dereq_('../components/color'); var Drawing = _dereq_('../components/drawing'); var Titles = _dereq_('../components/titles'); var ModeBar = _dereq_('../components/modebar'); var Axes = _dereq_('../plots/cartesian/axes'); var alignmentConstants = _dereq_('../constants/alignment'); var axisConstraints = _dereq_('../plots/cartesian/constraints'); var enforceAxisConstraints = axisConstraints.enforce; var cleanAxisConstraints = axisConstraints.clean; var doAutoRange = _dereq_('../plots/cartesian/autorange').doAutoRange; var SVG_TEXT_ANCHOR_START = 'start'; var SVG_TEXT_ANCHOR_MIDDLE = 'middle'; var SVG_TEXT_ANCHOR_END = 'end'; exports.layoutStyles = function(gd) { return Lib.syncOrAsync([Plots.doAutoMargin, lsInner], gd); }; function overlappingDomain(xDomain, yDomain, domains) { for(var i = 0; i < domains.length; i++) { var existingX = domains[i][0]; var existingY = domains[i][1]; if(existingX[0] >= xDomain[1] || existingX[1] <= xDomain[0]) { continue; } if(existingY[0] < yDomain[1] && existingY[1] > yDomain[0]) { return true; } } return false; } function lsInner(gd) { var fullLayout = gd._fullLayout; var gs = fullLayout._size; var pad = gs.p; var axList = Axes.list(gd, '', true); var i, subplot, plotinfo, ax, xa, ya; fullLayout._paperdiv.style({ width: (gd._context.responsive && fullLayout.autosize && !gd._context._hasZeroWidth && !gd.layout.width) ? '100%' : fullLayout.width + 'px', height: (gd._context.responsive && fullLayout.autosize && !gd._context._hasZeroHeight && !gd.layout.height) ? '100%' : fullLayout.height + 'px' }) .selectAll('.main-svg') .call(Drawing.setSize, fullLayout.width, fullLayout.height); gd._context.setBackground(gd, fullLayout.paper_bgcolor); exports.drawMainTitle(gd); ModeBar.manage(gd); // _has('cartesian') means SVG specifically, not GL2D - but GL2D // can still get here because it makes some of the SVG structure // for shared features like selections. if(!fullLayout._has('cartesian')) { return Plots.previousPromises(gd); } function getLinePosition(ax, counterAx, side) { var lwHalf = ax._lw / 2; if(ax._id.charAt(0) === 'x') { if(!counterAx) return gs.t + gs.h * (1 - (ax.position || 0)) + (lwHalf % 1); else if(side === 'top') return counterAx._offset - pad - lwHalf; return counterAx._offset + counterAx._length + pad + lwHalf; } if(!counterAx) return gs.l + gs.w * (ax.position || 0) + (lwHalf % 1); else if(side === 'right') return counterAx._offset + counterAx._length + pad + lwHalf; return counterAx._offset - pad - lwHalf; } // some preparation of axis position info for(i = 0; i < axList.length; i++) { ax = axList[i]; var counterAx = ax._anchorAxis; // clear axis line positions, to be set in the subplot loop below ax._linepositions = {}; // stash crispRounded linewidth so we don't need to pass gd all over the place ax._lw = Drawing.crispRound(gd, ax.linewidth, 1); // figure out the main axis line and main mirror line position. // it's easier to follow the logic if we handle these separately from // ax._linepositions, which are only used by mirror=allticks // for non-main-subplot ticks, and mirror=all(ticks)? for zero line // hiding logic ax._mainLinePosition = getLinePosition(ax, counterAx, ax.side); ax._mainMirrorPosition = (ax.mirror && counterAx) ? getLinePosition(ax, counterAx, alignmentConstants.OPPOSITE_SIDE[ax.side]) : null; } // figure out which backgrounds we need to draw, // and in which layers to put them var lowerBackgroundIDs = []; var backgroundIds = []; var lowerDomains = []; // no need to draw background when paper and plot color are the same color, // activate mode just for large splom (which benefit the most from this // optimization), but this could apply to all cartesian subplots. var noNeedForBg = ( Color.opacity(fullLayout.paper_bgcolor) === 1 && Color.opacity(fullLayout.plot_bgcolor) === 1 && fullLayout.paper_bgcolor === fullLayout.plot_bgcolor ); for(subplot in fullLayout._plots) { plotinfo = fullLayout._plots[subplot]; if(plotinfo.mainplot) { // mainplot is a reference to the main plot this one is overlaid on // so if it exists, this is an overlaid plot and we don't need to // give it its own background if(plotinfo.bg) { plotinfo.bg.remove(); } plotinfo.bg = undefined; } else { var xDomain = plotinfo.xaxis.domain; var yDomain = plotinfo.yaxis.domain; var plotgroup = plotinfo.plotgroup; if(overlappingDomain(xDomain, yDomain, lowerDomains)) { var pgNode = plotgroup.node(); var plotgroupBg = plotinfo.bg = Lib.ensureSingle(plotgroup, 'rect', 'bg'); pgNode.insertBefore(plotgroupBg.node(), pgNode.childNodes[0]); backgroundIds.push(subplot); } else { plotgroup.select('rect.bg').remove(); lowerDomains.push([xDomain, yDomain]); if(!noNeedForBg) { lowerBackgroundIDs.push(subplot); backgroundIds.push(subplot); } } } } // now create all the lower-layer backgrounds at once now that // we have the list of subplots that need them var lowerBackgrounds = fullLayout._bgLayer.selectAll('.bg') .data(lowerBackgroundIDs); lowerBackgrounds.enter().append('rect') .classed('bg', true); lowerBackgrounds.exit().remove(); lowerBackgrounds.each(function(subplot) { fullLayout._plots[subplot].bg = d3.select(this); }); // style all backgrounds for(i = 0; i < backgroundIds.length; i++) { plotinfo = fullLayout._plots[backgroundIds[i]]; xa = plotinfo.xaxis; ya = plotinfo.yaxis; if(plotinfo.bg && xa._offset !== undefined && ya._offset !== undefined) { plotinfo.bg .call(Drawing.setRect, xa._offset - pad, ya._offset - pad, xa._length + 2 * pad, ya._length + 2 * pad) .call(Color.fill, fullLayout.plot_bgcolor) .style('stroke-width', 0); } } if(!fullLayout._hasOnlyLargeSploms) { for(subplot in fullLayout._plots) { plotinfo = fullLayout._plots[subplot]; xa = plotinfo.xaxis; ya = plotinfo.yaxis; // Clip so that data only shows up on the plot area. var clipId = plotinfo.clipId = 'clip' + fullLayout._uid + subplot + 'plot'; var plotClip = Lib.ensureSingleById(fullLayout._clips, 'clipPath', clipId, function(s) { s.classed('plotclip', true) .append('rect'); }); plotinfo.clipRect = plotClip.select('rect').attr({ width: xa._length, height: ya._length }); Drawing.setTranslate(plotinfo.plot, xa._offset, ya._offset); var plotClipId; var layerClipId; if(plotinfo._hasClipOnAxisFalse) { plotClipId = null; layerClipId = clipId; } else { plotClipId = clipId; layerClipId = null; } Drawing.setClipUrl(plotinfo.plot, plotClipId, gd); // stash layer clipId value (null or same as clipId) // to DRY up Drawing.setClipUrl calls on trace-module and trace layers // downstream plotinfo.layerClipId = layerClipId; } } var xLinesXLeft, xLinesXRight, xLinesYBottom, xLinesYTop, leftYLineWidth, rightYLineWidth; var yLinesYBottom, yLinesYTop, yLinesXLeft, yLinesXRight, connectYBottom, connectYTop; var extraSubplot; function xLinePath(y) { return 'M' + xLinesXLeft + ',' + y + 'H' + xLinesXRight; } function xLinePathFree(y) { return 'M' + xa._offset + ',' + y + 'h' + xa._length; } function yLinePath(x) { return 'M' + x + ',' + yLinesYTop + 'V' + yLinesYBottom; } function yLinePathFree(x) { return 'M' + x + ',' + ya._offset + 'v' + ya._length; } function mainPath(ax, pathFn, pathFnFree) { if(!ax.showline || subplot !== ax._mainSubplot) return ''; if(!ax._anchorAxis) return pathFnFree(ax._mainLinePosition); var out = pathFn(ax._mainLinePosition); if(ax.mirror) out += pathFn(ax._mainMirrorPosition); return out; } for(subplot in fullLayout._plots) { plotinfo = fullLayout._plots[subplot]; xa = plotinfo.xaxis; ya = plotinfo.yaxis; /* * x lines get longer where they meet y lines, to make a crisp corner. * The x lines get the padding (margin.pad) plus the y line width to * fill up the corner nicely. Free x lines are excluded - they always * span exactly the data area of the plot * * | XXXXX * | XXXXX * | * +------ * x1 * ----- * x2 */ var xPath = 'M0,0'; if(shouldShowLinesOrTicks(xa, subplot)) { leftYLineWidth = findCounterAxisLineWidth(xa, 'left', ya, axList); xLinesXLeft = xa._offset - (leftYLineWidth ? (pad + leftYLineWidth) : 0); rightYLineWidth = findCounterAxisLineWidth(xa, 'right', ya, axList); xLinesXRight = xa._offset + xa._length + (rightYLineWidth ? (pad + rightYLineWidth) : 0); xLinesYBottom = getLinePosition(xa, ya, 'bottom'); xLinesYTop = getLinePosition(xa, ya, 'top'); // save axis line positions for extra ticks to reference // each subplot that gets ticks from "allticks" gets an entry: // [left or bottom, right or top] extraSubplot = (!xa._anchorAxis || subplot !== xa._mainSubplot); if(extraSubplot && (xa.mirror === 'allticks' || xa.mirror === 'all')) { xa._linepositions[subplot] = [xLinesYBottom, xLinesYTop]; } xPath = mainPath(xa, xLinePath, xLinePathFree); if(extraSubplot && xa.showline && (xa.mirror === 'all' || xa.mirror === 'allticks')) { xPath += xLinePath(xLinesYBottom) + xLinePath(xLinesYTop); } plotinfo.xlines .style('stroke-width', xa._lw + 'px') .call(Color.stroke, xa.showline ? xa.linecolor : 'rgba(0,0,0,0)'); } plotinfo.xlines.attr('d', xPath); /* * y lines that meet x axes get longer only by margin.pad, because * the x axes fill in the corner space. Free y axes, like free x axes, * always span exactly the data area of the plot * * | | XXXX * y2| y1| XXXX * | | XXXX * | * +----- */ var yPath = 'M0,0'; if(shouldShowLinesOrTicks(ya, subplot)) { connectYBottom = findCounterAxisLineWidth(ya, 'bottom', xa, axList); yLinesYBottom = ya._offset + ya._length + (connectYBottom ? pad : 0); connectYTop = findCounterAxisLineWidth(ya, 'top', xa, axList); yLinesYTop = ya._offset - (connectYTop ? pad : 0); yLinesXLeft = getLinePosition(ya, xa, 'left'); yLinesXRight = getLinePosition(ya, xa, 'right'); extraSubplot = (!ya._anchorAxis || subplot !== ya._mainSubplot); if(extraSubplot && (ya.mirror === 'allticks' || ya.mirror === 'all')) { ya._linepositions[subplot] = [yLinesXLeft, yLinesXRight]; } yPath = mainPath(ya, yLinePath, yLinePathFree); if(extraSubplot && ya.showline && (ya.mirror === 'all' || ya.mirror === 'allticks')) { yPath += yLinePath(yLinesXLeft) + yLinePath(yLinesXRight); } plotinfo.ylines .style('stroke-width', ya._lw + 'px') .call(Color.stroke, ya.showline ? ya.linecolor : 'rgba(0,0,0,0)'); } plotinfo.ylines.attr('d', yPath); } Axes.makeClipPaths(gd); return Plots.previousPromises(gd); } function shouldShowLinesOrTicks(ax, subplot) { return (ax.ticks || ax.showline) && (subplot === ax._mainSubplot || ax.mirror === 'all' || ax.mirror === 'allticks'); } /* * should we draw a line on counterAx at this side of ax? * It's assumed that counterAx is known to overlay the subplot we're working on * but it may not be its main axis. */ function shouldShowLineThisSide(ax, side, counterAx) { // does counterAx get a line at all? if(!counterAx.showline || !counterAx._lw) return false; // are we drawing *all* lines for counterAx? if(counterAx.mirror === 'all' || counterAx.mirror === 'allticks') return true; var anchorAx = counterAx._anchorAxis; // is this a free axis? free axes can only have a subplot side-line with all(ticks)? mirroring if(!anchorAx) return false; // in order to handle cases where the user forgot to anchor this axis correctly // (because its default anchor has the same domain on the relevant end) // check whether the relevant position is the same. var sideIndex = alignmentConstants.FROM_BL[side]; if(counterAx.side === side) { return anchorAx.domain[sideIndex] === ax.domain[sideIndex]; } return counterAx.mirror && anchorAx.domain[1 - sideIndex] === ax.domain[1 - sideIndex]; } /* * Is there another axis intersecting `side` end of `ax`? * First look at `counterAx` (the axis for this subplot), * then at all other potential counteraxes on or overlaying this subplot. * Take the line width from the first one that has a line. */ function findCounterAxisLineWidth(ax, side, counterAx, axList) { if(shouldShowLineThisSide(ax, side, counterAx)) { return counterAx._lw; } for(var i = 0; i < axList.length; i++) { var axi = axList[i]; if(axi._mainAxis === counterAx._mainAxis && shouldShowLineThisSide(ax, side, axi)) { return axi._lw; } } return 0; } exports.drawMainTitle = function(gd) { var fullLayout = gd._fullLayout; var textAnchor = getMainTitleTextAnchor(fullLayout); var dy = getMainTitleDy(fullLayout); Titles.draw(gd, 'gtitle', { propContainer: fullLayout, propName: 'title.text', placeholder: fullLayout._dfltTitle.plot, attributes: { x: getMainTitleX(fullLayout, textAnchor), y: getMainTitleY(fullLayout, dy), 'text-anchor': textAnchor, dy: dy } }); }; function getMainTitleX(fullLayout, textAnchor) { var title = fullLayout.title; var gs = fullLayout._size; var hPadShift = 0; if(textAnchor === SVG_TEXT_ANCHOR_START) { hPadShift = title.pad.l; } else if(textAnchor === SVG_TEXT_ANCHOR_END) { hPadShift = -title.pad.r; } switch(title.xref) { case 'paper': return gs.l + gs.w * title.x + hPadShift; case 'container': default: return fullLayout.width * title.x + hPadShift; } } function getMainTitleY(fullLayout, dy) { var title = fullLayout.title; var gs = fullLayout._size; var vPadShift = 0; if(dy === '0em' || !dy) { vPadShift = -title.pad.b; } else if(dy === alignmentConstants.CAP_SHIFT + 'em') { vPadShift = title.pad.t; } if(title.y === 'auto') { return gs.t / 2; } else { switch(title.yref) { case 'paper': return gs.t + gs.h - gs.h * title.y + vPadShift; case 'container': default: return fullLayout.height - fullLayout.height * title.y + vPadShift; } } } function getMainTitleTextAnchor(fullLayout) { var title = fullLayout.title; var textAnchor = SVG_TEXT_ANCHOR_MIDDLE; if(Lib.isRightAnchor(title)) { textAnchor = SVG_TEXT_ANCHOR_END; } else if(Lib.isLeftAnchor(title)) { textAnchor = SVG_TEXT_ANCHOR_START; } return textAnchor; } function getMainTitleDy(fullLayout) { var title = fullLayout.title; var dy = '0em'; if(Lib.isTopAnchor(title)) { dy = alignmentConstants.CAP_SHIFT + 'em'; } else if(Lib.isMiddleAnchor(title)) { dy = alignmentConstants.MID_SHIFT + 'em'; } return dy; } exports.doTraceStyle = function(gd) { var calcdata = gd.calcdata; var editStyleCalls = []; var i; for(i = 0; i < calcdata.length; i++) { var cd = calcdata[i]; var cd0 = cd[0] || {}; var trace = cd0.trace || {}; var _module = trace._module || {}; // See if we need to do arraysToCalcdata // call it regardless of what change we made, in case // supplyDefaults brought in an array that was already // in gd.data but not in gd._fullData previously var arraysToCalcdata = _module.arraysToCalcdata; if(arraysToCalcdata) arraysToCalcdata(cd, trace); var editStyle = _module.editStyle; if(editStyle) editStyleCalls.push({fn: editStyle, cd0: cd0}); } if(editStyleCalls.length) { for(i = 0; i < editStyleCalls.length; i++) { var edit = editStyleCalls[i]; edit.fn(gd, edit.cd0); } clearGlCanvases(gd); exports.redrawReglTraces(gd); } Plots.style(gd); Registry.getComponentMethod('legend', 'draw')(gd); return Plots.previousPromises(gd); }; exports.doColorBars = function(gd) { Registry.getComponentMethod('colorbar', 'draw')(gd); return Plots.previousPromises(gd); }; // force plot() to redo the layout and replot with the modified layout exports.layoutReplot = function(gd) { var layout = gd.layout; gd.layout = undefined; return Registry.call('plot', gd, '', layout); }; exports.doLegend = function(gd) { Registry.getComponentMethod('legend', 'draw')(gd); return Plots.previousPromises(gd); }; exports.doTicksRelayout = function(gd) { Axes.draw(gd, 'redraw'); if(gd._fullLayout._hasOnlyLargeSploms) { Registry.subplotsRegistry.splom.updateGrid(gd); clearGlCanvases(gd); exports.redrawReglTraces(gd); } exports.drawMainTitle(gd); return Plots.previousPromises(gd); }; exports.doModeBar = function(gd) { var fullLayout = gd._fullLayout; ModeBar.manage(gd); for(var i = 0; i < fullLayout._basePlotModules.length; i++) { var updateFx = fullLayout._basePlotModules[i].updateFx; if(updateFx) updateFx(gd); } return Plots.previousPromises(gd); }; exports.doCamera = function(gd) { var fullLayout = gd._fullLayout; var sceneIds = fullLayout._subplots.gl3d; for(var i = 0; i < sceneIds.length; i++) { var sceneLayout = fullLayout[sceneIds[i]]; var scene = sceneLayout._scene; scene.setViewport(sceneLayout); } }; exports.drawData = function(gd) { var fullLayout = gd._fullLayout; clearGlCanvases(gd); // loop over the base plot modules present on graph var basePlotModules = fullLayout._basePlotModules; for(var i = 0; i < basePlotModules.length; i++) { basePlotModules[i].plot(gd); } exports.redrawReglTraces(gd); // styling separate from drawing Plots.style(gd); // draw components that can be drawn on axes, // and that do not push the margins Registry.getComponentMethod('shapes', 'draw')(gd); Registry.getComponentMethod('annotations', 'draw')(gd); Registry.getComponentMethod('images', 'draw')(gd); // Mark the first render as complete fullLayout._replotting = false; return Plots.previousPromises(gd); }; // Draw (or redraw) all regl-based traces in one go, // useful during drag and selection where buffers of targeted traces are updated, // but all traces need to be redrawn following clearGlCanvases. // // Note that _module.plot for regl trace does NOT draw things // on the canvas, they only update the buffers. // Drawing is perform here. // // TODO try adding per-subplot option using gl.SCISSOR_TEST for // non-overlaying, disjoint subplots. // // TODO try to include parcoords in here. // https://github.com/plotly/plotly.js/issues/3069 exports.redrawReglTraces = function(gd) { var fullLayout = gd._fullLayout; if(fullLayout._has('regl')) { var fullData = gd._fullData; var cartesianIds = []; var polarIds = []; var i, sp; if(fullLayout._hasOnlyLargeSploms) { fullLayout._splomGrid.draw(); } // N.B. // - Loop over fullData (not _splomScenes) to preserve splom trace-to-trace ordering // - Fill list if subplot ids (instead of fullLayout._subplots) to handle cases where all traces // of a given module are `visible !== true` for(i = 0; i < fullData.length; i++) { var trace = fullData[i]; if(trace.visible === true && trace._length !== 0) { if(trace.type === 'splom') { fullLayout._splomScenes[trace.uid].draw(); } else if(trace.type === 'scattergl') { Lib.pushUnique(cartesianIds, trace.xaxis + trace.yaxis); } else if(trace.type === 'scatterpolargl') { Lib.pushUnique(polarIds, trace.subplot); } } } for(i = 0; i < cartesianIds.length; i++) { sp = fullLayout._plots[cartesianIds[i]]; if(sp._scene) sp._scene.draw(); } for(i = 0; i < polarIds.length; i++) { sp = fullLayout[polarIds[i]]._subplot; if(sp._scene) sp._scene.draw(); } } }; exports.doAutoRangeAndConstraints = function(gd) { var axList = Axes.list(gd, '', true); var ax; var autoRangeDone = {}; for(var i = 0; i < axList.length; i++) { ax = axList[i]; if(!autoRangeDone[ax._id]) { autoRangeDone[ax._id] = 1; cleanAxisConstraints(gd, ax); doAutoRange(gd, ax); // For matching axes, just propagate this autorange to the group. // The extra arg to doAutoRange avoids recalculating the range, // since doAutoRange by itself accounts for all matching axes. but // there are other side-effects of doAutoRange that we still want. var matchGroup = ax._matchGroup; if(matchGroup) { for(var id2 in matchGroup) { var ax2 = Axes.getFromId(gd, id2); doAutoRange(gd, ax2, ax.range); autoRangeDone[id2] = 1; } } } } enforceAxisConstraints(gd); }; // An initial paint must be completed before these components can be // correctly sized and the whole plot re-margined. fullLayout._replotting must // be set to false before these will work properly. exports.finalDraw = function(gd) { // TODO: rangesliders really belong in marginPushers but they need to be // drawn after data - can we at least get the margin pushing part separated // out and done earlier? Registry.getComponentMethod('rangeslider', 'draw')(gd); // TODO: rangeselector only needs to be here (in addition to drawMarginPushers) // because the margins need to be fully determined before we can call // autorange and update axis ranges (which rangeselector needs to know which // button is active). Can we break out its automargin step from its draw step? Registry.getComponentMethod('rangeselector', 'draw')(gd); }; exports.drawMarginPushers = function(gd) { Registry.getComponentMethod('legend', 'draw')(gd); Registry.getComponentMethod('rangeselector', 'draw')(gd); Registry.getComponentMethod('sliders', 'draw')(gd); Registry.getComponentMethod('updatemenus', 'draw')(gd); Registry.getComponentMethod('colorbar', 'draw')(gd); }; },{"../components/color":75,"../components/drawing":97,"../components/modebar":135,"../components/titles":170,"../constants/alignment":177,"../lib":202,"../lib/clear_gl_canvases":190,"../plots/cartesian/autorange":247,"../plots/cartesian/axes":248,"../plots/cartesian/constraints":255,"../plots/plots":282,"../registry":290,"d3":9}],239:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = _dereq_('../lib'); var isPlainObject = Lib.isPlainObject; var PlotSchema = _dereq_('./plot_schema'); var Plots = _dereq_('../plots/plots'); var plotAttributes = _dereq_('../plots/attributes'); var Template = _dereq_('./plot_template'); var dfltConfig = _dereq_('./plot_config').dfltConfig; /** * Plotly.makeTemplate: create a template off an existing figure to reuse * style attributes on other figures. * * Note: separated from the rest of templates because otherwise we get circular * references due to PlotSchema. * * @param {object|DOM element|string} figure: The figure to base the template on * should contain a trace array `figure.data` * and a layout object `figure.layout` * @returns {object} template: the extracted template - can then be used as * `layout.template` in another figure. */ exports.makeTemplate = function(figure) { figure = Lib.isPlainObject(figure) ? figure : Lib.getGraphDiv(figure); figure = Lib.extendDeep({_context: dfltConfig}, {data: figure.data, layout: figure.layout}); Plots.supplyDefaults(figure); var data = figure.data || []; var layout = figure.layout || {}; // copy over a few items to help follow the schema layout._basePlotModules = figure._fullLayout._basePlotModules; layout._modules = figure._fullLayout._modules; var template = { data: {}, layout: {} }; /* * Note: we do NOT validate template values, we just take what's in the * user inputs data and layout, not the validated values in fullData and * fullLayout. Even if we were to validate here, there's no guarantee that * these values would still be valid when applied to a new figure, which * may contain different trace modes, different axes, etc. So it's * important that when applying a template we still validate the template * values, rather than just using them as defaults. */ data.forEach(function(trace) { // TODO: What if no style info is extracted for this trace. We may // not want an empty object as the null value. // TODO: allow transforms to contribute to templates? // as it stands they are ignored, which may be for the best... var traceTemplate = {}; walkStyleKeys(trace, traceTemplate, getTraceInfo.bind(null, trace)); var traceType = Lib.coerce(trace, {}, plotAttributes, 'type'); var typeTemplates = template.data[traceType]; if(!typeTemplates) typeTemplates = template.data[traceType] = []; typeTemplates.push(traceTemplate); }); walkStyleKeys(layout, template.layout, getLayoutInfo.bind(null, layout)); /* * Compose the new template with an existing one to the same effect * * NOTE: there's a possibility of slightly different behavior: if the plot * has an invalid value and the old template has a valid value for the same * attribute, the plot will use the old template value but this routine * will pull the invalid value (resulting in the original default). * In the general case it's not possible to solve this with a single value, * since valid options can be context-dependent. It could be solved with * a *list* of values, but that would be huge complexity for little gain. */ delete template.layout.template; var oldTemplate = layout.template; if(isPlainObject(oldTemplate)) { var oldLayoutTemplate = oldTemplate.layout; var i, traceType, oldTypeTemplates, oldTypeLen, typeTemplates, typeLen; if(isPlainObject(oldLayoutTemplate)) { mergeTemplates(oldLayoutTemplate, template.layout); } var oldDataTemplate = oldTemplate.data; if(isPlainObject(oldDataTemplate)) { for(traceType in template.data) { oldTypeTemplates = oldDataTemplate[traceType]; if(Array.isArray(oldTypeTemplates)) { typeTemplates = template.data[traceType]; typeLen = typeTemplates.length; oldTypeLen = oldTypeTemplates.length; for(i = 0; i < typeLen; i++) { mergeTemplates(oldTypeTemplates[i % oldTypeLen], typeTemplates[i]); } for(i = typeLen; i < oldTypeLen; i++) { typeTemplates.push(Lib.extendDeep({}, oldTypeTemplates[i])); } } } for(traceType in oldDataTemplate) { if(!(traceType in template.data)) { template.data[traceType] = Lib.extendDeep([], oldDataTemplate[traceType]); } } } } return template; }; function mergeTemplates(oldTemplate, newTemplate) { // we don't care about speed here, just make sure we have a totally // distinct object from the previous template oldTemplate = Lib.extendDeep({}, oldTemplate); // sort keys so we always get annotationdefaults before annotations etc // so arrayTemplater will work right var oldKeys = Object.keys(oldTemplate).sort(); var i, j; function mergeOne(oldVal, newVal, key) { if(isPlainObject(newVal) && isPlainObject(oldVal)) { mergeTemplates(oldVal, newVal); } else if(Array.isArray(newVal) && Array.isArray(oldVal)) { // Note: omitted `inclusionAttr` from arrayTemplater here, // it's irrelevant as we only want the resulting `_template`. var templater = Template.arrayTemplater({_template: oldTemplate}, key); for(j = 0; j < newVal.length; j++) { var item = newVal[j]; var oldItem = templater.newItem(item)._template; if(oldItem) mergeTemplates(oldItem, item); } var defaultItems = templater.defaultItems(); for(j = 0; j < defaultItems.length; j++) newVal.push(defaultItems[j]._template); // templateitemname only applies to receiving plots for(j = 0; j < newVal.length; j++) delete newVal[j].templateitemname; } } for(i = 0; i < oldKeys.length; i++) { var key = oldKeys[i]; var oldVal = oldTemplate[key]; if(key in newTemplate) { mergeOne(oldVal, newTemplate[key], key); } else newTemplate[key] = oldVal; // if this is a base key from the old template (eg xaxis), look for // extended keys (eg xaxis2) in the new template to merge into if(getBaseKey(key) === key) { for(var key2 in newTemplate) { var baseKey2 = getBaseKey(key2); if(key2 !== baseKey2 && baseKey2 === key && !(key2 in oldTemplate)) { mergeOne(oldVal, newTemplate[key2], key); } } } } } function getBaseKey(key) { return key.replace(/[0-9]+$/, ''); } function walkStyleKeys(parent, templateOut, getAttributeInfo, path, basePath) { var pathAttr = basePath && getAttributeInfo(basePath); for(var key in parent) { var child = parent[key]; var nextPath = getNextPath(parent, key, path); var nextBasePath = getNextPath(parent, key, basePath); var attr = getAttributeInfo(nextBasePath); if(!attr) { var baseKey = getBaseKey(key); if(baseKey !== key) { nextBasePath = getNextPath(parent, baseKey, basePath); attr = getAttributeInfo(nextBasePath); } } // we'll get an attr if path starts with a valid part, then has an // invalid ending. Make sure we got all the way to the end. if(pathAttr && (pathAttr === attr)) continue; if(!attr || attr._noTemplating || attr.valType === 'data_array' || (attr.arrayOk && Array.isArray(child)) ) { continue; } if(!attr.valType && isPlainObject(child)) { walkStyleKeys(child, templateOut, getAttributeInfo, nextPath, nextBasePath); } else if(attr._isLinkedToArray && Array.isArray(child)) { var dfltDone = false; var namedIndex = 0; var usedNames = {}; for(var i = 0; i < child.length; i++) { var item = child[i]; if(isPlainObject(item)) { var name = item.name; if(name) { if(!usedNames[name]) { // named array items: allow all attributes except data arrays walkStyleKeys(item, templateOut, getAttributeInfo, getNextPath(child, namedIndex, nextPath), getNextPath(child, namedIndex, nextBasePath)); namedIndex++; usedNames[name] = 1; } } else if(!dfltDone) { var dfltKey = Template.arrayDefaultKey(key); var dfltPath = getNextPath(parent, dfltKey, path); // getAttributeInfo will fail if we try to use dfltKey directly. // Instead put this item into the next array element, then // pull it out and move it to dfltKey. var pathInArray = getNextPath(child, namedIndex, nextPath); walkStyleKeys(item, templateOut, getAttributeInfo, pathInArray, getNextPath(child, namedIndex, nextBasePath)); var itemPropInArray = Lib.nestedProperty(templateOut, pathInArray); var dfltProp = Lib.nestedProperty(templateOut, dfltPath); dfltProp.set(itemPropInArray.get()); itemPropInArray.set(null); dfltDone = true; } } } } else { var templateProp = Lib.nestedProperty(templateOut, nextPath); templateProp.set(child); } } } function getLayoutInfo(layout, path) { return PlotSchema.getLayoutValObject( layout, Lib.nestedProperty({}, path).parts ); } function getTraceInfo(trace, path) { return PlotSchema.getTraceValObject( trace, Lib.nestedProperty({}, path).parts ); } function getNextPath(parent, key, path) { var nextPath; if(!path) nextPath = key; else if(Array.isArray(parent)) nextPath = path + '[' + key + ']'; else nextPath = path + '.' + key; return nextPath; } /** * validateTemplate: Test for consistency between the given figure and * a template, either already included in the figure or given separately. * Note that not every issue we identify here is necessarily a problem, * it depends on what you're using the template for. * * @param {object|DOM element} figure: the plot, with {data, layout} members, * to test the template against * @param {Optional(object)} template: the template, with its own {data, layout}, * to test. If omitted, we will look for a template already attached as the * plot's `layout.template` attribute. * * @returns {array} array of error objects each containing: * - {string} code * error code ('missing', 'unused', 'reused', 'noLayout', 'noData') * - {string} msg * a full readable description of the issue. */ exports.validateTemplate = function(figureIn, template) { var figure = Lib.extendDeep({}, { _context: dfltConfig, data: figureIn.data, layout: figureIn.layout }); var layout = figure.layout || {}; if(!isPlainObject(template)) template = layout.template || {}; var layoutTemplate = template.layout; var dataTemplate = template.data; var errorList = []; figure.layout = layout; figure.layout.template = template; Plots.supplyDefaults(figure); var fullLayout = figure._fullLayout; var fullData = figure._fullData; var layoutPaths = {}; function crawlLayoutForContainers(obj, paths) { for(var key in obj) { if(key.charAt(0) !== '_' && isPlainObject(obj[key])) { var baseKey = getBaseKey(key); var nextPaths = []; var i; for(i = 0; i < paths.length; i++) { nextPaths.push(getNextPath(obj, key, paths[i])); if(baseKey !== key) nextPaths.push(getNextPath(obj, baseKey, paths[i])); } for(i = 0; i < nextPaths.length; i++) { layoutPaths[nextPaths[i]] = 1; } crawlLayoutForContainers(obj[key], nextPaths); } } } function crawlLayoutTemplateForContainers(obj, path) { for(var key in obj) { if(key.indexOf('defaults') === -1 && isPlainObject(obj[key])) { var nextPath = getNextPath(obj, key, path); if(layoutPaths[nextPath]) { crawlLayoutTemplateForContainers(obj[key], nextPath); } else { errorList.push({code: 'unused', path: nextPath}); } } } } if(!isPlainObject(layoutTemplate)) { errorList.push({code: 'layout'}); } else { crawlLayoutForContainers(fullLayout, ['layout']); crawlLayoutTemplateForContainers(layoutTemplate, 'layout'); } if(!isPlainObject(dataTemplate)) { errorList.push({code: 'data'}); } else { var typeCount = {}; var traceType; for(var i = 0; i < fullData.length; i++) { var fullTrace = fullData[i]; traceType = fullTrace.type; typeCount[traceType] = (typeCount[traceType] || 0) + 1; if(!fullTrace._fullInput._template) { // this takes care of the case of traceType in the data but not // the template errorList.push({ code: 'missing', index: fullTrace._fullInput.index, traceType: traceType }); } } for(traceType in dataTemplate) { var templateCount = dataTemplate[traceType].length; var dataCount = typeCount[traceType] || 0; if(templateCount > dataCount) { errorList.push({ code: 'unused', traceType: traceType, templateCount: templateCount, dataCount: dataCount }); } else if(dataCount > templateCount) { errorList.push({ code: 'reused', traceType: traceType, templateCount: templateCount, dataCount: dataCount }); } } } // _template: false is when someone tried to modify an array item // but there was no template with matching name function crawlForMissingTemplates(obj, path) { for(var key in obj) { if(key.charAt(0) === '_') continue; var val = obj[key]; var nextPath = getNextPath(obj, key, path); if(isPlainObject(val)) { if(Array.isArray(obj) && val._template === false && val.templateitemname) { errorList.push({ code: 'missing', path: nextPath, templateitemname: val.templateitemname }); } crawlForMissingTemplates(val, nextPath); } else if(Array.isArray(val) && hasPlainObject(val)) { crawlForMissingTemplates(val, nextPath); } } } crawlForMissingTemplates({data: fullData, layout: fullLayout}, ''); if(errorList.length) return errorList.map(format); }; function hasPlainObject(arr) { for(var i = 0; i < arr.length; i++) { if(isPlainObject(arr[i])) return true; } } function format(opts) { var msg; switch(opts.code) { case 'data': msg = 'The template has no key data.'; break; case 'layout': msg = 'The template has no key layout.'; break; case 'missing': if(opts.path) { msg = 'There are no templates for item ' + opts.path + ' with name ' + opts.templateitemname; } else { msg = 'There are no templates for trace ' + opts.index + ', of type ' + opts.traceType + '.'; } break; case 'unused': if(opts.path) { msg = 'The template item at ' + opts.path + ' was not used in constructing the plot.'; } else if(opts.dataCount) { msg = 'Some of the templates of type ' + opts.traceType + ' were not used. The template has ' + opts.templateCount + ' traces, the data only has ' + opts.dataCount + ' of this type.'; } else { msg = 'The template has ' + opts.templateCount + ' traces of type ' + opts.traceType + ' but there are none in the data.'; } break; case 'reused': msg = 'Some of the templates of type ' + opts.traceType + ' were used more than once. The template has ' + opts.templateCount + ' traces, the data has ' + opts.dataCount + ' of this type.'; break; } opts.msg = msg; return opts; } },{"../lib":202,"../plots/attributes":244,"../plots/plots":282,"./plot_config":235,"./plot_schema":236,"./plot_template":237}],240:[function(_dereq_,module,exports){ /** * Copyright 2012-2020, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var isNumeric = _dereq_('fast-isnumeric'); var plotApi = _dereq_('./plot_api'); var plots = _dereq_('../plots/plots'); var Lib = _dereq_('../lib'); var helpers = _dereq_('../snapshot/helpers'); var toSVG = _dereq_('../snapshot/tosvg'); var svgToImg = _dereq_('../snapshot/svgtoimg'); var version = _dereq_('../version').version; var attrs = { format: { valType: 'enumerated', values: ['png', 'jpeg', 'webp', 'svg', 'full-json'], dflt: 'png', }, width: { valType: 'number', min: 1, }, height: { valType: 'number', min: 1, }, scale: { valType: 'number', min: 0, dflt: 1, }, setBackground: { valType: 'any', dflt: false, }, imageDataOnly: { valType: 'boolean', dflt: false, } }; /** Plotly.toImage * * @param {object | string | HTML div} gd * can either be a data/layout/config object * or an existing graph