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

package/dist/visualization.es104.js

@@ -1,79 +1,50 @@
-import { jsx as l, jsxs as F, Fragment as B } from "react/jsx-runtime";
-import { c as D } from "react/compiler-runtime";
-import { useId as E } from "react";
-import J from "./visualization.es30.js";
-import K from "./visualization.es31.js";
-const U = (M) => {
-  const e = D(49), {
-    backgroundGradient: y,
-    boundedHeight: t,
-    barLeft: W,
-    marginTop: _
-  } = M, w = E();
-  let p;
-  if (e[0] !== w) {
-    let G;
-    e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (G = /:/g, e[2] = G) : G = e[2], p = w.replace(G, ""), e[0] = w, e[1] = p;
-  } else
-    p = e[1];
-  const g = `sg-${p}`;
-  let b;
-  e[3] !== y.colorScale ? (b = y.colorScale ?? ["red", "white", "blue"], e[3] = y.colorScale, e[4] = b) : b = e[4];
-  const [C, $, j] = b, {
-    label: k,
-    minLabel: S,
-    midLabel: q,
-    maxLabel: u
-  } = y.legend;
-  let o;
-  e[5] !== j ? (o = /* @__PURE__ */ l("stop", { offset: "0%", stopColor: j }), e[5] = j, e[6] = o) : o = e[6];
-  let i;
-  e[7] !== $ ? (i = /* @__PURE__ */ l("stop", { offset: "50%", stopColor: $ }), e[7] = $, e[8] = i) : i = e[8];
-  let r;
-  e[9] !== C ? (r = /* @__PURE__ */ l("stop", { offset: "100%", stopColor: C }), e[9] = C, e[10] = r) : r = e[10];
-  let s;
-  e[11] !== g || e[12] !== o || e[13] !== i || e[14] !== r ? (s = /* @__PURE__ */ l("defs", { children: /* @__PURE__ */ F("linearGradient", { id: g, x1: "0", y1: "0", x2: "0", y2: "1", children: [
-    o,
-    i,
-    r
-  ] }) }), e[11] = g, e[12] = o, e[13] = i, e[14] = r, e[15] = s) : s = e[15];
-  const A = `url(#${g})`;
-  let n;
-  e[16] !== t || e[17] !== A ? (n = /* @__PURE__ */ l("rect", { x: 0, y: 0, width: 16, height: t, fill: A, stroke: "#aaa", strokeWidth: 0.5 }), e[16] = t, e[17] = A, e[18] = n) : n = e[18];
-  let L;
-  e[19] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (L = /* @__PURE__ */ l("line", { x1: 16, x2: 22, y1: 0, y2: 0, stroke: "#555", strokeWidth: 1 }), e[19] = L) : L = e[19];
-  const H = t / 2, I = t / 2;
-  let c;
-  e[20] !== H || e[21] !== I ? (c = /* @__PURE__ */ l("line", { x1: 16, x2: 22, y1: H, y2: I, stroke: "#555", strokeWidth: 1 }), e[20] = H, e[21] = I, e[22] = c) : c = e[22];
-  let f;
-  e[23] !== t ? (f = /* @__PURE__ */ l("line", { x1: 16, x2: 22, y1: t, y2: t, stroke: "#555", strokeWidth: 1 }), e[23] = t, e[24] = f) : f = e[24];
-  let d;
-  e[25] !== u ? (d = u && /* @__PURE__ */ l("text", { x: 26, y: 0, dy: "0.35em", fontSize: 10, fill: "#1c1917", children: u }), e[25] = u, e[26] = d) : d = e[26];
-  const T = t / 2, v = q ?? "0";
-  let a;
-  e[27] !== T || e[28] !== v ? (a = /* @__PURE__ */ l("text", { x: 26, y: T, dy: "0.35em", fontSize: 10, fill: "#1c1917", children: v }), e[27] = T, e[28] = v, e[29] = a) : a = e[29];
-  let m;
-  e[30] !== t || e[31] !== S ? (m = S && /* @__PURE__ */ l("text", { x: 26, y: t, dy: "0.35em", fontSize: 10, fill: "#1c1917", children: S }), e[30] = t, e[31] = S, e[32] = m) : m = e[32];
-  let x;
-  e[33] !== t || e[34] !== k ? (x = k && /* @__PURE__ */ l(J, { textAnchor: "middle", verticalAnchor: "end", angle: 90, fontSize: 14, y: t / 2, x: 0, dx: 65, children: k }), e[33] = t, e[34] = k, e[35] = x) : x = e[35];
+import { jsx as $ } from "react/jsx-runtime";
+import { c as A } from "react/compiler-runtime";
+import { memo as H } from "react";
+import { getAnimationProps as I } from "./visualization.es31.js";
+import { motion as M } from "./visualization.es45.js";
+const S = "visx-heatmap-cell", d = "visx-heatmap-cell-shape", z = `
+.${S} { cursor: pointer; }
+.${d} { transition: stroke-width 0.2s; pointer-events: all; }
+.${S}:hover .${d} { stroke-width: 2; }
+`, N = (o, t) => o.row !== t.row || o.column !== t.column || o.count !== t.count || o.gap !== t.gap || o.color !== t.color || o.opacity !== t.opacity || o.bin !== t.bin || o.datum !== t.datum ? !1 : "x" in o ? "x" in t && o.x === t.x && o.y === t.y && o.width === t.width && o.height === t.height : "cy" in t && o.cy === t.cy && o.r === t.r && o.radius === t.radius, O = (o, t) => o.fill === t.fill && o.fillOpacity === t.fillOpacity && o.isRect === t.isRect && o.binWidth === t.binWidth && o.colIndex === t.colIndex && o.animationType === t.animationType && o.tooltipRef === t.tooltipRef && o.onClick === t.onClick && N(o.bin, t.bin), B = H(function(t) {
+  const i = A(27), {
+    bin: e,
+    isRect: E,
+    binWidth: a,
+    fill: m,
+    fillOpacity: y,
+    colIndex: C,
+    animationType: P,
+    tooltipRef: l,
+    onClick: g
+  } = t, w = E && "width" in e && "height" in e && "x" in e && "y" in e, x = !E && "cy" in e && "r" in e;
   let h;
-  e[36] !== W || e[37] !== _ || e[38] !== c || e[39] !== f || e[40] !== d || e[41] !== a || e[42] !== m || e[43] !== x || e[44] !== n ? (h = /* @__PURE__ */ F(K, { top: _, left: W, children: [
-    n,
-    L,
-    c,
-    f,
-    d,
-    a,
-    m,
-    x
-  ] }), e[36] = W, e[37] = _, e[38] = c, e[39] = f, e[40] = d, e[41] = a, e[42] = m, e[43] = x, e[44] = n, e[45] = h) : h = e[45];
-  let z;
-  return e[46] !== h || e[47] !== s ? (z = /* @__PURE__ */ F(B, { children: [
-    s,
-    h
-  ] }), e[46] = h, e[47] = s, e[48] = z) : z = e[48], z;
-};
+  i[0] !== m || i[1] !== y ? (h = {
+    fill: m,
+    fillOpacity: y,
+    stroke: m,
+    strokeWidth: 0
+  }, i[0] = m, i[1] = y, i[2] = h) : h = i[2];
+  const p = h, k = P ? M.g : "g", L = P;
+  let f;
+  i[3] !== C || i[4] !== L ? (f = I(L, C), i[3] = C, i[4] = L, i[5] = f) : f = i[5];
+  const R = f;
+  let c;
+  i[6] !== e || i[7] !== l ? (c = (W) => l.current?.show(e, W), i[6] = e, i[7] = l, i[8] = c) : c = i[8];
+  let n;
+  i[9] !== l ? (n = () => l.current?.hide(), i[9] = l, i[10] = n) : n = i[10];
+  let s;
+  i[11] !== e || i[12] !== g ? (s = () => g?.(e), i[11] = e, i[12] = g, i[13] = s) : s = i[13];
+  let r;
+  i[14] !== e || i[15] !== a || i[16] !== x || i[17] !== w || i[18] !== p ? (r = w ? /* @__PURE__ */ $("rect", { className: `visx-heatmap-rect ${d}`, width: e.width, height: e.height, x: e.x, y: e.y, ...p }) : x ? /* @__PURE__ */ $("circle", { className: `visx-heatmap-circle ${d}`, cx: e.column * a + a / 2, cy: e.cy, r: e.r, ...p }) : null, i[14] = e, i[15] = a, i[16] = x, i[17] = w, i[18] = p, i[19] = r) : r = i[19];
+  let u;
+  return i[20] !== k || i[21] !== R || i[22] !== c || i[23] !== n || i[24] !== s || i[25] !== r ? (u = /* @__PURE__ */ $(k, { ...R, className: S, onMouseMove: c, onMouseLeave: n, onClick: s, children: r }), i[20] = k, i[21] = R, i[22] = c, i[23] = n, i[24] = s, i[25] = r, i[26] = u) : u = i[26], u;
+}, O);
 export {
-  U as default
+  S as CELL_CLASS,
+  d as CELL_SHAPE_CLASS,
+  B as default,
+  z as heatmapCellStyles
 };
 //# sourceMappingURL=visualization.es104.js.map

package/dist/visualization.es104.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es104.js","sources":["../src/components/ScatterPlot/GradientLegend.tsx"],"sourcesContent":["import React, { useId } from \"react\";\nimport { Group } from \"@visx/group\";\nimport { Text } from \"@visx/text\";\nimport { BackgroundGradient } from \"./types\";\n\ntype GradientLegendProps = {\n    backgroundGradient: BackgroundGradient;\n    boundedHeight: number;\n    barLeft: number;\n    marginTop: number;\n};\n\nconst GradientLegend = ({ backgroundGradient, boundedHeight, barLeft, marginTop }: GradientLegendProps) => {\n    const gradId = `sg-${useId().replace(/:/g, \"\")}`;\n    const [colorLow, colorMid, colorHigh] = backgroundGradient.colorScale ?? [\"red\", \"white\", \"blue\"];\n    const { label, minLabel, midLabel, maxLabel } = backgroundGradient.legend!;\n\n    return (\n        <>\n            <defs>\n                <linearGradient id={gradId} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                    <stop offset=\"0%\" stopColor={colorHigh} />\n                    <stop offset=\"50%\" stopColor={colorMid} />\n                    <stop offset=\"100%\" stopColor={colorLow} />\n                </linearGradient>\n            </defs>\n            <Group top={marginTop} left={barLeft}>\n                <rect x={0} y={0} width={16} height={boundedHeight} fill={`url(#${gradId})`} stroke=\"#aaa\" strokeWidth={0.5} />\n                <line x1={16} x2={22} y1={0} y2={0} stroke=\"#555\" strokeWidth={1} />\n                <line x1={16} x2={22} y1={boundedHeight / 2} y2={boundedHeight / 2} stroke=\"#555\" strokeWidth={1} />\n                <line x1={16} x2={22} y1={boundedHeight} y2={boundedHeight} stroke=\"#555\" strokeWidth={1} />\n                {maxLabel && <text x={26} y={0} dy=\"0.35em\" fontSize={10} fill=\"#1c1917\">{maxLabel}</text>}\n                <text x={26} y={boundedHeight / 2} dy=\"0.35em\" fontSize={10} fill=\"#1c1917\">{midLabel ?? \"0\"}</text>\n                {minLabel && <text x={26} y={boundedHeight} dy=\"0.35em\" fontSize={10} fill=\"#1c1917\">{minLabel}</text>}\n                {label && (\n                    <Text textAnchor=\"middle\" verticalAnchor=\"end\" angle={90} fontSize={14} y={boundedHeight / 2} x={0} dx={65}>\n                        {label}\n                    </Text>\n                )}\n            </Group>\n        </>\n    );\n};\n\nexport default GradientLegend;\n"],"names":["GradientLegend","t0","$","_c","backgroundGradient","boundedHeight","barLeft","marginTop","t1","useId","t2","t3","Symbol","for","replace","gradId","colorScale","colorLow","colorMid","colorHigh","label","minLabel","midLabel","maxLabel","legend","t4","jsx","t5","t6","t7","jsxs","t8","t9","t10","t11","t12","t13","t14","t15","t16","t17","t18","t19","t20","Text","t21","Group","t22"],"mappings":"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"}
+{"version":3,"file":"visualization.es104.js","sources":["../src/components/Heatmap/HeatmapCell.tsx"],"sourcesContent":["import { memo, MouseEvent } from \"react\";\nimport { motion } from \"framer-motion\";\nimport { getAnimationProps } from \"../../utility\";\nimport type { AnimationType } from \"../../utility\";\nimport type { AnyBin } from \"./HeatmapCells\";\nimport type { PlotTooltipRef } from \"../../tooltip\";\n\n/** Class on the <g> wrapping each cell. The hover rule keys off this. */\nexport const CELL_CLASS = \"visx-heatmap-cell\";\n/** Class on the <rect>/<circle> inside each cell. */\nexport const CELL_SHAPE_CLASS = \"visx-heatmap-cell-shape\";\n\n/**\n * Hover styling is plain CSS rather than React state: `:hover` costs no render at all, while\n * tracking hover in state re-renders on every cell the pointer crosses. Rendered once per chart\n * by Heatmap, inside the <svg> so it survives the SVG/PNG download serialization.\n *\n * The stroke is always painted in the cell's own fill color, so hovering only has to give it a\n * width. `strokeWidth={0}` below is a presentation attribute, which loses to any CSS rule - so\n * the hover rule wins without needing !important.\n *\n * `pointer-events: all` because cells with a null count render with fill=\"none\", and SVG's\n * default (visiblePainted) only treats painted area as a hit target - without this the pointer\n * falls through such a cell to the <svg> and it can never show its \"no data\" tooltip.\n */\nexport const heatmapCellStyles = `\n.${CELL_CLASS} { cursor: pointer; }\n.${CELL_SHAPE_CLASS} { transition: stroke-width 0.2s; pointer-events: all; }\n.${CELL_CLASS}:hover .${CELL_SHAPE_CLASS} { stroke-width: 2; }\n`;\n\nexport interface HeatmapCellProps {\n  bin: AnyBin;\n  isRect: boolean;\n  binWidth: number;\n  fill: string;\n  fillOpacity: number;\n  colIndex: number;\n  animationType?: AnimationType;\n  /** Stable for the life of the plot, so it never invalidates this cell's memoization. */\n  tooltipRef: PlotTooltipRef<AnyBin>;\n  onClick?: (bin: AnyBin) => void;\n}\n\n/**\n * visx rebuilds every bin object inside its own render, so `bin` always arrives with a fresh\n * identity and memo's default shallow compare can never bail out. Comparing the bin's fields\n * instead lets untouched cells skip re-rendering, which is what makes selection changes cheap:\n * only the cells whose appearance actually changed re-render, rather than the whole grid.\n *\n * `bin.bin` and `bin.datum` are the caller's own row/column data, which do keep identity, so a\n * reference check on those covers data and metadata changes.\n */\nconst binsEqual = (a: AnyBin, b: AnyBin): boolean => {\n  if (\n    a.row !== b.row ||\n    a.column !== b.column ||\n    a.count !== b.count ||\n    a.gap !== b.gap ||\n    a.color !== b.color ||\n    a.opacity !== b.opacity ||\n    a.bin !== b.bin ||\n    a.datum !== b.datum\n  ) {\n    return false;\n  }\n  // Rect and circle cells carry different geometry fields\n  if (\"x\" in a) {\n    return \"x\" in b && a.x === b.x && a.y === b.y && a.width === b.width && a.height === b.height;\n  }\n  return \"cy\" in b && a.cy === b.cy && a.r === b.r && a.radius === b.radius;\n};\n\n/**\n * Must compare every prop in HeatmapCellProps - one left out here would silently stop updating.\n */\nconst cellPropsEqual = (prev: HeatmapCellProps, next: HeatmapCellProps): boolean =>\n  prev.fill === next.fill &&\n  prev.fillOpacity === next.fillOpacity &&\n  prev.isRect === next.isRect &&\n  prev.binWidth === next.binWidth &&\n  prev.colIndex === next.colIndex &&\n  prev.animationType === next.animationType &&\n  prev.tooltipRef === next.tooltipRef &&\n  prev.onClick === next.onClick &&\n  binsEqual(prev.bin, next.bin);\n\nconst HeatmapCell = memo(function HeatmapCell({\n  bin, isRect, binWidth, fill, fillOpacity, colIndex,\n  animationType, tooltipRef, onClick,\n}: HeatmapCellProps) {\n  const isRectCell = isRect && \"width\" in bin && \"height\" in bin && \"x\" in bin && \"y\" in bin;\n  const isCircleCell = !isRect && \"cy\" in bin && \"r\" in bin;\n\n  const sharedProps = { fill, fillOpacity, stroke: fill, strokeWidth: 0 };\n\n  const Wrapper = animationType ? motion.g : \"g\";\n  const animProps = getAnimationProps(animationType as AnimationType, colIndex);\n\n  return (\n    <Wrapper\n      {...animProps}\n      className={CELL_CLASS}\n      onMouseMove={(event: MouseEvent<SVGElement>) => tooltipRef.current?.show(bin, event)}\n      onMouseLeave={() => tooltipRef.current?.hide()}\n      onClick={() => onClick?.(bin)}\n    >\n      {isRectCell ? (\n        <rect\n          className={`visx-heatmap-rect ${CELL_SHAPE_CLASS}`}\n          width={bin.width}\n          height={bin.height}\n          x={bin.x}\n          y={bin.y}\n          {...sharedProps}\n        />\n      ) : isCircleCell ? (\n        <circle\n          className={`visx-heatmap-circle ${CELL_SHAPE_CLASS}`}\n          cx={bin.column * binWidth + binWidth / 2}\n          cy={bin.cy}\n          r={bin.r}\n          {...sharedProps}\n        />\n      ) : null}\n    </Wrapper>\n  );\n}, cellPropsEqual);\n\nexport default HeatmapCell;\n"],"names":["CELL_CLASS","CELL_SHAPE_CLASS","heatmapCellStyles","binsEqual","a","b","row","column","count","gap","color","opacity","bin","datum","x","y","width","height","cy","r","radius","cellPropsEqual","prev","next","fill","fillOpacity","isRect","binWidth","colIndex","animationType","tooltipRef","onClick","HeatmapCell","memo","t0","$","_c","isRectCell","isCircleCell","t1","stroke","strokeWidth","sharedProps","Wrapper","motion","g","t2","t3","getAnimationProps","animProps","t4","event","current","show","t5","hide","t6","t7","jsx","t8"],"mappings":"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"}

package/dist/visualization.es105.js

@@ -1,28 +1,61 @@
-import { jsx as l, jsxs as R, Fragment as y } from "react/jsx-runtime";
-import { c as f } from "react/compiler-runtime";
-const c = "#666", d = 1, S = [2, 2], H = (h) => {
-  const t = f(11), {
-    position: x,
-    boundedWidth: e,
-    boundedHeight: o
-  } = h, {
-    x: s,
-    y: n
-  } = x;
-  let r;
-  t[0] !== o || t[1] !== e || t[2] !== n ? (r = n >= 0 && n <= o && /* @__PURE__ */ l("line", { x1: 0, x2: e, y1: n, y2: n, stroke: c, strokeWidth: d, strokeDasharray: S.join(","), pointerEvents: "none" }), t[0] = o, t[1] = e, t[2] = n, t[3] = r) : r = t[3];
-  let i;
-  t[4] !== o || t[5] !== e || t[6] !== s ? (i = s >= 0 && s <= e && /* @__PURE__ */ l("line", { x1: s, x2: s, y1: 0, y2: o, stroke: c, strokeWidth: d, strokeDasharray: S.join(","), pointerEvents: "none" }), t[4] = o, t[5] = e, t[6] = s, t[7] = i) : i = t[7];
+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;
+  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;
-  return t[8] !== r || t[9] !== i ? (a = /* @__PURE__ */ R(y, { children: [
-    r,
-    i
-  ] }), t[8] = r, t[9] = i, t[10] = a) : a = t[10], 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;
 };
 export {
-  S as CROSSHAIR_DASH,
-  c as CROSSHAIR_STROKE,
-  d as CROSSHAIR_STROKE_WIDTH,
-  H as default
+  T as ControlPanel
 };
 //# sourceMappingURL=visualization.es105.js.map

package/dist/visualization.es105.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es105.js","sources":["../src/components/ScatterPlot/Crosshair.tsx"],"sourcesContent":["import { CrosshairPosition } from \"./types\";\n\nexport const CROSSHAIR_STROKE = \"#666\";\nexport const CROSSHAIR_STROKE_WIDTH = 1;\n/** Dash pattern in pixels. Kept as numbers so the minimap can scale it to match. */\nexport const CROSSHAIR_DASH = [2, 2];\n\ntype CrosshairProps = {\n    /** Crosshair position in pixels, relative to the top left of the plot area. */\n    position: CrosshairPosition;\n    boundedWidth: number;\n    boundedHeight: number;\n};\n\n/**\n * Thin lines spanning the plot area through the crosshair position.\n *\n * Each line is drawn only when its own axis is in view, so a crosshair mirrored from another\n * plot still shows the axis you can see rather than disappearing entirely.\n */\nconst Crosshair = ({ position, boundedWidth, boundedHeight }: CrosshairProps) => {\n    const { x, y } = position;\n\n    return (\n        <>\n            {y >= 0 && y <= boundedHeight && (\n                <line\n                    x1={0}\n                    x2={boundedWidth}\n                    y1={y}\n                    y2={y}\n                    stroke={CROSSHAIR_STROKE}\n                    strokeWidth={CROSSHAIR_STROKE_WIDTH}\n                    strokeDasharray={CROSSHAIR_DASH.join(\",\")}\n                    pointerEvents=\"none\"\n                />\n            )}\n            {x >= 0 && x <= boundedWidth && (\n                <line\n                    x1={x}\n                    x2={x}\n                    y1={0}\n                    y2={boundedHeight}\n                    stroke={CROSSHAIR_STROKE}\n                    strokeWidth={CROSSHAIR_STROKE_WIDTH}\n                    strokeDasharray={CROSSHAIR_DASH.join(\",\")}\n                    pointerEvents=\"none\"\n                />\n            )}\n        </>\n    );\n};\n\nexport default Crosshair;\n"],"names":["CROSSHAIR_STROKE","CROSSHAIR_STROKE_WIDTH","CROSSHAIR_DASH","Crosshair","t0","$","_c","position","boundedWidth","boundedHeight","x","y","t1","jsx","join","t2","t3"],"mappings":";;AAEO,MAAMA,IAAmB,QACnBC,IAAyB,GAEzBC,IAAiB,CAAC,GAAG,CAAC,GAe7BC,IAAYC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAC;AAAA,IAAAC,UAAAA;AAAAA,IAAAC,cAAAA;AAAAA,IAAAC,eAAAA;AAAAA,EAAAA,IAAAL,GACf;AAAA,IAAAM,GAAAA;AAAAA,IAAAC,GAAAA;AAAAA,EAAAA,IAAiBJ;AAAS,MAAAK;AAAA,EAAAP,EAAA,CAAA,MAAAI,KAAAJ,SAAAG,KAAAH,EAAA,CAAA,MAAAM,KAIjBC,IAAAD,KAAK,KAAKA,KAAKF,KACZ,gBAAAI,EAAA,UACQ,IAAA,GACAL,IAAAA,GACAG,IAAAA,GACAA,IAAAA,GACIX,QAAAA,GACKC,aAAAA,GACI,iBAAAC,EAAcY,KAAM,GAAG,GAC1B,eAAA,OAAA,CAAM,GAE3BT,OAAAI,GAAAJ,OAAAG,GAAAH,OAAAM,GAAAN,OAAAO,KAAAA,IAAAP,EAAA,CAAA;AAAA,MAAAU;AAAA,EAAAV,EAAA,CAAA,MAAAI,KAAAJ,SAAAG,KAAAH,EAAA,CAAA,MAAAK,KACAK,IAAAL,KAAK,KAAKA,KAAKF,KACZ,gBAAAK,EAAA,UACQH,IAAAA,GACAA,IAAAA,GACA,IAAA,GACAD,IAAAA,GACIT,QAAAA,GACKC,aAAAA,GACI,iBAAAC,EAAcY,KAAM,GAAG,GAC1B,eAAA,OAAA,CAAM,GAE3BT,OAAAI,GAAAJ,OAAAG,GAAAH,OAAAK,GAAAL,OAAAU,KAAAA,IAAAV,EAAA,CAAA;AAAA,MAAAW;AAAA,SAAAX,EAAA,CAAA,MAAAO,KAAAP,SAAAU,KAxBLC,2BACKJ,UAAAA;AAAAA,IAAAA;AAAAA,IAYAG;AAAAA,EAAAA,GAWA,GACFV,OAAAO,GAAAP,OAAAU,GAAAV,QAAAW,KAAAA,IAAAX,EAAA,EAAA,GAzBHW;AAyBG;"}
+{"version":3,"file":"visualization.es105.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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"}

package/dist/visualization.es106.js

@@ -1,88 +1,35 @@
-import { c as q } from "react/compiler-runtime";
-import { useState as w } from "react";
-import { rescaleX as A, rescaleY as B, isPointInLasso as F } from "./visualization.es17.js";
-import G from "./visualization.es238.js";
-const Q = (k) => {
-  const t = q(27), {
-    pointData: S,
-    margin: s,
-    xScale: v,
-    yScale: g,
-    onSelectionChange: M
-  } = k;
-  let r;
-  t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = [], t[0] = r) : r = t[0];
-  const [n, c] = w(r);
-  let f;
-  t[1] !== s.left || t[2] !== s.top ? (f = (e) => {
-    if (e?.x === void 0 || e?.y === void 0)
-      return;
-    const o = e.x, l = e.y;
-    c((i) => [...i, [{
-      x: o - s.left,
-      y: l - s.top
-    }]]);
-  }, t[1] = s.left, t[2] = s.top, t[3] = f) : f = t[3];
-  const X = f;
-  let d;
-  t[4] !== s.left || t[5] !== s.top ? (d = (e) => {
-    if (e?.x === void 0 || e?.y === void 0)
-      return;
-    const o = e.x - s.left, l = e.y - s.top;
-    c((i) => {
-      const a = [...i], p = {
-        x: o + e.dx,
-        y: l + e.dy
-      }, $ = a.length - 1;
-      return a[$] = [...a[$] || [], p], a;
+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.es29.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
     });
-  }, t[4] = s.left, t[5] = s.top, t[6] = d) : d = t[6];
-  const Y = d;
-  let x;
-  t[7] !== n || t[8] !== M || t[9] !== S || t[10] !== v || t[11] !== g ? (x = (e) => {
-    const o = n[n.length - 1];
-    if (!o) {
-      c([]);
-      return;
-    }
-    const l = A(v, e.transformMatrix.translateX, e.transformMatrix.scaleX), i = B(g, e.transformMatrix.translateY, e.transformMatrix.scaleY), a = S.filter((p) => F({
-      x: l(p.x),
-      y: i(p.y)
-    }, o));
-    M?.(a), c([]);
-  }, t[7] = n, t[8] = M, t[9] = S, t[10] = v, t[11] = g, t[12] = x) : x = t[12];
-  const h = x;
-  let m;
-  t[13] !== Y || t[14] !== X ? (m = {
-    onDragStart: X,
-    onDragMove: Y,
-    resetOnStart: !0
-  }, t[13] = Y, t[14] = X, t[15] = m) : m = t[15];
-  const {
-    x: E,
-    y: O,
-    dx: L,
-    dy: u,
-    isDragging: I,
-    dragStart: j,
-    dragEnd: P,
-    dragMove: T
-  } = G(m), b = E === void 0 ? 0 : E, C = O === void 0 ? 0 : O;
-  let y;
-  return t[16] !== h || t[17] !== P || t[18] !== T || t[19] !== j || t[20] !== L || t[21] !== u || t[22] !== I || t[23] !== n || t[24] !== b || t[25] !== C ? (y = {
-    lines: n,
-    isDragging: I,
-    x: b,
-    y: C,
-    dx: L,
-    dy: u,
-    dragStart: j,
-    dragMove: T,
-    dragEnd: P,
-    completeSelection: h
-  }, t[16] = h, t[17] = P, t[18] = T, t[19] = j, t[20] = L, t[21] = u, t[22] = I, t[23] = n, t[24] = b, t[25] = C, t[26] = y) : y = t[26], y;
-};
+  }, 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;
+});
 export {
-  Q as useDragSelection
+  D as ZoomSurface
 };
 //# sourceMappingURL=visualization.es106.js.map

package/dist/visualization.es106.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es106.js","sources":["../src/components/ScatterPlot/hooks/useDragSelection.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\nimport { useDrag, HandlerArgs } from \"@visx/drag\";\nimport { ScaleLinear } from \"@visx/vendor/d3-scale\";\nimport { Line, Lines, Point, ZoomType } from \"../types\";\nimport { isPointInLasso, rescaleX, rescaleY } from \"../helpers\";\n\ntype UseDragSelectionProps<T extends object> = {\n    pointData: Point<T>[];\n    margin: { top: number; left: number };\n    xScale: ScaleLinear<number, number, never>;\n    yScale: ScaleLinear<number, number, never>;\n    onSelectionChange?: (selectedPoints: Point<T>[]) => void;\n};\n\nexport const useDragSelection = <T extends object>({\n    pointData,\n    margin,\n    xScale,\n    yScale,\n    onSelectionChange,\n}: UseDragSelectionProps<T>) => {\n    const [lines, setLines] = useState<Lines>([]);\n\n    const onDragStart = useCallback((currDrag: HandlerArgs) => {\n        if (currDrag?.x === undefined || currDrag?.y === undefined) return;\n        const startX = currDrag.x;\n        const startY = currDrag.y;\n\n        setLines((currLines) => [\n            ...currLines,\n            [{ x: startX - margin.left, y: startY - margin.top }],\n        ]);\n    }, [margin.left, margin.top]);\n\n    const onDragMove = useCallback((currDrag: HandlerArgs) => {\n        if (currDrag?.x === undefined || currDrag?.y === undefined) return;\n\n        const adjustedX = currDrag.x - margin.left;\n        const adjustedY = currDrag.y - margin.top;\n        setLines((currLines) => {\n            const nextLines = [...currLines];\n            const nextPoint = { x: adjustedX + currDrag.dx, y: adjustedY + currDrag.dy };\n            const lastIndex = nextLines.length - 1;\n            nextLines[lastIndex] = [...(nextLines[lastIndex] || []), nextPoint];\n            return nextLines;\n        });\n    }, [margin.left, margin.top]);\n\n    const completeSelection = useCallback((zoom: ZoomType) => {\n        const lasso = lines[lines.length - 1];\n        if (!lasso) {\n            setLines([]);\n            return;\n        }\n\n        const xScaleTransformed = rescaleX(xScale, zoom.transformMatrix.translateX, zoom.transformMatrix.scaleX);\n        const yScaleTransformed = rescaleY(yScale, zoom.transformMatrix.translateY, zoom.transformMatrix.scaleY);\n\n        const pointsInsideLasso = pointData.filter((point) => isPointInLasso({\n            x: xScaleTransformed(point.x),\n            y: yScaleTransformed(point.y),\n        }, lasso as Line));\n\n        onSelectionChange?.(pointsInsideLasso);\n        setLines([]);\n    }, [lines, onSelectionChange, pointData, xScale, yScale]);\n\n    const {\n        x = 0,\n        y = 0,\n        dx,\n        dy,\n        isDragging,\n        dragStart,\n        dragEnd,\n        dragMove,\n    } = useDrag({\n        onDragStart,\n        onDragMove,\n        resetOnStart: true,\n    });\n\n    return { lines, isDragging, x, y, dx, dy, dragStart, dragMove, dragEnd, completeSelection };\n};\n"],"names":["useDragSelection","t0","$","_c","pointData","margin","xScale","yScale","onSelectionChange","t1","Symbol","for","lines","setLines","useState","t2","left","top","currDrag","x","undefined","y","startX","startY","currLines","onDragStart","t3","currDrag_0","adjustedX","adjustedY","currLines_0","nextLines","nextPoint","dx","dy","lastIndex","length","onDragMove","t4","zoom","lasso","xScaleTransformed","rescaleX","transformMatrix","translateX","scaleX","yScaleTransformed","rescaleY","translateY","scaleY","pointsInsideLasso","filter","point","isPointInLasso","completeSelection","t5","resetOnStart","t6","t7","isDragging","dragStart","dragEnd","dragMove","useDrag","t8"],"mappings":"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"}
+{"version":3,"file":"visualization.es106.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;"}

package/dist/visualization.es107.js

@@ -1,39 +1,21 @@
-import d from "./visualization.es127.js";
-import { line as u } from "./visualization.es53.js";
-import { jsx as t, Fragment as h } from "react/jsx-runtime";
-function N(n) {
-  let {
-    children: e,
-    data: a = [],
-    x: i,
-    y: l,
-    fill: o = "transparent",
-    className: s,
-    curve: f,
-    innerRef: p,
-    defined: c = () => !0,
-    ...m
-  } = n;
-  const r = u({
-    x: i,
-    y: l,
-    defined: c,
-    curve: f
-  });
-  return e ? /* @__PURE__ */ t(h, {
-    children: e({
-      path: r
-    })
-  }) : /* @__PURE__ */ t("path", {
-    ref: p,
-    className: d("visx-linepath", s),
-    d: r(a) || "",
-    fill: o,
-    strokeLinecap: "round",
-    ...m
-  });
-}
+import { jsx as e } from "react/jsx-runtime";
+import { useBranchLengthTransition as m } from "./visualization.es7.js";
+import { memo as a } from "react";
+import { motion as s } from "./visualization.es45.js";
+const c = a(function({
+  scaledLinkPath: o,
+  baseLinkPath: n,
+  color: r,
+  strokeWidth: i,
+  useBranchLengths: t
+}) {
+  return /* @__PURE__ */ e(s.path, { stroke: r, strokeWidth: i, fill: "none", initial: !1, strokeLinecap: "round", strokeLinejoin: "round", animate: {
+    d: t ? o : n
+  }, transition: {
+    d: m
+  } });
+});
 export {
-  N as default
+  c as TreeLink
 };
 //# sourceMappingURL=visualization.es107.js.map

package/dist/visualization.es107.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es107.js","sources":["../../../node_modules/.pnpm/@visx+shape@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/shape/esm/shapes/LinePath.js"],"sourcesContent":["import cx from 'classnames';\nimport { line } from \"../util/D3ShapeFactories.js\";\nimport { Fragment as _Fragment, jsx as _jsx } from \"react/jsx-runtime\";\nexport default function LinePath(_ref) {\n  let {\n    children,\n    data = [],\n    x,\n    y,\n    fill = 'transparent',\n    className,\n    curve,\n    innerRef,\n    defined = () => true,\n    ...restProps\n  } = _ref;\n  const path = line({\n    x,\n    y,\n    defined,\n    curve\n  });\n  if (children) return /*#__PURE__*/_jsx(_Fragment, {\n    children: children({\n      path\n    })\n  });\n  return /*#__PURE__*/_jsx(\"path\", {\n    ref: innerRef,\n    className: cx('visx-linepath', className),\n    d: path(data) || '',\n    fill: fill\n    // without this a datum surrounded by nulls will not be visible\n    // https://github.com/d3/d3-shape#line_defined\n    ,\n    strokeLinecap: \"round\",\n    ...restProps\n  });\n}"],"names":["LinePath","_ref","children","data","x","y","fill","className","curve","innerRef","defined","restProps","path","line","_jsx","_Fragment","cx"],"mappings":";;;AAGe,SAASA,EAASC,GAAM;AACrC,MAAI;AAAA,IACF,UAAAC;AAAA,IACA,MAAAC,IAAO,CAAA;AAAA,IACP,GAAAC;AAAA,IACA,GAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC,IAAU,MAAM;AAAA,IAChB,GAAGC;AAAA,EACP,IAAMV;AACJ,QAAMW,IAAOC,EAAK;AAAA,IAChB,GAAAT;AAAA,IACA,GAAAC;AAAA,IACA,SAAAK;AAAA,IACA,OAAAF;AAAA,EACJ,CAAG;AACD,SAAIN,IAA8BY,gBAAAA,EAAKC,GAAW;AAAA,IAChD,UAAUb,EAAS;AAAA,MACjB,MAAAU;AAAA,IACN,CAAK;AAAA,EACL,CAAG,IACmBE,gBAAAA,EAAK,QAAQ;AAAA,IAC/B,KAAKL;AAAA,IACL,WAAWO,EAAG,iBAAiBT,CAAS;AAAA,IACxC,GAAGK,EAAKT,CAAI,KAAK;AAAA,IACjB,MAAMG;AAAA,IAIN,eAAe;AAAA,IACf,GAAGK;AAAA,EACP,CAAG;AACH;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es107.js","sources":["../src/components/PhyloTree/TreeLink.tsx"],"sourcesContent":["import { TreeNode } from \"./types\";\nimport { motion } from \"framer-motion\";\nimport { useBranchLengthTransition } from \"./PhyloTree\";\nimport { memo } from \"react\";\n\nexport type TreeLinkProps = {\n  scaledLinkPath: TreeNode[\"scaledLinkPath\"]\n  baseLinkPath: TreeNode[\"baseLinkPath\"]\n  color: TreeNode[\"color\"]\n  strokeWidth: TreeNode[\"linkStrokeWidth\"]\n  useBranchLengths: boolean;\n};\n\n/**\n * Link from node to its parent\n */\nexport const TreeLink = memo(function TreeLink({\n  scaledLinkPath,\n  baseLinkPath,\n  color,\n  strokeWidth,\n  useBranchLengths,\n}: TreeLinkProps) {\n  return (\n    <motion.path\n      stroke={color}\n      strokeWidth={strokeWidth}\n      fill=\"none\"\n      initial={false}\n      strokeLinecap={\"round\"}\n      strokeLinejoin={\"round\"}\n      animate={{\n        d: useBranchLengths ? scaledLinkPath : baseLinkPath,\n      }}\n      transition={{\n        d: useBranchLengthTransition,\n      }}\n    />\n  );\n})\n"],"names":["TreeLink","memo","scaledLinkPath","baseLinkPath","color","strokeWidth","useBranchLengths","jsx","motion","d","useBranchLengthTransition"],"mappings":";;;;AAgBO,MAAMA,IAAWC,EAAK,SAAkB;AAAA,EAC7CC,gBAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,kBAAAA;AACa,GAAG;AAChB,SACE,gBAAAC,EAACC,EAAO,MAAP,EACC,QAAQJ,GACR,aAAAC,GACA,MAAK,QACL,SAAS,IACT,eAAe,SACf,gBAAgB,SAChB,SAAS;AAAA,IACPI,GAAGH,IAAmBJ,IAAiBC;AAAAA,EAAAA,GAEzC,YAAY;AAAA,IACVM,GAAGC;AAAAA,EAAAA,GACH;AAGR,CAAC;"}