3d-force-graph 1.70.13 → 1.70.15

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

@@ -7,25 +7,15 @@ var ThreeRenderObjects = require('three-render-objects');
 var accessorFn = require('accessor-fn');
 var Kapsule = require('kapsule');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var ThreeForceGraph__default = /*#__PURE__*/_interopDefaultLegacy(ThreeForceGraph);
-var ThreeRenderObjects__default = /*#__PURE__*/_interopDefaultLegacy(ThreeRenderObjects);
-var accessorFn__default = /*#__PURE__*/_interopDefaultLegacy(accessorFn);
-var Kapsule__default = /*#__PURE__*/_interopDefaultLegacy(Kapsule);
-
 function styleInject(css, ref) {
   if (ref === void 0) ref = {};
   var insertAt = ref.insertAt;
-
   if (!css || typeof document === 'undefined') {
     return;
   }
-
   var head = document.head || document.getElementsByTagName('head')[0];
   var style = document.createElement('style');
   style.type = 'text/css';
-
   if (insertAt === 'top') {
     if (head.firstChild) {
       head.insertBefore(style, head.firstChild);
@@ -35,7 +25,6 @@ function styleInject(css, ref) {
   } else {
     head.appendChild(style);
   }
-
   if (style.styleSheet) {
     style.styleSheet.cssText = css;
   } else {
@@ -48,17 +37,14 @@ styleInject(css_248z);
 
 function ownKeys(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(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = null != arguments[i] ? arguments[i] : {};
@@ -68,10 +54,8 @@ function _objectSpread2(target) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
-
   return target;
 }
-
 function _defineProperty(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
@@ -83,22 +67,17 @@ function _defineProperty(obj, key, value) {
   } else {
     obj[key] = value;
   }
-
   return obj;
 }
-
 function _toConsumableArray(arr) {
   return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
 }
-
 function _arrayWithoutHoles(arr) {
   if (Array.isArray(arr)) return _arrayLikeToArray(arr);
 }
-
 function _iterableToArray(iter) {
   if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
-
 function _unsupportedIterableToArray(o, minLen) {
   if (!o) return;
   if (typeof o === "string") return _arrayLikeToArray(o, minLen);
@@ -107,15 +86,11 @@ function _unsupportedIterableToArray(o, minLen) {
   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.");
 }
@@ -138,11 +113,9 @@ function linkKapsule (kapsulePropName, kapsuleType) {
       // link method pass-through
       return function (state) {
         var kapsuleInstance = state[kapsulePropName];
-
         for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
           args[_key - 1] = arguments[_key];
         }
-
         var returnVal = kapsuleInstance[method].apply(kapsuleInstance, args);
         return returnVal === kapsuleInstance ? this // chain based on the parent object, not the inner kapsule
         : returnVal;
@@ -158,18 +131,23 @@ var three = window.THREE ? window.THREE // Prefer consumption from global THREE,
   Vector3: three$1.Vector3
 };
 
-var CAMERA_DISTANCE2NODES_FACTOR = 170; //
-// Expose config from forceGraph
+//
+
+var CAMERA_DISTANCE2NODES_FACTOR = 170;
+
+//
 
-var bindFG = linkKapsule('forceGraph', ThreeForceGraph__default["default"]);
+// Expose config from forceGraph
+var bindFG = linkKapsule('forceGraph', ThreeForceGraph);
 var linkedFGProps = Object.assign.apply(Object, _toConsumableArray(['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({}, p, bindFG.linkProp(p));
 })));
 var linkedFGMethods = Object.assign.apply(Object, _toConsumableArray(['refresh', 'getGraphBbox', 'd3Force', 'd3ReheatSimulation', 'emitParticle'].map(function (p) {
   return _defineProperty({}, p, bindFG.linkMethod(p));
-}))); // Expose config from renderObjs
+})));
 
-var bindRenderObjs = linkKapsule('renderObjs', ThreeRenderObjects__default["default"]);
+// Expose config from renderObjs
+var bindRenderObjs = linkKapsule('renderObjs', ThreeRenderObjects);
 var linkedRenderObjsProps = Object.assign.apply(Object, _toConsumableArray(['width', 'height', 'backgroundColor', 'showNavInfo', 'enablePointerInteraction'].map(function (p) {
   return _defineProperty({}, p, bindRenderObjs.linkProp(p));
 })));
@@ -178,9 +156,11 @@ var linkedRenderObjsMethods = Object.assign.apply(Object, _toConsumableArray(['c
 })).concat([{
   graph2ScreenCoords: bindRenderObjs.linkMethod('getScreenCoords'),
   screen2GraphCoords: bindRenderObjs.linkMethod('getSceneCoords')
-}])); //
+}]));
+
+//
 
-var _3dForceGraph = Kapsule__default["default"]({
+var _3dForceGraph = Kapsule({
   props: _objectSpread2(_objectSpread2({
     nodeLabel: {
       "default": 'name',
@@ -201,7 +181,6 @@ var _3dForceGraph = Kapsule__default["default"]({
       "default": true,
       onChange: function onChange(enable, state) {
         var controls = state.renderObjs.controls();
-
         if (controls) {
           controls.enabled = enable;
         }
@@ -248,11 +227,9 @@ var _3dForceGraph = Kapsule__default["default"]({
   methods: _objectSpread2(_objectSpread2({
     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++) {
         bboxArgs[_key - 3] = arguments[_key];
       }
-
       state.renderObjs.fitToBbox((_state$forceGraph = state.forceGraph).getGraphBbox.apply(_state$forceGraph, bboxArgs), transitionDuration, padding);
       return this;
     },
@@ -261,23 +238,21 @@ var _3dForceGraph = Kapsule__default["default"]({
         cancelAnimationFrame(state.animationFrameRequestId);
         state.animationFrameRequestId = null;
       }
-
       return this;
     },
     resumeAnimation: function resumeAnimation(state) {
       if (state.animationFrameRequestId === null) {
         this._animationCycle();
       }
-
       return this;
     },
     _animationCycle: function _animationCycle(state) {
       if (state.enablePointerInteraction) {
         // reset canvas cursor (override dragControls cursor)
         this.renderer().domElement.style.cursor = null;
-      } // Frame cycle
-
+      }
 
+      // Frame cycle
       state.forceGraph.tickFrame();
       state.renderObjs.tick();
       state.animationFrameRequestId = requestAnimationFrame(this._animationCycle);
@@ -312,11 +287,11 @@ var _3dForceGraph = Kapsule__default["default"]({
   }, linkedFGMethods), linkedRenderObjsMethods),
   stateInit: function stateInit(_ref5) {
     var controlType = _ref5.controlType,
-        rendererConfig = _ref5.rendererConfig,
-        extraRenderers = _ref5.extraRenderers;
+      rendererConfig = _ref5.rendererConfig,
+      extraRenderers = _ref5.extraRenderers;
     return {
-      forceGraph: new ThreeForceGraph__default["default"](),
-      renderObjs: ThreeRenderObjects__default["default"]({
+      forceGraph: new ThreeForceGraph(),
+      renderObjs: ThreeRenderObjects({
         controlType: controlType,
         rendererConfig: rendererConfig,
         extraRenderers: extraRenderers
@@ -325,11 +300,13 @@ var _3dForceGraph = Kapsule__default["default"]({
   },
   init: function init(domNode, state) {
     // Wipe DOM
-    domNode.innerHTML = ''; // Add relative container
+    domNode.innerHTML = '';
 
+    // Add relative container
     domNode.appendChild(state.container = document.createElement('div'));
-    state.container.style.position = 'relative'; // Add renderObjs
+    state.container.style.position = 'relative';
 
+    // Add renderObjs
     var roDomNode = document.createElement('div');
     state.container.appendChild(roDomNode);
     state.renderObjs(roDomNode);
@@ -337,21 +314,24 @@ var _3dForceGraph = Kapsule__default["default"]({
     var renderer = state.renderObjs.renderer();
     var controls = state.renderObjs.controls();
     controls.enabled = !!state.enableNavigationControls;
-    state.lastSetCameraZ = camera.position.z; // Add info space
+    state.lastSetCameraZ = camera.position.z;
 
+    // Add info space
     var infoElem;
     state.container.appendChild(infoElem = document.createElement('div'));
     infoElem.className = 'graph-info-msg';
-    infoElem.textContent = ''; // config forcegraph
+    infoElem.textContent = '';
 
+    // config forcegraph
     state.forceGraph.onLoading(function () {
       infoElem.textContent = 'Loading...';
     }).onFinishLoading(function () {
       infoElem.textContent = '';
     }).onUpdate(function () {
       // sync graph data structures
-      state.graphData = state.forceGraph.graphData(); // re-aim camera, if still in default position (not user modified)
+      state.graphData = state.forceGraph.graphData();
 
+      // re-aim camera, if still in default position (not user modified)
       if (camera.position.x === 0 && camera.position.y === 0 && camera.position.z === state.lastSetCameraZ && state.graphData.nodes.length) {
         camera.lookAt(state.forceGraph.position);
         state.lastSetCameraZ = camera.position.z = Math.cbrt(state.graphData.nodes.length) * CAMERA_DISTANCE2NODES_FACTOR;
@@ -362,17 +342,14 @@ var _3dForceGraph = Kapsule__default["default"]({
         var curNodeDrag = state.graphData.nodes.find(function (node) {
           return node.__initialFixedPos && !node.__disposeControlsAfterDrag;
         }); // detect if there's a node being dragged using the existing drag controls
-
         if (curNodeDrag) {
           curNodeDrag.__disposeControlsAfterDrag = true; // postpone previous controls disposal until drag ends
         } else {
           state._dragControls.dispose(); // cancel previous drag controls
-
         }
 
         state._dragControls = undefined;
       }
-
       if (state.enableNodeDrag && state.enablePointerInteraction && state.forceEngine === 'd3') {
         // Can't access node positions programatically in ngraph
         var dragControls = state._dragControls = new DragControls_js.DragControls(state.graphData.nodes.map(function (node) {
@@ -382,13 +359,11 @@ var _3dForceGraph = Kapsule__default["default"]({
         }), camera, renderer.domElement);
         dragControls.addEventListener('dragstart', function (event) {
           controls.enabled = false; // Disable controls while dragging
-          // track drag object movement
 
+          // track drag object movement
           event.object.__initialPos = event.object.position.clone();
           event.object.__prevPos = event.object.position.clone();
-
           var node = getGraphObj(event.object).__data;
-
           !node.__initialFixedPos && (node.__initialFixedPos = {
             fx: node.fx,
             fy: node.fy,
@@ -398,28 +373,26 @@ var _3dForceGraph = Kapsule__default["default"]({
             x: node.x,
             y: node.y,
             z: node.z
-          }); // lock node
+          });
 
+          // lock node
           ['x', 'y', 'z'].forEach(function (c) {
             return node["f".concat(c)] = node[c];
-          }); // drag cursor
+          });
 
+          // drag cursor
           renderer.domElement.classList.add('grabbable');
         });
         dragControls.addEventListener('drag', function (event) {
           var nodeObj = getGraphObj(event.object);
-
           if (!event.object.hasOwnProperty('__graphObjType')) {
             // If dragging a child of the node, update the node object instead
             var initPos = event.object.__initialPos;
             var prevPos = event.object.__prevPos;
             var _newPos = event.object.position;
             nodeObj.position.add(_newPos.clone().sub(prevPos)); // translate node object by the motion delta
-
             prevPos.copy(_newPos);
-
             _newPos.copy(initPos); // reset child back to its initial position
-
           }
 
           var node = nodeObj.__data;
@@ -428,8 +401,8 @@ var _3dForceGraph = Kapsule__default["default"]({
             x: newPos.x - node.x,
             y: newPos.y - node.y,
             z: newPos.z - node.z
-          }; // Move fx/fy/fz (and x/y/z) of nodes based on object new position
-
+          };
+          // Move fx/fy/fz (and x/y/z) of nodes based on object new position
           ['x', 'y', 'z'].forEach(function (c) {
             return node["f".concat(c)] = node[c] = newPos[c];
           });
@@ -441,17 +414,14 @@ var _3dForceGraph = Kapsule__default["default"]({
         });
         dragControls.addEventListener('dragend', function (event) {
           delete event.object.__initialPos; // remove tracking attributes
-
           delete event.object.__prevPos;
+          var node = getGraphObj(event.object).__data;
 
-          var node = getGraphObj(event.object).__data; // dispose previous controls if needed
-
-
+          // dispose previous controls if needed
           if (node.__disposeControlsAfterDrag) {
             dragControls.dispose();
             delete node.__disposeControlsAfterDrag;
           }
-
           var initFixedPos = node.__initialFixedPos;
           var initPos = node.__initialPos;
           var translate = {
@@ -459,87 +429,81 @@ var _3dForceGraph = Kapsule__default["default"]({
             y: initPos.y - node.y,
             z: initPos.z - node.z
           };
-
           if (initFixedPos) {
             ['x', 'y', 'z'].forEach(function (c) {
               var fc = "f".concat(c);
-
               if (initFixedPos[fc] === undefined) {
                 delete node[fc];
               }
             });
             delete node.__initialFixedPos;
             delete node.__initialPos;
-
             if (node.__dragged) {
               delete node.__dragged;
               state.onNodeDragEnd(node, translate);
             }
           }
-
           state.forceGraph.d3AlphaTarget(0) // release engine low intensity
           .resetCountdown(); // let the engine readjust after releasing fixed nodes
 
           if (state.enableNavigationControls) {
             controls.enabled = true; // Re-enable controls
-
-            controls.domElement && controls.domElement.ownerDocument && controls.domElement.ownerDocument.dispatchEvent( // simulate mouseup to ensure the controls don't take over after dragend
+            controls.domElement && controls.domElement.ownerDocument && controls.domElement.ownerDocument.dispatchEvent(
+            // simulate mouseup to ensure the controls don't take over after dragend
             new PointerEvent('pointerup', {
               pointerType: 'touch'
             }));
-          } // clear cursor
-
+          }
 
+          // clear cursor
           renderer.domElement.classList.remove('grabbable');
         });
       }
-    }); // config renderObjs
+    });
 
-    state.renderObjs.objects([// Populate scene
+    // config renderObjs
+    state.renderObjs.objects([
+    // Populate scene
     new three.AmbientLight(0xbbbbbb), new three.DirectionalLight(0xffffff, 0.6), state.forceGraph]).hoverOrderComparator(function (a, b) {
       // Prioritize graph objects
       var aObj = getGraphObj(a);
       if (!aObj) return 1;
       var bObj = getGraphObj(b);
-      if (!bObj) return -1; // Prioritize nodes over links
+      if (!bObj) return -1;
 
+      // Prioritize nodes over links
       var isNode = function isNode(o) {
         return o.__graphObjType === 'node';
       };
-
       return isNode(bObj) - isNode(aObj);
     }).tooltipContent(function (obj) {
       var graphObj = getGraphObj(obj);
-      return graphObj ? accessorFn__default["default"](state["".concat(graphObj.__graphObjType, "Label")])(graphObj.__data) || '' : '';
+      return graphObj ? accessorFn(state["".concat(graphObj.__graphObjType, "Label")])(graphObj.__data) || '' : '';
     }).hoverDuringDrag(false).onHover(function (obj) {
       // Update tooltip and trigger onHover events
       var hoverObj = getGraphObj(obj);
-
       if (hoverObj !== state.hoverObj) {
         var prevObjType = state.hoverObj ? state.hoverObj.__graphObjType : null;
         var prevObjData = state.hoverObj ? state.hoverObj.__data : null;
         var objType = hoverObj ? hoverObj.__graphObjType : null;
         var objData = hoverObj ? hoverObj.__data : null;
-
         if (prevObjType && prevObjType !== objType) {
           // Hover out
           var fn = state["on".concat(prevObjType === 'node' ? 'Node' : 'Link', "Hover")];
           fn && fn(null, prevObjData);
         }
-
         if (objType) {
           // Hover in
           var _fn = state["on".concat(objType === 'node' ? 'Node' : 'Link', "Hover")];
           _fn && _fn(objData, prevObjType === objType ? prevObjData : null);
-        } // set pointer if hovered object is clickable
-
+        }
 
+        // set pointer if hovered object is clickable
         renderer.domElement.classList[hoverObj && state["on".concat(objType === 'node' ? 'Node' : 'Link', "Click")] || !hoverObj && state.onBackgroundClick ? 'add' : 'remove']('clickable');
         state.hoverObj = hoverObj;
       }
     }).clickAfterDrag(false).onClick(function (obj, ev) {
       var graphObj = getGraphObj(obj);
-
       if (graphObj) {
         var fn = state["on".concat(graphObj.__graphObjType === 'node' ? 'Node' : 'Link', "Click")];
         fn && fn(graphObj.__data, ev);
@@ -549,27 +513,29 @@ var _3dForceGraph = Kapsule__default["default"]({
     }).onRightClick(function (obj, ev) {
       // Handle right-click events
       var graphObj = getGraphObj(obj);
-
       if (graphObj) {
         var fn = state["on".concat(graphObj.__graphObjType === 'node' ? 'Node' : 'Link', "RightClick")];
         fn && fn(graphObj.__data, ev);
       } else {
         state.onBackgroundRightClick && state.onBackgroundRightClick(ev);
       }
-    }); //
-    // Kick-off renderer
+    });
+
+    //
 
+    // Kick-off renderer
     this._animationCycle();
   }
-}); //
+});
 
-function getGraphObj(object) {
-  var obj = object; // recurse up object chain until finding the graph object
+//
 
+function getGraphObj(object) {
+  var obj = object;
+  // recurse up object chain until finding the graph object
   while (obj && !obj.hasOwnProperty('__graphObjType')) {
     obj = obj.parent;
   }
-
   return obj;
 }