@weng-lab/visualization 2.4.0-beta.2 → 2.4.0-beta.3

package/dist/visualization.es120.js

@@ -1,28 +1,150 @@
-import { jsx as l, jsxs as R, Fragment as y } from "react/jsx-runtime";
-import { c as f } from "react/compiler-runtime";
-const c = "#666", d = 1, S = [2, 2], H = (h) => {
-  const t = f(11), {
-    position: x,
-    boundedWidth: e,
-    boundedHeight: o
-  } = h, {
-    x: s,
-    y: n
-  } = x;
-  let r;
-  t[0] !== o || t[1] !== e || t[2] !== n ? (r = n >= 0 && n <= o && /* @__PURE__ */ l("line", { x1: 0, x2: e, y1: n, y2: n, stroke: c, strokeWidth: d, strokeDasharray: S.join(","), pointerEvents: "none" }), t[0] = o, t[1] = e, t[2] = n, t[3] = r) : r = t[3];
-  let i;
-  t[4] !== o || t[5] !== e || t[6] !== s ? (i = s >= 0 && s <= e && /* @__PURE__ */ l("line", { x1: s, x2: s, y1: 0, y2: o, stroke: c, strokeWidth: d, strokeDasharray: S.join(","), pointerEvents: "none" }), t[4] = o, t[5] = e, t[6] = s, t[7] = i) : i = t[7];
-  let a;
-  return t[8] !== r || t[9] !== i ? (a = /* @__PURE__ */ R(y, { children: [
-    r,
-    i
-  ] }), t[8] = r, t[9] = i, t[10] = a) : a = t[10], a;
+import { jsxs as a, jsx as t, Fragment as J } from "react/jsx-runtime";
+import { c as K } from "react/compiler-runtime";
+import v from "@mui/material/Typography";
+import N from "@mui/icons-material/Info";
+import O from "@mui/material/Tooltip";
+const Z = (E) => {
+  const e = K(50), {
+    scales: u,
+    width: l,
+    scaleLabel: k
+  } = E;
+  if (u.length === 0)
+    return null;
+  let c, s, i, m, o, f, d, h, n, y, p, x;
+  if (e[0] !== k || e[1] !== u || e[2] !== l) {
+    const r = [...u].sort(P), R = r[0], W = r[r.length - 1], $ = r[Math.floor(r.length / 4)], q = r[Math.floor(r.length * 3 / 4)];
+    let z;
+    if (e[15] !== l) {
+      const G = l.toString();
+      z = G.match(/=>\s*(.*)/)?.[1]?.trim().replace("Math.", "") || G, e[15] = l, e[16] = z;
+    } else
+      z = e[16];
+    let w = z;
+    k && (w = k);
+    let A;
+    e[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (A = {
+      top: "20vh",
+      zIndex: 1e3,
+      backgroundColor: "white",
+      padding: "10px",
+      borderRadius: "5px",
+      fontSize: "13px",
+      width: "225px",
+      textAlign: "left"
+    }, e[17] = A) : A = e[17];
+    const H = A;
+    let C;
+    e[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (C = {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "left",
+      marginBottom: "5px"
+    }, e[18] = C) : C = e[18];
+    const I = C;
+    m = H;
+    let L;
+    e[19] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (L = {
+      margin: "3px 0",
+      fontSize: "16px",
+      fontFamily: "Arial"
+    }, e[19] = L) : L = e[19];
+    let T;
+    e[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (T = {
+      ml: 0.5
+    }, e[20] = T) : T = e[20];
+    let j;
+    e[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (j = /* @__PURE__ */ t(N, { fontSize: "small", style: {
+      marginBottom: "-4.5px",
+      marginTop: "-7px"
+    } }), e[21] = j) : j = e[21], e[22] !== w ? (i = /* @__PURE__ */ a(v, { variant: "body2", component: "h4", style: L, children: [
+      "Edge Weight Scale:",
+      /* @__PURE__ */ t(O, { title: w, color: "primary", sx: T, placement: "bottom", children: j })
+    ] }), e[22] = w, e[23] = i) : i = e[23], e[24] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n = {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "left",
+      marginTop: "10px"
+    }, e[24] = n) : n = e[24];
+    let M;
+    e[25] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (M = {
+      marginLeft: "10px",
+      fontSize: "14px",
+      fontFamily: "Arial"
+    }, e[25] = M) : M = e[25], y = /* @__PURE__ */ a("div", { style: I, children: [
+      /* @__PURE__ */ t("div", { style: {
+        width: l(R),
+        height: "10px",
+        backgroundColor: "black",
+        display: "inline-block"
+      } }),
+      /* @__PURE__ */ t(v, { variant: "body2", style: M, children: R.toFixed(2) })
+    ] });
+    let B;
+    e[26] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (B = {
+      marginLeft: "10px",
+      fontSize: "14px",
+      fontFamily: "Arial"
+    }, e[26] = B) : B = e[26], p = /* @__PURE__ */ a("div", { style: I, children: [
+      /* @__PURE__ */ t("div", { style: {
+        width: l($),
+        height: "10px",
+        backgroundColor: "black",
+        display: "inline-block"
+      } }),
+      /* @__PURE__ */ t(v, { variant: "body2", style: B, children: $.toFixed(2) })
+    ] });
+    let D;
+    e[27] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (D = {
+      marginLeft: "10px",
+      fontSize: "14px",
+      fontFamily: "Arial"
+    }, e[27] = D) : D = e[27], x = /* @__PURE__ */ a("div", { style: I, children: [
+      /* @__PURE__ */ t("div", { style: {
+        width: l(q),
+        height: "10px",
+        backgroundColor: "black",
+        display: "inline-block"
+      } }),
+      /* @__PURE__ */ t(v, { variant: "body2", style: D, children: q.toFixed(2) })
+    ] }), d = I, h = /* @__PURE__ */ t("div", { style: {
+      width: l(W),
+      height: "10px",
+      backgroundColor: "black",
+      display: "inline-block"
+    } }), c = v, s = "body2", e[28] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = {
+      marginLeft: "10px",
+      fontSize: "14px",
+      fontFamily: "Arial"
+    }, e[28] = o) : o = e[28], f = W.toFixed(2), e[0] = k, e[1] = u, e[2] = l, e[3] = c, e[4] = s, e[5] = i, e[6] = m, e[7] = o, e[8] = f, e[9] = d, e[10] = h, e[11] = n, e[12] = y, e[13] = p, e[14] = x;
+  } else
+    c = e[3], s = e[4], i = e[5], m = e[6], o = e[7], f = e[8], d = e[9], h = e[10], n = e[11], y = e[12], p = e[13], x = e[14];
+  let g;
+  e[29] !== c || e[30] !== s || e[31] !== o || e[32] !== f ? (g = /* @__PURE__ */ t(c, { variant: s, style: o, children: f }), e[29] = c, e[30] = s, e[31] = o, e[32] = f, e[33] = g) : g = e[33];
+  let b;
+  e[34] !== g || e[35] !== d || e[36] !== h ? (b = /* @__PURE__ */ a("div", { style: d, children: [
+    h,
+    g
+  ] }), e[34] = g, e[35] = d, e[36] = h, e[37] = b) : b = e[37];
+  let S;
+  e[38] !== b || e[39] !== n || e[40] !== y || e[41] !== p || e[42] !== x ? (S = /* @__PURE__ */ a("div", { style: n, children: [
+    y,
+    p,
+    x,
+    b
+  ] }), e[38] = b, e[39] = n, e[40] = y, e[41] = p, e[42] = x, e[43] = S) : S = e[43];
+  let _;
+  e[44] !== i || e[45] !== S ? (_ = /* @__PURE__ */ a(J, { children: [
+    i,
+    S
+  ] }), e[44] = i, e[45] = S, e[46] = _) : _ = e[46];
+  let F;
+  return e[47] !== m || e[48] !== _ ? (F = /* @__PURE__ */ t("div", { style: m, children: _ }), e[47] = m, e[48] = _, e[49] = F) : F = e[49], F;
 };
+function P(E, e) {
+  return E - e;
+}
 export {
-  S as CROSSHAIR_DASH,
-  c as CROSSHAIR_STROKE,
-  d as CROSSHAIR_STROKE_WIDTH,
-  H as default
+  Z 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/Crosshair.tsx"],"sourcesContent":["import { CrosshairPosition } from \"./types\";\n\nexport const CROSSHAIR_STROKE = \"#666\";\nexport const CROSSHAIR_STROKE_WIDTH = 1;\n/** Dash pattern in pixels. Kept as numbers so the minimap can scale it to match. */\nexport const CROSSHAIR_DASH = [2, 2];\n\ntype CrosshairProps = {\n    /** Crosshair position in pixels, relative to the top left of the plot area. */\n    position: CrosshairPosition;\n    boundedWidth: number;\n    boundedHeight: number;\n};\n\n/**\n * Thin lines spanning the plot area through the crosshair position.\n *\n * Each line is drawn only when its own axis is in view, so a crosshair mirrored from another\n * plot still shows the axis you can see rather than disappearing entirely.\n */\nconst Crosshair = ({ position, boundedWidth, boundedHeight }: CrosshairProps) => {\n    const { x, y } = position;\n\n    return (\n        <>\n            {y >= 0 && y <= boundedHeight && (\n                <line\n                    x1={0}\n                    x2={boundedWidth}\n                    y1={y}\n                    y2={y}\n                    stroke={CROSSHAIR_STROKE}\n                    strokeWidth={CROSSHAIR_STROKE_WIDTH}\n                    strokeDasharray={CROSSHAIR_DASH.join(\",\")}\n                    pointerEvents=\"none\"\n                />\n            )}\n            {x >= 0 && x <= boundedWidth && (\n                <line\n                    x1={x}\n                    x2={x}\n                    y1={0}\n                    y2={boundedHeight}\n                    stroke={CROSSHAIR_STROKE}\n                    strokeWidth={CROSSHAIR_STROKE_WIDTH}\n                    strokeDasharray={CROSSHAIR_DASH.join(\",\")}\n                    pointerEvents=\"none\"\n                />\n            )}\n        </>\n    );\n};\n\nexport default Crosshair;\n"],"names":["CROSSHAIR_STROKE","CROSSHAIR_STROKE_WIDTH","CROSSHAIR_DASH","Crosshair","t0","$","_c","position","boundedWidth","boundedHeight","x","y","t1","jsx","join","t2","t3"],"mappings":";;AAEO,MAAMA,IAAmB,QACnBC,IAAyB,GAEzBC,IAAiB,CAAC,GAAG,CAAC,GAe7BC,IAAYC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAC;AAAA,IAAAC,UAAAA;AAAAA,IAAAC,cAAAA;AAAAA,IAAAC,eAAAA;AAAAA,EAAAA,IAAAL,GACf;AAAA,IAAAM,GAAAA;AAAAA,IAAAC,GAAAA;AAAAA,EAAAA,IAAiBJ;AAAS,MAAAK;AAAA,EAAAP,EAAA,CAAA,MAAAI,KAAAJ,SAAAG,KAAAH,EAAA,CAAA,MAAAM,KAIjBC,IAAAD,KAAK,KAAKA,KAAKF,KACZ,gBAAAI,EAAA,UACQ,IAAA,GACAL,IAAAA,GACAG,IAAAA,GACAA,IAAAA,GACIX,QAAAA,GACKC,aAAAA,GACI,iBAAAC,EAAcY,KAAM,GAAG,GAC1B,eAAA,OAAA,CAAM,GAE3BT,OAAAI,GAAAJ,OAAAG,GAAAH,OAAAM,GAAAN,OAAAO,KAAAA,IAAAP,EAAA,CAAA;AAAA,MAAAU;AAAA,EAAAV,EAAA,CAAA,MAAAI,KAAAJ,SAAAG,KAAAH,EAAA,CAAA,MAAAK,KACAK,IAAAL,KAAK,KAAKA,KAAKF,KACZ,gBAAAK,EAAA,UACQH,IAAAA,GACAA,IAAAA,GACA,IAAA,GACAD,IAAAA,GACIT,QAAAA,GACKC,aAAAA,GACI,iBAAAC,EAAcY,KAAM,GAAG,GAC1B,eAAA,OAAA,CAAM,GAE3BT,OAAAI,GAAAJ,OAAAG,GAAAH,OAAAK,GAAAL,OAAAU,KAAAA,IAAAV,EAAA,CAAA;AAAA,MAAAW;AAAA,SAAAX,EAAA,CAAA,MAAAO,KAAAP,SAAAU,KAxBLC,2BACKJ,UAAAA;AAAAA,IAAAA;AAAAA,IAYAG;AAAAA,EAAAA,GAWA,GACFV,OAAAO,GAAAP,OAAAU,GAAAV,QAAAW,KAAAA,IAAAX,EAAA,EAAA,GAzBHW;AAyBG;"}
+{"version":3,"file":"visualization.es120.js","sources":["../src/components/Graph/ScaleLegend.tsx"],"sourcesContent":["import React, { CSSProperties } from 'react';\nimport Typography from '@mui/material/Typography';\nimport InfoIcon from '@mui/icons-material/Info';\nimport Tooltip from '@mui/material/Tooltip';\n\ninterface ScaleProps {\n  scales: number[];\n  width: (n: number) => number;\n  scaleLabel?: string;\n}\n\nconst ScaleLegend: React.FC<ScaleProps> = ({ scales, width, scaleLabel }) => {\n  if (scales.length === 0) return null;\n\n  const sorted = [...scales].sort((a, b) => a - b);\n  const min = sorted[0];\n  const max = sorted[sorted.length - 1];\n  const mid1 = sorted[Math.floor(sorted.length / 4)];\n  const mid2 = sorted[Math.floor((sorted.length * 3) / 4)];\n\n  const scaleFunctionStr = width.toString();\n  let scaleFormula =\n    scaleFunctionStr\n      .match(/=>\\s*(.*)/)?.[1]\n      ?.trim()\n      .replace('Math.', '') || scaleFunctionStr;\n  if (scaleLabel) {\n    scaleFormula = scaleLabel;\n  }\n\n  const divStyle: CSSProperties = {\n    top: '20vh',\n    zIndex: 1000,\n    backgroundColor: 'white',\n    padding: '10px',\n    borderRadius: '5px',\n    fontSize: '13px',\n    width: '225px',\n    textAlign: 'left',\n  };\n\n  const scaleItemStyle: CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'left',\n    marginBottom: '5px',\n  };\n\n  return (\n    <div style={divStyle}>\n      <>\n        <Typography\n          variant=\"body2\"\n          component=\"h4\"\n          style={{\n            margin: '3px 0',\n            fontSize: '16px',\n            fontFamily: 'Arial',\n          }}\n        >\n          Edge Weight Scale:\n          <Tooltip\n            title={scaleFormula}\n            color=\"primary\"\n            sx={{ ml: 0.5 }}\n            placement=\"bottom\"\n          >\n            <InfoIcon\n              fontSize=\"small\"\n              style={{ marginBottom: '-4.5px', marginTop: '-7px' }}\n            />\n          </Tooltip>\n        </Typography>\n\n        <div\n          style={{\n            display: 'flex',\n            flexDirection: 'column',\n            alignItems: 'left',\n            marginTop: '10px',\n          }}\n        >\n          <div style={scaleItemStyle}>\n            <div\n              style={{\n                width: width(min),\n                height: '10px',\n                backgroundColor: 'black',\n                display: 'inline-block',\n              }}\n            ></div>\n            <Typography\n              variant=\"body2\"\n              style={{\n                marginLeft: '10px',\n                fontSize: '14px',\n                fontFamily: 'Arial',\n              }}\n            >\n              {min.toFixed(2)}\n            </Typography>\n          </div>\n          <div style={scaleItemStyle}>\n            <div\n              style={{\n                width: width(mid1),\n                height: '10px',\n                backgroundColor: 'black',\n                display: 'inline-block',\n              }}\n            ></div>\n            <Typography\n              variant=\"body2\"\n              style={{\n                marginLeft: '10px',\n                fontSize: '14px',\n                fontFamily: 'Arial',\n              }}\n            >\n              {mid1.toFixed(2)}\n            </Typography>\n          </div>\n          <div style={scaleItemStyle}>\n            <div\n              style={{\n                width: width(mid2),\n                height: '10px',\n                backgroundColor: 'black',\n                display: 'inline-block',\n              }}\n            ></div>\n            <Typography\n              variant=\"body2\"\n              style={{\n                marginLeft: '10px',\n                fontSize: '14px',\n                fontFamily: 'Arial',\n              }}\n            >\n              {mid2.toFixed(2)}\n            </Typography>\n          </div>\n          <div style={scaleItemStyle}>\n            <div\n              style={{\n                width: width(max),\n                height: '10px',\n                backgroundColor: 'black',\n                display: 'inline-block',\n              }}\n            ></div>\n            <Typography\n              variant=\"body2\"\n              style={{\n                marginLeft: '10px',\n                fontSize: '14px',\n                fontFamily: 'Arial',\n              }}\n            >\n              {max.toFixed(2)}\n            </Typography>\n          </div>\n        </div>\n      </>\n    </div>\n  );\n};\n\nexport default ScaleLegend;\n"],"names":["ScaleLegend","t0","$","_c","scales","width","scaleLabel","length","T0","t1","t10","t11","t2","t3","t4","t5","t6","t7","t8","t9","sorted","sort","_temp","min","max","mid1","Math","floor","mid2","t12","scaleFunctionStr","toString","match","trim","replace","scaleFormula","t13","Symbol","for","top","zIndex","backgroundColor","padding","borderRadius","fontSize","textAlign","divStyle","t14","display","alignItems","justifyContent","marginBottom","scaleItemStyle","t15","margin","fontFamily","t16","ml","t17","jsx","InfoIcon","marginTop","Typography","Tooltip","flexDirection","t18","marginLeft","jsxs","height","toFixed","t19","t20","a","b"],"mappings":"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"}

package/dist/visualization.es121.js

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

package/dist/visualization.es121.js.map

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

@@ -1,39 +1,73 @@
-import d from "./visualization.es127.js";
-import { line as u } from "./visualization.es89.js";
-import { jsx as t, Fragment as h } from "react/jsx-runtime";
-function N(n) {
-  let {
-    children: e,
-    data: a = [],
-    x: i,
-    y: l,
-    fill: o = "transparent",
-    className: s,
-    curve: f,
-    innerRef: p,
-    defined: c = () => !0,
-    ...m
-  } = n;
-  const r = u({
-    x: i,
-    y: l,
-    defined: c,
-    curve: f
-  });
-  return e ? /* @__PURE__ */ t(h, {
-    children: e({
-      path: r
-    })
-  }) : /* @__PURE__ */ t("path", {
-    ref: p,
-    className: d("visx-linepath", s),
-    d: r(a) || "",
-    fill: o,
-    strokeLinecap: "round",
-    ...m
-  });
+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 {
-  N as default
+  x as getLabelPlacement,
+  l as measureTextWidth,
+  s as truncateTextToWidth
 };
 //# sourceMappingURL=visualization.es122.js.map

package/dist/visualization.es122.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es122.js","sources":["../../../node_modules/.pnpm/@visx+shape@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/shape/esm/shapes/LinePath.js"],"sourcesContent":["import cx from 'classnames';\nimport { line } from \"../util/D3ShapeFactories.js\";\nimport { Fragment as _Fragment, jsx as _jsx } from \"react/jsx-runtime\";\nexport default function LinePath(_ref) {\n  let {\n    children,\n    data = [],\n    x,\n    y,\n    fill = 'transparent',\n    className,\n    curve,\n    innerRef,\n    defined = () => true,\n    ...restProps\n  } = _ref;\n  const path = line({\n    x,\n    y,\n    defined,\n    curve\n  });\n  if (children) return /*#__PURE__*/_jsx(_Fragment, {\n    children: children({\n      path\n    })\n  });\n  return /*#__PURE__*/_jsx(\"path\", {\n    ref: innerRef,\n    className: cx('visx-linepath', className),\n    d: path(data) || '',\n    fill: fill\n    // without this a datum surrounded by nulls will not be visible\n    // https://github.com/d3/d3-shape#line_defined\n    ,\n    strokeLinecap: \"round\",\n    ...restProps\n  });\n}"],"names":["LinePath","_ref","children","data","x","y","fill","className","curve","innerRef","defined","restProps","path","line","_jsx","_Fragment","cx"],"mappings":";;;AAGe,SAASA,EAASC,GAAM;AACrC,MAAI;AAAA,IACF,UAAAC;AAAA,IACA,MAAAC,IAAO,CAAA;AAAA,IACP,GAAAC;AAAA,IACA,GAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC,IAAU,MAAM;AAAA,IAChB,GAAGC;AAAA,EACP,IAAMV;AACJ,QAAMW,IAAOC,EAAK;AAAA,IAChB,GAAAT;AAAA,IACA,GAAAC;AAAA,IACA,SAAAK;AAAA,IACA,OAAAF;AAAA,EACJ,CAAG;AACD,SAAIN,IAA8BY,gBAAAA,EAAKC,GAAW;AAAA,IAChD,UAAUb,EAAS;AAAA,MACjB,MAAAU;AAAA,IACN,CAAK;AAAA,EACL,CAAG,IACmBE,gBAAAA,EAAK,QAAQ;AAAA,IAC/B,KAAKL;AAAA,IACL,WAAWO,EAAG,iBAAiBT,CAAS;AAAA,IACxC,GAAGK,EAAKT,CAAI,KAAK;AAAA,IACjB,MAAMG;AAAA,IAIN,eAAe;AAAA,IACf,GAAGK;AAAA,EACP,CAAG;AACH;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es122.js","sources":["../src/components/TreeMap/helpers.ts"],"sourcesContent":["import { HierarchyRectangularNode } from \"@visx/hierarchy\";\nimport { TreemapNode, TreemapProps } from \"./types\";\n\n//get coords for label placement based on user input\nexport function getLabelPlacement(\n    node: HierarchyRectangularNode<TreemapNode<any>>,\n    placement: TreemapProps<any>[\"labelPlacement\"],\n    showValue?: boolean,\n    hasChildren?: boolean\n) {\n    const padding = 6;\n    const cx = (node.x0 + node.x1) / 2;\n    const cy = (node.y0 + node.y1) / 2;\n\n    switch (placement) {\n        case \"topLeft\":\n            return {\n                textX: node.x0 + padding,\n                textY: node.y0 + 10,\n                valueY: hasChildren ? node.y0 + 17 : node.y0 + 40,\n                valueX: hasChildren ? node.x1 - padding : node.x0 + padding,\n                textAnchor: \"start\",\n                valueAnchor: hasChildren ? \"end\" : \"start\",\n                baseline: \"hanging\",\n            } as const;\n        case \"topRight\":\n            return {\n                textX: node.x1 - padding,\n                textY: node.y0 + 10,\n                valueY: node.y0 + 40,\n                valueX: node.x1 - padding,\n                textAnchor: \"end\",\n                valueAnchor: \"end\",\n                baseline: \"hanging\",\n            } as const;\n        case \"bottomLeft\":\n            return {\n                textX: node.x0 + padding,\n                textY: showValue ? node.y1 - 35 : node.y1 - 15 ,\n                valueY: node.y1 - 15,\n                valueX: node.x0 + padding,\n                textAnchor: \"start\",\n                valueAnchor: \"start\",\n                baseline: \"alphabetic\",\n            } as const;\n        case \"bottomRight\":\n            return {\n                textX: node.x1 - padding,\n                textY: showValue ? node.y1 - 35 : node.y1 - 15,\n                valueY: node.y1 - 15,\n                valueX: node.x1 - padding,\n                textAnchor: \"end\",\n                valueAnchor: \"end\",\n                baseline: \"alphabetic\",\n            } as const;\n        case \"middle\":\n        default:\n            return {\n                textX: cx,\n                textY: showValue ? cy - 5 : cy + 5,\n                valueY: cy + 15,\n                valueX: cx,\n                textAnchor: \"middle\",\n                valueAnchor: \"middle\",\n                baseline: \"middle\",\n            } as const;\n    }\n}\n\n//Check if text exceeds box\nexport function measureTextWidth(text: string, fontSize: number, fontFamily: string) {\n    const canvas = document.createElement(\"canvas\");\n    const ctx = canvas.getContext(\"2d\");\n    if (!ctx) return 0;\n    ctx.font = `${fontSize}px ${fontFamily}`;\n    return ctx.measureText(text).width;\n}\n\n//truncate text with ... to fit in box\nexport function truncateTextToWidth(\n  text: string,\n  maxWidth: number,\n  fontSize: number,\n  fontFamily: string\n): string {\n  const canvas = document.createElement(\"canvas\");\n  const ctx = canvas.getContext(\"2d\");\n  if (!ctx) return text;\n\n  ctx.font = `${fontSize}px ${fontFamily}`;\n  if (ctx.measureText(text).width <= maxWidth) return text;\n\n  let truncated = text;\n  while (truncated.length > 0 && ctx.measureText(truncated + \"…\").width > maxWidth) {\n    truncated = truncated.slice(0, -1);\n  }\n\n  const result = truncated === \"\" ? \"\" : truncated + \"...\"\n\n  return result;\n}\n"],"names":["getLabelPlacement","node","placement","showValue","hasChildren","cx","x0","x1","cy","y0","y1","textX","padding","textY","valueY","valueX","textAnchor","valueAnchor","baseline","measureTextWidth","text","fontSize","fontFamily","ctx","document","createElement","getContext","font","measureText","width","truncateTextToWidth","maxWidth","truncated","length","slice"],"mappings":"AAIO,SAASA,EACZC,GACAC,GACAC,GACAC,GACF;AAEE,QAAMC,KAAMJ,EAAKK,KAAKL,EAAKM,MAAM,GAC3BC,KAAMP,EAAKQ,KAAKR,EAAKS,MAAM;AAEjC,UAAQR,GAAAA;AAAAA,IACJ,KAAK;AACD,aAAO;AAAA,QACHS,OAAOV,EAAKK,KAAKM;AAAAA,QACjBC,OAAOZ,EAAKQ,KAAK;AAAA,QACjBK,QAAQV,IAAcH,EAAKQ,KAAK,KAAKR,EAAKQ,KAAK;AAAA,QAC/CM,QAAQX,IAAcH,EAAKM,KAAKK,IAAUX,EAAKK,KAAKM;AAAAA,QACpDI,YAAY;AAAA,QACZC,aAAab,IAAc,QAAQ;AAAA,QACnCc,UAAU;AAAA,MAAA;AAAA,IAElB,KAAK;AACD,aAAO;AAAA,QACHP,OAAOV,EAAKM,KAAKK;AAAAA,QACjBC,OAAOZ,EAAKQ,KAAK;AAAA,QACjBK,QAAQb,EAAKQ,KAAK;AAAA,QAClBM,QAAQd,EAAKM,KAAKK;AAAAA,QAClBI,YAAY;AAAA,QACZC,aAAa;AAAA,QACbC,UAAU;AAAA,MAAA;AAAA,IAElB,KAAK;AACD,aAAO;AAAA,QACHP,OAAOV,EAAKK,KAAKM;AAAAA,QACjBC,OAAOV,IAAYF,EAAKS,KAAK,KAAKT,EAAKS,KAAK;AAAA,QAC5CI,QAAQb,EAAKS,KAAK;AAAA,QAClBK,QAAQd,EAAKK,KAAKM;AAAAA,QAClBI,YAAY;AAAA,QACZC,aAAa;AAAA,QACbC,UAAU;AAAA,MAAA;AAAA,IAElB,KAAK;AACD,aAAO;AAAA,QACHP,OAAOV,EAAKM,KAAKK;AAAAA,QACjBC,OAAOV,IAAYF,EAAKS,KAAK,KAAKT,EAAKS,KAAK;AAAA,QAC5CI,QAAQb,EAAKS,KAAK;AAAA,QAClBK,QAAQd,EAAKM,KAAKK;AAAAA,QAClBI,YAAY;AAAA,QACZC,aAAa;AAAA,QACbC,UAAU;AAAA,MAAA;AAAA,IAGlB;AACI,aAAO;AAAA,QACHP,OAAON;AAAAA,QACPQ,OAAOV,IAAYK,IAAK,IAAIA,IAAK;AAAA,QACjCM,QAAQN,IAAK;AAAA,QACbO,QAAQV;AAAAA,QACRW,YAAY;AAAA,QACZC,aAAa;AAAA,QACbC,UAAU;AAAA,MAAA;AAAA,EACd;AAEZ;AAGO,SAASC,EAAiBC,GAAcC,GAAkBC,GAAoB;AAEjF,QAAMC,IADSC,SAASC,cAAc,QAAQ,EAC3BC,WAAW,IAAI;AAClC,SAAKH,KACLA,EAAII,OAAO,GAAGN,CAAQ,MAAMC,CAAU,IAC/BC,EAAIK,YAAYR,CAAI,EAAES,SAFZ;AAGrB;AAGO,SAASC,EACdV,GACAW,GACAV,GACAC,GACQ;AAER,QAAMC,IADSC,SAASC,cAAc,QAAQ,EAC3BC,WAAW,IAAI;AAIlC,MAHI,CAACH,MAELA,EAAII,OAAO,GAAGN,CAAQ,MAAMC,CAAU,IAClCC,EAAIK,YAAYR,CAAI,EAAES,SAASE,GAAU,QAAOX;AAEpD,MAAIY,IAAYZ;AAChB,SAAOY,EAAUC,SAAS,KAAKV,EAAIK,YAAYI,IAAY,GAAG,EAAEH,QAAQE;AACtEC,IAAAA,IAAYA,EAAUE,MAAM,GAAG,EAAE;AAKnC,SAFeF,MAAc,KAAK,KAAKA,IAAY;AAGrD;"}

package/dist/visualization.es123.js

@@ -1,6 +1,6 @@
-import G from "./visualization.es127.js";
+import G from "./visualization.es129.js";
 import { jsx as o, Fragment as O } from "react/jsx-runtime";
-import P from "./visualization.es26.js";
+import P from "./visualization.es36.js";
 function k(s) {
   let {
     className: h,

package/dist/visualization.es124.js

@@ -1,6 +1,6 @@
-import C from "./visualization.es127.js";
+import C from "./visualization.es129.js";
 import { jsx as o, Fragment as F } from "react/jsx-runtime";
-import G from "./visualization.es26.js";
+import G from "./visualization.es36.js";
 function R(m) {
   let {
     className: n,

package/dist/visualization.es127.js

@@ -1,8 +1,67 @@
-import { getDefaultExportFromCjs as r } from "./visualization.es178.js";
-import { __require as s } from "./visualization.es240.js";
-var e = s();
-const t = /* @__PURE__ */ r(e);
+import { useState as T, useRef as g, useEffect as u, useMemo as j } from "react";
+function p(t, r) {
+  let o;
+  return (...i) => {
+    window.clearTimeout(o), o = window.setTimeout(() => t(...i), r);
+  };
+}
+function Y({ debounce: t, scroll: r, polyfill: o, offsetSize: i } = { debounce: 0, scroll: !1, offsetSize: !1 }) {
+  const a = o || (typeof window > "u" ? class {
+  } : window.ResizeObserver);
+  if (!a) throw new Error("This browser does not support ResizeObserver out of the box. See: https://github.com/react-spring/react-use-measure/#resize-observer-polyfills");
+  const [c, h] = T({ left: 0, top: 0, width: 0, height: 0, bottom: 0, right: 0, x: 0, y: 0 }), e = g({ element: null, scrollContainers: null, resizeObserver: null, lastBounds: c, orientationHandler: null }), d = t ? typeof t == "number" ? t : t.scroll : null, f = t ? typeof t == "number" ? t : t.resize : null, w = g(!1);
+  u(() => (w.current = !0, () => {
+    w.current = !1;
+  }));
+  const [z, m, s] = j(() => {
+    const n = () => {
+      if (!e.current.element) return;
+      const { left: y, top: C, width: H, height: O, bottom: x, right: S, x: B, y: R } = e.current.element.getBoundingClientRect(), l = { left: y, top: C, width: H, height: O, bottom: x, right: S, x: B, y: R };
+      e.current.element instanceof HTMLElement && i && (l.height = e.current.element.offsetHeight, l.width = e.current.element.offsetWidth), Object.freeze(l), w.current && !k(e.current.lastBounds, l) && h(e.current.lastBounds = l);
+    };
+    return [n, f ? p(n, f) : n, d ? p(n, d) : n];
+  }, [h, i, d, f]);
+  function v() {
+    e.current.scrollContainers && (e.current.scrollContainers.forEach((n) => n.removeEventListener("scroll", s, !0)), e.current.scrollContainers = null), e.current.resizeObserver && (e.current.resizeObserver.disconnect(), e.current.resizeObserver = null), e.current.orientationHandler && ("orientation" in screen && "removeEventListener" in screen.orientation ? screen.orientation.removeEventListener("change", e.current.orientationHandler) : "onorientationchange" in window && window.removeEventListener("orientationchange", e.current.orientationHandler));
+  }
+  function b() {
+    e.current.element && (e.current.resizeObserver = new a(s), e.current.resizeObserver.observe(e.current.element), r && e.current.scrollContainers && e.current.scrollContainers.forEach((n) => n.addEventListener("scroll", s, { capture: !0, passive: !0 })), e.current.orientationHandler = () => {
+      s();
+    }, "orientation" in screen && "addEventListener" in screen.orientation ? screen.orientation.addEventListener("change", e.current.orientationHandler) : "onorientationchange" in window && window.addEventListener("orientationchange", e.current.orientationHandler));
+  }
+  const L = (n) => {
+    !n || n === e.current.element || (v(), e.current.element = n, e.current.scrollContainers = E(n), b());
+  };
+  return W(s, !!r), M(m), u(() => {
+    v(), b();
+  }, [r, s, m]), u(() => v, []), [L, c, z];
+}
+function M(t) {
+  u(() => {
+    const r = t;
+    return window.addEventListener("resize", r), () => {
+      window.removeEventListener("resize", r);
+    };
+  }, [t]);
+}
+function W(t, r) {
+  u(() => {
+    if (r) {
+      const o = t;
+      return window.addEventListener("scroll", o, { capture: !0, passive: !0 }), () => {
+        window.removeEventListener("scroll", o, !0);
+      };
+    }
+  }, [t, r]);
+}
+function E(t) {
+  const r = [];
+  if (!t || t === document.body) return r;
+  const { overflow: o, overflowX: i, overflowY: a } = window.getComputedStyle(t);
+  return [o, i, a].some((c) => c === "auto" || c === "scroll") && r.push(t), [...r, ...E(t.parentElement)];
+}
+const X = ["x", "y", "top", "bottom", "left", "right", "width", "height"], k = (t, r) => X.every((o) => t[o] === r[o]);
 export {
-  t as default
+  Y as default
 };
 //# sourceMappingURL=visualization.es127.js.map

package/dist/visualization.es127.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es127.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"visualization.es127.js","sources":["../../../node_modules/.pnpm/react-use-measure@2.1.7_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-use-measure/dist/index.js"],"sourcesContent":["import{useState as T,useRef as p,useEffect as u,useMemo as M}from\"react\";function g(n,t){let o;return(...i)=>{window.clearTimeout(o),o=window.setTimeout(()=>n(...i),t)}}function j({debounce:n,scroll:t,polyfill:o,offsetSize:i}={debounce:0,scroll:!1,offsetSize:!1}){const a=o||(typeof window==\"undefined\"?class{}:window.ResizeObserver);if(!a)throw new Error(\"This browser does not support ResizeObserver out of the box. See: https://github.com/react-spring/react-use-measure/#resize-observer-polyfills\");const[c,h]=T({left:0,top:0,width:0,height:0,bottom:0,right:0,x:0,y:0}),e=p({element:null,scrollContainers:null,resizeObserver:null,lastBounds:c,orientationHandler:null}),d=n?typeof n==\"number\"?n:n.scroll:null,f=n?typeof n==\"number\"?n:n.resize:null,w=p(!1);u(()=>(w.current=!0,()=>void(w.current=!1)));const[z,m,s]=M(()=>{const r=()=>{if(!e.current.element)return;const{left:y,top:C,width:H,height:O,bottom:S,right:x,x:B,y:R}=e.current.element.getBoundingClientRect(),l={left:y,top:C,width:H,height:O,bottom:S,right:x,x:B,y:R};e.current.element instanceof HTMLElement&&i&&(l.height=e.current.element.offsetHeight,l.width=e.current.element.offsetWidth),Object.freeze(l),w.current&&!D(e.current.lastBounds,l)&&h(e.current.lastBounds=l)};return[r,f?g(r,f):r,d?g(r,d):r]},[h,i,d,f]);function v(){e.current.scrollContainers&&(e.current.scrollContainers.forEach(r=>r.removeEventListener(\"scroll\",s,!0)),e.current.scrollContainers=null),e.current.resizeObserver&&(e.current.resizeObserver.disconnect(),e.current.resizeObserver=null),e.current.orientationHandler&&(\"orientation\"in screen&&\"removeEventListener\"in screen.orientation?screen.orientation.removeEventListener(\"change\",e.current.orientationHandler):\"onorientationchange\"in window&&window.removeEventListener(\"orientationchange\",e.current.orientationHandler))}function b(){e.current.element&&(e.current.resizeObserver=new a(s),e.current.resizeObserver.observe(e.current.element),t&&e.current.scrollContainers&&e.current.scrollContainers.forEach(r=>r.addEventListener(\"scroll\",s,{capture:!0,passive:!0})),e.current.orientationHandler=()=>{s()},\"orientation\"in screen&&\"addEventListener\"in screen.orientation?screen.orientation.addEventListener(\"change\",e.current.orientationHandler):\"onorientationchange\"in window&&window.addEventListener(\"orientationchange\",e.current.orientationHandler))}const L=r=>{!r||r===e.current.element||(v(),e.current.element=r,e.current.scrollContainers=E(r),b())};return X(s,!!t),W(m),u(()=>{v(),b()},[t,s,m]),u(()=>v,[]),[L,c,z]}function W(n){u(()=>{const t=n;return window.addEventListener(\"resize\",t),()=>void window.removeEventListener(\"resize\",t)},[n])}function X(n,t){u(()=>{if(t){const o=n;return window.addEventListener(\"scroll\",o,{capture:!0,passive:!0}),()=>void window.removeEventListener(\"scroll\",o,!0)}},[n,t])}function E(n){const t=[];if(!n||n===document.body)return t;const{overflow:o,overflowX:i,overflowY:a}=window.getComputedStyle(n);return[o,i,a].some(c=>c===\"auto\"||c===\"scroll\")&&t.push(n),[...t,...E(n.parentElement)]}const k=[\"x\",\"y\",\"top\",\"bottom\",\"left\",\"right\",\"width\",\"height\"],D=(n,t)=>k.every(o=>n[o]===t[o]);export{j as default};\n//# sourceMappingURL=index.js.map\n"],"names":["g","n","t","j","T","p","u","M","r","S","x","D","X","W","k"],"mappings":"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","x_google_ignoreList":[0]}