force-graph 1.43.0 → 1.43.2

package/dist/force-graph.js

@@ -1,4 +1,4 @@
-// Version 1.43.0 force-graph - https://github.com/vasturiano/force-graph
+// Version 1.43.2 force-graph - https://github.com/vasturiano/force-graph
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
   typeof define === 'function' && define.amd ? define(factory) :
@@ -83,17 +83,17 @@
     }
     return target;
   }
-  function _typeof(obj) {
+  function _typeof$1(obj) {
     "@babel/helpers - typeof";
 
-    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
       return typeof obj;
     } : function (obj) {
       return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    }, _typeof(obj);
+    }, _typeof$1(obj);
   }
   function _defineProperty(obj, key, value) {
-    key = _toPropertyKey$1(key);
+    key = _toPropertyKey$3(key);
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -173,7 +173,7 @@
   function _nonIterableRest$2() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _toPrimitive$1(input, hint) {
+  function _toPrimitive$3(input, hint) {
     if (typeof input !== "object" || input === null) return input;
     var prim = input[Symbol.toPrimitive];
     if (prim !== undefined) {
@@ -183,8 +183,8 @@
     }
     return (hint === "string" ? String : Number)(input);
   }
-  function _toPropertyKey$1(arg) {
-    var key = _toPrimitive$1(arg, "string");
+  function _toPropertyKey$3(arg) {
+    var key = _toPrimitive$3(arg, "string");
     return typeof key === "symbol" ? key : String(key);
   }
 
@@ -914,13 +914,13 @@
     });
   }
 
-  function remove$1() {
+  function remove() {
     var parent = this.parentNode;
     if (parent) parent.removeChild(this);
   }
 
   function selection_remove() {
-    return this.each(remove$1);
+    return this.each(remove);
   }
 
   function selection_cloneShallow() {
@@ -1052,7 +1052,7 @@
     }
   }
 
-  var root$1 = [null];
+  var root$2 = [null];
 
   function Selection$1(groups, parents) {
     this._groups = groups;
@@ -1060,7 +1060,7 @@
   }
 
   function selection() {
-    return new Selection$1([[document.documentElement]], root$1);
+    return new Selection$1([[document.documentElement]], root$2);
   }
 
   function selection_selection() {
@@ -1109,7 +1109,7 @@
   function d3Select(selector) {
     return typeof selector === "string"
         ? new Selection$1([[document.querySelector(selector)]], [document.documentElement])
-        : new Selection$1([[selector]], root$1);
+        : new Selection$1([[selector]], root$2);
   }
 
   function sourceEvent(event) {
@@ -3769,28 +3769,230 @@
     return min;
   }
 
-  var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+  /** Detect free variable `global` from Node.js. */
+  var freeGlobal = typeof global == 'object' && global && global.Object === Object && global;
+
+  var freeGlobal$1 = freeGlobal;
+
+  /** Detect free variable `self`. */
+  var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
+
+  /** Used as a reference to the global object. */
+  var root = freeGlobal$1 || freeSelf || Function('return this')();
+
+  var root$1 = root;
+
+  /** Built-in value references. */
+  var Symbol$1 = root$1.Symbol;
+
+  var Symbol$2 = Symbol$1;
+
+  /** Used for built-in method references. */
+  var objectProto$1 = Object.prototype;
+
+  /** Used to check objects for own properties. */
+  var hasOwnProperty = objectProto$1.hasOwnProperty;
 
   /**
-   * lodash (Custom Build) <https://lodash.com/>
-   * Build: `lodash modularize exports="npm" -o ./`
-   * Copyright jQuery Foundation and other contributors <https://jquery.org/>
-   * Released under MIT license <https://lodash.com/license>
-   * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
-   * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
+   * Used to resolve the
+   * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
+   * of values.
    */
+  var nativeObjectToString$1 = objectProto$1.toString;
 
-  /** Used as the `TypeError` message for "Functions" methods. */
-  var FUNC_ERROR_TEXT = 'Expected a function';
+  /** Built-in value references. */
+  var symToStringTag$1 = Symbol$2 ? Symbol$2.toStringTag : undefined;
 
-  /** Used as references for various `Number` constants. */
-  var NAN = 0 / 0;
+  /**
+   * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.
+   *
+   * @private
+   * @param {*} value The value to query.
+   * @returns {string} Returns the raw `toStringTag`.
+   */
+  function getRawTag(value) {
+    var isOwn = hasOwnProperty.call(value, symToStringTag$1),
+        tag = value[symToStringTag$1];
+
+    try {
+      value[symToStringTag$1] = undefined;
+      var unmasked = true;
+    } catch (e) {}
+
+    var result = nativeObjectToString$1.call(value);
+    if (unmasked) {
+      if (isOwn) {
+        value[symToStringTag$1] = tag;
+      } else {
+        delete value[symToStringTag$1];
+      }
+    }
+    return result;
+  }
+
+  /** Used for built-in method references. */
+  var objectProto = Object.prototype;
+
+  /**
+   * Used to resolve the
+   * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
+   * of values.
+   */
+  var nativeObjectToString = objectProto.toString;
+
+  /**
+   * Converts `value` to a string using `Object.prototype.toString`.
+   *
+   * @private
+   * @param {*} value The value to convert.
+   * @returns {string} Returns the converted string.
+   */
+  function objectToString(value) {
+    return nativeObjectToString.call(value);
+  }
+
+  /** `Object#toString` result references. */
+  var nullTag = '[object Null]',
+      undefinedTag = '[object Undefined]';
+
+  /** Built-in value references. */
+  var symToStringTag = Symbol$2 ? Symbol$2.toStringTag : undefined;
+
+  /**
+   * The base implementation of `getTag` without fallbacks for buggy environments.
+   *
+   * @private
+   * @param {*} value The value to query.
+   * @returns {string} Returns the `toStringTag`.
+   */
+  function baseGetTag(value) {
+    if (value == null) {
+      return value === undefined ? undefinedTag : nullTag;
+    }
+    return (symToStringTag && symToStringTag in Object(value))
+      ? getRawTag(value)
+      : objectToString(value);
+  }
+
+  /**
+   * Checks if `value` is object-like. A value is object-like if it's not `null`
+   * and has a `typeof` result of "object".
+   *
+   * @static
+   * @memberOf _
+   * @since 4.0.0
+   * @category Lang
+   * @param {*} value The value to check.
+   * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
+   * @example
+   *
+   * _.isObjectLike({});
+   * // => true
+   *
+   * _.isObjectLike([1, 2, 3]);
+   * // => true
+   *
+   * _.isObjectLike(_.noop);
+   * // => false
+   *
+   * _.isObjectLike(null);
+   * // => false
+   */
+  function isObjectLike(value) {
+    return value != null && typeof value == 'object';
+  }
 
   /** `Object#toString` result references. */
   var symbolTag = '[object Symbol]';
 
-  /** Used to match leading and trailing whitespace. */
-  var reTrim = /^\s+|\s+$/g;
+  /**
+   * Checks if `value` is classified as a `Symbol` primitive or object.
+   *
+   * @static
+   * @memberOf _
+   * @since 4.0.0
+   * @category Lang
+   * @param {*} value The value to check.
+   * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
+   * @example
+   *
+   * _.isSymbol(Symbol.iterator);
+   * // => true
+   *
+   * _.isSymbol('abc');
+   * // => false
+   */
+  function isSymbol(value) {
+    return typeof value == 'symbol' ||
+      (isObjectLike(value) && baseGetTag(value) == symbolTag);
+  }
+
+  /** Used to match a single whitespace character. */
+  var reWhitespace = /\s/;
+
+  /**
+   * Used by `_.trim` and `_.trimEnd` to get the index of the last non-whitespace
+   * character of `string`.
+   *
+   * @private
+   * @param {string} string The string to inspect.
+   * @returns {number} Returns the index of the last non-whitespace character.
+   */
+  function trimmedEndIndex(string) {
+    var index = string.length;
+
+    while (index-- && reWhitespace.test(string.charAt(index))) {}
+    return index;
+  }
+
+  /** Used to match leading whitespace. */
+  var reTrimStart = /^\s+/;
+
+  /**
+   * The base implementation of `_.trim`.
+   *
+   * @private
+   * @param {string} string The string to trim.
+   * @returns {string} Returns the trimmed string.
+   */
+  function baseTrim(string) {
+    return string
+      ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, '')
+      : string;
+  }
+
+  /**
+   * Checks if `value` is the
+   * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
+   * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
+   *
+   * @static
+   * @memberOf _
+   * @since 0.1.0
+   * @category Lang
+   * @param {*} value The value to check.
+   * @returns {boolean} Returns `true` if `value` is an object, else `false`.
+   * @example
+   *
+   * _.isObject({});
+   * // => true
+   *
+   * _.isObject([1, 2, 3]);
+   * // => true
+   *
+   * _.isObject(_.noop);
+   * // => true
+   *
+   * _.isObject(null);
+   * // => false
+   */
+  function isObject(value) {
+    var type = typeof value;
+    return value != null && (type == 'object' || type == 'function');
+  }
+
+  /** Used as references for various `Number` constants. */
+  var NAN = 0 / 0;
 
   /** Used to detect bad signed hexadecimal string values. */
   var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
@@ -3804,28 +4006,49 @@
   /** Built-in method references without a dependency on `root`. */
   var freeParseInt = parseInt;
 
-  /** Detect free variable `global` from Node.js. */
-  var freeGlobal = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
-
-  /** Detect free variable `self`. */
-  var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
-
-  /** Used as a reference to the global object. */
-  var root = freeGlobal || freeSelf || Function('return this')();
-
-  /** Used for built-in method references. */
-  var objectProto = Object.prototype;
-
   /**
-   * Used to resolve the
-   * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
-   * of values.
+   * Converts `value` to a number.
+   *
+   * @static
+   * @memberOf _
+   * @since 4.0.0
+   * @category Lang
+   * @param {*} value The value to process.
+   * @returns {number} Returns the number.
+   * @example
+   *
+   * _.toNumber(3.2);
+   * // => 3.2
+   *
+   * _.toNumber(Number.MIN_VALUE);
+   * // => 5e-324
+   *
+   * _.toNumber(Infinity);
+   * // => Infinity
+   *
+   * _.toNumber('3.2');
+   * // => 3.2
    */
-  var objectToString = objectProto.toString;
-
-  /* Built-in method references for those with the same name as other `lodash` methods. */
-  var nativeMax = Math.max,
-      nativeMin = Math.min;
+  function toNumber(value) {
+    if (typeof value == 'number') {
+      return value;
+    }
+    if (isSymbol(value)) {
+      return NAN;
+    }
+    if (isObject(value)) {
+      var other = typeof value.valueOf == 'function' ? value.valueOf() : value;
+      value = isObject(other) ? (other + '') : other;
+    }
+    if (typeof value != 'string') {
+      return value === 0 ? value : +value;
+    }
+    value = baseTrim(value);
+    var isBinary = reIsBinary.test(value);
+    return (isBinary || reIsOctal.test(value))
+      ? freeParseInt(value.slice(2), isBinary ? 2 : 8)
+      : (reIsBadHex.test(value) ? NAN : +value);
+  }
 
   /**
    * Gets the timestamp of the number of milliseconds that have elapsed since
@@ -3843,10 +4066,19 @@
    * }, _.now());
    * // => Logs the number of milliseconds it took for the deferred invocation.
    */
-  var now$2 = function() {
-    return root.Date.now();
+  var now$1 = function() {
+    return root$1.Date.now();
   };
 
+  var now$2 = now$1;
+
+  /** Error message constants. */
+  var FUNC_ERROR_TEXT$1 = 'Expected a function';
+
+  /* Built-in method references for those with the same name as other `lodash` methods. */
+  var nativeMax = Math.max,
+      nativeMin = Math.min;
+
   /**
    * Creates a debounced function that delays invoking `func` until after `wait`
    * milliseconds have elapsed since the last time the debounced function was
@@ -3901,7 +4133,7 @@
    * // Cancel the trailing debounced invocation.
    * jQuery(window).on('popstate', debounced.cancel);
    */
-  function debounce$1(func, wait, options) {
+  function debounce(func, wait, options) {
     var lastArgs,
         lastThis,
         maxWait,
@@ -3914,7 +4146,7 @@
         trailing = true;
 
     if (typeof func != 'function') {
-      throw new TypeError(FUNC_ERROR_TEXT);
+      throw new TypeError(FUNC_ERROR_TEXT$1);
     }
     wait = toNumber(wait) || 0;
     if (isObject(options)) {
@@ -3946,9 +4178,11 @@
     function remainingWait(time) {
       var timeSinceLastCall = time - lastCallTime,
           timeSinceLastInvoke = time - lastInvokeTime,
-          result = wait - timeSinceLastCall;
+          timeWaiting = wait - timeSinceLastCall;
 
-      return maxing ? nativeMin(result, maxWait - timeSinceLastInvoke) : result;
+      return maxing
+        ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke)
+        : timeWaiting;
     }
 
     function shouldInvoke(time) {
@@ -4009,6 +4243,7 @@
         }
         if (maxing) {
           // Handle invocations in a tight loop.
+          clearTimeout(timerId);
           timerId = setTimeout(timerExpired, wait);
           return invokeFunc(lastCallTime);
         }
@@ -4023,6 +4258,9 @@
     return debounced;
   }
 
+  /** Error message constants. */
+  var FUNC_ERROR_TEXT = 'Expected a function';
+
   /**
    * Creates a throttled function that only invokes `func` at most once per
    * every `wait` milliseconds. The throttled function comes with a `cancel`
@@ -4078,151 +4316,32 @@
       leading = 'leading' in options ? !!options.leading : leading;
       trailing = 'trailing' in options ? !!options.trailing : trailing;
     }
-    return debounce$1(func, wait, {
+    return debounce(func, wait, {
       'leading': leading,
       'maxWait': wait,
       'trailing': trailing
     });
   }
 
-  /**
-   * Checks if `value` is the
-   * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
-   * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
-   *
-   * @static
-   * @memberOf _
-   * @since 0.1.0
-   * @category Lang
-   * @param {*} value The value to check.
-   * @returns {boolean} Returns `true` if `value` is an object, else `false`.
-   * @example
-   *
-   * _.isObject({});
-   * // => true
-   *
-   * _.isObject([1, 2, 3]);
-   * // => true
-   *
-   * _.isObject(_.noop);
-   * // => true
-   *
-   * _.isObject(null);
-   * // => false
-   */
-  function isObject(value) {
-    var type = typeof value;
-    return !!value && (type == 'object' || type == 'function');
-  }
-
-  /**
-   * Checks if `value` is object-like. A value is object-like if it's not `null`
-   * and has a `typeof` result of "object".
-   *
-   * @static
-   * @memberOf _
-   * @since 4.0.0
-   * @category Lang
-   * @param {*} value The value to check.
-   * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
-   * @example
-   *
-   * _.isObjectLike({});
-   * // => true
-   *
-   * _.isObjectLike([1, 2, 3]);
-   * // => true
-   *
-   * _.isObjectLike(_.noop);
-   * // => false
-   *
-   * _.isObjectLike(null);
-   * // => false
-   */
-  function isObjectLike(value) {
-    return !!value && typeof value == 'object';
-  }
-
-  /**
-   * Checks if `value` is classified as a `Symbol` primitive or object.
-   *
-   * @static
-   * @memberOf _
-   * @since 4.0.0
-   * @category Lang
-   * @param {*} value The value to check.
-   * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
-   * @example
-   *
-   * _.isSymbol(Symbol.iterator);
-   * // => true
-   *
-   * _.isSymbol('abc');
-   * // => false
-   */
-  function isSymbol(value) {
-    return typeof value == 'symbol' ||
-      (isObjectLike(value) && objectToString.call(value) == symbolTag);
-  }
-
-  /**
-   * Converts `value` to a number.
-   *
-   * @static
-   * @memberOf _
-   * @since 4.0.0
-   * @category Lang
-   * @param {*} value The value to process.
-   * @returns {number} Returns the number.
-   * @example
-   *
-   * _.toNumber(3.2);
-   * // => 3.2
-   *
-   * _.toNumber(Number.MIN_VALUE);
-   * // => 5e-324
-   *
-   * _.toNumber(Infinity);
-   * // => Infinity
-   *
-   * _.toNumber('3.2');
-   * // => 3.2
-   */
-  function toNumber(value) {
-    if (typeof value == 'number') {
-      return value;
-    }
-    if (isSymbol(value)) {
-      return NAN;
-    }
-    if (isObject(value)) {
-      var other = typeof value.valueOf == 'function' ? value.valueOf() : value;
-      value = isObject(other) ? (other + '') : other;
-    }
-    if (typeof value != 'string') {
-      return value === 0 ? value : +value;
-    }
-    value = value.replace(reTrim, '');
-    var isBinary = reIsBinary.test(value);
-    return (isBinary || reIsOctal.test(value))
-      ? freeParseInt(value.slice(2), isBinary ? 2 : 8)
-      : (reIsBadHex.test(value) ? NAN : +value);
-  }
-
-  var lodash_throttle = throttle;
-
-  var throttle$1 = lodash_throttle;
-
   /**
    * The Ease class provides a collection of easing functions for use with tween.js.
    */
-  var Easing = {
-      Linear: {
+  var Easing = Object.freeze({
+      Linear: Object.freeze({
           None: function (amount) {
               return amount;
           },
-      },
-      Quadratic: {
+          In: function (amount) {
+              return this.None(amount);
+          },
+          Out: function (amount) {
+              return this.None(amount);
+          },
+          InOut: function (amount) {
+              return this.None(amount);
+          },
+      }),
+      Quadratic: Object.freeze({
           In: function (amount) {
               return amount * amount;
           },
@@ -4235,8 +4354,8 @@
               }
               return -0.5 * (--amount * (amount - 2) - 1);
           },
-      },
-      Cubic: {
+      }),
+      Cubic: Object.freeze({
           In: function (amount) {
               return amount * amount * amount;
           },
@@ -4249,8 +4368,8 @@
               }
               return 0.5 * ((amount -= 2) * amount * amount + 2);
           },
-      },
-      Quartic: {
+      }),
+      Quartic: Object.freeze({
           In: function (amount) {
               return amount * amount * amount * amount;
           },
@@ -4263,8 +4382,8 @@
               }
               return -0.5 * ((amount -= 2) * amount * amount * amount - 2);
           },
-      },
-      Quintic: {
+      }),
+      Quintic: Object.freeze({
           In: function (amount) {
               return amount * amount * amount * amount * amount;
           },
@@ -4277,19 +4396,19 @@
               }
               return 0.5 * ((amount -= 2) * amount * amount * amount * amount + 2);
           },
-      },
-      Sinusoidal: {
+      }),
+      Sinusoidal: Object.freeze({
           In: function (amount) {
-              return 1 - Math.cos((amount * Math.PI) / 2);
+              return 1 - Math.sin(((1.0 - amount) * Math.PI) / 2);
           },
           Out: function (amount) {
               return Math.sin((amount * Math.PI) / 2);
           },
           InOut: function (amount) {
-              return 0.5 * (1 - Math.cos(Math.PI * amount));
+              return 0.5 * (1 - Math.sin(Math.PI * (0.5 - amount)));
           },
-      },
-      Exponential: {
+      }),
+      Exponential: Object.freeze({
           In: function (amount) {
               return amount === 0 ? 0 : Math.pow(1024, amount - 1);
           },
@@ -4308,8 +4427,8 @@
               }
               return 0.5 * (-Math.pow(2, -10 * (amount - 1)) + 2);
           },
-      },
-      Circular: {
+      }),
+      Circular: Object.freeze({
           In: function (amount) {
               return 1 - Math.sqrt(1 - amount * amount);
           },
@@ -4322,8 +4441,8 @@
               }
               return 0.5 * (Math.sqrt(1 - (amount -= 2) * amount) + 1);
           },
-      },
-      Elastic: {
+      }),
+      Elastic: Object.freeze({
           In: function (amount) {
               if (amount === 0) {
                   return 0;
@@ -4355,15 +4474,15 @@
               }
               return 0.5 * Math.pow(2, -10 * (amount - 1)) * Math.sin((amount - 1.1) * 5 * Math.PI) + 1;
           },
-      },
-      Back: {
+      }),
+      Back: Object.freeze({
           In: function (amount) {
               var s = 1.70158;
-              return amount * amount * ((s + 1) * amount - s);
+              return amount === 1 ? 1 : amount * amount * ((s + 1) * amount - s);
           },
           Out: function (amount) {
               var s = 1.70158;
-              return --amount * amount * ((s + 1) * amount + s) + 1;
+              return amount === 0 ? 0 : --amount * amount * ((s + 1) * amount + s) + 1;
           },
           InOut: function (amount) {
               var s = 1.70158 * 1.525;
@@ -4372,8 +4491,8 @@
               }
               return 0.5 * ((amount -= 2) * amount * ((s + 1) * amount + s) + 2);
           },
-      },
-      Bounce: {
+      }),
+      Bounce: Object.freeze({
           In: function (amount) {
               return 1 - Easing.Bounce.Out(1 - amount);
           },
@@ -4397,40 +4516,29 @@
               }
               return Easing.Bounce.Out(amount * 2 - 1) * 0.5 + 0.5;
           },
+      }),
+      generatePow: function (power) {
+          if (power === void 0) { power = 4; }
+          power = power < Number.EPSILON ? Number.EPSILON : power;
+          power = power > 10000 ? 10000 : power;
+          return {
+              In: function (amount) {
+                  return Math.pow(amount, power);
+              },
+              Out: function (amount) {
+                  return 1 - Math.pow((1 - amount), power);
+              },
+              InOut: function (amount) {
+                  if (amount < 0.5) {
+                      return Math.pow((amount * 2), power) / 2;
+                  }
+                  return (1 - Math.pow((2 - amount * 2), power)) / 2 + 0.5;
+              },
+          };
       },
-  };
+  });
 
-  var now;
-  // Include a performance.now polyfill.
-  // In node.js, use process.hrtime.
-  // eslint-disable-next-line
-  // @ts-ignore
-  if (typeof self === 'undefined' && typeof process !== 'undefined' && process.hrtime) {
-      now = function () {
-          // eslint-disable-next-line
-          // @ts-ignore
-          var time = process.hrtime();
-          // Convert [seconds, nanoseconds] to milliseconds.
-          return time[0] * 1000 + time[1] / 1000000;
-      };
-  }
-  // In a browser, use self.performance.now if it is available.
-  else if (typeof self !== 'undefined' && self.performance !== undefined && self.performance.now !== undefined) {
-      // This must be bound, because directly assigning this function
-      // leads to an invocation exception in Chrome.
-      now = self.performance.now.bind(self.performance);
-  }
-  // Use Date.now if it is available.
-  else if (Date.now !== undefined) {
-      now = Date.now;
-  }
-  // Otherwise, use 'new Date().getTime()'.
-  else {
-      now = function () {
-          return new Date().getTime();
-      };
-  }
-  var now$1 = now;
+  var now = function () { return performance.now(); };
 
   /**
    * Controlling groups of tweens
@@ -4461,7 +4569,7 @@
           delete this._tweensAddedDuringUpdate[tween.getId()];
       };
       Group.prototype.update = function (time, preserve) {
-          if (time === void 0) { time = now$1(); }
+          if (time === void 0) { time = now(); }
           if (preserve === void 0) { preserve = false; }
           var tweenIds = Object.keys(this._tweens);
           if (tweenIds.length === 0) {
@@ -4602,6 +4710,7 @@
           this._valuesEnd = {};
           this._valuesStartRepeat = {};
           this._duration = 1000;
+          this._isDynamic = false;
           this._initialRepeat = 0;
           this._repeat = 0;
           this._yoyo = false;
@@ -4611,10 +4720,13 @@
           this._startTime = 0;
           this._easingFunction = Easing.Linear.None;
           this._interpolationFunction = Interpolation.Linear;
+          // eslint-disable-next-line
           this._chainedTweens = [];
           this._onStartCallbackFired = false;
+          this._onEveryStartCallbackFired = false;
           this._id = Sequence.nextId();
           this._isChainStopped = false;
+          this._propertiesAreSetUp = false;
           this._goToEnd = false;
       }
       Tween.prototype.getId = function () {
@@ -4626,22 +4738,28 @@
       Tween.prototype.isPaused = function () {
           return this._isPaused;
       };
-      Tween.prototype.to = function (properties, duration) {
-          // TODO? restore this, then update the 07_dynamic_to example to set fox
-          // tween's to on each update. That way the behavior is opt-in (there's
-          // currently no opt-out).
-          // for (const prop in properties) this._valuesEnd[prop] = properties[prop]
-          this._valuesEnd = Object.create(properties);
-          if (duration !== undefined) {
-              this._duration = duration;
-          }
+      Tween.prototype.to = function (target, duration) {
+          if (duration === void 0) { duration = 1000; }
+          if (this._isPlaying)
+              throw new Error('Can not call Tween.to() while Tween is already started or paused. Stop the Tween first.');
+          this._valuesEnd = target;
+          this._propertiesAreSetUp = false;
+          this._duration = duration;
           return this;
       };
-      Tween.prototype.duration = function (d) {
-          this._duration = d;
+      Tween.prototype.duration = function (duration) {
+          if (duration === void 0) { duration = 1000; }
+          this._duration = duration;
           return this;
       };
-      Tween.prototype.start = function (time) {
+      Tween.prototype.dynamic = function (dynamic) {
+          if (dynamic === void 0) { dynamic = false; }
+          this._isDynamic = dynamic;
+          return this;
+      };
+      Tween.prototype.start = function (time, overrideStartingValues) {
+          if (time === void 0) { time = now(); }
+          if (overrideStartingValues === void 0) { overrideStartingValues = false; }
           if (this._isPlaying) {
               return this;
           }
@@ -4660,13 +4778,27 @@
           this._isPlaying = true;
           this._isPaused = false;
           this._onStartCallbackFired = false;
+          this._onEveryStartCallbackFired = false;
           this._isChainStopped = false;
-          this._startTime = time !== undefined ? (typeof time === 'string' ? now$1() + parseFloat(time) : time) : now$1();
+          this._startTime = time;
           this._startTime += this._delayTime;
-          this._setupProperties(this._object, this._valuesStart, this._valuesEnd, this._valuesStartRepeat);
+          if (!this._propertiesAreSetUp || overrideStartingValues) {
+              this._propertiesAreSetUp = true;
+              // If dynamic is not enabled, clone the end values instead of using the passed-in end values.
+              if (!this._isDynamic) {
+                  var tmp = {};
+                  for (var prop in this._valuesEnd)
+                      tmp[prop] = this._valuesEnd[prop];
+                  this._valuesEnd = tmp;
+              }
+              this._setupProperties(this._object, this._valuesStart, this._valuesEnd, this._valuesStartRepeat, overrideStartingValues);
+          }
           return this;
       };
-      Tween.prototype._setupProperties = function (_object, _valuesStart, _valuesEnd, _valuesStartRepeat) {
+      Tween.prototype.startFromCurrentValues = function (time) {
+          return this.start(time, true);
+      };
+      Tween.prototype._setupProperties = function (_object, _valuesStart, _valuesEnd, _valuesStartRepeat, overrideStartingValues) {
           for (var property in _valuesEnd) {
               var startValue = _object[property];
               var startValueIsArray = Array.isArray(startValue);
@@ -4683,28 +4815,46 @@
                   if (endValues.length === 0) {
                       continue;
                   }
-                  // handle an array of relative values
-                  endValues = endValues.map(this._handleRelativeValue.bind(this, startValue));
-                  // Create a local copy of the Array with the start value at the front
-                  _valuesEnd[property] = [startValue].concat(endValues);
+                  // Handle an array of relative values.
+                  // Creates a local copy of the Array with the start value at the front
+                  var temp = [startValue];
+                  for (var i = 0, l = endValues.length; i < l; i += 1) {
+                      var value = this._handleRelativeValue(startValue, endValues[i]);
+                      if (isNaN(value)) {
+                          isInterpolationList = false;
+                          console.warn('Found invalid interpolation list. Skipping.');
+                          break;
+                      }
+                      temp.push(value);
+                  }
+                  if (isInterpolationList) {
+                      // if (_valuesStart[property] === undefined) { // handle end values only the first time. NOT NEEDED? setupProperties is now guarded by _propertiesAreSetUp.
+                      _valuesEnd[property] = temp;
+                      // }
+                  }
               }
               // handle the deepness of the values
               if ((propType === 'object' || startValueIsArray) && startValue && !isInterpolationList) {
                   _valuesStart[property] = startValueIsArray ? [] : {};
-                  // eslint-disable-next-line
-                  for (var prop in startValue) {
-                      // eslint-disable-next-line
-                      // @ts-ignore FIXME?
-                      _valuesStart[property][prop] = startValue[prop];
+                  var nestedObject = startValue;
+                  for (var prop in nestedObject) {
+                      _valuesStart[property][prop] = nestedObject[prop];
                   }
-                  _valuesStartRepeat[property] = startValueIsArray ? [] : {}; // TODO? repeat nested values? And yoyo? And array values?
-                  // eslint-disable-next-line
-                  // @ts-ignore FIXME?
-                  this._setupProperties(startValue, _valuesStart[property], _valuesEnd[property], _valuesStartRepeat[property]);
+                  // TODO? repeat nested values? And yoyo? And array values?
+                  _valuesStartRepeat[property] = startValueIsArray ? [] : {};
+                  var endValues = _valuesEnd[property];
+                  // If dynamic is not enabled, clone the end values instead of using the passed-in end values.
+                  if (!this._isDynamic) {
+                      var tmp = {};
+                      for (var prop in endValues)
+                          tmp[prop] = endValues[prop];
+                      _valuesEnd[property] = endValues = tmp;
+                  }
+                  this._setupProperties(nestedObject, _valuesStart[property], endValues, _valuesStartRepeat[property], overrideStartingValues);
               }
               else {
-                  // Save the starting value, but only once.
-                  if (typeof _valuesStart[property] === 'undefined') {
+                  // Save the starting value, but only once unless override is requested.
+                  if (typeof _valuesStart[property] === 'undefined' || overrideStartingValues) {
                       _valuesStart[property] = startValue;
                   }
                   if (!startValueIsArray) {
@@ -4746,7 +4896,7 @@
           return this;
       };
       Tween.prototype.pause = function (time) {
-          if (time === void 0) { time = now$1(); }
+          if (time === void 0) { time = now(); }
           if (this._isPaused || !this._isPlaying) {
               return this;
           }
@@ -4757,7 +4907,7 @@
           return this;
       };
       Tween.prototype.resume = function (time) {
-          if (time === void 0) { time = now$1(); }
+          if (time === void 0) { time = now(); }
           if (!this._isPaused || !this._isPlaying) {
               return this;
           }
@@ -4775,14 +4925,17 @@
           return this;
       };
       Tween.prototype.group = function (group) {
+          if (group === void 0) { group = mainGroup; }
           this._group = group;
           return this;
       };
       Tween.prototype.delay = function (amount) {
+          if (amount === void 0) { amount = 0; }
           this._delayTime = amount;
           return this;
       };
       Tween.prototype.repeat = function (times) {
+          if (times === void 0) { times = 0; }
           this._initialRepeat = times;
           this._repeat = times;
           return this;
@@ -4792,17 +4945,21 @@
           return this;
       };
       Tween.prototype.yoyo = function (yoyo) {
+          if (yoyo === void 0) { yoyo = false; }
           this._yoyo = yoyo;
           return this;
       };
       Tween.prototype.easing = function (easingFunction) {
+          if (easingFunction === void 0) { easingFunction = Easing.Linear.None; }
           this._easingFunction = easingFunction;
           return this;
       };
       Tween.prototype.interpolation = function (interpolationFunction) {
+          if (interpolationFunction === void 0) { interpolationFunction = Interpolation.Linear; }
           this._interpolationFunction = interpolationFunction;
           return this;
       };
+      // eslint-disable-next-line
       Tween.prototype.chain = function () {
           var tweens = [];
           for (var _i = 0; _i < arguments.length; _i++) {
@@ -4815,6 +4972,10 @@
           this._onStartCallback = callback;
           return this;
       };
+      Tween.prototype.onEveryStart = function (callback) {
+          this._onEveryStartCallback = callback;
+          return this;
+      };
       Tween.prototype.onUpdate = function (callback) {
           this._onUpdateCallback = callback;
           return this;
@@ -4837,7 +4998,7 @@
        * it is still playing, just paused).
        */
       Tween.prototype.update = function (time, autoStart) {
-          if (time === void 0) { time = now$1(); }
+          if (time === void 0) { time = now(); }
           if (autoStart === void 0) { autoStart = true; }
           if (this._isPaused)
               return true;
@@ -4848,7 +5009,7 @@
               if (time > endTime)
                   return false;
               if (autoStart)
-                  this.start(time);
+                  this.start(time, true);
           }
           this._goToEnd = false;
           if (time < this._startTime) {
@@ -4860,6 +5021,12 @@
               }
               this._onStartCallbackFired = true;
           }
+          if (this._onEveryStartCallbackFired === false) {
+              if (this._onEveryStartCallback) {
+                  this._onEveryStartCallback(this._object);
+              }
+              this._onEveryStartCallbackFired = true;
+          }
           elapsed = (time - this._startTime) / this._duration;
           elapsed = this._duration === 0 || elapsed > 1 ? 1 : elapsed;
           var value = this._easingFunction(elapsed);
@@ -4898,6 +5065,7 @@
                   if (this._onRepeatCallback) {
                       this._onRepeatCallback(this._object);
                   }
+                  this._onEveryStartCallbackFired = false;
                   return true;
               }
               else {
@@ -4907,7 +5075,7 @@
                   for (var i = 0, numChainedTweens = this._chainedTweens.length; i < numChainedTweens; i++) {
                       // Make the chained tweens start exactly at the time they should,
                       // even if the `update()` method was called way past the duration of the tween
-                      this._chainedTweens[i].start(this._startTime + this._duration);
+                      this._chainedTweens[i].start(this._startTime + this._duration, false);
                   }
                   this._isPlaying = false;
                   return false;
@@ -4953,9 +5121,7 @@
           if (end.charAt(0) === '+' || end.charAt(0) === '-') {
               return start + parseFloat(end);
           }
-          else {
-              return parseFloat(end);
-          }
+          return parseFloat(end);
       };
       Tween.prototype._swapEndStartRepeatValues = function (property) {
           var tmp = this._valuesStartRepeat[property];
@@ -4970,18 +5136,6 @@
       };
       return Tween;
   }());
-
-  var VERSION = '18.6.4';
-
-  /**
-   * Tween.js - Licensed under the MIT license
-   * https://github.com/tweenjs/tween.js
-   * ----------------------------------------------
-   *
-   * See https://github.com/tweenjs/tween.js/graphs/contributors for the full list of contributors.
-   * Thank you all, you're awesome!
-   */
-  var nextId = Sequence.nextId;
   /**
    * Controlling groups of tweens
    *
@@ -4993,115 +5147,53 @@
   // Modules and CommonJS, without build hacks, and so as not to break the
   // existing API.
   // https://github.com/rollup/rollup/issues/1961#issuecomment-423037881
-  var getAll = TWEEN.getAll.bind(TWEEN);
-  var removeAll$3 = TWEEN.removeAll.bind(TWEEN);
-  var add$3 = TWEEN.add.bind(TWEEN);
-  var remove = TWEEN.remove.bind(TWEEN);
+  TWEEN.getAll.bind(TWEEN);
+  TWEEN.removeAll.bind(TWEEN);
+  TWEEN.add.bind(TWEEN);
+  TWEEN.remove.bind(TWEEN);
   var update = TWEEN.update.bind(TWEEN);
-  var exports$1 = {
-      Easing: Easing,
-      Group: Group,
-      Interpolation: Interpolation,
-      now: now$1,
-      Sequence: Sequence,
-      nextId: nextId,
-      Tween: Tween,
-      VERSION: VERSION,
-      getAll: getAll,
-      removeAll: removeAll$3,
-      add: add$3,
-      remove: remove,
-      update: update,
-  };
-
-  var TWEEN$1 = exports$1;
-
-  /**
-   * Returns a function, that, as long as it continues to be invoked, will not
-   * be triggered. The function will be called after it stops being called for
-   * N milliseconds. If `immediate` is passed, trigger the function on the
-   * leading edge, instead of the trailing. The function also has a property 'clear' 
-   * that is a function which will clear the timer to prevent previously scheduled executions. 
-   *
-   * @source underscore.js
-   * @see http://unscriptable.com/2009/03/20/debouncing-javascript-methods/
-   * @param {Function} function to wrap
-   * @param {Number} timeout in ms (`100`)
-   * @param {Boolean} whether to execute at the beginning (`false`)
-   * @api public
-   */
-
-  function debounce(func, wait, immediate){
-    var timeout, args, context, timestamp, result;
-    if (null == wait) wait = 100;
 
-    function later() {
-      var last = Date.now() - timestamp;
-
-      if (last < wait && last >= 0) {
-        timeout = setTimeout(later, wait - last);
-      } else {
-        timeout = null;
-        if (!immediate) {
-          result = func.apply(context, args);
-          context = args = null;
+  function _iterableToArrayLimit$1(arr, i) {
+    var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+    if (null != _i) {
+      var _s,
+        _e,
+        _x,
+        _r,
+        _arr = [],
+        _n = !0,
+        _d = !1;
+      try {
+        if (_x = (_i = _i.call(arr)).next, 0 === i) {
+          if (Object(_i) !== _i) return;
+          _n = !1;
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
+      } catch (err) {
+        _d = !0, _e = err;
+      } finally {
+        try {
+          if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return;
+        } finally {
+          if (_d) throw _e;
         }
       }
+      return _arr;
     }
-    var debounced = function(){
-      context = this;
-      args = arguments;
-      timestamp = Date.now();
-      var callNow = immediate && !timeout;
-      if (!timeout) timeout = setTimeout(later, wait);
-      if (callNow) {
-        result = func.apply(context, args);
-        context = args = null;
-      }
-
-      return result;
-    };
-
-    debounced.clear = function() {
-      if (timeout) {
-        clearTimeout(timeout);
-        timeout = null;
-      }
-    };
-    
-    debounced.flush = function() {
-      if (timeout) {
-        result = func.apply(context, args);
-        context = args = null;
-        
-        clearTimeout(timeout);
-        timeout = null;
-      }
-    };
-
-    return debounced;
   }
-  // Adds compatibility for ES modules
-  debounce.debounce = debounce;
-
-  var debounce_1 = debounce;
-
   function _classCallCheck$1(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
       throw new TypeError("Cannot call a class as a function");
     }
   }
-
   function _defineProperties$1(target, props) {
     for (var i = 0; i < props.length; i++) {
       var descriptor = props[i];
       descriptor.enumerable = descriptor.enumerable || false;
       descriptor.configurable = true;
       if ("value" in descriptor) descriptor.writable = true;
-      Object.defineProperty(target, descriptor.key, descriptor);
+      Object.defineProperty(target, _toPropertyKey$2(descriptor.key), descriptor);
     }
   }
-
   function _createClass$1(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties$1(Constructor.prototype, protoProps);
     if (staticProps) _defineProperties$1(Constructor, staticProps);
@@ -5110,45 +5202,12 @@
     });
     return Constructor;
   }
-
   function _slicedToArray$1(arr, i) {
     return _arrayWithHoles$1(arr) || _iterableToArrayLimit$1(arr, i) || _unsupportedIterableToArray$2(arr, i) || _nonIterableRest$1();
   }
-
   function _arrayWithHoles$1(arr) {
     if (Array.isArray(arr)) return arr;
   }
-
-  function _iterableToArrayLimit$1(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-
-    var _s, _e;
-
-    try {
-      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-        _arr.push(_s.value);
-
-        if (i && _arr.length === i) break;
-      }
-    } catch (err) {
-      _d = true;
-      _e = err;
-    } finally {
-      try {
-        if (!_n && _i["return"] != null) _i["return"]();
-      } finally {
-        if (_d) throw _e;
-      }
-    }
-
-    return _arr;
-  }
-
   function _unsupportedIterableToArray$2(o, minLen) {
     if (!o) return;
     if (typeof o === "string") return _arrayLikeToArray$2(o, minLen);
@@ -5157,50 +5216,57 @@
     if (n === "Map" || n === "Set") return Array.from(o);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$2(o, minLen);
   }
-
   function _arrayLikeToArray$2(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
-
     for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-
     return arr2;
   }
-
   function _nonIterableRest$1() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
+  function _toPrimitive$2(input, hint) {
+    if (typeof input !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (typeof res !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
+  function _toPropertyKey$2(arg) {
+    var key = _toPrimitive$2(arg, "string");
+    return typeof key === "symbol" ? key : String(key);
+  }
 
   var Prop = /*#__PURE__*/_createClass$1(function Prop(name, _ref) {
     var _ref$default = _ref["default"],
-        defaultVal = _ref$default === void 0 ? null : _ref$default,
-        _ref$triggerUpdate = _ref.triggerUpdate,
-        triggerUpdate = _ref$triggerUpdate === void 0 ? true : _ref$triggerUpdate,
-        _ref$onChange = _ref.onChange,
-        onChange = _ref$onChange === void 0 ? function (newVal, state) {} : _ref$onChange;
-
+      defaultVal = _ref$default === void 0 ? null : _ref$default,
+      _ref$triggerUpdate = _ref.triggerUpdate,
+      triggerUpdate = _ref$triggerUpdate === void 0 ? true : _ref$triggerUpdate,
+      _ref$onChange = _ref.onChange,
+      onChange = _ref$onChange === void 0 ? function (newVal, state) {} : _ref$onChange;
     _classCallCheck$1(this, Prop);
-
     this.name = name;
     this.defaultVal = defaultVal;
     this.triggerUpdate = triggerUpdate;
     this.onChange = onChange;
   });
-
   function index$3 (_ref2) {
     var _ref2$stateInit = _ref2.stateInit,
-        stateInit = _ref2$stateInit === void 0 ? function () {
-      return {};
-    } : _ref2$stateInit,
-        _ref2$props = _ref2.props,
-        rawProps = _ref2$props === void 0 ? {} : _ref2$props,
-        _ref2$methods = _ref2.methods,
-        methods = _ref2$methods === void 0 ? {} : _ref2$methods,
-        _ref2$aliases = _ref2.aliases,
-        aliases = _ref2$aliases === void 0 ? {} : _ref2$aliases,
-        _ref2$init = _ref2.init,
-        initFn = _ref2$init === void 0 ? function () {} : _ref2$init,
-        _ref2$update = _ref2.update,
-        updateFn = _ref2$update === void 0 ? function () {} : _ref2$update;
+      stateInit = _ref2$stateInit === void 0 ? function () {
+        return {};
+      } : _ref2$stateInit,
+      _ref2$props = _ref2.props,
+      rawProps = _ref2$props === void 0 ? {} : _ref2$props,
+      _ref2$methods = _ref2.methods,
+      methods = _ref2$methods === void 0 ? {} : _ref2$methods,
+      _ref2$aliases = _ref2.aliases,
+      aliases = _ref2$aliases === void 0 ? {} : _ref2$aliases,
+      _ref2$init = _ref2.init,
+      initFn = _ref2$init === void 0 ? function () {} : _ref2$init,
+      _ref2$update = _ref2.update,
+      updateFn = _ref2$update === void 0 ? function () {} : _ref2$update;
     // Parse props into Prop instances
     var props = Object.keys(rawProps).map(function (propName) {
       return new Prop(propName, rawProps[propName]);
@@ -5208,98 +5274,94 @@
     return function () {
       var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       // Holds component state
-      var state = Object.assign({}, stateInit instanceof Function ? stateInit(options) : stateInit, // Support plain objects for backwards compatibility
+      var state = Object.assign({}, stateInit instanceof Function ? stateInit(options) : stateInit,
+      // Support plain objects for backwards compatibility
       {
         initialised: false
-      }); // keeps track of which props triggered an update
+      });
 
-      var changedProps = {}; // Component constructor
+      // keeps track of which props triggered an update
+      var changedProps = {};
 
+      // Component constructor
       function comp(nodeElement) {
         initStatic(nodeElement, options);
         digest();
         return comp;
       }
-
       var initStatic = function initStatic(nodeElement, options) {
         initFn.call(comp, nodeElement, state, options);
         state.initialised = true;
       };
-
-      var digest = debounce_1(function () {
+      var digest = debounce(function () {
         if (!state.initialised) {
           return;
         }
-
         updateFn.call(comp, state, changedProps);
         changedProps = {};
-      }, 1); // Getter/setter methods
+      }, 1);
 
+      // Getter/setter methods
       props.forEach(function (prop) {
         comp[prop.name] = getSetProp(prop);
-
         function getSetProp(_ref3) {
           var prop = _ref3.name,
-              _ref3$triggerUpdate = _ref3.triggerUpdate,
-              redigest = _ref3$triggerUpdate === void 0 ? false : _ref3$triggerUpdate,
-              _ref3$onChange = _ref3.onChange,
-              onChange = _ref3$onChange === void 0 ? function (newVal, state) {} : _ref3$onChange,
-              _ref3$defaultVal = _ref3.defaultVal,
-              defaultVal = _ref3$defaultVal === void 0 ? null : _ref3$defaultVal;
+            _ref3$triggerUpdate = _ref3.triggerUpdate,
+            redigest = _ref3$triggerUpdate === void 0 ? false : _ref3$triggerUpdate,
+            _ref3$onChange = _ref3.onChange,
+            onChange = _ref3$onChange === void 0 ? function (newVal, state) {} : _ref3$onChange,
+            _ref3$defaultVal = _ref3.defaultVal,
+            defaultVal = _ref3$defaultVal === void 0 ? null : _ref3$defaultVal;
           return function (_) {
             var curVal = state[prop];
-
             if (!arguments.length) {
               return curVal;
             } // Getter mode
 
-
             var val = _ === undefined ? defaultVal : _; // pick default if value passed is undefined
-
             state[prop] = val;
-            onChange.call(comp, val, state, curVal); // track changed props
+            onChange.call(comp, val, state, curVal);
 
+            // track changed props
             !changedProps.hasOwnProperty(prop) && (changedProps[prop] = curVal);
-
             if (redigest) {
               digest();
             }
-
             return comp;
           };
         }
-      }); // Other methods
+      });
 
+      // Other methods
       Object.keys(methods).forEach(function (methodName) {
         comp[methodName] = function () {
           var _methods$methodName;
-
           for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
             args[_key] = arguments[_key];
           }
-
           return (_methods$methodName = methods[methodName]).call.apply(_methods$methodName, [comp, state].concat(args));
         };
-      }); // Link aliases
+      });
 
+      // Link aliases
       Object.entries(aliases).forEach(function (_ref4) {
         var _ref5 = _slicedToArray$1(_ref4, 2),
-            alias = _ref5[0],
-            target = _ref5[1];
-
+          alias = _ref5[0],
+          target = _ref5[1];
         return comp[alias] = comp[target];
-      }); // Reset all component props to their default value
+      });
 
+      // Reset all component props to their default value
       comp.resetProps = function () {
         props.forEach(function (prop) {
           comp[prop.name](prop.defaultVal);
         });
         return comp;
-      }; //
+      };
 
+      //
 
       comp.resetProps(); // Apply all prop defaults
-
       state._rerender = digest; // Expose digest method
 
       return comp;
@@ -5307,7 +5369,7 @@
   }
 
   var index$2 = (function (p) {
-    return p instanceof Function ? p // fn
+    return typeof p === 'function' ? p // fn
     : typeof p === 'string' ? function (obj) {
       return obj[p];
     } // property name
@@ -5316,15 +5378,22 @@
     };
   }); // constant
 
-  var accessorFn = index$2;
+  // This file is autogenerated. It's used to publish ESM to npm.
+  function _typeof(obj) {
+    "@babel/helpers - typeof";
+
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof(obj);
+  }
 
-  // This file is autogenerated. It's used to publish ESM to npm.
   // https://github.com/bgrins/TinyColor
   // Brian Grinstead, MIT License
 
-  const trimLeft = /^\s+/;
-  const trimRight = /\s+$/;
-
+  var trimLeft = /^\s+/;
+  var trimRight = /\s+$/;
   function tinycolor(color, opts) {
     color = color ? color : "";
     opts = opts || {};
@@ -5337,15 +5406,8 @@
     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 = Math.round(100 * this._a) / 100),
-      (this._format = opts.format || rgb.format);
+    this._originalInput = color, this._r = rgb.r, this._g = rgb.g, this._b = rgb.b, this._a = rgb.a, this._roundA = Math.round(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].
@@ -5355,194 +5417,140 @@
     if (this._r < 1) this._r = Math.round(this._r);
     if (this._g < 1) this._g = Math.round(this._g);
     if (this._b < 1) this._b = Math.round(this._b);
-
     this._ok = rgb.ok;
   }
-
   tinycolor.prototype = {
-    isDark: function () {
+    isDark: function isDark() {
       return this.getBrightness() < 128;
     },
-    isLight: function () {
+    isLight: function isLight() {
       return !this.isDark();
     },
-    isValid: function () {
+    isValid: function isValid() {
       return this._ok;
     },
-    getOriginalInput: function () {
+    getOriginalInput: function getOriginalInput() {
       return this._originalInput;
     },
-    getFormat: function () {
+    getFormat: function getFormat() {
       return this._format;
     },
-    getAlpha: function () {
+    getAlpha: function getAlpha() {
       return this._a;
     },
-    getBrightness: function () {
+    getBrightness: function getBrightness() {
       //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 () {
+    getLuminance: function getLuminance() {
       //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);
+      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) {
+    setAlpha: function setAlpha(value) {
       this._a = boundAlpha(value);
       this._roundA = Math.round(100 * this._a) / 100;
       return this;
     },
-    toHsv: function () {
+    toHsv: function toHsv() {
       var hsv = rgbToHsv(this._r, this._g, this._b);
-      return { h: hsv.h * 360, s: hsv.s, v: hsv.v, a: this._a };
+      return {
+        h: hsv.h * 360,
+        s: hsv.s,
+        v: hsv.v,
+        a: this._a
+      };
     },
-    toHsvString: function () {
+    toHsvString: function toHsvString() {
       var hsv = rgbToHsv(this._r, this._g, this._b);
       var h = Math.round(hsv.h * 360),
         s = Math.round(hsv.s * 100),
         v = Math.round(hsv.v * 100);
-      return this._a == 1
-        ? "hsv(" + h + ", " + s + "%, " + v + "%)"
-        : "hsva(" + h + ", " + s + "%, " + v + "%, " + this._roundA + ")";
+      return this._a == 1 ? "hsv(" + h + ", " + s + "%, " + v + "%)" : "hsva(" + h + ", " + s + "%, " + v + "%, " + this._roundA + ")";
     },
-    toHsl: function () {
+    toHsl: function toHsl() {
       var hsl = rgbToHsl(this._r, this._g, this._b);
-      return { h: hsl.h * 360, s: hsl.s, l: hsl.l, a: this._a };
+      return {
+        h: hsl.h * 360,
+        s: hsl.s,
+        l: hsl.l,
+        a: this._a
+      };
     },
-    toHslString: function () {
+    toHslString: function toHslString() {
       var hsl = rgbToHsl(this._r, this._g, this._b);
       var h = Math.round(hsl.h * 360),
         s = Math.round(hsl.s * 100),
         l = Math.round(hsl.l * 100);
-      return this._a == 1
-        ? "hsl(" + h + ", " + s + "%, " + l + "%)"
-        : "hsla(" + h + ", " + s + "%, " + l + "%, " + this._roundA + ")";
+      return this._a == 1 ? "hsl(" + h + ", " + s + "%, " + l + "%)" : "hsla(" + h + ", " + s + "%, " + l + "%, " + this._roundA + ")";
     },
-    toHex: function (allow3Char) {
+    toHex: function toHex(allow3Char) {
       return rgbToHex(this._r, this._g, this._b, allow3Char);
     },
-    toHexString: function (allow3Char) {
+    toHexString: function toHexString(allow3Char) {
       return "#" + this.toHex(allow3Char);
     },
-    toHex8: function (allow4Char) {
+    toHex8: function toHex8(allow4Char) {
       return rgbaToHex(this._r, this._g, this._b, this._a, allow4Char);
     },
-    toHex8String: function (allow4Char) {
+    toHex8String: function toHex8String(allow4Char) {
       return "#" + this.toHex8(allow4Char);
     },
-    toRgb: function () {
+    toRgb: function toRgb() {
       return {
         r: Math.round(this._r),
         g: Math.round(this._g),
         b: Math.round(this._b),
-        a: this._a,
+        a: this._a
       };
     },
-    toRgbString: function () {
-      return this._a == 1
-        ? "rgb(" +
-            Math.round(this._r) +
-            ", " +
-            Math.round(this._g) +
-            ", " +
-            Math.round(this._b) +
-            ")"
-        : "rgba(" +
-            Math.round(this._r) +
-            ", " +
-            Math.round(this._g) +
-            ", " +
-            Math.round(this._b) +
-            ", " +
-            this._roundA +
-            ")";
+    toRgbString: function toRgbString() {
+      return this._a == 1 ? "rgb(" + Math.round(this._r) + ", " + Math.round(this._g) + ", " + Math.round(this._b) + ")" : "rgba(" + Math.round(this._r) + ", " + Math.round(this._g) + ", " + Math.round(this._b) + ", " + this._roundA + ")";
     },
-    toPercentageRgb: function () {
+    toPercentageRgb: function toPercentageRgb() {
       return {
         r: Math.round(bound01(this._r, 255) * 100) + "%",
         g: Math.round(bound01(this._g, 255) * 100) + "%",
         b: Math.round(bound01(this._b, 255) * 100) + "%",
-        a: this._a,
+        a: this._a
       };
     },
-    toPercentageRgbString: function () {
-      return this._a == 1
-        ? "rgb(" +
-            Math.round(bound01(this._r, 255) * 100) +
-            "%, " +
-            Math.round(bound01(this._g, 255) * 100) +
-            "%, " +
-            Math.round(bound01(this._b, 255) * 100) +
-            "%)"
-        : "rgba(" +
-            Math.round(bound01(this._r, 255) * 100) +
-            "%, " +
-            Math.round(bound01(this._g, 255) * 100) +
-            "%, " +
-            Math.round(bound01(this._b, 255) * 100) +
-            "%, " +
-            this._roundA +
-            ")";
+    toPercentageRgbString: function toPercentageRgbString() {
+      return this._a == 1 ? "rgb(" + Math.round(bound01(this._r, 255) * 100) + "%, " + Math.round(bound01(this._g, 255) * 100) + "%, " + Math.round(bound01(this._b, 255) * 100) + "%)" : "rgba(" + Math.round(bound01(this._r, 255) * 100) + "%, " + Math.round(bound01(this._g, 255) * 100) + "%, " + Math.round(bound01(this._b, 255) * 100) + "%, " + this._roundA + ")";
     },
-    toName: function () {
+    toName: function toName() {
       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) {
+    toFilter: function toFilter(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 +
-        ")"
-      );
+      return "progid:DXImageTransform.Microsoft.gradient(" + gradientType + "startColorstr=" + hex8String + ",endColorstr=" + secondHex8String + ")";
     },
-    toString: function (format) {
+    toString: function toString(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");
-
+      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.
@@ -5578,14 +5586,12 @@
       if (format === "hsv") {
         formattedString = this.toHsvString();
       }
-
       return formattedString || this.toHexString();
     },
-    clone: function () {
+    clone: function clone() {
       return tinycolor(this.toString());
     },
-
-    _applyModification: function (fn, args) {
+    _applyModification: function _applyModification(fn, args) {
       var color = fn.apply(null, [this].concat([].slice.call(args)));
       this._r = color._r;
       this._g = color._g;
@@ -5593,59 +5599,58 @@
       this.setAlpha(color._a);
       return this;
     },
-    lighten: function () {
-      return this._applyModification(lighten, arguments);
+    lighten: function lighten() {
+      return this._applyModification(_lighten, arguments);
     },
-    brighten: function () {
-      return this._applyModification(brighten, arguments);
+    brighten: function brighten() {
+      return this._applyModification(_brighten, arguments);
     },
-    darken: function () {
-      return this._applyModification(darken, arguments);
+    darken: function darken() {
+      return this._applyModification(_darken, arguments);
     },
-    desaturate: function () {
-      return this._applyModification(desaturate, arguments);
+    desaturate: function desaturate() {
+      return this._applyModification(_desaturate, arguments);
     },
-    saturate: function () {
-      return this._applyModification(saturate, arguments);
+    saturate: function saturate() {
+      return this._applyModification(_saturate, arguments);
     },
-    greyscale: function () {
-      return this._applyModification(greyscale, arguments);
+    greyscale: function greyscale() {
+      return this._applyModification(_greyscale, arguments);
     },
-    spin: function () {
-      return this._applyModification(spin, arguments);
+    spin: function spin() {
+      return this._applyModification(_spin, arguments);
     },
-
-    _applyCombination: function (fn, args) {
+    _applyCombination: function _applyCombination(fn, args) {
       return fn.apply(null, [this].concat([].slice.call(args)));
     },
-    analogous: function () {
-      return this._applyCombination(analogous, arguments);
+    analogous: function analogous() {
+      return this._applyCombination(_analogous, arguments);
     },
-    complement: function () {
-      return this._applyCombination(complement, arguments);
+    complement: function complement() {
+      return this._applyCombination(_complement, arguments);
     },
-    monochromatic: function () {
-      return this._applyCombination(monochromatic, arguments);
+    monochromatic: function monochromatic() {
+      return this._applyCombination(_monochromatic, arguments);
     },
-    splitcomplement: function () {
-      return this._applyCombination(splitcomplement, arguments);
+    splitcomplement: function splitcomplement() {
+      return this._applyCombination(_splitcomplement, arguments);
     },
     // Disabled until https://github.com/bgrins/TinyColor/issues/254
     // polyad: function (number) {
     //   return this._applyCombination(polyad, [number]);
     // },
-    triad: function () {
+    triad: function triad() {
       return this._applyCombination(polyad, [3]);
     },
-    tetrad: function () {
+    tetrad: function tetrad() {
       return this._applyCombination(polyad, [4]);
-    },
+    }
   };
 
   // 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") {
+    if (_typeof(color) == "object") {
       var newColor = {};
       for (var i in color) {
         if (color.hasOwnProperty(i)) {
@@ -5658,7 +5663,6 @@
       }
       color = newColor;
     }
-
     return tinycolor(color, opts);
   };
 
@@ -5678,63 +5682,50 @@
   //     "hsv(0, 100%, 100%)" or "hsv 0 100% 100%"
   //
   function inputToRGB(color) {
-    var rgb = { r: 0, g: 0, b: 0 };
+    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)
-      ) {
+    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)
-      ) {
+      } 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)
-      ) {
+      } 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: Math.min(255, Math.max(rgb.r, 0)),
       g: Math.min(255, Math.max(rgb.g, 0)),
       b: Math.min(255, Math.max(rgb.b, 0)),
-      a: a,
+      a: a
     };
   }
 
@@ -5753,7 +5744,7 @@
     return {
       r: bound01(r, 255) * 255,
       g: bound01(g, 255) * 255,
-      b: bound01(b, 255) * 255,
+      b: bound01(b, 255) * 255
     };
   }
 
@@ -5765,13 +5756,11 @@
     r = bound01(r, 255);
     g = bound01(g, 255);
     b = bound01(b, 255);
-
     var max = Math.max(r, g, b),
       min = Math.min(r, g, b);
     var h,
       s,
       l = (max + min) / 2;
-
     if (max == min) {
       h = s = 0; // achromatic
     } else {
@@ -5788,11 +5777,13 @@
           h = (r - g) / d + 4;
           break;
       }
-
       h /= 6;
     }
-
-    return { h: h, s: s, l: l };
+    return {
+      h: h,
+      s: s,
+      l: l
+    };
   }
 
   // `hslToRgb`
@@ -5801,11 +5792,9 @@
   // *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;
@@ -5814,7 +5803,6 @@
       if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6;
       return p;
     }
-
     if (s === 0) {
       r = g = b = l; // achromatic
     } else {
@@ -5824,8 +5812,11 @@
       g = hue2rgb(p, q, h);
       b = hue2rgb(p, q, h - 1 / 3);
     }
-
-    return { r: r * 255, g: g * 255, b: b * 255 };
+    return {
+      r: r * 255,
+      g: g * 255,
+      b: b * 255
+    };
   }
 
   // `rgbToHsv`
@@ -5836,16 +5827,13 @@
     r = bound01(r, 255);
     g = bound01(g, 255);
     b = bound01(b, 255);
-
     var max = Math.max(r, g, b),
       min = Math.min(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 {
@@ -5862,7 +5850,11 @@
       }
       h /= 6;
     }
-    return { h: h, s: s, v: v };
+    return {
+      h: h,
+      s: s,
+      v: v
+    };
   }
 
   // `hsvToRgb`
@@ -5873,7 +5865,6 @@
     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),
@@ -5883,8 +5874,11 @@
       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 };
+    return {
+      r: r * 255,
+      g: g * 255,
+      b: b * 255
+    };
   }
 
   // `rgbToHex`
@@ -5892,22 +5886,12 @@
   // 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(Math.round(r).toString(16)),
-      pad2(Math.round(g).toString(16)),
-      pad2(Math.round(b).toString(16)),
-    ];
+    var hex = [pad2(Math.round(r).toString(16)), pad2(Math.round(g).toString(16)), pad2(Math.round(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)
-    ) {
+    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("");
   }
 
@@ -5916,26 +5900,12 @@
   // 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(Math.round(r).toString(16)),
-      pad2(Math.round(g).toString(16)),
-      pad2(Math.round(b).toString(16)),
-      pad2(convertDecimalToHex(a)),
-    ];
+    var hex = [pad2(Math.round(r).toString(16)), pad2(Math.round(g).toString(16)), pad2(Math.round(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)
-      );
+    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("");
   }
 
@@ -5943,13 +5913,7 @@
   // 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(Math.round(r).toString(16)),
-      pad2(Math.round(g).toString(16)),
-      pad2(Math.round(b).toString(16)),
-    ];
-
+    var hex = [pad2(convertDecimalToHex(a)), pad2(Math.round(r).toString(16)), pad2(Math.round(g).toString(16)), pad2(Math.round(b).toString(16))];
     return hex.join("");
   }
 
@@ -5959,12 +5923,11 @@
     if (!color1 || !color2) return false;
     return tinycolor(color1).toRgbString() == tinycolor(color2).toRgbString();
   };
-
   tinycolor.random = function () {
     return tinycolor.fromRatio({
       r: Math.random(),
       g: Math.random(),
-      b: Math.random(),
+      b: Math.random()
     });
   };
 
@@ -5973,35 +5936,31 @@
   // Thanks to less.js for some of the basics here
   // <https://github.com/cloudhead/less.js/blob/master/lib/less/functions.js>
 
-  function desaturate(color, amount) {
+  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) {
+  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) {
+  function _greyscale(color) {
     return tinycolor(color).desaturate(100);
   }
-
-  function lighten(color, amount) {
+  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) {
+  function _brighten(color, amount) {
     amount = amount === 0 ? 0 : amount || 10;
     var rgb = tinycolor(color).toRgb();
     rgb.r = Math.max(0, Math.min(255, rgb.r - Math.round(255 * -(amount / 100))));
@@ -6009,8 +5968,7 @@
     rgb.b = Math.max(0, Math.min(255, rgb.b - Math.round(255 * -(amount / 100))));
     return tinycolor(rgb);
   }
-
-  function darken(color, amount) {
+  function _darken(color, amount) {
     amount = amount === 0 ? 0 : amount || 10;
     var hsl = tinycolor(color).toHsl();
     hsl.l -= amount / 100;
@@ -6020,7 +5978,7 @@
 
   // 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) {
+  function _spin(color, amount) {
     var hsl = tinycolor(color).toHsl();
     var hue = (hsl.h + amount) % 360;
     hsl.h = hue < 0 ? 360 + hue : hue;
@@ -6032,12 +5990,11 @@
   // Thanks to jQuery xColor for some of the ideas behind these
   // <https://github.com/infusion/jQuery-xcolor/blob/master/jquery.xcolor.js>
 
-  function complement(color) {
+  function _complement(color) {
     var hsl = tinycolor(color).toHsl();
     hsl.h = (hsl.h + 180) % 360;
     return tinycolor(hsl);
   }
-
   function polyad(color, number) {
     if (isNaN(number) || number <= 0) {
       throw new Error("Argument to polyad must be a positive number");
@@ -6046,38 +6003,40 @@
     var result = [tinycolor(color)];
     var step = 360 / number;
     for (var i = 1; i < number; i++) {
-      result.push(tinycolor({ h: (hsl.h + i * step) % 360, s: hsl.s, l: hsl.l }));
+      result.push(tinycolor({
+        h: (hsl.h + i * step) % 360,
+        s: hsl.s,
+        l: hsl.l
+      }));
     }
-
     return result;
   }
-
-  function splitcomplement(color) {
+  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) {
+    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; ) {
+    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) {
+  function _monochromatic(color, results) {
     results = results || 6;
     var hsv = tinycolor(color).toHsv();
     var h = hsv.h,
@@ -6085,12 +6044,14 @@
       v = hsv.v;
     var ret = [];
     var modification = 1 / results;
-
     while (results--) {
-      ret.push(tinycolor({ h: h, s: s, v: v }));
+      ret.push(tinycolor({
+        h: h,
+        s: s,
+        v: v
+      }));
       v = (v + modification) % 1;
     }
-
     return ret;
   }
 
@@ -6099,19 +6060,15 @@
 
   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,
+      a: (rgb2.a - rgb1.a) * p + rgb1.a
     };
-
     return tinycolor(rgba);
   };
 
@@ -6124,10 +6081,7 @@
   tinycolor.readability = function (color1, color2) {
     var c1 = tinycolor(color1);
     var c2 = tinycolor(color2);
-    return (
-      (Math.max(c1.getLuminance(), c2.getLuminance()) + 0.05) /
-      (Math.min(c1.getLuminance(), c2.getLuminance()) + 0.05)
-    );
+    return (Math.max(c1.getLuminance(), c2.getLuminance()) + 0.05) / (Math.min(c1.getLuminance(), c2.getLuminance()) + 0.05);
   };
 
   // `isReadable`
@@ -6143,9 +6097,7 @@
   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":
@@ -6180,7 +6132,6 @@
     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) {
@@ -6188,14 +6139,10 @@
         bestColor = tinycolor(colorList[i]);
       }
     }
-
-    if (
-      tinycolor.isReadable(baseColor, bestColor, {
-        level: level,
-        size: size,
-      }) ||
-      !includeFallbackColors
-    ) {
+    if (tinycolor.isReadable(baseColor, bestColor, {
+      level: level,
+      size: size
+    }) || !includeFallbackColors) {
       return bestColor;
     } else {
       args.includeFallbackColors = false;
@@ -6206,7 +6153,7 @@
   // Big List of Colors
   // ------------------
   // <https://www.w3.org/TR/css-color-4/#named-colors>
-  var names = (tinycolor.names = {
+  var names = tinycolor.names = {
     aliceblue: "f0f8ff",
     antiquewhite: "faebd7",
     aqua: "0ff",
@@ -6355,11 +6302,11 @@
     white: "fff",
     whitesmoke: "f5f5f5",
     yellow: "ff0",
-    yellowgreen: "9acd32",
-  });
+    yellowgreen: "9acd32"
+  };
 
   // Make it easy to access colors via `hexNames[hex]`
-  var hexNames = (tinycolor.hexNames = flip(names));
+  var hexNames = tinycolor.hexNames = flip(names);
 
   // Utilities
   // ---------
@@ -6378,18 +6325,15 @@
   // 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 = Math.min(max, Math.max(0, parseFloat(n)));
 
@@ -6404,7 +6348,7 @@
     }
 
     // Convert into [0, 1] range if it isn't already
-    return (n % max) / parseFloat(max);
+    return n % max / parseFloat(max);
   }
 
   // Force a number between 0 and 1
@@ -6438,7 +6382,6 @@
     if (n <= 1) {
       n = n * 100 + "%";
     }
-
     return n;
   }
 
@@ -6450,8 +6393,7 @@
   function convertHexToDecimal(h) {
     return parseIntFromHex(h) / 255;
   }
-
-  var matchers = (function () {
+  var matchers = function () {
     // <http://www.w3.org/TR/css3-values/#integers>
     var CSS_INTEGER = "[-\\+]?\\d+%?";
 
@@ -6464,25 +6406,8 @@
     // 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*\\)?";
-
+    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),
@@ -6494,9 +6419,9 @@
       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})$/,
+      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
@@ -6515,7 +6440,13 @@
       color = names[color];
       named = true;
     } else if (color == "transparent") {
-      return { r: 0, g: 0, b: 0, a: 0, format: "name" };
+      return {
+        r: 0,
+        g: 0,
+        b: 0,
+        a: 0,
+        format: "name"
+      };
     }
 
     // Try to match string input using regular expressions.
@@ -6523,67 +6454,95 @@
     // 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.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.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.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.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.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.hsva.exec(color)) {
+      return {
+        h: match[1],
+        s: match[2],
+        v: match[3],
+        a: match[4]
+      };
     }
-    if ((match = matchers.hex8.exec(color))) {
+    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",
+        format: named ? "name" : "hex8"
       };
     }
-    if ((match = matchers.hex6.exec(color))) {
+    if (match = matchers.hex6.exec(color)) {
       return {
         r: parseIntFromHex(match[1]),
         g: parseIntFromHex(match[2]),
         b: parseIntFromHex(match[3]),
-        format: named ? "name" : "hex",
+        format: named ? "name" : "hex"
       };
     }
-    if ((match = matchers.hex4.exec(color))) {
+    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",
+        format: named ? "name" : "hex8"
       };
     }
-    if ((match = matchers.hex3.exec(color))) {
+    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",
+        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" };
+    parms = parms || {
+      level: "AA",
+      size: "small"
+    };
     level = (parms.level || "AA").toUpperCase();
     size = (parms.size || "small").toLowerCase();
     if (level !== "AA" && level !== "AAA") {
@@ -6592,7 +6551,10 @@
     if (size !== "small" && size !== "large") {
       size = "small";
     }
-    return { level: level, size: size };
+    return {
+      level: level,
+      size: size
+    };
   }
 
   function _classCallCheck(instance, Constructor) {
@@ -6600,17 +6562,15 @@
       throw new TypeError("Cannot call a class as a function");
     }
   }
-
   function _defineProperties(target, props) {
     for (var i = 0; i < props.length; i++) {
       var descriptor = props[i];
       descriptor.enumerable = descriptor.enumerable || false;
       descriptor.configurable = true;
       if ("value" in descriptor) descriptor.writable = true;
-      Object.defineProperty(target, descriptor.key, descriptor);
+      Object.defineProperty(target, _toPropertyKey$1(descriptor.key), descriptor);
     }
   }
-
   function _createClass(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties(Constructor.prototype, protoProps);
     if (staticProps) _defineProperties(Constructor, staticProps);
@@ -6619,19 +6579,15 @@
     });
     return Constructor;
   }
-
   function _toConsumableArray$1(arr) {
     return _arrayWithoutHoles$1(arr) || _iterableToArray$1(arr) || _unsupportedIterableToArray$1(arr) || _nonIterableSpread$1();
   }
-
   function _arrayWithoutHoles$1(arr) {
     if (Array.isArray(arr)) return _arrayLikeToArray$1(arr);
   }
-
   function _iterableToArray$1(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
   }
-
   function _unsupportedIterableToArray$1(o, minLen) {
     if (!o) return;
     if (typeof o === "string") return _arrayLikeToArray$1(o, minLen);
@@ -6640,53 +6596,54 @@
     if (n === "Map" || n === "Set") return Array.from(o);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$1(o, minLen);
   }
-
   function _arrayLikeToArray$1(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
-
     for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-
     return arr2;
   }
-
   function _nonIterableSpread$1() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
+  function _toPrimitive$1(input, hint) {
+    if (typeof input !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (typeof res !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
+  function _toPropertyKey$1(arg) {
+    var key = _toPrimitive$1(arg, "string");
+    return typeof key === "symbol" ? key : String(key);
+  }
 
   var ENTROPY = 123; // Raise numbers to prevent collisions in lower indexes
 
   var int2HexColor = function int2HexColor(num) {
     return "#".concat(Math.min(num, Math.pow(2, 24)).toString(16).padStart(6, '0'));
   };
-
   var rgb2Int = function rgb2Int(r, g, b) {
     return (r << 16) + (g << 8) + b;
   };
-
   var colorStr2Int = function colorStr2Int(str) {
     var _tinyColor$toRgb = tinycolor(str).toRgb(),
-        r = _tinyColor$toRgb.r,
-        g = _tinyColor$toRgb.g,
-        b = _tinyColor$toRgb.b;
-
+      r = _tinyColor$toRgb.r,
+      g = _tinyColor$toRgb.g,
+      b = _tinyColor$toRgb.b;
     return rgb2Int(r, g, b);
   };
-
   var checksum = function checksum(n, csBits) {
     return n * ENTROPY % Math.pow(2, csBits);
   };
-
   var _default = /*#__PURE__*/function () {
     function _default() {
       var csBits = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 6;
-
       _classCallCheck(this, _default);
-
       this.csBits = csBits; // How many bits to reserve for checksum. Will eat away into the usable size of the registry.
-
       this.registry = ['__reserved for background__']; // indexed objects for rgb lookup;
     }
-
     _createClass(_default, [{
       key: "register",
       value: function register(obj) {
@@ -6708,7 +6665,6 @@
         if (!n) return null; // 0 index is reserved for background
 
         var idx = n & Math.pow(2, 24 - this.csBits) - 1; // registry index
-
         var cs = n >> 24 - this.csBits & Math.pow(2, this.csBits) - 1; // extract bits reserved for checksum
 
         if (checksum(idx, this.csBits) !== cs || idx >= this.registry.length) return null; // failed checksum or registry out of bounds
@@ -6716,7 +6672,6 @@
         return this.registry[idx];
       }
     }]);
-
     return _default;
   }();
 
@@ -6771,7 +6726,7 @@
   }
 
   function tree_add$2(d) {
-    var x = +this._x.call(null, d);
+    const x = +this._x.call(null, d);
     return add$2(this.cover(x), x, d);
   }
 
@@ -6811,14 +6766,14 @@
   }
 
   function addAll$2(data) {
-    var i, n = data.length,
-        x,
-        xz = new Array(n),
-        x0 = Infinity,
+    if (!Array.isArray(data)) data = Array.from(data);
+    const n = data.length;
+    const xz = new Float64Array(n);
+    let x0 = Infinity,
         x1 = -Infinity;
 
     // Compute the points and their extent.
-    for (i = 0; i < n; ++i) {
+    for (let i = 0, x; i < n; ++i) {
       if (isNaN(x = +this._x.call(null, data[i]))) continue;
       xz[i] = x;
       if (x < x0) x0 = x;
@@ -6832,7 +6787,7 @@
     this.cover(x0).cover(x1);
 
     // Add the new points.
-    for (i = 0; i < n; ++i) {
+    for (let i = 0; i < n; ++i) {
       add$2(this, xz[i], data[i]);
     }
 
@@ -7526,7 +7481,7 @@
   treeProto$1.y = tree_y$1;
 
   function tree_add(d) {
-    var x = +this._x.call(null, d),
+    const x = +this._x.call(null, d),
         y = +this._y.call(null, d),
         z = +this._z.call(null, d);
     return add(this.cover(x, y, z), x, y, z, d);
@@ -7584,14 +7539,12 @@
   }
 
   function addAll(data) {
-    var d, i, n = data.length,
-        x,
-        y,
-        z,
-        xz = new Array(n),
-        yz = new Array(n),
-        zz = new Array(n),
-        x0 = Infinity,
+    if (!Array.isArray(data)) data = Array.from(data);
+    const n = data.length;
+    const xz = new Float64Array(n);
+    const yz = new Float64Array(n);
+    const zz = new Float64Array(n);
+    let x0 = Infinity,
         y0 = Infinity,
         z0 = Infinity,
         x1 = -Infinity,
@@ -7599,7 +7552,7 @@
         z1 = -Infinity;
 
     // Compute the points and their extent.
-    for (i = 0; i < n; ++i) {
+    for (let i = 0, d, x, y, z; i < n; ++i) {
       if (isNaN(x = +this._x.call(null, d = data[i])) || isNaN(y = +this._y.call(null, d)) || isNaN(z = +this._z.call(null, d))) continue;
       xz[i] = x;
       yz[i] = y;
@@ -7619,7 +7572,7 @@
     this.cover(x0, y0, z0).cover(x1, y1, z1);
 
     // Add the new points.
-    for (i = 0; i < n; ++i) {
+    for (let i = 0; i < n; ++i) {
       add(this, xz[i], yz[i], zz[i], data[i]);
     }
 
@@ -9515,6 +9468,7 @@
     This code is MIT licensed.
   **/
 
+
   // math-inlining.
   const { abs, min, max, cos, sin, acos, sqrt } = Math;
   const pi = Math.PI;
@@ -9744,7 +9698,7 @@
     getLUT(steps) {
       this.verify();
       steps = steps || 100;
-      if (this._lut.length === steps) {
+      if (this._lut.length === steps + 1) {
         return this._lut;
       }
       this._lut = [];
@@ -10510,31 +10464,51 @@
     }
   }
 
+  function _iterableToArrayLimit(arr, i) {
+    var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+    if (null != _i) {
+      var _s,
+        _e,
+        _x,
+        _r,
+        _arr = [],
+        _n = !0,
+        _d = !1;
+      try {
+        if (_x = (_i = _i.call(arr)).next, 0 === i) {
+          if (Object(_i) !== _i) return;
+          _n = !1;
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
+      } catch (err) {
+        _d = !0, _e = err;
+      } finally {
+        try {
+          if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return;
+        } finally {
+          if (_d) throw _e;
+        }
+      }
+      return _arr;
+    }
+  }
   function _objectWithoutPropertiesLoose(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
     var key, i;
-
     for (i = 0; i < sourceKeys.length; i++) {
       key = sourceKeys[i];
       if (excluded.indexOf(key) >= 0) continue;
       target[key] = source[key];
     }
-
     return target;
   }
-
   function _objectWithoutProperties(source, excluded) {
     if (source == null) return {};
-
     var target = _objectWithoutPropertiesLoose(source, excluded);
-
     var key, i;
-
     if (Object.getOwnPropertySymbols) {
       var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-
       for (i = 0; i < sourceSymbolKeys.length; i++) {
         key = sourceSymbolKeys[i];
         if (excluded.indexOf(key) >= 0) continue;
@@ -10542,60 +10516,23 @@
         target[key] = source[key];
       }
     }
-
     return target;
   }
-
   function _slicedToArray(arr, i) {
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
-
   function _toConsumableArray(arr) {
     return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
   }
-
   function _arrayWithoutHoles(arr) {
     if (Array.isArray(arr)) return _arrayLikeToArray(arr);
   }
-
   function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
   }
-
   function _iterableToArray(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
   }
-
-  function _iterableToArrayLimit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-
-    var _s, _e;
-
-    try {
-      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-        _arr.push(_s.value);
-
-        if (i && _arr.length === i) break;
-      }
-    } catch (err) {
-      _d = true;
-      _e = err;
-    } finally {
-      try {
-        if (!_n && _i["return"] != null) _i["return"]();
-      } finally {
-        if (_d) throw _e;
-      }
-    }
-
-    return _arr;
-  }
-
   function _unsupportedIterableToArray(o, minLen) {
     if (!o) return;
     if (typeof o === "string") return _arrayLikeToArray(o, minLen);
@@ -10604,39 +10541,29 @@
     if (n === "Map" || n === "Set") return Array.from(o);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
   }
-
   function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
-
     for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-
     return arr2;
   }
-
   function _nonIterableSpread() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-
   function _nonIterableRest() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-
   function _toPrimitive(input, hint) {
     if (typeof input !== "object" || input === null) return input;
     var prim = input[Symbol.toPrimitive];
-
     if (prim !== undefined) {
       var res = prim.call(input, hint || "default");
       if (typeof res !== "object") return res;
       throw new TypeError("@@toPrimitive must return a primitive value.");
     }
-
     return (hint === "string" ? String : Number)(input);
   }
-
   function _toPropertyKey(arg) {
     var key = _toPrimitive(arg, "string");
-
     return typeof key === "symbol" ? key : String(key);
   }
 
@@ -10656,25 +10583,21 @@
       var itemVal = item;
       keys.forEach(function (_ref, idx) {
         var keyAccessor = _ref.keyAccessor,
-            isProp = _ref.isProp;
+          isProp = _ref.isProp;
         var key;
-
         if (isProp) {
           var _itemVal = itemVal,
-              propVal = _itemVal[keyAccessor],
-              rest = _objectWithoutProperties(_itemVal, [keyAccessor].map(_toPropertyKey));
-
+            propVal = _itemVal[keyAccessor],
+            rest = _objectWithoutProperties(_itemVal, [keyAccessor].map(_toPropertyKey));
           key = propVal;
           itemVal = rest;
         } else {
           key = keyAccessor(itemVal, idx);
         }
-
         if (idx + 1 < keys.length) {
           if (!iterObj.hasOwnProperty(key)) {
             iterObj[key] = {};
           }
-
           iterObj = iterObj[key];
         } else {
           // Leaf key
@@ -10682,7 +10605,6 @@
             if (!iterObj.hasOwnProperty(key)) {
               iterObj[key] = [];
             }
-
             iterObj[key].push(itemVal);
           } else {
             iterObj[key] = itemVal;
@@ -10691,12 +10613,10 @@
       });
       return res;
     }, {});
-
     if (multiItem instanceof Function) {
       // Reduce leaf multiple values
       (function reduce(node) {
         var level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
-
         if (level === keys.length) {
           Object.keys(node).forEach(function (k) {
             return node[k] = multiItem(node[k]);
@@ -10707,18 +10627,14 @@
           });
         }
       })(indexedResult); // IIFE
-
     }
 
     var result = indexedResult;
-
     if (flattenKeys) {
       // flatten into array
       result = [];
-
       (function flatten(node) {
         var accKeys = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-
         if (accKeys.length === keys.length) {
           result.push({
             keys: accKeys,
@@ -10727,21 +10643,18 @@
         } else {
           Object.entries(node).forEach(function (_ref2) {
             var _ref3 = _slicedToArray(_ref2, 2),
-                key = _ref3[0],
-                val = _ref3[1];
-
+              key = _ref3[0],
+              val = _ref3[1];
             return flatten(val, [].concat(_toConsumableArray(accKeys), [key]));
           });
         }
       })(indexedResult); //IIFE
 
-
       if (keyAccessors instanceof Array && keyAccessors.length === 0 && result.length === 1) {
         // clear keys if there's no key accessors (single result)
         result[0].keys = [];
       }
     }
-
     return result;
   });
 
@@ -10853,7 +10766,7 @@
       var targetNode = graph[targetId];
       sourceNode.out.push(targetNode);
       function getNodeId(node) {
-        return _typeof(node) === 'object' ? idAccessor(node) : node;
+        return _typeof$1(node) === 'object' ? idAccessor(node) : node;
       }
     });
     var foundLoops = [];
@@ -10912,7 +10825,7 @@
   var updDataPhotons = function updDataPhotons(_, state) {
     if (!state.isShadow) {
       // Add photon particles
-      var linkParticlesAccessor = accessorFn(state.linkDirectionalParticles);
+      var linkParticlesAccessor = index$2(state.linkDirectionalParticles);
       state.graphData.links.forEach(function (link) {
         var numPhotons = Math.round(Math.abs(linkParticlesAccessor(link)));
         if (numPhotons) {
@@ -11180,10 +11093,10 @@
           }
         }
         function paintNodes() {
-          var getVisibility = accessorFn(state.nodeVisibility);
-          var getVal = accessorFn(state.nodeVal);
-          var getColor = accessorFn(state.nodeColor);
-          var getNodeCanvasObjectMode = accessorFn(state.nodeCanvasObjectMode);
+          var getVisibility = index$2(state.nodeVisibility);
+          var getVal = index$2(state.nodeVal);
+          var getColor = index$2(state.nodeColor);
+          var getNodeCanvasObjectMode = index$2(state.nodeCanvasObjectMode);
           var ctx = state.ctx;
 
           // Draw wider nodes by 1px on shadow canvas for more precise hovering (due to boundary anti-aliasing)
@@ -11215,12 +11128,12 @@
           ctx.restore();
         }
         function paintLinks() {
-          var getVisibility = accessorFn(state.linkVisibility);
-          var getColor = accessorFn(state.linkColor);
-          var getWidth = accessorFn(state.linkWidth);
-          var getLineDash = accessorFn(state.linkLineDash);
-          var getCurvature = accessorFn(state.linkCurvature);
-          var getLinkCanvasObjectMode = accessorFn(state.linkCanvasObjectMode);
+          var getVisibility = index$2(state.linkVisibility);
+          var getColor = index$2(state.linkColor);
+          var getWidth = index$2(state.linkWidth);
+          var getLineDash = index$2(state.linkLineDash);
+          var getCurvature = index$2(state.linkCurvature);
+          var getLinkCanvasObjectMode = index$2(state.linkCanvasObjectMode);
           var ctx = state.ctx;
 
           // Draw wider lines by 2px on shadow canvas for more precise hovering (due to boundary anti-aliasing)
@@ -11337,11 +11250,11 @@
         function paintArrows() {
           var ARROW_WH_RATIO = 1.6;
           var ARROW_VLEN_RATIO = 0.2;
-          var getLength = accessorFn(state.linkDirectionalArrowLength);
-          var getRelPos = accessorFn(state.linkDirectionalArrowRelPos);
-          var getVisibility = accessorFn(state.linkVisibility);
-          var getColor = accessorFn(state.linkDirectionalArrowColor || state.linkColor);
-          var getNodeVal = accessorFn(state.nodeVal);
+          var getLength = index$2(state.linkDirectionalArrowLength);
+          var getRelPos = index$2(state.linkDirectionalArrowRelPos);
+          var getVisibility = index$2(state.linkVisibility);
+          var getColor = index$2(state.linkDirectionalArrowColor || state.linkColor);
+          var getNodeVal = index$2(state.nodeVal);
           var ctx = state.ctx;
           ctx.save();
           state.graphData.links.filter(getVisibility).forEach(function (link) {
@@ -11386,11 +11299,11 @@
           ctx.restore();
         }
         function paintPhotons() {
-          var getNumPhotons = accessorFn(state.linkDirectionalParticles);
-          var getSpeed = accessorFn(state.linkDirectionalParticleSpeed);
-          var getDiameter = accessorFn(state.linkDirectionalParticleWidth);
-          var getVisibility = accessorFn(state.linkVisibility);
-          var getColor = accessorFn(state.linkDirectionalParticleColor || state.linkColor);
+          var getNumPhotons = index$2(state.linkDirectionalParticles);
+          var getSpeed = index$2(state.linkDirectionalParticleSpeed);
+          var getDiameter = index$2(state.linkDirectionalParticleWidth);
+          var getVisibility = index$2(state.linkVisibility);
+          var getColor = index$2(state.linkDirectionalParticleColor || state.linkColor);
           var ctx = state.ctx;
           ctx.save();
           state.graphData.links.filter(getVisibility).forEach(function (link) {
@@ -11473,11 +11386,11 @@
       state.onUpdate();
       if (state.nodeAutoColorBy !== null) {
         // Auto add color to uncolored nodes
-        autoColorObjects(state.graphData.nodes, accessorFn(state.nodeAutoColorBy), state.nodeColor);
+        autoColorObjects(state.graphData.nodes, index$2(state.nodeAutoColorBy), state.nodeColor);
       }
       if (state.linkAutoColorBy !== null) {
         // Auto add color to uncolored links
-        autoColorObjects(state.graphData.links, accessorFn(state.linkAutoColorBy), state.linkColor);
+        autoColorObjects(state.graphData.links, index$2(state.linkAutoColorBy), state.linkColor);
       }
 
       // parse links
@@ -11842,7 +11755,7 @@
             // no animation
             setCenter(finalPos);
           } else {
-            new TWEEN$1.Tween(getCenter()).to(finalPos, transitionDuration).easing(TWEEN$1.Easing.Quadratic.Out).onUpdate(setCenter).start();
+            new Tween(getCenter()).to(finalPos, transitionDuration).easing(Easing.Quadratic.Out).onUpdate(setCenter).start();
           }
           return this;
         }
@@ -11875,11 +11788,11 @@
             // no animation
             setZoom(k);
           } else {
-            new TWEEN$1.Tween({
+            new Tween({
               k: getZoom()
             }).to({
               k: k
-            }, transitionDuration).easing(TWEEN$1.Easing.Quadratic.Out).onUpdate(function (_ref6) {
+            }, transitionDuration).easing(Easing.Quadratic.Out).onUpdate(function (_ref6) {
               var k = _ref6.k;
               return setZoom(k);
             }).start();
@@ -11922,7 +11835,7 @@
         var nodeFilter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {
           return true;
         };
-        var getVal = accessorFn(state.nodeVal);
+        var getVal = index$2(state.nodeVal);
         var getR = function getR(node) {
           return Math.sqrt(Math.max(0, getVal(node) || 1)) * state.nodeRelSize;
         };
@@ -12216,13 +12129,13 @@
 
       //
 
-      var refreshShadowCanvas = throttle$1(function () {
+      var refreshShadowCanvas = throttle(function () {
         // wipe canvas
         clearCanvas(shadowCtx, state.width, state.height);
 
         // Adjust link hover area
         state.shadowGraph.linkWidth(function (l) {
-          return accessorFn(state.linkWidth)(l) + state.linkHoverPrecision;
+          return index$2(state.linkWidth)(l) + state.linkHoverPrecision;
         });
 
         // redraw
@@ -12255,7 +12168,7 @@
               var _fn2 = state["on".concat(objType, "Hover")];
               _fn2 && _fn2(obj.d, prevObjType === objType ? prevObj.d : null);
             }
-            var tooltipContent = obj ? accessorFn(state["".concat(obj.type.toLowerCase(), "Label")])(obj.d) || '' : '';
+            var tooltipContent = obj ? index$2(state["".concat(obj.type.toLowerCase(), "Label")])(obj.d) || '' : '';
             toolTipElem.style.visibility = tooltipContent ? 'visible' : 'hidden';
             toolTipElem.innerHTML = tooltipContent;
 
@@ -12275,7 +12188,7 @@
           state.forceGraph.globalScale(globalScale).tickFrame();
           state.onRenderFramePost && state.onRenderFramePost(ctx, globalScale);
         }
-        TWEEN$1.update(); // update canvas animation tweens
+        update(); // update canvas animation tweens
 
         state.animationFrameRequestId = requestAnimationFrame(animate);
       })();