@opendata-ai/openchart-vanilla 8.8.0 → 8.9.1

package/dist/{chunk-5IMVUHVC.js → chunk-GX6BWMJD.js}

@@ -7,10 +7,11 @@ import {
   prefersReducedMotion,
   resolveDarkMode,
   resolveEase
-} from "./chunk-2OJZBMXM.js";
+} from "./chunk-REH5UQCL.js";
 import {
-  resolvedSurface
-} from "./chunk-NG7CVCI2.js";
+  resolvedSurface,
+  warnDeprecated
+} from "./chunk-UC4IHEUO.js";
 
 // src/graph/renderer-registry.ts
 var registry = /* @__PURE__ */ new Map();
@@ -1412,6 +1413,14 @@ function attachGraphKeyboardNav(options) {
   function findNodeById(id) {
     return getNodes().find((n) => n.id === id);
   }
+  function ensureFocus() {
+    if (focusedNodeId && findNodeById(focusedNodeId)) return;
+    focusedNodeId = getSelectedIds().find((id) => findNodeById(id)) ?? getNodes()[0]?.id ?? null;
+  }
+  function onFocus() {
+    focusedNodeId = getSelectedIds().find((id) => findNodeById(id)) ?? focusedNodeId;
+    ensureFocus();
+  }
   function pickDirectionalNeighbor(fromNode, neighborIds, direction) {
     const nodes = getNodes();
     const candidates = nodes.filter((n) => neighborIds.has(n.id));
@@ -1444,19 +1453,9 @@ function attachGraphKeyboardNav(options) {
     return best?.id ?? null;
   }
   function onKeyDown(e) {
+    if (e.key === "Tab") return;
+    ensureFocus();
     switch (e.key) {
-      case "Tab": {
-        const selected = getSelectedIds();
-        const nodes = getNodes();
-        if (nodes.length === 0) return;
-        if (selected.length > 0) {
-          focusedNodeId = selected[0];
-        } else if (!focusedNodeId || !findNodeById(focusedNodeId)) {
-          focusedNodeId = nodes[0].id;
-        }
-        e.preventDefault();
-        break;
-      }
       case "ArrowUp":
       case "ArrowDown":
       case "ArrowLeft":
@@ -1526,8 +1525,10 @@ function attachGraphKeyboardNav(options) {
     }
   }
   canvas.addEventListener("keydown", onKeyDown);
+  canvas.addEventListener("focus", onFocus);
   return () => {
     canvas.removeEventListener("keydown", onKeyDown);
+    canvas.removeEventListener("focus", onFocus);
   };
 }
 
@@ -2196,10 +2197,6 @@ var SimulationManager = class _SimulationManager {
   }
 };
 
-// src/graph/spatial-index.ts
-var SpatialIndex2 = class extends SpatialIndex {
-};
-
 // src/graph/update-diff-config.ts
 function stableKey(c) {
   return JSON.stringify([
@@ -2374,7 +2371,7 @@ function createGraph(container, spec, options) {
   let legendController = null;
   let renderer = null;
   let simulation = null;
-  const spatialIndex = new SpatialIndex2();
+  const spatialIndex = new SpatialIndex();
   let interactionManager = null;
   const searchManager = new GraphSearchManager();
   let tooltipManager = null;
@@ -3118,6 +3115,8 @@ function createGraph(container, spec, options) {
       getAdjacency: () => adjacencyMap,
       onSelect(nodeId) {
         selectedNodeIds = /* @__PURE__ */ new Set([nodeId]);
+        interactionManager?.setSelection([nodeId]);
+        armFocus(performance.now());
         needsRender = true;
         scheduleRender();
         options?.onNodeClick?.(nodeDataById(nodeId));
@@ -3125,6 +3124,8 @@ function createGraph(container, spec, options) {
       },
       onDeselect() {
         selectedNodeIds.clear();
+        interactionManager?.setSelection([]);
+        armFocus(performance.now());
         needsRender = true;
         scheduleRender();
         options?.onSelectionChange?.([]);
@@ -3438,6 +3439,7 @@ function createGraph(container, spec, options) {
     }
   }
   function updateVisuals(newSpec) {
+    warnDeprecated("updateVisuals is deprecated; use update.");
     update(newSpec);
   }
   function teardownSimOnly() {
@@ -3580,4 +3582,4 @@ export {
   reheatAlpha,
   createGraph
 };
-//# sourceMappingURL=chunk-5IMVUHVC.js.map
+//# sourceMappingURL=chunk-GX6BWMJD.js.map