@forgecharts/sdk 1.5.34 → 1.5.35

package/dist/react/internal.js

@@ -19928,7 +19928,7 @@ function LeftToolbar({ activeTool, onSelectTool, drawingFavorites, onDrawingFavo
             /* @__PURE__ */ jsx(
               MagnetTool,
               {
-                mode: magnetMode ?? "snap-xy",
+                mode: magnetMode ?? "snap-x",
                 ...onMagnetModeChange ? { onChange: onMagnetModeChange } : {}
               }
             ),
@@ -22959,7 +22959,7 @@ var ChartCanvas = forwardRef(
     const [indicators, setIndicators] = useState([]);
     const [totalHeight, setTotalHeight] = useState(600);
     const [activeTool, setActiveTool] = useState(initialActiveTool ?? "cursor");
-    const [magnetMode, setMagnetMode] = useState(initialMagnetMode ?? "snap-xy");
+    const [magnetMode, setMagnetMode] = useState(initialMagnetMode ?? "snap-x");
     const [drawingFavorites, setDrawingFavorites] = useState(drawingFavoritesProp ?? []);
     const [ctxMenu, setCtxMenu] = useState(null);
     const [chartCtxMenu, setChartCtxMenu] = useState(null);
@@ -23239,7 +23239,7 @@ var ChartCanvas = forwardRef(
       const initTool = initialActiveTool ?? "cursor";
       chart.setCrosshairEnabled(initTool === "crosshair");
       chart.setNativeCursorHidden(initTool !== "cursor");
-      chart.setMagnetMode(initialMagnetMode ?? "snap-xy");
+      chart.setMagnetMode(initialMagnetMode ?? "snap-x");
       syncChartState();
       return () => {
         chart.destroy();
@@ -24568,14 +24568,22 @@ function TabBar({ tabs, activeId, onSelect, onAdd, onClose, onRename, showAddTab
     setCanScrollLeft(el.scrollLeft > 0);
     setCanScrollRight(el.scrollLeft + el.clientWidth < el.scrollWidth - 1);
   }, []);
+  const tabsKey = tabs.map((t) => t.id).join("|");
   useEffect(() => {
     updateArrows();
     const el = scrollRef.current;
     if (!el) return;
-    const ro = new ResizeObserver(updateArrows);
+    let frame = 0;
+    const ro = new ResizeObserver(() => {
+      cancelAnimationFrame(frame);
+      frame = requestAnimationFrame(updateArrows);
+    });
     ro.observe(el);
-    return () => ro.disconnect();
-  }, [tabs, updateArrows]);
+    return () => {
+      cancelAnimationFrame(frame);
+      ro.disconnect();
+    };
+  }, [tabsKey, updateArrows]);
   useEffect(() => {
     const el = scrollRef.current;
     if (!el) return;
@@ -26776,7 +26784,7 @@ function _guessFrontMonth(product, months) {
 }
 
 // src/version.ts
-var FORGECHARTS_VERSION = "1.5.34" ;
+var FORGECHARTS_VERSION = "1.5.35" ;
 var TIMEZONE_OPTIONS = [
   { label: "UTC", value: "UTC" },
   { label: "Exchange", value: "exchange" },
@@ -34629,7 +34637,7 @@ var DEFAULT_WORKSPACE = {
   rollRule: "v",
   theme: "dark",
   activeTool: "cursor",
-  magnetMode: "snap-xy",
+  magnetMode: "snap-x",
   canvasSettings: {
     background: "#000000",
     gridColor: "#ffffff",
@@ -34682,7 +34690,7 @@ function workspaceFromPrefs(raw) {
     rollRule: p["rollRule"] === "c" || p["rollRule"] === "n" ? p["rollRule"] : "v",
     theme: p["theme"] === "light" ? "light" : "dark",
     activeTool: ["cursor", "crosshair", "dot", "demonstration"].includes(p["activeTool"]) ? p["activeTool"] : "cursor",
-    magnetMode: ["off", "snap-x", "snap-xy"].includes(p["magnetMode"]) ? p["magnetMode"] : "snap-xy",
+    magnetMode: ["off", "snap-x", "snap-xy"].includes(p["magnetMode"]) ? p["magnetMode"] : "snap-x",
     canvasSettings: _parseCanvasSettings(p["canvasSettings"])
   };
 }