3d-force-graph 1.74.3 → 1.74.5

package/dist/3d-force-graph.js

@@ -1,4 +1,4 @@
-// Version 1.74.3 3d-force-graph - https://github.com/vasturiano/3d-force-graph
+// Version 1.74.5 3d-force-graph - https://github.com/vasturiano/3d-force-graph
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
   typeof define === 'function' && define.amd ? define(factory) :
@@ -35,29 +35,29 @@
   var css_248z$1 = ".graph-info-msg {\n  top: 50%;\n  width: 100%;\n  text-align: center;\n  color: lavender;\n  opacity: 0.7;\n  font-size: 22px;\n  position: absolute;\n  font-family: Sans-serif;\n}\n\n.scene-container .clickable {\n  cursor: pointer;\n}\n\n.scene-container .grabbable {\n  cursor: move;\n  cursor: grab;\n  cursor: -moz-grab;\n  cursor: -webkit-grab;\n}\n\n.scene-container .grabbable:active {\n  cursor: grabbing;\n  cursor: -moz-grabbing;\n  cursor: -webkit-grabbing;\n}";
   styleInject$1(css_248z$1);
 
-  function _arrayLikeToArray$5(r, a) {
+  function _arrayLikeToArray$4(r, a) {
     (null == a || a > r.length) && (a = r.length);
     for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
     return n;
   }
-  function _arrayWithoutHoles$4(r) {
-    if (Array.isArray(r)) return _arrayLikeToArray$5(r);
+  function _arrayWithoutHoles$3(r) {
+    if (Array.isArray(r)) return _arrayLikeToArray$4(r);
   }
-  function _defineProperty$3(e, r, t) {
-    return (r = _toPropertyKey$4(r)) in e ? Object.defineProperty(e, r, {
+  function _defineProperty$2(e, r, t) {
+    return (r = _toPropertyKey$3(r)) in e ? Object.defineProperty(e, r, {
       value: t,
       enumerable: !0,
       configurable: !0,
       writable: !0
     }) : e[r] = t, e;
   }
-  function _iterableToArray$4(r) {
+  function _iterableToArray$3(r) {
     if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
   }
-  function _nonIterableSpread$4() {
+  function _nonIterableSpread$3() {
     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 ownKeys$2(e, r) {
+  function ownKeys$1(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
       var o = Object.getOwnPropertySymbols(e);
@@ -67,21 +67,21 @@
     }
     return t;
   }
-  function _objectSpread2$2(e) {
+  function _objectSpread2$1(e) {
     for (var r = 1; r < arguments.length; r++) {
       var t = null != arguments[r] ? arguments[r] : {};
-      r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) {
-        _defineProperty$3(e, r, t[r]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) {
+      r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) {
+        _defineProperty$2(e, r, t[r]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) {
         Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
       });
     }
     return e;
   }
-  function _toConsumableArray$4(r) {
-    return _arrayWithoutHoles$4(r) || _iterableToArray$4(r) || _unsupportedIterableToArray$5(r) || _nonIterableSpread$4();
+  function _toConsumableArray$3(r) {
+    return _arrayWithoutHoles$3(r) || _iterableToArray$3(r) || _unsupportedIterableToArray$4(r) || _nonIterableSpread$3();
   }
-  function _toPrimitive$4(t, r) {
+  function _toPrimitive$3(t, r) {
     if ("object" != typeof t || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
@@ -91,15 +91,15 @@
     }
     return ("string" === r ? String : Number)(t);
   }
-  function _toPropertyKey$4(t) {
-    var i = _toPrimitive$4(t, "string");
+  function _toPropertyKey$3(t) {
+    var i = _toPrimitive$3(t, "string");
     return "symbol" == typeof i ? i : i + "";
   }
-  function _unsupportedIterableToArray$5(r, a) {
+  function _unsupportedIterableToArray$4(r, a) {
     if (r) {
-      if ("string" == typeof r) return _arrayLikeToArray$5(r, a);
+      if ("string" == typeof r) return _arrayLikeToArray$4(r, a);
       var t = {}.toString.call(r).slice(8, -1);
-      return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$5(r, a) : void 0;
+      return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$4(r, a) : void 0;
     }
   }
 
@@ -26323,7 +26323,7 @@
 
   }
 
-  let _id$8 = 0;
+  let _id$9 = 0;
 
   class WebGLShaderCache {
 
@@ -26437,7 +26437,7 @@
 
   	constructor( code ) {
 
-  		this.id = _id$8 ++;
+  		this.id = _id$9 ++;
 
   		this.code = code;
   		this.usedTimes = 0;
@@ -38984,7 +38984,7 @@ void main() {
     return (random() - 0.5) * 1e-6;
   }
 
-  function index$3(d) {
+  function index$2(d) {
     return d.index;
   }
 
@@ -38995,7 +38995,7 @@ void main() {
   }
 
   function forceLink(links) {
-    var id = index$3,
+    var id = index$2,
         strength = defaultStrength,
         strengths,
         distance = constant(30),
@@ -42748,23 +42748,23 @@ function InsertStackElement(node, body) {
     return debounced;
   }
 
-  function _arrayLikeToArray$4(r, a) {
+  function _arrayLikeToArray$3(r, a) {
     (null == a || a > r.length) && (a = r.length);
     for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
     return n;
   }
-  function _arrayWithHoles$4(r) {
+  function _arrayWithHoles$3(r) {
     if (Array.isArray(r)) return r;
   }
-  function _classCallCheck$1(a, n) {
+  function _classCallCheck$2(a, n) {
     if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
   }
-  function _createClass$1(e, r, t) {
+  function _createClass$2(e, r, t) {
     return Object.defineProperty(e, "prototype", {
       writable: !1
     }), e;
   }
-  function _iterableToArrayLimit$4(r, l) {
+  function _iterableToArrayLimit$3(r, l) {
     var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
     if (null != t) {
       var e,
@@ -42788,34 +42788,34 @@ function InsertStackElement(node, body) {
       return a;
     }
   }
-  function _nonIterableRest$4() {
+  function _nonIterableRest$3() {
     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 _slicedToArray$4(r, e) {
-    return _arrayWithHoles$4(r) || _iterableToArrayLimit$4(r, e) || _unsupportedIterableToArray$4(r, e) || _nonIterableRest$4();
+  function _slicedToArray$3(r, e) {
+    return _arrayWithHoles$3(r) || _iterableToArrayLimit$3(r, e) || _unsupportedIterableToArray$3(r, e) || _nonIterableRest$3();
   }
-  function _unsupportedIterableToArray$4(r, a) {
+  function _unsupportedIterableToArray$3(r, a) {
     if (r) {
-      if ("string" == typeof r) return _arrayLikeToArray$4(r, a);
+      if ("string" == typeof r) return _arrayLikeToArray$3(r, a);
       var t = {}.toString.call(r).slice(8, -1);
-      return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$4(r, a) : void 0;
+      return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$3(r, a) : void 0;
     }
   }
 
-  var Prop = /*#__PURE__*/_createClass$1(function Prop(name, _ref) {
+  var Prop = /*#__PURE__*/_createClass$2(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;
-    _classCallCheck$1(this, Prop);
+    _classCallCheck$2(this, Prop);
     this.name = name;
     this.defaultVal = defaultVal;
     this.triggerUpdate = triggerUpdate;
     this.onChange = onChange;
   });
-  function index$2 (_ref2) {
+  function index$1 (_ref2) {
     var _ref2$stateInit = _ref2.stateInit,
       stateInit = _ref2$stateInit === void 0 ? function () {
         return {};
@@ -42915,7 +42915,7 @@ function InsertStackElement(node, body) {
 
       // Link aliases
       Object.entries(aliases).forEach(function (_ref4) {
-        var _ref5 = _slicedToArray$4(_ref4, 2),
+        var _ref5 = _slicedToArray$3(_ref4, 2),
           alias = _ref5[0],
           target = _ref5[1];
         return comp[alias] = comp[target];
@@ -42939,7 +42939,7 @@ function InsertStackElement(node, body) {
     };
   }
 
-  var index$1 = (function (p) {
+  var index = (function (p) {
     return typeof p === 'function' ? p // fn
     : typeof p === 'string' ? function (obj) {
       return obj[p];
@@ -43036,21 +43036,51 @@ function InsertStackElement(node, body) {
     return min;
   }
 
-  function _arrayLikeToArray$3(r, a) {
+  function _arrayLikeToArray$2(r, a) {
     (null == a || a > r.length) && (a = r.length);
     for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
     return n;
   }
-  function _arrayWithHoles$3(r) {
+  function _arrayWithHoles$2(r) {
     if (Array.isArray(r)) return r;
   }
-  function _arrayWithoutHoles$3(r) {
-    if (Array.isArray(r)) return _arrayLikeToArray$3(r);
+  function _arrayWithoutHoles$2(r) {
+    if (Array.isArray(r)) return _arrayLikeToArray$2(r);
   }
-  function _iterableToArray$3(r) {
+  function _assertClassBrand$1(e, t, n) {
+    if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n;
+    throw new TypeError("Private element is not present on this object");
+  }
+  function _checkPrivateRedeclaration$1(e, t) {
+    if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object");
+  }
+  function _classCallCheck$1(a, n) {
+    if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
+  }
+  function _classPrivateFieldGet2$1(s, a) {
+    return s.get(_assertClassBrand$1(s, a));
+  }
+  function _classPrivateFieldInitSpec$1(e, t, a) {
+    _checkPrivateRedeclaration$1(e, t), t.set(e, a);
+  }
+  function _classPrivateFieldSet2$1(s, a, r) {
+    return s.set(_assertClassBrand$1(s, a), r), r;
+  }
+  function _defineProperties$1(e, r) {
+    for (var t = 0; t < r.length; t++) {
+      var o = r[t];
+      o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey$2(o.key), o);
+    }
+  }
+  function _createClass$1(e, r, t) {
+    return r && _defineProperties$1(e.prototype, r), Object.defineProperty(e, "prototype", {
+      writable: !1
+    }), e;
+  }
+  function _iterableToArray$2(r) {
     if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
   }
-  function _iterableToArrayLimit$3(r, l) {
+  function _iterableToArrayLimit$2(r, l) {
     var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
     if (null != t) {
       var e,
@@ -43074,421 +43104,137 @@ function InsertStackElement(node, body) {
       return a;
     }
   }
-  function _nonIterableRest$3() {
+  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 _nonIterableSpread$3() {
+  function _nonIterableSpread$2() {
     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 _objectWithoutProperties$2(e, t) {
-    if (null == e) return {};
-    var o,
-      r,
-      i = _objectWithoutPropertiesLoose$2(e, t);
-    if (Object.getOwnPropertySymbols) {
-      var s = Object.getOwnPropertySymbols(e);
-      for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
-    }
-    return i;
-  }
-  function _objectWithoutPropertiesLoose$2(r, e) {
-    if (null == r) return {};
-    var t = {};
-    for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-      if (e.includes(n)) continue;
-      t[n] = r[n];
-    }
-    return t;
-  }
-  function _slicedToArray$3(r, e) {
-    return _arrayWithHoles$3(r) || _iterableToArrayLimit$3(r, e) || _unsupportedIterableToArray$3(r, e) || _nonIterableRest$3();
+  function _slicedToArray$2(r, e) {
+    return _arrayWithHoles$2(r) || _iterableToArrayLimit$2(r, e) || _unsupportedIterableToArray$2(r, e) || _nonIterableRest$2();
   }
-  function _toConsumableArray$3(r) {
-    return _arrayWithoutHoles$3(r) || _iterableToArray$3(r) || _unsupportedIterableToArray$3(r) || _nonIterableSpread$3();
+  function _toConsumableArray$2(r) {
+    return _arrayWithoutHoles$2(r) || _iterableToArray$2(r) || _unsupportedIterableToArray$2(r) || _nonIterableSpread$2();
   }
-  function _toPrimitive$3(t, r) {
+  function _toPrimitive$2(t, r) {
     if ("object" != typeof t || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
-      var i = e.call(t, r );
+      var i = e.call(t, r);
       if ("object" != typeof i) return i;
       throw new TypeError("@@toPrimitive must return a primitive value.");
     }
     return (String )(t);
   }
-  function _toPropertyKey$3(t) {
-    var i = _toPrimitive$3(t, "string");
+  function _toPropertyKey$2(t) {
+    var i = _toPrimitive$2(t, "string");
     return "symbol" == typeof i ? i : i + "";
   }
-  function _unsupportedIterableToArray$3(r, a) {
+  function _unsupportedIterableToArray$2(r, a) {
     if (r) {
-      if ("string" == typeof r) return _arrayLikeToArray$3(r, a);
+      if ("string" == typeof r) return _arrayLikeToArray$2(r, a);
       var t = {}.toString.call(r).slice(8, -1);
-      return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$3(r, a) : void 0;
+      return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$2(r, a) : void 0;
     }
   }
 
-  var index = (function () {
-    var list = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    var keyAccessors = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-    var multiItem = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-    var flattenKeys = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-    var keys = (keyAccessors instanceof Array ? keyAccessors.length ? keyAccessors : [undefined] : [keyAccessors]).map(function (key) {
-      return {
-        keyAccessor: key,
-        isProp: !(key instanceof Function)
-      };
-    });
-    var indexedResult = list.reduce(function (res, item) {
-      var iterObj = res;
-      var itemVal = item;
-      keys.forEach(function (_ref, idx) {
-        var keyAccessor = _ref.keyAccessor,
-          isProp = _ref.isProp;
-        var key;
-        if (isProp) {
-          var _itemVal = itemVal,
-            propVal = _itemVal[keyAccessor],
-            rest = _objectWithoutProperties$2(_itemVal, [keyAccessor].map(_toPropertyKey$3));
-          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
-          if (multiItem) {
-            if (!iterObj.hasOwnProperty(key)) {
-              iterObj[key] = [];
-            }
-            iterObj[key].push(itemVal);
-          } else {
-            iterObj[key] = itemVal;
-          }
-        }
+  var _dataMap = /*#__PURE__*/new WeakMap();
+  var _objMap = /*#__PURE__*/new WeakMap();
+  var _id$8 = /*#__PURE__*/new WeakMap();
+  var _createObj = /*#__PURE__*/new WeakMap();
+  var _updateObj = /*#__PURE__*/new WeakMap();
+  var _removeObj = /*#__PURE__*/new WeakMap();
+  var DataBindMapper = /*#__PURE__*/function () {
+    function DataBindMapper() {
+      _classCallCheck$1(this, DataBindMapper);
+      _classPrivateFieldInitSpec$1(this, _dataMap, new Map());
+      _classPrivateFieldInitSpec$1(this, _objMap, new Map());
+      _classPrivateFieldInitSpec$1(this, _id$8, function (d) {
+        return d;
       });
-      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]);
-          });
-        } else {
-          Object.values(node).forEach(function (child) {
-            return reduce(child, level + 1);
-          });
-        }
-      })(indexedResult); // IIFE
+      _classPrivateFieldInitSpec$1(this, _createObj, function () {
+        return {};
+      });
+      _classPrivateFieldInitSpec$1(this, _updateObj, function () {});
+      _classPrivateFieldInitSpec$1(this, _removeObj, function () {});
     }
-    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,
-            vals: node
-          });
-        } else {
-          Object.entries(node).forEach(function (_ref2) {
-            var _ref3 = _slicedToArray$3(_ref2, 2),
-              key = _ref3[0],
-              val = _ref3[1];
-            return flatten(val, [].concat(_toConsumableArray$3(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 _createClass$1(DataBindMapper, [{
+      key: "getObj",
+      value: function getObj(d) {
+        return _classPrivateFieldGet2$1(_dataMap, this).get(_classPrivateFieldGet2$1(_id$8, this).call(this, d));
       }
-    }
-    return result;
-  });
-
-  function _iterableToArrayLimit$2(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) ; 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;
-        }
+    }, {
+      key: "getData",
+      value: function getData(o) {
+        return _classPrivateFieldGet2$1(_objMap, this).get(o);
       }
-      return _arr;
-    }
-  }
-  function ownKeys$1(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-      var symbols = Object.getOwnPropertySymbols(object);
-      enumerableOnly && (symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      })), keys.push.apply(keys, symbols);
-    }
-    return keys;
-  }
-  function _objectSpread2$1(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) {
-        _defineProperty$2(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
-    return target;
-  }
-  function _defineProperty$2(obj, key, value) {
-    key = _toPropertyKey$2(key);
-    if (key in obj) {
-      Object.defineProperty(obj, key, {
-        value: value,
-        enumerable: true,
-        configurable: true,
-        writable: true
-      });
-    } else {
-      obj[key] = value;
-    }
-    return obj;
-  }
-  function _objectWithoutPropertiesLoose$1(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$1(source, excluded) {
-    if (source == null) return {};
-    var target = _objectWithoutPropertiesLoose$1(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;
-        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-        target[key] = source[key];
+    }, {
+      key: "entries",
+      value: function entries() {
+        return _toConsumableArray$2(_classPrivateFieldGet2$1(_objMap, this).entries()).map(function (_ref) {
+          var _ref2 = _slicedToArray$2(_ref, 2),
+            o = _ref2[0],
+            d = _ref2[1];
+          return [d, o];
+        });
       }
-    }
-    return target;
-  }
-  function _slicedToArray$2(arr, i) {
-    return _arrayWithHoles$2(arr) || _iterableToArrayLimit$2(arr, i) || _unsupportedIterableToArray$2(arr, i) || _nonIterableRest$2();
-  }
-  function _toConsumableArray$2(arr) {
-    return _arrayWithoutHoles$2(arr) || _iterableToArray$2(arr) || _unsupportedIterableToArray$2(arr) || _nonIterableSpread$2();
-  }
-  function _arrayWithoutHoles$2(arr) {
-    if (Array.isArray(arr)) return _arrayLikeToArray$2(arr);
-  }
-  function _arrayWithHoles$2(arr) {
-    if (Array.isArray(arr)) return arr;
-  }
-  function _iterableToArray$2(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-  }
-  function _unsupportedIterableToArray$2(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _arrayLikeToArray$2(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    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 _nonIterableSpread$2() {
-    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$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$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 _excluded$1 = ["createObj", "updateObj", "exitObj", "objBindAttr", "dataBindAttr"];
-  function diffArrays(prev, next, idAccessor) {
-    var result = {
-      enter: [],
-      update: [],
-      exit: []
-    };
-    if (!idAccessor) {
-      // use object references for comparison
-      var prevSet = new Set(prev);
-      var nextSet = new Set(next);
-      new Set([].concat(_toConsumableArray$2(prevSet), _toConsumableArray$2(nextSet))).forEach(function (item) {
-        var type = !prevSet.has(item) ? 'enter' : !nextSet.has(item) ? 'exit' : 'update';
-        result[type].push(type === 'update' ? [item, item] : item);
-      });
-    } else {
-      // compare by id (duplicate keys are ignored)
-      var prevById = index(prev, idAccessor, false);
-      var nextById = index(next, idAccessor, false);
-      var byId = Object.assign({}, prevById, nextById);
-      Object.entries(byId).forEach(function (_ref) {
-        var _ref2 = _slicedToArray$2(_ref, 2),
-          id = _ref2[0],
-          item = _ref2[1];
-        var type = !prevById.hasOwnProperty(id) ? 'enter' : !nextById.hasOwnProperty(id) ? 'exit' : 'update';
-        result[type].push(type === 'update' ? [prevById[id], nextById[id]] : item);
-      });
-    }
-    return result;
-  }
-  function dataBindDiff(data, existingObjs, _ref3) {
-    var _ref3$objBindAttr = _ref3.objBindAttr,
-      objBindAttr = _ref3$objBindAttr === void 0 ? '__obj' : _ref3$objBindAttr,
-      _ref3$dataBindAttr = _ref3.dataBindAttr,
-      dataBindAttr = _ref3$dataBindAttr === void 0 ? '__data' : _ref3$dataBindAttr,
-      idAccessor = _ref3.idAccessor,
-      _ref3$purge = _ref3.purge,
-      purge = _ref3$purge === void 0 ? false : _ref3$purge;
-    var isObjValid = function isObjValid(obj) {
-      return obj.hasOwnProperty(dataBindAttr);
-    };
-    var removeObjs = existingObjs.filter(function (obj) {
-      return !isObjValid(obj);
-    });
-    var prevD = existingObjs.filter(isObjValid).map(function (obj) {
-      return obj[dataBindAttr];
-    });
-    var nextD = data;
-    var diff = purge ? {
-      enter: nextD,
-      exit: prevD,
-      update: []
-    } // don't diff data in purge mode
-    : diffArrays(prevD, nextD, idAccessor);
-    diff.update = diff.update.map(function (_ref4) {
-      var _ref5 = _slicedToArray$2(_ref4, 2),
-        prevD = _ref5[0],
-        nextD = _ref5[1];
-      if (prevD !== nextD) {
-        // transfer obj to new data point (if different)
-        nextD[objBindAttr] = prevD[objBindAttr];
-        nextD[objBindAttr][dataBindAttr] = nextD;
+    }, {
+      key: "id",
+      value: function id(p) {
+        _classPrivateFieldSet2$1(_id$8, this, index(p));
+        return this;
       }
-      return nextD;
-    });
-    diff.exit = diff.exit.concat(removeObjs.map(function (obj) {
-      return _defineProperty$2({}, objBindAttr, obj);
-    }));
-    return diff;
-  }
-  function viewDigest(data, existingObjs,
-  // list
-  appendObj,
-  // item => {...} function
-  removeObj, // item => {...} function
-  _ref7) {
-    var _ref7$createObj = _ref7.createObj,
-      createObj = _ref7$createObj === void 0 ? function (d) {
-        return {};
-      } : _ref7$createObj,
-      _ref7$updateObj = _ref7.updateObj,
-      updateObj = _ref7$updateObj === void 0 ? function (obj, d) {} : _ref7$updateObj,
-      _ref7$exitObj = _ref7.exitObj,
-      exitObj = _ref7$exitObj === void 0 ? function (obj) {} : _ref7$exitObj,
-      _ref7$objBindAttr = _ref7.objBindAttr,
-      objBindAttr = _ref7$objBindAttr === void 0 ? '__obj' : _ref7$objBindAttr,
-      _ref7$dataBindAttr = _ref7.dataBindAttr,
-      dataBindAttr = _ref7$dataBindAttr === void 0 ? '__data' : _ref7$dataBindAttr,
-      dataDiffOptions = _objectWithoutProperties$1(_ref7, _excluded$1);
-    var _dataBindDiff = dataBindDiff(data, existingObjs, _objectSpread2$1({
-        objBindAttr: objBindAttr,
-        dataBindAttr: dataBindAttr
-      }, dataDiffOptions)),
-      enter = _dataBindDiff.enter,
-      update = _dataBindDiff.update,
-      exit = _dataBindDiff.exit;
-
-    // Remove exiting points
-    exit.forEach(function (d) {
-      var obj = d[objBindAttr];
-      delete d[objBindAttr]; // unbind obj
-
-      exitObj(obj);
-      removeObj(obj);
-    });
-    var newObjs = createObjs(enter);
-    var pointsData = [].concat(_toConsumableArray$2(enter), _toConsumableArray$2(update));
-    updateObjs(pointsData);
-
-    // Add new points
-    newObjs.forEach(appendObj);
-
-    //
-
-    function createObjs(data) {
-      var newObjs = [];
-      data.forEach(function (d) {
-        var obj = createObj(d);
-        if (obj) {
-          obj[dataBindAttr] = d;
-          d[objBindAttr] = obj;
-          newObjs.push(obj);
-        }
-      });
-      return newObjs;
-    }
-    function updateObjs(data) {
-      data.forEach(function (d) {
-        var obj = d[objBindAttr];
-        if (obj) {
-          obj[dataBindAttr] = d;
-          updateObj(obj, d);
-        }
-      });
-    }
-  }
+    }, {
+      key: "onCreateObj",
+      value: function onCreateObj(fn) {
+        _classPrivateFieldSet2$1(_createObj, this, fn);
+        return this;
+      }
+    }, {
+      key: "onUpdateObj",
+      value: function onUpdateObj(fn) {
+        _classPrivateFieldSet2$1(_updateObj, this, fn);
+        return this;
+      }
+    }, {
+      key: "onRemoveObj",
+      value: function onRemoveObj(fn) {
+        _classPrivateFieldSet2$1(_removeObj, this, fn);
+        return this;
+      }
+    }, {
+      key: "digest",
+      value: function digest(data) {
+        var _this = this;
+        data.filter(function (d) {
+          return !_classPrivateFieldGet2$1(_dataMap, _this).has(_classPrivateFieldGet2$1(_id$8, _this).call(_this, d));
+        }).forEach(function (d) {
+          var obj = _classPrivateFieldGet2$1(_createObj, _this).call(_this, d);
+          _classPrivateFieldGet2$1(_dataMap, _this).set(_classPrivateFieldGet2$1(_id$8, _this).call(_this, d), obj);
+          _classPrivateFieldGet2$1(_objMap, _this).set(obj, d);
+        });
+        var dataIdsMap = new Map(data.map(function (d) {
+          return [_classPrivateFieldGet2$1(_id$8, _this).call(_this, d), d];
+        }));
+        _classPrivateFieldGet2$1(_dataMap, this).forEach(function (o, dId) {
+          if (!dataIdsMap.has(dId)) {
+            _classPrivateFieldGet2$1(_removeObj, _this).call(_this, o, dId);
+            _classPrivateFieldGet2$1(_dataMap, _this)["delete"](dId);
+            _classPrivateFieldGet2$1(_objMap, _this)["delete"](o);
+          } else {
+            _classPrivateFieldGet2$1(_updateObj, _this).call(_this, o, dataIdsMap.get(dId));
+          }
+        });
+        return this;
+      }
+    }, {
+      key: "clear",
+      value: function clear() {
+        this.digest([]);
+        return this;
+      }
+    }]);
+  }();
 
   function initRange(domain, range) {
     switch (arguments.length) {
@@ -44741,6 +44487,10 @@ function InsertStackElement(node, body) {
   function _arrayWithoutHoles$1(r) {
     if (Array.isArray(r)) return _arrayLikeToArray$1(r);
   }
+  function _assertClassBrand(e, t, n) {
+    if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n;
+    throw new TypeError("Private element is not present on this object");
+  }
   function _assertThisInitialized$1(e) {
     if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
     return e;
@@ -44748,9 +44498,21 @@ function InsertStackElement(node, body) {
   function _callSuper(t, o, e) {
     return o = _getPrototypeOf$1(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$1() ? Reflect.construct(o, e || [], _getPrototypeOf$1(t).constructor) : o.apply(t, e));
   }
+  function _checkPrivateRedeclaration(e, t) {
+    if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object");
+  }
   function _classCallCheck(a, n) {
     if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
   }
+  function _classPrivateFieldGet2(s, a) {
+    return s.get(_assertClassBrand(s, a));
+  }
+  function _classPrivateFieldInitSpec(e, t, a) {
+    _checkPrivateRedeclaration(e, t), t.set(e, a);
+  }
+  function _classPrivateFieldSet2(s, a, r) {
+    return s.set(_assertClassBrand(s, a), r), r;
+  }
   function _construct$1(t, e, r) {
     if (_isNativeReflectConstruct$1()) return Reflect.construct.apply(null, arguments);
     var o = [null];
@@ -44758,8 +44520,14 @@ function InsertStackElement(node, body) {
     var p = new (t.bind.apply(t, o))();
     return p;
   }
+  function _defineProperties(e, r) {
+    for (var t = 0; t < r.length; t++) {
+      var o = r[t];
+      o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey$1(o.key), o);
+    }
+  }
   function _createClass(e, r, t) {
-    return Object.defineProperty(e, "prototype", {
+    return r && _defineProperties(e.prototype, r), Object.defineProperty(e, "prototype", {
       writable: !1
     }), e;
   }
@@ -44771,6 +44539,15 @@ function InsertStackElement(node, body) {
       writable: !0
     }) : e[r] = t, e;
   }
+  function _get() {
+    return _get = "undefined" != typeof Reflect && Reflect.get ? Reflect.get.bind() : function (e, t, r) {
+      var p = _superPropBase(e, t);
+      if (p) {
+        var n = Object.getOwnPropertyDescriptor(p, t);
+        return n.get ? n.get.call(arguments.length < 3 ? e : r) : n.value;
+      }
+    }, _get.apply(null, arguments);
+  }
   function _getPrototypeOf$1(t) {
     return _getPrototypeOf$1 = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) {
       return t.__proto__ || Object.getPrototypeOf(t);
@@ -44850,26 +44627,6 @@ function InsertStackElement(node, body) {
     }
     return e;
   }
-  function _objectWithoutProperties(e, t) {
-    if (null == e) return {};
-    var o,
-      r,
-      i = _objectWithoutPropertiesLoose(e, t);
-    if (Object.getOwnPropertySymbols) {
-      var s = Object.getOwnPropertySymbols(e);
-      for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
-    }
-    return i;
-  }
-  function _objectWithoutPropertiesLoose(r, e) {
-    if (null == r) return {};
-    var t = {};
-    for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-      if (e.includes(n)) continue;
-      t[n] = r[n];
-    }
-    return t;
-  }
   function _possibleConstructorReturn(t, e) {
     if (e && ("object" == typeof e || "function" == typeof e)) return e;
     if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined");
@@ -44883,6 +44640,16 @@ function InsertStackElement(node, body) {
   function _slicedToArray$1(r, e) {
     return _arrayWithHoles$1(r) || _iterableToArrayLimit$1(r, e) || _unsupportedIterableToArray$1(r, e) || _nonIterableRest$1();
   }
+  function _superPropBase(t, o) {
+    for (; !{}.hasOwnProperty.call(t, o) && null !== (t = _getPrototypeOf$1(t)););
+    return t;
+  }
+  function _superPropGet(t, o, e, r) {
+    var p = _get(_getPrototypeOf$1(t.prototype ), o, e);
+    return "function" == typeof p ? function (t) {
+      return p.apply(e, t);
+    } : p;
+  }
   function _toConsumableArray$1(r) {
     return _arrayWithoutHoles$1(r) || _iterableToArray$1(r) || _unsupportedIterableToArray$1(r) || _nonIterableSpread$1();
   }
@@ -44949,23 +44716,56 @@ function InsertStackElement(node, body) {
     }
   };
 
-  var _excluded = ["objFilter"];
-  function threeDigest(data, scene) {
-    var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
-      _ref$objFilter = _ref.objFilter,
-      objFilter = _ref$objFilter === void 0 ? function () {
-        return true;
-      } : _ref$objFilter,
-      options = _objectWithoutProperties(_ref, _excluded);
-    return viewDigest(data, scene.children.filter(objFilter), function (obj) {
-      return scene.add(obj);
-    }, function (obj) {
-      scene.remove(obj);
-      emptyObject(obj);
-    }, _objectSpread2({
-      objBindAttr: '__threeObj'
-    }, options));
-  }
+  var _dataBindAttr = /*#__PURE__*/new WeakMap();
+  var _objBindAttr = /*#__PURE__*/new WeakMap();
+  var ThreeDigest = /*#__PURE__*/function (_DataBindMapper) {
+    function ThreeDigest(scene) {
+      var _this;
+      var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+        _ref$dataBindAttr = _ref.dataBindAttr,
+        dataBindAttr = _ref$dataBindAttr === void 0 ? '__data' : _ref$dataBindAttr,
+        _ref$objBindAttr = _ref.objBindAttr,
+        objBindAttr = _ref$objBindAttr === void 0 ? '__threeObj' : _ref$objBindAttr;
+      _classCallCheck(this, ThreeDigest);
+      _this = _callSuper(this, ThreeDigest);
+      _defineProperty$1(_this, "scene", void 0);
+      _classPrivateFieldInitSpec(_this, _dataBindAttr, void 0);
+      _classPrivateFieldInitSpec(_this, _objBindAttr, void 0);
+      _this.scene = scene;
+      _classPrivateFieldSet2(_dataBindAttr, _this, dataBindAttr);
+      _classPrivateFieldSet2(_objBindAttr, _this, objBindAttr);
+      _this.onRemoveObj(function () {});
+      return _this;
+    }
+    _inherits(ThreeDigest, _DataBindMapper);
+    return _createClass(ThreeDigest, [{
+      key: "onCreateObj",
+      value: function onCreateObj(fn) {
+        var _this2 = this;
+        _superPropGet(ThreeDigest, "onCreateObj", this)([function (d) {
+          var obj = fn(d);
+          d[_classPrivateFieldGet2(_objBindAttr, _this2)] = obj;
+          obj[_classPrivateFieldGet2(_dataBindAttr, _this2)] = d;
+          _this2.scene.add(obj);
+          return obj;
+        }]);
+        return this;
+      }
+    }, {
+      key: "onRemoveObj",
+      value: function onRemoveObj(fn) {
+        var _this3 = this;
+        _superPropGet(ThreeDigest, "onRemoveObj", this)([function (obj, dId) {
+          var d = _superPropGet(ThreeDigest, "getData", _this3)([obj]);
+          fn(obj, dId);
+          _this3.scene.remove(obj);
+          emptyObject(obj);
+          delete d[_classPrivateFieldGet2(_objBindAttr, _this3)];
+        }]);
+        return this;
+      }
+    }]);
+  }(DataBindMapper);
 
   var colorStr2Hex = function colorStr2Hex(str) {
     return isNaN(str) ? parseInt(tinycolor(str).toHex(), 16) : str;
@@ -45099,7 +44899,7 @@ function InsertStackElement(node, body) {
   // support multiple method names for backwards threejs compatibility
   var setAttributeFn = new three$1$1.BufferGeometry().setAttribute ? 'setAttribute' : 'addAttribute';
   var applyMatrix4Fn = new three$1$1.BufferGeometry().applyMatrix4 ? 'applyMatrix4' : 'applyMatrix';
-  var ForceGraph = index$2({
+  var ForceGraph = index$1({
     props: {
       jsonUrl: {
         onChange: function onChange(jsonUrl, state) {
@@ -45393,11 +45193,13 @@ function InsertStackElement(node, body) {
             state.layout[isD3Sim ? 'tick' : 'step'](); // Tick it
             state.onEngineTick();
           }
-          var nodeThreeObjectExtendAccessor = index$1(state.nodeThreeObjectExtend);
+          var nodeThreeObjectExtendAccessor = index(state.nodeThreeObjectExtend);
 
           // Update nodes position
-          state.graphData.nodes.forEach(function (node) {
-            var obj = node.__threeObj;
+          state.nodeDataMapper.entries().forEach(function (_ref) {
+            var _ref2 = _slicedToArray$1(_ref, 2),
+              node = _ref2[0],
+              obj = _ref2[1];
             if (!obj) return;
             var pos = isD3Sim ? node : state.layout.getNodePosition(node[state.nodeId]);
             var extendedObj = nodeThreeObjectExtendAccessor(node);
@@ -45414,12 +45216,14 @@ function InsertStackElement(node, body) {
           });
 
           // Update links position
-          var linkWidthAccessor = index$1(state.linkWidth);
-          var linkCurvatureAccessor = index$1(state.linkCurvature);
-          var linkCurveRotationAccessor = index$1(state.linkCurveRotation);
-          var linkThreeObjectExtendAccessor = index$1(state.linkThreeObjectExtend);
-          state.graphData.links.forEach(function (link) {
-            var lineObj = link.__lineObj;
+          var linkWidthAccessor = index(state.linkWidth);
+          var linkCurvatureAccessor = index(state.linkCurvature);
+          var linkCurveRotationAccessor = index(state.linkCurveRotation);
+          var linkThreeObjectExtendAccessor = index(state.linkThreeObjectExtend);
+          state.linkDataMapper.entries().forEach(function (_ref3) {
+            var _ref4 = _slicedToArray$1(_ref3, 2),
+              link = _ref4[0],
+              lineObj = _ref4[1];
             if (!lineObj) return;
             var pos = isD3Sim ? link : state.layout.getLinkPosition(state.layout.graph.getLink(link.source, link.target).id);
             var start = pos[isD3Sim ? 'source' : 'from'];
@@ -45556,11 +45360,13 @@ function InsertStackElement(node, body) {
         }
         function updateArrows() {
           // update link arrow position
-          var arrowRelPosAccessor = index$1(state.linkDirectionalArrowRelPos);
-          var arrowLengthAccessor = index$1(state.linkDirectionalArrowLength);
-          var nodeValAccessor = index$1(state.nodeVal);
-          state.graphData.links.forEach(function (link) {
-            var arrowObj = link.__arrowObj;
+          var arrowRelPosAccessor = index(state.linkDirectionalArrowRelPos);
+          var arrowLengthAccessor = index(state.linkDirectionalArrowLength);
+          var nodeValAccessor = index(state.nodeVal);
+          state.arrowDataMapper.entries().forEach(function (_ref5) {
+            var _ref6 = _slicedToArray$1(_ref5, 2),
+              link = _ref6[0],
+              arrowObj = _ref6[1];
             if (!arrowObj) return;
             var pos = isD3Sim ? link : state.layout.getLinkPosition(state.layout.graph.getLink(link.source, link.target).id);
             var start = pos[isD3Sim ? 'source' : 'from'];
@@ -45605,9 +45411,10 @@ function InsertStackElement(node, body) {
         }
         function updatePhotons() {
           // update link particle positions
-          var particleSpeedAccessor = index$1(state.linkDirectionalParticleSpeed);
+          var particleSpeedAccessor = index(state.linkDirectionalParticleSpeed);
           state.graphData.links.forEach(function (link) {
-            var cyclePhotons = link.__photonsObj && link.__photonsObj.children;
+            var photonsObj = state.particlesDataMapper.getObj(link);
+            var cyclePhotons = photonsObj && photonsObj.children;
             var singleHopPhotons = link.__singleHopPhotonsObj && link.__singleHopPhotonsObj.children;
             if ((!singleHopPhotons || !singleHopPhotons.length) && (!cyclePhotons || !cyclePhotons.length)) return;
             var pos = isD3Sim ? link : state.layout.getLinkPosition(state.layout.graph.getLink(link.source, link.target).id);
@@ -45664,12 +45471,12 @@ function InsertStackElement(node, body) {
             link.__singleHopPhotonsObj = obj;
             state.graphScene.add(obj);
           }
-          var particleWidthAccessor = index$1(state.linkDirectionalParticleWidth);
+          var particleWidthAccessor = index(state.linkDirectionalParticleWidth);
           var photonR = Math.ceil(particleWidthAccessor(link) * 10) / 10 / 2;
           var numSegments = state.linkDirectionalParticleResolution;
           var particleGeometry = new three$1$1.SphereGeometry(photonR, numSegments, numSegments);
-          var linkColorAccessor = index$1(state.linkColor);
-          var particleColorAccessor = index$1(state.linkDirectionalParticleColor);
+          var linkColorAccessor = index(state.linkColor);
+          var particleColorAccessor = index(state.linkDirectionalParticleColor);
           var photonColor = particleColorAccessor(link) || linkColorAccessor(link) || '#f0f0f0';
           var materialColor = new three$1$1.Color(colorStr2Hex(photonColor));
           var opacity = state.linkOpacity * 3;
@@ -45725,6 +45532,18 @@ function InsertStackElement(node, body) {
     init: function init(threeObj, state) {
       // Main three object to manipulate
       state.graphScene = threeObj;
+      state.nodeDataMapper = new ThreeDigest(threeObj, {
+        objBindAttr: '__threeObj'
+      });
+      state.linkDataMapper = new ThreeDigest(threeObj, {
+        objBindAttr: '__lineObj'
+      });
+      state.arrowDataMapper = new ThreeDigest(threeObj, {
+        objBindAttr: '__arrowObj'
+      });
+      state.particlesDataMapper = new ThreeDigest(threeObj, {
+        objBindAttr: '__photonsObj'
+      });
     },
     update: function update(state, changedProps) {
       var hasAnyPropChanged = function hasAnyPropChanged(propList) {
@@ -45733,95 +45552,89 @@ function InsertStackElement(node, body) {
         });
       };
       state.engineRunning = false; // pause simulation
-      state.onUpdate();
+      typeof state.onUpdate === "function" && state.onUpdate();
       if (state.nodeAutoColorBy !== null && hasAnyPropChanged(['nodeAutoColorBy', 'graphData', 'nodeColor'])) {
         // Auto add color to uncolored nodes
-        autoColorObjects(state.graphData.nodes, index$1(state.nodeAutoColorBy), state.nodeColor);
+        autoColorObjects(state.graphData.nodes, index(state.nodeAutoColorBy), state.nodeColor);
       }
       if (state.linkAutoColorBy !== null && hasAnyPropChanged(['linkAutoColorBy', 'graphData', 'linkColor'])) {
         // Auto add color to uncolored links
-        autoColorObjects(state.graphData.links, index$1(state.linkAutoColorBy), state.linkColor);
+        autoColorObjects(state.graphData.links, index(state.linkAutoColorBy), state.linkColor);
       }
 
       // Digest nodes WebGL objects
       if (state._flushObjects || hasAnyPropChanged(['graphData', 'nodeThreeObject', 'nodeThreeObjectExtend', 'nodeVal', 'nodeColor', 'nodeVisibility', 'nodeRelSize', 'nodeResolution', 'nodeOpacity'])) {
-        var customObjectAccessor = index$1(state.nodeThreeObject);
-        var customObjectExtendAccessor = index$1(state.nodeThreeObjectExtend);
-        var valAccessor = index$1(state.nodeVal);
-        var colorAccessor = index$1(state.nodeColor);
-        var visibilityAccessor = index$1(state.nodeVisibility);
+        var customObjectAccessor = index(state.nodeThreeObject);
+        var customObjectExtendAccessor = index(state.nodeThreeObjectExtend);
+        var valAccessor = index(state.nodeVal);
+        var colorAccessor = index(state.nodeColor);
+        var visibilityAccessor = index(state.nodeVisibility);
         var sphereGeometries = {}; // indexed by node value
         var sphereMaterials = {}; // indexed by color
 
-        threeDigest(state.graphData.nodes.filter(visibilityAccessor), state.graphScene, {
-          purge: state._flushObjects || hasAnyPropChanged([
-          // recreate objects if any of these props have changed
-          'nodeThreeObject', 'nodeThreeObjectExtend']),
-          objFilter: function objFilter(obj) {
-            return obj.__graphObjType === 'node';
-          },
-          createObj: function createObj(node) {
-            var customObj = customObjectAccessor(node);
-            var extendObj = customObjectExtendAccessor(node);
-            if (customObj && state.nodeThreeObject === customObj) {
-              // clone object if it's a shared object among all nodes
-              customObj = customObj.clone();
+        if (state._flushObjects || hasAnyPropChanged([
+        // recreate objects if any of these props have changed
+        'nodeThreeObject', 'nodeThreeObjectExtend'])) state.nodeDataMapper.clear();
+        state.nodeDataMapper.onCreateObj(function (node) {
+          var customObj = customObjectAccessor(node);
+          var extendObj = customObjectExtendAccessor(node);
+          if (customObj && state.nodeThreeObject === customObj) {
+            // clone object if it's a shared object among all nodes
+            customObj = customObj.clone();
+          }
+          var obj;
+          if (customObj && !extendObj) {
+            obj = customObj;
+          } else {
+            // Add default object (sphere mesh)
+            obj = new three$1$1.Mesh();
+            obj.__graphDefaultObj = true;
+            if (customObj && extendObj) {
+              obj.add(customObj); // extend default with custom
             }
-            var obj;
-            if (customObj && !extendObj) {
-              obj = customObj;
-            } else {
-              // Add default object (sphere mesh)
-              obj = new three$1$1.Mesh();
-              obj.__graphDefaultObj = true;
-              if (customObj && extendObj) {
-                obj.add(customObj); // extend default with custom
+          }
+          obj.__graphObjType = 'node'; // Add object type
+
+          return obj;
+        }).onUpdateObj(function (obj, node) {
+          if (obj.__graphDefaultObj) {
+            // bypass internal updates for custom node objects
+            var val = valAccessor(node) || 1;
+            var radius = Math.cbrt(val) * state.nodeRelSize;
+            var numSegments = state.nodeResolution;
+            if (!obj.geometry.type.match(/^Sphere(Buffer)?Geometry$/) || obj.geometry.parameters.radius !== radius || obj.geometry.parameters.widthSegments !== numSegments) {
+              if (!sphereGeometries.hasOwnProperty(val)) {
+                sphereGeometries[val] = new three$1$1.SphereGeometry(radius, numSegments, numSegments);
               }
+              obj.geometry.dispose();
+              obj.geometry = sphereGeometries[val];
             }
-            obj.__graphObjType = 'node'; // Add object type
-
-            return obj;
-          },
-          updateObj: function updateObj(obj, node) {
-            if (obj.__graphDefaultObj) {
-              // bypass internal updates for custom node objects
-              var val = valAccessor(node) || 1;
-              var radius = Math.cbrt(val) * state.nodeRelSize;
-              var numSegments = state.nodeResolution;
-              if (!obj.geometry.type.match(/^Sphere(Buffer)?Geometry$/) || obj.geometry.parameters.radius !== radius || obj.geometry.parameters.widthSegments !== numSegments) {
-                if (!sphereGeometries.hasOwnProperty(val)) {
-                  sphereGeometries[val] = new three$1$1.SphereGeometry(radius, numSegments, numSegments);
-                }
-                obj.geometry.dispose();
-                obj.geometry = sphereGeometries[val];
-              }
-              var color = colorAccessor(node);
-              var materialColor = new three$1$1.Color(colorStr2Hex(color || '#ffffaa'));
-              var opacity = state.nodeOpacity * colorAlpha(color);
-              if (obj.material.type !== 'MeshLambertMaterial' || !obj.material.color.equals(materialColor) || obj.material.opacity !== opacity) {
-                if (!sphereMaterials.hasOwnProperty(color)) {
-                  sphereMaterials[color] = new three$1$1.MeshLambertMaterial({
-                    color: materialColor,
-                    transparent: true,
-                    opacity: opacity
-                  });
-                }
-                obj.material.dispose();
-                obj.material = sphereMaterials[color];
+            var color = colorAccessor(node);
+            var materialColor = new three$1$1.Color(colorStr2Hex(color || '#ffffaa'));
+            var opacity = state.nodeOpacity * colorAlpha(color);
+            if (obj.material.type !== 'MeshLambertMaterial' || !obj.material.color.equals(materialColor) || obj.material.opacity !== opacity) {
+              if (!sphereMaterials.hasOwnProperty(color)) {
+                sphereMaterials[color] = new three$1$1.MeshLambertMaterial({
+                  color: materialColor,
+                  transparent: true,
+                  opacity: opacity
+                });
               }
+              obj.material.dispose();
+              obj.material = sphereMaterials[color];
             }
           }
-        });
+        }).digest(state.graphData.nodes.filter(visibilityAccessor));
       }
 
       // Digest links WebGL objects
       if (state._flushObjects || hasAnyPropChanged(['graphData', 'linkThreeObject', 'linkThreeObjectExtend', 'linkMaterial', 'linkColor', 'linkWidth', 'linkVisibility', 'linkResolution', 'linkOpacity', 'linkDirectionalArrowLength', 'linkDirectionalArrowColor', 'linkDirectionalArrowResolution', 'linkDirectionalParticles', 'linkDirectionalParticleWidth', 'linkDirectionalParticleColor', 'linkDirectionalParticleResolution'])) {
-        var _customObjectAccessor = index$1(state.linkThreeObject);
-        var _customObjectExtendAccessor = index$1(state.linkThreeObjectExtend);
-        var customMaterialAccessor = index$1(state.linkMaterial);
-        var _visibilityAccessor = index$1(state.linkVisibility);
-        var _colorAccessor = index$1(state.linkColor);
-        var widthAccessor = index$1(state.linkWidth);
+        var _customObjectAccessor = index(state.linkThreeObject);
+        var _customObjectExtendAccessor = index(state.linkThreeObjectExtend);
+        var customMaterialAccessor = index(state.linkMaterial);
+        var _visibilityAccessor = index(state.linkVisibility);
+        var _colorAccessor = index(state.linkColor);
+        var widthAccessor = index(state.linkWidth);
         var cylinderGeometries = {}; // indexed by link width
         var lambertLineMaterials = {}; // for cylinder objects, indexed by link color
         var basicLineMaterials = {}; // for line objects, indexed by link color
@@ -45829,218 +45642,193 @@ function InsertStackElement(node, body) {
         var visibleLinks = state.graphData.links.filter(_visibilityAccessor);
 
         // lines digest cycle
-        threeDigest(visibleLinks, state.graphScene, {
-          objBindAttr: '__lineObj',
-          purge: state._flushObjects || hasAnyPropChanged([
-          // recreate objects if any of these props have changed
-          'linkThreeObject', 'linkThreeObjectExtend', 'linkWidth']),
-          objFilter: function objFilter(obj) {
-            return obj.__graphObjType === 'link';
-          },
-          exitObj: function exitObj(obj) {
-            // remove trailing single photons
-            var singlePhotonsObj = obj.__data && obj.__data.__singleHopPhotonsObj;
-            if (singlePhotonsObj) {
-              singlePhotonsObj.parent.remove(singlePhotonsObj);
-              emptyObject(singlePhotonsObj);
-              delete obj.__data.__singleHopPhotonsObj;
-            }
-          },
-          createObj: function createObj(link) {
-            var customObj = _customObjectAccessor(link);
-            var extendObj = _customObjectExtendAccessor(link);
-            if (customObj && state.linkThreeObject === customObj) {
-              // clone object if it's a shared object among all links
-              customObj = customObj.clone();
-            }
-            var defaultObj;
-            if (!customObj || extendObj) {
-              // construct default line obj
-              var useCylinder = !!widthAccessor(link);
-              if (useCylinder) {
-                defaultObj = new three$1$1.Mesh();
-              } else {
-                // Use plain line (constant width)
-                var lineGeometry = new three$1$1.BufferGeometry();
-                lineGeometry[setAttributeFn]('position', new three$1$1.BufferAttribute(new Float32Array(2 * 3), 3));
-                defaultObj = new three$1$1.Line(lineGeometry);
-              }
+        if (state._flushObjects || hasAnyPropChanged([
+        // recreate objects if any of these props have changed
+        'linkThreeObject', 'linkThreeObjectExtend', 'linkWidth'])) state.linkDataMapper.clear();
+        state.linkDataMapper.onRemoveObj(function (obj) {
+          // remove trailing single photons
+          var singlePhotonsObj = obj.__data && obj.__data.__singleHopPhotonsObj;
+          if (singlePhotonsObj) {
+            singlePhotonsObj.parent.remove(singlePhotonsObj);
+            emptyObject(singlePhotonsObj);
+            delete obj.__data.__singleHopPhotonsObj;
+          }
+        }).onCreateObj(function (link) {
+          var customObj = _customObjectAccessor(link);
+          var extendObj = _customObjectExtendAccessor(link);
+          if (customObj && state.linkThreeObject === customObj) {
+            // clone object if it's a shared object among all links
+            customObj = customObj.clone();
+          }
+          var defaultObj;
+          if (!customObj || extendObj) {
+            // construct default line obj
+            var useCylinder = !!widthAccessor(link);
+            if (useCylinder) {
+              defaultObj = new three$1$1.Mesh();
+            } else {
+              // Use plain line (constant width)
+              var lineGeometry = new three$1$1.BufferGeometry();
+              lineGeometry[setAttributeFn]('position', new three$1$1.BufferAttribute(new Float32Array(2 * 3), 3));
+              defaultObj = new three$1$1.Line(lineGeometry);
             }
-            var obj;
-            if (!customObj) {
-              obj = defaultObj;
-              obj.__graphDefaultObj = true;
+          }
+          var obj;
+          if (!customObj) {
+            obj = defaultObj;
+            obj.__graphDefaultObj = true;
+          } else {
+            if (!extendObj) {
+              // use custom object
+              obj = customObj;
             } else {
-              if (!extendObj) {
-                // use custom object
-                obj = customObj;
-              } else {
-                // extend default with custom in a group
-                obj = new three$1$1.Group();
-                obj.__graphDefaultObj = true;
-                obj.add(defaultObj);
-                obj.add(customObj);
-              }
+              // extend default with custom in a group
+              obj = new three$1$1.Group();
+              obj.__graphDefaultObj = true;
+              obj.add(defaultObj);
+              obj.add(customObj);
             }
-            obj.renderOrder = 10; // Prevent visual glitches of dark lines on top of nodes by rendering them last
-
-            obj.__graphObjType = 'link'; // Add object type
-
-            return obj;
-          },
-          updateObj: function updateObj(updObj, link) {
-            if (updObj.__graphDefaultObj) {
-              // bypass internal updates for custom link objects
-              // select default object if it's an extended group
-              var obj = updObj.children.length ? updObj.children[0] : updObj;
-              var linkWidth = Math.ceil(widthAccessor(link) * 10) / 10;
-              var useCylinder = !!linkWidth;
-              if (useCylinder) {
-                var r = linkWidth / 2;
-                var numSegments = state.linkResolution;
-                if (!obj.geometry.type.match(/^Cylinder(Buffer)?Geometry$/) || obj.geometry.parameters.radiusTop !== r || obj.geometry.parameters.radialSegments !== numSegments) {
-                  if (!cylinderGeometries.hasOwnProperty(linkWidth)) {
-                    var geometry = new three$1$1.CylinderGeometry(r, r, 1, numSegments, 1, false);
-                    geometry[applyMatrix4Fn](new three$1$1.Matrix4().makeTranslation(0, 1 / 2, 0));
-                    geometry[applyMatrix4Fn](new three$1$1.Matrix4().makeRotationX(Math.PI / 2));
-                    cylinderGeometries[linkWidth] = geometry;
-                  }
-                  obj.geometry.dispose();
-                  obj.geometry = cylinderGeometries[linkWidth];
+          }
+          obj.renderOrder = 10; // Prevent visual glitches of dark lines on top of nodes by rendering them last
+
+          obj.__graphObjType = 'link'; // Add object type
+
+          return obj;
+        }).onUpdateObj(function (updObj, link) {
+          if (updObj.__graphDefaultObj) {
+            // bypass internal updates for custom link objects
+            // select default object if it's an extended group
+            var obj = updObj.children.length ? updObj.children[0] : updObj;
+            var linkWidth = Math.ceil(widthAccessor(link) * 10) / 10;
+            var useCylinder = !!linkWidth;
+            if (useCylinder) {
+              var r = linkWidth / 2;
+              var numSegments = state.linkResolution;
+              if (!obj.geometry.type.match(/^Cylinder(Buffer)?Geometry$/) || obj.geometry.parameters.radiusTop !== r || obj.geometry.parameters.radialSegments !== numSegments) {
+                if (!cylinderGeometries.hasOwnProperty(linkWidth)) {
+                  var geometry = new three$1$1.CylinderGeometry(r, r, 1, numSegments, 1, false);
+                  geometry[applyMatrix4Fn](new three$1$1.Matrix4().makeTranslation(0, 1 / 2, 0));
+                  geometry[applyMatrix4Fn](new three$1$1.Matrix4().makeRotationX(Math.PI / 2));
+                  cylinderGeometries[linkWidth] = geometry;
                 }
+                obj.geometry.dispose();
+                obj.geometry = cylinderGeometries[linkWidth];
               }
-              var customMaterial = customMaterialAccessor(link);
-              if (customMaterial) {
-                obj.material = customMaterial;
-              } else {
-                var color = _colorAccessor(link);
-                var materialColor = new three$1$1.Color(colorStr2Hex(color || '#f0f0f0'));
-                var opacity = state.linkOpacity * colorAlpha(color);
-                var materialType = useCylinder ? 'MeshLambertMaterial' : 'LineBasicMaterial';
-                if (obj.material.type !== materialType || !obj.material.color.equals(materialColor) || obj.material.opacity !== opacity) {
-                  var lineMaterials = useCylinder ? lambertLineMaterials : basicLineMaterials;
-                  if (!lineMaterials.hasOwnProperty(color)) {
-                    lineMaterials[color] = new three$1$1[materialType]({
-                      color: materialColor,
-                      transparent: opacity < 1,
-                      opacity: opacity,
-                      depthWrite: opacity >= 1 // Prevent transparency issues
-                    });
-                  }
-                  obj.material.dispose();
-                  obj.material = lineMaterials[color];
+            }
+            var customMaterial = customMaterialAccessor(link);
+            if (customMaterial) {
+              obj.material = customMaterial;
+            } else {
+              var color = _colorAccessor(link);
+              var materialColor = new three$1$1.Color(colorStr2Hex(color || '#f0f0f0'));
+              var opacity = state.linkOpacity * colorAlpha(color);
+              var materialType = useCylinder ? 'MeshLambertMaterial' : 'LineBasicMaterial';
+              if (obj.material.type !== materialType || !obj.material.color.equals(materialColor) || obj.material.opacity !== opacity) {
+                var lineMaterials = useCylinder ? lambertLineMaterials : basicLineMaterials;
+                if (!lineMaterials.hasOwnProperty(color)) {
+                  lineMaterials[color] = new three$1$1[materialType]({
+                    color: materialColor,
+                    transparent: opacity < 1,
+                    opacity: opacity,
+                    depthWrite: opacity >= 1 // Prevent transparency issues
+                  });
                 }
+                obj.material.dispose();
+                obj.material = lineMaterials[color];
               }
             }
           }
-        });
+        }).digest(visibleLinks);
 
         // Arrows digest cycle
         if (state.linkDirectionalArrowLength || changedProps.hasOwnProperty('linkDirectionalArrowLength')) {
-          var arrowLengthAccessor = index$1(state.linkDirectionalArrowLength);
-          var arrowColorAccessor = index$1(state.linkDirectionalArrowColor);
-          threeDigest(visibleLinks.filter(arrowLengthAccessor), state.graphScene, {
-            objBindAttr: '__arrowObj',
-            objFilter: function objFilter(obj) {
-              return obj.__linkThreeObjType === 'arrow';
-            },
-            createObj: function createObj() {
-              var obj = new three$1$1.Mesh(undefined, new three$1$1.MeshLambertMaterial({
-                transparent: true
-              }));
-              obj.__linkThreeObjType = 'arrow'; // Add object type
-
-              return obj;
-            },
-            updateObj: function updateObj(obj, link) {
-              var arrowLength = arrowLengthAccessor(link);
-              var numSegments = state.linkDirectionalArrowResolution;
-              if (!obj.geometry.type.match(/^Cone(Buffer)?Geometry$/) || obj.geometry.parameters.height !== arrowLength || obj.geometry.parameters.radialSegments !== numSegments) {
-                var coneGeometry = new three$1$1.ConeGeometry(arrowLength * 0.25, arrowLength, numSegments);
-                // Correct orientation
-                coneGeometry.translate(0, arrowLength / 2, 0);
-                coneGeometry.rotateX(Math.PI / 2);
-                obj.geometry.dispose();
-                obj.geometry = coneGeometry;
-              }
-              var arrowColor = arrowColorAccessor(link) || _colorAccessor(link) || '#f0f0f0';
-              obj.material.color = new three$1$1.Color(colorStr2Hex(arrowColor));
-              obj.material.opacity = state.linkOpacity * 3 * colorAlpha(arrowColor);
+          var arrowLengthAccessor = index(state.linkDirectionalArrowLength);
+          var arrowColorAccessor = index(state.linkDirectionalArrowColor);
+          state.arrowDataMapper.onCreateObj(function () {
+            var obj = new three$1$1.Mesh(undefined, new three$1$1.MeshLambertMaterial({
+              transparent: true
+            }));
+            obj.__linkThreeObjType = 'arrow'; // Add object type
+
+            return obj;
+          }).onUpdateObj(function (obj, link) {
+            var arrowLength = arrowLengthAccessor(link);
+            var numSegments = state.linkDirectionalArrowResolution;
+            if (!obj.geometry.type.match(/^Cone(Buffer)?Geometry$/) || obj.geometry.parameters.height !== arrowLength || obj.geometry.parameters.radialSegments !== numSegments) {
+              var coneGeometry = new three$1$1.ConeGeometry(arrowLength * 0.25, arrowLength, numSegments);
+              // Correct orientation
+              coneGeometry.translate(0, arrowLength / 2, 0);
+              coneGeometry.rotateX(Math.PI / 2);
+              obj.geometry.dispose();
+              obj.geometry = coneGeometry;
             }
-          });
+            var arrowColor = arrowColorAccessor(link) || _colorAccessor(link) || '#f0f0f0';
+            obj.material.color = new three$1$1.Color(colorStr2Hex(arrowColor));
+            obj.material.opacity = state.linkOpacity * 3 * colorAlpha(arrowColor);
+          }).digest(visibleLinks.filter(arrowLengthAccessor));
         }
 
         // Photon particles digest cycle
         if (state.linkDirectionalParticles || changedProps.hasOwnProperty('linkDirectionalParticles')) {
-          var particlesAccessor = index$1(state.linkDirectionalParticles);
-          var particleWidthAccessor = index$1(state.linkDirectionalParticleWidth);
-          var particleColorAccessor = index$1(state.linkDirectionalParticleColor);
+          var particlesAccessor = index(state.linkDirectionalParticles);
+          var particleWidthAccessor = index(state.linkDirectionalParticleWidth);
+          var particleColorAccessor = index(state.linkDirectionalParticleColor);
           var particleMaterials = {}; // indexed by link color
           var particleGeometries = {}; // indexed by particle width
 
-          threeDigest(visibleLinks.filter(particlesAccessor), state.graphScene, {
-            objBindAttr: '__photonsObj',
-            objFilter: function objFilter(obj) {
-              return obj.__linkThreeObjType === 'photons';
-            },
-            createObj: function createObj() {
-              var obj = new three$1$1.Group();
-              obj.__linkThreeObjType = 'photons'; // Add object type
-
-              return obj;
-            },
-            updateObj: function updateObj(obj, link) {
-              var numPhotons = Math.round(Math.abs(particlesAccessor(link)));
-              var curPhoton = !!obj.children.length && obj.children[0];
-              var photonR = Math.ceil(particleWidthAccessor(link) * 10) / 10 / 2;
-              var numSegments = state.linkDirectionalParticleResolution;
-              var particleGeometry;
-              if (curPhoton && curPhoton.geometry.parameters.radius === photonR && curPhoton.geometry.parameters.widthSegments === numSegments) {
-                particleGeometry = curPhoton.geometry;
-              } else {
-                if (!particleGeometries.hasOwnProperty(photonR)) {
-                  particleGeometries[photonR] = new three$1$1.SphereGeometry(photonR, numSegments, numSegments);
-                }
-                particleGeometry = particleGeometries[photonR];
-                curPhoton && curPhoton.geometry.dispose();
+          state.particlesDataMapper.onCreateObj(function () {
+            var obj = new three$1$1.Group();
+            obj.__linkThreeObjType = 'photons'; // Add object type
+
+            obj.__photonDataMapper = new ThreeDigest(obj);
+            return obj;
+          }).onUpdateObj(function (obj, link) {
+            var numPhotons = Math.round(Math.abs(particlesAccessor(link)));
+            var curPhoton = !!obj.children.length && obj.children[0];
+            var photonR = Math.ceil(particleWidthAccessor(link) * 10) / 10 / 2;
+            var numSegments = state.linkDirectionalParticleResolution;
+            var particleGeometry;
+            if (curPhoton && curPhoton.geometry.parameters.radius === photonR && curPhoton.geometry.parameters.widthSegments === numSegments) {
+              particleGeometry = curPhoton.geometry;
+            } else {
+              if (!particleGeometries.hasOwnProperty(photonR)) {
+                particleGeometries[photonR] = new three$1$1.SphereGeometry(photonR, numSegments, numSegments);
               }
-              var photonColor = particleColorAccessor(link) || _colorAccessor(link) || '#f0f0f0';
-              var materialColor = new three$1$1.Color(colorStr2Hex(photonColor));
-              var opacity = state.linkOpacity * 3;
-              var particleMaterial;
-              if (curPhoton && curPhoton.material.color.equals(materialColor) && curPhoton.material.opacity === opacity) {
-                particleMaterial = curPhoton.material;
-              } else {
-                if (!particleMaterials.hasOwnProperty(photonColor)) {
-                  particleMaterials[photonColor] = new three$1$1.MeshLambertMaterial({
-                    color: materialColor,
-                    transparent: true,
-                    opacity: opacity
-                  });
-                }
-                particleMaterial = particleMaterials[photonColor];
-                curPhoton && curPhoton.material.dispose();
+              particleGeometry = particleGeometries[photonR];
+              curPhoton && curPhoton.geometry.dispose();
+            }
+            var photonColor = particleColorAccessor(link) || _colorAccessor(link) || '#f0f0f0';
+            var materialColor = new three$1$1.Color(colorStr2Hex(photonColor));
+            var opacity = state.linkOpacity * 3;
+            var particleMaterial;
+            if (curPhoton && curPhoton.material.color.equals(materialColor) && curPhoton.material.opacity === opacity) {
+              particleMaterial = curPhoton.material;
+            } else {
+              if (!particleMaterials.hasOwnProperty(photonColor)) {
+                particleMaterials[photonColor] = new three$1$1.MeshLambertMaterial({
+                  color: materialColor,
+                  transparent: true,
+                  opacity: opacity
+                });
               }
-
-              // digest cycle for each photon
-              threeDigest(_toConsumableArray$1(new Array(numPhotons)).map(function (_, idx) {
-                return {
-                  idx: idx
-                };
-              }), obj, {
-                idAccessor: function idAccessor(d) {
-                  return d.idx;
-                },
-                createObj: function createObj() {
-                  return new three$1$1.Mesh(particleGeometry, particleMaterial);
-                },
-                updateObj: function updateObj(obj) {
-                  obj.geometry = particleGeometry;
-                  obj.material = particleMaterial;
-                }
-              });
+              particleMaterial = particleMaterials[photonColor];
+              curPhoton && curPhoton.material.dispose();
             }
-          });
+
+            // digest cycle for each photon
+            obj.__photonDataMapper.id(function (d) {
+              return d.idx;
+            }).onCreateObj(function () {
+              return new three$1$1.Mesh(particleGeometry, particleMaterial);
+            }).onUpdateObj(function (obj) {
+              obj.geometry = particleGeometry;
+              obj.material = particleMaterial;
+            }).digest(_toConsumableArray$1(new Array(numPhotons)).map(function (_, idx) {
+              return {
+                idx: idx
+              };
+            }));
+          }).digest(visibleLinks.filter(particlesAccessor));
         }
       }
       state._flushObjects = false; // reset objects refresh flag
@@ -88852,7 +88640,7 @@ var<${access}> ${name} : ${structName};`;
     Spherical: Spherical,
     Clock: Clock
   };
-  var threeRenderObjects = index$2({
+  var threeRenderObjects = index$1({
     props: {
       width: {
         "default": window.innerWidth,
@@ -88958,7 +88746,7 @@ var<${access}> ${name} : ${structName};`;
             }
             if (topObject !== state.hoverObj) {
               state.onHover(topObject, state.hoverObj);
-              state.toolTipElem.innerHTML = topObject ? index$1(state.tooltipContent)(topObject) || '' : '';
+              state.toolTipElem.innerHTML = topObject ? index(state.tooltipContent)(topObject) || '' : '';
               state.hoverObj = topObject;
             }
           }
@@ -89411,20 +89199,20 @@ var<${access}> ${name} : ${structName};`;
 
   // Expose config from forceGraph
   var bindFG = linkKapsule('forceGraph', threeForcegraph);
-  var linkedFGProps = Object.assign.apply(Object, _toConsumableArray$4(['jsonUrl', 'graphData', 'numDimensions', 'dagMode', 'dagLevelDistance', 'dagNodeFilter', 'onDagError', 'nodeRelSize', 'nodeId', 'nodeVal', 'nodeResolution', 'nodeColor', 'nodeAutoColorBy', 'nodeOpacity', 'nodeVisibility', 'nodeThreeObject', 'nodeThreeObjectExtend', 'linkSource', 'linkTarget', 'linkVisibility', 'linkColor', 'linkAutoColorBy', 'linkOpacity', 'linkWidth', 'linkResolution', 'linkCurvature', 'linkCurveRotation', 'linkMaterial', 'linkThreeObject', 'linkThreeObjectExtend', 'linkPositionUpdate', 'linkDirectionalArrowLength', 'linkDirectionalArrowColor', 'linkDirectionalArrowRelPos', 'linkDirectionalArrowResolution', 'linkDirectionalParticles', 'linkDirectionalParticleSpeed', 'linkDirectionalParticleWidth', 'linkDirectionalParticleColor', 'linkDirectionalParticleResolution', 'forceEngine', 'd3AlphaDecay', 'd3VelocityDecay', 'd3AlphaMin', 'ngraphPhysics', 'warmupTicks', 'cooldownTicks', 'cooldownTime', 'onEngineTick', 'onEngineStop'].map(function (p) {
-    return _defineProperty$3({}, p, bindFG.linkProp(p));
+  var linkedFGProps = Object.assign.apply(Object, _toConsumableArray$3(['jsonUrl', 'graphData', 'numDimensions', 'dagMode', 'dagLevelDistance', 'dagNodeFilter', 'onDagError', 'nodeRelSize', 'nodeId', 'nodeVal', 'nodeResolution', 'nodeColor', 'nodeAutoColorBy', 'nodeOpacity', 'nodeVisibility', 'nodeThreeObject', 'nodeThreeObjectExtend', 'linkSource', 'linkTarget', 'linkVisibility', 'linkColor', 'linkAutoColorBy', 'linkOpacity', 'linkWidth', 'linkResolution', 'linkCurvature', 'linkCurveRotation', 'linkMaterial', 'linkThreeObject', 'linkThreeObjectExtend', 'linkPositionUpdate', 'linkDirectionalArrowLength', 'linkDirectionalArrowColor', 'linkDirectionalArrowRelPos', 'linkDirectionalArrowResolution', 'linkDirectionalParticles', 'linkDirectionalParticleSpeed', 'linkDirectionalParticleWidth', 'linkDirectionalParticleColor', 'linkDirectionalParticleResolution', 'forceEngine', 'd3AlphaDecay', 'd3VelocityDecay', 'd3AlphaMin', 'ngraphPhysics', 'warmupTicks', 'cooldownTicks', 'cooldownTime', 'onEngineTick', 'onEngineStop'].map(function (p) {
+    return _defineProperty$2({}, p, bindFG.linkProp(p));
   })));
-  var linkedFGMethods = Object.assign.apply(Object, _toConsumableArray$4(['refresh', 'getGraphBbox', 'd3Force', 'd3ReheatSimulation', 'emitParticle'].map(function (p) {
-    return _defineProperty$3({}, p, bindFG.linkMethod(p));
+  var linkedFGMethods = Object.assign.apply(Object, _toConsumableArray$3(['refresh', 'getGraphBbox', 'd3Force', 'd3ReheatSimulation', 'emitParticle'].map(function (p) {
+    return _defineProperty$2({}, p, bindFG.linkMethod(p));
   })));
 
   // Expose config from renderObjs
   var bindRenderObjs = linkKapsule('renderObjs', threeRenderObjects);
-  var linkedRenderObjsProps = Object.assign.apply(Object, _toConsumableArray$4(['width', 'height', 'backgroundColor', 'showNavInfo', 'enablePointerInteraction'].map(function (p) {
-    return _defineProperty$3({}, p, bindRenderObjs.linkProp(p));
+  var linkedRenderObjsProps = Object.assign.apply(Object, _toConsumableArray$3(['width', 'height', 'backgroundColor', 'showNavInfo', 'enablePointerInteraction'].map(function (p) {
+    return _defineProperty$2({}, p, bindRenderObjs.linkProp(p));
   })));
-  var linkedRenderObjsMethods = Object.assign.apply(Object, _toConsumableArray$4(['lights', 'cameraPosition', 'postProcessingComposer'].map(function (p) {
-    return _defineProperty$3({}, p, bindRenderObjs.linkMethod(p));
+  var linkedRenderObjsMethods = Object.assign.apply(Object, _toConsumableArray$3(['lights', 'cameraPosition', 'postProcessingComposer'].map(function (p) {
+    return _defineProperty$2({}, p, bindRenderObjs.linkMethod(p));
   })).concat([{
     graph2ScreenCoords: bindRenderObjs.linkMethod('getScreenCoords'),
     screen2GraphCoords: bindRenderObjs.linkMethod('getSceneCoords')
@@ -89432,8 +89220,8 @@ var<${access}> ${name} : ${structName};`;
 
   //
 
-  var _3dForceGraph = index$2({
-    props: _objectSpread2$2(_objectSpread2$2({
+  var _3dForceGraph = index$1({
+    props: _objectSpread2$1(_objectSpread2$1({
       nodeLabel: {
         "default": 'name',
         triggerUpdate: false
@@ -89498,7 +89286,7 @@ var<${access}> ${name} : ${structName};`;
         triggerUpdate: false
       }
     }, linkedFGProps), linkedRenderObjsProps),
-    methods: _objectSpread2$2(_objectSpread2$2({
+    methods: _objectSpread2$1(_objectSpread2$1({
       zoomToFit: function zoomToFit(state, transitionDuration, padding) {
         var _state$forceGraph;
         for (var _len = arguments.length, bboxArgs = new Array(_len > 3 ? _len - 3 : 0), _key = 3; _key < _len; _key++) {
@@ -89751,7 +89539,7 @@ var<${access}> ${name} : ${structName};`;
         return isNode(bObj) - isNode(aObj);
       }).tooltipContent(function (obj) {
         var graphObj = getGraphObj(obj);
-        return graphObj ? index$1(state["".concat(graphObj.__graphObjType, "Label")])(graphObj.__data) || '' : '';
+        return graphObj ? index(state["".concat(graphObj.__graphObjType, "Label")])(graphObj.__data) || '' : '';
       }).hoverDuringDrag(false).onHover(function (obj) {
         // Update tooltip and trigger onHover events
         var hoverObj = getGraphObj(obj);