@opendata-ai/openchart-vanilla 8.6.3 → 8.6.4

package/dist/graph-3d/index.d.ts

@@ -1,5 +1,5 @@
 import { GraphSpec } from '@opendata-ai/openchart-core';
-import { a as GraphCamera, b as GraphFlyTarget, g as GraphRendererContext, d as GraphInstance, f as GraphMountOptions } from '../renderer-registry-B5tW6yAZ.js';
+import { a as GraphCamera, b as GraphFlyTarget, g as GraphRendererContext, d as GraphInstance, f as GraphMountOptions } from '../renderer-registry-Cng76n8F.js';
 import '@opendata-ai/openchart-engine';
 import '@floating-ui/dom';
 

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

@@ -14,7 +14,7 @@ import {
   reheatAlpha,
   resolveHighlightTarget,
   seedNodePositions
-} from "../chunk-273EHRBC.js";
+} from "../chunk-5IMVUHVC.js";
 import {
   AnimationScheduler,
   createTween,
@@ -169,7 +169,7 @@ function computeFit(points, view) {
     halfRight * slack / Math.tan(hFov / 2),
     MIN_FIT_DISTANCE
   ) + Math.max(0, nearDepth);
-  return { center, dir, distance };
+  return { center, dir, distance, nearDepth: Math.max(0, nearDepth) };
 }
 
 // src/graph-3d/forces.ts
@@ -512,7 +512,7 @@ var LABEL_SCALE_MIN = 0.4;
 var LABEL_SCALE_MAX = 8;
 var MAX_PIXEL_RATIO = 2;
 var DEFAULT_FOV_DEG = 50;
-var AUTO_FIT_INTERVAL_MS = 250;
+var NEAR_CLEARANCE = 60;
 var NODE_FOCUS_DISTANCE = 120;
 var AUTO_FLIGHT_MS = 800;
 var ENTRANCE_MIN_SCALE = 0.01;
@@ -582,7 +582,7 @@ function createGraph3DRenderer(ctx) {
     });
   }
   let autoFit = true;
-  let lastAutoFit = 0;
+  let firstAutoFitDone = false;
   let cameraChangeQueued = false;
   const labelShown = /* @__PURE__ */ new Set();
   let lastLabelRank = 0;
@@ -947,7 +947,11 @@ function createGraph3DRenderer(ctx) {
     autoFit = false;
     fitNow(opts);
   }
-  function fitNow(opts) {
+  function autoFitNow() {
+    firstAutoFitDone = true;
+    fitNow({ duration: 0 }, options?.initialZoom ?? 1);
+  }
+  function fitNow(opts, zoom = 1) {
     if (destroyed || nodeData.length === 0) return;
     const camera = graph.camera();
     const fit = computeFit(
@@ -966,7 +970,8 @@ function createGraph3DRenderer(ctx) {
       }
     );
     if (!fit) return;
-    const distance = fit.distance * entranceCameraPull;
+    const framed = zoom > 0 && zoom !== 1 ? Math.max(fit.distance / zoom, fit.nearDepth + NEAR_CLEARANCE) : fit.distance;
+    const distance = framed * entranceCameraPull;
     graph.cameraPosition(
       {
         x: fit.center.x + fit.dir.x * distance,
@@ -1224,7 +1229,7 @@ function createGraph3DRenderer(ctx) {
         }
         if (enter.cameraFit) {
           entranceCameraPull = ENTRANCE_CAMERA_PULLBACK + (1 - ENTRANCE_CAMERA_PULLBACK) * ease(t);
-          if (autoFit && options?.fitOnLoad !== false) fitNow({ duration: 0 });
+          if (autoFit && options?.fitOnLoad !== false) autoFitNow();
         }
         paint();
       },
@@ -1648,13 +1653,9 @@ function createGraph3DRenderer(ctx) {
   }).onEngineTick(() => {
     if (destroyed) return;
     anchorTooltip();
-    if (autoFit && options?.fitOnLoad !== false) {
-      const now = performance.now();
-      if (now - lastAutoFit > AUTO_FIT_INTERVAL_MS) {
-        lastAutoFit = now;
-        fitNow({ duration: 0 });
-        refreshLabels();
-      }
+    if (autoFit && options?.fitOnLoad !== false && (!firstAutoFitDone || !prefersReducedMotion())) {
+      autoFitNow();
+      if (performance.now() - lastLabelRank >= LABEL_RERANK_MS) refreshLabels();
     }
   }).onEngineStop(() => {
     if (destroyed) return;
@@ -1664,7 +1665,7 @@ function createGraph3DRenderer(ctx) {
     }
     if (autoFit && options?.fitOnLoad !== false) {
       autoFit = false;
-      fitNow({ duration: 0 });
+      autoFitNow();
     }
     refreshLabels();
   });