@weng-lab/visualization 2.4.0-beta.6 → 2.4.0-beta.8

package/dist/visualization.es108.js

@@ -1,67 +1,17 @@
-import G from "./visualization.es127.js";
-import { jsx as o, Fragment as O } from "react/jsx-runtime";
-import P from "./visualization.es31.js";
-function k(s) {
-  let {
-    className: h,
-    top: m,
-    left: n,
-    data: u = [],
-    binWidth: f = 6,
-    binHeight: x = 6,
-    x0: d = 0,
-    gap: a = 1,
-    xScale: y,
-    yScale: g,
-    colorScale: S = () => {
-    },
-    opacityScale: w = () => 1,
-    bins: N = (e) => e?.bins,
-    // eslint-disable-line @typescript-eslint/no-explicit-any
-    count: v = (e) => e?.count,
-    // eslint-disable-line @typescript-eslint/no-explicit-any
-    children: r,
-    ...H
-  } = s;
-  const $ = f - a, j = x - a, l = u.map((e, t) => {
-    const F = y(t);
-    return N(e).map((i, p) => {
-      const c = v(i);
-      return {
-        bin: i,
-        row: p,
-        column: t,
-        datum: e,
-        width: $,
-        height: j,
-        gap: a,
-        count: c,
-        x: F + d,
-        y: g(p) + a,
-        color: S(c),
-        opacity: w(c)
-      };
-    });
-  });
-  return r ? /* @__PURE__ */ o(O, {
-    children: r(l)
-  }) : /* @__PURE__ */ o(P, {
-    className: "visx-heatmap-rects",
-    top: m,
-    left: n,
-    children: l.map((e) => e.map((t) => /* @__PURE__ */ o("rect", {
-      className: G("visx-heatmap-rect", h),
-      width: t.width,
-      height: t.height,
-      x: t.x,
-      y: t.y,
-      fill: t.color,
-      fillOpacity: t.opacity,
-      ...H
-    }, `heatmap-tile-rect-${t.row}-${t.column}`)))
-  });
-}
+import { jsx as e } from "react/jsx-runtime";
+import { useBranchLengthTransition as m } from "./visualization.es7.js";
+import { memo as s } from "react";
+import { motion as a } from "./visualization.es45.js";
+const k = s(function({
+  useBranchLengths: n,
+  color: i,
+  baseLeafLinkExtension: o,
+  scaledLeafLinkExtension: t,
+  strokeWidth: r
+}) {
+  return /* @__PURE__ */ e(a.line, { strokeWidth: r, initial: !1, animate: n ? t : o, stroke: i, transition: m });
+});
 export {
-  k as default
+  k as LeafLinkExtension
 };
 //# sourceMappingURL=visualization.es108.js.map

package/dist/visualization.es108.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es108.js","sources":["../../../node_modules/.pnpm/@visx+heatmap@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/heatmap/esm/heatmaps/HeatmapRect.js"],"sourcesContent":["import cx from 'classnames';\nimport { Group } from '@visx/group';\nimport { Fragment as _Fragment, jsx as _jsx } from \"react/jsx-runtime\";\nexport default function HeatmapRect(_ref) {\n  let {\n    className,\n    top,\n    left,\n    data = [],\n    binWidth = 6,\n    binHeight = 6,\n    x0 = 0,\n    gap = 1,\n    xScale,\n    yScale,\n    colorScale = () => undefined,\n    opacityScale = () => 1,\n    bins = d => d?.bins,\n    // eslint-disable-line @typescript-eslint/no-explicit-any\n    count = d => d?.count,\n    // eslint-disable-line @typescript-eslint/no-explicit-any\n    children,\n    ...restProps\n  } = _ref;\n  const width = binWidth - gap;\n  const height = binHeight - gap;\n  const heatmap = data.map((datum, column) => {\n    const x = xScale(column);\n    return bins(datum).map((bin, row) => {\n      const countValue = count(bin);\n      return {\n        bin,\n        row,\n        column,\n        datum,\n        width,\n        height,\n        gap,\n        count: countValue,\n        x: x + x0,\n        y: yScale(row) + gap,\n        color: colorScale(countValue),\n        opacity: opacityScale(countValue)\n      };\n    });\n  });\n  if (children) return /*#__PURE__*/_jsx(_Fragment, {\n    children: children(heatmap)\n  });\n  return /*#__PURE__*/_jsx(Group, {\n    className: \"visx-heatmap-rects\",\n    top: top,\n    left: left,\n    children: heatmap.map(_bins => _bins.map(bin => /*#__PURE__*/_jsx(\"rect\", {\n      className: cx('visx-heatmap-rect', className),\n      width: bin.width,\n      height: bin.height,\n      x: bin.x,\n      y: bin.y,\n      fill: bin.color,\n      fillOpacity: bin.opacity,\n      ...restProps\n    }, `heatmap-tile-rect-${bin.row}-${bin.column}`)))\n  });\n}"],"names":["HeatmapRect","_ref","className","top","left","data","binWidth","binHeight","x0","gap","xScale","yScale","colorScale","opacityScale","bins","d","count","children","restProps","width","height","heatmap","datum","column","x","bin","row","countValue","_jsx","_Fragment","Group","_bins","cx"],"mappings":";;;AAGe,SAASA,EAAYC,GAAM;AACxC,MAAI;AAAA,IACF,WAAAC;AAAA,IACA,KAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC,IAAO,CAAA;AAAA,IACP,UAAAC,IAAW;AAAA,IACX,WAAAC,IAAY;AAAA,IACZ,IAAAC,IAAK;AAAA,IACL,KAAAC,IAAM;AAAA,IACN,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC,IAAa,MAAA;AAAA;AAAA,IACb,cAAAC,IAAe,MAAM;AAAA,IACrB,MAAAC,IAAO,CAAAC,MAAKA,GAAG;AAAA;AAAA,IAEf,OAAAC,IAAQ,CAAAD,MAAKA,GAAG;AAAA;AAAA,IAEhB,UAAAE;AAAA,IACA,GAAGC;AAAA,EACP,IAAMjB;AACJ,QAAMkB,IAAQb,IAAWG,GACnBW,IAASb,IAAYE,GACrBY,IAAUhB,EAAK,IAAI,CAACiB,GAAOC,MAAW;AAC1C,UAAMC,IAAId,EAAOa,CAAM;AACvB,WAAOT,EAAKQ,CAAK,EAAE,IAAI,CAACG,GAAKC,MAAQ;AACnC,YAAMC,IAAaX,EAAMS,CAAG;AAC5B,aAAO;AAAA,QACL,KAAAA;AAAA,QACA,KAAAC;AAAA,QACA,QAAAH;AAAA,QACA,OAAAD;AAAA,QACA,OAAAH;AAAA,QACA,QAAAC;AAAA,QACA,KAAAX;AAAA,QACA,OAAOkB;AAAA,QACP,GAAGH,IAAIhB;AAAA,QACP,GAAGG,EAAOe,CAAG,IAAIjB;AAAA,QACjB,OAAOG,EAAWe,CAAU;AAAA,QAC5B,SAASd,EAAac,CAAU;AAAA,MACxC;AAAA,IACI,CAAC;AAAA,EACH,CAAC;AACD,SAAIV,IAA8BW,gBAAAA,EAAKC,GAAW;AAAA,IAChD,UAAUZ,EAASI,CAAO;AAAA,EAC9B,CAAG,IACmBO,gBAAAA,EAAKE,GAAO;AAAA,IAC9B,WAAW;AAAA,IACX,KAAK3B;AAAA,IACL,MAAMC;AAAA,IACN,UAAUiB,EAAQ,IAAI,CAAAU,MAASA,EAAM,IAAI,CAAAN,MAAoBG,gBAAAA,EAAK,QAAQ;AAAA,MACxE,WAAWI,EAAG,qBAAqB9B,CAAS;AAAA,MAC5C,OAAOuB,EAAI;AAAA,MACX,QAAQA,EAAI;AAAA,MACZ,GAAGA,EAAI;AAAA,MACP,GAAGA,EAAI;AAAA,MACP,MAAMA,EAAI;AAAA,MACV,aAAaA,EAAI;AAAA,MACjB,GAAGP;AAAA,IACT,GAAO,qBAAqBO,EAAI,GAAG,IAAIA,EAAI,MAAM,EAAE,CAAC,CAAC;AAAA,EACrD,CAAG;AACH;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es108.js","sources":["../src/components/PhyloTree/LeafLinkExtension.tsx"],"sourcesContent":["import { motion } from \"framer-motion\";\nimport { useBranchLengthTransition } from \"./PhyloTree\";\nimport { memo } from \"react\";\nimport { TreeNode } from \"./types\";\n\n\nexport type LeafLinkExtensionProps = {\n  baseLeafLinkExtension: TreeNode[\"baseLeafLinkExtension\"]\n  scaledLeafLinkExtension: TreeNode[\"scaledLeafLinkExtension\"]\n  color: TreeNode[\"color\"];\n  strokeWidth: TreeNode[\"linkStrokeWidth\"]\n  useBranchLengths: boolean\n};\n\nexport const LeafLinkExtension = memo(function LinkExtension({\n  useBranchLengths,\n  color,\n  baseLeafLinkExtension,\n  scaledLeafLinkExtension,\n  strokeWidth\n}: LeafLinkExtensionProps) {\n\n  return (\n    <motion.line\n      strokeWidth={strokeWidth}\n      initial={false}\n      animate={useBranchLengths ? scaledLeafLinkExtension : baseLeafLinkExtension}\n      stroke={color}\n      transition={useBranchLengthTransition}\n    />\n  );\n});\n"],"names":["LeafLinkExtension","memo","useBranchLengths","color","baseLeafLinkExtension","scaledLeafLinkExtension","strokeWidth","jsx","motion","useBranchLengthTransition"],"mappings":";;;;AAcO,MAAMA,IAAoBC,EAAK,SAAuB;AAAA,EAC3DC,kBAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,uBAAAA;AAAAA,EACAC,yBAAAA;AAAAA,EACAC,aAAAA;AACsB,GAAG;AAEzB,SACE,gBAAAC,EAACC,EAAO,MAAP,EACC,aAAAF,GACA,SAAS,IACT,SAASJ,IAAmBG,IAA0BD,GACtD,QAAQD,GACR,YAAYM,GAA0B;AAG5C,CAAC;"}

package/dist/visualization.es109.js

@@ -1,64 +1,29 @@
-import C from "./visualization.es127.js";
-import { jsx as o, Fragment as F } from "react/jsx-runtime";
-import G from "./visualization.es31.js";
-function R(m) {
-  let {
-    className: n,
-    top: u,
-    left: f,
-    data: d = [],
-    gap: t = 1,
-    radius: e = 6,
-    xScale: x,
-    yScale: y,
-    colorScale: h = () => {
-    },
-    opacityScale: S = () => 1,
-    bins: N = (a) => a?.bins,
-    // eslint-disable-line @typescript-eslint/no-explicit-any
-    count: g = (a) => a?.count,
-    // eslint-disable-line @typescript-eslint/no-explicit-any
-    children: l,
-    ...v
-  } = m;
-  const $ = e - t, p = d.map((a, c) => {
-    const j = x(c);
-    return N(a).map((i, s) => {
-      const r = g(i);
-      return {
-        bin: i,
-        row: s,
-        column: c,
-        datum: a,
-        radius: e,
-        gap: t,
-        count: r,
-        cx: e + j,
-        cy: y(s) + t + e,
-        r: $,
-        opacity: S(r),
-        color: h(r)
-      };
-    });
-  });
-  return l ? /* @__PURE__ */ o(F, {
-    children: l(p)
-  }) : /* @__PURE__ */ o(G, {
-    className: "visx-heatmap-circles",
-    top: u,
-    left: f,
-    children: p.map((a) => a.map((c) => /* @__PURE__ */ o("circle", {
-      className: C("visx-heatmap-circle", n),
-      r: c.r,
-      cx: c.cx,
-      cy: c.cy,
-      fill: c.color,
-      fillOpacity: c.opacity,
-      ...v
-    }, `heatmap-tile-circle-${c.row}-${c.column}`)))
-  });
-}
+import { jsx as u, jsxs as k } from "react/jsx-runtime";
+import { c as g } from "react/compiler-runtime";
+import { memo as j } from "react";
+import O from "./visualization.es34.js";
+const F = j(function(L) {
+  const t = g(16), {
+    nodeX: N,
+    color: e,
+    baseNodeX: f,
+    baseNodeY: i,
+    label: a,
+    fontSize: n,
+    fontFamily: c,
+    strokeWidth: m
+  } = L, s = N * 180 / Math.PI - 90, d = s > 90 || s < -90, $ = d ? s + 180 : s, p = d ? "end" : "start", x = d ? -6 : 6, b = `rotate(${$}) translate(0, ${(n ?? 2.4) / 3})`, h = a === "Human" ? `${a} ★★★` : a;
+  let o;
+  t[0] !== e || t[1] !== c || t[2] !== n || t[3] !== m || t[4] !== b || t[5] !== h || t[6] !== p || t[7] !== x ? (o = /* @__PURE__ */ u("text", { fontSize: n, fontFamily: c, fill: e, stroke: e, strokeWidth: m, paintOrder: "stroke", transform: b, textAnchor: p, x, children: h }), t[0] = e, t[1] = c, t[2] = n, t[3] = m, t[4] = b, t[5] = h, t[6] = p, t[7] = x, t[8] = o) : o = t[8];
+  let r;
+  t[9] !== e ? (r = /* @__PURE__ */ u("circle", { r: 1.5, fill: e }), t[9] = e, t[10] = r) : r = t[10];
+  let l;
+  return t[11] !== f || t[12] !== i || t[13] !== o || t[14] !== r ? (l = /* @__PURE__ */ k(O, { top: i, left: f, children: [
+    o,
+    r
+  ] }), t[11] = f, t[12] = i, t[13] = o, t[14] = r, t[15] = l) : l = t[15], l;
+});
 export {
-  R as default
+  F as LeafNodeLabel
 };
 //# sourceMappingURL=visualization.es109.js.map

package/dist/visualization.es109.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es109.js","sources":["../../../node_modules/.pnpm/@visx+heatmap@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/heatmap/esm/heatmaps/HeatmapCircle.js"],"sourcesContent":["import cx from 'classnames';\nimport { Group } from '@visx/group';\nimport { Fragment as _Fragment, jsx as _jsx } from \"react/jsx-runtime\";\nexport default function HeatmapCircle(_ref) {\n  let {\n    className,\n    top,\n    left,\n    data = [],\n    gap = 1,\n    radius = 6,\n    xScale,\n    yScale,\n    colorScale = () => undefined,\n    opacityScale = () => 1,\n    bins = column => column?.bins,\n    // eslint-disable-line @typescript-eslint/no-explicit-any\n    count = cell => cell?.count,\n    // eslint-disable-line @typescript-eslint/no-explicit-any\n    children,\n    ...restProps\n  } = _ref;\n  const innerRadius = radius - gap;\n  const heatmap = data.map((columnDatum, column) => {\n    const x = xScale(column);\n    return bins(columnDatum).map((bin, row) => {\n      const countValue = count(bin);\n      return {\n        bin,\n        row,\n        column,\n        datum: columnDatum,\n        radius,\n        gap,\n        count: countValue,\n        cx: radius + x,\n        cy: yScale(row) + gap + radius,\n        r: innerRadius,\n        opacity: opacityScale(countValue),\n        color: colorScale(countValue)\n      };\n    });\n  });\n  if (children) return /*#__PURE__*/_jsx(_Fragment, {\n    children: children(heatmap)\n  });\n  return /*#__PURE__*/_jsx(Group, {\n    className: \"visx-heatmap-circles\",\n    top: top,\n    left: left,\n    children: heatmap.map(columns => columns.map(bin => /*#__PURE__*/_jsx(\"circle\", {\n      className: cx('visx-heatmap-circle', className),\n      r: bin.r,\n      cx: bin.cx,\n      cy: bin.cy,\n      fill: bin.color,\n      fillOpacity: bin.opacity,\n      ...restProps\n    }, `heatmap-tile-circle-${bin.row}-${bin.column}`)))\n  });\n}"],"names":["HeatmapCircle","_ref","className","top","left","data","gap","radius","xScale","yScale","colorScale","opacityScale","bins","column","count","cell","children","restProps","innerRadius","heatmap","columnDatum","x","bin","row","countValue","_jsx","_Fragment","Group","columns","cx"],"mappings":";;;AAGe,SAASA,EAAcC,GAAM;AAC1C,MAAI;AAAA,IACF,WAAAC;AAAA,IACA,KAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC,IAAO,CAAA;AAAA,IACP,KAAAC,IAAM;AAAA,IACN,QAAAC,IAAS;AAAA,IACT,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC,IAAa,MAAA;AAAA;AAAA,IACb,cAAAC,IAAe,MAAM;AAAA,IACrB,MAAAC,IAAO,CAAAC,MAAUA,GAAQ;AAAA;AAAA,IAEzB,OAAAC,IAAQ,CAAAC,MAAQA,GAAM;AAAA;AAAA,IAEtB,UAAAC;AAAA,IACA,GAAGC;AAAA,EACP,IAAMhB;AACJ,QAAMiB,IAAcX,IAASD,GACvBa,IAAUd,EAAK,IAAI,CAACe,GAAaP,MAAW;AAChD,UAAMQ,IAAIb,EAAOK,CAAM;AACvB,WAAOD,EAAKQ,CAAW,EAAE,IAAI,CAACE,GAAKC,MAAQ;AACzC,YAAMC,IAAaV,EAAMQ,CAAG;AAC5B,aAAO;AAAA,QACL,KAAAA;AAAA,QACA,KAAAC;AAAA,QACA,QAAAV;AAAA,QACA,OAAOO;AAAA,QACP,QAAAb;AAAA,QACA,KAAAD;AAAA,QACA,OAAOkB;AAAA,QACP,IAAIjB,IAASc;AAAA,QACb,IAAIZ,EAAOc,CAAG,IAAIjB,IAAMC;AAAA,QACxB,GAAGW;AAAA,QACH,SAASP,EAAaa,CAAU;AAAA,QAChC,OAAOd,EAAWc,CAAU;AAAA,MACpC;AAAA,IACI,CAAC;AAAA,EACH,CAAC;AACD,SAAIR,IAA8BS,gBAAAA,EAAKC,GAAW;AAAA,IAChD,UAAUV,EAASG,CAAO;AAAA,EAC9B,CAAG,IACmBM,gBAAAA,EAAKE,GAAO;AAAA,IAC9B,WAAW;AAAA,IACX,KAAKxB;AAAA,IACL,MAAMC;AAAA,IACN,UAAUe,EAAQ,IAAI,CAAAS,MAAWA,EAAQ,IAAI,CAAAN,MAAoBG,gBAAAA,EAAK,UAAU;AAAA,MAC9E,WAAWI,EAAG,uBAAuB3B,CAAS;AAAA,MAC9C,GAAGoB,EAAI;AAAA,MACP,IAAIA,EAAI;AAAA,MACR,IAAIA,EAAI;AAAA,MACR,MAAMA,EAAI;AAAA,MACV,aAAaA,EAAI;AAAA,MACjB,GAAGL;AAAA,IACT,GAAO,uBAAuBK,EAAI,GAAG,IAAIA,EAAI,MAAM,EAAE,CAAC,CAAC;AAAA,EACvD,CAAG;AACH;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es109.js","sources":["../src/components/PhyloTree/LeafNodeLabel.tsx"],"sourcesContent":["import { PhyloTreeProps, TreeNode } from \"./types\";\nimport { Group } from \"@visx/group\";\nimport { memo } from \"react\";\n\n\nexport type LeafNodeLabelProps = {\n  // node.x is the angle the node is at in radial layout while base/scaled are true x/y position in svg\n  nodeX: number;\n  baseNodeX: TreeNode[\"baseNodeX\"];\n  baseNodeY: TreeNode[\"baseNodeY\"];\n  label: TreeNode[\"label\"];\n  color: TreeNode[\"color\"];\n  fontSize: PhyloTreeProps[\"leafFontSize\"];\n  fontFamily: PhyloTreeProps[\"leafFontFamily\"];\n  strokeWidth: TreeNode[\"labelStrokeWidth\"]\n};\n\nexport const LeafNodeLabel = memo(function LeafNodeLabel({\n  nodeX,\n  color,\n  baseNodeX,\n  baseNodeY,\n  label,\n  fontSize,\n  fontFamily,\n  strokeWidth\n}: LeafNodeLabelProps) {\n  const angleDeg = (nodeX * 180) / Math.PI - 90;\n  const flip = angleDeg > 90 || angleDeg < -90;\n  const rotation = flip ? angleDeg + 180 : angleDeg;\n  const textAnchor: \"start\" | \"end\" = flip ? \"end\" : \"start\";\n  const xOffset = flip ? -6 : 6;\n\n  return (\n    <Group\n      top={baseNodeY}\n      left={baseNodeX}\n    >\n      <text\n        fontSize={fontSize}\n        fontFamily={fontFamily}\n        fill={color}\n        stroke={color}\n        strokeWidth={strokeWidth}\n        paintOrder=\"stroke\"\n        transform={`rotate(${rotation}) translate(0, ${(fontSize ?? 2.4) / 3})`}\n        textAnchor={textAnchor}\n        x={xOffset}\n      >\n        {label === \"Human\" ? `${label} \\u2605\\u2605\\u2605` : label}\n      </text>\n      <circle\n        r={1.5}\n        fill={color}\n      />\n    </Group>\n  );\n});\n"],"names":["LeafNodeLabel","memo","t0","$","_c","nodeX","color","baseNodeX","baseNodeY","label","fontSize","fontFamily","strokeWidth","angleDeg","Math","PI","flip","rotation","textAnchor","xOffset","t1","t2","t3","t4","jsx","t5","jsxs","Group"],"mappings":";;;;AAiBO,MAAMA,IAAgBC,EAAK,SAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAuB;AAAA,IAAAC,OAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,aAAAA;AAAAA,EAAAA,IAAAV,GAUvDW,IAAkBR,IAAQ,MAAOS,KAAIC,KAAM,IAC3CC,IAAaH,IAAW,MAAMA,IAAW,KACzCI,IAAiBD,IAAOH,IAAW,MAAlBA,GACjBK,IAAoCF,IAAA,QAAA,SACpCG,IAAgBH,IAAA,KAAA,GAcCI,IAAA,UAAUH,CAAQ,mBAAmBP,KAAA,OAAmB,CAAC,KAInEW,IAAAZ,MAAU,UAAV,GAAuBA,CAAK,SAA5BA;AAAyD,MAAAa;AAAA,EAAAnB,EAAA,CAAA,MAAAG,KAAAH,EAAA,CAAA,MAAAQ,KAAAR,EAAA,CAAA,MAAAO,KAAAP,EAAA,CAAA,MAAAS,KAAAT,EAAA,CAAA,MAAAiB,KAAAjB,EAAA,CAAA,MAAAkB,KAAAlB,EAAA,CAAA,MAAAe,KAAAf,SAAAgB,KAX5DG,sBAAA,QAAA,EACYZ,UAAAA,GACEC,YAAAA,GACNL,MAAAA,GACEA,QAAAA,GACKM,aAAAA,GACF,YAAA,UACA,WAAAQ,GACCF,YAAAA,GACTC,GAEFE,UAAAA,GACH,GAAOlB,OAAAG,GAAAH,OAAAQ,GAAAR,OAAAO,GAAAP,OAAAS,GAAAT,OAAAiB,GAAAjB,OAAAkB,GAAAlB,OAAAe,GAAAf,OAAAgB,GAAAhB,OAAAmB,KAAAA,IAAAnB,EAAA,CAAA;AAAA,MAAAoB;AAAA,EAAApB,SAAAG,KACPiB,IAAA,gBAAAC,EAAA,UAAA,EACK,GAAA,KACGlB,MAAAA,GAAK,GACXH,OAAAG,GAAAH,QAAAoB,KAAAA,IAAApB,EAAA,EAAA;AAAA,MAAAsB;AAAA,SAAAtB,EAAA,EAAA,MAAAI,KAAAJ,EAAA,EAAA,MAAAK,KAAAL,EAAA,EAAA,MAAAmB,KAAAnB,UAAAoB,KApBJE,IAAA,gBAAAC,EAACC,GAAA,EACMnB,KAAAA,GACCD,SAENe,UAAAA;AAAAA,IAAAA;AAAAA,IAaAC;AAAAA,EAAAA,GAIF,GAAQpB,QAAAI,GAAAJ,QAAAK,GAAAL,QAAAmB,GAAAnB,QAAAoB,GAAApB,QAAAsB,KAAAA,IAAAtB,EAAA,EAAA,GArBRsB;AAqBQ,CAEX;"}

package/dist/visualization.es11.js

@@ -1,17 +1,17 @@
 import { jsx as n, jsxs as C, Fragment as z } from "react/jsx-runtime";
 import { useRef as E, useMemo as g, useImperativeHandle as J } from "react";
-import { getTextHeight as O } from "./visualization.es27.js";
-import K from "./visualization.es28.js";
-import { downloadSVGAsPNG as Q, downloadAsSVG as U, getAnimationProps as Z } from "./visualization.es29.js";
+import { getTextHeight as O } from "./visualization.es81.js";
+import K from "./visualization.es89.js";
+import { downloadSVGAsPNG as Q, downloadAsSVG as U, getAnimationProps as Z } from "./visualization.es31.js";
 import { useResponsiveParentSize as _ } from "./visualization.es18.js";
-import R from "./visualization.es23.js";
-import T from "./visualization.es22.js";
-import H from "./visualization.es30.js";
+import R from "./visualization.es26.js";
+import T from "./visualization.es25.js";
+import H from "./visualization.es51.js";
 import { ResponsiveContainer as p } from "./visualization.es14.js";
-import tt from "./visualization.es31.js";
-import { motion as et } from "./visualization.es32.js";
-import N from "./visualization.es33.js";
-import X from "./visualization.es34.js";
+import tt from "./visualization.es34.js";
+import { motion as et } from "./visualization.es45.js";
+import N from "./visualization.es52.js";
+import X from "./visualization.es56.js";
 const xt = (t) => {
   const {
     parentRef: F,

package/dist/visualization.es112.js

@@ -1,5 +1,5 @@
-import { __module as I } from "./visualization.es161.js";
-import { __require as Q } from "./visualization.es162.js";
+import { __module as I } from "./visualization.es163.js";
+import { __require as Q } from "./visualization.es164.js";
 var J = I.exports, X;
 function z() {
   return X ? I.exports : (X = 1, (function(W, _) {

package/dist/visualization.es116.js

@@ -1,13 +1,13 @@
-import { popperGenerator as r } from "./visualization.es504.js";
-import o from "./visualization.es513.js";
-import e from "./visualization.es514.js";
-import p from "./visualization.es515.js";
+import { popperGenerator as r } from "./visualization.es512.js";
+import o from "./visualization.es521.js";
+import e from "./visualization.es522.js";
+import p from "./visualization.es523.js";
 import t from "./visualization.es117.js";
-import m from "./visualization.es516.js";
-import f from "./visualization.es517.js";
-import i from "./visualization.es518.js";
-import s from "./visualization.es519.js";
-import a from "./visualization.es520.js";
+import m from "./visualization.es524.js";
+import f from "./visualization.es525.js";
+import i from "./visualization.es526.js";
+import s from "./visualization.es527.js";
+import a from "./visualization.es528.js";
 var l = [o, e, p, t, m, f, i, s, a], h = /* @__PURE__ */ r({
   defaultModifiers: l
 });

package/dist/visualization.es117.js

@@ -1,5 +1,5 @@
-import c from "./visualization.es546.js";
-import { isHTMLElement as f } from "./visualization.es512.js";
+import c from "./visualization.es554.js";
+import { isHTMLElement as f } from "./visualization.es520.js";
 function p(l) {
   var e = l.state;
   Object.keys(e.elements).forEach(function(t) {

package/dist/visualization.es12.js

@@ -1,8 +1,8 @@
 import { jsx as m } from "react/jsx-runtime";
 import { c as S } from "react/compiler-runtime";
 import { memo as T, useState as P, useImperativeHandle as b } from "react";
-import g from "./visualization.es64.js";
-import x from "./visualization.es72.js";
+import g from "./visualization.es21.js";
+import x from "./visualization.es22.js";
 const c = 10;
 function y(l) {
   const t = S(10), {

package/dist/visualization.es120.js

@@ -1,61 +1,35 @@
-import { jsx as l, jsxs as _ } from "react/jsx-runtime";
-import { c as k } from "react/compiler-runtime";
-import { Add as y, Remove as C, SettingsBackupRestore as Z, Timeline as z } from "@mui/icons-material";
-import { Tooltip as b, IconButton as g } from "@mui/material";
-const T = (u) => {
-  const e = k(22), {
-    scaleZoom: t,
-    resetZoom: x,
-    toggleBranchLength: S
-  } = u;
+import { jsx as u } from "react/jsx-runtime";
+import { c as S } from "react/compiler-runtime";
+import { getAnimationProps as T } from "./visualization.es31.js";
+import { getTrianglePoints as A } from "./visualization.es17.js";
+import { motion as W } from "./visualization.es45.js";
+const G = (k) => {
+  const o = S(19), {
+    pointData: g,
+    animation: e,
+    animationGroupSize: a,
+    animationBuffer: i,
+    xScaleTransformed: n,
+    yScaleTransformed: s,
+    boundedWidth: c,
+    boundedHeight: l
+  } = k;
+  let t;
+  if (o[0] !== e || o[1] !== i || o[2] !== a || o[3] !== l || o[4] !== c || o[5] !== g || o[6] !== n || o[7] !== s) {
+    let f;
+    o[9] !== e || o[10] !== i || o[11] !== a || o[12] !== l || o[13] !== c || o[14] !== n || o[15] !== s ? (f = (r, y) => {
+      const x = W.g, b = Math.floor(y / (a ?? 1)), P = T(e, b, i ?? 0.03), p = n(r.x), d = s(r.y);
+      if (p < 0 || p > c || d < 0 || d > l)
+        return null;
+      const h = r.r ?? 3;
+      return /* @__PURE__ */ u(x, { ...P, children: r.shape === "triangle" ? /* @__PURE__ */ u("polygon", { points: A(p, d, h), fill: r.color ?? "black", stroke: r.stroke, opacity: r.opacity ?? 1 }) : /* @__PURE__ */ u("circle", { cx: p, cy: d, r: h, fill: r.color ?? "black", stroke: r.stroke, opacity: r.opacity ?? 1 }) }, `pt-${y}`);
+    }, o[9] = e, o[10] = i, o[11] = a, o[12] = l, o[13] = c, o[14] = n, o[15] = s, o[16] = f) : f = o[16], t = g.map(f), o[0] = e, o[1] = i, o[2] = a, o[3] = l, o[4] = c, o[5] = g, o[6] = n, o[7] = s, o[8] = t;
+  } else
+    t = o[8];
   let m;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = {
-    position: "absolute",
-    margin: "4px",
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "flex-start",
-    background: "rgba(255, 255, 255, 0.6)",
-    backdropFilter: "blur(2px)",
-    WebkitBackdropFilter: "blur(2px)",
-    border: "1px solid rgba(255, 255, 255, 0.3)",
-    boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)"
-  }, e[0] = m) : m = e[0];
-  let o;
-  e[1] !== t ? (o = () => t({
-    scaleX: 1.2,
-    scaleY: 1.2
-  }), e[1] = t, e[2] = o) : o = e[2];
-  let a;
-  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ l(y, { fontSize: "small" }), e[3] = a) : a = e[3];
-  let i;
-  e[4] !== o ? (i = /* @__PURE__ */ l(b, { title: "Zoom In", placement: "right", children: /* @__PURE__ */ l(g, { onClick: o, children: a }) }), e[4] = o, e[5] = i) : i = e[5];
-  let r;
-  e[6] !== t ? (r = () => t({
-    scaleX: 0.8333333333333334,
-    scaleY: 0.8333333333333334
-  }), e[6] = t, e[7] = r) : r = e[7];
-  let f;
-  e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ l(C, { fontSize: "small" }), e[8] = f) : f = e[8];
-  let n;
-  e[9] !== r ? (n = /* @__PURE__ */ l(b, { title: "Zoom Out", placement: "right", children: /* @__PURE__ */ l(g, { onClick: r, children: f }) }), e[9] = r, e[10] = n) : n = e[10];
-  let h;
-  e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ l(Z, { fontSize: "small" }), e[11] = h) : h = e[11];
-  let c;
-  e[12] !== x ? (c = /* @__PURE__ */ l(b, { title: "Reset Zoom", placement: "right", children: /* @__PURE__ */ l(g, { onClick: x, children: h }) }), e[12] = x, e[13] = c) : c = e[13];
-  let p;
-  e[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ l(z, { fontSize: "small" }), e[14] = p) : p = e[14];
-  let s;
-  e[15] !== S ? (s = /* @__PURE__ */ l(b, { title: "Toggle Evolutionary Distance", placement: "right", children: /* @__PURE__ */ l(g, { onClick: S, children: p }) }), e[15] = S, e[16] = s) : s = e[16];
-  let d;
-  return e[17] !== s || e[18] !== i || e[19] !== n || e[20] !== c ? (d = /* @__PURE__ */ _("div", { style: m, children: [
-    i,
-    n,
-    c,
-    s
-  ] }), e[17] = s, e[18] = i, e[19] = n, e[20] = c, e[21] = d) : d = e[21], d;
+  return o[17] !== t ? (m = /* @__PURE__ */ u("g", { children: t }), o[17] = t, o[18] = m) : m = o[18], m;
 };
 export {
-  T as ControlPanel
+  G as default
 };
 //# sourceMappingURL=visualization.es120.js.map

package/dist/visualization.es120.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es120.js","sources":["../src/components/PhyloTree/ControlPanel.tsx"],"sourcesContent":["import { Add, Remove, SettingsBackupRestore, Timeline } from \"@mui/icons-material\";\nimport { Tooltip, IconButton } from \"@mui/material\";\nimport { ProvidedZoom } from \"@visx/zoom\";\n\nexport type ControlPanelProps = {\n  scaleZoom: ProvidedZoom<SVGSVGElement>[\"scale\"]\n  resetZoom: ProvidedZoom<SVGSVGElement>[\"reset\"]\n  toggleBranchLength: () => void\n}\n\nexport const ControlPanel = ({scaleZoom, resetZoom, toggleBranchLength}: ControlPanelProps) => {\n  return (\n    <div\n      style={{\n        position: \"absolute\",\n        margin: \"4px\",\n        display: \"flex\",\n        flexDirection: \"column\",\n        alignItems: \"flex-start\",\n        background: \"rgba(255, 255, 255, 0.6)\",\n        backdropFilter: \"blur(2px)\",\n        WebkitBackdropFilter: \"blur(2px)\", // Safari support\n        border: \"1px solid rgba(255, 255, 255, 0.3)\",\n        boxShadow: \"0 2px 8px rgba(0, 0, 0, 0.1)\",\n      }}\n    >\n      <Tooltip title=\"Zoom In\" placement=\"right\">\n        <IconButton onClick={() => scaleZoom({ scaleX: 1.2, scaleY: 1.2 })}>\n          <Add fontSize=\"small\" />\n        </IconButton>\n      </Tooltip>\n      <Tooltip title=\"Zoom Out\" placement=\"right\">\n        <IconButton onClick={() => scaleZoom({ scaleX: 1 / 1.2, scaleY: 1 / 1.2 })}>\n          <Remove fontSize=\"small\" />\n        </IconButton>\n      </Tooltip>\n      <Tooltip title=\"Reset Zoom\" placement=\"right\">\n        <IconButton onClick={resetZoom}>\n          <SettingsBackupRestore fontSize=\"small\" />\n        </IconButton>\n      </Tooltip>\n      <Tooltip title=\"Toggle Evolutionary Distance\" placement=\"right\">\n        <IconButton onClick={toggleBranchLength}>\n          <Timeline fontSize=\"small\" />\n        </IconButton>\n      </Tooltip>\n    </div>\n  );\n}"],"names":["ControlPanel","t0","$","_c","scaleZoom","resetZoom","toggleBranchLength","t1","Symbol","for","position","margin","display","flexDirection","alignItems","background","backdropFilter","WebkitBackdropFilter","border","boxShadow","t2","scaleX","scaleY","t3","Add","t4","jsx","Tooltip","IconButton","t5","t6","Remove","t7","t8","SettingsBackupRestore","t9","t10","Timeline","t11","t12","jsxs"],"mappings":"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"}
+{"version":3,"file":"visualization.es120.js","sources":["../src/components/ScatterPlot/AnimatedPoints.tsx"],"sourcesContent":["import React from \"react\";\nimport { motion } from \"framer-motion\";\nimport { ScaleLinear } from \"@visx/vendor/d3-scale\";\nimport { AnimationType, getAnimationProps } from \"../../utility\";\nimport { Point } from \"./types\";\nimport { getTrianglePoints } from \"./helpers\";\n\ntype AnimatedPointsProps<T extends object> = {\n    pointData: Point<T>[];\n    animation: AnimationType;\n    animationGroupSize?: number;\n    animationBuffer?: number;\n    xScaleTransformed: ScaleLinear<number, number, never>;\n    yScaleTransformed: ScaleLinear<number, number, never>;\n    boundedWidth: number;\n    boundedHeight: number;\n};\n\nconst AnimatedPoints = <T extends object>({\n    pointData,\n    animation,\n    animationGroupSize,\n    animationBuffer,\n    xScaleTransformed,\n    yScaleTransformed,\n    boundedWidth,\n    boundedHeight,\n}: AnimatedPointsProps<T>) => (\n    <g>\n        {pointData.map((point, index) => {\n            const Wrapper = motion.g;\n            const groupIndex = Math.floor(index / (animationGroupSize ?? 1));\n            const animationProps = getAnimationProps(animation, groupIndex, animationBuffer ?? 0.03);\n            const cx = xScaleTransformed(point.x);\n            const cy = yScaleTransformed(point.y);\n            if (cx < 0 || cx > boundedWidth || cy < 0 || cy > boundedHeight) return null;\n            const radius = point.r ?? 3;\n            return (\n                <Wrapper key={`pt-${index}`} {...animationProps}>\n                    {point.shape === \"triangle\" ? (\n                        <polygon\n                            points={getTrianglePoints(cx, cy, radius)}\n                            fill={point.color ?? \"black\"}\n                            stroke={point.stroke}\n                            opacity={point.opacity ?? 1}\n                        />\n                    ) : (\n                        <circle\n                            cx={cx}\n                            cy={cy}\n                            r={radius}\n                            fill={point.color ?? \"black\"}\n                            stroke={point.stroke}\n                            opacity={point.opacity ?? 1}\n                        />\n                    )}\n                </Wrapper>\n            );\n        })}\n    </g>\n);\n\nexport default AnimatedPoints;\n"],"names":["AnimatedPoints","t0","$","_c","pointData","animation","animationGroupSize","animationBuffer","xScaleTransformed","yScaleTransformed","boundedWidth","boundedHeight","t1","t2","point","index","Wrapper","motion","g","groupIndex","Math","floor","animationProps","getAnimationProps","cx","x","cy","y","radius","r","jsx","shape","getTrianglePoints","color","stroke","opacity","map"],"mappings":";;;;;AAkBA,MAAMA,IAAiBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAmB;AAAA,IAAAC,WAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC,oBAAAA;AAAAA,IAAAC,iBAAAA;AAAAA,IAAAC,mBAAAA;AAAAA,IAAAC,mBAAAA;AAAAA,IAAAC,cAAAA;AAAAA,IAAAC,eAAAA;AAAAA,EAAAA,IAAAV;AASjB,MAAAW;AAAA,MAAAV,EAAA,CAAA,MAAAG,KAAAH,EAAA,CAAA,MAAAK,KAAAL,EAAA,CAAA,MAAAI,KAAAJ,EAAA,CAAA,MAAAS,KAAAT,EAAA,CAAA,MAAAQ,KAAAR,EAAA,CAAA,MAAAE,KAAAF,EAAA,CAAA,MAAAM,KAAAN,SAAAO,GAAA;AAAA,QAAAI;AAAA,IAAAX,EAAA,CAAA,MAAAG,KAAAH,EAAA,EAAA,MAAAK,KAAAL,EAAA,EAAA,MAAAI,KAAAJ,UAAAS,KAAAT,EAAA,EAAA,MAAAQ,KAAAR,EAAA,EAAA,MAAAM,KAAAN,EAAA,EAAA,MAAAO,KAEFI,IAAAA,CAAAC,GAAAC,MAAA;AACX,YAAAC,IAAgBC,EAAMC,GACtBC,IAAmBC,KAAIC,MAAON,KAAST,KAAA,EAAwB,GAC/DgB,IAAuBC,EAAkBlB,GAAWc,GAAYZ,KAAA,IAAuB,GACvFiB,IAAWhB,EAAkBM,EAAKW,CAAE,GACpCC,IAAWjB,EAAkBK,EAAKa,CAAE;AACpC,UAAIH,IAAK,KAAKA,IAAKd,KAAgBgB,IAAK,KAAKA,IAAKf;AAAa,eAAS;AACxE,YAAAiB,IAAed,EAAKe,KAAL;AAAa,aAExB,gBAAAC,EAACd,KAA0B,GAAMM,GAC5BR,YAAKiB,UAAW,4CAED,QAAAC,EAAkBR,GAAIE,GAAIE,CAAM,GAClC,MAAAd,EAAKmB,SAAL,SACE,QAAAnB,EAAKoB,QACJ,SAAApB,EAAKqB,WAAL,EAAA,CAAkB,IAG/B,gBAAAL,cACQN,IAAAA,GACAE,IAAAA,GACDE,MACG,MAAAd,EAAKmB,SAAL,SACE,QAAAnB,EAAKoB,QACJ,SAAApB,EAAKqB,WAAL,EAAA,CAAkB,EAAA,SAfnBpB,CAAK,EAkBzB;AAAA,IAAU,GAEjBb,OAAAG,GAAAH,QAAAK,GAAAL,QAAAI,GAAAJ,QAAAS,GAAAT,QAAAQ,GAAAR,QAAAM,GAAAN,QAAAO,GAAAP,QAAAW,KAAAA,IAAAX,EAAA,EAAA,GA7BAU,IAAAR,EAASgC,IAAKvB,CA6Bd,GAACX,OAAAG,GAAAH,OAAAK,GAAAL,OAAAI,GAAAJ,OAAAS,GAAAT,OAAAQ,GAAAR,OAAAE,GAAAF,OAAAM,GAAAN,OAAAO,GAAAP,OAAAU;AAAAA,EAAA;AAAAA,IAAAA,IAAAV,EAAA,CAAA;AAAA,MAAAW;AAAA,SAAAX,UAAAU,KA9BNC,6BACKD,UAAAA,EAAAA,CA8BL,GAAIV,QAAAU,GAAAV,QAAAW,KAAAA,IAAAX,EAAA,EAAA,GA/BJW;AA+BI;"}

package/dist/visualization.es121.js

@@ -1,35 +1,48 @@
-import { jsx as u } from "react/jsx-runtime";
-import { c as p } from "react/compiler-runtime";
-import { memo as g } from "react";
-import M from "./visualization.es26.js";
-const D = g((a) => {
-  const o = p(11), {
-    dragStart: r,
-    dragMove: s,
-    dragEnd: e,
-    scale: c,
-    isDragging: l
-  } = a;
-  let t;
-  o[0] !== e || o[1] !== l ? (t = () => {
-    l && e();
-  }, o[0] = e, o[1] = l, o[2] = t) : t = o[2];
-  let n;
-  o[3] !== c ? (n = (m) => {
-    const f = M(m) || {
-      x: 0,
-      y: 0
-    };
-    c({
-      scaleX: 1.5,
-      scaleY: 1.5,
-      point: f
-    });
-  }, o[3] = c, o[4] = n) : n = o[4];
-  let i;
-  return o[5] !== e || o[6] !== s || o[7] !== r || o[8] !== t || o[9] !== n ? (i = /* @__PURE__ */ u("rect", { width: "100%", height: "100%", fill: "transparent", onTouchStart: r, onTouchMove: s, onTouchEnd: e, onMouseDown: r, onMouseMove: s, onMouseUp: e, onMouseLeave: t, onDoubleClick: n }), o[5] = e, o[6] = s, o[7] = r, o[8] = t, o[9] = n, o[10] = i) : i = o[10], i;
-});
+import { jsxs as E, jsx as b } from "react/jsx-runtime";
+import { c as $ } from "react/compiler-runtime";
+import v from "./visualization.es34.js";
+const H = (u) => {
+  const t = $(15), {
+    pointData: x,
+    xScaleTransformed: a,
+    yScaleTransformed: f,
+    boundedWidth: n,
+    boundedHeight: l,
+    margin: o
+  } = u;
+  if (!x.some(z))
+    return null;
+  const T = o.top, j = o.left;
+  let s;
+  if (t[0] !== l || t[1] !== n || t[2] !== x || t[3] !== a || t[4] !== f) {
+    let m;
+    t[6] !== l || t[7] !== n || t[8] !== a || t[9] !== f ? (m = (r, k) => {
+      if (!r.label)
+        return null;
+      const c = a(r.x), i = f(r.y);
+      if (c < 0 || c > n || i < 0 || i > l)
+        return null;
+      const p = r.label.length * 7, y = r.r ?? 3, g = Math.atan2(i - l / 2, c - n / 2);
+      let e = Math.cos(g), d = Math.sin(g);
+      const W = c + e * 15, A = e >= 0 ? W + 4 + p : W - 4 - p;
+      (A > n || A < 0) && (e = -e);
+      const M = i + d * 15;
+      (M < 0 || M > l) && (d = -d);
+      const R = c + e * 15, S = i + d * 15, w = e >= 0 ? "start" : "end";
+      return /* @__PURE__ */ E("g", { pointerEvents: "none", children: [
+        /* @__PURE__ */ b("line", { x1: c + e * y, y1: i + d * y, x2: R, y2: S, stroke: "#555", strokeWidth: 1 }),
+        /* @__PURE__ */ b("text", { x: R + (e >= 0 ? 4 : -4), y: S, textAnchor: w, dominantBaseline: "middle", fontSize: 11, fontWeight: "bold", fill: "#1c1917", children: r.label })
+      ] }, `lbl-${k}`);
+    }, t[6] = l, t[7] = n, t[8] = a, t[9] = f, t[10] = m) : m = t[10], s = x.map(m), t[0] = l, t[1] = n, t[2] = x, t[3] = a, t[4] = f, t[5] = s;
+  } else
+    s = t[5];
+  let h;
+  return t[11] !== o.left || t[12] !== o.top || t[13] !== s ? (h = /* @__PURE__ */ b(v, { top: T, left: j, children: s }), t[11] = o.left, t[12] = o.top, t[13] = s, t[14] = h) : h = t[14], h;
+};
+function z(u) {
+  return u.label;
+}
 export {
-  D as ZoomSurface
+  H as default
 };
 //# sourceMappingURL=visualization.es121.js.map

package/dist/visualization.es121.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es121.js","sources":["../src/components/PhyloTree/ZoomSurface.tsx"],"sourcesContent":["import { localPoint } from \"@visx/event\";\nimport { memo } from \"react\";\n\ntype ZoomSurfaceProps = {\n  dragStart: (event: React.TouchEvent | React.MouseEvent) => void;\n  dragMove: (event: React.TouchEvent | React.MouseEvent) => void;\n  dragEnd: () => void;\n  scale: (args: { scaleX: number; scaleY: number; point?: { x: number; y: number } }) => void;\n  isDragging: boolean;\n};\n\n\n/**\n * rect which catches and handles zoom events\n */\n\nexport const ZoomSurface = memo(\n  ({ dragStart, dragMove, dragEnd, scale, isDragging }: ZoomSurfaceProps) => {\n    return (\n      <rect\n        width=\"100%\"\n        height=\"100%\"\n        fill=\"transparent\"\n        onTouchStart={dragStart}\n        onTouchMove={dragMove}\n        onTouchEnd={dragEnd}\n        onMouseDown={dragStart}\n        onMouseMove={dragMove}\n        onMouseUp={dragEnd}\n        onMouseLeave={() => {\n          if (isDragging) dragEnd();\n        }}\n        onDoubleClick={(event) => {\n          const point = localPoint(event) || { x: 0, y: 0 };\n          scale({ scaleX: 1.5, scaleY: 1.5, point });\n        }}\n      />\n    );\n  }\n);"],"names":["ZoomSurface","memo","t0","$","_c","dragStart","dragMove","dragEnd","scale","isDragging","t1","t2","event","point","localPoint","x","y","scaleX","scaleY","t3","jsx"],"mappings":";;;;AAgBO,MAAMA,IAAcC,EACzBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAC;AAAA,IAAAC,WAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,YAAAA;AAAAA,EAAAA,IAAAP;AAAqE,MAAAQ;AAAA,EAAAP,EAAA,CAAA,MAAAI,KAAAJ,SAAAM,KAYlDC,IAAAA,MAAA;AACZ,IAAID,KAAYF,EAAAA;AAAAA,EAAU,GAC3BJ,OAAAI,GAAAJ,OAAAM,GAAAN,OAAAO,KAAAA,IAAAP,EAAA,CAAA;AAAA,MAAAQ;AAAA,EAAAR,SAAAK,KACcG,IAAAC,CAAAA,MAAA;AACb,UAAAC,IAAcC,EAAWF,CAAuB,KAAlC;AAAA,MAAAG,GAA0B;AAAA,MAACC,GAAK;AAAA,IAAA;AAC9CR,IAAAA,EAAM;AAAA,MAAAS,QAAU;AAAA,MAAGC,QAAU;AAAA,MAAGL,OAAAA;AAAAA,IAAAA,CAAS;AAAA,EAAC,GAC3CV,OAAAK,GAAAL,OAAAQ,KAAAA,IAAAR,EAAA,CAAA;AAAA,MAAAgB;AAAA,SAAAhB,EAAA,CAAA,MAAAI,KAAAJ,EAAA,CAAA,MAAAG,KAAAH,EAAA,CAAA,MAAAE,KAAAF,EAAA,CAAA,MAAAO,KAAAP,SAAAQ,KAhBHQ,IAAA,gBAAAC,EAAA,UACQ,OAAA,QACC,QAAA,QACF,MAAA,eACSf,cAAAA,GACDC,aAAAA,GACDC,YAAAA,GACCF,aAAAA,GACAC,aAAAA,GACFC,WAAAA,GACG,cAAAG,GAGC,eAAAC,EAAAA,CAGd,GACDR,OAAAI,GAAAJ,OAAAG,GAAAH,OAAAE,GAAAF,OAAAO,GAAAP,OAAAQ,GAAAR,QAAAgB,KAAAA,IAAAhB,EAAA,EAAA,GAjBFgB;AAiBE,CAGR;"}
+{"version":3,"file":"visualization.es121.js","sources":["../src/components/ScatterPlot/PointLabels.tsx"],"sourcesContent":["import React from \"react\";\nimport { Group } from \"@visx/group\";\nimport { ScaleLinear } from \"@visx/vendor/d3-scale\";\nimport { Point } from \"./types\";\n\ntype PointLabelsProps<T extends object> = {\n    pointData: Point<T>[];\n    xScaleTransformed: ScaleLinear<number, number, never>;\n    yScaleTransformed: ScaleLinear<number, number, never>;\n    boundedWidth: number;\n    boundedHeight: number;\n    margin: { top: number; left: number };\n};\n\nconst PointLabels = <T extends object>({\n    pointData,\n    xScaleTransformed,\n    yScaleTransformed,\n    boundedWidth,\n    boundedHeight,\n    margin,\n}: PointLabelsProps<T>) => {\n    if (!pointData.some(p => p.label)) return null;\n\n    return (\n        <Group top={margin.top} left={margin.left}>\n            {pointData.map((point, i) => {\n                if (!point.label) return null;\n                const cx = xScaleTransformed(point.x);\n                const cy = yScaleTransformed(point.y);\n                if (cx < 0 || cx > boundedWidth || cy < 0 || cy > boundedHeight) return null;\n\n                const lineLen = 15;\n                const estTextWidth = point.label.length * 7;\n                const circleR = (point.r ?? 3);\n                const angle = Math.atan2(cy - boundedHeight / 2, cx - boundedWidth / 2);\n                let cosA = Math.cos(angle);\n                let sinA = Math.sin(angle);\n\n                // Flip horizontal if text would overflow left/right\n                const lxRaw = cx + cosA * lineLen;\n                const textEndX = cosA >= 0 ? lxRaw + 4 + estTextWidth : lxRaw - 4 - estTextWidth;\n                if (textEndX > boundedWidth || textEndX < 0) cosA = -cosA;\n\n                // Flip vertical if line endpoint would overflow top/bottom\n                const lyRaw = cy + sinA * lineLen;\n                if (lyRaw < 0 || lyRaw > boundedHeight) sinA = -sinA;\n\n                const lx = cx + cosA * lineLen;\n                const ly = cy + sinA * lineLen;\n                const anchor = cosA >= 0 ? \"start\" : \"end\";\n\n                return (\n                    <g key={`lbl-${i}`} pointerEvents=\"none\">\n                        <line x1={cx + cosA * circleR} y1={cy + sinA * circleR} x2={lx} y2={ly} stroke=\"#555\" strokeWidth={1} />\n                        <text x={lx + (cosA >= 0 ? 4 : -4)} y={ly} textAnchor={anchor} dominantBaseline=\"middle\" fontSize={11} fontWeight=\"bold\" fill=\"#1c1917\">\n                            {point.label}\n                        </text>\n                    </g>\n                );\n            })}\n        </Group>\n    );\n};\n\nexport default PointLabels;\n"],"names":["PointLabels","t0","$","_c","pointData","xScaleTransformed","yScaleTransformed","boundedWidth","boundedHeight","margin","some","_temp","t1","top","t2","left","t3","t4","point","i","label","cx","x","cy","y","estTextWidth","length","circleR","r","angle","Math","atan2","cosA","cos","sinA","sin","lxRaw","textEndX","lyRaw","lx","ly","anchor","jsxs","jsx","map","Group","p"],"mappings":"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"}