@weng-lab/visualization 2.4.2 → 2.5.0

package/dist/visualization.es90.js

@@ -1,8 +1,34 @@
-import { getDefaultExportFromCjs as o } from "./visualization.es226.js";
-import { __require as r } from "./visualization.es240.js";
-var t = r();
-const d = /* @__PURE__ */ o(t);
+import S from "./visualization.es88.js";
+import g from "./visualization.es86.js";
+var k = (1 + Math.sqrt(5)) / 2;
+function D(w, d, i, a, l, f) {
+  for (var p = [], t = d.children, v, u, q = 0, r = 0, M = t.length, m, c, o = d.value, e, h, s, V, R, b, n; q < M; ) {
+    m = l - i, c = f - a;
+    do
+      e = t[r++].value;
+    while (!e && r < M);
+    for (h = s = e, b = Math.max(c / m, m / c) / (o * w), n = e * e * b, R = Math.max(s / n, n / h); r < M; ++r) {
+      if (e += u = t[r].value, u < h && (h = u), u > s && (s = u), n = e * e * b, V = Math.max(s / n, n / h), V > R) {
+        e -= u;
+        break;
+      }
+      R = V;
+    }
+    p.push(v = { value: e, dice: m < c, children: t.slice(q, r) }), v.dice ? S(v, i, a, l, o ? a += c * e / o : f) : g(v, i, a, o ? i += m * e / o : l, f), o -= e, q = r;
+  }
+  return p;
+}
+const A = (function w(d) {
+  function i(a, l, f, p, t) {
+    D(d, a, l, f, p, t);
+  }
+  return i.ratio = function(a) {
+    return w((a = +a) > 1 ? a : 1);
+  }, i;
+})(k);
 export {
-  d as default
+  A as default,
+  k as phi,
+  D as squarifyRatio
 };
 //# sourceMappingURL=visualization.es90.js.map

package/dist/visualization.es90.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es90.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"visualization.es90.js","sources":["../../../node_modules/.pnpm/d3-hierarchy@1.1.9/node_modules/d3-hierarchy/src/treemap/squarify.js"],"sourcesContent":["import treemapDice from \"./dice.js\";\nimport treemapSlice from \"./slice.js\";\n\nexport var phi = (1 + Math.sqrt(5)) / 2;\n\nexport function squarifyRatio(ratio, parent, x0, y0, x1, y1) {\n  var rows = [],\n      nodes = parent.children,\n      row,\n      nodeValue,\n      i0 = 0,\n      i1 = 0,\n      n = nodes.length,\n      dx, dy,\n      value = parent.value,\n      sumValue,\n      minValue,\n      maxValue,\n      newRatio,\n      minRatio,\n      alpha,\n      beta;\n\n  while (i0 < n) {\n    dx = x1 - x0, dy = y1 - y0;\n\n    // Find the next non-empty node.\n    do sumValue = nodes[i1++].value; while (!sumValue && i1 < n);\n    minValue = maxValue = sumValue;\n    alpha = Math.max(dy / dx, dx / dy) / (value * ratio);\n    beta = sumValue * sumValue * alpha;\n    minRatio = Math.max(maxValue / beta, beta / minValue);\n\n    // Keep adding nodes while the aspect ratio maintains or improves.\n    for (; i1 < n; ++i1) {\n      sumValue += nodeValue = nodes[i1].value;\n      if (nodeValue < minValue) minValue = nodeValue;\n      if (nodeValue > maxValue) maxValue = nodeValue;\n      beta = sumValue * sumValue * alpha;\n      newRatio = Math.max(maxValue / beta, beta / minValue);\n      if (newRatio > minRatio) { sumValue -= nodeValue; break; }\n      minRatio = newRatio;\n    }\n\n    // Position and record the row orientation.\n    rows.push(row = {value: sumValue, dice: dx < dy, children: nodes.slice(i0, i1)});\n    if (row.dice) treemapDice(row, x0, y0, x1, value ? y0 += dy * sumValue / value : y1);\n    else treemapSlice(row, x0, y0, value ? x0 += dx * sumValue / value : x1, y1);\n    value -= sumValue, i0 = i1;\n  }\n\n  return rows;\n}\n\nexport default (function custom(ratio) {\n\n  function squarify(parent, x0, y0, x1, y1) {\n    squarifyRatio(ratio, parent, x0, y0, x1, y1);\n  }\n\n  squarify.ratio = function(x) {\n    return custom((x = +x) > 1 ? x : 1);\n  };\n\n  return squarify;\n})(phi);\n"],"names":["phi","squarifyRatio","ratio","parent","x0","y0","x1","y1","rows","nodes","row","nodeValue","i0","i1","n","dx","dy","value","sumValue","minValue","maxValue","newRatio","minRatio","alpha","beta","treemapDice","treemapSlice","treemapSquarify","custom","squarify","x"],"mappings":";;AAGU,IAACA,KAAO,IAAI,KAAK,KAAK,CAAC,KAAK;AAE/B,SAASC,EAAcC,GAAOC,GAAQC,GAAIC,GAAIC,GAAIC,GAAI;AAkB3D,WAjBIC,IAAO,CAAA,GACPC,IAAQN,EAAO,UACfO,GACAC,GACAC,IAAK,GACLC,IAAK,GACLC,IAAIL,EAAM,QACVM,GAAIC,GACJC,IAAQd,EAAO,OACfe,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GAEGZ,IAAKE,KAAG;AACb,IAAAC,IAAKT,IAAKF,GAAIY,IAAKT,IAAKF;AAGxB;AAAG,MAAAa,IAAWT,EAAMI,GAAI,EAAE;AAAA,WAAc,CAACK,KAAYL,IAAKC;AAO1D,SANAK,IAAWC,IAAWF,GACtBK,IAAQ,KAAK,IAAIP,IAAKD,GAAIA,IAAKC,CAAE,KAAKC,IAAQf,IAC9CsB,IAAON,IAAWA,IAAWK,GAC7BD,IAAW,KAAK,IAAIF,IAAWI,GAAMA,IAAOL,CAAQ,GAG7CN,IAAKC,GAAG,EAAED,GAAI;AAMnB,UALAK,KAAYP,IAAYF,EAAMI,CAAE,EAAE,OAC9BF,IAAYQ,MAAUA,IAAWR,IACjCA,IAAYS,MAAUA,IAAWT,IACrCa,IAAON,IAAWA,IAAWK,GAC7BF,IAAW,KAAK,IAAID,IAAWI,GAAMA,IAAOL,CAAQ,GAChDE,IAAWC,GAAU;AAAE,QAAAJ,KAAYP;AAAW;AAAA,MAAO;AACzD,MAAAW,IAAWD;AAAA,IACb;AAGA,IAAAb,EAAK,KAAKE,IAAM,EAAC,OAAOQ,GAAU,MAAMH,IAAKC,GAAI,UAAUP,EAAM,MAAMG,GAAIC,CAAE,EAAC,CAAC,GAC3EH,EAAI,OAAMe,EAAYf,GAAKN,GAAIC,GAAIC,GAAIW,IAAQZ,KAAMW,IAAKE,IAAWD,IAAQV,CAAE,IAC9EmB,EAAahB,GAAKN,GAAIC,GAAIY,IAAQb,KAAMW,IAAKG,IAAWD,IAAQX,GAAIC,CAAE,GAC3EU,KAASC,GAAUN,IAAKC;AAAA,EAC1B;AAEA,SAAOL;AACT;AAEA,MAAAmB,KAAgB,SAASC,EAAO1B,GAAO;AAErC,WAAS2B,EAAS1B,GAAQC,GAAIC,GAAIC,GAAIC,GAAI;AACxC,IAAAN,EAAcC,GAAOC,GAAQC,GAAIC,GAAIC,GAAIC,CAAE;AAAA,EAC7C;AAEA,SAAAsB,EAAS,QAAQ,SAASC,GAAG;AAC3B,WAAOF,GAAQE,IAAI,CAACA,KAAK,IAAIA,IAAI,CAAC;AAAA,EACpC,GAEOD;AACT,GAAG7B,CAAG;","x_google_ignoreList":[0]}

package/dist/visualization.es91.js

@@ -1,8 +1,67 @@
-import { getDefaultExportFromCjs as o } from "./visualization.es226.js";
-import { __require as r } from "./visualization.es242.js";
-var e = r();
-const a = /* @__PURE__ */ o(e);
+import { useState as b, useCallback as S, useRef as A, useMemo as C, useEffect as D } from "react";
+import { debounce as O } from "./visualization.es248.js";
+const k = [], g = {
+  width: 0,
+  height: 0,
+  top: 0,
+  left: 0
+};
+function B() {
+  let {
+    initialSize: w = g,
+    debounceTime: c = 300,
+    ignoreDimensions: i = k,
+    enableDebounceLeadingCall: l = !0,
+    resizeObserverPolyfill: u,
+    externalRef: n
+  } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+  const [a, y] = b(null), z = S((e) => {
+    y(e), typeof n == "function" ? n(e) : n != null && (n.current = e);
+  }, [n]), f = A(0), [p, v] = b({
+    ...g,
+    ...w
+  }), s = C(() => {
+    const e = Array.isArray(i) ? i : [i];
+    return O((r) => {
+      v((o) => Object.keys(o).filter((t) => o[t] !== r[t]).every((t) => e.includes(t)) ? o : r);
+    }, c, {
+      leading: l
+    });
+  }, [c, l, i]);
+  return D(() => {
+    if (!a) {
+      s.cancel();
+      return;
+    }
+    const e = u || window.ResizeObserver, r = new e((o) => {
+      o.forEach((d) => {
+        const {
+          left: m,
+          top: h,
+          width: t,
+          height: R
+        } = d?.contentRect ?? {};
+        f.current = window.requestAnimationFrame(() => {
+          s({
+            width: t,
+            height: R,
+            top: h,
+            left: m
+          });
+        });
+      });
+    });
+    return r.observe(a), () => {
+      window.cancelAnimationFrame(f.current), r.disconnect(), s.cancel();
+    };
+  }, [a, s, u]), {
+    parentRef: z,
+    node: a,
+    resize: s,
+    ...p
+  };
+}
 export {
-  a as default
+  B as default
 };
 //# sourceMappingURL=visualization.es91.js.map

package/dist/visualization.es91.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es91.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"visualization.es91.js","sources":["../../../node_modules/.pnpm/@visx+responsive@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/responsive/esm/hooks/useParentSize.js"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { debounce } from \"../utils/debounce.js\";\nconst defaultIgnoreDimensions = [];\nconst defaultInitialSize = {\n  width: 0,\n  height: 0,\n  top: 0,\n  left: 0\n};\nexport default function useParentSize() {\n  let {\n    initialSize = defaultInitialSize,\n    debounceTime = 300,\n    ignoreDimensions = defaultIgnoreDimensions,\n    enableDebounceLeadingCall = true,\n    resizeObserverPolyfill,\n    externalRef\n  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n  const [node, setNode] = useState(null);\n  const parentRef = useCallback(el => {\n    setNode(el);\n    if (typeof externalRef === 'function') {\n      externalRef(el);\n    } else if (externalRef != null) {\n      // eslint-disable-next-line no-param-reassign -- standard ref-merging pattern\n      externalRef.current = el;\n    }\n  }, [externalRef]);\n  const animationFrameID = useRef(0);\n  const [state, setState] = useState({\n    ...defaultInitialSize,\n    ...initialSize\n  });\n  const resize = useMemo(() => {\n    const normalized = Array.isArray(ignoreDimensions) ? ignoreDimensions : [ignoreDimensions];\n    return debounce(incoming => {\n      setState(existing => {\n        const stateKeys = Object.keys(existing);\n        const keysWithChanges = stateKeys.filter(key => existing[key] !== incoming[key]);\n        const shouldBail = keysWithChanges.every(key => normalized.includes(key));\n        return shouldBail ? existing : incoming;\n      });\n    }, debounceTime, {\n      leading: enableDebounceLeadingCall\n    });\n  }, [debounceTime, enableDebounceLeadingCall, ignoreDimensions]);\n  useEffect(() => {\n    if (!node) {\n      resize.cancel();\n      return;\n    }\n    const LocalResizeObserver = resizeObserverPolyfill || window.ResizeObserver;\n    const observer = new LocalResizeObserver(entries => {\n      entries.forEach(entry => {\n        const {\n          left,\n          top,\n          width,\n          height\n        } = entry?.contentRect ?? {};\n        animationFrameID.current = window.requestAnimationFrame(() => {\n          resize({\n            width,\n            height,\n            top,\n            left\n          });\n        });\n      });\n    });\n    observer.observe(node);\n    return () => {\n      window.cancelAnimationFrame(animationFrameID.current);\n      observer.disconnect();\n      resize.cancel();\n    };\n  }, [node, resize, resizeObserverPolyfill]);\n  return {\n    parentRef,\n    node,\n    resize,\n    ...state\n  };\n}"],"names":["defaultIgnoreDimensions","defaultInitialSize","useParentSize","initialSize","debounceTime","ignoreDimensions","enableDebounceLeadingCall","resizeObserverPolyfill","externalRef","node","setNode","useState","parentRef","useCallback","el","animationFrameID","useRef","state","setState","resize","useMemo","normalized","debounce","incoming","existing","key","useEffect","LocalResizeObserver","observer","entries","entry","left","top","width","height"],"mappings":";;AAEA,MAAMA,IAA0B,CAAA,GAC1BC,IAAqB;AAAA,EACzB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,MAAM;AACR;AACe,SAASC,IAAgB;AACtC,MAAI;AAAA,IACF,aAAAC,IAAcF;AAAA,IACd,cAAAG,IAAe;AAAA,IACf,kBAAAC,IAAmBL;AAAA,IACnB,2BAAAM,IAA4B;AAAA,IAC5B,wBAAAC;AAAA,IACA,aAAAC;AAAA,EACJ,IAAM,UAAU,SAAS,KAAK,UAAU,CAAC,MAAM,SAAY,UAAU,CAAC,IAAI,CAAA;AACxE,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAS,IAAI,GAC/BC,IAAYC,EAAY,CAAAC,MAAM;AAClC,IAAAJ,EAAQI,CAAE,GACN,OAAON,KAAgB,aACzBA,EAAYM,CAAE,IACLN,KAAe,SAExBA,EAAY,UAAUM;AAAA,EAE1B,GAAG,CAACN,CAAW,CAAC,GACVO,IAAmBC,EAAO,CAAC,GAC3B,CAACC,GAAOC,CAAQ,IAAIP,EAAS;AAAA,IACjC,GAAGV;AAAA,IACH,GAAGE;AAAA,EACP,CAAG,GACKgB,IAASC,EAAQ,MAAM;AAC3B,UAAMC,IAAa,MAAM,QAAQhB,CAAgB,IAAIA,IAAmB,CAACA,CAAgB;AACzF,WAAOiB,EAAS,CAAAC,MAAY;AAC1B,MAAAL,EAAS,CAAAM,MACW,OAAO,KAAKA,CAAQ,EACJ,OAAO,CAAAC,MAAOD,EAASC,CAAG,MAAMF,EAASE,CAAG,CAAC,EAC5C,MAAM,CAAAA,MAAOJ,EAAW,SAASI,CAAG,CAAC,IACpDD,IAAWD,CAChC;AAAA,IACH,GAAGnB,GAAc;AAAA,MACf,SAASE;AAAA,IACf,CAAK;AAAA,EACH,GAAG,CAACF,GAAcE,GAA2BD,CAAgB,CAAC;AAC9D,SAAAqB,EAAU,MAAM;AACd,QAAI,CAACjB,GAAM;AACT,MAAAU,EAAO,OAAM;AACb;AAAA,IACF;AACA,UAAMQ,IAAsBpB,KAA0B,OAAO,gBACvDqB,IAAW,IAAID,EAAoB,CAAAE,MAAW;AAClD,MAAAA,EAAQ,QAAQ,CAAAC,MAAS;AACvB,cAAM;AAAA,UACJ,MAAAC;AAAA,UACA,KAAAC;AAAA,UACA,OAAAC;AAAA,UACA,QAAAC;AAAA,QACV,IAAYJ,GAAO,eAAe,CAAA;AAC1B,QAAAf,EAAiB,UAAU,OAAO,sBAAsB,MAAM;AAC5D,UAAAI,EAAO;AAAA,YACL,OAAAc;AAAA,YACA,QAAAC;AAAA,YACA,KAAAF;AAAA,YACA,MAAAD;AAAA,UACZ,CAAW;AAAA,QACH,CAAC;AAAA,MACH,CAAC;AAAA,IACH,CAAC;AACD,WAAAH,EAAS,QAAQnB,CAAI,GACd,MAAM;AACX,aAAO,qBAAqBM,EAAiB,OAAO,GACpDa,EAAS,WAAU,GACnBT,EAAO,OAAM;AAAA,IACf;AAAA,EACF,GAAG,CAACV,GAAMU,GAAQZ,CAAsB,CAAC,GAClC;AAAA,IACL,WAAAK;AAAA,IACA,MAAAH;AAAA,IACA,QAAAU;AAAA,IACA,GAAGF;AAAA,EACP;AACA;","x_google_ignoreList":[0]}

package/dist/visualization.es92.js

@@ -1,8 +1,8 @@
-import { cubicBezier as e } from "./visualization.es491.js";
-const o = /* @__PURE__ */ e(0.42, 0, 1, 1), s = /* @__PURE__ */ e(0, 0, 0.58, 1), c = /* @__PURE__ */ e(0.42, 0, 0.58, 1);
+import { getDefaultExportFromCjs as o } from "./visualization.es227.js";
+import { __require as r } from "./visualization.es238.js";
+var t = r();
+const d = /* @__PURE__ */ o(t);
 export {
-  o as easeIn,
-  c as easeInOut,
-  s as easeOut
+  d as default
 };
 //# sourceMappingURL=visualization.es92.js.map

package/dist/visualization.es92.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es92.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/easing/ease.mjs"],"sourcesContent":["import { cubicBezier } from './cubic-bezier.mjs';\n\nconst easeIn = /*@__PURE__*/ cubicBezier(0.42, 0, 1, 1);\nconst easeOut = /*@__PURE__*/ cubicBezier(0, 0, 0.58, 1);\nconst easeInOut = /*@__PURE__*/ cubicBezier(0.42, 0, 0.58, 1);\n\nexport { easeIn, easeInOut, easeOut };\n//# sourceMappingURL=ease.mjs.map\n"],"names":["easeIn","cubicBezier","easeOut","easeInOut"],"mappings":";AAEK,MAACA,IAAuB,gBAAAC,EAAY,MAAM,GAAG,GAAG,CAAC,GAChDC,IAAwB,gBAAAD,EAAY,GAAG,GAAG,MAAM,CAAC,GACjDE,IAA0B,gBAAAF,EAAY,MAAM,GAAG,MAAM,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es92.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/visualization.es93.js

@@ -1,17 +1,7 @@
-import i from "./visualization.es132.js";
-import { jsx as t } from "react/jsx-runtime";
-function a(r) {
-  let {
-    className: e,
-    innerRef: c,
-    ...s
-  } = r;
-  return /* @__PURE__ */ t("circle", {
-    ref: c,
-    className: i("visx-circle", e),
-    ...s
-  });
-}
+import { getDefaultExportFromCjs as o } from "./visualization.es227.js";
+import { __require as r } from "./visualization.es240.js";
+var e = r();
+const a = /* @__PURE__ */ o(e);
 export {
   a as default
 };

package/dist/visualization.es93.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es93.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/Circle.js"],"sourcesContent":["import cx from 'classnames';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default function Circle(_ref) {\n  let {\n    className,\n    innerRef,\n    ...restProps\n  } = _ref;\n  return /*#__PURE__*/_jsx(\"circle\", {\n    ref: innerRef,\n    className: cx('visx-circle', className),\n    ...restProps\n  });\n}"],"names":["Circle","_ref","className","innerRef","restProps","_jsx","cx"],"mappings":";;AAEe,SAASA,EAAOC,GAAM;AACnC,MAAI;AAAA,IACF,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EACP,IAAMH;AACJ,SAAoBI,gBAAAA,EAAK,UAAU;AAAA,IACjC,KAAKF;AAAA,IACL,WAAWG,EAAG,eAAeJ,CAAS;AAAA,IACtC,GAAGE;AAAA,EACP,CAAG;AACH;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es93.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/visualization.es94.js

@@ -1,18 +1,8 @@
-import a from "./visualization.es132.js";
-import { jsx as o } from "react/jsx-runtime";
-function c(r) {
-  let {
-    className: e,
-    innerRef: s,
-    ...t
-  } = r;
-  return /* @__PURE__ */ o("rect", {
-    ref: s,
-    className: a("visx-bar", e),
-    ...t
-  });
-}
+import { cubicBezier as e } from "./visualization.es493.js";
+const o = /* @__PURE__ */ e(0.42, 0, 1, 1), s = /* @__PURE__ */ e(0, 0, 0.58, 1), c = /* @__PURE__ */ e(0.42, 0, 0.58, 1);
 export {
-  c as default
+  o as easeIn,
+  c as easeInOut,
+  s as easeOut
 };
 //# sourceMappingURL=visualization.es94.js.map

package/dist/visualization.es94.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es94.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/Bar.js"],"sourcesContent":["import cx from 'classnames';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default function Bar(_ref) {\n  let {\n    className,\n    innerRef,\n    ...restProps\n  } = _ref;\n  return /*#__PURE__*/_jsx(\"rect\", {\n    ref: innerRef,\n    className: cx('visx-bar', className),\n    ...restProps\n  });\n}"],"names":["Bar","_ref","className","innerRef","restProps","_jsx","cx"],"mappings":";;AAEe,SAASA,EAAIC,GAAM;AAChC,MAAI;AAAA,IACF,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EACP,IAAMH;AACJ,SAAoBI,gBAAAA,EAAK,QAAQ;AAAA,IAC/B,KAAKF;AAAA,IACL,WAAWG,EAAG,YAAYJ,CAAS;AAAA,IACnC,GAAGE;AAAA,EACP,CAAG;AACH;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es94.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/easing/ease.mjs"],"sourcesContent":["import { cubicBezier } from './cubic-bezier.mjs';\n\nconst easeIn = /*@__PURE__*/ cubicBezier(0.42, 0, 1, 1);\nconst easeOut = /*@__PURE__*/ cubicBezier(0, 0, 0.58, 1);\nconst easeInOut = /*@__PURE__*/ cubicBezier(0.42, 0, 0.58, 1);\n\nexport { easeIn, easeInOut, easeOut };\n//# sourceMappingURL=ease.mjs.map\n"],"names":["easeIn","cubicBezier","easeOut","easeInOut"],"mappings":";AAEK,MAACA,IAAuB,gBAAAC,EAAY,MAAM,GAAG,GAAG,CAAC,GAChDC,IAAwB,gBAAAD,EAAY,GAAG,GAAG,MAAM,CAAC,GACjDE,IAA0B,gBAAAF,EAAY,MAAM,GAAG,MAAM,CAAC;","x_google_ignoreList":[0]}

package/dist/visualization.es95.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;
-  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];
+import { jsx as u } from "react/jsx-runtime";
+import { c as A } from "react/compiler-runtime";
+import { getAnimationProps as T } from "./visualization.es21.js";
+import { getShapePoints as W } from "./visualization.es18.js";
+import { motion as $ } from "./visualization.es55.js";
+const H = (x) => {
+  const o = A(19), {
+    pointData: h,
+    animation: e,
+    animationGroupSize: a,
+    animationBuffer: s,
+    xScaleTransformed: i,
+    yScaleTransformed: n,
+    boundedWidth: c,
+    boundedHeight: l
+  } = x;
   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;
+  if (o[0] !== e || o[1] !== s || o[2] !== a || o[3] !== l || o[4] !== c || o[5] !== h || o[6] !== i || o[7] !== n) {
+    let f;
+    o[9] !== e || o[10] !== s || o[11] !== a || o[12] !== l || o[13] !== c || o[14] !== i || o[15] !== n ? (f = (t, y) => {
+      const P = $.g, b = Math.floor(y / (a ?? 1)), S = T(e, b, s ?? 0.03), p = i(t.x), d = n(t.y);
+      if (p < 0 || p > c || d < 0 || d > l)
+        return null;
+      const g = t.r ?? 3, k = W(t.shape, p, d, g);
+      return /* @__PURE__ */ u(P, { ...S, children: k ? /* @__PURE__ */ u("polygon", { points: k, fill: t.color ?? "black", stroke: t.stroke, opacity: t.opacity ?? 1 }) : /* @__PURE__ */ u("circle", { cx: p, cy: d, r: g, fill: t.color ?? "black", stroke: t.stroke, opacity: t.opacity ?? 1 }) }, `pt-${y}`);
+    }, o[9] = e, o[10] = s, o[11] = a, o[12] = l, o[13] = c, o[14] = i, o[15] = n, o[16] = f) : f = o[16], r = h.map(f), o[0] = e, o[1] = s, o[2] = a, o[3] = l, o[4] = c, o[5] = h, o[6] = i, o[7] = n, o[8] = r;
+  } else
+    r = o[8];
+  let m;
+  return o[17] !== r ? (m = /* @__PURE__ */ u("g", { children: r }), o[17] = r, o[18] = m) : m = o[18], m;
 };
 export {
-  T as ControlPanel
+  H as default
 };
 //# sourceMappingURL=visualization.es95.js.map

package/dist/visualization.es95.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es95.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.es95.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 { getShapePoints } 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            // The same vertices the canvas renderer draws from, so a point does not change shape\n            // or size as the entry animation hands over to the canvas.\n            const shapePoints = getShapePoints(point.shape, cx, cy, radius);\n            return (\n                <Wrapper key={`pt-${index}`} {...animationProps}>\n                    {shapePoints ? (\n                        <polygon\n                            points={shapePoints}\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","shapePoints","getShapePoints","shape","jsx","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,GAGfC,IAAoBC,EAAejB,EAAKkB,OAAQR,GAAIE,GAAIE,CAAM;AAAE,+BAE3DZ,GAAA,EAA0B,GAAMM,GAC5BQ,UAAAA,IACG,gBAAAG,EAAA,aACYH,QAAAA,GACF,MAAAhB,EAAKoB,SAAL,SACE,QAAApB,EAAKqB,QACJ,SAAArB,EAAKsB,WAAL,EAAA,KAGb,gBAAAH,EAAA,YACQT,IAAAA,GACAE,IAAAA,GACDE,MACG,MAAAd,EAAKoB,SAAL,SACE,QAAApB,EAAKqB,QACJ,SAAArB,EAAKsB,WAAL,GAAkB,EAAA,GAfzB,MAAMrB,CAAK,EAkBzB;AAAA,IAAU,GAEjBb,OAAAG,GAAAH,QAAAK,GAAAL,QAAAI,GAAAJ,QAAAS,GAAAT,QAAAQ,GAAAR,QAAAM,GAAAN,QAAAO,GAAAP,QAAAW,KAAAA,IAAAX,EAAA,EAAA,GAhCAU,IAAAR,EAASiC,IAAKxB,CAgCd,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,KAjCNC,6BACKD,UAAAA,EAAAA,CAiCL,GAAIV,QAAAU,GAAAV,QAAAW,KAAAA,IAAAX,EAAA,EAAA,GAlCJW;AAkCI;"}

package/dist/visualization.es96.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.es88.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.es28.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.es96.js.map

package/dist/visualization.es96.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es96.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.es96.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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"}

package/dist/visualization.es97.js

@@ -1,21 +1,79 @@
-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.es37.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
-  } });
-});
+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.es25.js";
+import K from "./visualization.es28.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];
+  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;
+};
 export {
-  c as TreeLink
+  U as default
 };
 //# sourceMappingURL=visualization.es97.js.map