@weng-lab/visualization 2.4.0-beta.3 → 2.4.0-beta.4

package/dist/visualization.es59.js

@@ -1,63 +1,249 @@
-import { useState as y } from "react";
-import C from "./visualization.es116.js";
-function d(r, e) {
-  return j(r) || k(r, e) || x(r, e) || E();
-}
-function j(r) {
-  if (Array.isArray(r)) return r;
-}
-function k(r, e) {
-  if (!(typeof Symbol > "u" || !(Symbol.iterator in Object(r)))) {
-    var t = [], n = !0, u = !1, a = void 0;
-    try {
-      for (var o = r[Symbol.iterator](), i; !(n = (i = o.next()).done) && (t.push(i.value), !(e && t.length === e)); n = !0)
-        ;
-    } catch (s) {
-      u = !0, a = s;
-    } finally {
-      try {
-        !n && o.return != null && o.return();
-      } finally {
-        if (u) throw a;
-      }
+import { jsx as o, jsxs as w, Fragment as W } from "react/jsx-runtime";
+import { useRef as C, useState as Oe, useEffect as B, useMemo as g, useCallback as ie } from "react";
+import $e from "@mui/material/CircularProgress";
+import { Stack as qe, Box as fe } from "@mui/material";
+import { rescaleX as Ie, rescaleY as Ue, prepareCanvas as Je, partitionPointsByHover as Ne, getTicks as ue, isPointVisible as Qe, drawCanvasPoint as _e } from "./visualization.es17.js";
+import Ge from "./visualization.es107.js";
+import We from "./visualization.es108.js";
+import Ze from "./visualization.es109.js";
+import He from "./visualization.es110.js";
+import { useDragSelection as ze } from "./visualization.es111.js";
+import ve from "./visualization.es36.js";
+import be from "./visualization.es112.js";
+import et from "./visualization.es89.js";
+import tt from "./visualization.es50.js";
+import rt from "./visualization.es26.js";
+import nt from "./visualization.es46.js";
+import ot from "./visualization.es57.js";
+import pe from "./visualization.es25.js";
+import st from "./visualization.es41.js";
+const ct = 120, lt = (A) => 1 - Math.pow(1 - A, 3), Tt = ({
+  size: A,
+  margin: s,
+  boundedWidth: l,
+  boundedHeight: c,
+  loading: he,
+  pointData: p,
+  animation: T,
+  animationGroupSize: K,
+  animationBuffer: O,
+  xScale: $,
+  yScale: q,
+  zoom: a,
+  selectMode: f,
+  selectable: xe,
+  disableZoom: h,
+  groupPointsAnchor: Z,
+  hoveredPoint: k,
+  hoveredPoints: H,
+  handleMouseMove: ye,
+  handleMouseLeave: z,
+  onDisplayedPointsChange: b,
+  onSelectionChange: me,
+  onPointClicked: ee,
+  leftAxisLabel: Se,
+  bottomAxisLabel: we,
+  border: ke,
+  originLine: Ee,
+  backgroundGradient: L,
+  crosshair: I,
+  divRef: Ae
+}) => {
+  const te = C(null), re = C(null), d = C(0), U = C(null), [J, N] = Oe(!!T);
+  B(() => {
+    if (!T) return;
+    if (p.length > 2500) {
+      N(!1);
+      return;
     }
-    return t;
-  }
-}
-function x(r, e) {
-  if (r) {
-    if (typeof r == "string") return p(r, e);
-    var t = Object.prototype.toString.call(r).slice(8, -1);
-    if (t === "Object" && r.constructor && (t = r.constructor.name), t === "Map" || t === "Set") return Array.from(t);
-    if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return p(r, e);
-  }
-}
-function p(r, e) {
-  (e == null || e > r.length) && (e = r.length);
-  for (var t = 0, n = new Array(e); t < e; t++) n[t] = r[t];
-  return n;
-}
-function E() {
-  throw new TypeError(`Invalid attempt to destructure non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
-}
-var H = function() {
-  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = e.type, n = e.quality, u = y(null), a = d(u, 2), o = a[0], i = a[1], s = y(null), l = d(s, 2), v = l[0], g = l[1], S = function(h) {
-    var b = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    if (!h)
-      throw new Error("You should provide correct html node.");
-    return C(h, b).then(function(f) {
-      var c = document.createElement("canvas"), _ = c.getContext("2d"), A = 0, w = 0, I = f.width, T = f.height;
-      c.width = I, c.height = T, _.drawImage(f, w, A);
-      var m = c.toDataURL(t, n);
-      return i(m), m;
-    }).catch(g);
-  };
-  return [o, S, {
-    error: v
-  }];
+    const e = 450, t = (O ?? 0.03) * 1e3, r = Math.ceil(p.length / (K ?? 1)), n = e + r * t, i = window.setTimeout(() => N(!1), n);
+    return () => window.clearTimeout(i);
+  }, [T, O, K, p.length]);
+  const {
+    lines: Le,
+    isDragging: y,
+    x: P,
+    y: R,
+    dx: V,
+    dy: Y,
+    dragStart: ne,
+    dragMove: oe,
+    dragEnd: Me,
+    completeSelection: Ce
+  } = ze({
+    pointData: p,
+    margin: s,
+    xScale: $,
+    yScale: q,
+    onSelectionChange: me
+  });
+  B(() => {
+    const e = te.current, t = (i) => {
+      i.preventDefault();
+    }, r = (i) => {
+      i.preventDefault();
+    }, n = (i) => {
+      i.preventDefault();
+    };
+    return e && (e.addEventListener("wheel", t, {
+      passive: !1
+    }), e.addEventListener("touchstart", n, {
+      passive: !1
+    }), e.addEventListener("touchmove", r, {
+      passive: !1
+    })), () => {
+      e && (e.removeEventListener("wheel", t), e.removeEventListener("touchstart", n), e.removeEventListener("touchmove", r));
+    };
+  }, []);
+  const u = g(() => Ie($, a.transformMatrix.translateX, a.transformMatrix.scaleX), [$, a.transformMatrix]), v = g(() => Ue(q, a.transformMatrix.translateY, a.transformMatrix.scaleY), [q, a.transformMatrix]), Q = g(() => k ? [k] : H ?? [], [k, H]), se = g(() => {
+    const e = Z;
+    if (!e) return Q;
+    const t = (n) => e in n ? n[e] : n.metaData?.[e], r = new Set(Q.map(t).filter((n) => n !== void 0));
+    return r.size === 0 ? [] : p.filter((n) => {
+      const i = t(n);
+      return i !== void 0 && r.has(i);
+    });
+  }, [Q, Z, p]), ce = C(/* @__PURE__ */ new Set()), M = g(() => {
+    const e = new Set(se.map((r) => `${r.x},${r.y}`)), t = ce.current;
+    return e.size === t.size && [...e].every((r) => t.has(r)) ? t : (ce.current = e, e);
+  }, [se]), X = g(() => p.filter((e) => {
+    const t = u(e.x), r = v(e.y);
+    return t >= 0 && t <= l && r >= 0 && r <= c;
+  }), [p, u, v, l, c]), j = ie((e, t, r) => {
+    const n = r.getContext("2d");
+    if (!n) return;
+    if (Je(n, l, c), L) {
+      const [x, G, D] = L.colorScale ?? ["red", "white", "blue"], S = l, E = c, Fe = e(0), Be = t(0), Ke = Math.max(1e-3, Math.min(0.999, (Fe * S - Be * E + E * E) / (S * S + E * E))), F = n.createLinearGradient(0, E, S, 0);
+      F.addColorStop(0, x), F.addColorStop(Ke, G), F.addColorStop(1, D), n.globalAlpha = L.opacity ?? 1, n.fillStyle = F, n.fillRect(0, 0, S, E), n.globalAlpha = 1;
+    }
+    const {
+      nonHovered: i,
+      hovered: m
+    } = Ne(p, M), ae = (x, G) => {
+      const D = e(x.x), S = t(x.y);
+      Qe(D, S, l, c) && _e(n, x, D, S, G ? d.current : 0);
+    };
+    i.forEach((x) => ae(x, !1)), m.forEach((x) => ae(x, !0));
+  }, [c, l, M, p, L]);
+  B(() => {
+    const e = re.current;
+    if (!e || J) return;
+    if (M.size === 0) {
+      U.current = null, d.current = 0, j(u, v, e);
+      return;
+    }
+    if (U.current === M) {
+      j(u, v, e);
+      return;
+    }
+    U.current = M;
+    const t = performance.now();
+    d.current = 0;
+    let r = requestAnimationFrame(function n() {
+      const i = Math.min(1, (performance.now() - t) / ct);
+      d.current = lt(i), j(u, v, e), i < 1 && (r = requestAnimationFrame(n));
+    });
+    return () => cancelAnimationFrame(r);
+  }, [j, u, v, J, M]);
+  const ge = ie(() => {
+    k && ee?.(k);
+  }, [k, ee]), Te = h ? xe ? y ? "none" : "crosshair" : y ? "none" : "default" : k ? "default" : f === "select" ? y ? "none" : "crosshair" : a.isDragging ? "grabbing" : "grab", _ = (e) => {
+    Me(e), Ce(a);
+  }, Pe = f === "none" ? void 0 : f === "select" ? ne : h ? void 0 : a.dragStart, Re = f === "none" ? void 0 : f === "select" ? _ : h ? void 0 : a.dragEnd, de = f === "none" ? void 0 : f === "select" ? y ? oe : void 0 : h ? void 0 : a.dragMove, Ve = f === "none" ? void 0 : f === "select" ? _ : h ? void 0 : a.dragEnd, Ye = f === "none" ? void 0 : f === "select" ? ne : h ? void 0 : a.dragStart, Xe = f === "none" ? void 0 : f === "select" ? _ : h ? void 0 : a.dragEnd, je = f === "none" ? void 0 : f === "select" ? y ? oe : void 0 : h ? void 0 : a.dragMove, De = (e) => {
+    if (N(!1), !h) {
+      const t = st(e) || {
+        x: 0,
+        y: 0
+      }, r = e.deltaY < 0 ? 1.1 : 0.9;
+      a.scale({
+        scaleX: r,
+        scaleY: r,
+        point: t
+      });
+    }
+  }, le = C([]);
+  return B(() => {
+    ((t, r) => t.length !== r.length ? !0 : !t.every((n, i) => {
+      const m = r[i];
+      return n.x === m.x && n.y === m.y && n.r === m.r && n.shape === m.shape && n.color === m.color && n.opacity === m.opacity;
+    }))(le.current, X) && (b?.(X), le.current = X);
+  }, [X, b]), /* @__PURE__ */ o(qe, { justifyContent: "center", alignItems: "center", direction: "row", sx: {
+    position: "relative"
+  }, children: /* @__PURE__ */ o(fe, { sx: {
+    width: A,
+    height: A
+  }, children: he ? /* @__PURE__ */ o(fe, { display: "flex", width: "100%", height: "100%", sx: {
+    justifyContent: "center",
+    alignItems: "center"
+  }, children: /* @__PURE__ */ o($e, {}) }) : /* @__PURE__ */ w("div", { style: {
+    position: "relative"
+  }, ref: Ae, children: [
+    /* @__PURE__ */ o("canvas", { ref: re, width: l * 2, height: c * 2, style: {
+      userSelect: "none",
+      position: "absolute",
+      top: s.top,
+      left: s.left,
+      width: l,
+      height: c,
+      backgroundColor: "transparent"
+    } }),
+    /* @__PURE__ */ w("svg", { width: A, height: A, overflow: "visible", style: {
+      position: "absolute",
+      userSelect: "none"
+    }, onMouseMove: (e) => {
+      y ? z() : ye(e, a);
+    }, onMouseLeave: z, children: [
+      /* @__PURE__ */ w(ve, { top: s.top, left: s.left, children: [
+        J && T && /* @__PURE__ */ o(Ge, { pointData: p, animation: T, animationGroupSize: K, animationBuffer: O, xScaleTransformed: u, yScaleTransformed: v, boundedWidth: l, boundedHeight: c }),
+        f === "select" && /* @__PURE__ */ w(W, { children: [
+          Le.map((e, t) => /* @__PURE__ */ o(be, { fill: "transparent", stroke: "black", strokeWidth: 3, data: e, curve: et, x: (r) => r.x, y: (r) => r.y }, `line-${t}`)),
+          y && /* @__PURE__ */ w("g", { children: [
+            /* @__PURE__ */ o("line", { x1: P - s.left + V - 6, y1: R - s.top + Y, x2: P - s.left + V + 6, y2: R - s.top + Y, stroke: "black", strokeWidth: 1 }),
+            /* @__PURE__ */ o("line", { x1: P - s.left + V, y1: R - s.top + Y - 6, x2: P - s.left + V, y2: R - s.top + Y + 6, stroke: "black", strokeWidth: 1 }),
+            /* @__PURE__ */ o("circle", { cx: P - s.left, cy: R - s.top, r: 4, fill: "transparent", stroke: "black", pointerEvents: "none" })
+          ] })
+        ] }),
+        Ee && (() => {
+          const e = u(0), t = v(0);
+          return /* @__PURE__ */ w(W, { 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: te, fill: "transparent", width: l, height: c, style: {
+          cursor: Te
+        }, onMouseDown: Pe, onMouseUp: Re, onMouseMove: de, onMouseLeave: Ve, onTouchStart: Ye, onTouchEnd: Xe, onTouchMove: je, onWheel: De, onClick: ge }),
+        I && !y && /* @__PURE__ */ o(He, { position: {
+          x: u(I.x),
+          y: v(I.y)
+        }, boundedWidth: l, boundedHeight: c })
+      ] }),
+      /* @__PURE__ */ w(ve, { top: s.top, left: s.left, children: [
+        /* @__PURE__ */ o(tt, { scale: v, tickLabelProps: () => ({
+          fill: "#1c1917",
+          fontSize: 10,
+          textAnchor: "end",
+          verticalAnchor: "middle",
+          x: -10
+        }), tickValues: ue(v, 5) }),
+        /* @__PURE__ */ o(rt, { top: c, scale: u, tickLabelProps: () => ({
+          fill: "#1c1917",
+          fontSize: 11,
+          textAnchor: "middle"
+        }), tickValues: ue(u, 5) }),
+        ke && /* @__PURE__ */ w(W, { children: [
+          /* @__PURE__ */ o(nt, { top: 0, scale: u, tickValues: [] }),
+          /* @__PURE__ */ o(ot, { scale: v, tickValues: [], left: l })
+        ] }),
+        /* @__PURE__ */ o(pe, { textAnchor: "middle", verticalAnchor: "end", angle: -90, fontSize: 15, y: c / 2, x: 0, dx: -50, children: Se }),
+        /* @__PURE__ */ o(pe, { textAnchor: "middle", verticalAnchor: "start", fontSize: 15, y: c, x: l / 2, dy: 50, children: we })
+      ] }),
+      /* @__PURE__ */ o(We, { pointData: p, xScaleTransformed: u, yScaleTransformed: v, boundedWidth: l, boundedHeight: c, margin: s }),
+      L?.legend && /* @__PURE__ */ o(Ze, { backgroundGradient: L, boundedHeight: c, barLeft: s.left + l + 25, marginTop: s.top })
+    ] })
+  ] }) }) });
 };
 export {
-  H as useScreenshot
+  Tt as default
 };
 //# sourceMappingURL=visualization.es59.js.map

package/dist/visualization.es59.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es59.js","sources":["../../../node_modules/.pnpm/use-react-screenshot@4.0.0_html2canvas@1.4.1_react@19.2.4/node_modules/use-react-screenshot/dist/index.es.js"],"sourcesContent":["import { useState } from 'react';\nimport html2canvas from 'html2canvas';\n\nfunction _slicedToArray(arr, i) {\n  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();\n}\n\nfunction _arrayWithHoles(arr) {\n  if (Array.isArray(arr)) return arr;\n}\n\nfunction _iterableToArrayLimit(arr, i) {\n  if (typeof Symbol === \"undefined\" || !(Symbol.iterator in Object(arr))) return;\n  var _arr = [];\n  var _n = true;\n  var _d = false;\n  var _e = undefined;\n\n  try {\n    for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {\n      _arr.push(_s.value);\n\n      if (i && _arr.length === i) break;\n    }\n  } catch (err) {\n    _d = true;\n    _e = err;\n  } finally {\n    try {\n      if (!_n && _i[\"return\"] != null) _i[\"return\"]();\n    } finally {\n      if (_d) throw _e;\n    }\n  }\n\n  return _arr;\n}\n\nfunction _unsupportedIterableToArray(o, minLen) {\n  if (!o) return;\n  if (typeof o === \"string\") return _arrayLikeToArray(o, minLen);\n  var n = Object.prototype.toString.call(o).slice(8, -1);\n  if (n === \"Object\" && o.constructor) n = o.constructor.name;\n  if (n === \"Map\" || n === \"Set\") return Array.from(n);\n  if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);\n}\n\nfunction _arrayLikeToArray(arr, len) {\n  if (len == null || len > arr.length) len = arr.length;\n\n  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];\n\n  return arr2;\n}\n\nfunction _nonIterableRest() {\n  throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\n\n/**\n * @module Main_Hook\n * Hook return\n * @typedef {Array} HookReturn\n * @property {string} HookReturn[0] - image string\n * @property {string} HookReturn[1] - take screen shot string\n * @property {object} HookReturn[2] - errors\n */\n\n/**\n * hook for creating screenshot from html node\n * @returns {HookReturn}\n */\n\nvar useScreenshot = function useScreenshot() {\n  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},\n      type = _ref.type,\n      quality = _ref.quality;\n\n  var _useState = useState(null),\n      _useState2 = _slicedToArray(_useState, 2),\n      image = _useState2[0],\n      setImage = _useState2[1];\n\n  var _useState3 = useState(null),\n      _useState4 = _slicedToArray(_useState3, 2),\n      error = _useState4[0],\n      setError = _useState4[1];\n  /**\n   * convert html node to image\n   * @param {HTMLElement} node\n   * @param {Options} html2canvas options\n   */\n\n\n  var takeScreenShot = function takeScreenShot(node) {\n    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n\n    if (!node) {\n      throw new Error('You should provide correct html node.');\n    }\n\n    return html2canvas(node, options).then(function (canvas) {\n      var croppedCanvas = document.createElement('canvas');\n      var croppedCanvasContext = croppedCanvas.getContext('2d'); // init data\n\n      var cropPositionTop = 0;\n      var cropPositionLeft = 0;\n      var cropWidth = canvas.width;\n      var cropHeight = canvas.height;\n      croppedCanvas.width = cropWidth;\n      croppedCanvas.height = cropHeight;\n      croppedCanvasContext.drawImage(canvas, cropPositionLeft, cropPositionTop);\n      var base64Image = croppedCanvas.toDataURL(type, quality);\n      setImage(base64Image);\n      return base64Image;\n    })[\"catch\"](setError);\n  };\n\n  return [image, takeScreenShot, {\n    error: error\n  }];\n};\n/**\n * creates name of file\n * @param {string} extension\n * @param  {string[]} parts of file name\n */\n\n\nvar createFileName = function createFileName() {\n  var extension = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';\n\n  if (!extension) {\n    return '';\n  }\n\n  for (var _len = arguments.length, names = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n    names[_key - 1] = arguments[_key];\n  }\n\n  return \"\".concat(names.join(''), \".\").concat(extension);\n};\n\nexport { createFileName, useScreenshot };\n//# sourceMappingURL=index.es.js.map\n"],"names":["_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","_arr","_n","_d","_e","_i","_s","err","o","minLen","_arrayLikeToArray","n","len","arr2","useScreenshot","_ref","type","quality","_useState","useState","_useState2","image","setImage","_useState3","_useState4","error","setError","takeScreenShot","node","options","html2canvas","canvas","croppedCanvas","croppedCanvasContext","cropPositionTop","cropPositionLeft","cropWidth","cropHeight","base64Image"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es59.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 { drawCanvasPoint, getTicks, isPointVisible, partitionPointsByHover, prepareCanvas, rescaleX, rescaleY } from \"./helpers\";\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    size: 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    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    size,\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    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\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    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);\n        };\n\n        nonHovered.forEach((point) => drawRenderedPoint(point, false));\n        hovered.forEach((point) => drawRenderedPoint(point, true));\n    }, [boundedHeight, boundedWidth, hoveredPointKeys, pointData, backgroundGradient]);\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\n        // and data changes, which should repaint at the size the points have already reached\n        // rather than snapping them back to zero.\n        if (animatedKeysRef.current === hoveredPointKeys) {\n            drawPoints(xScaleTransformed, yScaleTransformed, canvas);\n            return;\n        }\n        animatedKeysRef.current = hoveredPointKeys;\n\n        const startedAt = performance.now();\n        hoverAmountRef.current = 0;\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    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 : zoom.dragEnd;\n    const onSurfaceMouseMove = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? (isDragging ? dragMove : undefined)\n            : disableZoom ? undefined : zoom.dragMove;\n    const onSurfaceMouseLeave = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? handleSelectionEnd\n            : disableZoom ? undefined : zoom.dragEnd;\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 : zoom.dragEnd;\n    const onSurfaceTouchMove = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? (isDragging ? dragMove : undefined)\n            : disableZoom ? undefined : zoom.dragMove;\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: size, height: size }}>\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={size}\n                            height={size}\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","size","margin","boundedWidth","boundedHeight","loading","pointData","animation","animationGroupSize","animationBuffer","xScale","yScale","zoom","selectMode","selectable","disableZoom","groupPointsAnchor","hoveredPoint","hoveredPoints","handleMouseMove","handleMouseLeave","onDisplayedPointsChange","onSelectionChange","onPointClicked","leftAxisLabel","bottomAxisLabel","border","originLine","backgroundGradient","crosshair","divRef","graphRef","useRef","canvasRef","hoverAmountRef","animatedKeysRef","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","has","previousHoveredKeysRef","hoveredPointKeys","next","previous","every","key","currentDisplayedPoints","tx","ty","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","startedAt","performance","now","frame","requestAnimationFrame","step","cancelAnimationFrame","handlePointClick","surfaceCursor","handleSelectionEnd","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","width","height","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.es596.js

@@ -1,5 +1,5 @@
-import { isControllingVariants as r } from "./visualization.es204.js";
-import { isVariantLabel as e } from "./visualization.es445.js";
+import { isControllingVariants as r } from "./visualization.es214.js";
+import { isVariantLabel as e } from "./visualization.es444.js";
 function o(i, a) {
   if (r(i)) {
     const { initial: n, animate: t } = i;

package/dist/visualization.es597.js

@@ -1,8 +1,8 @@
 import { useMemo as i } from "react";
 import { createHtmlRenderState as a } from "./visualization.es599.js";
-import { isMotionValue as r } from "./visualization.es209.js";
-import { isForcedMotionValue as l } from "./visualization.es448.js";
-import { buildHTMLStyles as s } from "./visualization.es430.js";
+import { isMotionValue as r } from "./visualization.es219.js";
+import { isForcedMotionValue as l } from "./visualization.es447.js";
+import { buildHTMLStyles as s } from "./visualization.es429.js";
 function u(t, o, n) {
   for (const e in o)
     !r(o[e]) && !l(e, n) && (t[e] = o[e]);

package/dist/visualization.es598.js

@@ -1,8 +1,8 @@
 import { useMemo as m } from "react";
 import { copyRawValuesOnly as l } from "./visualization.es597.js";
 import { createSvgRenderState as i } from "./visualization.es600.js";
-import { buildSVGAttrs as a } from "./visualization.es435.js";
-import { isSVGTag as n } from "./visualization.es437.js";
+import { buildSVGAttrs as a } from "./visualization.es434.js";
+import { isSVGTag as n } from "./visualization.es436.js";
 function G(e, s, y, o) {
   const r = m(() => {
     const t = i();

package/dist/visualization.es6.js

@@ -1,23 +1,23 @@
 import { jsx as x, jsxs as be } from "react/jsx-runtime";
 import { c as Pe } from "react/compiler-runtime";
 import { useRef as Re, useImperativeHandle as Ge } from "react";
-import { downloadSVGAsPNG as ze, downloadAsSVG as Ce } from "./visualization.es40.js";
-import { scottRule as Fe, kernelDensityEstimator as Ve, gaussian as Te } from "./visualization.es63.js";
-import We from "./visualization.es82.js";
-import _e from "./visualization.es83.js";
-import De from "./visualization.es84.js";
+import { downloadSVGAsPNG as ze, downloadAsSVG as Ce } from "./visualization.es43.js";
+import { scottRule as Fe, kernelDensityEstimator as Ve, gaussian as Te } from "./visualization.es47.js";
+import We from "./visualization.es83.js";
+import _e from "./visualization.es84.js";
+import De from "./visualization.es85.js";
 import { useResponsiveParentSize as je } from "./visualization.es18.js";
-import ye from "./visualization.es85.js";
-import ve from "./visualization.es22.js";
-import { motion as Ee } from "./visualization.es65.js";
-import Ie from "./visualization.es86.js";
-import Ke from "./visualization.es23.js";
-import Ne from "./visualization.es24.js";
-import Oe from "./visualization.es66.js";
+import ye from "./visualization.es86.js";
+import ve from "./visualization.es24.js";
+import { motion as Ee } from "./visualization.es49.js";
+import Ie from "./visualization.es87.js";
+import Ke from "./visualization.es25.js";
+import Ne from "./visualization.es26.js";
+import Oe from "./visualization.es50.js";
 import $e from "./visualization.es36.js";
 import { ResponsiveContainer as Xe } from "./visualization.es14.js";
-import { line as Ue } from "./visualization.es87.js";
-import qe from "./visualization.es88.js";
+import { line as Ue } from "./visualization.es88.js";
+import qe from "./visualization.es89.js";
 const Je = "#4c78a8", p = {
   top: 40,
   right: 30,