@weng-lab/visualization 2.4.0-beta.0 → 2.4.0-beta.2

package/dist/visualization.es67.js

@@ -1,285 +1,307 @@
-import { useRef as H, useState as P, useCallback as s } from "react";
-import { useGesture as st } from "./visualization.es171.js";
-import { applyMatrixToPoint as rt, applyInverseMatrixToPoint as E, composeMatrices as J, translateMatrix as R, scaleMatrix as ot, inverseMatrix as lt, identityMatrix as ct } from "./visualization.es172.js";
-import { jsx as it, Fragment as ft } from "react/jsx-runtime";
-import W from "./visualization.es60.js";
-const ut = {
-  scaleX: 1,
-  scaleY: 1,
-  translateX: 0,
-  translateY: 0,
-  skewX: 0,
-  skewY: 0
-}, dt = (u) => -u.deltaY > 0 ? {
-  scaleX: 1.1,
-  scaleY: 1.1
-} : {
-  scaleX: 0.9,
-  scaleY: 0.9
-}, xt = (u) => {
-  let {
-    offset: [d],
-    lastOffset: [x]
-  } = u;
-  return {
-    scaleX: d - x < 0 ? 0.9 : 1.1,
-    scaleY: d - x < 0 ? 0.9 : 1.1
-  };
-};
-function ht(u) {
-  let {
-    scaleXMin: d = 0,
-    scaleXMax: x = 1 / 0,
-    scaleYMin: z = 0,
-    scaleYMax: K = 1 / 0,
-    initialTransformMatrix: Y = ut,
-    wheelDelta: O = dt,
-    pinchDelta: j = xt,
-    width: p,
-    height: g,
-    constrain: S,
-    children: L
-  } = u;
-  const h = H(null), M = H(Y), [r, N] = P(Y), [X, B] = P(!1), [v, $] = P(void 0), [f, T] = P(void 0), F = s((e, t) => {
-    if (S) return S(e, t);
-    const {
-      scaleX: n,
-      scaleY: a
-    } = e, o = n > x || n < d, l = a > K || a < z;
-    return o || l ? t : e;
-  }, [S, d, x, z, K]), c = s((e) => {
-    N((t) => {
-      const n = F(e, t);
-      return M.current = n, n;
-    });
-  }, [F]), Q = s((e) => {
-    let {
-      x: t,
-      y: n
-    } = e;
-    return rt(r, {
-      x: t,
-      y: n
-    });
-  }, [r]), D = s((e) => {
-    let {
-      x: t,
-      y: n
-    } = e;
-    return E(r, {
-      x: t,
-      y: n
-    });
-  }, [r]), U = s(() => {
-    c(Y);
-  }, [Y, c]), y = s((e) => {
-    let {
-      scaleX: t,
-      scaleY: n,
-      point: a
-    } = e;
-    const o = n || t, l = a || {
-      x: p / 2,
-      y: g / 2
-    }, i = E(M.current, l), C = J(M.current, R(i.x, i.y), ot(t, o), R(-i.x, -i.y));
-    if (c(C), X) {
-      const {
-        translateX: b,
-        translateY: at
-      } = M.current;
-      T(a), $({
-        translateX: b,
-        translateY: at
-      });
+import { jsx as s, jsxs as k, Fragment as Ge } from "react/jsx-runtime";
+import { c as nt } from "react/compiler-runtime";
+import { useRef as He, useState as rt, useEffect as fe } from "react";
+import it from "@mui/material/CircularProgress";
+import { Box as Ke, Stack as st } from "@mui/material";
+import { rescaleX as at, rescaleY as lt, getTicks as Ze, prepareCanvas as ct, partitionPointsByHover as ft, isPointVisible as dt, drawCanvasPoint as ut } from "./visualization.es17.js";
+import ht from "./visualization.es117.js";
+import mt from "./visualization.es118.js";
+import pt from "./visualization.es119.js";
+import vt from "./visualization.es120.js";
+import { useDragSelection as gt } from "./visualization.es121.js";
+import qe from "./visualization.es26.js";
+import xt from "./visualization.es29.js";
+import yt from "./visualization.es28.js";
+import St from "./visualization.es54.js";
+import Mt from "./visualization.es47.js";
+import Je from "./visualization.es25.js";
+import bt from "./visualization.es122.js";
+import kt from "./visualization.es90.js";
+import wt from "./visualization.es65.js";
+const to = (f) => {
+  const e = nt(117), {
+    size: v,
+    margin: r,
+    boundedWidth: o,
+    boundedHeight: i,
+    loading: de,
+    pointData: a,
+    animation: y,
+    animationGroupSize: w,
+    animationBuffer: P,
+    xScale: C,
+    yScale: T,
+    zoom: n,
+    selectMode: d,
+    selectable: Ne,
+    disableZoom: g,
+    groupPointsAnchor: Oe,
+    hoveredPoint: m,
+    handleMouseMove: ue,
+    handleMouseLeave: V,
+    onDisplayedPointsChange: G,
+    onSelectionChange: he,
+    onPointClicked: me,
+    leftAxisLabel: pe,
+    bottomAxisLabel: ve,
+    border: ge,
+    originLine: xe,
+    backgroundGradient: S,
+    crosshair: B,
+    divRef: ye
+  } = f, je = He(null), Se = He(null), [L, Me] = rt(!!y);
+  let H, j;
+  e[0] !== y || e[1] !== P || e[2] !== w || e[3] !== a.length ? (H = () => {
+    if (!y)
+      return;
+    if (a.length > 2500) {
+      Me(!1);
+      return;
     }
-  }, [g, p, X, c]), k = s((e) => {
-    let {
-      translateX: t,
-      translateY: n
-    } = e;
-    const a = J(r, R(t, n));
-    c(a);
-  }, [c, r]), m = s((e) => {
-    let {
-      translateX: t,
-      translateY: n
-    } = e;
-    const a = {
-      ...r,
-      translateX: t,
-      translateY: n
+    const t = (P ?? 0.03) * 1e3, p = 450 + Math.ceil(a.length / (w ?? 1)) * t, c = window.setTimeout(() => Me(!1), p);
+    return () => window.clearTimeout(c);
+  }, j = [y, P, w, a.length], e[0] = y, e[1] = P, e[2] = w, e[3] = a.length, e[4] = H, e[5] = j) : (H = e[4], j = e[5]), fe(H, j);
+  let $;
+  e[6] !== r || e[7] !== he || e[8] !== a || e[9] !== C || e[10] !== T ? ($ = {
+    pointData: a,
+    margin: r,
+    xScale: C,
+    yScale: T,
+    onSelectionChange: he
+  }, e[6] = r, e[7] = he, e[8] = a, e[9] = C, e[10] = T, e[11] = $) : $ = e[11];
+  const {
+    lines: be,
+    isDragging: x,
+    x: D,
+    y: E,
+    dx: W,
+    dy: Y,
+    dragStart: $e,
+    dragMove: Ie,
+    dragEnd: ke,
+    completeSelection: we
+  } = gt($);
+  let I, U;
+  e[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (I = () => {
+    const t = je.current, l = Pt, p = Lt, c = Dt;
+    return t && (t.addEventListener("wheel", l, {
+      passive: !1
+    }), t.addEventListener("touchstart", c, {
+      passive: !1
+    }), t.addEventListener("touchmove", p, {
+      passive: !1
+    })), () => {
+      t && (t.removeEventListener("wheel", l), t.removeEventListener("touchstart", c), t.removeEventListener("touchmove", p));
     };
-    c(a);
-  }, [c, r]), V = s((e) => {
-    let {
-      x: t,
-      y: n
-    } = e;
-    const a = E(r, {
-      x: t,
-      y: n
-    });
-    m({
-      translateX: a.x,
-      translateY: a.y
-    });
-  }, [m, r]), I = s(() => lt(r), [r]), _ = s(() => {
-    const {
-      translateX: e,
-      translateY: t,
-      scaleX: n,
-      scaleY: a,
-      skewX: o,
-      skewY: l
-    } = I();
-    return `matrix(${n}, ${l}, ${o}, ${a}, ${e}, ${t})`;
-  }, [I]), G = s((e) => {
-    const {
-      translateX: t,
-      translateY: n
-    } = r;
-    T(W(e) || void 0), $({
-      translateX: t,
-      translateY: n
-    }), B(!0);
-  }, [r]), Z = s((e, t) => {
-    if (!X || !f || !v) return;
-    const n = W(e), a = n ? -(f.x - n.x) : -f.x, o = n ? -(f.y - n.y) : -f.y;
-    let l = v.translateX + a;
-    t?.offsetX && (l += t?.offsetX ?? 0);
-    let i = v.translateY + o;
-    t?.offsetY && (i += t?.offsetY ?? 0), m({
-      translateX: l,
-      translateY: i
-    });
-  }, [X, m, f, v]), w = s(() => {
-    T(void 0), $(void 0), B(!1);
-  }, []), q = s((e) => {
-    e.preventDefault();
-    const t = W(e) || void 0, {
-      scaleX: n,
-      scaleY: a
-    } = O(e);
-    y({
-      scaleX: n,
-      scaleY: a,
-      point: t
-    });
-  }, [y, O]), A = s((e) => {
-    const {
-      origin: [t, n],
-      memo: a
-    } = e;
-    let o = a;
-    if (h.current) {
-      const {
-        top: l,
-        left: i
-      } = o ?? h.current.getBoundingClientRect();
-      o || (o = {
-        top: l,
-        left: i
-      });
-      const {
-        scaleX: C,
-        scaleY: b
-      } = j(e);
-      y({
-        scaleX: C,
-        scaleY: b,
-        point: {
-          x: t - i,
-          y: n - l
-        }
-      });
+  }, U = [], e[12] = I, e[13] = U) : (I = e[12], U = e[13]), fe(I, U);
+  let F;
+  e[14] !== C || e[15] !== n.transformMatrix.scaleX || e[16] !== n.transformMatrix.translateX ? (F = at(C, n.transformMatrix.translateX, n.transformMatrix.scaleX), e[14] = C, e[15] = n.transformMatrix.scaleX, e[16] = n.transformMatrix.translateX, e[17] = F) : F = e[17];
+  const u = F;
+  let K;
+  e[18] !== T || e[19] !== n.transformMatrix.scaleY || e[20] !== n.transformMatrix.translateY ? (K = lt(T, n.transformMatrix.translateY, n.transformMatrix.scaleY), e[18] = T, e[19] = n.transformMatrix.scaleY, e[20] = n.transformMatrix.translateY, e[21] = K) : K = e[21];
+  const h = K;
+  let Pe;
+  e: {
+    const t = Oe;
+    if (t && m) {
+      let p;
+      if (e[22] !== t || e[23] !== m || e[24] !== a) {
+        let c;
+        e[26] !== t || e[27] !== m ? (c = (R) => t in R ? R[t] === m[t] : R.metaData && m.metaData ? R.metaData[t] === m.metaData[t] : !1, e[26] = t, e[27] = m, e[28] = c) : c = e[28], p = a.filter(c), e[22] = t, e[23] = m, e[24] = a, e[25] = p;
+      } else
+        p = e[25];
+      Pe = p;
+      break e;
     }
-    return o;
-  }, [y, j]), tt = s(() => {
-    const {
-      translateX: e,
-      translateY: t,
-      scaleX: n,
-      scaleY: a,
-      skewX: o,
-      skewY: l
-    } = r;
-    return `matrix(${n}, ${l}, ${o}, ${a}, ${e}, ${t})`;
-  }, [r]), et = s(() => {
-    const e = {
-      x: p / 2,
-      y: g / 2
-    }, t = D(e);
-    k({
-      translateX: t.x - e.x,
-      translateY: t.y - e.y
-    });
-  }, [g, p, D, k]), nt = s(() => {
-    c(ct());
-  }, [c]);
-  return st({
-    onDragStart: (e) => {
-      let {
-        event: t
-      } = e;
-      t instanceof KeyboardEvent || G(t);
-    },
-    onDrag: (e) => {
-      let {
-        event: t,
-        pinching: n,
-        cancel: a
-      } = e;
-      n ? (a(), w()) : t instanceof KeyboardEvent || Z(t);
-    },
-    onDragEnd: w,
-    onPinch: A,
-    onWheel: (e) => {
-      let {
-        event: t,
-        active: n,
-        pinching: a
-      } = e;
-      // Outside of Safari, the wheel event is fired together with the pinch event
-      a || // currently onWheelEnd emits one final wheel event which causes 2x scale
-      // updates for the last tick. ensuring that the gesture is active avoids this
-      !n || q(t);
+    let l;
+    e[29] !== m ? (l = m ? [m] : [], e[29] = m, e[30] = l) : l = e[30], Pe = l;
+  }
+  const Le = Pe;
+  let Z;
+  e[31] !== Le ? (Z = new Set(Le.map(Et)), e[31] = Le, e[32] = Z) : Z = e[32];
+  const De = Z;
+  let q;
+  if (e[33] !== i || e[34] !== o || e[35] !== a || e[36] !== u || e[37] !== h) {
+    let t;
+    e[39] !== i || e[40] !== o || e[41] !== u || e[42] !== h ? (t = (l) => {
+      const p = u(l.x), c = h(l.y);
+      return p >= 0 && p <= o && c >= 0 && c <= i;
+    }, e[39] = i, e[40] = o, e[41] = u, e[42] = h, e[43] = t) : t = e[43], q = a.filter(t), e[33] = i, e[34] = o, e[35] = a, e[36] = u, e[37] = h, e[38] = q;
+  } else
+    q = e[38];
+  const X = q;
+  let J;
+  e[44] !== S || e[45] !== i || e[46] !== o || e[47] !== De || e[48] !== a ? (J = (t, l, p) => {
+    const c = p.getContext("2d");
+    if (!c)
+      return;
+    if (ct(c, o, i), S) {
+      const [M, Ve, le] = S.colorScale ?? ["red", "white", "blue"], b = o, A = i, et = t(0), tt = l(0), ot = Math.max(1e-3, Math.min(0.999, (et * b - tt * A + A * A) / (b * b + A * A))), ce = c.createLinearGradient(0, A, b, 0);
+      ce.addColorStop(0, M), ce.addColorStop(ot, Ve), ce.addColorStop(1, le), c.globalAlpha = S.opacity ?? 1, c.fillStyle = ce, c.fillRect(0, 0, b, A), c.globalAlpha = 1;
     }
-  }, {
-    target: h,
-    eventOptions: {
-      passive: !1
-    },
-    drag: {
-      filterTaps: !0
+    const {
+      nonHovered: R,
+      hovered: Qe
+    } = ft(a, De), Fe = (M, Ve) => {
+      const le = t(M.x), b = l(M.y);
+      dt(le, b, o, i) && ut(c, M, le, b, Ve);
+    };
+    R.forEach((M) => Fe(M, !1)), Qe.forEach((M) => Fe(M, !0));
+  }, e[44] = S, e[45] = i, e[46] = o, e[47] = De, e[48] = a, e[49] = J) : J = e[49];
+  const N = J;
+  let O, Q;
+  e[50] !== N || e[51] !== L || e[52] !== u || e[53] !== h ? (O = () => {
+    Se.current && !L && N(u, h, Se.current);
+  }, Q = [N, u, h, L], e[50] = N, e[51] = L, e[52] = u, e[53] = h, e[54] = O, e[55] = Q) : (O = e[54], Q = e[55]), fe(O, Q);
+  let ee;
+  e[56] !== m || e[57] !== me ? (ee = () => {
+    m && me?.(m);
+  }, e[56] = m, e[57] = me, e[58] = ee) : ee = e[58];
+  const Ee = ee, Ae = g ? Ne ? x ? "none" : "crosshair" : x ? "none" : "default" : m ? "default" : d === "select" ? x ? "none" : "crosshair" : n.isDragging ? "grabbing" : "grab";
+  let te;
+  e[59] !== we || e[60] !== ke || e[61] !== n ? (te = (t) => {
+    ke(t), we(n);
+  }, e[59] = we, e[60] = ke, e[61] = n, e[62] = te) : te = e[62];
+  const Ce = te, Te = d === "none" ? void 0 : d === "select" ? $e : g ? void 0 : n.dragStart, We = d === "none" ? void 0 : d === "select" ? Ce : g ? void 0 : n.dragEnd, Ye = d === "none" ? void 0 : d === "select" ? x ? Ie : void 0 : g ? void 0 : n.dragMove, Xe = d === "none" ? void 0 : d === "select" ? Ce : g ? void 0 : n.dragEnd, _e = d === "none" ? void 0 : d === "select" ? $e : g ? void 0 : n.dragStart, ze = d === "none" ? void 0 : d === "select" ? Ce : g ? void 0 : n.dragEnd, Re = d === "none" ? void 0 : d === "select" ? x ? Ie : void 0 : g ? void 0 : n.dragMove;
+  let oe;
+  e[63] !== g || e[64] !== n ? (oe = (t) => {
+    if (Me(!1), !g) {
+      const l = wt(t) || {
+        x: 0,
+        y: 0
+      }, p = t.deltaY < 0 ? 1.1 : 0.9;
+      n.scale({
+        scaleX: p,
+        scaleY: p,
+        point: l
+      });
     }
-  }), /* @__PURE__ */ it(ft, {
-    children: L({
-      initialTransformMatrix: Y,
-      transformMatrix: r,
-      isDragging: X,
-      center: et,
-      clear: nt,
-      scale: y,
-      translate: k,
-      translateTo: V,
-      setTranslate: m,
-      setTransformMatrix: c,
-      reset: U,
-      handleWheel: q,
-      handlePinch: A,
-      dragEnd: w,
-      dragMove: Z,
-      dragStart: G,
-      toString: tt,
-      invert: I,
-      toStringInvert: _,
-      applyToPoint: Q,
-      applyInverseToPoint: D,
-      containerRef: h
-    })
+  }, e[63] = g, e[64] = n, e[65] = oe) : oe = e[65];
+  const Be = oe;
+  let ne;
+  e[66] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (ne = [], e[66] = ne) : ne = e[66];
+  const Ue = He(ne);
+  let re, ie;
+  e[67] !== X || e[68] !== G ? (re = () => {
+    At(Ue.current, X) && (G?.(X), Ue.current = X);
+  }, ie = [X, G], e[67] = X, e[68] = G, e[69] = re, e[70] = ie) : (re = e[69], ie = e[70]), fe(re, ie);
+  let se;
+  e[71] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (se = {
+    position: "relative"
+  }, e[71] = se) : se = e[71];
+  let _;
+  e[72] !== v ? (_ = {
+    width: v,
+    height: v
+  }, e[72] = v, e[73] = _) : _ = e[73];
+  let z;
+  e[74] !== y || e[75] !== P || e[76] !== w || e[77] !== S || e[78] !== ge || e[79] !== ve || e[80] !== i || e[81] !== o || e[82] !== B || e[83] !== ye || e[84] !== W || e[85] !== Y || e[86] !== V || e[87] !== ue || e[88] !== Ee || e[89] !== x || e[90] !== pe || e[91] !== be || e[92] !== de || e[93] !== r || e[94] !== Te || e[95] !== Xe || e[96] !== Ye || e[97] !== We || e[98] !== ze || e[99] !== Re || e[100] !== _e || e[101] !== Be || e[102] !== xe || e[103] !== a || e[104] !== d || e[105] !== L || e[106] !== v || e[107] !== Ae || e[108] !== D || e[109] !== u || e[110] !== E || e[111] !== h || e[112] !== n ? (z = de ? /* @__PURE__ */ s(Ke, { display: "flex", width: "100%", height: "100%", sx: {
+    justifyContent: "center",
+    alignItems: "center"
+  }, children: /* @__PURE__ */ s(it, {}) }) : /* @__PURE__ */ k("div", { style: {
+    position: "relative"
+  }, ref: ye, children: [
+    /* @__PURE__ */ s("canvas", { ref: Se, width: o * 2, height: i * 2, style: {
+      userSelect: "none",
+      position: "absolute",
+      top: r.top,
+      left: r.left,
+      width: o,
+      height: i,
+      backgroundColor: "transparent"
+    } }),
+    /* @__PURE__ */ k("svg", { width: v, height: v, overflow: "visible", style: {
+      position: "absolute",
+      userSelect: "none"
+    }, onMouseMove: (t) => {
+      x ? V() : ue(t, n);
+    }, onMouseLeave: V, children: [
+      /* @__PURE__ */ k(qe, { top: r.top, left: r.left, children: [
+        L && y && /* @__PURE__ */ s(ht, { pointData: a, animation: y, animationGroupSize: w, animationBuffer: P, xScaleTransformed: u, yScaleTransformed: h, boundedWidth: o, boundedHeight: i }),
+        d === "select" && /* @__PURE__ */ k(Ge, { children: [
+          be.map(Wt),
+          x && /* @__PURE__ */ k("g", { children: [
+            /* @__PURE__ */ s("line", { x1: D - r.left + W - 6, y1: E - r.top + Y, x2: D - r.left + W + 6, y2: E - r.top + Y, stroke: "black", strokeWidth: 1 }),
+            /* @__PURE__ */ s("line", { x1: D - r.left + W, y1: E - r.top + Y - 6, x2: D - r.left + W, y2: E - r.top + Y + 6, stroke: "black", strokeWidth: 1 }),
+            /* @__PURE__ */ s("circle", { cx: D - r.left, cy: E - r.top, r: 4, fill: "transparent", stroke: "black", pointerEvents: "none" })
+          ] })
+        ] }),
+        xe && (() => {
+          const t = u(0), l = h(0);
+          return /* @__PURE__ */ k(Ge, { children: [
+            l >= 0 && l <= i && /* @__PURE__ */ s("line", { x1: 0, x2: o, y1: l, y2: l, stroke: "#000", strokeWidth: 1, strokeDasharray: "4,4", pointerEvents: "none" }),
+            t >= 0 && t <= o && /* @__PURE__ */ s("line", { x1: t, x2: t, y1: 0, y2: i, stroke: "#000", strokeWidth: 1, strokeDasharray: "4,4", pointerEvents: "none" })
+          ] });
+        })(),
+        /* @__PURE__ */ s("rect", { ref: je, fill: "transparent", width: o, height: i, style: {
+          cursor: Ae
+        }, onMouseDown: Te, onMouseUp: We, onMouseMove: Ye, onMouseLeave: Xe, onTouchStart: _e, onTouchEnd: ze, onTouchMove: Re, onWheel: Be, onClick: Ee }),
+        B && !x && /* @__PURE__ */ s(vt, { position: {
+          x: u(B.x),
+          y: h(B.y)
+        }, boundedWidth: o, boundedHeight: i })
+      ] }),
+      /* @__PURE__ */ k(qe, { top: r.top, left: r.left, children: [
+        /* @__PURE__ */ s(xt, { scale: h, tickLabelProps: Yt, tickValues: Ze(h, 5) }),
+        /* @__PURE__ */ s(yt, { top: i, scale: u, tickLabelProps: Xt, tickValues: Ze(u, 5) }),
+        ge && /* @__PURE__ */ k(Ge, { children: [
+          /* @__PURE__ */ s(St, { top: 0, scale: u, tickValues: [] }),
+          /* @__PURE__ */ s(Mt, { scale: h, tickValues: [], left: o })
+        ] }),
+        /* @__PURE__ */ s(Je, { textAnchor: "middle", verticalAnchor: "end", angle: -90, fontSize: 15, y: i / 2, x: 0, dx: -50, children: pe }),
+        /* @__PURE__ */ s(Je, { textAnchor: "middle", verticalAnchor: "start", fontSize: 15, y: i, x: o / 2, dy: 50, children: ve })
+      ] }),
+      /* @__PURE__ */ s(mt, { pointData: a, xScaleTransformed: u, yScaleTransformed: h, boundedWidth: o, boundedHeight: i, margin: r }),
+      S?.legend && /* @__PURE__ */ s(pt, { backgroundGradient: S, boundedHeight: i, barLeft: r.left + o + 25, marginTop: r.top })
+    ] })
+  ] }), e[74] = y, e[75] = P, e[76] = w, e[77] = S, e[78] = ge, e[79] = ve, e[80] = i, e[81] = o, e[82] = B, e[83] = ye, e[84] = W, e[85] = Y, e[86] = V, e[87] = ue, e[88] = Ee, e[89] = x, e[90] = pe, e[91] = be, e[92] = de, e[93] = r, e[94] = Te, e[95] = Xe, e[96] = Ye, e[97] = We, e[98] = ze, e[99] = Re, e[100] = _e, e[101] = Be, e[102] = xe, e[103] = a, e[104] = d, e[105] = L, e[106] = v, e[107] = Ae, e[108] = D, e[109] = u, e[110] = E, e[111] = h, e[112] = n, e[113] = z) : z = e[113];
+  let ae;
+  return e[114] !== _ || e[115] !== z ? (ae = /* @__PURE__ */ s(st, { justifyContent: "center", alignItems: "center", direction: "row", sx: se, children: /* @__PURE__ */ s(Ke, { sx: _, children: z }) }), e[114] = _, e[115] = z, e[116] = ae) : ae = e[116], ae;
+};
+function Pt(f) {
+  f.preventDefault();
+}
+function Lt(f) {
+  f.preventDefault();
+}
+function Dt(f) {
+  f.preventDefault();
+}
+function Et(f) {
+  return `${f.x},${f.y}`;
+}
+function At(f, e) {
+  return f.length !== e.length ? !0 : !f.every((v, r) => {
+    const o = e[r];
+    return v.x === o.x && v.y === o.y && v.r === o.r && v.shape === o.shape && v.color === o.color && v.opacity === o.opacity;
   });
 }
+function Ct(f) {
+  return f.x;
+}
+function Tt(f) {
+  return f.y;
+}
+function Wt(f, e) {
+  return /* @__PURE__ */ s(bt, { fill: "transparent", stroke: "black", strokeWidth: 3, data: f, curve: kt, x: Ct, y: Tt }, `line-${e}`);
+}
+function Yt() {
+  return {
+    fill: "#1c1917",
+    fontSize: 10,
+    textAnchor: "end",
+    verticalAnchor: "middle",
+    x: -10
+  };
+}
+function Xt() {
+  return {
+    fill: "#1c1917",
+    fontSize: 11,
+    textAnchor: "middle"
+  };
+}
 export {
-  ht as default
+  to as default
 };
 //# sourceMappingURL=visualization.es67.js.map