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

package/dist/visualization.es80.js

@@ -1,32 +1,82 @@
-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 A, useEffect as z } from "react";
+import { invertRescaled as k } from "./visualization.es17.js";
+import { useStableCallback as B } from "./visualization.es19.js";
+import D from "./visualization.es65.js";
+const O = (q) => {
+  const e = j(22), {
+    enabled: b,
+    margin: n,
+    boundedWidth: C,
+    boundedHeight: g,
+    xScale: y,
+    yScale: S,
+    onCrosshairChange: E
+  } = q, [x, H] = w(null), M = A(null), R = B(E), l = A(null), o = A(null);
+  let s;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = () => {
+    l.current !== null && (cancelAnimationFrame(l.current), l.current = null);
+  }, e[0] = s) : s = e[0];
+  const F = s;
+  let c;
+  e[1] !== R ? (c = (t) => {
+    M.current = t, H(t), R(t);
+  }, e[1] = R, e[2] = c) : c = e[2];
+  const u = c;
+  let a;
+  e[3] !== u ? (a = (t) => {
+    if (t === null) {
+      if (F(), o.current = null, M.current === null)
+        return;
+      u(null);
+      return;
+    }
+    o.current = t, l.current === null && (l.current = requestAnimationFrame(() => {
+      l.current = null;
+      const d = o.current;
+      o.current = null, d && u(d);
+    }));
+  }, e[3] = u, e[4] = a) : a = e[4];
+  const r = a;
+  let i, f;
+  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = () => F, f = [F], e[5] = i, e[6] = f) : (i = e[5], f = e[6]), z(i, f);
+  let m;
+  e[7] !== g || e[8] !== C || e[9] !== b || e[10] !== n.left || e[11] !== n.top || e[12] !== r || e[13] !== y || e[14] !== S ? (m = (t, d) => {
+    if (!b)
+      return;
+    const Y = D(t.currentTarget, t);
+    if (!Y)
+      return;
+    const _ = Y.x - n.left, v = Y.y - n.top;
+    if (_ < 0 || _ > C || v < 0 || v > g) {
+      r(null);
+      return;
+    }
+    const {
+      translateX: L,
+      translateY: T,
+      scaleX: W,
+      scaleY: $
+    } = d.transformMatrix;
+    r({
+      x: k(y, L, W, _),
+      y: k(S, T, $, v)
+    });
+  }, e[7] = g, e[8] = C, e[9] = b, e[10] = n.left, e[11] = n.top, e[12] = r, e[13] = y, e[14] = S, e[15] = m) : m = e[15];
+  const P = m;
+  let h;
+  e[16] !== r ? (h = () => {
+    r(null);
+  }, e[16] = r, e[17] = h) : h = e[17];
+  const X = h;
+  let p;
+  return e[18] !== x || e[19] !== X || e[20] !== P ? (p = {
+    crosshairPosition: x,
+    handleCrosshairMove: P,
+    handleCrosshairLeave: X
+  }, e[18] = x, e[19] = X, e[20] = P, e[21] = p) : p = e[21], p;
+};
 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    useEffect(() => cancelFrame, [cancelFrame]);\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,14 @@
-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 { PureComponent as e } from "react";
+import t from "react-dom";
+class i extends e {
+  componentWillUnmount() {
+    this.node && document.body && (document.body.removeChild(this.node), delete this.node);
+  }
+  render() {
+    return !this.node && typeof document < "u" && (this.node = document.createElement("div"), this.props.zIndex != null && (this.node.style.zIndex = `${this.props.zIndex}`), document.body.append(this.node)), this.node ? /* @__PURE__ */ t.createPortal(this.props.children, this.node) : null;
+  }
 }
 export {
-  T as RenderTree
+  i as default
 };
 //# 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":["../../../node_modules/.pnpm/@visx+tooltip@4.0.0_@types+react-dom@19.2.3_@types+react@19.2.14__@types+react@19.2.14__1992a6888b9348459183e160bdb98c40/node_modules/@visx/tooltip/esm/Portal.js"],"sourcesContent":["import { PureComponent } from 'react';\nimport ReactDOM from 'react-dom';\n/** Render within a portal using a declarative component API. */\nexport default class Portal extends PureComponent {\n  componentWillUnmount() {\n    if (this.node && document.body) {\n      document.body.removeChild(this.node);\n      delete this.node;\n    }\n  }\n  render() {\n    // SSR check\n    if (!this.node && typeof document !== 'undefined') {\n      this.node = document.createElement('div');\n      if (this.props.zIndex != null) this.node.style.zIndex = `${this.props.zIndex}`;\n      document.body.append(this.node);\n    }\n    if (!this.node) {\n      return null;\n    }\n    return /*#__PURE__*/ReactDOM.createPortal(this.props.children, this.node);\n  }\n}"],"names":["Portal","PureComponent","ReactDOM"],"mappings":";;AAGe,MAAMA,UAAeC,EAAc;AAAA,EAChD,uBAAuB;AACrB,IAAI,KAAK,QAAQ,SAAS,SACxB,SAAS,KAAK,YAAY,KAAK,IAAI,GACnC,OAAO,KAAK;AAAA,EAEhB;AAAA,EACA,SAAS;AAOP,WALI,CAAC,KAAK,QAAQ,OAAO,WAAa,QACpC,KAAK,OAAO,SAAS,cAAc,KAAK,GACpC,KAAK,MAAM,UAAU,SAAM,KAAK,KAAK,MAAM,SAAS,GAAG,KAAK,MAAM,MAAM,KAC5E,SAAS,KAAK,OAAO,KAAK,IAAI,IAE3B,KAAK,OAGU,gBAAAC,EAAS,aAAa,KAAK,MAAM,UAAU,KAAK,IAAI,IAF/D;AAAA,EAGX;AACF;","x_google_ignoreList":[0]}

package/dist/visualization.es82.js

@@ -1,65 +1,38 @@
-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);
-}
-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
+import l from "./visualization.es128.js";
+import n from "./visualization.es137.js";
+import f from "./visualization.es142.js";
+import { jsx as m } from "react/jsx-runtime";
+const c = {
+  dx: "0.25em",
+  dy: "0.25em",
+  fill: "#222",
+  fontFamily: "Arial",
+  fontSize: 10,
+  textAnchor: "start"
 };
+function g(i) {
+  let {
+    axisClassName: o,
+    labelOffset: r = 36,
+    tickLength: e = 8,
+    tickLabelProps: t,
+    ...s
+  } = i;
+  const a = typeof t == "function" ? t : {
+    ...c,
+    ...t
+  };
+  return /* @__PURE__ */ m(n, {
+    axisClassName: l("visx-axis-right", o),
+    labelOffset: r,
+    orientation: f.right,
+    tickLabelProps: a,
+    tickLength: e,
+    ...s
+  });
+}
 export {
-  i as Node,
-  D as computeHeight,
-  d as default
+  g as default,
+  c as rightTickLabelProps
 };
 //# 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":["../../../node_modules/.pnpm/@visx+axis@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/axis/esm/axis/AxisRight.js"],"sourcesContent":["import cx from 'classnames';\nimport Axis from \"./Axis.js\";\nimport Orientation from \"../constants/orientation.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const rightTickLabelProps = {\n  dx: '0.25em',\n  dy: '0.25em',\n  fill: '#222',\n  fontFamily: 'Arial',\n  fontSize: 10,\n  textAnchor: 'start'\n};\nexport default function AxisRight(_ref) {\n  let {\n    axisClassName,\n    labelOffset = 36,\n    tickLength = 8,\n    tickLabelProps,\n    ...restProps\n  } = _ref;\n  const tickLabelPropsFinal = typeof tickLabelProps === 'function' ? tickLabelProps : {\n    ...rightTickLabelProps,\n    ...tickLabelProps\n  };\n  return /*#__PURE__*/_jsx(Axis, {\n    axisClassName: cx('visx-axis-right', axisClassName),\n    labelOffset: labelOffset,\n    orientation: Orientation.right,\n    tickLabelProps: tickLabelPropsFinal,\n    tickLength: tickLength,\n    ...restProps\n  });\n}"],"names":["rightTickLabelProps","AxisRight","_ref","axisClassName","labelOffset","tickLength","tickLabelProps","restProps","tickLabelPropsFinal","_jsx","Axis","cx","Orientation"],"mappings":";;;;AAIY,MAACA,IAAsB;AAAA,EACjC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,YAAY;AACd;AACe,SAASC,EAAUC,GAAM;AACtC,MAAI;AAAA,IACF,eAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,YAAAC,IAAa;AAAA,IACb,gBAAAC;AAAA,IACA,GAAGC;AAAA,EACP,IAAML;AACJ,QAAMM,IAAsB,OAAOF,KAAmB,aAAaA,IAAiB;AAAA,IAClF,GAAGN;AAAA,IACH,GAAGM;AAAA,EACP;AACE,SAAoBG,gBAAAA,EAAKC,GAAM;AAAA,IAC7B,eAAeC,EAAG,mBAAmBR,CAAa;AAAA,IAClD,aAAaC;AAAA,IACb,aAAaQ,EAAY;AAAA,IACzB,gBAAgBJ;AAAA,IAChB,YAAYH;AAAA,IACZ,GAAGE;AAAA,EACP,CAAG;AACH;","x_google_ignoreList":[0]}

package/dist/visualization.es83.js

@@ -1,7 +1,58 @@
-function u(n, l) {
-  return n == null || l == null ? NaN : n < l ? -1 : n > l ? 1 : n >= l ? 0 : NaN;
+import T, { defaultStyles as y } from "./visualization.es49.js";
+import { TooltipPositionProvider as C } from "./visualization.es205.js";
+import { jsx as f } from "react/jsx-runtime";
+import B from "./visualization.es206.js";
+function R(a) {
+  let {
+    children: c,
+    getRects: L,
+    left: m = 0,
+    offsetLeft: l = 10,
+    offsetTop: n = 10,
+    parentRect: p,
+    rect: t,
+    style: P = y,
+    top: u = 0,
+    unstyled: w = !1,
+    nodeRef: g,
+    ...x
+  } = a, s, r = !1, h = !1;
+  if (t && p) {
+    let e = m, i = u;
+    if (p.width) {
+      const o = e + l + t.width - p.width, d = t.width - e - l;
+      r = o > 0 && o > d;
+    } else {
+      const o = e + l + t.width - window.innerWidth, d = t.width - e - l;
+      r = o > 0 && o > d;
+    }
+    if (p.height) {
+      const o = i + n + t.height - p.height, d = t.height - i - n;
+      h = o > 0 && o > d;
+    } else
+      h = i + n + t.height > window.innerHeight;
+    e = r ? e - t.width - l : e + l, i = h ? i - t.height - n : i + n, e = Math.round(e), i = Math.round(i), s = `translate(${e}px, ${i}px)`;
+  }
+  return /* @__PURE__ */ f(T, {
+    ref: g,
+    style: {
+      left: 0,
+      top: 0,
+      transform: s,
+      ...!w && P
+    },
+    ...x,
+    children: /* @__PURE__ */ f(C, {
+      value: {
+        isFlippedVertically: !h,
+        isFlippedHorizontally: !r
+      },
+      children: c
+    })
+  });
 }
+const H = B(R);
 export {
-  u as default
+  H as default
 };
 //# sourceMappingURL=visualization.es83.js.map

package/dist/visualization.es83.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es83.js","sources":["../../../node_modules/.pnpm/d3-array@3.2.1/node_modules/d3-array/src/ascending.js"],"sourcesContent":["export default function ascending(a, b) {\n  return a == null || b == null ? NaN : a < b ? -1 : a > b ? 1 : a >= b ? 0 : NaN;\n}\n"],"names":["ascending","a","b"],"mappings":"AAAe,SAASA,EAAUC,GAAGC,GAAG;AACtC,SAAOD,KAAK,QAAQC,KAAK,OAAO,MAAMD,IAAIC,IAAI,KAAKD,IAAIC,IAAI,IAAID,KAAKC,IAAI,IAAI;AAC9E;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es83.js","sources":["../../../node_modules/.pnpm/@visx+tooltip@4.0.0_@types+react-dom@19.2.3_@types+react@19.2.14__@types+react@19.2.14__1992a6888b9348459183e160bdb98c40/node_modules/@visx/tooltip/esm/tooltips/TooltipWithBounds.js"],"sourcesContent":["import { withBoundingRects } from '@visx/bounds';\nimport Tooltip, { defaultStyles } from \"./Tooltip.js\";\nimport { TooltipPositionProvider } from \"../context/TooltipPositionContext.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction TooltipWithBounds(_ref) {\n  let {\n    children,\n    getRects,\n    left: initialLeft = 0,\n    offsetLeft = 10,\n    offsetTop = 10,\n    parentRect: parentBounds,\n    rect: ownBounds,\n    style = defaultStyles,\n    top: initialTop = 0,\n    unstyled = false,\n    nodeRef,\n    ...otherProps\n  } = _ref;\n  let transform;\n  let placeTooltipLeft = false;\n  let placeTooltipUp = false;\n  if (ownBounds && parentBounds) {\n    let left = initialLeft;\n    let top = initialTop;\n    if (parentBounds.width) {\n      const rightPlacementClippedPx = left + offsetLeft + ownBounds.width - parentBounds.width;\n      const leftPlacementClippedPx = ownBounds.width - left - offsetLeft;\n      placeTooltipLeft = rightPlacementClippedPx > 0 && rightPlacementClippedPx > leftPlacementClippedPx;\n    } else {\n      const rightPlacementClippedPx = left + offsetLeft + ownBounds.width - window.innerWidth;\n      const leftPlacementClippedPx = ownBounds.width - left - offsetLeft;\n      placeTooltipLeft = rightPlacementClippedPx > 0 && rightPlacementClippedPx > leftPlacementClippedPx;\n    }\n    if (parentBounds.height) {\n      const bottomPlacementClippedPx = top + offsetTop + ownBounds.height - parentBounds.height;\n      const topPlacementClippedPx = ownBounds.height - top - offsetTop;\n      placeTooltipUp = bottomPlacementClippedPx > 0 && bottomPlacementClippedPx > topPlacementClippedPx;\n    } else {\n      placeTooltipUp = top + offsetTop + ownBounds.height > window.innerHeight;\n    }\n    left = placeTooltipLeft ? left - ownBounds.width - offsetLeft : left + offsetLeft;\n    top = placeTooltipUp ? top - ownBounds.height - offsetTop : top + offsetTop;\n    left = Math.round(left);\n    top = Math.round(top);\n    transform = `translate(${left}px, ${top}px)`;\n  }\n  return /*#__PURE__*/_jsx(Tooltip, {\n    ref: nodeRef,\n    style: {\n      left: 0,\n      top: 0,\n      transform,\n      ...(!unstyled && style)\n    },\n    ...otherProps,\n    children: /*#__PURE__*/_jsx(TooltipPositionProvider, {\n      value: {\n        isFlippedVertically: !placeTooltipUp,\n        isFlippedHorizontally: !placeTooltipLeft\n      },\n      children: children\n    })\n  });\n}\nexport default withBoundingRects(TooltipWithBounds);"],"names":["TooltipWithBounds","_ref","children","getRects","initialLeft","offsetLeft","offsetTop","parentBounds","ownBounds","style","defaultStyles","initialTop","unstyled","nodeRef","otherProps","transform","placeTooltipLeft","placeTooltipUp","left","top","rightPlacementClippedPx","leftPlacementClippedPx","bottomPlacementClippedPx","topPlacementClippedPx","_jsx","Tooltip","TooltipPositionProvider","TooltipWithBounds$1","withBoundingRects"],"mappings":";;;;AAIA,SAASA,EAAkBC,GAAM;AAC/B,MAAI;AAAA,IACF,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAMC,IAAc;AAAA,IACpB,YAAAC,IAAa;AAAA,IACb,WAAAC,IAAY;AAAA,IACZ,YAAYC;AAAA,IACZ,MAAMC;AAAA,IACN,OAAAC,IAAQC;AAAA,IACR,KAAKC,IAAa;AAAA,IAClB,UAAAC,IAAW;AAAA,IACX,SAAAC;AAAA,IACA,GAAGC;AAAA,EACP,IAAMb,GACAc,GACAC,IAAmB,IACnBC,IAAiB;AACrB,MAAIT,KAAaD,GAAc;AAC7B,QAAIW,IAAOd,GACPe,IAAMR;AACV,QAAIJ,EAAa,OAAO;AACtB,YAAMa,IAA0BF,IAAOb,IAAaG,EAAU,QAAQD,EAAa,OAC7Ec,IAAyBb,EAAU,QAAQU,IAAOb;AACxD,MAAAW,IAAmBI,IAA0B,KAAKA,IAA0BC;AAAA,IAC9E,OAAO;AACL,YAAMD,IAA0BF,IAAOb,IAAaG,EAAU,QAAQ,OAAO,YACvEa,IAAyBb,EAAU,QAAQU,IAAOb;AACxD,MAAAW,IAAmBI,IAA0B,KAAKA,IAA0BC;AAAA,IAC9E;AACA,QAAId,EAAa,QAAQ;AACvB,YAAMe,IAA2BH,IAAMb,IAAYE,EAAU,SAASD,EAAa,QAC7EgB,IAAwBf,EAAU,SAASW,IAAMb;AACvD,MAAAW,IAAiBK,IAA2B,KAAKA,IAA2BC;AAAA,IAC9E;AACE,MAAAN,IAAiBE,IAAMb,IAAYE,EAAU,SAAS,OAAO;AAE/D,IAAAU,IAAOF,IAAmBE,IAAOV,EAAU,QAAQH,IAAaa,IAAOb,GACvEc,IAAMF,IAAiBE,IAAMX,EAAU,SAASF,IAAYa,IAAMb,GAClEY,IAAO,KAAK,MAAMA,CAAI,GACtBC,IAAM,KAAK,MAAMA,CAAG,GACpBJ,IAAY,aAAaG,CAAI,OAAOC,CAAG;AAAA,EACzC;AACA,SAAoBK,gBAAAA,EAAKC,GAAS;AAAA,IAChC,KAAKZ;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,KAAK;AAAA,MACL,WAAAE;AAAA,MACA,GAAI,CAACH,KAAYH;AAAA,IACvB;AAAA,IACI,GAAGK;AAAA,IACH,UAAuBU,gBAAAA,EAAKE,GAAyB;AAAA,MACnD,OAAO;AAAA,QACL,qBAAqB,CAACT;AAAA,QACtB,uBAAuB,CAACD;AAAA,MAChC;AAAA,MACM,UAAUd;AAAA,IAChB,CAAK;AAAA,EACL,CAAG;AACH;AACA,MAAAyB,IAAeC,EAAkB5B,CAAiB;","x_google_ignoreList":[0]}

package/dist/visualization.es84.js

@@ -1,50 +1,43 @@
-function g(e, n) {
-  return e.parent === n.parent ? 1 : 2;
-}
-function m(e) {
-  return e.reduce(p, 0) / e.length;
-}
-function p(e, n) {
-  return e + n.x;
-}
-function v(e) {
-  return 1 + e.reduce(z, 0);
-}
-function z(e, n) {
-  return Math.max(e, n.y);
-}
-function R(e) {
-  for (var n; n = e.children; ) e = n[0];
-  return e;
-}
-function S(e) {
-  for (var n; n = e.children; ) e = n[n.length - 1];
-  return e;
-}
-function w() {
-  var e = g, n = 1, a = 1, i = !1;
-  function u(t) {
-    var c, s = 0;
-    t.eachAfter(function(r) {
-      var h = r.children;
-      h ? (r.x = m(h), r.y = v(h)) : (r.x = c ? s += e(r, c) : 0, r.y = 0, c = r);
-    });
-    var f = R(t), l = S(t), x = f.x - e(f, l) / 2, y = l.x + e(l, f) / 2;
-    return t.eachAfter(i ? function(r) {
-      r.x = (r.x - t.x) * n, r.y = (t.y - r.y) * a;
-    } : function(r) {
-      r.x = (r.x - x) / (y - x) * n, r.y = (1 - (t.y ? r.y / t.y : 1)) * a;
-    });
-  }
-  return u.separation = function(t) {
-    return arguments.length ? (e = t, u) : e;
-  }, u.size = function(t) {
-    return arguments.length ? (i = !1, n = +t[0], a = +t[1], u) : i ? null : [n, a];
-  }, u.nodeSize = function(t) {
-    return arguments.length ? (i = !0, n = +t[0], a = +t[1], u) : i ? [n, a] : null;
-  }, u;
+import { jsxs as p, jsx as a } from "react/jsx-runtime";
+import { c as w } from "react/compiler-runtime";
+import x from "./visualization.es33.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
+  };
+}
+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 {
-  w as default
+  W as default,
+  G as legendDimensions
 };
 //# sourceMappingURL=visualization.es84.js.map

package/dist/visualization.es84.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es84.js","sources":["../../../node_modules/.pnpm/d3-hierarchy@3.1.2/node_modules/d3-hierarchy/src/cluster.js"],"sourcesContent":["function defaultSeparation(a, b) {\n  return a.parent === b.parent ? 1 : 2;\n}\n\nfunction meanX(children) {\n  return children.reduce(meanXReduce, 0) / children.length;\n}\n\nfunction meanXReduce(x, c) {\n  return x + c.x;\n}\n\nfunction maxY(children) {\n  return 1 + children.reduce(maxYReduce, 0);\n}\n\nfunction maxYReduce(y, c) {\n  return Math.max(y, c.y);\n}\n\nfunction leafLeft(node) {\n  var children;\n  while (children = node.children) node = children[0];\n  return node;\n}\n\nfunction leafRight(node) {\n  var children;\n  while (children = node.children) node = children[children.length - 1];\n  return node;\n}\n\nexport default function() {\n  var separation = defaultSeparation,\n      dx = 1,\n      dy = 1,\n      nodeSize = false;\n\n  function cluster(root) {\n    var previousNode,\n        x = 0;\n\n    // First walk, computing the initial x & y values.\n    root.eachAfter(function(node) {\n      var children = node.children;\n      if (children) {\n        node.x = meanX(children);\n        node.y = maxY(children);\n      } else {\n        node.x = previousNode ? x += separation(node, previousNode) : 0;\n        node.y = 0;\n        previousNode = node;\n      }\n    });\n\n    var left = leafLeft(root),\n        right = leafRight(root),\n        x0 = left.x - separation(left, right) / 2,\n        x1 = right.x + separation(right, left) / 2;\n\n    // Second walk, normalizing x & y to the desired size.\n    return root.eachAfter(nodeSize ? function(node) {\n      node.x = (node.x - root.x) * dx;\n      node.y = (root.y - node.y) * dy;\n    } : function(node) {\n      node.x = (node.x - x0) / (x1 - x0) * dx;\n      node.y = (1 - (root.y ? node.y / root.y : 1)) * dy;\n    });\n  }\n\n  cluster.separation = function(x) {\n    return arguments.length ? (separation = x, cluster) : separation;\n  };\n\n  cluster.size = function(x) {\n    return arguments.length ? (nodeSize = false, dx = +x[0], dy = +x[1], cluster) : (nodeSize ? null : [dx, dy]);\n  };\n\n  cluster.nodeSize = function(x) {\n    return arguments.length ? (nodeSize = true, dx = +x[0], dy = +x[1], cluster) : (nodeSize ? [dx, dy] : null);\n  };\n\n  return cluster;\n}\n"],"names":["defaultSeparation","a","b","meanX","children","meanXReduce","x","c","maxY","maxYReduce","y","leafLeft","node","leafRight","d3cluster","separation","dx","dy","nodeSize","cluster","root","previousNode","left","right","x0","x1"],"mappings":"AAAA,SAASA,EAAkBC,GAAGC,GAAG;AAC/B,SAAOD,EAAE,WAAWC,EAAE,SAAS,IAAI;AACrC;AAEA,SAASC,EAAMC,GAAU;AACvB,SAAOA,EAAS,OAAOC,GAAa,CAAC,IAAID,EAAS;AACpD;AAEA,SAASC,EAAYC,GAAGC,GAAG;AACzB,SAAOD,IAAIC,EAAE;AACf;AAEA,SAASC,EAAKJ,GAAU;AACtB,SAAO,IAAIA,EAAS,OAAOK,GAAY,CAAC;AAC1C;AAEA,SAASA,EAAWC,GAAGH,GAAG;AACxB,SAAO,KAAK,IAAIG,GAAGH,EAAE,CAAC;AACxB;AAEA,SAASI,EAASC,GAAM;AAEtB,WADIR,GACGA,IAAWQ,EAAK,WAAU,CAAAA,IAAOR,EAAS,CAAC;AAClD,SAAOQ;AACT;AAEA,SAASC,EAAUD,GAAM;AAEvB,WADIR,GACGA,IAAWQ,EAAK,WAAU,CAAAA,IAAOR,EAASA,EAAS,SAAS,CAAC;AACpE,SAAOQ;AACT;AAEe,SAAAE,IAAW;AACxB,MAAIC,IAAaf,GACbgB,IAAK,GACLC,IAAK,GACLC,IAAW;AAEf,WAASC,EAAQC,GAAM;AACrB,QAAIC,GACAf,IAAI;AAGR,IAAAc,EAAK,UAAU,SAASR,GAAM;AAC5B,UAAIR,IAAWQ,EAAK;AACpB,MAAIR,KACFQ,EAAK,IAAIT,EAAMC,CAAQ,GACvBQ,EAAK,IAAIJ,EAAKJ,CAAQ,MAEtBQ,EAAK,IAAIS,IAAef,KAAKS,EAAWH,GAAMS,CAAY,IAAI,GAC9DT,EAAK,IAAI,GACTS,IAAeT;AAAA,IAEnB,CAAC;AAED,QAAIU,IAAOX,EAASS,CAAI,GACpBG,IAAQV,EAAUO,CAAI,GACtBI,IAAKF,EAAK,IAAIP,EAAWO,GAAMC,CAAK,IAAI,GACxCE,IAAKF,EAAM,IAAIR,EAAWQ,GAAOD,CAAI,IAAI;AAG7C,WAAOF,EAAK,UAAUF,IAAW,SAASN,GAAM;AAC9C,MAAAA,EAAK,KAAKA,EAAK,IAAIQ,EAAK,KAAKJ,GAC7BJ,EAAK,KAAKQ,EAAK,IAAIR,EAAK,KAAKK;AAAA,IAC/B,IAAI,SAASL,GAAM;AACjB,MAAAA,EAAK,KAAKA,EAAK,IAAIY,MAAOC,IAAKD,KAAMR,GACrCJ,EAAK,KAAK,KAAKQ,EAAK,IAAIR,EAAK,IAAIQ,EAAK,IAAI,MAAMH;AAAA,IAClD,CAAC;AAAA,EACH;AAEA,SAAAE,EAAQ,aAAa,SAASb,GAAG;AAC/B,WAAO,UAAU,UAAUS,IAAaT,GAAGa,KAAWJ;AAAA,EACxD,GAEAI,EAAQ,OAAO,SAASb,GAAG;AACzB,WAAO,UAAU,UAAUY,IAAW,IAAOF,IAAK,CAACV,EAAE,CAAC,GAAGW,IAAK,CAACX,EAAE,CAAC,GAAGa,KAAYD,IAAW,OAAO,CAACF,GAAIC,CAAE;AAAA,EAC5G,GAEAE,EAAQ,WAAW,SAASb,GAAG;AAC7B,WAAO,UAAU,UAAUY,IAAW,IAAMF,IAAK,CAACV,EAAE,CAAC,GAAGW,IAAK,CAACX,EAAE,CAAC,GAAGa,KAAYD,IAAW,CAACF,GAAIC,CAAE,IAAI;AAAA,EACxG,GAEOE;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es84.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;"}