@weng-lab/visualization 2.5.0 → 2.5.1

package/dist/visualization.es48.js

@@ -1,24 +1,274 @@
-import { c as l } from "react/compiler-runtime";
-import { useState as p } from "react";
-const f = (i) => {
-  const t = l(3), {
-    initialOpen: s
-  } = i, [n, r] = p(s);
-  let e;
-  t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = () => {
-    r(a);
-  }, t[0] = e) : e = t[0];
-  const c = e;
-  let o;
-  return t[1] !== n ? (o = {
-    showMiniMap: n,
-    toggleMiniMap: c
-  }, t[1] = n, t[2] = o) : o = t[2], o;
+import { jsx as o, jsxs as A, Fragment as b } from "react/jsx-runtime";
+import { useRef as y, useState as He, useEffect as D, useMemo as L, useCallback as ee } from "react";
+import be from "@mui/material/CircularProgress";
+import { Stack as et, Box as ke } from "@mui/material";
+import { rescaleX as tt, rescaleY as rt, DEFAULT_HOVER_STYLE as Ae, prepareCanvas as nt, partitionPointsByHover as ot, getTicks as Ee, isPointVisible as st, drawCanvasPoint as ct } from "./visualization.es18.js";
+import lt from "./visualization.es105.js";
+import at from "./visualization.es106.js";
+import it from "./visualization.es107.js";
+import ft from "./visualization.es108.js";
+import { useDragSelection as ut } from "./visualization.es109.js";
+import { useStableCallback as vt } from "./visualization.es20.js";
+import ge from "./visualization.es33.js";
+import pt from "./visualization.es110.js";
+import ht from "./visualization.es70.js";
+import mt from "./visualization.es35.js";
+import xt from "./visualization.es25.js";
+import yt from "./visualization.es39.js";
+import St from "./visualization.es80.js";
+import Le from "./visualization.es24.js";
+import wt from "./visualization.es62.js";
+const Me = 120, kt = (F) => 1 - Math.pow(1 - F, 3), Ut = ({
+  width: F,
+  height: te,
+  margin: s,
+  boundedWidth: l,
+  boundedHeight: c,
+  loading: Ce,
+  pointData: p,
+  animation: T,
+  animationGroupSize: K,
+  animationBuffer: U,
+  xScale: $,
+  yScale: I,
+  zoom: f,
+  selectMode: a,
+  selectable: Te,
+  disableZoom: m,
+  groupPointsAnchor: re,
+  hoveredPoint: E,
+  hoveredPoints: ne,
+  hoverGrowth: oe,
+  hoverStroke: se,
+  handleMouseMove: Re,
+  handleMouseLeave: ce,
+  onDisplayedPointsChange: le,
+  onSelectionChange: Pe,
+  onPointClicked: ae,
+  leftAxisLabel: de,
+  bottomAxisLabel: Ve,
+  border: De,
+  originLine: Fe,
+  backgroundGradient: M,
+  crosshair: _,
+  divRef: Ye
+}) => {
+  const ie = y(null), fe = y(null), R = y(0), J = y(null), ue = y(0), [N, Q] = He(!!T);
+  D(() => {
+    if (!T) return;
+    if (p.length > 2500) {
+      Q(!1);
+      return;
+    }
+    const e = 450, t = (U ?? 0.03) * 1e3, n = Math.ceil(p.length / (K ?? 1)), r = e + n * t, i = window.setTimeout(() => Q(!1), r);
+    return () => window.clearTimeout(i);
+  }, [T, U, K, p.length]);
+  const {
+    lines: Xe,
+    isDragging: S,
+    x: P,
+    y: d,
+    dx: Y,
+    dy: X,
+    dragStart: ve,
+    dragMove: pe,
+    dragEnd: je,
+    completeSelection: Oe
+  } = ut({
+    pointData: p,
+    margin: s,
+    xScale: $,
+    yScale: I,
+    onSelectionChange: Pe
+  });
+  D(() => {
+    const e = ie.current, t = (i) => {
+      i.preventDefault();
+    }, n = (i) => {
+      i.preventDefault();
+    }, r = (i) => {
+      i.preventDefault();
+    };
+    return e && (e.addEventListener("wheel", t, {
+      passive: !1
+    }), e.addEventListener("touchstart", r, {
+      passive: !1
+    }), e.addEventListener("touchmove", n, {
+      passive: !1
+    })), () => {
+      e && (e.removeEventListener("wheel", t), e.removeEventListener("touchstart", r), e.removeEventListener("touchmove", n));
+    };
+  }, []);
+  const u = L(() => tt($, f.transformMatrix.translateX, f.transformMatrix.scaleX), [$, f.transformMatrix]), v = L(() => rt(I, f.transformMatrix.translateY, f.transformMatrix.scaleY), [I, f.transformMatrix]), G = L(() => E ? [E] : ne ?? [], [E, ne]), he = L(() => {
+    const e = re;
+    if (!e) return G;
+    const t = (r) => e in r ? r[e] : r.metaData?.[e], n = new Set(G.map(t).filter((r) => r !== void 0));
+    return n.size === 0 ? [] : p.filter((r) => {
+      const i = t(r);
+      return i !== void 0 && n.has(i);
+    });
+  }, [G, re, p]), me = y(/* @__PURE__ */ new Set()), C = L(() => {
+    const e = new Set(he.map((n) => `${n.x},${n.y}`)), t = me.current;
+    return e.size === t.size && [...e].every((n) => t.has(n)) ? t : (me.current = e, e);
+  }, [he]), j = L(() => p.filter((e) => {
+    const t = u(e.x), n = v(e.y);
+    return t >= 0 && t <= l && n >= 0 && n <= c;
+  }), [p, u, v, l, c]), xe = L(() => ({
+    growth: oe ?? Ae.growth,
+    stroke: se ?? Ae.stroke
+  }), [oe, se]), O = ee((e, t, n) => {
+    const r = n.getContext("2d");
+    if (!r) return;
+    if (nt(r, l, c), M) {
+      const [x, H, q] = M.colorScale ?? ["red", "white", "blue"], k = l, g = c, ze = e(0), We = t(0), Ze = Math.max(1e-3, Math.min(0.999, (ze * k - We * g + g * g) / (k * k + g * g))), B = r.createLinearGradient(0, g, k, 0);
+      B.addColorStop(0, x), B.addColorStop(Ze, H), B.addColorStop(1, q), r.globalAlpha = M.opacity ?? 1, r.fillStyle = B, r.fillRect(0, 0, k, g), r.globalAlpha = 1;
+    }
+    const {
+      nonHovered: i,
+      hovered: h
+    } = ot(p, C), we = (x, H) => {
+      const q = e(x.x), k = t(x.y);
+      st(q, k, l, c) && ct(r, x, q, k, H ? R.current : 0, xe);
+    };
+    i.forEach((x) => we(x, !1)), h.forEach((x) => we(x, !0));
+  }, [c, l, C, p, M, xe]);
+  D(() => {
+    const e = fe.current;
+    if (!e || N) return;
+    if (C.size === 0) {
+      J.current = null, R.current = 0, O(u, v, e);
+      return;
+    }
+    const t = J.current === C;
+    t || (J.current = C, ue.current = performance.now(), R.current = 0);
+    const n = ue.current;
+    if (t && performance.now() - n >= Me) {
+      R.current = 1, O(u, v, e);
+      return;
+    }
+    let r = requestAnimationFrame(function i() {
+      const h = Math.min(1, (performance.now() - n) / Me);
+      R.current = kt(h), O(u, v, e), h < 1 && (r = requestAnimationFrame(i));
+    });
+    return () => cancelAnimationFrame(r);
+  }, [O, u, v, N, C]);
+  const qe = ee(() => {
+    E && ae?.(E);
+  }, [E, ae]), Be = m ? Te ? S ? "none" : "crosshair" : S ? "none" : "default" : E ? "default" : a === "select" ? S ? "none" : "crosshair" : f.isDragging ? "grabbing" : "grab", z = (e) => {
+    je(e), Oe(f);
+  }, w = y(null), V = y(null), W = vt((e) => {
+    f.dragMove(e);
+  }), Ke = ee(() => {
+    w.current !== null && (cancelAnimationFrame(w.current), w.current = null);
+    const e = V.current;
+    V.current = null, e && W(e);
+  }, [W]);
+  D(() => () => {
+    w.current !== null && cancelAnimationFrame(w.current);
+  }, []);
+  const ye = (e) => {
+    V.current = e.nativeEvent, w.current === null && (w.current = requestAnimationFrame(() => {
+      w.current = null;
+      const t = V.current;
+      V.current = null, t && W(t);
+    }));
+  }, Z = () => {
+    Ke(), f.dragEnd();
+  }, Ue = a === "none" ? void 0 : a === "select" ? ve : m ? void 0 : f.dragStart, $e = a === "none" ? void 0 : a === "select" ? z : m ? void 0 : Z, Ie = a === "none" ? void 0 : a === "select" ? S ? pe : void 0 : m ? void 0 : ye, _e = a === "none" ? void 0 : a === "select" ? z : m ? void 0 : Z, Je = a === "none" ? void 0 : a === "select" ? ve : m ? void 0 : f.dragStart, Ne = a === "none" ? void 0 : a === "select" ? z : m ? void 0 : Z, Qe = a === "none" ? void 0 : a === "select" ? S ? pe : void 0 : m ? void 0 : ye, Ge = (e) => {
+    if (Q(!1), !m) {
+      const t = wt(e) || {
+        x: 0,
+        y: 0
+      }, n = e.deltaY < 0 ? 1.1 : 0.9;
+      f.scale({
+        scaleX: n,
+        scaleY: n,
+        point: t
+      });
+    }
+  }, Se = y([]);
+  return D(() => {
+    ((t, n) => t.length !== n.length ? !0 : !t.every((r, i) => {
+      const h = n[i];
+      return r.x === h.x && r.y === h.y && r.r === h.r && r.shape === h.shape && r.color === h.color && r.opacity === h.opacity;
+    }))(Se.current, j) && (le?.(j), Se.current = j);
+  }, [j, le]), /* @__PURE__ */ o(et, { justifyContent: "center", alignItems: "center", direction: "row", sx: {
+    position: "relative"
+  }, children: /* @__PURE__ */ o(ke, { sx: {
+    width: F,
+    height: te
+  }, children: Ce ? /* @__PURE__ */ o(ke, { display: "flex", width: "100%", height: "100%", sx: {
+    justifyContent: "center",
+    alignItems: "center"
+  }, children: /* @__PURE__ */ o(be, {}) }) : /* @__PURE__ */ A("div", { style: {
+    position: "relative"
+  }, ref: Ye, children: [
+    /* @__PURE__ */ o("canvas", { ref: fe, width: l * 2, height: c * 2, style: {
+      userSelect: "none",
+      position: "absolute",
+      top: s.top,
+      left: s.left,
+      width: l,
+      height: c,
+      backgroundColor: "transparent"
+    } }),
+    /* @__PURE__ */ A("svg", { width: F, height: te, overflow: "visible", style: {
+      position: "absolute",
+      userSelect: "none"
+    }, onMouseMove: (e) => {
+      S ? ce() : Re(e, f);
+    }, onMouseLeave: ce, children: [
+      /* @__PURE__ */ A(ge, { top: s.top, left: s.left, children: [
+        N && T && /* @__PURE__ */ o(lt, { pointData: p, animation: T, animationGroupSize: K, animationBuffer: U, xScaleTransformed: u, yScaleTransformed: v, boundedWidth: l, boundedHeight: c }),
+        a === "select" && /* @__PURE__ */ A(b, { children: [
+          Xe.map((e, t) => /* @__PURE__ */ o(pt, { fill: "transparent", stroke: "black", strokeWidth: 3, data: e, curve: ht, x: (n) => n.x, y: (n) => n.y }, `line-${t}`)),
+          S && /* @__PURE__ */ A("g", { children: [
+            /* @__PURE__ */ o("line", { x1: P - s.left + Y - 6, y1: d - s.top + X, x2: P - s.left + Y + 6, y2: d - s.top + X, stroke: "black", strokeWidth: 1 }),
+            /* @__PURE__ */ o("line", { x1: P - s.left + Y, y1: d - s.top + X - 6, x2: P - s.left + Y, y2: d - s.top + X + 6, stroke: "black", strokeWidth: 1 }),
+            /* @__PURE__ */ o("circle", { cx: P - s.left, cy: d - s.top, r: 4, fill: "transparent", stroke: "black", pointerEvents: "none" })
+          ] })
+        ] }),
+        Fe && (() => {
+          const e = u(0), t = v(0);
+          return /* @__PURE__ */ A(b, { children: [
+            t >= 0 && t <= c && /* @__PURE__ */ o("line", { x1: 0, x2: l, y1: t, y2: t, stroke: "#000", strokeWidth: 1, strokeDasharray: "4,4", pointerEvents: "none" }),
+            e >= 0 && e <= l && /* @__PURE__ */ o("line", { x1: e, x2: e, y1: 0, y2: c, stroke: "#000", strokeWidth: 1, strokeDasharray: "4,4", pointerEvents: "none" })
+          ] });
+        })(),
+        /* @__PURE__ */ o("rect", { ref: ie, fill: "transparent", width: l, height: c, style: {
+          cursor: Be
+        }, onMouseDown: Ue, onMouseUp: $e, onMouseMove: Ie, onMouseLeave: _e, onTouchStart: Je, onTouchEnd: Ne, onTouchMove: Qe, onWheel: Ge, onClick: qe }),
+        _ && !S && /* @__PURE__ */ o(ft, { position: {
+          x: u(_.x),
+          y: v(_.y)
+        }, boundedWidth: l, boundedHeight: c })
+      ] }),
+      /* @__PURE__ */ A(ge, { top: s.top, left: s.left, children: [
+        /* @__PURE__ */ o(mt, { scale: v, tickLabelProps: () => ({
+          fill: "#1c1917",
+          fontSize: 10,
+          textAnchor: "end",
+          verticalAnchor: "middle",
+          x: -10
+        }), tickValues: Ee(v, 5) }),
+        /* @__PURE__ */ o(xt, { top: c, scale: u, tickLabelProps: () => ({
+          fill: "#1c1917",
+          fontSize: 11,
+          textAnchor: "middle"
+        }), tickValues: Ee(u, 5) }),
+        De && /* @__PURE__ */ A(b, { children: [
+          /* @__PURE__ */ o(yt, { top: 0, scale: u, tickValues: [] }),
+          /* @__PURE__ */ o(St, { scale: v, tickValues: [], left: l })
+        ] }),
+        /* @__PURE__ */ o(Le, { textAnchor: "middle", verticalAnchor: "end", angle: -90, fontSize: 15, y: c / 2, x: 0, dx: -50, children: de }),
+        /* @__PURE__ */ o(Le, { textAnchor: "middle", verticalAnchor: "start", fontSize: 15, y: c, x: l / 2, dy: 50, children: Ve })
+      ] }),
+      /* @__PURE__ */ o(at, { pointData: p, xScaleTransformed: u, yScaleTransformed: v, boundedWidth: l, boundedHeight: c, margin: s }),
+      M?.legend && /* @__PURE__ */ o(it, { backgroundGradient: M, boundedHeight: c, barLeft: s.left + l + 25, marginTop: s.top })
+    ] })
+  ] }) }) });
 };
-function a(i) {
-  return !i;
-}
 export {
-  f as useMiniMapToggle
+  Ut as default
 };
 //# sourceMappingURL=visualization.es48.js.map

package/dist/visualization.es48.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es48.js","sources":["../src/components/ScatterPlot/hooks/useMiniMapToggle.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\n\ntype UseMiniMapToggleProps = {\n    initialOpen: boolean;\n};\n\nexport const useMiniMapToggle = ({ initialOpen }: UseMiniMapToggleProps) => {\n    const [showMiniMap, setShowMiniMap] = useState(initialOpen);\n\n    const toggleMiniMap = useCallback(() => {\n        setShowMiniMap((curr) => !curr);\n    }, []);\n\n    return { showMiniMap, toggleMiniMap };\n};\n"],"names":["useMiniMapToggle","t0","$","_c","initialOpen","showMiniMap","setShowMiniMap","useState","t1","Symbol","for","_temp","toggleMiniMap","t2","curr"],"mappings":";;AAMO,MAAMA,IAAmBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAC;AAAA,IAAAC,aAAAA;AAAAA,EAAAA,IAAAH,GAC7B,CAAAI,GAAAC,CAAA,IAAsCC,EAASH,CAAW;AAAE,MAAAI;AAAA,EAAAN,EAAA,CAAA,MAAAO,uBAAAC,IAAA,2BAAA,KAE1BF,IAAAA,MAAA;AAC9BF,IAAAA,EAAeK,CAAe;AAAA,EAAC,GAClCT,OAAAM,KAAAA,IAAAN,EAAA,CAAA;AAFD,QAAAU,IAAsBJ;AAEf,MAAAK;AAAA,SAAAX,SAAAG,KAEAQ,IAAA;AAAA,IAAAR,aAAAA;AAAAA,IAAAO,eAAAA;AAAAA,EAAAA,GAA8BV,OAAAG,GAAAH,OAAAW,KAAAA,IAAAX,EAAA,CAAA,GAA9BW;AAA8B;AAPT,SAAAF,EAAAG,GAAA;AAAA,SAIC,CAACA;AAAI;"}
+{"version":3,"file":"visualization.es48.js","sources":["../src/components/ScatterPlot/ScatterPlotViewport.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport CircularProgress from \"@mui/material/CircularProgress\";\nimport { Box, Stack } from \"@mui/material\";\nimport { Group } from \"@visx/group\";\nimport { AxisBottom, AxisLeft, AxisRight, AxisTop } from \"@visx/axis\";\nimport { LinePath } from \"@visx/shape\";\nimport { Text } from \"@visx/text\";\nimport { curveBasis } from \"@visx/curve\";\nimport { localPoint } from \"@visx/event\";\nimport { ScaleLinear } from \"@visx/vendor/d3-scale\";\nimport { BackgroundGradient, ChartProps, CrosshairPosition, Point, SelectionMode, ZoomType } from \"./types\";\nimport { DEFAULT_HOVER_STYLE, drawCanvasPoint, getTicks, isPointVisible, partitionPointsByHover, prepareCanvas, rescaleX, rescaleY } from \"./helpers\";\nimport { useStableCallback } from \"../../hooks\";\nimport AnimatedPoints from \"./AnimatedPoints\";\nimport PointLabels from \"./PointLabels\";\nimport GradientLegend from \"./GradientLegend\";\nimport Crosshair from \"./Crosshair\";\nimport { useDragSelection } from \"./hooks/useDragSelection\";\n\ntype ScatterPlotViewportProps<T extends object> = {\n    width: number;\n    height: number;\n    margin: { top: number; left: number };\n    boundedWidth: number;\n    boundedHeight: number;\n    loading: boolean;\n    pointData: Point<T>[];\n    animation?: ChartProps<T, boolean | undefined, boolean | undefined>[\"animation\"];\n    animationGroupSize?: number;\n    animationBuffer?: number;\n    xScale: ScaleLinear<number, number, never>;\n    yScale: ScaleLinear<number, number, never>;\n    zoom: ZoomType;\n    selectMode: SelectionMode;\n    selectable: boolean;\n    disableZoom?: boolean;\n    groupPointsAnchor?: keyof Point<T> | keyof T;\n    hoveredPoint: Point<T> | null;\n    hoveredPoints?: Point<T>[];\n    hoverGrowth?: number;\n    hoverStroke?: string;\n    handleMouseMove: (event: React.MouseEvent<SVGElement>, zoom: ZoomType) => void;\n    handleMouseLeave: () => void;\n    onDisplayedPointsChange?: (points: Point<T>[]) => void;\n    onSelectionChange?: (selectedPoints: Point<T>[]) => void;\n    onPointClicked?: (point: Point<T>) => void;\n    leftAxisLabel?: string;\n    bottomAxisLabel?: string;\n    border: boolean;\n    originLine?: boolean;\n    backgroundGradient?: BackgroundGradient;\n    /** Crosshair position in data coordinates, or null for no crosshair. */\n    crosshair?: CrosshairPosition | null;\n    divRef: React.RefObject<HTMLDivElement | null>;\n};\n\n/**\n * Hover growth eases in over this long, and is dropped instantly on the way out.\n * Easing the exit too would drag a tail of still-shrinking points behind the cursor\n * whenever it sweeps across a dense plot.\n */\nconst HOVER_GROW_MS = 120;\n\nconst easeOutCubic = (t: number) => 1 - Math.pow(1 - t, 3);\n\nconst ScatterPlotViewport = <T extends object>({\n    width,\n    height,\n    margin,\n    boundedWidth,\n    boundedHeight,\n    loading,\n    pointData,\n    animation,\n    animationGroupSize,\n    animationBuffer,\n    xScale,\n    yScale,\n    zoom,\n    selectMode,\n    selectable,\n    disableZoom,\n    groupPointsAnchor,\n    hoveredPoint,\n    hoveredPoints,\n    hoverGrowth,\n    hoverStroke,\n    handleMouseMove,\n    handleMouseLeave,\n    onDisplayedPointsChange,\n    onSelectionChange,\n    onPointClicked,\n    leftAxisLabel,\n    bottomAxisLabel,\n    border,\n    originLine,\n    backgroundGradient,\n    crosshair,\n    divRef,\n}: ScatterPlotViewportProps<T>) => {\n    const graphRef = useRef<SVGRectElement | null>(null);\n    const canvasRef = useRef<HTMLCanvasElement | null>(null);\n    // Hover growth is driven straight onto the canvas through a ref. A redraw is ~0.3ms at\n    // 3.4k points so the drawing is cheap, but a re-render per frame would not be.\n    const hoverAmountRef = useRef(0);\n    const animatedKeysRef = useRef<Set<string> | null>(null);\n    // When the current hover began, so its growth can be resumed rather than restarted if the\n    // effect driving it is re-run partway through.\n    const hoverStartedAtRef = useRef(0);\n\n    // Animation state — viewport owns what it renders\n    const [showPointAnimation, setShowPointAnimation] = useState(Boolean(animation));\n\n    useEffect(() => {\n        if (!animation) return;\n        if (pointData.length > 2500) {\n            setShowPointAnimation(false);\n            return;\n        }\n        const duration = 450;\n        const buffer = (animationBuffer ?? 0.03) * 1000;\n        const groups = Math.ceil(pointData.length / (animationGroupSize ?? 1));\n        const total = duration + groups * buffer;\n\n        const t = window.setTimeout(() => setShowPointAnimation(false), total);\n        return () => window.clearTimeout(t);\n    }, [animation, animationBuffer, animationGroupSize, pointData.length]);\n\n    const { lines, isDragging, x, y, dx, dy, dragStart, dragMove, dragEnd, completeSelection } =\n        useDragSelection({ pointData, margin, xScale, yScale, onSelectionChange });\n\n    // Passive event listeners to prevent default scroll/touch behavior on the chart surface\n    useEffect(() => {\n        const graphElement = graphRef.current;\n\n        const handleWheel = (event: WheelEvent) => { event.preventDefault(); };\n        const handleTouchMove = (event: TouchEvent) => { event.preventDefault(); };\n        const handleTouchStart = (event: TouchEvent) => { event.preventDefault(); };\n\n        if (graphElement) {\n            graphElement.addEventListener('wheel', handleWheel, { passive: false });\n            graphElement.addEventListener('touchstart', handleTouchStart, { passive: false });\n            graphElement.addEventListener('touchmove', handleTouchMove, { passive: false });\n        }\n\n        return () => {\n            if (graphElement) {\n                graphElement.removeEventListener('wheel', handleWheel);\n                graphElement.removeEventListener('touchstart', handleTouchStart);\n                graphElement.removeEventListener('touchmove', handleTouchMove);\n            }\n        };\n    }, []);\n\n    const xScaleTransformed = useMemo(\n        () => rescaleX(xScale, zoom.transformMatrix.translateX, zoom.transformMatrix.scaleX),\n        [xScale, zoom.transformMatrix]\n    );\n    const yScaleTransformed = useMemo(\n        () => rescaleY(yScale, zoom.transformMatrix.translateY, zoom.transformMatrix.scaleY),\n        [yScale, zoom.transformMatrix]\n    );\n\n    // What is hovered: the point under the cursor if there is one, otherwise whatever the\n    // consumer has asked to highlight. The cursor takes precedence so the plot's own hover is\n    // never overridden mid-gesture.\n    const highlightSeeds: Point<T>[] = useMemo(\n        () => (hoveredPoint ? [hoveredPoint] : hoveredPoints ?? []),\n        [hoveredPoint, hoveredPoints]\n    );\n\n    const groupedPoints: Point<T>[] = useMemo(() => {\n        const anchor = groupPointsAnchor;\n        if (!anchor) return highlightSeeds;\n\n        const anchorValue = (point: Point<T>): unknown =>\n            anchor in point\n                ? point[anchor as keyof Point<T>]\n                : point.metaData?.[anchor as keyof T];\n\n        // Collect the seeds' anchor values first, so this stays O(points + seeds). Matching each\n        // point against each seed would be 2.5m comparisons when a whole 750-point group is\n        // handed in against 3.4k points.\n        const seedValues = new Set(\n            highlightSeeds.map(anchorValue).filter((value) => value !== undefined)\n        );\n        if (seedValues.size === 0) return [];\n\n        return pointData.filter((point) => {\n            const value = anchorValue(point);\n            return value !== undefined && seedValues.has(value);\n        });\n    }, [highlightSeeds, groupPointsAnchor, pointData]);\n\n    const previousHoveredKeysRef = useRef<Set<string>>(new Set());\n\n    const hoveredPointKeys = useMemo(() => {\n        const next = new Set(groupedPoints.map((point) => `${point.x},${point.y}`));\n        const previous = previousHoveredKeysRef.current;\n\n        // Moving between points inside one anchored group rebuilds this set, but its contents\n        // are unchanged - the hovered group is the same group. Handing back the previous Set\n        // keeps its identity stable, so the redraw effect and the hover growth it drives both\n        // sit still instead of restarting on every point the cursor crosses. Purely a\n        // memoisation hint: the contents are correct either way.\n        if (next.size === previous.size && [...next].every((key) => previous.has(key))) {\n            return previous;\n        }\n\n        previousHoveredKeysRef.current = next;\n        return next;\n    }, [groupedPoints]);\n\n    const currentDisplayedPoints = useMemo(\n        () => pointData.filter((point) => {\n            const tx = xScaleTransformed(point.x);\n            const ty = yScaleTransformed(point.y);\n            return tx >= 0 && tx <= boundedWidth && ty >= 0 && ty <= boundedHeight;\n        }),\n        [pointData, xScaleTransformed, yScaleTransformed, boundedWidth, boundedHeight]\n    );\n\n    // Held together as one object so the draw below depends on a single stable value rather than\n    // on two props that would each have to be threaded into its dependencies.\n    const hoverStyle = useMemo(\n        () => ({\n            growth: hoverGrowth ?? DEFAULT_HOVER_STYLE.growth,\n            stroke: hoverStroke ?? DEFAULT_HOVER_STYLE.stroke,\n        }),\n        [hoverGrowth, hoverStroke]\n    );\n\n    const drawPoints = useCallback((\n        xST: ScaleLinear<number, number, never>,\n        yST: ScaleLinear<number, number, never>,\n        canvas: HTMLCanvasElement\n    ) => {\n        const context = canvas.getContext('2d');\n        if (!context) return;\n\n        prepareCanvas(context, boundedWidth, boundedHeight);\n\n        if (backgroundGradient) {\n            const [colorLow, colorMid, colorHigh] = backgroundGradient.colorScale ?? [\"red\", \"white\", \"blue\"];\n            const W = boundedWidth;\n            const H = boundedHeight;\n            const x0 = xST(0);\n            const y0 = yST(0);\n            const fraction = Math.max(0.001, Math.min(0.999, (x0 * W - y0 * H + H * H) / (W * W + H * H)));\n            const gradient = context.createLinearGradient(0, H, W, 0);\n            gradient.addColorStop(0, colorLow);\n            gradient.addColorStop(fraction, colorMid);\n            gradient.addColorStop(1, colorHigh);\n            context.globalAlpha = backgroundGradient.opacity ?? 1;\n            context.fillStyle = gradient;\n            context.fillRect(0, 0, W, H);\n            context.globalAlpha = 1;\n        }\n\n        const { nonHovered, hovered } = partitionPointsByHover(pointData, hoveredPointKeys);\n\n        const drawRenderedPoint = (point: Point<T>, isHovered: boolean) => {\n            const transformedX = xST(point.x);\n            const transformedY = yST(point.y);\n            if (!isPointVisible(transformedX, transformedY, boundedWidth, boundedHeight)) return;\n            drawCanvasPoint(context, point, transformedX, transformedY, isHovered ? hoverAmountRef.current : 0, hoverStyle);\n        };\n\n        nonHovered.forEach((point) => drawRenderedPoint(point, false));\n        hovered.forEach((point) => drawRenderedPoint(point, true));\n    }, [boundedHeight, boundedWidth, hoveredPointKeys, pointData, backgroundGradient, hoverStyle]);\n\n    useEffect(() => {\n        const canvas = canvasRef.current;\n        if (!canvas || showPointAnimation) return;\n\n        // Leaving is instant: drop the growth and repaint once.\n        if (hoveredPointKeys.size === 0) {\n            animatedKeysRef.current = null;\n            hoverAmountRef.current = 0;\n            drawPoints(xScaleTransformed, yScaleTransformed, canvas);\n            return;\n        }\n\n        // Only a change of hovered set starts the growth. This effect also runs on pan, zoom and\n        // data changes, which should carry on from the size the points have already reached\n        // rather than snapping them back to zero.\n        const sameHover = animatedKeysRef.current === hoveredPointKeys;\n        if (!sameHover) {\n            animatedKeysRef.current = hoveredPointKeys;\n            hoverStartedAtRef.current = performance.now();\n            hoverAmountRef.current = 0;\n        }\n\n        const startedAt = hoverStartedAtRef.current;\n\n        // Already fully grown: repaint at full size without scheduling a frame, so a pan over a\n        // hovered point does not queue one per move.\n        if (sameHover && performance.now() - startedAt >= HOVER_GROW_MS) {\n            hoverAmountRef.current = 1;\n            drawPoints(xScaleTransformed, yScaleTransformed, canvas);\n            return;\n        }\n\n        // Timed from when this hover began rather than from now, so an animation interrupted\n        // partway - by new pointData arriving under the cursor, most often - resumes where it\n        // left off instead of restarting. Before this was kept in a ref, the cleanup below\n        // cancelled the frame and the sameHover branch above returned without scheduling\n        // another, leaving the point frozen at whatever growth it had reached: on the first\n        // frame, none at all, drawn with a ring at a tenth of its opacity.\n        let frame = requestAnimationFrame(function step() {\n            const t = Math.min(1, (performance.now() - startedAt) / HOVER_GROW_MS);\n            hoverAmountRef.current = easeOutCubic(t);\n            drawPoints(xScaleTransformed, yScaleTransformed, canvas);\n            if (t < 1) frame = requestAnimationFrame(step);\n        });\n\n        return () => cancelAnimationFrame(frame);\n    }, [drawPoints, xScaleTransformed, yScaleTransformed, showPointAnimation, hoveredPointKeys]);\n\n    const handlePointClick = useCallback(() => {\n        if (hoveredPoint) onPointClicked?.(hoveredPoint);\n    }, [hoveredPoint, onPointClicked]);\n\n    const surfaceCursor = disableZoom\n        ? selectable\n            ? isDragging ? 'none' : 'crosshair'\n            : isDragging ? 'none' : 'default'\n        : hoveredPoint\n            ? 'default'\n            : selectMode === 'select'\n                ? isDragging ? 'none' : 'crosshair'\n                : zoom.isDragging\n                    ? 'grabbing'\n                    : 'grab';\n\n    const handleSelectionEnd = (event: React.MouseEvent<SVGRectElement> | React.TouchEvent<SVGRectElement>) => {\n        dragEnd(event);\n        completeSelection(zoom);\n    };\n\n    /**\n     * Panning is coalesced to one zoom update per animation frame.\n     *\n     * zoom.dragMove sets the transform matrix on every move it is handed, and a mouse reports\n     * positions faster than the browser paints. Because mousemove is a continuous event that\n     * React flushes synchronously - and because a shared zoom sits above every synced plot, so\n     * one update re-renders all of them - handling each move outright never lets the browser\n     * paint, and React eventually warns that the update depth was exceeded.\n     *\n     * The buffer holds nativeEvent rather than the synthetic event: React clears currentTarget\n     * once dispatch returns, and this runs a frame later. Routing through useStableCallback\n     * keeps the frame calling the current zoom rather than the one captured when it was queued.\n     */\n    const dragFrameRef = useRef<number | null>(null);\n    const pendingDragRef = useRef<MouseEvent | TouchEvent | null>(null);\n    const dragMoveLatest = useStableCallback((event: MouseEvent | TouchEvent) => {\n        zoom.dragMove(event as unknown as React.MouseEvent | React.TouchEvent);\n    });\n\n    const flushPendingDrag = useCallback(() => {\n        if (dragFrameRef.current !== null) {\n            cancelAnimationFrame(dragFrameRef.current);\n            dragFrameRef.current = null;\n        }\n        const pending = pendingDragRef.current;\n        pendingDragRef.current = null;\n        if (pending) dragMoveLatest(pending);\n    }, [dragMoveLatest]);\n\n    useEffect(() => () => {\n        if (dragFrameRef.current !== null) cancelAnimationFrame(dragFrameRef.current);\n    }, []);\n\n    const onZoomDragMove = (event: React.MouseEvent<SVGRectElement> | React.TouchEvent<SVGRectElement>) => {\n        pendingDragRef.current = event.nativeEvent;\n        if (dragFrameRef.current !== null) return;\n        dragFrameRef.current = requestAnimationFrame(() => {\n            dragFrameRef.current = null;\n            const pending = pendingDragRef.current;\n            pendingDragRef.current = null;\n            if (pending) dragMoveLatest(pending);\n        });\n    };\n\n    // The queued frame is applied before the gesture closes, so the plot lands on the position\n    // the pointer was actually released at rather than a frame behind it.\n    const onZoomDragEnd = () => {\n        flushPendingDrag();\n        zoom.dragEnd();\n    };\n\n    const onSurfaceMouseDown = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? dragStart\n            : disableZoom ? undefined : zoom.dragStart;\n    const onSurfaceMouseUp = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? handleSelectionEnd\n            : disableZoom ? undefined : onZoomDragEnd;\n    const onSurfaceMouseMove = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? (isDragging ? dragMove : undefined)\n            : disableZoom ? undefined : onZoomDragMove;\n    const onSurfaceMouseLeave = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? handleSelectionEnd\n            : disableZoom ? undefined : onZoomDragEnd;\n    const onSurfaceTouchStart = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? dragStart\n            : disableZoom ? undefined : zoom.dragStart;\n    const onSurfaceTouchEnd = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? handleSelectionEnd\n            : disableZoom ? undefined : onZoomDragEnd;\n    const onSurfaceTouchMove = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? (isDragging ? dragMove : undefined)\n            : disableZoom ? undefined : onZoomDragMove;\n    const onSurfaceWheel: React.WheelEventHandler<SVGRectElement> = (event) => {\n        setShowPointAnimation(false);\n        if (!disableZoom) {\n            const point = localPoint(event) || { x: 0, y: 0 };\n            const zoomDirection = event.deltaY < 0 ? 1.1 : 0.9;\n            zoom.scale({ scaleX: zoomDirection, scaleY: zoomDirection, point });\n        }\n    };\n\n    const previousDisplayedPoints = useRef<Point<T>[]>([]);\n\n    useEffect(() => {\n        const haveDisplayedPointsChanged = (prevPoints: Point<T>[], nextPoints: Point<T>[]) => {\n            if (prevPoints.length !== nextPoints.length) return true;\n            return !prevPoints.every((point, index) => {\n                const nextPoint = nextPoints[index];\n                return (\n                    point.x === nextPoint.x &&\n                    point.y === nextPoint.y &&\n                    point.r === nextPoint.r &&\n                    point.shape === nextPoint.shape &&\n                    point.color === nextPoint.color &&\n                    point.opacity === nextPoint.opacity\n                );\n            });\n        };\n\n        if (haveDisplayedPointsChanged(previousDisplayedPoints.current, currentDisplayedPoints)) {\n            onDisplayedPointsChange?.(currentDisplayedPoints);\n            previousDisplayedPoints.current = currentDisplayedPoints;\n        }\n    }, [currentDisplayedPoints, onDisplayedPointsChange]);\n\n    return (\n        <Stack justifyContent=\"center\" alignItems=\"center\" direction=\"row\" sx={{ position: \"relative\" }}>\n            <Box sx={{ width, height }}>\n                {loading ? (\n                    <Box display=\"flex\" width=\"100%\" height=\"100%\" sx={{ justifyContent: \"center\", alignItems: \"center\" }}>\n                        <CircularProgress />\n                    </Box>\n                ) : (\n                    <div style={{ position: \"relative\" }} ref={divRef}>\n                        <canvas\n                            ref={canvasRef}\n                            width={boundedWidth * 2}\n                            height={boundedHeight * 2}\n                            style={{\n                                userSelect: \"none\",\n                                position: \"absolute\",\n                                top: margin.top,\n                                left: margin.left,\n                                width: boundedWidth,\n                                height: boundedHeight,\n                                backgroundColor: \"transparent\",\n                            }}\n                        />\n                        <svg\n                            width={width}\n                            height={height}\n                            overflow=\"visible\"\n                            style={{ position: \"absolute\", userSelect: \"none\" }}\n                            onMouseMove={(event) => {\n                                if (isDragging) handleMouseLeave();\n                                else handleMouseMove(event, zoom);\n                            }}\n                            onMouseLeave={handleMouseLeave}\n                        >\n                            <Group top={margin.top} left={margin.left}>\n                                {showPointAnimation && animation && (\n                                    <AnimatedPoints\n                                        pointData={pointData}\n                                        animation={animation}\n                                        animationGroupSize={animationGroupSize}\n                                        animationBuffer={animationBuffer}\n                                        xScaleTransformed={xScaleTransformed}\n                                        yScaleTransformed={yScaleTransformed}\n                                        boundedWidth={boundedWidth}\n                                        boundedHeight={boundedHeight}\n                                    />\n                                )}\n                                {selectMode === \"select\" && (\n                                    <>\n                                        {lines.map((line, index) => (\n                                            <LinePath\n                                                key={`line-${index}`}\n                                                fill=\"transparent\"\n                                                stroke=\"black\"\n                                                strokeWidth={3}\n                                                data={line}\n                                                curve={curveBasis}\n                                                x={(datum) => datum.x}\n                                                y={(datum) => datum.y}\n                                            />\n                                        ))}\n                                        {isDragging && (\n                                            <g>\n                                                <line x1={x - margin.left + dx - 6} y1={y - margin.top + dy} x2={x - margin.left + dx + 6} y2={y - margin.top + dy} stroke=\"black\" strokeWidth={1} />\n                                                <line x1={x - margin.left + dx} y1={y - margin.top + dy - 6} x2={x - margin.left + dx} y2={y - margin.top + dy + 6} stroke=\"black\" strokeWidth={1} />\n                                                <circle cx={x - margin.left} cy={y - margin.top} r={4} fill=\"transparent\" stroke=\"black\" pointerEvents=\"none\" />\n                                            </g>\n                                        )}\n                                    </>\n                                )}\n                                {originLine && (() => {\n                                    const x0 = xScaleTransformed(0);\n                                    const y0 = yScaleTransformed(0);\n                                    return (\n                                        <>\n                                            {y0 >= 0 && y0 <= boundedHeight && (\n                                                <line x1={0} x2={boundedWidth} y1={y0} y2={y0} stroke=\"#000\" strokeWidth={1} strokeDasharray=\"4,4\" pointerEvents=\"none\" />\n                                            )}\n                                            {x0 >= 0 && x0 <= boundedWidth && (\n                                                <line x1={x0} x2={x0} y1={0} y2={boundedHeight} stroke=\"#000\" strokeWidth={1} strokeDasharray=\"4,4\" pointerEvents=\"none\" />\n                                            )}\n                                        </>\n                                    );\n                                })()}\n                                <rect\n                                    ref={graphRef}\n                                    fill=\"transparent\"\n                                    width={boundedWidth}\n                                    height={boundedHeight}\n                                    style={{ cursor: surfaceCursor }}\n                                    onMouseDown={onSurfaceMouseDown}\n                                    onMouseUp={onSurfaceMouseUp}\n                                    onMouseMove={onSurfaceMouseMove}\n                                    onMouseLeave={onSurfaceMouseLeave}\n                                    onTouchStart={onSurfaceTouchStart}\n                                    onTouchEnd={onSurfaceTouchEnd}\n                                    onTouchMove={onSurfaceTouchMove}\n                                    onWheel={onSurfaceWheel}\n                                    onClick={handlePointClick}\n                                />\n                                {crosshair && !isDragging && (\n                                    <Crosshair\n                                        position={{\n                                            x: xScaleTransformed(crosshair.x),\n                                            y: yScaleTransformed(crosshair.y),\n                                        }}\n                                        boundedWidth={boundedWidth}\n                                        boundedHeight={boundedHeight}\n                                    />\n                                )}\n                            </Group>\n                            <Group top={margin.top} left={margin.left}>\n                                <AxisLeft\n                                    scale={yScaleTransformed}\n                                    tickLabelProps={() => ({\n                                        fill: \"#1c1917\",\n                                        fontSize: 10,\n                                        textAnchor: \"end\",\n                                        verticalAnchor: \"middle\",\n                                        x: -10,\n                                    })}\n                                    tickValues={getTicks(yScaleTransformed, 5)}\n                                />\n                                <AxisBottom\n                                    top={boundedHeight}\n                                    scale={xScaleTransformed}\n                                    tickLabelProps={() => ({\n                                        fill: \"#1c1917\",\n                                        fontSize: 11,\n                                        textAnchor: \"middle\",\n                                    })}\n                                    tickValues={getTicks(xScaleTransformed, 5)}\n                                />\n                                {border && (\n                                    <>\n                                        <AxisTop top={0} scale={xScaleTransformed} tickValues={[]} />\n                                        <AxisRight scale={yScaleTransformed} tickValues={[]} left={boundedWidth} />\n                                    </>\n                                )}\n                                <Text textAnchor=\"middle\" verticalAnchor=\"end\" angle={-90} fontSize={15} y={boundedHeight / 2} x={0} dx={-50}>\n                                    {leftAxisLabel}\n                                </Text>\n                                <Text textAnchor=\"middle\" verticalAnchor=\"start\" fontSize={15} y={boundedHeight} x={boundedWidth / 2} dy={50}>\n                                    {bottomAxisLabel}\n                                </Text>\n                            </Group>\n                            <PointLabels\n                                pointData={pointData}\n                                xScaleTransformed={xScaleTransformed}\n                                yScaleTransformed={yScaleTransformed}\n                                boundedWidth={boundedWidth}\n                                boundedHeight={boundedHeight}\n                                margin={margin}\n                            />\n                            {backgroundGradient?.legend && (\n                                <GradientLegend\n                                    backgroundGradient={backgroundGradient}\n                                    boundedHeight={boundedHeight}\n                                    barLeft={margin.left + boundedWidth + 25}\n                                    marginTop={margin.top}\n                                />\n                            )}\n                        </svg>\n                    </div>\n                )}\n            </Box>\n        </Stack>\n    );\n};\n\nexport default ScatterPlotViewport;\n"],"names":["HOVER_GROW_MS","easeOutCubic","t","Math","pow","ScatterPlotViewport","width","height","margin","boundedWidth","boundedHeight","loading","pointData","animation","animationGroupSize","animationBuffer","xScale","yScale","zoom","selectMode","selectable","disableZoom","groupPointsAnchor","hoveredPoint","hoveredPoints","hoverGrowth","hoverStroke","handleMouseMove","handleMouseLeave","onDisplayedPointsChange","onSelectionChange","onPointClicked","leftAxisLabel","bottomAxisLabel","border","originLine","backgroundGradient","crosshair","divRef","graphRef","useRef","canvasRef","hoverAmountRef","animatedKeysRef","hoverStartedAtRef","showPointAnimation","setShowPointAnimation","useState","Boolean","useEffect","length","duration","buffer","groups","ceil","total","window","setTimeout","clearTimeout","lines","isDragging","x","y","dx","dy","dragStart","dragMove","dragEnd","completeSelection","useDragSelection","graphElement","current","handleWheel","event","preventDefault","handleTouchMove","handleTouchStart","addEventListener","passive","removeEventListener","xScaleTransformed","useMemo","rescaleX","transformMatrix","translateX","scaleX","yScaleTransformed","rescaleY","translateY","scaleY","highlightSeeds","groupedPoints","anchor","anchorValue","point","metaData","seedValues","Set","map","filter","value","undefined","size","has","previousHoveredKeysRef","hoveredPointKeys","next","previous","every","key","currentDisplayedPoints","tx","ty","hoverStyle","growth","DEFAULT_HOVER_STYLE","stroke","drawPoints","useCallback","xST","yST","canvas","context","getContext","prepareCanvas","colorLow","colorMid","colorHigh","colorScale","W","H","x0","y0","fraction","max","min","gradient","createLinearGradient","addColorStop","globalAlpha","opacity","fillStyle","fillRect","nonHovered","hovered","partitionPointsByHover","drawRenderedPoint","isHovered","transformedX","transformedY","isPointVisible","drawCanvasPoint","forEach","sameHover","performance","now","startedAt","frame","requestAnimationFrame","step","cancelAnimationFrame","handlePointClick","surfaceCursor","handleSelectionEnd","dragFrameRef","pendingDragRef","dragMoveLatest","useStableCallback","flushPendingDrag","pending","onZoomDragMove","nativeEvent","onZoomDragEnd","onSurfaceMouseDown","onSurfaceMouseUp","onSurfaceMouseMove","onSurfaceMouseLeave","onSurfaceTouchStart","onSurfaceTouchEnd","onSurfaceTouchMove","onSurfaceWheel","localPoint","zoomDirection","deltaY","scale","previousDisplayedPoints","haveDisplayedPointsChanged","prevPoints","nextPoints","index","nextPoint","r","shape","color","jsx","Stack","position","Box","justifyContent","alignItems","CircularProgress","jsxs","userSelect","top","left","backgroundColor","Group","AnimatedPoints","Fragment","line","LinePath","curveBasis","datum","cursor","Crosshair","AxisLeft","fill","fontSize","textAnchor","verticalAnchor","getTicks","AxisBottom","AxisTop","AxisRight","Text","PointLabels","legend","GradientLegend"],"mappings":"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"}

package/dist/visualization.es480.js

@@ -1,26 +1,35 @@
-import { createProjectionNode as t } from "./visualization.es476.js";
-import { DocumentProjectionNode as n } from "./visualization.es479.js";
-const e = {
-  current: void 0
-}, i = t({
-  measureScroll: (o) => ({
-    x: o.scrollLeft,
-    y: o.scrollTop
-  }),
-  defaultParent: () => {
-    if (!e.current) {
-      const o = new n({});
-      o.mount(window), o.setOptions({ layoutScroll: !0 }), e.current = o;
-    }
-    return e.current;
-  },
-  resetTransform: (o, r) => {
-    o.style.transform = r !== void 0 ? r : "none";
-  },
-  checkIsScrollRoot: (o) => window.getComputedStyle(o).position === "fixed"
-});
+import { calcLength as r } from "./visualization.es478.js";
+function u(n) {
+  return n.translate === 0 && n.scale === 1;
+}
+function e(n) {
+  return u(n.x) && u(n.y);
+}
+function i(n, t) {
+  return n.min === t.min && n.max === t.max;
+}
+function s(n, t) {
+  return i(n.x, t.x) && i(n.y, t.y);
+}
+function o(n, t) {
+  return Math.round(n.min) === Math.round(t.min) && Math.round(n.max) === Math.round(t.max);
+}
+function x(n, t) {
+  return o(n.x, t.x) && o(n.y, t.y);
+}
+function c(n) {
+  return r(n.x) / r(n.y);
+}
+function l(n, t) {
+  return n.translate === t.translate && n.scale === t.scale && n.originPoint === t.originPoint;
+}
 export {
-  i as HTMLProjectionNode,
-  e as rootProjectionNode
+  c as aspectRatio,
+  l as axisDeltaEquals,
+  i as axisEquals,
+  o as axisEqualsRounded,
+  s as boxEquals,
+  x as boxEqualsRounded,
+  e as isDeltaZero
 };
 //# sourceMappingURL=visualization.es480.js.map

package/dist/visualization.es480.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es480.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/node/HTMLProjectionNode.mjs"],"sourcesContent":["import { createProjectionNode } from './create-projection-node.mjs';\nimport { DocumentProjectionNode } from './DocumentProjectionNode.mjs';\n\nconst rootProjectionNode = {\n    current: undefined,\n};\nconst HTMLProjectionNode = createProjectionNode({\n    measureScroll: (instance) => ({\n        x: instance.scrollLeft,\n        y: instance.scrollTop,\n    }),\n    defaultParent: () => {\n        if (!rootProjectionNode.current) {\n            const documentNode = new DocumentProjectionNode({});\n            documentNode.mount(window);\n            documentNode.setOptions({ layoutScroll: true });\n            rootProjectionNode.current = documentNode;\n        }\n        return rootProjectionNode.current;\n    },\n    resetTransform: (instance, value) => {\n        instance.style.transform = value !== undefined ? value : \"none\";\n    },\n    checkIsScrollRoot: (instance) => Boolean(window.getComputedStyle(instance).position === \"fixed\"),\n});\n\nexport { HTMLProjectionNode, rootProjectionNode };\n//# sourceMappingURL=HTMLProjectionNode.mjs.map\n"],"names":["rootProjectionNode","HTMLProjectionNode","createProjectionNode","instance","documentNode","DocumentProjectionNode","value"],"mappings":";;AAGK,MAACA,IAAqB;AAAA,EACvB,SAAS;AACb,GACMC,IAAqBC,EAAqB;AAAA,EAC5C,eAAe,CAACC,OAAc;AAAA,IAC1B,GAAGA,EAAS;AAAA,IACZ,GAAGA,EAAS;AAAA,EACpB;AAAA,EACI,eAAe,MAAM;AACjB,QAAI,CAACH,EAAmB,SAAS;AAC7B,YAAMI,IAAe,IAAIC,EAAuB,EAAE;AAClD,MAAAD,EAAa,MAAM,MAAM,GACzBA,EAAa,WAAW,EAAE,cAAc,GAAI,CAAE,GAC9CJ,EAAmB,UAAUI;AAAA,IACjC;AACA,WAAOJ,EAAmB;AAAA,EAC9B;AAAA,EACA,gBAAgB,CAACG,GAAUG,MAAU;AACjC,IAAAH,EAAS,MAAM,YAAYG,MAAU,SAAYA,IAAQ;AAAA,EAC7D;AAAA,EACA,mBAAmB,CAACH,MAAqB,OAAO,iBAAiBA,CAAQ,EAAE,aAAa;AAC5F,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es480.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/geometry/utils.mjs"],"sourcesContent":["import { calcLength } from './delta-calc.mjs';\n\nfunction isAxisDeltaZero(delta) {\n    return delta.translate === 0 && delta.scale === 1;\n}\nfunction isDeltaZero(delta) {\n    return isAxisDeltaZero(delta.x) && isAxisDeltaZero(delta.y);\n}\nfunction axisEquals(a, b) {\n    return a.min === b.min && a.max === b.max;\n}\nfunction boxEquals(a, b) {\n    return axisEquals(a.x, b.x) && axisEquals(a.y, b.y);\n}\nfunction axisEqualsRounded(a, b) {\n    return (Math.round(a.min) === Math.round(b.min) &&\n        Math.round(a.max) === Math.round(b.max));\n}\nfunction boxEqualsRounded(a, b) {\n    return axisEqualsRounded(a.x, b.x) && axisEqualsRounded(a.y, b.y);\n}\nfunction aspectRatio(box) {\n    return calcLength(box.x) / calcLength(box.y);\n}\nfunction axisDeltaEquals(a, b) {\n    return (a.translate === b.translate &&\n        a.scale === b.scale &&\n        a.originPoint === b.originPoint);\n}\n\nexport { aspectRatio, axisDeltaEquals, axisEquals, axisEqualsRounded, boxEquals, boxEqualsRounded, isDeltaZero };\n//# sourceMappingURL=utils.mjs.map\n"],"names":["isAxisDeltaZero","delta","isDeltaZero","axisEquals","a","b","boxEquals","axisEqualsRounded","boxEqualsRounded","aspectRatio","box","calcLength","axisDeltaEquals"],"mappings":";AAEA,SAASA,EAAgBC,GAAO;AAC5B,SAAOA,EAAM,cAAc,KAAKA,EAAM,UAAU;AACpD;AACA,SAASC,EAAYD,GAAO;AACxB,SAAOD,EAAgBC,EAAM,CAAC,KAAKD,EAAgBC,EAAM,CAAC;AAC9D;AACA,SAASE,EAAWC,GAAGC,GAAG;AACtB,SAAOD,EAAE,QAAQC,EAAE,OAAOD,EAAE,QAAQC,EAAE;AAC1C;AACA,SAASC,EAAUF,GAAGC,GAAG;AACrB,SAAOF,EAAWC,EAAE,GAAGC,EAAE,CAAC,KAAKF,EAAWC,EAAE,GAAGC,EAAE,CAAC;AACtD;AACA,SAASE,EAAkBH,GAAGC,GAAG;AAC7B,SAAQ,KAAK,MAAMD,EAAE,GAAG,MAAM,KAAK,MAAMC,EAAE,GAAG,KAC1C,KAAK,MAAMD,EAAE,GAAG,MAAM,KAAK,MAAMC,EAAE,GAAG;AAC9C;AACA,SAASG,EAAiBJ,GAAGC,GAAG;AAC5B,SAAOE,EAAkBH,EAAE,GAAGC,EAAE,CAAC,KAAKE,EAAkBH,EAAE,GAAGC,EAAE,CAAC;AACpE;AACA,SAASI,EAAYC,GAAK;AACtB,SAAOC,EAAWD,EAAI,CAAC,IAAIC,EAAWD,EAAI,CAAC;AAC/C;AACA,SAASE,EAAgBR,GAAGC,GAAG;AAC3B,SAAQD,EAAE,cAAcC,EAAE,aACtBD,EAAE,UAAUC,EAAE,SACdD,EAAE,gBAAgBC,EAAE;AAC5B;","x_google_ignoreList":[0]}

package/dist/visualization.es481.js

@@ -1,38 +1,7 @@
-import { getValueAsType as m } from "./visualization.es434.js";
-import { numberValueTypes as p } from "./visualization.es429.js";
-import { transformPropOrder as f } from "./visualization.es338.js";
-const y = {
-  x: "translateX",
-  y: "translateY",
-  z: "translateZ",
-  transformPerspective: "perspective"
-}, d = f.length;
-function h(u, l, n) {
-  let e = "", o = !0;
-  for (let i = 0; i < d; i++) {
-    const t = f[i], r = u[t];
-    if (r === void 0)
-      continue;
-    let a = !0;
-    if (typeof r == "number")
-      a = r === (t.startsWith("scale") ? 1 : 0);
-    else {
-      const s = parseFloat(r);
-      a = t.startsWith("scale") ? s === 1 : s === 0;
-    }
-    if (!a || n) {
-      const s = m(r, p[t]);
-      if (!a) {
-        o = !1;
-        const c = y[t] || t;
-        e += `${c}(${s}) `;
-      }
-      n && (l[t] = s);
-    }
-  }
-  return e = e.trim(), n ? e = n(l, o ? "" : e) : o && (e = "none"), e;
+function n(e) {
+  return [e("x"), e("y")];
 }
 export {
-  h as buildTransform
+  n as eachAxis
 };
 //# sourceMappingURL=visualization.es481.js.map

package/dist/visualization.es481.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es481.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/html/utils/build-transform.mjs"],"sourcesContent":["import { getValueAsType } from '../../../value/types/utils/get-as-type.mjs';\nimport { numberValueTypes } from '../../../value/types/maps/number.mjs';\nimport { transformPropOrder } from '../../utils/keys-transform.mjs';\n\nconst translateAlias = {\n    x: \"translateX\",\n    y: \"translateY\",\n    z: \"translateZ\",\n    transformPerspective: \"perspective\",\n};\nconst numTransforms = transformPropOrder.length;\n/**\n * Build a CSS transform style from individual x/y/scale etc properties.\n *\n * This outputs with a default order of transforms/scales/rotations, this can be customised by\n * providing a transformTemplate function.\n */\nfunction buildTransform(latestValues, transform, transformTemplate) {\n    // The transform string we're going to build into.\n    let transformString = \"\";\n    let transformIsDefault = true;\n    /**\n     * Loop over all possible transforms in order, adding the ones that\n     * are present to the transform string.\n     */\n    for (let i = 0; i < numTransforms; i++) {\n        const key = transformPropOrder[i];\n        const value = latestValues[key];\n        if (value === undefined)\n            continue;\n        let valueIsDefault = true;\n        if (typeof value === \"number\") {\n            valueIsDefault = value === (key.startsWith(\"scale\") ? 1 : 0);\n        }\n        else {\n            const parsed = parseFloat(value);\n            valueIsDefault = key.startsWith(\"scale\") ? parsed === 1 : parsed === 0;\n        }\n        if (!valueIsDefault || transformTemplate) {\n            const valueAsType = getValueAsType(value, numberValueTypes[key]);\n            if (!valueIsDefault) {\n                transformIsDefault = false;\n                const transformName = translateAlias[key] || key;\n                transformString += `${transformName}(${valueAsType}) `;\n            }\n            if (transformTemplate) {\n                transform[key] = valueAsType;\n            }\n        }\n    }\n    transformString = transformString.trim();\n    // If we have a custom `transform` template, pass our transform values and\n    // generated transformString to that before returning\n    if (transformTemplate) {\n        transformString = transformTemplate(transform, transformIsDefault ? \"\" : transformString);\n    }\n    else if (transformIsDefault) {\n        transformString = \"none\";\n    }\n    return transformString;\n}\n\nexport { buildTransform };\n//# sourceMappingURL=build-transform.mjs.map\n"],"names":["translateAlias","numTransforms","transformPropOrder","buildTransform","latestValues","transform","transformTemplate","transformString","transformIsDefault","key","value","valueIsDefault","parsed","valueAsType","getValueAsType","numberValueTypes","transformName"],"mappings":";;;AAIA,MAAMA,IAAiB;AAAA,EACnB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,sBAAsB;AAC1B,GACMC,IAAgBC,EAAmB;AAOzC,SAASC,EAAeC,GAAcC,GAAWC,GAAmB;AAEhE,MAAIC,IAAkB,IAClBC,IAAqB;AAKzB,WAAS,IAAI,GAAG,IAAIP,GAAe,KAAK;AACpC,UAAMQ,IAAMP,EAAmB,CAAC,GAC1BQ,IAAQN,EAAaK,CAAG;AAC9B,QAAIC,MAAU;AACV;AACJ,QAAIC,IAAiB;AACrB,QAAI,OAAOD,KAAU;AACjB,MAAAC,IAAiBD,OAAWD,EAAI,WAAW,OAAO,IAAI,IAAI;AAAA,SAEzD;AACD,YAAMG,IAAS,WAAWF,CAAK;AAC/B,MAAAC,IAAiBF,EAAI,WAAW,OAAO,IAAIG,MAAW,IAAIA,MAAW;AAAA,IACzE;AACA,QAAI,CAACD,KAAkBL,GAAmB;AACtC,YAAMO,IAAcC,EAAeJ,GAAOK,EAAiBN,CAAG,CAAC;AAC/D,UAAI,CAACE,GAAgB;AACjB,QAAAH,IAAqB;AACrB,cAAMQ,IAAgBhB,EAAeS,CAAG,KAAKA;AAC7C,QAAAF,KAAmB,GAAGS,CAAa,IAAIH,CAAW;AAAA,MACtD;AACA,MAAIP,MACAD,EAAUI,CAAG,IAAII;AAAA,IAEzB;AAAA,EACJ;AACA,SAAAN,IAAkBA,EAAgB,KAAI,GAGlCD,IACAC,IAAkBD,EAAkBD,GAAWG,IAAqB,KAAKD,CAAe,IAEnFC,MACLD,IAAkB,SAEfA;AACX;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es481.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/utils/each-axis.mjs"],"sourcesContent":["function eachAxis(callback) {\n    return [callback(\"x\"), callback(\"y\")];\n}\n\nexport { eachAxis };\n//# sourceMappingURL=each-axis.mjs.map\n"],"names":["eachAxis","callback"],"mappings":"AAAA,SAASA,EAASC,GAAU;AACxB,SAAO,CAACA,EAAS,GAAG,GAAGA,EAAS,GAAG,CAAC;AACxC;","x_google_ignoreList":[0]}

package/dist/visualization.es482.js

@@ -1,16 +1,22 @@
+import { px as c } from "./visualization.es436.js";
+function e(r, n) {
+  return n.max === n.min ? 0 : r / (n.max - n.min) * 100;
+}
 const f = {
-  offset: "stroke-dashoffset",
-  array: "stroke-dasharray"
-}, h = {
-  offset: "strokeDashoffset",
-  array: "strokeDasharray"
+  correct: (r, n) => {
+    if (!n.target)
+      return r;
+    if (typeof r == "string")
+      if (c.test(r))
+        r = parseFloat(r);
+      else
+        return r;
+    const o = e(r, n.target.x), t = e(r, n.target.y);
+    return `${o}% ${t}%`;
+  }
 };
-function y(s, e, o = 1, r = 0, t = !0) {
-  s.pathLength = 1;
-  const a = t ? f : h;
-  s[a.offset] = `${-r}`, s[a.array] = `${e} ${o}`;
-}
 export {
-  y as buildSVGPath
+  f as correctBorderRadius,
+  e as pixelsToPercent
 };
 //# sourceMappingURL=visualization.es482.js.map

package/dist/visualization.es482.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es482.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/svg/utils/path.mjs"],"sourcesContent":["const dashKeys = {\n    offset: \"stroke-dashoffset\",\n    array: \"stroke-dasharray\",\n};\nconst camelKeys = {\n    offset: \"strokeDashoffset\",\n    array: \"strokeDasharray\",\n};\n/**\n * Build SVG path properties. Uses the path's measured length to convert\n * our custom pathLength, pathSpacing and pathOffset into stroke-dashoffset\n * and stroke-dasharray attributes.\n *\n * This function is mutative to reduce per-frame GC.\n *\n * Note: We use unitless values for stroke-dasharray and stroke-dashoffset\n * because Safari incorrectly scales px values when the page is zoomed.\n */\nfunction buildSVGPath(attrs, length, spacing = 1, offset = 0, useDashCase = true) {\n    // Normalise path length by setting SVG attribute pathLength to 1\n    attrs.pathLength = 1;\n    // We use dash case when setting attributes directly to the DOM node and camel case\n    // when defining props on a React component.\n    const keys = useDashCase ? dashKeys : camelKeys;\n    // Build the dash offset (unitless to avoid Safari zoom bug)\n    attrs[keys.offset] = `${-offset}`;\n    // Build the dash array (unitless to avoid Safari zoom bug)\n    attrs[keys.array] = `${length} ${spacing}`;\n}\n\nexport { buildSVGPath };\n//# sourceMappingURL=path.mjs.map\n"],"names":["dashKeys","camelKeys","buildSVGPath","attrs","length","spacing","offset","useDashCase","keys"],"mappings":"AAAA,MAAMA,IAAW;AAAA,EACb,QAAQ;AAAA,EACR,OAAO;AACX,GACMC,IAAY;AAAA,EACd,QAAQ;AAAA,EACR,OAAO;AACX;AAWA,SAASC,EAAaC,GAAOC,GAAQC,IAAU,GAAGC,IAAS,GAAGC,IAAc,IAAM;AAE9E,EAAAJ,EAAM,aAAa;AAGnB,QAAMK,IAAOD,IAAcP,IAAWC;AAEtC,EAAAE,EAAMK,EAAK,MAAM,IAAI,GAAG,CAACF,CAAM,IAE/BH,EAAMK,EAAK,KAAK,IAAI,GAAGJ,CAAM,IAAIC,CAAO;AAC5C;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es482.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/styles/scale-border-radius.mjs"],"sourcesContent":["import { px } from '../../value/types/numbers/units.mjs';\n\nfunction pixelsToPercent(pixels, axis) {\n    if (axis.max === axis.min)\n        return 0;\n    return (pixels / (axis.max - axis.min)) * 100;\n}\n/**\n * We always correct borderRadius as a percentage rather than pixels to reduce paints.\n * For example, if you are projecting a box that is 100px wide with a 10px borderRadius\n * into a box that is 200px wide with a 20px borderRadius, that is actually a 10%\n * borderRadius in both states. If we animate between the two in pixels that will trigger\n * a paint each time. If we animate between the two in percentage we'll avoid a paint.\n */\nconst correctBorderRadius = {\n    correct: (latest, node) => {\n        if (!node.target)\n            return latest;\n        /**\n         * If latest is a string, if it's a percentage we can return immediately as it's\n         * going to be stretched appropriately. Otherwise, if it's a pixel, convert it to a number.\n         */\n        if (typeof latest === \"string\") {\n            if (px.test(latest)) {\n                latest = parseFloat(latest);\n            }\n            else {\n                return latest;\n            }\n        }\n        /**\n         * If latest is a number, it's a pixel value. We use the current viewportBox to calculate that\n         * pixel value as a percentage of each axis\n         */\n        const x = pixelsToPercent(latest, node.target.x);\n        const y = pixelsToPercent(latest, node.target.y);\n        return `${x}% ${y}%`;\n    },\n};\n\nexport { correctBorderRadius, pixelsToPercent };\n//# sourceMappingURL=scale-border-radius.mjs.map\n"],"names":["pixelsToPercent","pixels","axis","correctBorderRadius","latest","node","px","x","y"],"mappings":";AAEA,SAASA,EAAgBC,GAAQC,GAAM;AACnC,SAAIA,EAAK,QAAQA,EAAK,MACX,IACHD,KAAUC,EAAK,MAAMA,EAAK,OAAQ;AAC9C;AAQK,MAACC,IAAsB;AAAA,EACxB,SAAS,CAACC,GAAQC,MAAS;AACvB,QAAI,CAACA,EAAK;AACN,aAAOD;AAKX,QAAI,OAAOA,KAAW;AAClB,UAAIE,EAAG,KAAKF,CAAM;AACd,QAAAA,IAAS,WAAWA,CAAM;AAAA;AAG1B,eAAOA;AAOf,UAAMG,IAAIP,EAAgBI,GAAQC,EAAK,OAAO,CAAC,GACzCG,IAAIR,EAAgBI,GAAQC,EAAK,OAAO,CAAC;AAC/C,WAAO,GAAGE,CAAC,KAAKC,CAAC;AAAA,EACrB;AACJ;","x_google_ignoreList":[0]}