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

package/dist/visualization.es80.js

@@ -1,32 +1,84 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { memo as o } from "react";
-import { ControlPanel as c } from "./visualization.es120.js";
-import { ZoomSurface as d } from "./visualization.es121.js";
-import { TOTAL_INNER_DIAMETER as n } from "./visualization.es7.js";
-import m from "./visualization.es31.js";
-const x = o(function({
-  zoom: r,
-  totalWidth: i,
-  totalHeight: t,
-  children: g,
-  toggleBranchLength: s
-}) {
-  return /* @__PURE__ */ a("div", { style: {
-    position: "relative",
-    width: i,
-    height: t
-  }, children: [
-    /* @__PURE__ */ e(c, { scaleZoom: r.scale, resetZoom: r.reset, toggleBranchLength: s }),
-    /* @__PURE__ */ a("svg", { width: i, height: t, style: {
-      cursor: r.isDragging ? "grabbing" : "grab",
-      touchAction: "none"
-    }, viewBox: `0 0 ${n} ${n}`, preserveAspectRatio: "xMidYMid meet", ref: r.containerRef, children: [
-      /* @__PURE__ */ e(d, { dragStart: r.dragStart, dragEnd: r.dragEnd, dragMove: r.dragMove, scale: r.scale, isDragging: r.isDragging }),
-      /* @__PURE__ */ e(m, { transform: r.toString(), children: g })
-    ] })
-  ] });
-});
+import { c as j } from "react/compiler-runtime";
+import { useState as w, useRef as k, useEffect as z } from "react";
+import { invertRescaled as q } from "./visualization.es17.js";
+import { useStableCallback as B } from "./visualization.es19.js";
+import D from "./visualization.es29.js";
+const O = (E) => {
+  const e = j(23), {
+    enabled: C,
+    margin: l,
+    boundedWidth: g,
+    boundedHeight: x,
+    xScale: y,
+    yScale: R,
+    onCrosshairChange: H
+  } = E, [S, L] = w(null), F = k(null), n = B(H), s = k(null), o = k(null);
+  let u;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (u = () => {
+    s.current !== null && (cancelAnimationFrame(s.current), s.current = null);
+  }, e[0] = u) : u = e[0];
+  const P = u;
+  let c;
+  e[1] !== n ? (c = (t) => {
+    F.current = t, L(t), n(t);
+  }, e[1] = n, e[2] = c) : c = e[2];
+  const i = c;
+  let a;
+  e[3] !== i ? (a = (t) => {
+    if (t === null) {
+      if (P(), o.current = null, F.current === null)
+        return;
+      i(null);
+      return;
+    }
+    o.current = t, s.current === null && (s.current = requestAnimationFrame(() => {
+      s.current = null;
+      const b = o.current;
+      o.current = null, b && i(b);
+    }));
+  }, e[3] = i, e[4] = a) : a = e[4];
+  const r = a;
+  let f, m;
+  e[5] !== n ? (f = () => () => {
+    P(), F.current !== null && n(null);
+  }, m = [P, n], e[5] = n, e[6] = f, e[7] = m) : (f = e[6], m = e[7]), z(f, m);
+  let h;
+  e[8] !== x || e[9] !== g || e[10] !== C || e[11] !== l.left || e[12] !== l.top || e[13] !== r || e[14] !== y || e[15] !== R ? (h = (t, b) => {
+    if (!C)
+      return;
+    const v = D(t.currentTarget, t);
+    if (!v)
+      return;
+    const A = v.x - l.left, M = v.y - l.top;
+    if (A < 0 || A > g || M < 0 || M > x) {
+      r(null);
+      return;
+    }
+    const {
+      translateX: T,
+      translateY: W,
+      scaleX: _,
+      scaleY: $
+    } = b.transformMatrix;
+    r({
+      x: q(y, T, _, A),
+      y: q(R, W, $, M)
+    });
+  }, e[8] = x, e[9] = g, e[10] = C, e[11] = l.left, e[12] = l.top, e[13] = r, e[14] = y, e[15] = R, e[16] = h) : h = e[16];
+  const X = h;
+  let p;
+  e[17] !== r ? (p = () => {
+    r(null);
+  }, e[17] = r, e[18] = p) : p = e[18];
+  const Y = p;
+  let d;
+  return e[19] !== S || e[20] !== Y || e[21] !== X ? (d = {
+    crosshairPosition: S,
+    handleCrosshairMove: X,
+    handleCrosshairLeave: Y
+  }, e[19] = S, e[20] = Y, e[21] = X, e[22] = d) : d = e[22], d;
+};
 export {
-  x as ZoomFrame
+  O as useCrosshair
 };
 //# sourceMappingURL=visualization.es80.js.map

package/dist/visualization.es80.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es80.js","sources":["../src/components/PhyloTree/ZoomFrame.tsx"],"sourcesContent":["import { ProvidedZoom } from \"@visx/zoom\";\nimport { memo, ReactNode, useState } from \"react\";\nimport { ZoomState } from \"./types\";\nimport { ControlPanel } from \"./ControlPanel\";\nimport { ZoomSurface } from \"./ZoomSurface\";\nimport { Group } from \"@visx/group\";\nimport { TOTAL_INNER_DIAMETER } from \"./PhyloTree\";\n\nexport type ZoomFrameProps = {\n  zoom: ProvidedZoom<SVGSVGElement> & ZoomState;\n  totalHeight: number;\n  totalWidth: number;\n  toggleBranchLength: () => void;\n  children: ReactNode\n};\n\nexport const ZoomFrame = memo(function({ zoom, totalWidth, totalHeight, children, toggleBranchLength }: ZoomFrameProps) {\n  return (\n    <div\n      style={{\n        position: \"relative\",\n        width: totalWidth,\n        height: totalHeight,\n      }}\n    >\n      <ControlPanel scaleZoom={zoom.scale} resetZoom={zoom.reset} toggleBranchLength={toggleBranchLength} />\n      <svg\n        width={totalWidth}\n        height={totalHeight}\n        style={{ cursor: zoom.isDragging ? \"grabbing\" : \"grab\", touchAction: \"none\" }}\n        viewBox={`0 0 ${TOTAL_INNER_DIAMETER} ${TOTAL_INNER_DIAMETER}`}\n        preserveAspectRatio=\"xMidYMid meet\"\n        ref={zoom.containerRef}\n      >\n        <ZoomSurface\n          dragStart={zoom.dragStart}\n          dragEnd={zoom.dragEnd}\n          dragMove={zoom.dragMove}\n          scale={zoom.scale}\n          isDragging={zoom.isDragging}\n        />\n        <Group transform={zoom.toString()}>\n          {children}\n        </Group>\n      </svg>\n    </div>\n  );\n});\n"],"names":["ZoomFrame","memo","zoom","totalWidth","totalHeight","children","toggleBranchLength","jsxs","position","width","height","jsx","ControlPanel","scale","reset","cursor","isDragging","touchAction","TOTAL_INNER_DIAMETER","containerRef","ZoomSurface","dragStart","dragEnd","dragMove","Group","toString"],"mappings":";;;;;;AAgBO,MAAMA,IAAYC,EAAK,SAAS;AAAA,EAAEC,MAAAA;AAAAA,EAAMC,YAAAA;AAAAA,EAAYC,aAAAA;AAAAA,EAAaC,UAAAA;AAAAA,EAAUC,oBAAAA;AAAmC,GAAG;AACtH,SACE,gBAAAC,EAAC,SACC,OAAO;AAAA,IACLC,UAAU;AAAA,IACVC,OAAON;AAAAA,IACPO,QAAQN;AAAAA,EAAAA,GAGV,UAAA;AAAA,IAAA,gBAAAO,EAACC,KAAa,WAAWV,EAAKW,OAAO,WAAWX,EAAKY,OAAO,oBAAAR,GAAuC;AAAA,sBAClG,OAAA,EACC,OAAOH,GACP,QAAQC,GACR,OAAO;AAAA,MAAEW,QAAQb,EAAKc,aAAa,aAAa;AAAA,MAAQC,aAAa;AAAA,IAAA,GACrE,SAAS,OAAOC,CAAoB,IAAIA,CAAoB,IAC5D,qBAAoB,iBACpB,KAAKhB,EAAKiB,cAEV,UAAA;AAAA,MAAA,gBAAAR,EAACS,GAAA,EACC,WAAWlB,EAAKmB,WAChB,SAASnB,EAAKoB,SACd,UAAUpB,EAAKqB,UACf,OAAOrB,EAAKW,OACZ,YAAYX,EAAKc,YAAW;AAAA,wBAE7BQ,GAAA,EAAM,WAAWtB,EAAKuB,SAAAA,GACpBpB,UAAAA,EAAAA,CACH;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ,CAAC;"}
+{"version":3,"file":"visualization.es80.js","sources":["../src/components/ScatterPlot/hooks/useCrosshair.ts"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { localPoint } from \"@visx/event\";\nimport { ScaleLinear } from \"@visx/vendor/d3-scale\";\nimport { CrosshairPosition, ZoomType } from \"../types\";\nimport { invertRescaled } from \"../helpers\";\nimport { useStableCallback } from \"../../../hooks\";\n\ntype UseCrosshairProps = {\n    enabled: boolean;\n    margin: { top: number; left: number };\n    boundedWidth: number;\n    boundedHeight: number;\n    xScale: ScaleLinear<number, number, never>;\n    yScale: ScaleLinear<number, number, never>;\n    onCrosshairChange?: (position: CrosshairPosition | null) => void;\n};\n\n/**\n * Tracks the pointer as a crosshair position in data coordinates.\n *\n * Data coordinates rather than pixels because the position is also published to consumers, who\n * may mirror it onto another plot or feed it back in as a controlled position. Keeping one\n * currency means every plot showing this crosshair resolves it through its own scales and so\n * agrees with the others, even mid-zoom.\n *\n * The zoom transform arrives as an argument rather than a hook input because it only exists\n * inside the Zoom render prop, below where this hook is called.\n *\n * Moves are coalesced to one update per animation frame. A mouse can report positions faster\n * than the browser paints, and mousemove is a continuous event that React flushes synchronously,\n * so publishing every one of them - into this state and, through onCrosshairChange, into a\n * parent shared by several plots - re-renders the whole group without ever yielding, and React\n * eventually warns about the update depth. Leaving is published immediately: it ends the\n * gesture, and a frame queued behind it would put the crosshair back.\n */\nexport const useCrosshair = ({\n    enabled,\n    margin,\n    boundedWidth,\n    boundedHeight,\n    xScale,\n    yScale,\n    onCrosshairChange,\n}: UseCrosshairProps) => {\n    const [crosshairPosition, setCrosshairPosition] = useState<CrosshairPosition | null>(null);\n    const publishedRef = useRef<CrosshairPosition | null>(null);\n    const publishChange = useStableCallback(onCrosshairChange);\n\n    const frameRef = useRef<number | null>(null);\n    const pendingRef = useRef<CrosshairPosition | null>(null);\n\n    const cancelFrame = useCallback(() => {\n        if (frameRef.current === null) return;\n        cancelAnimationFrame(frameRef.current);\n        frameRef.current = null;\n    }, []);\n\n    const apply = useCallback((position: CrosshairPosition | null) => {\n        publishedRef.current = position;\n        setCrosshairPosition(position);\n        publishChange(position);\n    }, [publishChange]);\n\n    const publish = useCallback((position: CrosshairPosition | null) => {\n        if (position === null) {\n            cancelFrame();\n            pendingRef.current = null;\n            // Leaving the plot area fires on every subsequent move; only announce the first one.\n            if (publishedRef.current === null) return;\n            apply(null);\n            return;\n        }\n\n        pendingRef.current = position;\n        if (frameRef.current !== null) return;\n        frameRef.current = requestAnimationFrame(() => {\n            frameRef.current = null;\n            const pending = pendingRef.current;\n            pendingRef.current = null;\n            if (pending) apply(pending);\n        });\n    }, [apply, cancelFrame]);\n\n    // On unmount, drop any queued frame and announce the crosshair as gone. Without the second\n    // half a parent mirroring this position onto sibling plots - ScatterPlotSync - keeps drawing\n    // the crosshair of a plot that no longer exists, until something else happens to move it.\n    useEffect(() => () => {\n        cancelFrame();\n        if (publishedRef.current !== null) publishChange(null);\n    }, [cancelFrame, publishChange]);\n\n    const handleCrosshairMove = useCallback((event: React.MouseEvent<SVGElement>, zoom: ZoomType) => {\n        if (!enabled) return;\n\n        const point = localPoint(event.currentTarget, event);\n        if (!point) return;\n\n        // The listener covers the whole svg, margins included, so anything outside the plot\n        // area counts as leaving it.\n        const plotX = point.x - margin.left;\n        const plotY = point.y - margin.top;\n        if (plotX < 0 || plotX > boundedWidth || plotY < 0 || plotY > boundedHeight) {\n            publish(null);\n            return;\n        }\n\n        const { translateX, translateY, scaleX, scaleY } = zoom.transformMatrix;\n        publish({\n            x: invertRescaled(xScale, translateX, scaleX, plotX),\n            y: invertRescaled(yScale, translateY, scaleY, plotY),\n        });\n    }, [boundedHeight, boundedWidth, enabled, margin.left, margin.top, publish, xScale, yScale]);\n\n    const handleCrosshairLeave = useCallback(() => {\n        publish(null);\n    }, [publish]);\n\n    return { crosshairPosition, handleCrosshairMove, handleCrosshairLeave };\n};\n"],"names":["useCrosshair","t0","$","_c","enabled","margin","boundedWidth","boundedHeight","xScale","yScale","onCrosshairChange","crosshairPosition","setCrosshairPosition","useState","publishedRef","useRef","publishChange","useStableCallback","frameRef","pendingRef","t1","Symbol","for","current","cancelAnimationFrame","cancelFrame","t2","position","apply","t3","position_0","requestAnimationFrame","pending","publish","t4","t5","useEffect","t6","left","top","event","zoom","point","localPoint","currentTarget","plotX","x","plotY","y","translateX","translateY","scaleX","scaleY","transformMatrix","invertRescaled","handleCrosshairMove","t7","handleCrosshairLeave","t8"],"mappings":"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"}

package/dist/visualization.es81.js

@@ -1,68 +1,70 @@
-import { jsx as b, jsxs as p, Fragment as W } from "react/jsx-runtime";
-import { c as S } from "react/compiler-runtime";
-import { TreeLink as g } from "./visualization.es122.js";
-import { memo as E } from "react";
-import { LeafLinkExtension as M } from "./visualization.es123.js";
-import { LeafNodeLabel as v } from "./visualization.es124.js";
-const F = E((x) => {
-  const e = S(39), {
-    node: o,
-    dimmed: m,
-    useBranchLengths: n,
-    leafFontFamily: d,
-    leafFontSize: c,
-    onNodeMouseMove: k,
-    onNodeMouseLeave: h,
-    onBranchClick: L
-  } = x;
-  let a;
-  e[0] !== o || e[1] !== k ? (a = (N) => k(N, o), e[0] = o, e[1] = k, e[2] = a) : a = e[2];
-  let t;
-  e[3] !== o || e[4] !== h ? (t = (N) => h(N, o), e[3] = o, e[4] = h, e[5] = t) : t = e[5];
-  let i;
-  e[6] !== o || e[7] !== L ? (i = () => L(o.leaves().map(P)), e[6] = o, e[7] = L, e[8] = i) : i = e[8];
-  const s = m ? 0.2 : 1;
-  let f;
-  e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = {
-    transition: "opacity 0.2s ease-in"
-  }, e[9] = f) : f = e[9];
-  let r;
-  e[10] !== o.baseLinkPath || e[11] !== o.color || e[12] !== o.linkStrokeWidth || e[13] !== o.scaledLinkPath || e[14] !== n ? (r = /* @__PURE__ */ b(g, { scaledLinkPath: o.scaledLinkPath, baseLinkPath: o.baseLinkPath, color: o.color, strokeWidth: o.linkStrokeWidth, useBranchLengths: n }), e[10] = o.baseLinkPath, e[11] = o.color, e[12] = o.linkStrokeWidth, e[13] = o.scaledLinkPath, e[14] = n, e[15] = r) : r = e[15];
-  let l;
-  e[16] !== d || e[17] !== c || e[18] !== o.baseLeafLinkExtension || e[19] !== o.baseNodeX || e[20] !== o.baseNodeY || e[21] !== o.children || e[22] !== o.color || e[23] !== o.label || e[24] !== o.labelStrokeWidth || e[25] !== o.lightenedLinkExtColor || e[26] !== o.linkStrokeWidth || e[27] !== o.scaledLeafLinkExtension || e[28] !== o.x || e[29] !== n ? (l = !o.children && /* @__PURE__ */ p(W, { children: [
-    /* @__PURE__ */ b(M, { useBranchLengths: n, color: o.lightenedLinkExtColor, baseLeafLinkExtension: o.baseLeafLinkExtension, scaledLeafLinkExtension: o.scaledLeafLinkExtension, strokeWidth: o.linkStrokeWidth }),
-    /* @__PURE__ */ b(v, { nodeX: o.x, strokeWidth: o.labelStrokeWidth, baseNodeX: o.baseNodeX, baseNodeY: o.baseNodeY, label: o.label, color: o.color, fontSize: c, fontFamily: d })
-  ] }), e[16] = d, e[17] = c, e[18] = o.baseLeafLinkExtension, e[19] = o.baseNodeX, e[20] = o.baseNodeY, e[21] = o.children, e[22] = o.color, e[23] = o.label, e[24] = o.labelStrokeWidth, e[25] = o.lightenedLinkExtColor, e[26] = o.linkStrokeWidth, e[27] = o.scaledLeafLinkExtension, e[28] = o.x, e[29] = n, e[30] = l) : l = e[30];
-  let u;
-  return e[31] !== o.data.id || e[32] !== a || e[33] !== t || e[34] !== i || e[35] !== s || e[36] !== r || e[37] !== l ? (u = /* @__PURE__ */ p("g", { onMouseMove: a, onMouseLeave: t, onClick: i, id: o.data.id, opacity: s, style: f, children: [
-    r,
-    l
-  ] }), e[31] = o.data.id, e[32] = a, e[33] = t, e[34] = i, e[35] = s, e[36] = r, e[37] = l, e[38] = u) : u = e[38], u;
-}), T = E(function(e) {
-  const o = S(11), {
-    node: m,
-    hovered: n,
-    useBranchLengths: d,
-    onNodeMouseMove: c,
-    onNodeMouseLeave: k,
-    onBranchClick: h,
-    leafFontSize: L,
-    leafFontFamily: a
-  } = e;
-  let t;
-  o[0] !== n || o[1] !== a || o[2] !== L || o[3] !== m || o[4] !== h || o[5] !== k || o[6] !== c || o[7] !== d ? (t = m.descendants()?.map((s, f) => {
-    if (!s.parent)
-      return;
-    const r = !!n.length && !n.some((l) => s.descendantIds?.has(l) || s.ancestorIds?.has(l));
-    return /* @__PURE__ */ b(F, { node: s, dimmed: r, useBranchLengths: d, leafFontSize: L, leafFontFamily: a, onBranchClick: h, onNodeMouseMove: c, onNodeMouseLeave: k }, f);
-  }), o[0] = n, o[1] = a, o[2] = L, o[3] = m, o[4] = h, o[5] = k, o[6] = c, o[7] = d, o[8] = t) : t = o[8];
-  let i;
-  return o[9] !== t ? (i = /* @__PURE__ */ b("g", { id: "tree-root", children: t }), o[9] = t, o[10] = i) : i = o[10], i;
-});
-function P(x) {
-  return x.data.id;
+import g from "./visualization.es126.js";
+const q = (t, n, s) => {
+  const e = document.createElement("g");
+  e.style.position = "absolute", e.style.visibility = "hidden", e.style.fontSize = `${n}px`, e.style.fontFamily = s, e.style.whiteSpace = "nowrap", e.textContent = t, document.body.appendChild(e);
+  const i = e.getBoundingClientRect().width;
+  return document.body.removeChild(e), i;
+}, v = (t, n) => {
+  t.sort((o, c) => o - c);
+  const s = (o) => {
+    const c = Math.floor(o.length / 2);
+    return o.length % 2 !== 0 ? o[c] : (o[c - 1] + o[c]) / 2;
+  }, e = (o) => {
+    const c = Math.floor(o.length / 2), p = o.slice(0, c), M = o.slice(o.length % 2 === 0 ? c : c + 1);
+    return {
+      firstQuartile: s(p),
+      thirdQuartile: s(M)
+    };
+  }, {
+    firstQuartile: i,
+    thirdQuartile: r
+  } = e(t), l = s(t), h = r - i, a = i - 1.5 * h, f = r + 1.5 * h, u = n === "none" ? [] : n === "top" ? t.filter((o) => o > f) : n === "bottom" ? t.filter((o) => o < a) : t.filter((o) => o < a || o > f), m = t[0], d = t[t.length - 1];
+  return {
+    min: m,
+    max: d,
+    firstQuartile: i,
+    thirdQuartile: r,
+    median: l,
+    outliers: u
+  };
+};
+function x(t, n) {
+  return (s) => n.map((e) => ({
+    value: e,
+    count: g(s, (i) => t(e - i)) || 0
+  }));
+}
+function y(t) {
+  const n = 1 / (t * Math.sqrt(2 * Math.PI));
+  return (s) => n * Math.exp(-0.5 * Math.pow(s / t, 2));
+}
+function b(t) {
+  const n = t.length;
+  if (n === 0)
+    return 0;
+  const s = t.reduce((l, h) => l + h, 0) / n, e = t.reduce((l, h) => l + Math.pow(h - s, 2), 0) / t.length;
+  return 3.5 * Math.sqrt(e) / Math.pow(n, 1 / 3);
+}
+function C(t) {
+  const n = t.length;
+  if (n === 0) return 0;
+  const s = t.reduce((u, m) => u + m, 0) / n, e = t.reduce((u, m) => u + Math.pow(m - s, 2), 0) / n, i = Math.sqrt(e), r = t.slice().sort((u, m) => u - m), l = r[Math.floor((n - 1) * 0.25)], a = r[Math.floor((n - 1) * 0.75)] - l, f = 0.9 * Math.min(i, a / 1.34) * Math.pow(n, -1 / 5);
+  return Math.max(f, 1e-10);
+}
+function D(t) {
+  let n = 0;
+  for (let e = 0; e < t.length; e++)
+    n = (n << 5) - n + t.charCodeAt(e), n |= 0;
+  const s = Math.sin(n) * 1e4;
+  return s - Math.floor(s);
 }
 export {
-  T as RenderTree
+  v as calculateBoxStats,
+  y as gaussian,
+  q as getTextHeight,
+  x as kernelDensityEstimator,
+  b as scottRule,
+  D as seededRandom,
+  C as silvermanRule
 };
 //# sourceMappingURL=visualization.es81.js.map

package/dist/visualization.es81.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es81.js","sources":["../src/components/PhyloTree/RenderTree.tsx"],"sourcesContent":["import { PhyloTreeProps, TreeNode } from \"./types\";\nimport { TreeLink } from \"./TreeLink\";\nimport { memo } from \"react\";\nimport { LeafLinkExtension } from \"./LeafLinkExtension\";\nimport { LeafNodeLabel } from \"./LeafNodeLabel\";\n\ntype Shared = {\n  node: TreeNode;\n  useBranchLengths: boolean;\n  leafFontSize: PhyloTreeProps[\"leafFontSize\"];\n  leafFontFamily: PhyloTreeProps[\"leafFontFamily\"];\n  onNodeMouseMove: (event: React.MouseEvent, node: TreeNode) => void;\n  onNodeMouseLeave: (event: React.MouseEvent, node: TreeNode) => void;\n  onBranchClick: (leafIds: string[]) => void;\n};\n\nexport type RenderTreeProps = Shared & {\n  hovered: string[];\n};\n\nexport type RenderChildProps = Shared & {\n  dimmed: boolean;\n};\n\nconst ChildNode = memo(\n  ({ node, dimmed, useBranchLengths, leafFontFamily, leafFontSize, onNodeMouseMove, onNodeMouseLeave, onBranchClick }: RenderChildProps) => {\n    return (\n      <g\n        onMouseMove={(e: React.MouseEvent) => onNodeMouseMove(e, node)}\n        onMouseLeave={(e: React.MouseEvent) => onNodeMouseLeave(e, node)}\n        onClick={() => onBranchClick(node.leaves().map(x => x.data.id))}\n        id={node.data.id}\n        opacity={dimmed ? 0.2 : 1}\n        style={{ transition: \"opacity 0.2s ease-in\" }}\n      >\n        <TreeLink\n          scaledLinkPath={node.scaledLinkPath}\n          baseLinkPath={node.baseLinkPath}\n          color={node.color}\n          strokeWidth={node.linkStrokeWidth}\n          useBranchLengths={useBranchLengths}\n          />\n        {!node.children && (\n          <>\n            <LeafLinkExtension\n              useBranchLengths={useBranchLengths}\n              color={node.lightenedLinkExtColor}\n              baseLeafLinkExtension={node.baseLeafLinkExtension}\n              scaledLeafLinkExtension={node.scaledLeafLinkExtension}\n              strokeWidth={node.linkStrokeWidth}\n            />\n            <LeafNodeLabel\n              nodeX={node.x}\n              strokeWidth={node.labelStrokeWidth}\n              baseNodeX={node.baseNodeX}\n              baseNodeY={node.baseNodeY}\n              label={node.label}\n              color={node.color}\n              fontSize={leafFontSize}\n              fontFamily={leafFontFamily}\n            />\n          </>\n        )}\n      </g>\n    );\n  }\n);\n\nexport const RenderTree = memo(function RenderTree({\n  node,\n  hovered,\n  useBranchLengths,\n  onNodeMouseMove,\n  onNodeMouseLeave,\n  onBranchClick,\n  leafFontSize,\n  leafFontFamily,\n}: RenderTreeProps) {\n  return (\n    <g id={\"tree-root\"}>\n      {/* no root node rendered (since root does not need to display link to parent) */}\n      {node.descendants()?.map((child, i) => {\n        if (!child.parent) return;\n        //This is done to elimate a .ancestors() and .descendants() traversal on every rerender\n        const dimmed = !!hovered.length && !(hovered.some(id => child.descendantIds?.has(id) || child.ancestorIds?.has(id)));\n\n        return (\n          <ChildNode\n            key={i}\n            node={child}\n            dimmed={dimmed}\n            useBranchLengths={useBranchLengths}\n            leafFontSize={leafFontSize}\n            leafFontFamily={leafFontFamily}\n            onBranchClick={onBranchClick}\n            onNodeMouseMove={onNodeMouseMove}\n            onNodeMouseLeave={onNodeMouseLeave}\n          />\n        );\n      })}\n    </g>\n  );\n}, );\n"],"names":["ChildNode","memo","t0","$","_c","node","dimmed","useBranchLengths","leafFontFamily","leafFontSize","onNodeMouseMove","onNodeMouseLeave","onBranchClick","t1","e","t2","e_0","t3","leaves","map","_temp","t4","t5","Symbol","for","transition","t6","baseLinkPath","color","linkStrokeWidth","scaledLinkPath","TreeLink","t7","baseLeafLinkExtension","baseNodeX","baseNodeY","children","label","labelStrokeWidth","lightenedLinkExtColor","scaledLeafLinkExtension","x","jsxs","Fragment","jsx","LeafLinkExtension","LeafNodeLabel","t8","data","id","RenderTree","hovered","descendants","child","i","parent","length","some","descendantIds","has","ancestorIds"],"mappings":"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"}
+{"version":3,"file":"visualization.es81.js","sources":["../src/components/ViolinPlot/helpers.ts"],"sourcesContent":["import { mean } from '@visx/vendor/d3-array';\n\n//measure the height of the longest tick\nexport const getTextHeight = (text: string, fontSize: number, fontFamily: string): number => {\n    const el = document.createElement(\"g\");\n    el.style.position = \"absolute\";\n    el.style.visibility = \"hidden\";\n    el.style.fontSize = `${fontSize}px`;\n    el.style.fontFamily = fontFamily;\n    el.style.whiteSpace = \"nowrap\";\n    el.textContent = text;\n    document.body.appendChild(el);\n    const width = el.getBoundingClientRect().width;\n    document.body.removeChild(el);\n    return width;\n};\n\n// Get the min, max, quartiles, median, and ouotiers for each data set\nexport const calculateBoxStats = (data: number[], outlierType: string) => {\n\n    data.sort((a, b) => a - b);\n\n    const median = (arr: number[]) => {\n        const mid = Math.floor(arr.length / 2);\n        return arr.length % 2 !== 0 ? arr[mid] : (arr[mid - 1] + arr[mid]) / 2;\n    };\n\n    const getQuartiles = (arr: number[]) => {\n        const mid = Math.floor(arr.length / 2);\n        const lower = arr.slice(0, mid);\n        const upper = arr.slice(arr.length % 2 === 0 ? mid : mid + 1);\n        return {\n            firstQuartile: median(lower),\n            thirdQuartile: median(upper),\n        };\n    };\n\n    // Calculate quartiles\n    const { firstQuartile, thirdQuartile } = getQuartiles(data);\n    const med = median(data);\n\n    // Calculate the IQR and whiskers\n    const iqr = thirdQuartile - firstQuartile;\n    const lowerWhisker = firstQuartile - 1.5 * iqr;\n    const upperWhisker = thirdQuartile + 1.5 * iqr;\n\n    // Calculate outliers (values outside of the whiskers)\n    const outliers = outlierType === \"none\"\n        ? []\n        : outlierType === \"top\"\n            ? data.filter(val => val > upperWhisker)\n            : outlierType === \"bottom\"\n                ? data.filter(val => val < lowerWhisker)\n                : data.filter(val => val < lowerWhisker || val > upperWhisker);\n\n    // Min and max\n    const min = data[0];\n    const max = data[data.length - 1];\n\n    return { min, max, firstQuartile, thirdQuartile, median: med, outliers };\n    \n};\n\nexport function kernelDensityEstimator(\n    kernel: (distance: number) => number,\n    X: number[]\n): (data: number[]) => { value: number, count: number }[] {\n    return (data: number[]) => {\n        return X.map((x) => ({\n            value: x,\n            count: mean(data, (v) => kernel(x - v)) || 0,\n        }));\n    };\n}\n\nexport function gaussian(bandwidth: number): (x: number) => number {\n    const normalizationFactor = 1 / (bandwidth * Math.sqrt(2 * Math.PI));\n    return (x) => normalizationFactor * Math.exp(-0.5 * Math.pow(x / bandwidth, 2));\n}\n\nexport function scottRule(data: number[]) {\n    const n = data.length;\n    if (n === 0) {\n      return 0;\n    }\n  \n    const mean = data.reduce((a, b) => a + b, 0) / n;\n    const variance = data.reduce((acc, val) => acc + Math.pow(val - mean, 2), 0) / data.length;\n    const stdDev = Math.sqrt(variance)\n    const binWidth = 3.5 * stdDev / Math.pow(n, 1/3);\n    return binWidth;\n  }\n\n  export function silvermanRule(data: number[]) {\n    const n = data.length;\n    if (n === 0) return 0;\n\n    const mean = data.reduce((a, b) => a + b, 0) / n;\n    const variance = data.reduce((acc, val) => acc + Math.pow(val - mean, 2), 0) / n;\n    const stdDev = Math.sqrt(variance);\n\n    //calc iqr\n    const sortedData = data.slice().sort((a, b) => a - b);\n    const q1 = sortedData[Math.floor((n - 1) * 0.25)];\n    const q3 = sortedData[Math.floor((n - 1) * 0.75)];\n    const iqr = q3 - q1;\n\n    const bandwidth = 0.9 * Math.min(stdDev, iqr / 1.34) * Math.pow(n, -1 / 5);\n    \n    //ensure a positive result even if quartiles coincide\n    return Math.max(bandwidth, 1e-10);\n}\n\n//randomly generate jitter based on seed to keep jitter consisten across page loads\nexport function seededRandom(seed: string): number {\n    let hash = 0;\n    for (let i = 0; i < seed.length; i++) {\n      hash = (hash << 5) - hash + seed.charCodeAt(i);\n      hash |= 0; // Convert to 32bit integer\n    }\n    const x = Math.sin(hash) * 10000;\n    return x - Math.floor(x); // returns [0, 1)\n}"],"names":["getTextHeight","text","fontSize","fontFamily","el","document","createElement","style","position","visibility","whiteSpace","textContent","body","appendChild","width","getBoundingClientRect","removeChild","calculateBoxStats","data","outlierType","sort","a","b","median","arr","mid","Math","floor","length","getQuartiles","lower","slice","upper","firstQuartile","thirdQuartile","med","iqr","lowerWhisker","upperWhisker","outliers","filter","val","min","max","kernelDensityEstimator","kernel","X","map","x","value","count","mean","v","gaussian","bandwidth","normalizationFactor","sqrt","PI","exp","pow","scottRule","n","reduce","variance","acc","silvermanRule","stdDev","sortedData","q1","seededRandom","seed","hash","i","charCodeAt","sin"],"mappings":"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"}

package/dist/visualization.es82.js

@@ -1,65 +1,43 @@
-import m from "./visualization.es207.js";
-import c from "./visualization.es208.js";
-import s from "./visualization.es209.js";
-import u from "./visualization.es210.js";
-import l from "./visualization.es211.js";
-import _ from "./visualization.es212.js";
-import y from "./visualization.es213.js";
-import v from "./visualization.es214.js";
-import g from "./visualization.es215.js";
-import A from "./visualization.es216.js";
-import w from "./visualization.es217.js";
-import B from "./visualization.es218.js";
-import b from "./visualization.es219.js";
-function d(e, o) {
-  e instanceof Map ? (e = [void 0, e], o === void 0 && (o = j)) : o === void 0 && (o = C);
-  for (var f = new i(e), r, h = [f], a, t, n, p; r = h.pop(); )
-    if ((t = o(r.data)) && (p = (t = Array.from(t)).length))
-      for (r.children = t, n = p - 1; n >= 0; --n)
-        h.push(a = t[n] = new i(t[n])), a.parent = r, a.depth = r.depth + 1;
-  return f.eachBefore(D);
+import { jsxs as p, jsx as a } from "react/jsx-runtime";
+import { c as w } from "react/compiler-runtime";
+import x from "./visualization.es34.js";
+const g = 18, l = 12, u = 6, r = 8;
+function G(n) {
+  const t = Math.max(...n.map((h) => h.label.length)) * 7 + l + u + r * 2, e = n.length * g + r * 2;
+  return {
+    width: t,
+    height: e
+  };
 }
-function k() {
-  return d(this).eachBefore(x);
-}
-function C(e) {
-  return e.children;
-}
-function j(e) {
-  return Array.isArray(e) ? e[1] : null;
-}
-function x(e) {
-  e.data.value !== void 0 && (e.value = e.data.value), e.data = e.data.data;
-}
-function D(e) {
-  var o = 0;
-  do
-    e.height = o;
-  while ((e = e.parent) && e.height < ++o);
-}
-function i(e) {
-  this.data = e, this.depth = this.height = 0, this.parent = null;
-}
-i.prototype = d.prototype = {
-  constructor: i,
-  count: m,
-  each: c,
-  eachAfter: u,
-  eachBefore: s,
-  find: l,
-  sum: _,
-  sort: y,
-  path: v,
-  ancestors: g,
-  descendants: A,
-  leaves: w,
-  links: B,
-  copy: k,
-  [Symbol.iterator]: b
+const W = (n) => {
+  const t = w(11), {
+    series: e,
+    xMax: h
+  } = n;
+  let s;
+  t[0] !== e ? (s = G(e), t[0] = e, t[1] = s) : s = t[1];
+  const {
+    width: c,
+    height: f
+  } = s, m = h - c - 4;
+  let o;
+  t[2] !== f || t[3] !== c ? (o = /* @__PURE__ */ a("rect", { width: c, height: f, fill: "white", stroke: "#d4d4d4", strokeWidth: 1, rx: 3 }), t[2] = f, t[3] = c, t[4] = o) : o = t[4];
+  let i;
+  t[5] !== e ? (i = e.map(H), t[5] = e, t[6] = i) : i = t[6];
+  let d;
+  return t[7] !== m || t[8] !== o || t[9] !== i ? (d = /* @__PURE__ */ p(x, { left: m, top: 4, children: [
+    o,
+    i
+  ] }), t[7] = m, t[8] = o, t[9] = i, t[10] = d) : d = t[10], d;
 };
+function H(n, t) {
+  return /* @__PURE__ */ p(x, { top: r + t * g, children: [
+    /* @__PURE__ */ a("rect", { x: r, y: 2, width: l, height: l, fill: n.color, opacity: 0.85, rx: 2 }),
+    /* @__PURE__ */ a("text", { x: r + l + u, y: l / 2 + 2, dominantBaseline: "middle", fontSize: 11, children: n.label })
+  ] }, `legend-${t}`);
+}
 export {
-  i as Node,
-  D as computeHeight,
-  d as default
+  W as default,
+  G as legendDimensions
 };
 //# sourceMappingURL=visualization.es82.js.map

package/dist/visualization.es82.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es82.js","sources":["../../../node_modules/.pnpm/d3-hierarchy@3.1.2/node_modules/d3-hierarchy/src/hierarchy/index.js"],"sourcesContent":["import node_count from \"./count.js\";\nimport node_each from \"./each.js\";\nimport node_eachBefore from \"./eachBefore.js\";\nimport node_eachAfter from \"./eachAfter.js\";\nimport node_find from \"./find.js\";\nimport node_sum from \"./sum.js\";\nimport node_sort from \"./sort.js\";\nimport node_path from \"./path.js\";\nimport node_ancestors from \"./ancestors.js\";\nimport node_descendants from \"./descendants.js\";\nimport node_leaves from \"./leaves.js\";\nimport node_links from \"./links.js\";\nimport node_iterator from \"./iterator.js\";\n\nexport default function hierarchy(data, children) {\n  if (data instanceof Map) {\n    data = [undefined, data];\n    if (children === undefined) children = mapChildren;\n  } else if (children === undefined) {\n    children = objectChildren;\n  }\n\n  var root = new Node(data),\n      node,\n      nodes = [root],\n      child,\n      childs,\n      i,\n      n;\n\n  while (node = nodes.pop()) {\n    if ((childs = children(node.data)) && (n = (childs = Array.from(childs)).length)) {\n      node.children = childs;\n      for (i = n - 1; i >= 0; --i) {\n        nodes.push(child = childs[i] = new Node(childs[i]));\n        child.parent = node;\n        child.depth = node.depth + 1;\n      }\n    }\n  }\n\n  return root.eachBefore(computeHeight);\n}\n\nfunction node_copy() {\n  return hierarchy(this).eachBefore(copyData);\n}\n\nfunction objectChildren(d) {\n  return d.children;\n}\n\nfunction mapChildren(d) {\n  return Array.isArray(d) ? d[1] : null;\n}\n\nfunction copyData(node) {\n  if (node.data.value !== undefined) node.value = node.data.value;\n  node.data = node.data.data;\n}\n\nexport function computeHeight(node) {\n  var height = 0;\n  do node.height = height;\n  while ((node = node.parent) && (node.height < ++height));\n}\n\nexport function Node(data) {\n  this.data = data;\n  this.depth =\n  this.height = 0;\n  this.parent = null;\n}\n\nNode.prototype = hierarchy.prototype = {\n  constructor: Node,\n  count: node_count,\n  each: node_each,\n  eachAfter: node_eachAfter,\n  eachBefore: node_eachBefore,\n  find: node_find,\n  sum: node_sum,\n  sort: node_sort,\n  path: node_path,\n  ancestors: node_ancestors,\n  descendants: node_descendants,\n  leaves: node_leaves,\n  links: node_links,\n  copy: node_copy,\n  [Symbol.iterator]: node_iterator\n};\n"],"names":["hierarchy","data","children","mapChildren","objectChildren","root","Node","node","nodes","child","childs","i","n","computeHeight","node_copy","copyData","d","height","node_count","node_each","node_eachAfter","node_eachBefore","node_find","node_sum","node_sort","node_path","node_ancestors","node_descendants","node_leaves","node_links","node_iterator"],"mappings":";;;;;;;;;;;;;AAce,SAASA,EAAUC,GAAMC,GAAU;AAChD,EAAID,aAAgB,OAClBA,IAAO,CAAC,QAAWA,CAAI,GACnBC,MAAa,WAAWA,IAAWC,MAC9BD,MAAa,WACtBA,IAAWE;AAWb,WARIC,IAAO,IAAIC,EAAKL,CAAI,GACpBM,GACAC,IAAQ,CAACH,CAAI,GACbI,GACAC,GACAC,GACAC,GAEGL,IAAOC,EAAM;AAClB,SAAKE,IAASR,EAASK,EAAK,IAAI,OAAOK,KAAKF,IAAS,MAAM,KAAKA,CAAM,GAAG;AAEvE,WADAH,EAAK,WAAWG,GACXC,IAAIC,IAAI,GAAGD,KAAK,GAAG,EAAEA;AACxB,QAAAH,EAAM,KAAKC,IAAQC,EAAOC,CAAC,IAAI,IAAIL,EAAKI,EAAOC,CAAC,CAAC,CAAC,GAClDF,EAAM,SAASF,GACfE,EAAM,QAAQF,EAAK,QAAQ;AAKjC,SAAOF,EAAK,WAAWQ,CAAa;AACtC;AAEA,SAASC,IAAY;AACnB,SAAOd,EAAU,IAAI,EAAE,WAAWe,CAAQ;AAC5C;AAEA,SAASX,EAAeY,GAAG;AACzB,SAAOA,EAAE;AACX;AAEA,SAASb,EAAYa,GAAG;AACtB,SAAO,MAAM,QAAQA,CAAC,IAAIA,EAAE,CAAC,IAAI;AACnC;AAEA,SAASD,EAASR,GAAM;AACtB,EAAIA,EAAK,KAAK,UAAU,WAAWA,EAAK,QAAQA,EAAK,KAAK,QAC1DA,EAAK,OAAOA,EAAK,KAAK;AACxB;AAEO,SAASM,EAAcN,GAAM;AAClC,MAAIU,IAAS;AACb;AAAG,IAAAV,EAAK,SAASU;AAAA,UACTV,IAAOA,EAAK,WAAYA,EAAK,SAAS,EAAEU;AAClD;AAEO,SAASX,EAAKL,GAAM;AACzB,OAAK,OAAOA,GACZ,KAAK,QACL,KAAK,SAAS,GACd,KAAK,SAAS;AAChB;AAEAK,EAAK,YAAYN,EAAU,YAAY;AAAA,EACrC,aAAaM;AAAA,EACb,OAAOY;AAAA,EACP,MAAMC;AAAA,EACN,WAAWC;AAAA,EACX,YAAYC;AAAA,EACZ,MAAMC;AAAA,EACN,KAAKC;AAAA,EACL,MAAMC;AAAA,EACN,MAAMC;AAAA,EACN,WAAWC;AAAA,EACX,aAAaC;AAAA,EACb,QAAQC;AAAA,EACR,OAAOC;AAAA,EACP,MAAMf;AAAA,EACN,CAAC,OAAO,QAAQ,GAAGgB;AACrB;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es82.js","sources":["../src/components/Histogram/HistogramLegend.tsx"],"sourcesContent":["import React from 'react';\nimport { Group } from '@visx/group';\nimport { HistogramSeries } from './types';\n\nconst ROW_HEIGHT = 18;\nconst SWATCH = 12;\nconst GAP = 6;\nconst PADDING = 8;\n\ninterface HistogramLegendProps {\n    series: HistogramSeries[];\n    xMax: number;\n}\n\nexport function legendDimensions(series: HistogramSeries[]) {\n    const width = Math.max(...series.map((s) => s.label.length)) * 7 + SWATCH + GAP + PADDING * 2;\n    const height = series.length * ROW_HEIGHT + PADDING * 2;\n    return { width, height };\n}\n\nconst HistogramLegend = ({ series, xMax }: HistogramLegendProps) => {\n    const { width, height } = legendDimensions(series);\n\n    return (\n        <Group left={xMax - width - 4} top={4}>\n            <rect width={width} height={height} fill=\"white\" stroke=\"#d4d4d4\" strokeWidth={1} rx={3} />\n            {series.map((s, i) => (\n                <Group key={`legend-${i}`} top={PADDING + i * ROW_HEIGHT}>\n                    <rect x={PADDING} y={2} width={SWATCH} height={SWATCH} fill={s.color} opacity={0.85} rx={2} />\n                    <text\n                        x={PADDING + SWATCH + GAP}\n                        y={SWATCH / 2 + 2}\n                        dominantBaseline=\"middle\"\n                        fontSize={11}\n                    >\n                        {s.label}\n                    </text>\n                </Group>\n            ))}\n        </Group>\n    );\n};\n\nexport default HistogramLegend;\n"],"names":["ROW_HEIGHT","SWATCH","GAP","PADDING","legendDimensions","series","width","Math","max","map","s","label","length","height","HistogramLegend","t0","$","_c","xMax","t1","t2","t3","jsx","t4","_temp","t5","jsxs","Group","i","color"],"mappings":";;;AAIA,MAAMA,IAAa,IACbC,IAAS,IACTC,IAAM,GACNC,IAAU;AAOT,SAASC,EAAiBC,GAA2B;AACxD,QAAMC,IAAQC,KAAKC,IAAI,GAAGH,EAAOI,IAAKC,CAAAA,MAAMA,EAAEC,MAAMC,MAAM,CAAC,IAAI,IAAIX,IAASC,IAAMC,IAAU,GACtFU,IAASR,EAAOO,SAASZ,IAAaG,IAAU;AACtD,SAAO;AAAA,IAAEG,OAAAA;AAAAA,IAAOO,QAAAA;AAAAA,EAAAA;AACpB;AAEA,MAAMC,IAAkBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAC;AAAA,IAAAZ,QAAAA;AAAAA,IAAAa,MAAAA;AAAAA,EAAAA,IAAAH;AAAsC,MAAAI;AAAA,EAAAH,SAAAX,KACjCc,IAAAf,EAAiBC,CAAM,GAACW,OAAAX,GAAAW,OAAAG,KAAAA,IAAAH,EAAA,CAAA;AAAlD,QAAA;AAAA,IAAAV,OAAAA;AAAAA,IAAAO,QAAAA;AAAAA,EAAAA,IAA0BM,GAGTC,IAAAF,IAAOZ,IAAQ;AAAC,MAAAe;AAAA,EAAAL,EAAA,CAAA,MAAAH,KAAAG,SAAAV,KACzBe,IAAA,gBAAAC,EAAA,QAAA,EAAahB,OAAAA,GAAeO,QAAAA,GAAa,MAAA,SAAe,QAAA,WAAuB,aAAA,GAAO,IAAA,EAAA,CAAC,GAAIG,OAAAH,GAAAG,OAAAV,GAAAU,OAAAK,KAAAA,IAAAL,EAAA,CAAA;AAAA,MAAAO;AAAA,EAAAP,SAAAX,KAC1FkB,IAAAlB,EAAMI,IAAKe,CAYX,GAACR,OAAAX,GAAAW,OAAAO,KAAAA,IAAAP,EAAA,CAAA;AAAA,MAAAS;AAAA,SAAAT,EAAA,CAAA,MAAAI,KAAAJ,SAAAK,KAAAL,EAAA,CAAA,MAAAO,KAdNE,IAAA,gBAAAC,EAACC,GAAA,EAAY,MAAAP,GAAuB,KAAA,GAChCC,UAAAA;AAAAA,IAAAA;AAAAA,IACCE;AAAAA,EAAAA,GAaL,GAAQP,OAAAI,GAAAJ,OAAAK,GAAAL,OAAAO,GAAAP,QAAAS,KAAAA,IAAAT,EAAA,EAAA,GAfRS;AAeQ;AAnBQ,SAAAD,EAAAd,GAAAkB,GAAA;AAAA,SAOR,gBAAAF,EAACC,GAAA,EAA+B,KAAAxB,IAAUyB,IAAI5B,GAC1C,UAAA;AAAA,IAAA,gBAAAsB,EAAA,QAAA,EAASnB,GAAAA,GAAY,MAAUF,OAAAA,GAAgBA,QAAAA,GAAc,MAAAS,EAACmB,OAAiB,SAAA,MAAU,IAAA,GAAC;AAAA,IAC1F,gBAAAP,YACO,GAAAnB,IAAUF,IAASC,GACnB,GAAAD,IAAS,IAAI,GACC,kBAAA,UACP,UAAA,IAETS,YAACC,MAAAA,CACN;AAAA,EAAA,EAAA,GATQ,UAAUiB,CAAC,EAUvB;AAAQ;"}

package/dist/visualization.es83.js

@@ -1,7 +1,84 @@
-function u(n, l) {
-  return n == null || l == null ? NaN : n < l ? -1 : n > l ? 1 : n >= l ? 0 : NaN;
+import { jsxs as n, jsx as c } from "react/jsx-runtime";
+import { c as b } from "react/compiler-runtime";
+import { useState as S, useImperativeHandle as v } from "react";
+import _ from "./visualization.es22.js";
+const H = (t) => {
+  const e = b(10), {
+    multiSeries: d,
+    tooltipBody: i,
+    ref: h
+  } = t;
+  let r;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = {
+    open: !1
+  }, e[0] = r) : r = e[0];
+  const [p, u] = S(r);
+  let s;
+  if (e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = () => ({
+    show: (g, x, y) => u({
+      open: !0,
+      data: g,
+      left: x,
+      top: y
+    }),
+    hide: () => u(j)
+  }), e[1] = s) : s = e[1], v(h, s), !p.open || !p.data)
+    return null;
+  const {
+    data: o,
+    left: f,
+    top: m
+  } = p;
+  let l;
+  e[2] !== o || e[3] !== d || e[4] !== i ? (l = i ? i(o) : /* @__PURE__ */ n("div", { style: {
+    fontSize: 12
+  }, children: [
+    /* @__PURE__ */ n("div", { children: [
+      /* @__PURE__ */ c("strong", { children: "Range:" }),
+      " ",
+      o.x0.toFixed(2),
+      ", ",
+      o.x1.toFixed(2)
+    ] }),
+    d ? o.series.map(k) : /* @__PURE__ */ n("div", { children: [
+      /* @__PURE__ */ c("strong", { children: "Count:" }),
+      " ",
+      o.count
+    ] })
+  ] }), e[2] = o, e[3] = d, e[4] = i, e[5] = l) : l = e[5];
+  let a;
+  return e[6] !== f || e[7] !== l || e[8] !== m ? (a = /* @__PURE__ */ c(_, { left: f, top: m, children: l }), e[6] = f, e[7] = l, e[8] = m, e[9] = a) : a = e[9], a;
+};
+function j(t) {
+  return {
+    ...t,
+    open: !1
+  };
+}
+function k(t) {
+  return /* @__PURE__ */ n("div", { style: {
+    display: "flex",
+    alignItems: "center",
+    gap: 4
+  }, children: [
+    /* @__PURE__ */ c("span", { style: {
+      width: 8,
+      height: 8,
+      borderRadius: 2,
+      backgroundColor: t.color,
+      display: "inline-block"
+    } }),
+    /* @__PURE__ */ n("span", { children: [
+      /* @__PURE__ */ n("strong", { children: [
+        t.label,
+        ":"
+      ] }),
+      " ",
+      t.count
+    ] })
+  ] }, t.label);
 }
 export {
-  u as default
+  H as default
 };
 //# sourceMappingURL=visualization.es83.js.map