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

package/dist/visualization.es103.js

@@ -1,41 +1,36 @@
-import { c as _ } from "react/compiler-runtime";
-import { useRef as v, useEffect as w } from "react";
-import { cellKey as S } from "./visualization.es98.js";
-function I(i, e, l, t) {
-  return t - l > e || l < i ? l : t > i + e ? t - e : i;
-}
-function O(i) {
-  const e = _(14), {
-    mainPaneRef: l,
-    selectedCells: t,
-    scrollToSelection: n,
-    isScrollable: c,
-    binWidth: o,
-    viewportWidth: s
+import { jsx as s, jsxs as f } from "react/jsx-runtime";
+import { c as d } from "react/compiler-runtime";
+import u from "./visualization.es63.js";
+const $ = (i) => {
+  const t = d(7), {
+    left: e,
+    top: o,
+    data: r,
+    open: a,
+    pointTooltipBody: l
   } = i;
-  let r;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ new Set(), e[0] = r) : r = e[0];
-  const y = v(r);
-  let m;
-  e[1] !== o || e[2] !== c || e[3] !== l || e[4] !== n || e[5] !== t || e[6] !== s ? (m = () => {
-    const g = y.current, C = t ?? [], L = C.filter((f) => !g.has(S(f)));
-    y.current = new Set(C.map(S));
-    const a = l.current;
-    if (!n || !c || !a || L.length === 0)
-      return;
-    let h = 1 / 0, p = -1 / 0;
-    for (const f of L)
-      f.column < h && (h = f.column), f.column > p && (p = f.column);
-    const K = h * o, T = (p + 1) * o, R = I(a.scrollLeft, s, K, T);
-    R !== a.scrollLeft && a.scrollTo({
-      left: R,
-      behavior: "smooth"
-    });
-  }, e[1] = o, e[2] = c, e[3] = l, e[4] = n, e[5] = t, e[6] = s, e[7] = m) : m = e[7];
-  let u;
-  e[8] !== o || e[9] !== c || e[10] !== n || e[11] !== t || e[12] !== s ? (u = [t, n, c, o, s], e[8] = o, e[9] = c, e[10] = n, e[11] = t, e[12] = s, e[13] = u) : u = e[13], w(m, u);
+  if (!a || !r)
+    return null;
+  const c = e + 10;
+  let n;
+  t[0] !== r || t[1] !== l ? (n = l && r.point ? l(r.point) : Object.entries(r).map(g), t[0] = r, t[1] = l, t[2] = n) : n = t[2];
+  let p;
+  return t[3] !== c || t[4] !== n || t[5] !== o ? (p = /* @__PURE__ */ s(u, { left: c, top: o, children: n }), t[3] = c, t[4] = n, t[5] = o, t[6] = p) : p = t[6], p;
+};
+function m(i) {
+  return i.toUpperCase();
+}
+function g(i) {
+  const [t, e] = i, o = t.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/^./, m);
+  return t === "outlier" ? /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s("strong", { children: o }) }, t) : /* @__PURE__ */ f("div", { children: [
+    /* @__PURE__ */ f("strong", { children: [
+      o,
+      ": "
+    ] }),
+    typeof e == "string" ? e.length > 45 ? `${e.replace(/_/g, " ").slice(0, 45)}...` : e.replace(/_/g, " ") : String(e)
+  ] }, t);
 }
 export {
-  O as useScrollToSelection
+  $ as default
 };
 //# sourceMappingURL=visualization.es103.js.map

package/dist/visualization.es103.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es103.js","sources":["../src/components/Heatmap/hooks/useScrollToSelection.ts"],"sourcesContent":["import { useEffect, useRef, type RefObject } from \"react\";\nimport type { HeatmapCellId } from \"../types\";\nimport { cellKey } from \"../heatmapCellAppearance\";\n\n// Minimal scroll offset (along one axis) that brings [boxStart, boxEnd) fully into\n// [current, current+viewportSize) - unchanged if it's already fully visible, and aligned to\n// boxStart if the box itself is bigger than the viewport (can't fit all of it either way).\n// Mirrors Element.scrollIntoView({ block: \"nearest\" })'s semantics.\nfunction nearestScrollOffset(current: number, viewportSize: number, boxStart: number, boxEnd: number): number {\n  if (boxEnd - boxStart > viewportSize) return boxStart;\n  if (boxStart < current) return boxStart;\n  if (boxEnd > current + viewportSize) return boxEnd - viewportSize;\n  return current;\n}\n\nexport interface UseScrollToSelectionArgs {\n  mainPaneRef: RefObject<HTMLDivElement | null>;\n  selectedCells?: HeatmapCellId[];\n  scrollToSelection?: boolean;\n  isScrollable: boolean;\n  binWidth: number;\n  viewportWidth: number;\n}\n\n// Auto-scrolls to reveal newly-selected cells\nexport function useScrollToSelection({\n  mainPaneRef, selectedCells, scrollToSelection, isScrollable, binWidth, viewportWidth,\n}: UseScrollToSelectionArgs) {\n  const previousSelectionKeysRef = useRef<Set<string>>(new Set());\n\n  useEffect(() => {\n    const previousKeys = previousSelectionKeysRef.current;\n    const cells = selectedCells ?? [];\n    const newCells = cells.filter((cell) => !previousKeys.has(cellKey(cell)));\n    previousSelectionKeysRef.current = new Set(cells.map(cellKey));\n\n    const main = mainPaneRef.current;\n    if (!scrollToSelection || !isScrollable || !main || newCells.length === 0) return;\n\n    let minCol = Infinity, maxCol = -Infinity;\n    for (const cell of newCells) {\n      if (cell.column < minCol) minCol = cell.column;\n      if (cell.column > maxCol) maxCol = cell.column;\n    }\n\n    const boxLeft = minCol * binWidth;\n    const boxRight = (maxCol + 1) * binWidth;\n\n    const targetLeft = nearestScrollOffset(main.scrollLeft, viewportWidth, boxLeft, boxRight);\n    if (targetLeft !== main.scrollLeft) {\n      main.scrollTo({ left: targetLeft, behavior: \"smooth\" });\n    }\n  }, [selectedCells, scrollToSelection, isScrollable, binWidth, viewportWidth]);\n}\n"],"names":["nearestScrollOffset","current","viewportSize","boxStart","boxEnd","useScrollToSelection","t0","$","_c","mainPaneRef","selectedCells","scrollToSelection","isScrollable","binWidth","viewportWidth","t1","Symbol","for","Set","previousSelectionKeysRef","useRef","t2","previousKeys","cells","newCells","filter","cell","has","cellKey","map","main","length","minCol","Infinity","maxCol","cell_0","column","boxLeft","boxRight","targetLeft","scrollLeft","scrollTo","left","behavior","t3","useEffect"],"mappings":";;;AAQA,SAASA,EAAoBC,GAAiBC,GAAsBC,GAAkBC,GAAwB;AAE5G,SADIA,IAASD,IAAWD,KACpBC,IAAWF,IAAgBE,IAC3BC,IAASH,IAAUC,IAAqBE,IAASF,IAC9CD;AACT;AAYO,SAAAI,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAA8B;AAAA,IAAAC,aAAAA;AAAAA,IAAAC,eAAAA;AAAAA,IAAAC,mBAAAA;AAAAA,IAAAC,cAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,eAAAA;AAAAA,EAAAA,IAAAR;AAEV,MAAAS;AAAA,EAAAR,EAAA,CAAA,MAAAS,uBAAAC,IAAA,2BAAA,KAC4BF,wBAAIG,IAAAA,GAAKX,OAAAQ,KAAAA,IAAAR,EAAA,CAAA;AAA9D,QAAAY,IAAiCC,EAAoBL,CAAS;AAAE,MAAAM;AAAA,EAAAd,SAAAM,KAAAN,EAAA,CAAA,MAAAK,KAAAL,EAAA,CAAA,MAAAE,KAAAF,EAAA,CAAA,MAAAI,KAAAJ,SAAAG,KAAAH,EAAA,CAAA,MAAAO,KAEtDO,IAAAA,MAAA;AACR,UAAAC,IAAqBH,EAAwBlB,SAC7CsB,IAAcb,KAAA,CAAA,GACdc,IAAiBD,EAAKE,OAAQC,CAAAA,MAAU,CAACJ,EAAYK,IAAKC,EAAQF,CAAI,CAAC,CAAC;AACxEP,IAAAA,EAAwBlB,UAAW,IAAIiB,IAAIK,EAAKM,IAAKD,CAAO,CAAC;AAE7D,UAAAE,IAAarB,EAAWR;AACxB,QAAI,CAACU,KAAD,CAAuBC,KAAvB,CAAwCkB,KAAQN,EAAQO,WAAY;AAAC;AAEzE,QAAAC,IAAaC,OAAbC,IAAgC;AAChC,eAAKC,KAAcX;AACjB,MAAIE,EAAIU,SAAUJ,MAAQA,IAASN,EAAIU,SACnCV,EAAIU,SAAUF,MAAQA,IAASR,EAAIU;AAGzC,UAAAC,IAAgBL,IAASnB,GACzByB,KAAkBJ,IAAS,KAAKrB,GAEhC0B,IAAmBvC,EAAoB8B,EAAIU,YAAa1B,GAAeuB,GAASC,CAAQ;AACxF,IAAIC,MAAeT,EAAIU,cACrBV,EAAIW,SAAU;AAAA,MAAAC,MAAQH;AAAAA,MAAUI,UAAY;AAAA,IAAA,CAAU;AAAA,EACvD,GACFpC,OAAAM,GAAAN,OAAAK,GAAAL,OAAAE,GAAAF,OAAAI,GAAAJ,OAAAG,GAAAH,OAAAO,GAAAP,OAAAc,KAAAA,IAAAd,EAAA,CAAA;AAAA,MAAAqC;AAAA,EAAArC,EAAA,CAAA,MAAAM,KAAAN,EAAA,CAAA,MAAAK,KAAAL,EAAA,EAAA,MAAAI,KAAAJ,EAAA,EAAA,MAAAG,KAAAH,UAAAO,KAAE8B,IAAA,CAAClC,GAAeC,GAAmBC,GAAcC,GAAUC,CAAa,GAACP,OAAAM,GAAAN,OAAAK,GAAAL,QAAAI,GAAAJ,QAAAG,GAAAH,QAAAO,GAAAP,QAAAqC,KAAAA,IAAArC,EAAA,EAAA,GAtB5EsC,EAAUxB,GAsBPuB,CAAyE;AAAC;"}
+{"version":3,"file":"visualization.es103.js","sources":["../src/components/ViolinPlot/violinTooltip.tsx"],"sourcesContent":["import { TooltipWithBounds } from \"@visx/tooltip\";\nimport { TooltipProps } from \"./types\";\n\nconst ViolinTooltip = <T,>({ left, top, data, open, pointTooltipBody }: TooltipProps<T>) => {\n    if (!open || !data) return null;\n\n    return (\n        <TooltipWithBounds left={left + 10} top={top}>\n            {pointTooltipBody && data.point ? (\n                pointTooltipBody(data.point)\n            ) : (\n                Object.entries(data as Record<string, unknown>).map(([key, value]) => {\n                    const formattedKey = key\n                        .replace(/([a-z])([A-Z])/g, \"$1 $2\")\n                        .replace(/^./, str => str.toUpperCase());\n\n                    if (key === \"outlier\") {\n                        return (\n                            <div key={key}>\n                                <strong>{formattedKey}</strong>\n                            </div>\n                        );\n                    } else {\n                        return (\n                            <div key={key}>\n                                <strong>{formattedKey}: </strong>\n                                {typeof value === 'string'\n                                    ? (value.length > 45\n                                        ? `${value.replace(/_/g, \" \").slice(0, 45)}...`\n                                        : value.replace(/_/g, \" \"))\n                                    : String(value)}\n                            </div>\n                        );\n                    }\n                })\n            )}\n        </TooltipWithBounds>\n    );\n};\n\nexport default ViolinTooltip;\n"],"names":["ViolinTooltip","t0","$","_c","left","top","data","open","pointTooltipBody","t1","t2","point","Object","entries","map","_temp2","t3","TooltipWithBounds","_temp","str","toUpperCase","key","value","formattedKey","replace","jsx","jsxs","length","slice","String"],"mappings":";;;AAGA,MAAMA,IAAgBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAK;AAAA,IAAAC,MAAAA;AAAAA,IAAAC,KAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC,kBAAAA;AAAAA,EAAAA,IAAAP;AACvB,MAAI,CAACM,KAAD,CAAUD;AAAI,WAAS;AAGE,QAAAG,IAAAL,IAAO;AAAE,MAAAM;AAAA,EAAAR,EAAA,CAAA,MAAAI,KAAAJ,SAAAM,KAC7BE,IAAAF,KAAoBF,EAAIK,QACrBH,EAAiBF,EAAIK,KA0BzB,IAxBIC,OAAMC,QAASP,CAA+B,EAACQ,IAAKC,CAwBxD,GAACb,OAAAI,GAAAJ,OAAAM,GAAAN,OAAAQ,KAAAA,IAAAR,EAAA,CAAA;AAAA,MAAAc;AAAA,SAAAd,EAAA,CAAA,MAAAO,KAAAP,SAAAQ,KAAAR,EAAA,CAAA,MAAAG,KA5BLW,sBAACC,GAAA,EAAwB,MAAAR,GAAgBJ,KAAAA,GACpCK,UAAAA,GA4BL,GAAoBR,OAAAO,GAAAP,OAAAQ,GAAAR,OAAAG,GAAAH,OAAAc,KAAAA,IAAAd,EAAA,CAAA,GA7BpBc;AA6BoB;AAjCN,SAAAE,EAAAC,GAAA;AAAA,SAWwBA,EAAGC,YAAAA;AAAc;AAXzC,SAAAL,EAAAd,GAAA;AAQ+C,QAAA,CAAAoB,GAAAC,CAAA,IAAArB,GACjDsB,IAAqBF,EAAGG,QACX,mBAAmB,OAAO,EAACA,QAC3B,MAAMN,CAAwB;AAE3C,SAAIG,MAAQ,8BAEJ,OAAA,EACI,UAAA,gBAAAI,EAAA,UAAA,eAAsB,MAC1B,sBAIA,OAAA,EACI,UAAA;AAAA,IAAA,gBAAAC,EAAA,UAAA,EAASH,UAAAA;AAAAA,MAAAA;AAAAA,MAAa;AAAA,IAAA,GAAE;AAAA,IACvB,OAAOD,KAAU,WACXA,EAAKK,SAAU,KAAf,GACML,EAAKE,QAAS,MAAM,GAAG,EAACI,MAAO,GAAG,EAAE,CAAC,QACxCN,EAAKE,QAAS,MAAM,GAAG,IAC3BK,OAAOP,CAAK;AAAA,EAAA,EAAA,GANZD,CAOV;AAEP;"}

package/dist/visualization.es104.js

@@ -1,50 +1,16 @@
-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;
-  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);
+function l(d, i) {
+  let e;
+  if (i === void 0)
+    for (const n of d)
+      n != null && (e < n || e === void 0 && n >= n) && (e = n);
+  else {
+    let n = -1;
+    for (let f of d)
+      (f = i(f, ++n, d)) != null && (e < f || e === void 0 && f >= f) && (e = f);
+  }
+  return e;
+}
 export {
-  S as CELL_CLASS,
-  d as CELL_SHAPE_CLASS,
-  B as default,
-  z as heatmapCellStyles
+  l as default
 };
 //# sourceMappingURL=visualization.es104.js.map

package/dist/visualization.es104.js.map

@@ -1 +1 @@
-{"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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"}
+{"version":3,"file":"visualization.es104.js","sources":["../../../node_modules/.pnpm/d3-array@3.2.1/node_modules/d3-array/src/max.js"],"sourcesContent":["export default function max(values, valueof) {\n  let max;\n  if (valueof === undefined) {\n    for (const value of values) {\n      if (value != null\n          && (max < value || (max === undefined && value >= value))) {\n        max = value;\n      }\n    }\n  } else {\n    let index = -1;\n    for (let value of values) {\n      if ((value = valueof(value, ++index, values)) != null\n          && (max < value || (max === undefined && value >= value))) {\n        max = value;\n      }\n    }\n  }\n  return max;\n}\n"],"names":["max","values","valueof","value","index"],"mappings":"AAAe,SAASA,EAAIC,GAAQC,GAAS;AAC3C,MAAIF;AACJ,MAAIE,MAAY;AACd,eAAWC,KAASF;AAClB,MAAIE,KAAS,SACLH,IAAMG,KAAUH,MAAQ,UAAaG,KAASA,OACpDH,IAAMG;AAAA,OAGL;AACL,QAAIC,IAAQ;AACZ,aAASD,KAASF;AAChB,OAAKE,IAAQD,EAAQC,GAAO,EAAEC,GAAOH,CAAM,MAAM,SACzCD,IAAMG,KAAUH,MAAQ,UAAaG,KAASA,OACpDH,IAAMG;AAAA,EAGZ;AACA,SAAOH;AACT;","x_google_ignoreList":[0]}

package/dist/visualization.es106.js

@@ -1,7 +1,7 @@
 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";
+import M from "./visualization.es72.js";
 const D = g((a) => {
   const o = p(11), {
     dragStart: r,

package/dist/visualization.es107.js

@@ -1,7 +1,7 @@
 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";
+import { motion as s } from "./visualization.es27.js";
 const c = a(function({
   scaledLinkPath: o,
   baseLinkPath: n,

package/dist/visualization.es108.js

@@ -1,7 +1,7 @@
 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";
+import { motion as a } from "./visualization.es27.js";
 const k = s(function({
   useBranchLengths: n,
   color: i,

package/dist/visualization.es109.js

@@ -1,7 +1,7 @@
 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";
+import O from "./visualization.es26.js";
 const F = j(function(L) {
   const t = g(16), {
     nodeX: N,

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.es81.js";
-import K from "./visualization.es89.js";
-import { downloadSVGAsPNG as Q, downloadAsSVG as U, getAnimationProps as Z } from "./visualization.es31.js";
+import { getTextHeight as O } from "./visualization.es20.js";
+import K from "./visualization.es21.js";
+import { downloadSVGAsPNG as Q, downloadAsSVG as U, getAnimationProps as Z } from "./visualization.es22.js";
 import { useResponsiveParentSize as _ } from "./visualization.es18.js";
-import R from "./visualization.es26.js";
-import T from "./visualization.es25.js";
-import H from "./visualization.es51.js";
+import R from "./visualization.es23.js";
+import T from "./visualization.es24.js";
+import H from "./visualization.es25.js";
 import { ResponsiveContainer as p } from "./visualization.es14.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";
+import tt from "./visualization.es26.js";
+import { motion as et } from "./visualization.es27.js";
+import N from "./visualization.es28.js";
+import X from "./visualization.es29.js";
 const xt = (t) => {
   const {
     parentRef: F,

package/dist/visualization.es112.js

@@ -1,5 +1,5 @@
-import { __module as I } from "./visualization.es163.js";
-import { __require as Q } from "./visualization.es164.js";
+import { __module as I } from "./visualization.es130.js";
+import { __require as Q } from "./visualization.es131.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.es512.js";
-import o from "./visualization.es521.js";
-import e from "./visualization.es522.js";
-import p from "./visualization.es523.js";
+import { popperGenerator as r } from "./visualization.es498.js";
+import o from "./visualization.es507.js";
+import e from "./visualization.es508.js";
+import p from "./visualization.es509.js";
 import t from "./visualization.es117.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";
+import m from "./visualization.es510.js";
+import f from "./visualization.es511.js";
+import i from "./visualization.es512.js";
+import s from "./visualization.es513.js";
+import a from "./visualization.es514.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.es554.js";
-import { isHTMLElement as f } from "./visualization.es520.js";
+import { isHTMLElement as f } from "./visualization.es506.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.es21.js";
-import x from "./visualization.es22.js";
+import g from "./visualization.es54.js";
+import x from "./visualization.es63.js";
 const c = 10;
 function y(l) {
   const t = S(10), {

package/dist/visualization.es120.js

@@ -1,35 +1,29 @@
-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;
-  return o[17] !== t ? (m = /* @__PURE__ */ u("g", { children: t }), o[17] = t, o[18] = m) : m = o[18], m;
+import { jsx as h, jsxs as g, Fragment as p } from "react/jsx-runtime";
+import { c as v } from "react/compiler-runtime";
+import { measureTextWidth as y } from "./visualization.es121.js";
+const A = (m) => {
+  const t = v(12), {
+    cx: u,
+    cy: x,
+    value: W,
+    color: r,
+    align: a
+  } = m, s = `${W}`, i = y(s, 12, "sans-serif") + 12;
+  let e = u;
+  a === "start" && (e = e + i / 2), a === "end" && (e = e - i / 2);
+  const c = e - i / 2, d = x - 10.8;
+  let o;
+  t[0] !== r || t[1] !== i || t[2] !== c || t[3] !== d ? (o = /* @__PURE__ */ h("rect", { x: c, y: d, width: i, height: 21.6, rx: 10.8, fill: r }), t[0] = r, t[1] = i, t[2] = c, t[3] = d, t[4] = o) : o = t[4];
+  const f = x + 1;
+  let l;
+  t[5] !== f || t[6] !== s || t[7] !== e ? (l = /* @__PURE__ */ h("text", { x: e, y: f, textAnchor: "middle", dominantBaseline: "middle", fill: "white", fontSize: 12, fontWeight: 500, children: s }), t[5] = f, t[6] = s, t[7] = e, t[8] = l) : l = t[8];
+  let n;
+  return t[9] !== o || t[10] !== l ? (n = /* @__PURE__ */ g(p, { children: [
+    o,
+    l
+  ] }), t[9] = o, t[10] = l, t[11] = n) : n = t[11], n;
 };
 export {
-  G as default
+  A as default
 };
 //# sourceMappingURL=visualization.es120.js.map

package/dist/visualization.es120.js.map

@@ -1 +1 @@
-{"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;"}
+{"version":3,"file":"visualization.es120.js","sources":["../src/components/TreeMap/ValueOval.tsx"],"sourcesContent":["import { ValueOvalProps } from \"./types\";\nimport { measureTextWidth } from \"./helpers\";\n\nconst ValueOval: React.FC<ValueOvalProps> = ({ cx, cy, value, color, align }) => {\n    const fontSize = 12;\n    const text = `${value}`;\n    const textWidth = measureTextWidth(text, fontSize, \"sans-serif\");\n    const padding = 6;\n    const ovalWidth = textWidth + padding * 2;\n    const ovalHeight = fontSize * 1.8;\n\n    let xPos = cx;\n    if (align === \"start\") xPos += ovalWidth / 2;\n    if (align === \"end\") xPos -= ovalWidth / 2;\n\n    return (\n        <>\n            <rect\n                x={xPos - ovalWidth / 2}\n                y={cy - ovalHeight / 2}\n                width={ovalWidth}\n                height={ovalHeight}\n                rx={ovalHeight / 2}\n                fill={color}\n            />\n            <text\n                x={xPos}\n                y={cy + 1}\n                textAnchor=\"middle\"\n                dominantBaseline=\"middle\"\n                fill=\"white\"\n                fontSize={fontSize}\n                fontWeight={500}\n            >\n                {text}\n            </text>\n        </>\n    );\n};\n\nexport default ValueOval;"],"names":["ValueOval","t0","$","_c","cx","cy","value","color","align","text","ovalWidth","measureTextWidth","xPos","t1","t2","t3","jsx","ovalHeight","t4","t5","fontSize","t6"],"mappings":";;;AAGA,MAAMA,IAAsCC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAC;AAAA,IAAAC,IAAAA;AAAAA,IAAAC,IAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,OAAAA;AAAAA,EAAAA,IAAAP,GAEzCQ,IAAa,GAAGH,CAAK,IAGrBI,IAFkBC,EAAiBF,GAFlB,IAEkC,YAAY,IAEjC;AAG9B,MAAAG,IAAWR;AACX,EAAII,MAAU,YAASI,IAAAA,IAAQF,IAAY,IACvCF,MAAU,UAAOI,IAAAA,IAAQF,IAAY;AAK1B,QAAAG,IAAAD,IAAOF,IAAY,GACnBI,IAAAT,IAAK;AAAc,MAAAU;AAAA,EAAAb,EAAA,CAAA,MAAAK,KAAAL,EAAA,CAAA,MAAAQ,KAAAR,EAAA,CAAA,MAAAW,KAAAX,SAAAY,KAF1BC,IAAA,gBAAAC,EAAA,QAAA,EACO,GAAAH,GACA,GAAAC,GACIJ,OAAAA,GACCO,QAZDA,MAaH,IAAA,MACEV,MAAAA,GAAK,GACbL,OAAAK,GAAAL,OAAAQ,GAAAR,OAAAW,GAAAX,OAAAY,GAAAZ,OAAAa,KAAAA,IAAAb,EAAA,CAAA;AAGK,QAAAgB,IAAAb,IAAK;AAAC,MAAAc;AAAA,EAAAjB,EAAA,CAAA,MAAAgB,KAAAhB,SAAAO,KAAAP,EAAA,CAAA,MAAAU,KAFbO,gCACOP,GAAAA,GACA,GAAAM,GACQ,YAAA,UACM,kBAAA,UACZ,MAAA,SACKE,UA3BLA,IA4BO,YAAA,KAEXX,UAAAA,GACL,GAAOP,OAAAgB,GAAAhB,OAAAO,GAAAP,OAAAU,GAAAV,OAAAiB,KAAAA,IAAAjB,EAAA,CAAA;AAAA,MAAAmB;AAAA,SAAAnB,EAAA,CAAA,MAAAa,KAAAb,UAAAiB,KAnBXE,2BACIN,UAAAA;AAAAA,IAAAA;AAAAA,IAQAI;AAAAA,EAAAA,GAUO,GACRjB,OAAAa,GAAAb,QAAAiB,GAAAjB,QAAAmB,KAAAA,IAAAnB,EAAA,EAAA,GApBHmB;AAoBG;"}

package/dist/visualization.es121.js

@@ -1,48 +1,73 @@
-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;
+function x(t, c, a, r) {
+  const n = (t.x0 + t.x1) / 2, e = (t.y0 + t.y1) / 2;
+  switch (c) {
+    case "topLeft":
+      return {
+        textX: t.x0 + 6,
+        textY: t.y0 + 10,
+        valueY: r ? t.y0 + 17 : t.y0 + 40,
+        valueX: r ? t.x1 - 6 : t.x0 + 6,
+        textAnchor: "start",
+        valueAnchor: r ? "end" : "start",
+        baseline: "hanging"
+      };
+    case "topRight":
+      return {
+        textX: t.x1 - 6,
+        textY: t.y0 + 10,
+        valueY: t.y0 + 40,
+        valueX: t.x1 - 6,
+        textAnchor: "end",
+        valueAnchor: "end",
+        baseline: "hanging"
+      };
+    case "bottomLeft":
+      return {
+        textX: t.x0 + 6,
+        textY: a ? t.y1 - 35 : t.y1 - 15,
+        valueY: t.y1 - 15,
+        valueX: t.x0 + 6,
+        textAnchor: "start",
+        valueAnchor: "start",
+        baseline: "alphabetic"
+      };
+    case "bottomRight":
+      return {
+        textX: t.x1 - 6,
+        textY: a ? t.y1 - 35 : t.y1 - 15,
+        valueY: t.y1 - 15,
+        valueX: t.x1 - 6,
+        textAnchor: "end",
+        valueAnchor: "end",
+        baseline: "alphabetic"
+      };
+    default:
+      return {
+        textX: n,
+        textY: a ? e - 5 : e + 5,
+        valueY: e + 15,
+        valueX: n,
+        textAnchor: "middle",
+        valueAnchor: "middle",
+        baseline: "middle"
+      };
+  }
+}
+function l(t, c, a) {
+  const u = document.createElement("canvas").getContext("2d");
+  return u ? (u.font = `${c}px ${a}`, u.measureText(t).width) : 0;
+}
+function s(t, c, a, r) {
+  const n = document.createElement("canvas").getContext("2d");
+  if (!n || (n.font = `${a}px ${r}`, n.measureText(t).width <= c)) return t;
+  let e = t;
+  for (; e.length > 0 && n.measureText(e + "…").width > c; )
+    e = e.slice(0, -1);
+  return e === "" ? "" : e + "...";
 }
 export {
-  H as default
+  x as getLabelPlacement,
+  l as measureTextWidth,
+  s as truncateTextToWidth
 };
 //# sourceMappingURL=visualization.es121.js.map