force-3d-graph 1.2.0 → 1.2.1

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

@@ -3,17 +3,18 @@ var it = (h, e, s) => e in h ? st(h, e, { enumerable: !0, configurable: !0, writ
 var l = (h, e, s) => it(h, typeof e != "symbol" ? e + "" : e, s);
 import * as m from "three";
 import { EventDispatcher as ot, Vector3 as S, MOUSE as $, TOUCH as G, Spherical as Ne, Quaternion as Se, Vector2 as k, Ray as nt, Plane as at, MathUtils as rt } from "three";
-const R = {
+const T = {
   backgroundColor: 657930,
   cameraPosition: { x: 0, y: 0, z: 80 },
   cameraFov: 75,
-  repulsionStrength: 100,
-  attractionStrength: 0.01,
-  damping: 0.9,
-  useBarnesHut: !1,
-  // Auto-enabled for large graphs
+  repulsionStrength: 200,
+  attractionStrength: 8e-3,
+  damping: 0.95,
+  useBarnesHut: !0,
+  // Enabled by default for better performance
   barnesHutTheta: 0.5,
-  defaultNodeColor: 4886754,
+  defaultNodeColor: 16750950,
+  // Tangerine to match the premium glass material
   nodeRadius: 2,
   nodeSegments: 32,
   enableLOD: !0,
@@ -97,8 +98,8 @@ class gt extends ot {
       return function(tt = null) {
         const Ce = t.object.position;
         n.copy(Ce).sub(t.target), n.applyQuaternion(p), r.setFromVector3(n), t.autoRotate && i === o.NONE && B(He(tt)), t.enableDamping ? (r.theta += c.theta * t.dampingFactor, r.phi += c.phi * t.dampingFactor) : (r.theta += c.theta, r.phi += c.phi);
-        let L = t.minAzimuthAngle, I = t.maxAzimuthAngle;
-        isFinite(L) && isFinite(I) && (L < -Math.PI ? L += z : L > Math.PI && (L -= z), I < -Math.PI ? I += z : I > Math.PI && (I -= z), L <= I ? r.theta = Math.max(L, Math.min(I, r.theta)) : r.theta = r.theta > (L + I) / 2 ? Math.max(L, r.theta) : Math.min(I, r.theta)), r.phi = Math.max(t.minPolarAngle, Math.min(t.maxPolarAngle, r.phi)), r.makeSafe(), t.enableDamping === !0 ? t.target.addScaledVector(g, t.dampingFactor) : t.target.add(g), t.target.sub(t.cursor), t.target.clampLength(t.minTargetRadius, t.maxTargetRadius), t.target.add(t.cursor), t.zoomToCursor && H || t.object.isOrthographicCamera ? r.radius = ie(r.radius) : r.radius = ie(r.radius * d), n.setFromSpherical(r), n.applyQuaternion(b), Ce.copy(t.target).add(n), t.object.lookAt(t.target), t.enableDamping === !0 ? (c.theta *= 1 - t.dampingFactor, c.phi *= 1 - t.dampingFactor, g.multiplyScalar(1 - t.dampingFactor)) : (c.set(0, 0, 0), g.set(0, 0, 0));
+        let I = t.minAzimuthAngle, R = t.maxAzimuthAngle;
+        isFinite(I) && isFinite(R) && (I < -Math.PI ? I += z : I > Math.PI && (I -= z), R < -Math.PI ? R += z : R > Math.PI && (R -= z), I <= R ? r.theta = Math.max(I, Math.min(R, r.theta)) : r.theta = r.theta > (I + R) / 2 ? Math.max(I, r.theta) : Math.min(R, r.theta)), r.phi = Math.max(t.minPolarAngle, Math.min(t.maxPolarAngle, r.phi)), r.makeSafe(), t.enableDamping === !0 ? t.target.addScaledVector(g, t.dampingFactor) : t.target.add(g), t.target.sub(t.cursor), t.target.clampLength(t.minTargetRadius, t.maxTargetRadius), t.target.add(t.cursor), t.zoomToCursor && H || t.object.isOrthographicCamera ? r.radius = ie(r.radius) : r.radius = ie(r.radius * d), n.setFromSpherical(r), n.applyQuaternion(b), Ce.copy(t.target).add(n), t.object.lookAt(t.target), t.enableDamping === !0 ? (c.theta *= 1 - t.dampingFactor, c.phi *= 1 - t.dampingFactor, g.multiplyScalar(1 - t.dampingFactor)) : (c.set(0, 0, 0), g.set(0, 0, 0));
         let ae = !1;
         if (t.zoomToCursor && H) {
           let X = null;
@@ -134,7 +135,7 @@ class gt extends ot {
     let i = o.NONE;
     const a = 1e-6, r = new Ne(), c = new Ne();
     let d = 1;
-    const g = new S(), u = new k(), y = new k(), f = new k(), x = new k(), v = new k(), M = new k(), N = new k(), O = new k(), T = new k(), Y = new S(), P = new k();
+    const g = new S(), u = new k(), y = new k(), f = new k(), x = new k(), v = new k(), M = new k(), N = new k(), O = new k(), L = new k(), Y = new S(), P = new k();
     let H = !1;
     const E = [], _ = {};
     let ee = !1;
@@ -204,7 +205,7 @@ class gt extends ot {
       B(2 * Math.PI * f.x / p.clientHeight), W(2 * Math.PI * f.y / p.clientHeight), u.copy(y), t.update();
     }
     function je(n) {
-      O.set(n.clientX, n.clientY), T.subVectors(O, N), T.y > 0 ? te(q(T.y)) : T.y < 0 && he(q(T.y)), N.copy(O), t.update();
+      O.set(n.clientX, n.clientY), L.subVectors(O, N), L.y > 0 ? te(q(L.y)) : L.y < 0 && he(q(L.y)), N.copy(O), t.update();
     }
     function $e(n) {
       v.set(n.clientX, n.clientY), M.subVectors(v, x).multiplyScalar(t.panSpeed), A(M.x, M.y), x.copy(v), t.update();
@@ -278,7 +279,7 @@ class gt extends ot {
     }
     function xe(n) {
       const p = j(n), b = n.pageX - p.x, w = n.pageY - p.y, C = Math.sqrt(b * b + w * w);
-      O.set(0, C), T.set(0, Math.pow(O.y / N.y, t.zoomSpeed)), te(T.y), N.copy(O);
+      O.set(0, C), L.set(0, Math.pow(O.y / N.y, t.zoomSpeed)), te(L.y), N.copy(O);
       const F = (n.pageX + p.x) * 0.5, z = (n.pageY + p.y) * 0.5;
       se(F, z);
     }
@@ -1307,12 +1308,13 @@ class bt {
   }
 }
 class vt {
-  constructor(e, s = 2, t = [32, 16, 8]) {
+  constructor(e, s = 2, t = [32, 16, 8], o = 16750950) {
     l(this, "materialFactory");
     l(this, "geometryCache", /* @__PURE__ */ new Map());
     l(this, "nodeRadius");
     l(this, "lodSegments");
-    this.materialFactory = e, this.nodeRadius = s, this.lodSegments = t, this.initGeometryCache();
+    l(this, "defaultNodeColor");
+    this.materialFactory = e, this.nodeRadius = s, this.lodSegments = t, this.defaultNodeColor = o, this.initGeometryCache();
   }
   /**
    * Pre-create geometries for each LOD level
@@ -1340,7 +1342,7 @@ class vt {
     const t = new m.Group();
     t.name = `node-${e.id}`, t.userData = { nodeId: e.id, nodeData: e };
     const o = this.getGeometry(s), i = this.materialFactory.createGlassMaterial(
-      e.color ?? 4886754
+      e.color ?? this.defaultNodeColor
     ), a = new m.Mesh(o, i);
     a.castShadow = !0, a.receiveShadow = !0, t.add(a);
     const r = this.materialFactory.createLabelMaterial(e.label), c = new m.Sprite(r);
@@ -2607,8 +2609,8 @@ const Tt = {
   nodeRadius: 24,
   edgeColor: "rgba(255, 255, 255, 0.15)",
   edgeOpacity: 0.4,
-  repulsionStrength: 500,
-  // Full repulsion
+  repulsionStrength: 5e3,
+  // Strong repulsion for spread out layout
   attractionStrength: 1e-3,
   // Very low attraction
   damping: 0.85
@@ -2981,21 +2983,22 @@ class Ft {
     l(this, "devControls", null);
     l(this, "viewMode", "3d");
     l(this, "graphData", null);
-    this.options = { ...R, ...s }, this.container = ct(e), this.materialFactory = new bt(), this.nodeFactory = new vt(
+    this.options = { ...T, ...s }, this.container = ct(e), this.materialFactory = new bt(), this.nodeFactory = new vt(
       this.materialFactory,
-      this.options.nodeRadius ?? R.nodeRadius,
-      this.options.lodSegments ?? R.lodSegments
+      this.options.nodeRadius ?? T.nodeRadius,
+      this.options.lodSegments ?? T.lodSegments,
+      this.options.defaultNodeColor ?? T.defaultNodeColor
     ), this.edgeFactory = new Mt(
       this.materialFactory,
-      this.options.edgeColor ?? R.edgeColor,
-      this.options.edgeOpacity ?? R.edgeOpacity
+      this.options.edgeColor ?? T.edgeColor,
+      this.options.edgeOpacity ?? T.edgeOpacity
     ), this.sceneManager = new ut(this.container, this.options), this.lodManager = new wt(
       this.sceneManager.camera,
-      this.options.lodDistances ?? R.lodDistances,
-      this.options.enableLOD ?? R.enableLOD
+      this.options.lodDistances ?? T.lodDistances,
+      this.options.enableLOD ?? T.enableLOD
     ), this.frustumCuller = new Et(
       this.sceneManager.camera,
-      this.options.enableEdgeCulling ?? R.enableEdgeCulling
+      this.options.enableEdgeCulling ?? T.enableEdgeCulling
     ), this.nodeManager = new ft(this.sceneManager, this.nodeFactory), this.edgeManager = new mt(this.sceneManager, this.nodeManager, this.edgeFactory), this.graphEngine = new Le(
       this.nodeManager.getAllNodes(),
       this.edgeManager.getAllEdges(),
@@ -3010,7 +3013,7 @@ class Ft {
       this.sceneManager,
       () => this.onSimulate(),
       () => this.onRender(),
-      this.options.targetFPS ?? R.targetFPS
+      this.options.targetFPS ?? T.targetFPS
     ), this.raycasterManager = new Ct(this.sceneManager, this.container), this.panelManager = new Nt(this.container), this.edgePanelManager = new St(this.container), this.edgeTooltipManager = new zt(), this.edgePanelManager.setNodeClickCallback((t) => {
       this.edgePanelManager.hide(), this.focusOnNode(t), setTimeout(() => {
         this.showNodePanel(t);
@@ -3255,8 +3258,8 @@ class Ft {
       x: c.x + x.x * f,
       y: c.y + x.y * f,
       z: c.z + x.z * f
-    }, M = { x: a.position.x, y: a.position.y, z: a.position.z }, N = { x: r.target.x, y: r.target.y, z: r.target.z }, O = 800, T = performance.now(), Y = () => {
-      const P = performance.now() - T, H = Math.min(P / O, 1), E = 1 - Math.pow(1 - H, 3);
+    }, M = { x: a.position.x, y: a.position.y, z: a.position.z }, N = { x: r.target.x, y: r.target.y, z: r.target.z }, O = 800, L = performance.now(), Y = () => {
+      const P = performance.now() - L, H = Math.min(P / O, 1), E = 1 - Math.pow(1 - H, 3);
       a.position.x = M.x + (v.x - M.x) * E, a.position.y = M.y + (v.y - M.y) * E, a.position.z = M.z + (v.z - M.z) * E, r.target.x = N.x + (c.x - N.x) * E, r.target.y = N.y + (c.y - N.y) * E, r.target.z = N.z + (c.z - N.z) * E, r.update(), H < 1 && requestAnimationFrame(Y);
     };
     Y();
@@ -3600,7 +3603,7 @@ function Dt(h = 1e3) {
   return { nodes: e, edges: s };
 }
 export {
-  R as DEFAULT_OPTIONS,
+  T as DEFAULT_OPTIONS,
   Ft as ForceGraph3D,
   U as LODLevel,
   D as createEdgeKey,