@weng-lab/visualization 2.6.0-beta.1 → 2.7.0-beta.0

package/dist/visualization.es129.js

@@ -1,106 +1,58 @@
-import { jsxs as z, jsx as p } from "react/jsx-runtime";
-import { useRef as M, useEffect as J, useCallback as m } from "react";
-import { drawHeatmapOverview as Q } from "./visualization.es127.js";
-import { SELECTION_COLOR as V } from "./visualization.es126.js";
-const f = (u, e, c) => Math.min(Math.max(u, e), c), L = 5, Z = 2, v = ({
-  canvasCellParams: u,
-  xMax: e,
-  yMax: c,
-  viewportWidth: l,
-  viewportHeight: d,
-  scrollLeft: P,
-  scrollTop: g,
-  width: i,
-  height: a,
-  onNavigate: b,
-  onCanvasClick: x,
-  onReady: h,
-  paused: C = !1
-}) => {
-  const D = M(null), r = e > 0 ? i / e : 0, o = c > 0 ? a / c : 0, I = M(h);
-  I.current = h, J(() => {
-    const t = D.current;
-    if (!t || C || r <= 0 || o <= 0) return;
-    const n = requestAnimationFrame(() => {
-      const s = t.getContext("2d");
-      s && (Q(s, u), I.current?.());
-    });
-    return () => cancelAnimationFrame(n);
-  }, [u, e, c, r, o, C]);
-  const T = m((t, n) => {
-    b(f(t - l / 2, 0, Math.max(0, e - l)), f(n - d / 2, 0, Math.max(0, c - d)));
-  }, [b, l, d, e, c]), j = m((t) => {
-    if (x) {
-      x();
-      return;
-    }
-    if (r <= 0 || o <= 0) return;
-    const n = t.currentTarget.getBoundingClientRect();
-    T((t.clientX - n.left) / r, (t.clientY - n.top) / o);
-  }, [x, T, r, o]), R = M(null), F = m((t) => {
-    t.stopPropagation(), t.currentTarget.setPointerCapture(t.pointerId), R.current = {
-      x: t.clientX,
-      y: t.clientY,
-      left: P,
-      top: g
-    };
-  }, [P, g]), K = m((t) => {
-    const n = R.current;
-    !n || r <= 0 || o <= 0 || !t.currentTarget.hasPointerCapture(t.pointerId) || b(f(n.left + (t.clientX - n.x) / r, 0, Math.max(0, e - l)), f(n.top + (t.clientY - n.y) / o, 0, Math.max(0, c - d)));
-  }, [r, o, e, c, l, d, b]), U = m((t) => {
-    t.currentTarget.releasePointerCapture(t.pointerId), R.current = null;
-  }, []), $ = m(() => {
-    R.current = null;
-  }, []), {
-    columns: E,
-    rows: A
-  } = u.selectionMarks, q = u.data.length, {
-    numRows: O
-  } = u, S = (t, n, s) => {
-    const H = t * s / n, k = s / n, y = Math.max(0, Z - k) / 2;
-    return [H - y, k + 2 * y];
-  }, X = f(P * r, 0, i), Y = f(g * o, 0, a), B = Math.max(0, Math.min(l * r, i - X)), G = Math.max(0, Math.min(d * o, a - Y));
-  return /* @__PURE__ */ z("div", { style: {
-    position: "relative",
-    width: i,
-    height: a
-  }, children: [
-    /* @__PURE__ */ p("canvas", { ref: D, width: i * (window.devicePixelRatio || 1), height: a * (window.devicePixelRatio || 1), style: {
-      width: i,
-      height: a,
-      display: "block",
-      cursor: "pointer",
-      border: "1px solid #d5d5d5",
-      boxSizing: "border-box"
-    }, onPointerDown: j }),
-    /* @__PURE__ */ p("div", { onPointerDown: F, onPointerMove: K, onPointerUp: U, onLostPointerCapture: $, style: {
-      position: "absolute",
-      left: X,
-      top: Y,
-      width: B,
-      height: G,
-      border: "2px solid #0d0f98",
-      backgroundColor: "rgba(13, 15, 152, 0.15)",
-      cursor: "grab",
-      boxSizing: "border-box"
-    } }),
-    (E.size > 0 || A.size > 0) && /* @__PURE__ */ p("svg", { width: i, height: a, style: {
-      position: "absolute",
-      inset: 0,
-      pointerEvents: "none"
-    }, "aria-hidden": !0, children: /* @__PURE__ */ z("g", { fill: V, children: [
-      [...E].map((t) => {
-        const [n, s] = S(t, q, i);
-        return /* @__PURE__ */ p("rect", { x: n, y: 0, width: s, height: L }, `c${t}`);
-      }),
-      [...A].map((t) => {
-        const [n, s] = S(O - 1 - t, O, a);
-        return /* @__PURE__ */ p("rect", { x: 0, y: n, width: L, height: s }, `r${t}`);
+import { jsx as d, jsxs as H } from "react/jsx-runtime";
+import { c as M } from "react/compiler-runtime";
+import { useId as O } from "react";
+import { measureTextWidth as R } from "./visualization.es36.js";
+import V from "./visualization.es50.js";
+import j from "./visualization.es51.js";
+const m = 14, E = 6, G = 4, B = 11, C = "sans-serif", D = 5, N = (o) => o % 1 === 0 ? String(o) : o.toFixed(1), $ = (o, t) => Array.from({
+  length: D
+}, (n, s) => o + s * (t - o) / (D - 1)), K = 1.15, P = 6, Q = (o, t) => {
+  const n = Math.max(...$(o, t).map((s) => R(N(s), B, C)));
+  return m + G + E + n * K + P;
+}, X = (o) => {
+  const t = M(22), {
+    colors: n,
+    minValue: s,
+    maxValue: f,
+    length: h,
+    orientation: W
+  } = o, b = W === void 0 ? "vertical" : W, _ = O();
+  let g;
+  if (t[0] !== _) {
+    let i;
+    t[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = /:/g, t[2] = i) : i = t[2], g = _.replace(i, ""), t[0] = _, t[1] = g;
+  } else
+    g = t[1];
+  const c = `heatmap-legend-gradient-${g}`, e = b === "horizontal";
+  let p;
+  if (t[3] !== n || t[4] !== c || t[5] !== e || t[6] !== h || t[7] !== f || t[8] !== s) {
+    const i = $(s, f), z = V({
+      domain: e ? [s, f] : [f, s],
+      range: [0, h]
+    }), A = e ? "1" : "0", I = e ? "0" : "1";
+    let l;
+    t[10] !== n || t[11] !== e ? (l = n.map((F, r) => /* @__PURE__ */ d("stop", { offset: `${r / (n.length - 1) * 100}%`, stopColor: e ? n[r] : n[n.length - 1 - r] }, r)), t[10] = n, t[11] = e, t[12] = l) : l = t[12];
+    let x;
+    t[13] !== c || t[14] !== A || t[15] !== I || t[16] !== l ? (x = /* @__PURE__ */ d("defs", { children: /* @__PURE__ */ d("linearGradient", { id: c, x1: "0", y1: "0", x2: A, y2: I, children: l }) }), t[13] = c, t[14] = A, t[15] = I, t[16] = l, t[17] = x) : x = t[17];
+    const y = e ? h : m, L = e ? m : h, u = `url(#${c})`;
+    let T;
+    t[18] !== L || t[19] !== u || t[20] !== y ? (T = /* @__PURE__ */ d("rect", { x: 0, y: 0, width: y, height: L, fill: u, rx: 2 }), t[18] = L, t[19] = u, t[20] = y, t[21] = T) : T = t[21], p = /* @__PURE__ */ H(j, { children: [
+      x,
+      T,
+      i.map((F, r) => {
+        const a = z(F), S = m + G, k = S + E;
+        return /* @__PURE__ */ H("g", { children: [
+          /* @__PURE__ */ d("line", { x1: e ? a : m, x2: e ? a : S, y1: e ? m : a, y2: e ? S : a, stroke: "#4d4f52", strokeWidth: 1 }),
+          /* @__PURE__ */ d("text", { x: e ? a : k, y: e ? k : a, dominantBaseline: e ? "hanging" : "middle", textAnchor: !e || r === 0 ? "start" : r === i.length - 1 ? "end" : "middle", fontSize: B, fontFamily: C, fill: "#4d4f52", children: N(F) })
+        ] }, r);
       })
-    ] }) })
-  ] });
+    ] }), t[3] = n, t[4] = c, t[5] = e, t[6] = h, t[7] = f, t[8] = s, t[9] = p;
+  } else
+    p = t[9];
+  return p;
 };
 export {
-  v as default
+  X as default,
+  Q as getHeatmapLegendWidth
 };
 //# sourceMappingURL=visualization.es129.js.map

package/dist/visualization.es129.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es129.js","sources":["../src/components/Heatmap/scrollable/HeatmapMiniMap.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef } from \"react\";\nimport { drawHeatmapOverview, type CanvasCellParams } from \"../HeatmapCanvasCells\";\nimport { SELECTION_COLOR } from \"../heatmapSelection\";\n\nexport interface HeatmapMiniMapProps {\n  canvasCellParams: CanvasCellParams;\n  xMax: number;\n  yMax: number;\n  viewportWidth: number;\n  viewportHeight: number;\n  scrollLeft: number;\n  scrollTop: number;\n  width: number;\n  height: number;\n  onNavigate: (left: number, top: number) => void;\n  onCanvasClick?: () => void;\n  /** Fires after each draw, so the expanded popup can hide its spinner. */\n  onReady?: () => void;\n  /**\n   * Skips redrawing while out of sight - the inline minimap under the expanded one - so a sweep\n   * doesn't draw the whole grid twice. Redraws once lifted.\n   */\n  paused?: boolean;\n}\n\nconst clamp = (value: number, min: number, max: number) => Math.min(Math.max(value, min), max);\n\n/** How far a selection mark reaches in from the edge, and its narrowest width. */\nconst MARK_DEPTH = 5;\nconst MARK_MIN_WIDTH = 2;\n\nconst HeatmapMiniMap = ({\n  canvasCellParams,\n  xMax,\n  yMax,\n  viewportWidth,\n  viewportHeight,\n  scrollLeft,\n  scrollTop,\n  width,\n  height,\n  onNavigate,\n  onCanvasClick,\n  onReady,\n  paused = false,\n}: HeatmapMiniMapProps) => {\n  const canvasRef = useRef<HTMLCanvasElement | null>(null);\n  const scaleX = xMax > 0 ? width / xMax : 0;\n  const scaleY = yMax > 0 ? height / yMax : 0;\n\n  // A ref, so an inline onReady doesn't re-run the draw on every parent render.\n  const onReadyRef = useRef(onReady);\n  onReadyRef.current = onReady;\n\n  useEffect(() => {\n    const canvas = canvasRef.current;\n    if (!canvas || paused || scaleX <= 0 || scaleY <= 0) return;\n    // A frame later, so the expanded popup paints before the whole-grid draw.\n    const raf = requestAnimationFrame(() => {\n      const ctx = canvas.getContext(\"2d\");\n      if (!ctx) return;\n      drawHeatmapOverview(ctx, canvasCellParams);\n      onReadyRef.current?.();\n    });\n    return () => cancelAnimationFrame(raf);\n  }, [canvasCellParams, xMax, yMax, scaleX, scaleY, paused]);\n\n  const navigateCentered = useCallback(\n    (contentX: number, contentY: number) => {\n      onNavigate(\n        clamp(contentX - viewportWidth / 2, 0, Math.max(0, xMax - viewportWidth)),\n        clamp(contentY - viewportHeight / 2, 0, Math.max(0, yMax - viewportHeight))\n      );\n    },\n    [onNavigate, viewportWidth, viewportHeight, xMax, yMax]\n  );\n\n  const handleCanvasPointerDown = useCallback(\n    (event: React.PointerEvent<HTMLCanvasElement>) => {\n      if (onCanvasClick) {\n        onCanvasClick();\n        return;\n      }\n      if (scaleX <= 0 || scaleY <= 0) return;\n      const rect = event.currentTarget.getBoundingClientRect();\n      navigateCentered((event.clientX - rect.left) / scaleX, (event.clientY - rect.top) / scaleY);\n    },\n    [onCanvasClick, navigateCentered, scaleX, scaleY]\n  );\n\n  /**\n   * Where the window was grabbed: the pointer, and the scroll position then. Each move places the\n   * window by the pointer's distance from here, so it stays under the pointer. Adding each move's\n   * movementX to scrollLeft instead drifted: scrollLeft trails the grid's scroll by a frame, and\n   * each step's rounding was kept, so the window ran ahead or fell behind further the longer the drag.\n   */\n  const grabRef = useRef<{ x: number; y: number; left: number; top: number } | null>(null);\n\n  const handleRectPointerDown = useCallback(\n    (event: React.PointerEvent<HTMLDivElement>) => {\n      event.stopPropagation();\n      event.currentTarget.setPointerCapture(event.pointerId);\n      grabRef.current = { x: event.clientX, y: event.clientY, left: scrollLeft, top: scrollTop };\n    },\n    [scrollLeft, scrollTop]\n  );\n\n  const handleRectPointerMove = useCallback(\n    (event: React.PointerEvent<HTMLDivElement>) => {\n      const grab = grabRef.current;\n      if (!grab || scaleX <= 0 || scaleY <= 0 || !event.currentTarget.hasPointerCapture(event.pointerId)) return;\n      onNavigate(\n        clamp(grab.left + (event.clientX - grab.x) / scaleX, 0, Math.max(0, xMax - viewportWidth)),\n        clamp(grab.top + (event.clientY - grab.y) / scaleY, 0, Math.max(0, yMax - viewportHeight))\n      );\n    },\n    [scaleX, scaleY, xMax, yMax, viewportWidth, viewportHeight, onNavigate]\n  );\n\n  const handleRectPointerUp = useCallback((event: React.PointerEvent<HTMLDivElement>) => {\n    event.currentTarget.releasePointerCapture(event.pointerId);\n    grabRef.current = null;\n  }, []);\n\n  // A capture can also end without a pointerup, e.g. when the browser cancels the gesture.\n  const handleRectLostCapture = useCallback(() => {\n    grabRef.current = null;\n  }, []);\n\n  const { columns, rows } = canvasCellParams.selectionMarks;\n  const numColumns = canvasCellParams.data.length;\n  const { numRows } = canvasCellParams;\n  // Cell i's span along an edge `size` pixels long, widened to at least MARK_MIN_WIDTH.\n  const markSpan = (i: number, cells: number, size: number) => {\n    const from = (i * size) / cells;\n    const run = size / cells;\n    const extra = Math.max(0, MARK_MIN_WIDTH - run) / 2;\n    return [from - extra, run + 2 * extra] as const;\n  };\n\n  const rectLeft = clamp(scrollLeft * scaleX, 0, width);\n  const rectTop = clamp(scrollTop * scaleY, 0, height);\n  const rectWidth = Math.max(0, Math.min(viewportWidth * scaleX, width - rectLeft));\n  const rectHeight = Math.max(0, Math.min(viewportHeight * scaleY, height - rectTop));\n\n  return (\n    <div style={{ position: \"relative\", width, height }}>\n      <canvas\n        ref={canvasRef}\n        width={width * (window.devicePixelRatio || 1)}\n        height={height * (window.devicePixelRatio || 1)}\n        style={{ width, height, display: \"block\", cursor: \"pointer\", border: \"1px solid #d5d5d5\", boxSizing: \"border-box\" }}\n        onPointerDown={handleCanvasPointerDown}\n      />\n      <div\n        onPointerDown={handleRectPointerDown}\n        onPointerMove={handleRectPointerMove}\n        onPointerUp={handleRectPointerUp}\n        onLostPointerCapture={handleRectLostCapture}\n        style={{\n          position: \"absolute\",\n          left: rectLeft,\n          top: rectTop,\n          width: rectWidth,\n          height: rectHeight,\n          border: \"2px solid #0d0f98\",\n          backgroundColor: \"rgba(13, 15, 152, 0.15)\",\n          cursor: \"grab\",\n          boxSizing: \"border-box\",\n        }}\n      />\n      {/*\n        The selection's columns and rows, marked along the top and left edges since a column here\n        can be under a pixel wide. Above the viewport rectangle so its border can't cover them.\n      */}\n      {(columns.size > 0 || rows.size > 0) && (\n        <svg\n          width={width}\n          height={height}\n          style={{ position: \"absolute\", inset: 0, pointerEvents: \"none\" }}\n          aria-hidden\n        >\n          <g fill={SELECTION_COLOR}>\n            {[...columns].map((column) => {\n              const [x, w] = markSpan(column, numColumns, width);\n              return <rect key={`c${column}`} x={x} y={0} width={w} height={MARK_DEPTH} />;\n            })}\n            {/* Row 0 is at the bottom. */}\n            {[...rows].map((row) => {\n              const [y, h] = markSpan(numRows - 1 - row, numRows, height);\n              return <rect key={`r${row}`} x={0} y={y} width={MARK_DEPTH} height={h} />;\n            })}\n          </g>\n        </svg>\n      )}\n    </div>\n  );\n};\n\nexport default HeatmapMiniMap;\n"],"names":["clamp","value","min","max","Math","MARK_DEPTH","MARK_MIN_WIDTH","HeatmapMiniMap","canvasCellParams","xMax","yMax","viewportWidth","viewportHeight","scrollLeft","scrollTop","width","height","onNavigate","onCanvasClick","onReady","paused","canvasRef","useRef","scaleX","scaleY","onReadyRef","current","useEffect","canvas","raf","requestAnimationFrame","ctx","getContext","drawHeatmapOverview","cancelAnimationFrame","navigateCentered","useCallback","contentX","contentY","handleCanvasPointerDown","event","rect","currentTarget","getBoundingClientRect","clientX","left","clientY","top","grabRef","handleRectPointerDown","stopPropagation","setPointerCapture","pointerId","x","y","handleRectPointerMove","grab","hasPointerCapture","handleRectPointerUp","releasePointerCapture","handleRectLostCapture","columns","rows","selectionMarks","numColumns","data","length","numRows","markSpan","i","cells","size","from","run","extra","rectLeft","rectTop","rectWidth","rectHeight","jsxs","position","jsx","window","devicePixelRatio","display","cursor","border","boxSizing","backgroundColor","inset","pointerEvents","SELECTION_COLOR","map","column","w","row","h"],"mappings":"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"}
+{"version":3,"file":"visualization.es129.js","sources":["../src/components/Heatmap/HeatmapLegend.tsx"],"sourcesContent":["import { useId } from \"react\";\nimport { Group } from \"@visx/group\";\nimport { scaleLinear } from \"@visx/scale\";\nimport { measureTextWidth } from \"../../utility\";\n\nconst BAR_WIDTH = 14;\nconst LABEL_GAP = 6;\nconst TICK_WIDTH = 4;\nconst FONT_SIZE = 11;\nconst FONT_FAMILY = \"sans-serif\";\nconst NUM_TICKS = 5;\n\ninterface HeatmapLegendProps {\n    colors: [string, string, ...string[]];\n    minValue: number;\n    maxValue: number;\n    /** The bar's length along its orientation. */\n    length: number;\n    orientation?: \"vertical\" | \"horizontal\";\n}\n\nconst formatTick = (value: number) =>\n    value % 1 === 0 ? String(value) : value.toFixed(1);\n\nconst getTickValues = (minValue: number, maxValue: number) =>\n    Array.from({ length: NUM_TICKS }, (_, i) =>\n        minValue + (i * (maxValue - minValue)) / (NUM_TICKS - 1)\n    );\n\n// measureText and SVG layout disagree slightly, more so for longer labels: pad so none get clipped.\nconst LABEL_WIDTH_SAFETY_FACTOR = 1.15;\nconst RIGHT_PADDING = 6;\n\n// The legend's full width - bar, ticks and the widest tick label - for a vertical legend.\nexport const getHeatmapLegendWidth = (minValue: number, maxValue: number): number => {\n    const maxLabelWidth = Math.max(\n        ...getTickValues(minValue, maxValue).map((value) =>\n            measureTextWidth(formatTick(value), FONT_SIZE, FONT_FAMILY)\n        )\n    );\n    return BAR_WIDTH + TICK_WIDTH + LABEL_GAP + maxLabelWidth * LABEL_WIDTH_SAFETY_FACTOR + RIGHT_PADDING;\n};\n\nconst HeatmapLegend = ({ colors, minValue, maxValue, length, orientation = \"vertical\" }: HeatmapLegendProps) => {\n    // Unique per instance: the expanded minimap draws a second legend.\n    const gradientId = `heatmap-legend-gradient-${useId().replace(/:/g, \"\")}`;\n    const horizontal = orientation === \"horizontal\";\n    const tickValues = getTickValues(minValue, maxValue);\n\n    // Standing up, the bar reads top (max) to bottom (min); lying down, left (min) to right (max).\n    const scale = scaleLinear<number>({\n        domain: horizontal ? [minValue, maxValue] : [maxValue, minValue],\n        range: [0, length],\n    });\n\n    return (\n        <Group>\n            <defs>\n                <linearGradient id={gradientId} x1=\"0\" y1=\"0\" x2={horizontal ? \"1\" : \"0\"} y2={horizontal ? \"0\" : \"1\"}>\n                    {colors.map((_, i) => (\n                        <stop\n                            key={i}\n                            offset={`${(i / (colors.length - 1)) * 100}%`}\n                            // Top to bottom standing up, so the stops run in reverse color order.\n                            stopColor={horizontal ? colors[i] : colors[colors.length - 1 - i]}\n                        />\n                    ))}\n                </linearGradient>\n            </defs>\n            <rect\n                x={0}\n                y={0}\n                width={horizontal ? length : BAR_WIDTH}\n                height={horizontal ? BAR_WIDTH : length}\n                fill={`url(#${gradientId})`}\n                rx={2}\n            />\n            {tickValues.map((value, i) => {\n                const at = scale(value);\n                const tickStart = BAR_WIDTH;\n                const tickEnd = BAR_WIDTH + TICK_WIDTH;\n                const labelAt = tickEnd + LABEL_GAP;\n                return (\n                    <g key={i}>\n                        <line\n                            x1={horizontal ? at : tickStart}\n                            x2={horizontal ? at : tickEnd}\n                            y1={horizontal ? tickStart : at}\n                            y2={horizontal ? tickEnd : at}\n                            stroke=\"#4d4f52\"\n                            strokeWidth={1}\n                        />\n                        <text\n                            x={horizontal ? at : labelAt}\n                            y={horizontal ? labelAt : at}\n                            dominantBaseline={horizontal ? \"hanging\" : \"middle\"}\n                            // Lying down, the end labels keep inside the bar's ends rather than hang past them.\n                            textAnchor={!horizontal || i === 0 ? \"start\" : i === tickValues.length - 1 ? \"end\" : \"middle\"}\n                            fontSize={FONT_SIZE}\n                            fontFamily={FONT_FAMILY}\n                            fill=\"#4d4f52\"\n                        >\n                            {formatTick(value)}\n                        </text>\n                    </g>\n                );\n            })}\n        </Group>\n    );\n};\n\nexport default HeatmapLegend;\n"],"names":["BAR_WIDTH","LABEL_GAP","TICK_WIDTH","FONT_SIZE","FONT_FAMILY","NUM_TICKS","formatTick","value","String","toFixed","getTickValues","minValue","maxValue","Array","from","length","_","i","LABEL_WIDTH_SAFETY_FACTOR","RIGHT_PADDING","getHeatmapLegendWidth","maxLabelWidth","Math","max","map","measureTextWidth","HeatmapLegend","t0","$","_c","colors","orientation","t1","undefined","t2","useId","t3","t4","Symbol","for","replace","gradientId","horizontal","tickValues","scale","scaleLinear","domain","range","t5","t6","t7","jsx","t8","t9","t10","t11","t12","Group","i_0","at","tickEnd","labelAt"],"mappings":"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"}

package/dist/visualization.es13.js

@@ -1,84 +1,63 @@
-import { jsx as T } from "react/jsx-runtime";
-import { c as x } from "react/compiler-runtime";
-import { memo as P, useState as y, useImperativeHandle as z, useRef as M } from "react";
-import O, { defaultStyles as A } from "./visualization.es52.js";
-import E from "./visualization.es50.js";
-const R = 10, w = 8, v = (o, e, a) => {
-  const s = o + R, n = o - R - e, t = s + e > a - w && n >= w ? n : s;
-  return Math.max(w, Math.min(t, a - e - w));
-}, L = () => {
-  const o = x(3), [e, a] = y(null), s = M(null);
-  let n;
-  o[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n = (m) => {
-    if (s.current?.disconnect(), s.current = null, !m)
-      return;
-    const p = () => {
-      const {
-        width: f,
-        height: c
-      } = m.getBoundingClientRect();
-      a((i) => i && i.width === f && i.height === c ? i : {
-        width: f,
-        height: c
-      });
+import { jsx as m } from "react/jsx-runtime";
+import { useState as N, useRef as P, useImperativeHandle as b } from "react";
+import H from "./visualization.es35.js";
+import { downloadSVGAsPNG as G, downloadAsSVG as I, getAnimationProps as k } from "./visualization.es36.js";
+import { useResponsiveParentSize as B } from "./visualization.es25.js";
+import W from "./visualization.es37.js";
+import { ResponsiveContainer as A } from "./visualization.es19.js";
+import C from "./visualization.es38.js";
+import E from "./visualization.es39.js";
+import O from "./visualization.es40.js";
+import T from "./visualization.es41.js";
+import V from "./visualization.es42.js";
+import Y from "./visualization.es43.js";
+import j from "./visualization.es44.js";
+import { motion as q } from "./visualization.es45.js";
+const re = (t) => {
+  const {
+    parentRef: u,
+    containerStyle: g,
+    width: p,
+    height: f
+  } = B({
+    width: t.width,
+    height: t.height
+  }), [y, v] = N(null), d = P(null), S = W({
+    label: "root",
+    value: 0,
+    children: t.data
+  }).sum((i) => i.value).sort((i, a) => (a.value || 0) - (i.value || 0)), w = {
+    treemapSquarify: j,
+    treemapBinary: Y,
+    treemapDice: V,
+    treemapResquarify: T,
+    treemapSlice: O,
+    treemapSliceDice: E
+  }, e = t.treemapStyle ?? {}, R = e.paddingInner !== void 0 ? e.paddingInner : e.padding !== void 0 ? e.padding : 0, z = e.paddingOuter !== void 0 ? e.paddingOuter : e.padding !== void 0 ? e.padding : 0;
+  return b(t.ref, () => ({
+    downloadSVG: () => {
+      d.current && I(d.current, t.downloadFileName ?? "tree_map.svg");
+    },
+    downloadPNG: () => {
+      d.current && G(d.current, t.downloadFileName ?? "tree_map.png");
+    }
+  })), /* @__PURE__ */ m(A, { parentRef: u, containerStyle: g, children: /* @__PURE__ */ m("svg", { width: p, height: f, ref: d, children: /* @__PURE__ */ m(C, { root: S, size: [p, f], paddingInner: R, paddingOuter: z, tile: w[t.tileMethod ?? "treemapBinary"], children: (i) => {
+    const a = e.fontSize ? e.fontSize * 2 : 32, h = (r) => {
+      if (!r.children || r.children.length === 0) return;
+      const n = r.y0, l = r.y1 - n;
+      if (l <= a + 1) return;
+      const c = (l - a) / l;
+      r.children.forEach((o) => {
+        o.y0 = n + a + (o.y0 - n) * c, o.y1 = n + a + (o.y1 - n) * c;
+      }), r.children.forEach(h);
     };
-    p();
-    const l = new ResizeObserver(p);
-    l.observe(m), s.current = l;
-  }, o[0] = n) : n = o[0];
-  const r = n;
-  let t;
-  return o[1] !== e ? (t = [r, e], o[1] = e, o[2] = t) : t = o[2], t;
+    return i.children && i.children.forEach(h), i.descendants().filter((r) => r.depth > 0).map((r, n) => {
+      const s = r.ancestors().map((o) => o.data.label).join("/"), l = t.animation ? q.g : "g", c = k(t.animation, n);
+      return /* @__PURE__ */ m(l, { ...c, children: /* @__PURE__ */ m(H, { node: r, isHovered: y === s, onHover: (o) => v(o ? s : null), strokeWidth: e.strokeWidth ?? 0, opacity: e.opacity ?? 0.3, borderRadius: e.borderRadius ?? 0, fontSize: e.fontSize ?? 16, labelPlacement: t.labelPlacement ?? "topLeft", tooltipBody: t.tooltipBody, onNodeClicked: t.onNodeClicked }) }, `node-${n}`);
+    });
+  } }) }) });
 };
-function $(o) {
-  const e = x(20), {
-    ref: a,
-    children: s,
-    zIndex: n
-  } = o;
-  let r;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = {
-    open: !1,
-    left: 0,
-    top: 0
-  }, e[0] = r) : r = e[0];
-  const [t, m] = y(r), [p, l] = L();
-  let f, c;
-  if (e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = () => ({
-    show: (I, b) => m({
-      open: !0,
-      data: I,
-      left: b.clientX,
-      top: b.clientY
-    }),
-    hide: () => m(F)
-  }), c = [], e[1] = f, e[2] = c) : (f = e[1], c = e[2]), z(a, f, c), !t.open || t.data === void 0)
-    return null;
-  let i;
-  e[3] !== l || e[4] !== t.left ? (i = l ? v(t.left, l.width, window.innerWidth) : t.left + R, e[3] = l, e[4] = t.left, e[5] = i) : i = e[5];
-  const S = i;
-  let h;
-  e[6] !== l || e[7] !== t.top ? (h = l ? v(t.top, l.height, window.innerHeight) : t.top + R, e[6] = l, e[7] = t.top, e[8] = h) : h = e[8];
-  const _ = h;
-  let d;
-  e[9] !== n ? (d = {
-    ...A,
-    position: "fixed",
-    zIndex: n
-  }, e[9] = n, e[10] = d) : d = e[10];
-  let u;
-  e[11] !== s || e[12] !== t.data ? (u = s(t.data), e[11] = s, e[12] = t.data, e[13] = u) : u = e[13];
-  let g;
-  return e[14] !== S || e[15] !== p || e[16] !== d || e[17] !== u || e[18] !== _ ? (g = /* @__PURE__ */ T(E, { children: /* @__PURE__ */ T(O, { ref: p, left: S, top: _, offsetLeft: 0, offsetTop: 0, style: d, children: u }) }), e[14] = S, e[15] = p, e[16] = d, e[17] = u, e[18] = _, e[19] = g) : g = e[19], g;
-}
-function F(o) {
-  return o.open ? {
-    ...o,
-    open: !1
-  } : o;
-}
-const C = P($);
 export {
-  C as default
+  re as default
 };
 //# sourceMappingURL=visualization.es13.js.map

package/dist/visualization.es13.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es13.js","sources":["../src/tooltip/PlotTooltip.tsx"],"sourcesContent":["import { memo, useCallback, useImperativeHandle, useRef, useState, MouseEvent, ReactNode, Ref, RefObject } from \"react\";\nimport { Portal, Tooltip, defaultStyles } from \"@visx/tooltip\";\n\n/** Offset from the pointer, so the tooltip never sits directly under the cursor. */\nconst POINTER_OFFSET = 10;\n\n/** Closest the tooltip may sit to a viewport edge when it fits on neither side of the pointer. */\nconst VIEWPORT_MARGIN = 8;\n\nexport interface PlotTooltipHandle<T> {\n  /** Show the tooltip for `data`, positioned from the pointer event that triggered it. */\n  show: (data: T, event: MouseEvent) => void;\n  hide: () => void;\n}\n\n/**\n * The ref as marks receive it. Spelling out `RefObject<PlotTooltipHandle<T> | null>` in every\n * mark component is noisy and easy to get wrong (the `| null` is required - useRef(null) yields\n * a nullable current until PlotTooltip mounts).\n */\nexport type PlotTooltipRef<T> = RefObject<PlotTooltipHandle<T> | null>;\n\nexport interface PlotTooltipProps<T> {\n  ref: Ref<PlotTooltipHandle<T>>;\n  /** Renders the tooltip contents. Called here, not by the marks, so marks never depend on it. */\n  children: (data: T) => ReactNode;\n  /**\n   * Stacking order for the tooltip. It is portalled to document.body, so it leaves the plot's\n   * stacking context and cannot be layered against the plot's own overlays by DOM order alone -\n   * a plot with controls or a minimap of its own needs to name a layer above them. visx ships no\n   * z-index, which leaves the tooltip below anything positioned in the root stacking context.\n   */\n  zIndex?: number;\n}\n\ninterface PlotTooltipState<T> {\n  open: boolean;\n  data?: T;\n  left: number;\n  top: number;\n}\n\n/**\n * Places the tooltip along one axis: offset from the pointer on the leading side, flipped to the\n * trailing side when the leading one would run off the end, and clamped when it fits on neither -\n * a tooltip larger than the viewport has no good side, so it is pinned rather than centred on a\n * pointer it cannot clear.\n */\nconst placeAlongAxis = (pointer: number, size: number, viewport: number) => {\n  const leading = pointer + POINTER_OFFSET;\n  const trailing = pointer - POINTER_OFFSET - size;\n  const overflowsLeading = leading + size > viewport - VIEWPORT_MARGIN;\n  const position = overflowsLeading && trailing >= VIEWPORT_MARGIN ? trailing : leading;\n  return Math.max(VIEWPORT_MARGIN, Math.min(position, viewport - size - VIEWPORT_MARGIN));\n};\n\n/**\n * The tooltip's own size, kept current as its contents change.\n *\n * Watched rather than measured once, because the body is rebuilt for each mark the pointer\n * reaches and one with more to say is a taller box. visx's own `TooltipWithBounds` measures in\n * componentDidMount and never again, so moving between two marks without leaving the plot would\n * flip against the previous mark's size.\n *\n * A callback ref rather than an effect: the tooltip node comes and goes as the tooltip opens and\n * closes, and this attaches the observer exactly when there is something to observe. It runs in\n * the commit phase, so the measurement it takes lands before the browser paints.\n */\nconst useMeasuredSize = () => {\n  const [size, setSize] = useState<{ width: number; height: number } | null>(null);\n  const observerRef = useRef<ResizeObserver | null>(null);\n\n  const measureRef = useCallback((node: HTMLDivElement | null) => {\n    observerRef.current?.disconnect();\n    observerRef.current = null;\n    if (!node) return;\n\n    const measure = () => {\n      const { width, height } = node.getBoundingClientRect();\n      setSize((current) =>\n        current && current.width === width && current.height === height ? current : { width, height }\n      );\n    };\n\n    measure();\n    const observer = new ResizeObserver(measure);\n    observer.observe(node);\n    observerRef.current = observer;\n  }, []);\n\n  return [measureRef, size] as const;\n};\n\n/**\n * A single tooltip for a plot with many interactive marks (cells, bars, points, nodes).\n *\n * Render it as a *sibling* of the marks - never as an ancestor - and drive it through the ref:\n *\n *   const tooltipRef = useRef<PlotTooltipHandle<Bin>>(null);\n *   ...\n *   <Marks tooltipRef={tooltipRef} />\n *   <PlotTooltip ref={tooltipRef}>{(bin) => <div>{bin.count}</div>}</PlotTooltip>\n *\n * with each mark doing `onMouseMove={(e) => tooltipRef.current?.show(bin, e)}`. A canvas plot\n * with no mark elements calls the same handle from its own hit test.\n *\n * Why this shape:\n * - Tooltip state lives below the marks in the tree rather than above them, so showing, moving\n *   and hiding the tooltip re-renders only this component. Holding the state in the plot itself\n *   re-renders every mark on every mousemove; giving each mark its own useTooltip instead costs\n *   one state hook and one portal per mark.\n * - Marks receive only `tooltipRef`, which is stable for the lifetime of the plot. They never\n *   receive the tooltip body renderer, so an unstable one from a consumer cannot invalidate them.\n * - `show` takes the datum rather than rendered output, so nothing is rendered for marks the\n *   pointer never reaches.\n *\n * Positioned fixed, against viewport coordinates, which is what keeps it from ever giving the\n * page a scrollbar: a fixed box is laid out against the viewport and, unlike an absolutely\n * positioned one, is left out of the document's scrollable overflow entirely. So even in the\n * moment before it has been measured, or when it is too large to fit anywhere, the worst it can\n * do is sit partly off-screen - never widen the page under it. The measured flip is then about\n * readability rather than about scrollbars.\n */\nfunction PlotTooltip<T>({ ref, children, zIndex }: PlotTooltipProps<T>) {\n  const [state, setState] = useState<PlotTooltipState<T>>({ open: false, left: 0, top: 0 });\n  const [measureRef, size] = useMeasuredSize();\n\n  useImperativeHandle(ref, () => ({\n    // Viewport coordinates rather than page ones, to match the fixed positioning below.\n    show: (data, event) => setState({ open: true, data, left: event.clientX, top: event.clientY }),\n    hide: () => setState((current) => (current.open ? { ...current, open: false } : current)),\n  }), []);\n\n  if (!state.open || state.data === undefined) return null;\n\n  // Before the first measurement there is no size to place against. The callback ref measures\n  // during the commit that adds the node, so this fallback is never a position the user sees.\n  const left = size ? placeAlongAxis(state.left, size.width, window.innerWidth) : state.left + POINTER_OFFSET;\n  const top = size ? placeAlongAxis(state.top, size.height, window.innerHeight) : state.top + POINTER_OFFSET;\n\n  return (\n    <Portal>\n      <Tooltip\n        ref={measureRef}\n        left={left}\n        top={top}\n        // The pointer offset is applied above, against the measured size, so visx must not add\n        // its own on top of it.\n        offsetLeft={0}\n        offsetTop={0}\n        // Spread last so the viewport anchoring the placement depends on cannot be overridden by\n        // the `position: absolute` in visx's default styles.\n        style={{ ...defaultStyles, position: \"fixed\", zIndex }}\n      >\n        {children(state.data)}\n      </Tooltip>\n    </Portal>\n  );\n}\n\n// memo() doesn't preserve generic type parameters, so cast back to the generic signature\nexport default memo(PlotTooltip) as typeof PlotTooltip;\n"],"names":["POINTER_OFFSET","VIEWPORT_MARGIN","placeAlongAxis","pointer","size","viewport","leading","trailing","position","Math","max","min","useMeasuredSize","$","_c","setSize","useState","observerRef","useRef","t0","Symbol","for","node","current","disconnect","measure","width","height","getBoundingClientRect","observer","ResizeObserver","observe","measureRef","t1","PlotTooltip","ref","children","zIndex","open","left","top","state","setState","t2","t3","show","data","event","clientX","clientY","hide","_temp","useImperativeHandle","undefined","t4","window","innerWidth","t5","innerHeight","t6","defaultStyles","t7","t8","Portal","jsx","Tooltip","PlotTooltip$1","memo"],"mappings":"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"}
+{"version":3,"file":"visualization.es13.js","sources":["../src/components/TreeMap/TreeMap.tsx"],"sourcesContent":["import { useImperativeHandle, useRef, useState } from \"react\";\nimport { Treemap as VisxTreemap, hierarchy, treemapBinary, treemapDice, treemapResquarify, treemapSlice, treemapSliceDice, treemapSquarify, TileMethod } from \"@visx/hierarchy\";\nimport { TreemapNode, TreemapProps } from \"./types\";\nimport SingleNode from \"./SingleNode\";\nimport { motion } from \"framer-motion\";\nimport { downloadAsSVG, downloadSVGAsPNG, getAnimationProps } from \"../../utility\";\nimport { ResponsiveContainer, useResponsiveParentSize } from \"../../responsive\";\n\nconst Treemap = <T extends object>(\n    props: TreemapProps<T>,\n) => {\n    const { parentRef, containerStyle, width: parentWidth, height: parentHeight } = useResponsiveParentSize({ width: props.width, height: props.height });\n    const [hovered, setHovered] = useState<string | null>(null);\n    const svgRef = useRef<SVGSVGElement | null>(null);\n\n    // wrap the array in a root node\n    const root = hierarchy({ label: \"root\", value: 0, children: props.data })\n        .sum((d) => d.value)\n        .sort((a, b) => (b.value || 0) - (a.value || 0));\n\n    const tileMethods: { [tile: string]: TileMethod<TreemapNode<T>> } = {\n        treemapSquarify,\n        treemapBinary,\n        treemapDice,\n        treemapResquarify,\n        treemapSlice,\n        treemapSliceDice,\n    };\n\n    const style = props.treemapStyle ?? {};\n\n    const paddingInner =\n        style.paddingInner !== undefined\n            ? style.paddingInner\n            : style.padding !== undefined\n                ? style.padding\n                : 0;\n\n    const paddingOuter =\n        style.paddingOuter !== undefined\n            ? style.paddingOuter\n            : style.padding !== undefined\n                ? style.padding\n                : 0;\n\n    //Download the plot as svg or png using the passed ref from the parent\n    useImperativeHandle(props.ref, () => ({\n        downloadSVG: () => {\n            if (svgRef.current) downloadAsSVG(svgRef.current, props.downloadFileName ?? \"tree_map.svg\");\n        },\n        downloadPNG: () => {\n            if (svgRef.current) downloadSVGAsPNG(svgRef.current, props.downloadFileName ?? \"tree_map.png\");\n        },\n    }));\n\n    return (\n        <ResponsiveContainer parentRef={parentRef} containerStyle={containerStyle}>\n            <svg width={parentWidth} height={parentHeight} ref={svgRef}>\n                <VisxTreemap<TreemapNode<T>>\n                    root={root}\n                    size={[parentWidth, parentHeight]}\n                    paddingInner={paddingInner}\n                    paddingOuter={paddingOuter}\n                    tile={tileMethods[props.tileMethod ?? \"treemapBinary\"]}\n                >\n                    {(treemap) => {\n                        const spacerSize = style.fontSize ? style.fontSize * 2 : 32;\n\n                        // Helper: remap children Y coordinates so they occupy [parentY0+H, parentY1]\n                        const applyTopSpacer = (node: any) => {\n                            if (!node.children || node.children.length === 0) return;\n                            const parentY0 = node.y0;\n                            const parentY1 = node.y1;\n                            const parentHeight = parentY1 - parentY0;\n\n                            // If parent is too short, skip to avoid negative sizes\n                            if (parentHeight <= spacerSize + 1) return;\n\n                            const scale = (parentHeight - spacerSize) / parentHeight;\n\n                            node.children.forEach((child: any) => {\n                                // map child's Y range from [parentY0,parentY1] -> [parentY0+H, parentY1]\n                                child.y0 = parentY0 + spacerSize + (child.y0 - parentY0) * scale;\n                                child.y1 = parentY0 + spacerSize + (child.y1 - parentY0) * scale;\n                            });\n\n                            // Recurse to deeper levels\n                            node.children.forEach(applyTopSpacer);\n                        };\n\n                        // Apply spacer starting from root's children (skip artificial root if depth 0)\n                        if (treemap.children) treemap.children.forEach(applyTopSpacer);\n\n                        return treemap\n                            .descendants()\n                            .filter((n) => n.depth > 0)\n                            .map((node, i) => {\n                                const nodeId = node.ancestors().map((a) => a.data.label).join(\"/\");\n                                const Wrapper = props.animation ? motion.g : \"g\";\n                                const animProps = getAnimationProps(props.animation, i);\n\n                                return (\n                                    <Wrapper key={`node-${i}`} {...animProps}>\n                                        <SingleNode\n                                            node={node}\n                                            isHovered={hovered === nodeId}\n                                            onHover={(hover) => setHovered(hover ? nodeId : null)}\n                                            strokeWidth={style.strokeWidth ?? 0}\n                                            opacity={style.opacity ?? .3}\n                                            borderRadius={style.borderRadius ?? 0}\n                                            fontSize={style.fontSize ?? 16}\n                                            labelPlacement={props.labelPlacement ?? \"topLeft\"}\n                                            tooltipBody={props.tooltipBody}\n                                            onNodeClicked={props.onNodeClicked}\n                                        />\n                                    </Wrapper>\n                                );\n                            });\n                    }}\n                </VisxTreemap>\n            </svg>\n        </ResponsiveContainer>\n\n    );\n};\n\nexport default Treemap;\n"],"names":["Treemap","props","parentRef","containerStyle","width","parentWidth","height","parentHeight","useResponsiveParentSize","hovered","setHovered","useState","svgRef","useRef","root","hierarchy","label","value","children","data","sum","d","sort","a","b","tileMethods","treemapSquarify","treemapBinary","treemapDice","treemapResquarify","treemapSlice","treemapSliceDice","style","treemapStyle","paddingInner","undefined","padding","paddingOuter","useImperativeHandle","ref","downloadSVG","current","downloadAsSVG","downloadFileName","downloadPNG","downloadSVGAsPNG","jsx","ResponsiveContainer","VisxTreemap","tileMethod","treemap","spacerSize","fontSize","applyTopSpacer","node","length","parentY0","y0","y1","scale","forEach","child","descendants","filter","n","depth","map","i","nodeId","ancestors","join","Wrapper","animation","motion","g","animProps","getAnimationProps","SingleNode","hover","strokeWidth","opacity","borderRadius","labelPlacement","tooltipBody","onNodeClicked"],"mappings":"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"}

package/dist/visualization.es130.js

@@ -1,178 +1,27 @@
-import { jsx as s, jsxs as g } from "react/jsx-runtime";
-import { c as q } from "react/compiler-runtime";
-import { useRef as B, useState as L, useEffect as F } from "react";
-import { createPortal as J } from "react-dom";
-import Q from "./visualization.es129.js";
-const Y = 94, ee = 90, O = 16, te = 2147483647, T = 440, W = 40, ne = 12, ae = (z) => {
-  const e = q(40);
-  let o, r, a, t;
-  e[0] !== z ? ({
-    onClose: t,
-    containerRef: o,
-    legend: r,
-    ...a
-  } = z, e[0] = z, e[1] = o, e[2] = r, e[3] = a, e[4] = t) : (o = e[1], r = e[2], a = e[3], t = e[4]);
-  const G = B(null), [n, U] = L(null);
-  let _, x;
-  e[5] !== n || e[6] !== o || e[7] !== t ? (_ = () => {
-    const u = (b) => {
-      const l = b.target;
-      o.current?.contains(l) || G.current?.contains(l) || n && l !== n && n.contains(l) || t();
-    }, y = (b) => {
-      b.key === "Escape" && t();
-    };
-    return document.addEventListener("pointerdown", u), document.addEventListener("keydown", y), () => {
-      document.removeEventListener("pointerdown", u), document.removeEventListener("keydown", y);
-    };
-  }, x = [o, t, n], e[5] = n, e[6] = o, e[7] = t, e[8] = _, e[9] = x) : (_ = e[8], x = e[9]), F(_, x);
-  const [i, j] = L(null), [A, $] = L(!1);
-  let v;
-  e[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = () => $(!0), e[10] = v) : v = e[10];
-  const V = v, C = B(null);
-  let w;
-  e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = (u) => {
-    if (C.current?.disconnect(), C.current = null, !u) {
-      j(null);
-      return;
-    }
-    const y = new ResizeObserver((b) => {
-      const [l] = b;
-      if (!l)
-        return;
-      const {
-        width: X,
-        height: Z
-      } = l.contentRect;
-      j({
-        width: Math.floor(X),
-        height: Math.floor(Z)
-      });
-    });
-    y.observe(u), C.current = y;
-  }, e[11] = w) : w = e[11];
-  const K = w, P = Math.min(T, i?.width ?? T);
-  let I, M;
-  e[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (I = {
-    position: "fixed",
-    inset: 0,
-    zIndex: te,
-    background: "rgba(0,0,0,0.45)",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center"
-  }, M = /* @__PURE__ */ s("style", { children: "@keyframes heatmapMiniMapSpinnerRotate { to { transform: rotate(360deg); } }" }), e[12] = I, e[13] = M) : (I = e[12], M = e[13]);
-  let S, E, R;
-  e[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (S = {
-    position: "relative",
-    width: `${Y}vw`,
-    height: `${ee}vh`,
-    boxSizing: "border-box",
-    display: "flex",
-    flexDirection: "column",
-    background: "#fff",
-    border: "1px solid #d5d5d5",
-    borderRadius: 8,
-    boxShadow: "0 8px 32px rgba(0,0,0,0.25)",
-    overflow: "hidden"
-  }, E = {
-    flexShrink: 0,
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "space-between",
-    padding: `10px ${O}px`,
-    background: "#f7f7f8",
-    borderBottom: "1px solid #e5e5e5"
-  }, R = /* @__PURE__ */ s("span", { style: {
-    fontSize: 14,
-    fontWeight: 600,
-    color: "#333"
-  }, children: "Minimap" }), e[14] = S, e[15] = E, e[16] = R) : (S = e[14], E = e[15], R = e[16]);
-  let D;
-  e[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (D = {
-    width: 26,
-    height: 26,
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    padding: 0,
-    border: "none",
-    borderRadius: "50%",
-    background: "#fff",
-    color: "#555",
-    fontSize: 16,
-    lineHeight: 1,
-    cursor: "pointer"
-  }, e[17] = D) : D = e[17];
-  let d;
-  e[18] !== t ? (d = /* @__PURE__ */ g("div", { style: E, children: [
-    R,
-    /* @__PURE__ */ s("button", { type: "button", "aria-label": "Close expanded minimap", onClick: t, style: D, children: "×" })
-  ] }), e[18] = t, e[19] = d) : d = e[19];
-  let k;
-  e[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (k = {
-    flex: 1,
-    minHeight: 0,
-    display: "flex",
-    flexDirection: "column",
-    gap: ne,
-    padding: O
-  }, e[20] = k) : k = e[20];
-  let c;
-  e[21] !== n || e[22] !== r || e[23] !== P ? (c = r && /* @__PURE__ */ s("svg", { width: P, height: W, style: {
-    flexShrink: 0,
-    display: "block",
-    overflow: "visible"
-  }, children: r({
-    width: P,
-    height: W,
-    orientation: "horizontal",
-    overlayContainer: n ?? void 0
-  }) }), e[21] = n, e[22] = r, e[23] = P, e[24] = c) : c = e[24];
-  let H;
-  e[25] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (H = {
-    flex: 1,
-    minHeight: 0,
-    position: "relative"
-  }, e[25] = H) : H = e[25];
-  let f;
-  e[26] !== A ? (f = !A && /* @__PURE__ */ s("div", { "aria-label": "Loading minimap", style: {
-    position: "absolute",
-    inset: 0,
-    zIndex: 1,
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    pointerEvents: "none"
-  }, children: /* @__PURE__ */ s("div", { style: {
-    width: 40,
-    height: 40,
-    borderRadius: "50%",
-    border: "4px solid #e5e5e5",
-    borderTopColor: "#0d0f98",
-    animation: "heatmapMiniMapSpinnerRotate 0.8s linear infinite"
-  } }) }), e[26] = A, e[27] = f) : f = e[27];
-  let h;
-  e[28] !== a || e[29] !== i ? (h = i && i.width > 0 && i.height > 0 && /* @__PURE__ */ s(Q, { ...a, width: i.width, height: i.height, onReady: V }), e[28] = a, e[29] = i, e[30] = h) : h = e[30];
-  let m;
-  e[31] !== f || e[32] !== h ? (m = /* @__PURE__ */ g("div", { ref: K, style: H, children: [
-    f,
-    h
-  ] }), e[31] = f, e[32] = h, e[33] = m) : m = e[33];
-  let p;
-  e[34] !== c || e[35] !== m ? (p = /* @__PURE__ */ g("div", { style: k, children: [
-    c,
-    m
-  ] }), e[34] = c, e[35] = m, e[36] = p) : p = e[36];
-  let N;
-  return e[37] !== d || e[38] !== p ? (N = J(/* @__PURE__ */ g("div", { ref: U, style: I, children: [
-    M,
-    /* @__PURE__ */ g("div", { ref: G, style: S, children: [
-      d,
-      p
-    ] })
-  ] }), document.body), e[37] = d, e[38] = p, e[39] = N) : N = e[39], N;
-};
+import i from "./visualization.es50.js";
+const u = 0.12, r = "none";
+function o(e, l) {
+  const [n, a] = l;
+  return i({
+    range: e,
+    domain: e.map((c, t) => n + t * (a - n) / (e.length - 1)),
+    // Held at the end colors rather than extrapolated past them, which interpolates the RGB channels
+    // out of range into colors that aren't on the gradient at all.
+    clamp: !0
+  });
+}
+const p = (e, l) => !!l && e != null && (e < l[0] || e > l[1]);
+function s(e, l, n = !1) {
+  const a = e == null;
+  return {
+    fill: a || l === void 0 ? r : l,
+    fillOpacity: a ? 0 : n ? u : 1
+  };
+}
 export {
-  ae as default
+  u as DIMMED_OPACITY,
+  o as getHeatmapColorScale,
+  p as isOutsideRange,
+  s as resolveCellAppearance
 };
 //# sourceMappingURL=visualization.es130.js.map