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

package/dist/src/components/Heatmap/scrollable/HeatmapMiniMap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeatmapMiniMap.d.ts","sourceRoot":"","sources":["../../../../../src/components/Heatmap/scrollable/HeatmapMiniMap.tsx"],"names":[],"mappings":"AACA,OAAO,EAAuB,KAAK,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAGnF,MAAM,WAAW,mBAAmB;IAClC,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,yEAAyE;IACzE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAQD,QAAA,MAAM,cAAc,GAAI,oJAcrB,mBAAmB,4CAoIrB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"HeatmapMiniMap.d.ts","sourceRoot":"","sources":["../../../../../src/components/Heatmap/scrollable/HeatmapMiniMap.tsx"],"names":[],"mappings":"AACA,OAAO,EAAuB,KAAK,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAGnF,MAAM,WAAW,mBAAmB;IAClC,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,yEAAyE;IACzE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAQD,QAAA,MAAM,cAAc,GAAI,oJAcrB,mBAAmB,4CAwJrB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/src/components/ScatterPlot/controls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../../../../src/components/ScatterPlot/controls.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAK9C,QAAA,MAAM,cAAc,GAAI,uIAWrB,mBAAmB,4CA0HrB,CAAA;AAED,eAAe,cAAc,CAAC"}
+{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../../../../src/components/ScatterPlot/controls.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAK9C,QAAA,MAAM,cAAc,GAAI,uIAWrB,mBAAmB,4CA8HrB,CAAA;AAED,eAAe,cAAc,CAAC"}

package/dist/src/components/ScatterPlot/minimap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"minimap.d.ts","sourceRoot":"","sources":["../../../../src/components/ScatterPlot/minimap.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAUnC,QAAA,MAAM,OAAO,GAAI,CAAC,EAAG,wEASlB,QAAQ,CAAC,CAAC,CAAC,4CA4Lb,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"minimap.d.ts","sourceRoot":"","sources":["../../../../src/components/ScatterPlot/minimap.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAUnC,QAAA,MAAM,OAAO,GAAI,CAAC,EAAG,wEASlB,QAAQ,CAAC,CAAC,CAAC,4CA+Lb,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/visualization.es10.js

@@ -1,18 +1,18 @@
 import { jsx as m } from "react/jsx-runtime";
 import { useState as N, useRef as P, useImperativeHandle as b } from "react";
-import H from "./visualization.es72.js";
-import { downloadSVGAsPNG as G, downloadAsSVG as I, getAnimationProps as k } from "./visualization.es23.js";
+import H from "./visualization.es66.js";
+import { downloadSVGAsPNG as G, downloadAsSVG as I, getAnimationProps as k } from "./visualization.es24.js";
 import { useResponsiveParentSize as B } from "./visualization.es19.js";
-import W from "./visualization.es73.js";
+import W from "./visualization.es67.js";
 import { ResponsiveContainer as A } from "./visualization.es15.js";
-import C from "./visualization.es74.js";
-import E from "./visualization.es75.js";
-import O from "./visualization.es76.js";
-import T from "./visualization.es77.js";
-import V from "./visualization.es78.js";
-import Y from "./visualization.es79.js";
-import j from "./visualization.es80.js";
-import { motion as q } from "./visualization.es31.js";
+import C from "./visualization.es68.js";
+import E from "./visualization.es69.js";
+import O from "./visualization.es70.js";
+import T from "./visualization.es71.js";
+import V from "./visualization.es72.js";
+import Y from "./visualization.es73.js";
+import j from "./visualization.es74.js";
+import { motion as q } from "./visualization.es29.js";
 const re = (t) => {
   const {
     parentRef: u,

package/dist/visualization.es100.js

@@ -1,226 +1,48 @@
-import { isOutsideRange as z, resolveCellAppearance as tt, DIMMED_OPACITY as nt } from "./visualization.es98.js";
-import { selectionFrame as ot, selectedCellsIn as et } from "./visualization.es99.js";
-const H = (t, n, o) => Math.min(Math.max(t, n), o);
-function Q(t, n, o) {
-  const {
-    xScale: l,
-    cellYScale: i,
-    gap: c,
-    isRect: e,
-    binWidth: a,
-    binHeight: u
-  } = t;
-  if (e)
-    return {
-      isRect: !0,
-      x: l(n),
-      y: i(o) + c,
-      width: a - c,
-      height: u - c
-    };
-  const r = Math.min(a, u) / 2;
-  return {
-    isRect: !1,
-    cx: n * a + a / 2,
-    cy: i(o) + c + r,
-    r: r - c,
-    radius: r
-  };
-}
-function ut(t, n, o, l, i, c) {
-  const {
-    data: e,
-    numRows: a,
-    binWidth: u,
-    binHeight: r,
-    yMax: h
-  } = t;
-  return {
-    colStart: H(Math.floor(n / u) - c, 0, Math.max(0, e.length - 1)),
-    colEnd: H(Math.ceil((n + l) / u) + c, 0, Math.max(0, e.length - 1)),
-    rowStart: H(Math.floor((h - (o + i)) / r) - c, 0, Math.max(0, a - 1)),
-    rowEnd: H(Math.floor((h - o) / r) + c, 0, Math.max(0, a - 1))
-  };
-}
-function ht(t, n, o, l) {
-  const {
-    data: i,
-    colorScale: c,
-    selectedKeys: e,
-    highlightRange: a
-  } = n;
-  let u = null, r = -1;
-  for (let h = o.colStart; h <= o.colEnd; h++) {
-    const y = i[h];
-    if (y)
-      for (let g = o.rowStart; g <= o.rowEnd; g++) {
-        const b = y.rows[g];
-        if (!b) continue;
-        const d = b.count, f = d == null ? void 0 : c(d), p = z(d, a), {
-          fill: E,
-          fillOpacity: R
-        } = tt(d, f, p);
-        if (R <= 0) continue;
-        const s = Q(n, h, g);
-        R !== r && (t.globalAlpha = R, r = R), E !== u && (t.fillStyle = E, u = E);
-        const w = l !== null && l.row === g && l.column === h;
-        if (s.isRect) {
-          const x = Math.max(s.width, 0), m = Math.max(s.height, 0);
-          t.fillRect(s.x, s.y, x, m), w && (t.beginPath(), t.rect(s.x, s.y, x, m));
-        } else
-          t.beginPath(), t.arc(s.cx, s.cy, Math.max(s.r, 0), 0, Math.PI * 2), t.fill();
-        w && (t.globalAlpha = 1, r = 1, t.lineWidth = 2, t.strokeStyle = E, t.stroke());
-      }
-  }
-  if (t.globalAlpha = 1, e) {
-    const h = {
-      colStart: o.colStart - 1,
-      colEnd: o.colEnd + 1,
-      rowStart: o.rowStart - 1,
-      rowEnd: o.rowEnd + 1
-    }, y = {
-      width: i.length * n.binWidth,
-      height: n.yMax
-    };
-    for (const {
-      x: g,
-      y: b,
-      width: d,
-      height: f,
-      fill: p
-    } of ot(e, et(e, h), n, y))
-      t.fillStyle = p, t.fillRect(g, b, d, f);
-  }
-}
-const V = 256;
-let S = null;
-function lt(t) {
-  if (S ??= document.createElement("canvas").getContext("2d", {
-    willReadFrequently: !0
-  }), !S) return [0, 0, 0];
-  S.clearRect(0, 0, 1, 1), S.fillStyle = "#000", S.fillStyle = t, S.fillRect(0, 0, 1, 1);
-  const [n, o, l] = S.getImageData(0, 0, 1, 1).data;
-  return [n, o, l];
-}
-const j = /* @__PURE__ */ new WeakMap(), J = /* @__PURE__ */ new WeakMap();
-function ct(t) {
-  const n = j.get(t.colorScale);
-  if (n) return n;
-  const {
-    colorScale: o,
-    minValue: l,
-    maxValue: i
-  } = t, c = new Uint8ClampedArray(V * 3);
-  for (let e = 0; e < V; e++) {
-    const [a, u, r] = lt(o(l + (i - l) * e / (V - 1)) ?? "#000");
-    c.set([a, u, r], e * 3);
-  }
-  return j.set(t.colorScale, c), c;
-}
-function it(t, n) {
-  const o = J.get(t);
-  if (o && o.length === t.length * n) return o;
-  const l = new Float64Array(t.length * n).fill(NaN);
-  return t.forEach((i, c) => i.rows.forEach((e, a) => {
-    a < n && e.count != null && (l[c * n + a] = e.count);
-  })), J.set(t, l), l;
-}
-function at(t, n, o) {
-  const {
-    data: l,
-    numRows: i,
-    highlightRange: c,
-    minValue: e,
-    maxValue: a
-  } = t, u = l.length;
-  if (u === 0 || i === 0 || n < 1 || o < 1) return null;
-  const r = ct(t), h = it(l, i), y = a - e, [g, b] = c ?? [-1 / 0, 1 / 0], d = new ImageData(n, o), f = d.data, p = (s, w) => Array.from({
-    length: w
-  }, (x, m) => {
-    const A = Math.min(Math.floor(m * s / w), s - 1);
-    return [A, Math.max(A + 1, Math.floor((m + 1) * s / w))];
-  }), E = p(u, n), R = p(i, o);
-  for (let s = 0; s < o; s++) {
-    const [w, x] = R[s];
-    for (let m = 0; m < n; m++) {
-      const [A, Z] = E[m];
-      let T = 0, k = 0, _ = 0, v = 0, L = 0, N = 0, q = 0, B = 0, C = 0;
-      for (let F = A; F < Z; F++) {
-        const $ = F * i;
-        for (let O = w; O < x; O++) {
-          const X = $ + i - 1 - O;
-          L++;
-          const I = h[X];
-          if (I !== I) continue;
-          const P = y > 0 ? Math.round(Math.min(Math.max((I - e) / y, 0), 1) * (V - 1)) * 3 : 0, G = r[P], K = r[P + 1], U = r[P + 2], Y = I >= g && I <= b;
-          Y && c && (N += G, q += K, B += U, C++);
-          const W = Y ? 1 : nt;
-          T += G * W, k += K * W, _ += U * W, v += W;
-        }
-      }
-      const M = (s * n + m) * 4;
-      C > 0 ? (f[M] = N / C, f[M + 1] = q / C, f[M + 2] = B / C, f[M + 3] = 255) : v > 0 && (f[M] = T / v, f[M + 1] = k / v, f[M + 2] = _ / v, f[M + 3] = v / L * 255);
-    }
-  }
-  return d;
-}
-let D = null;
-function ft(t, n) {
-  const {
-    width: o,
-    height: l
-  } = t.canvas;
-  t.setTransform(1, 0, 0, 1, 0, 0), t.clearRect(0, 0, o, l);
-  const i = Math.min(o, n.data.length), c = Math.min(l, n.numRows), e = at(n, i, c);
-  e && (i === o && c === l ? t.putImageData(e, 0, 0) : (D ??= document.createElement("canvas"), D.width = i, D.height = c, D.getContext("2d")?.putImageData(e, 0, 0), t.imageSmoothingEnabled = !1, t.drawImage(D, 0, 0, o, l)));
-}
-function mt(t, n, o) {
-  const {
-    data: l,
-    numRows: i,
-    binWidth: c,
-    binHeight: e,
-    yMax: a
-  } = t;
-  if (n < 0 || o < 0) return null;
-  const u = Math.floor(n / c), r = Math.floor((a - o) / e);
-  return u < 0 || u >= l.length || r < 0 || r >= i || !l[u]?.rows[r] ? null : {
-    row: r,
-    column: u
-  };
-}
-function gt(t, n) {
-  const o = t.data[n.column], l = o?.rows[n.row];
-  if (!o || !l) return null;
-  const i = l.count, c = i == null ? void 0 : t.colorScale(i), e = Q(t, n.column, n.row), a = {
-    bin: l,
-    row: n.row,
-    column: n.column,
-    datum: o,
-    gap: t.gap,
-    count: i,
-    color: c,
-    opacity: i == null ? void 0 : 1
-  };
-  return e.isRect ? {
-    ...a,
-    x: e.x,
-    y: e.y,
-    width: e.width,
-    height: e.height
-  } : {
-    ...a,
-    cx: e.cx,
-    cy: e.cy,
-    r: e.r,
-    radius: e.radius
-  };
+import { jsxs as E, jsx as b } from "react/jsx-runtime";
+import { c as $ } from "react/compiler-runtime";
+import v from "./visualization.es28.js";
+const H = (u) => {
+  const t = $(15), {
+    pointData: x,
+    xScaleTransformed: a,
+    yScaleTransformed: f,
+    boundedWidth: n,
+    boundedHeight: l,
+    margin: o
+  } = u;
+  if (!x.some(z))
+    return null;
+  const T = o.top, j = o.left;
+  let s;
+  if (t[0] !== l || t[1] !== n || t[2] !== x || t[3] !== a || t[4] !== f) {
+    let m;
+    t[6] !== l || t[7] !== n || t[8] !== a || t[9] !== f ? (m = (r, k) => {
+      if (!r.label)
+        return null;
+      const c = a(r.x), i = f(r.y);
+      if (c < 0 || c > n || i < 0 || i > l)
+        return null;
+      const p = r.label.length * 7, y = r.r ?? 3, g = Math.atan2(i - l / 2, c - n / 2);
+      let e = Math.cos(g), d = Math.sin(g);
+      const W = c + e * 15, A = e >= 0 ? W + 4 + p : W - 4 - p;
+      (A > n || A < 0) && (e = -e);
+      const M = i + d * 15;
+      (M < 0 || M > l) && (d = -d);
+      const R = c + e * 15, S = i + d * 15, w = e >= 0 ? "start" : "end";
+      return /* @__PURE__ */ E("g", { pointerEvents: "none", children: [
+        /* @__PURE__ */ b("line", { x1: c + e * y, y1: i + d * y, x2: R, y2: S, stroke: "#555", strokeWidth: 1 }),
+        /* @__PURE__ */ b("text", { x: R + (e >= 0 ? 4 : -4), y: S, textAnchor: w, dominantBaseline: "middle", fontSize: 11, fontWeight: "bold", fill: "#1c1917", children: r.label })
+      ] }, `lbl-${k}`);
+    }, t[6] = l, t[7] = n, t[8] = a, t[9] = f, t[10] = m) : m = t[10], s = x.map(m), t[0] = l, t[1] = n, t[2] = x, t[3] = a, t[4] = f, t[5] = s;
+  } else
+    s = t[5];
+  let h;
+  return t[11] !== o.left || t[12] !== o.top || t[13] !== s ? (h = /* @__PURE__ */ b(v, { top: T, left: j, children: s }), t[11] = o.left, t[12] = o.top, t[13] = s, t[14] = h) : h = t[14], h;
+};
+function z(u) {
+  return u.label;
 }
 export {
-  gt as buildBin,
-  ht as drawHeatmapCells,
-  ft as drawHeatmapOverview,
-  ut as getVisibleRange,
-  mt as hitTestCell
+  H as default
 };
 //# sourceMappingURL=visualization.es100.js.map

package/dist/visualization.es100.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es100.js","sources":["../src/components/Heatmap/HeatmapCanvasCells.ts"],"sourcesContent":["import type { ColumnDatum, HeatmapCellId } from \"./types\";\nimport type { AnyBin } from \"./HeatmapCells\";\nimport { DIMMED_OPACITY, isOutsideRange, resolveCellAppearance } from \"./heatmapCellAppearance\";\nimport { selectedCellsIn, selectionFrame, type SelectionMarks } from \"./heatmapSelection\";\n\n/** What the canvas renderers and hit-testing need to place and color cells as the SVG renderer does. */\nexport interface CanvasCellParams {\n  data: ColumnDatum[];\n  numRows: number;\n  xScale: (column: number) => number;\n  cellYScale: (row: number) => number;\n  colorScale: (count: number) => string | undefined;\n  /** The counts colorScale spans, which the overview samples it across. */\n  minValue: number;\n  maxValue: number;\n  gap: number;\n  isRect: boolean;\n  binWidth: number;\n  binHeight: number;\n  yMax: number;\n  /** The selected cells' keys, which the grid frames; null where nothing is selected. */\n  selectedKeys: Set<string> | null;\n  /** The columns and rows holding the selection, which the minimap marks along its edges. */\n  selectionMarks: SelectionMarks;\n  highlightRange: [number, number] | null;\n}\n\nexport interface CanvasDrawRange {\n  colStart: number;\n  colEnd: number;\n  rowStart: number;\n  rowEnd: number;\n}\n\nconst clamp = (value: number, min: number, max: number) => Math.min(Math.max(value, min), max);\n\n// Mirrors @visx/heatmap's HeatmapRect/HeatmapCircle geometry, so canvas cells land on the pixels SVG\n// cells would. A circle's x is centered in its cell, as HeatmapCell.tsx recomputes it.\ntype CellGeometry =\n  | { isRect: true; x: number; y: number; width: number; height: number }\n  | { isRect: false; cx: number; cy: number; r: number; radius: number };\n\nfunction getCellGeometry(params: CanvasCellParams, col: number, row: number): CellGeometry {\n  const { xScale, cellYScale, gap, isRect, binWidth, binHeight } = params;\n  if (isRect) {\n    return { isRect: true, x: xScale(col), y: cellYScale(row) + gap, width: binWidth - gap, height: binHeight - gap };\n  }\n  const radius = Math.min(binWidth, binHeight) / 2;\n  return { isRect: false, cx: col * binWidth + binWidth / 2, cy: cellYScale(row) + gap + radius, r: radius - gap, radius };\n}\n\n/**\n * The columns and rows (inclusive) within the scrolled viewport, plus `overscan` either side. Row 0\n * is at the bottom, so the row under content y is floor((yMax - y) / binHeight).\n */\nexport function getVisibleRange(\n  params: CanvasCellParams,\n  scrollLeft: number,\n  scrollTop: number,\n  viewportWidth: number,\n  viewportHeight: number,\n  overscan: number\n): CanvasDrawRange {\n  const { data, numRows, binWidth, binHeight, yMax } = params;\n  return {\n    colStart: clamp(Math.floor(scrollLeft / binWidth) - overscan, 0, Math.max(0, data.length - 1)),\n    colEnd: clamp(Math.ceil((scrollLeft + viewportWidth) / binWidth) + overscan, 0, Math.max(0, data.length - 1)),\n    rowStart: clamp(Math.floor((yMax - (scrollTop + viewportHeight)) / binHeight) - overscan, 0, Math.max(0, numRows - 1)),\n    rowEnd: clamp(Math.floor((yMax - scrollTop) / binHeight) + overscan, 0, Math.max(0, numRows - 1)),\n  };\n}\n\n/** Paints the cells in `range` onto `ctx`, whose origin is already at content-space (0,0), and the selection's frame over them. */\nexport function drawHeatmapCells(\n  ctx: CanvasRenderingContext2D,\n  params: CanvasCellParams,\n  range: CanvasDrawRange,\n  hoveredCell: HeatmapCellId | null\n) {\n  const { data, colorScale, selectedKeys, highlightRange } = params;\n  // Setting fillStyle re-parses the color even when unchanged, so repeats are skipped: an export\n  // runs this for every cell. A path is built only for the hovered cell, to stroke its outline.\n  let lastFill: string | null = null;\n  let lastAlpha = -1;\n  for (let col = range.colStart; col <= range.colEnd; col++) {\n    const columnDatum = data[col];\n    if (!columnDatum) continue;\n    for (let row = range.rowStart; row <= range.rowEnd; row++) {\n      const rowDatum = columnDatum.rows[row];\n      if (!rowDatum) continue;\n      const count = rowDatum.count;\n      const color = count == null ? undefined : colorScale(count);\n      const isDimmed = isOutsideRange(count, highlightRange);\n      const { fill, fillOpacity } = resolveCellAppearance(count, color, isDimmed);\n      if (fillOpacity <= 0) continue;\n\n      const geometry = getCellGeometry(params, col, row);\n      if (fillOpacity !== lastAlpha) {\n        ctx.globalAlpha = fillOpacity;\n        lastAlpha = fillOpacity;\n      }\n      if (fill !== lastFill) {\n        ctx.fillStyle = fill;\n        lastFill = fill;\n      }\n\n      const isHovered = hoveredCell !== null && hoveredCell.row === row && hoveredCell.column === col;\n      if (geometry.isRect) {\n        const width = Math.max(geometry.width, 0);\n        const height = Math.max(geometry.height, 0);\n        ctx.fillRect(geometry.x, geometry.y, width, height);\n        if (isHovered) {\n          ctx.beginPath();\n          ctx.rect(geometry.x, geometry.y, width, height);\n        }\n      } else {\n        ctx.beginPath();\n        ctx.arc(geometry.cx, geometry.cy, Math.max(geometry.r, 0), 0, Math.PI * 2);\n        ctx.fill();\n      }\n\n      if (isHovered) {\n        ctx.globalAlpha = 1;\n        lastAlpha = 1;\n        ctx.lineWidth = 2;\n        ctx.strokeStyle = fill;\n        ctx.stroke();\n      }\n    }\n  }\n  ctx.globalAlpha = 1;\n\n  if (selectedKeys) {\n    // Past the range by a cell, so the frame's line for a selected cell just outside it still shows.\n    const around = {\n      colStart: range.colStart - 1,\n      colEnd: range.colEnd + 1,\n      rowStart: range.rowStart - 1,\n      rowEnd: range.rowEnd + 1,\n    };\n    const bounds = { width: data.length * params.binWidth, height: params.yMax };\n    for (const { x, y, width, height, fill } of selectionFrame(selectedKeys, selectedCellsIn(selectedKeys, around), params, bounds)) {\n      ctx.fillStyle = fill;\n      ctx.fillRect(x, y, width, height);\n    }\n  }\n}\n\n// Colors sampled from colorScale for the overview, which looks them up rather than calling it per cell.\nconst OVERVIEW_LEVELS = 256;\n\nlet colorParser: CanvasRenderingContext2D | null = null;\n/** Any CSS color as RGB, read back off a 1px canvas, so a color the browser understands is one this does. */\nfunction parseColor(css: string): [number, number, number] {\n  colorParser ??= document.createElement(\"canvas\").getContext(\"2d\", { willReadFrequently: true });\n  if (!colorParser) return [0, 0, 0];\n  colorParser.clearRect(0, 0, 1, 1);\n  colorParser.fillStyle = \"#000\";\n  colorParser.fillStyle = css;\n  colorParser.fillRect(0, 0, 1, 1);\n  const [r, g, b] = colorParser.getImageData(0, 0, 1, 1).data;\n  return [r, g, b];\n}\n\n// Keyed on identities the layout memoizes, which a highlight sweep leaves alone.\nconst lutCache = new WeakMap<object, Uint8ClampedArray>();\nconst countsCache = new WeakMap<ColumnDatum[], Float64Array>();\n\nfunction colorLut(params: CanvasCellParams): Uint8ClampedArray {\n  const cached = lutCache.get(params.colorScale);\n  if (cached) return cached;\n  const { colorScale, minValue, maxValue } = params;\n  const lut = new Uint8ClampedArray(OVERVIEW_LEVELS * 3);\n  for (let i = 0; i < OVERVIEW_LEVELS; i++) {\n    const [r, g, b] = parseColor(colorScale(minValue + ((maxValue - minValue) * i) / (OVERVIEW_LEVELS - 1)) ?? \"#000\");\n    lut.set([r, g, b], i * 3);\n  }\n  lutCache.set(params.colorScale, lut);\n  return lut;\n}\n\n/** Every count in one column-major array, NaN where there is none: several times faster to scan than the row objects. */\nfunction flatCounts(data: ColumnDatum[], numRows: number): Float64Array {\n  const cached = countsCache.get(data);\n  if (cached && cached.length === data.length * numRows) return cached;\n  const counts = new Float64Array(data.length * numRows).fill(NaN);\n  data.forEach((column, c) =>\n    column.rows.forEach((row, r) => {\n      if (r < numRows && row.count != null) counts[c * numRows + r] = row.count;\n    })\n  );\n  countsCache.set(data, counts);\n  return counts;\n}\n\n/**\n * The whole grid resampled to `width` x `height` pixels for the minimap, written straight into an\n * ImageData: a fillRect per cell took ~400ms on a million-cell grid.\n *\n * Each pixel averages the cells under it. While highlightRange is set, a pixel holding any cell in\n * the range shows those cells alone at full strength, so a lone outlier isn't averaged away. Cells\n * are drawn as solid squares, without gaps, circles or the selection frame - the minimap marks the\n * selection along its edges instead.\n */\nfunction renderHeatmapOverview(params: CanvasCellParams, width: number, height: number): ImageData | null {\n  const { data, numRows, highlightRange, minValue, maxValue } = params;\n  const numColumns = data.length;\n  if (numColumns === 0 || numRows === 0 || width < 1 || height < 1) return null;\n\n  const lut = colorLut(params);\n  const counts = flatCounts(data, numRows);\n  const span = maxValue - minValue;\n  // With no range, every cell is inside it: nothing fades and nothing is singled out.\n  const [low, high] = highlightRange ?? [-Infinity, Infinity];\n  const image = new ImageData(width, height);\n  const pixels = image.data;\n\n  // The run of columns (rows) each pixel column (row) covers: at least one, and between them every one.\n  const spans = (cells: number, size: number) =>\n    Array.from({ length: size }, (_, i) => {\n      const start = Math.min(Math.floor((i * cells) / size), cells - 1);\n      return [start, Math.max(start + 1, Math.floor(((i + 1) * cells) / size))] as const;\n    });\n  const columnSpans = spans(numColumns, width);\n  // From the top down, where row 0 sits at the bottom of the grid (see cellYScale).\n  const rowSpans = spans(numRows, height);\n\n  // Scalars and typed arrays only in here: it runs once per cell per redraw.\n  for (let y = 0; y < height; y++) {\n    const [rowFrom, rowTo] = rowSpans[y];\n    for (let x = 0; x < width; x++) {\n      const [columnFrom, columnTo] = columnSpans[x];\n      // Opacity-weighted sums over every cell, and plain sums over the highlighted ones.\n      let r = 0, g = 0, b = 0, a = 0, cells = 0;\n      let hr = 0, hg = 0, hb = 0, highlighted = 0;\n      for (let column = columnFrom; column < columnTo; column++) {\n        const base = column * numRows;\n        for (let fromTop = rowFrom; fromTop < rowTo; fromTop++) {\n          const index = base + numRows - 1 - fromTop;\n          cells++;\n          const count = counts[index];\n          if (count !== count) continue; // NaN: transparent, as a null cell is drawn nowhere.\n          // Held at the ends, as the color scale itself clamps.\n          const level = span > 0 ? Math.round(Math.min(Math.max((count - minValue) / span, 0), 1) * (OVERVIEW_LEVELS - 1)) * 3 : 0;\n          const cr = lut[level], cg = lut[level + 1], cb = lut[level + 2];\n          // isOutsideRange, inlined.\n          const inRange = count >= low && count <= high;\n          if (inRange && highlightRange) {\n            hr += cr; hg += cg; hb += cb; highlighted++;\n          }\n          const opacity = inRange ? 1 : DIMMED_OPACITY;\n          r += cr * opacity; g += cg * opacity; b += cb * opacity; a += opacity;\n        }\n      }\n      const offset = (y * width + x) * 4;\n      if (highlighted > 0) {\n        pixels[offset] = hr / highlighted;\n        pixels[offset + 1] = hg / highlighted;\n        pixels[offset + 2] = hb / highlighted;\n        pixels[offset + 3] = 255;\n      } else if (a > 0) {\n        pixels[offset] = r / a;\n        pixels[offset + 1] = g / a;\n        pixels[offset + 2] = b / a;\n        pixels[offset + 3] = (a / cells) * 255;\n      }\n    }\n  }\n  return image;\n}\n\nlet overviewScratch: HTMLCanvasElement | null = null;\n\n/**\n * The whole grid, filling the canvas. Rendered at no more than a pixel per cell and stretched\n * nearest-neighbor from there: resampling every pixel of the expanded minimap took over 100ms.\n */\nexport function drawHeatmapOverview(ctx: CanvasRenderingContext2D, params: CanvasCellParams) {\n  const { width, height } = ctx.canvas;\n  ctx.setTransform(1, 0, 0, 1, 0, 0);\n  ctx.clearRect(0, 0, width, height);\n  const overviewWidth = Math.min(width, params.data.length);\n  const overviewHeight = Math.min(height, params.numRows);\n  const overview = renderHeatmapOverview(params, overviewWidth, overviewHeight);\n  if (!overview) return;\n  if (overviewWidth === width && overviewHeight === height) {\n    ctx.putImageData(overview, 0, 0);\n  } else {\n    overviewScratch ??= document.createElement(\"canvas\");\n    overviewScratch.width = overviewWidth;\n    overviewScratch.height = overviewHeight;\n    overviewScratch.getContext(\"2d\")?.putImageData(overview, 0, 0);\n    ctx.imageSmoothingEnabled = false;\n    ctx.drawImage(overviewScratch, 0, 0, width, height);\n  }\n}\n\n/** Content-space (post-scroll-offset) coordinates -> the cell under them, or null if none. */\nexport function hitTestCell(params: CanvasCellParams, contentX: number, contentY: number): HeatmapCellId | null {\n  const { data, numRows, binWidth, binHeight, yMax } = params;\n  if (contentX < 0 || contentY < 0) return null;\n  const column = Math.floor(contentX / binWidth);\n  const row = Math.floor((yMax - contentY) / binHeight);\n  if (column < 0 || column >= data.length || row < 0 || row >= numRows) return null;\n  if (!data[column]?.rows[row]) return null;\n  return { row, column };\n}\n\n/** Builds the same bin shape @visx/heatmap's RectCell/CircleCell provide, for onClick/tooltipBody. */\nexport function buildBin(params: CanvasCellParams, cell: HeatmapCellId): AnyBin | null {\n  const columnDatum = params.data[cell.column];\n  const rowDatum = columnDatum?.rows[cell.row];\n  if (!columnDatum || !rowDatum) return null;\n\n  const count = rowDatum.count;\n  const color = count == null ? undefined : params.colorScale(count);\n  const geometry = getCellGeometry(params, cell.column, cell.row);\n  const shared = { bin: rowDatum, row: cell.row, column: cell.column, datum: columnDatum, gap: params.gap, count, color, opacity: count == null ? undefined : 1 };\n\n  return geometry.isRect\n    ? ({ ...shared, x: geometry.x, y: geometry.y, width: geometry.width, height: geometry.height } as AnyBin)\n    : ({ ...shared, cx: geometry.cx, cy: geometry.cy, r: geometry.r, radius: geometry.radius } as AnyBin);\n}\n"],"names":["clamp","value","min","max","Math","getCellGeometry","params","col","row","xScale","cellYScale","gap","isRect","binWidth","binHeight","x","y","width","height","radius","cx","cy","r","getVisibleRange","scrollLeft","scrollTop","viewportWidth","viewportHeight","overscan","data","numRows","yMax","colStart","floor","length","colEnd","ceil","rowStart","rowEnd","drawHeatmapCells","ctx","range","hoveredCell","colorScale","selectedKeys","highlightRange","lastFill","lastAlpha","columnDatum","rowDatum","rows","count","color","undefined","isDimmed","isOutsideRange","fill","fillOpacity","resolveCellAppearance","geometry","globalAlpha","fillStyle","isHovered","column","fillRect","beginPath","rect","arc","PI","lineWidth","strokeStyle","stroke","around","bounds","selectionFrame","selectedCellsIn","OVERVIEW_LEVELS","colorParser","parseColor","css","document","createElement","getContext","willReadFrequently","clearRect","g","b","getImageData","lutCache","WeakMap","countsCache","colorLut","cached","get","minValue","maxValue","lut","Uint8ClampedArray","i","set","flatCounts","counts","Float64Array","NaN","forEach","c","renderHeatmapOverview","numColumns","span","low","high","Infinity","image","ImageData","pixels","spans","cells","size","Array","from","_","start","columnSpans","rowSpans","rowFrom","rowTo","columnFrom","columnTo","a","hr","hg","hb","highlighted","base","fromTop","index","level","round","cr","cg","cb","inRange","opacity","DIMMED_OPACITY","offset","overviewScratch","drawHeatmapOverview","canvas","setTransform","overviewWidth","overviewHeight","overview","putImageData","imageSmoothingEnabled","drawImage","hitTestCell","contentX","contentY","buildBin","cell","shared","bin","datum"],"mappings":"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"}
+{"version":3,"file":"visualization.es100.js","sources":["../src/components/ScatterPlot/PointLabels.tsx"],"sourcesContent":["import React from \"react\";\nimport { Group } from \"@visx/group\";\nimport { ScaleLinear } from \"@visx/vendor/d3-scale\";\nimport { Point } from \"./types\";\n\ntype PointLabelsProps<T extends object> = {\n    pointData: Point<T>[];\n    xScaleTransformed: ScaleLinear<number, number, never>;\n    yScaleTransformed: ScaleLinear<number, number, never>;\n    boundedWidth: number;\n    boundedHeight: number;\n    margin: { top: number; left: number };\n};\n\nconst PointLabels = <T extends object>({\n    pointData,\n    xScaleTransformed,\n    yScaleTransformed,\n    boundedWidth,\n    boundedHeight,\n    margin,\n}: PointLabelsProps<T>) => {\n    if (!pointData.some(p => p.label)) return null;\n\n    return (\n        <Group top={margin.top} left={margin.left}>\n            {pointData.map((point, i) => {\n                if (!point.label) return null;\n                const cx = xScaleTransformed(point.x);\n                const cy = yScaleTransformed(point.y);\n                if (cx < 0 || cx > boundedWidth || cy < 0 || cy > boundedHeight) return null;\n\n                const lineLen = 15;\n                const estTextWidth = point.label.length * 7;\n                const circleR = (point.r ?? 3);\n                const angle = Math.atan2(cy - boundedHeight / 2, cx - boundedWidth / 2);\n                let cosA = Math.cos(angle);\n                let sinA = Math.sin(angle);\n\n                // Flip horizontal if text would overflow left/right\n                const lxRaw = cx + cosA * lineLen;\n                const textEndX = cosA >= 0 ? lxRaw + 4 + estTextWidth : lxRaw - 4 - estTextWidth;\n                if (textEndX > boundedWidth || textEndX < 0) cosA = -cosA;\n\n                // Flip vertical if line endpoint would overflow top/bottom\n                const lyRaw = cy + sinA * lineLen;\n                if (lyRaw < 0 || lyRaw > boundedHeight) sinA = -sinA;\n\n                const lx = cx + cosA * lineLen;\n                const ly = cy + sinA * lineLen;\n                const anchor = cosA >= 0 ? \"start\" : \"end\";\n\n                return (\n                    <g key={`lbl-${i}`} pointerEvents=\"none\">\n                        <line x1={cx + cosA * circleR} y1={cy + sinA * circleR} x2={lx} y2={ly} stroke=\"#555\" strokeWidth={1} />\n                        <text x={lx + (cosA >= 0 ? 4 : -4)} y={ly} textAnchor={anchor} dominantBaseline=\"middle\" fontSize={11} fontWeight=\"bold\" fill=\"#1c1917\">\n                            {point.label}\n                        </text>\n                    </g>\n                );\n            })}\n        </Group>\n    );\n};\n\nexport default PointLabels;\n"],"names":["PointLabels","t0","$","_c","pointData","xScaleTransformed","yScaleTransformed","boundedWidth","boundedHeight","margin","some","_temp","t1","top","t2","left","t3","t4","point","i","label","cx","x","cy","y","estTextWidth","length","circleR","r","angle","Math","atan2","cosA","cos","sinA","sin","lxRaw","textEndX","lyRaw","lx","ly","anchor","jsxs","jsx","map","Group","p"],"mappings":"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"}

package/dist/visualization.es101.js

@@ -1,21 +1,79 @@
-import { jsx as i } from "react/jsx-runtime";
-import { c as p } from "react/compiler-runtime";
-import { SELECTION_COLOR as f } from "./visualization.es99.js";
-const m = 6, n = 4, u = ($) => {
-  const t = p(6), {
-    axis: r,
-    marked: s,
-    scale: l
-  } = $;
-  let e;
-  t[0] !== s ? (e = [...s], t[0] = s, t[1] = e) : e = t[1];
+import { jsx as l, jsxs as F, Fragment as B } from "react/jsx-runtime";
+import { c as D } from "react/compiler-runtime";
+import { useId as E } from "react";
+import J from "./visualization.es27.js";
+import K from "./visualization.es28.js";
+const U = (M) => {
+  const e = D(49), {
+    backgroundGradient: y,
+    boundedHeight: t,
+    barLeft: W,
+    marginTop: _
+  } = M, w = E();
+  let p;
+  if (e[0] !== w) {
+    let G;
+    e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (G = /:/g, e[2] = G) : G = e[2], p = w.replace(G, ""), e[0] = w, e[1] = p;
+  } else
+    p = e[1];
+  const g = `sg-${p}`;
+  let b;
+  e[3] !== y.colorScale ? (b = y.colorScale ?? ["red", "white", "blue"], e[3] = y.colorScale, e[4] = b) : b = e[4];
+  const [C, $, j] = b, {
+    label: k,
+    minLabel: S,
+    midLabel: q,
+    maxLabel: u
+  } = y.legend;
   let o;
-  return t[2] !== r || t[3] !== l || t[4] !== e ? (o = /* @__PURE__ */ i("g", { fill: f, pointerEvents: "none", children: e.map((c) => {
-    const a = l(c + 0.5);
-    return /* @__PURE__ */ i("path", { d: r === "column" ? `M${a},1 l${n},${m} h${-2 * n} z` : `M-1,${a} l${-m},${-n} v${2 * n} z` }, c);
-  }) }), t[2] = r, t[3] = l, t[4] = e, t[5] = o) : o = t[5], o;
+  e[5] !== j ? (o = /* @__PURE__ */ l("stop", { offset: "0%", stopColor: j }), e[5] = j, e[6] = o) : o = e[6];
+  let i;
+  e[7] !== $ ? (i = /* @__PURE__ */ l("stop", { offset: "50%", stopColor: $ }), e[7] = $, e[8] = i) : i = e[8];
+  let r;
+  e[9] !== C ? (r = /* @__PURE__ */ l("stop", { offset: "100%", stopColor: C }), e[9] = C, e[10] = r) : r = e[10];
+  let s;
+  e[11] !== g || e[12] !== o || e[13] !== i || e[14] !== r ? (s = /* @__PURE__ */ l("defs", { children: /* @__PURE__ */ F("linearGradient", { id: g, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+    o,
+    i,
+    r
+  ] }) }), e[11] = g, e[12] = o, e[13] = i, e[14] = r, e[15] = s) : s = e[15];
+  const A = `url(#${g})`;
+  let n;
+  e[16] !== t || e[17] !== A ? (n = /* @__PURE__ */ l("rect", { x: 0, y: 0, width: 16, height: t, fill: A, stroke: "#aaa", strokeWidth: 0.5 }), e[16] = t, e[17] = A, e[18] = n) : n = e[18];
+  let L;
+  e[19] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (L = /* @__PURE__ */ l("line", { x1: 16, x2: 22, y1: 0, y2: 0, stroke: "#555", strokeWidth: 1 }), e[19] = L) : L = e[19];
+  const H = t / 2, I = t / 2;
+  let c;
+  e[20] !== H || e[21] !== I ? (c = /* @__PURE__ */ l("line", { x1: 16, x2: 22, y1: H, y2: I, stroke: "#555", strokeWidth: 1 }), e[20] = H, e[21] = I, e[22] = c) : c = e[22];
+  let f;
+  e[23] !== t ? (f = /* @__PURE__ */ l("line", { x1: 16, x2: 22, y1: t, y2: t, stroke: "#555", strokeWidth: 1 }), e[23] = t, e[24] = f) : f = e[24];
+  let d;
+  e[25] !== u ? (d = u && /* @__PURE__ */ l("text", { x: 26, y: 0, dy: "0.35em", fontSize: 10, fill: "#1c1917", children: u }), e[25] = u, e[26] = d) : d = e[26];
+  const T = t / 2, v = q ?? "0";
+  let a;
+  e[27] !== T || e[28] !== v ? (a = /* @__PURE__ */ l("text", { x: 26, y: T, dy: "0.35em", fontSize: 10, fill: "#1c1917", children: v }), e[27] = T, e[28] = v, e[29] = a) : a = e[29];
+  let m;
+  e[30] !== t || e[31] !== S ? (m = S && /* @__PURE__ */ l("text", { x: 26, y: t, dy: "0.35em", fontSize: 10, fill: "#1c1917", children: S }), e[30] = t, e[31] = S, e[32] = m) : m = e[32];
+  let x;
+  e[33] !== t || e[34] !== k ? (x = k && /* @__PURE__ */ l(J, { textAnchor: "middle", verticalAnchor: "end", angle: 90, fontSize: 14, y: t / 2, x: 0, dx: 65, children: k }), e[33] = t, e[34] = k, e[35] = x) : x = e[35];
+  let h;
+  e[36] !== W || e[37] !== _ || e[38] !== c || e[39] !== f || e[40] !== d || e[41] !== a || e[42] !== m || e[43] !== x || e[44] !== n ? (h = /* @__PURE__ */ F(K, { top: _, left: W, children: [
+    n,
+    L,
+    c,
+    f,
+    d,
+    a,
+    m,
+    x
+  ] }), e[36] = W, e[37] = _, e[38] = c, e[39] = f, e[40] = d, e[41] = a, e[42] = m, e[43] = x, e[44] = n, e[45] = h) : h = e[45];
+  let z;
+  return e[46] !== h || e[47] !== s ? (z = /* @__PURE__ */ F(B, { children: [
+    s,
+    h
+  ] }), e[46] = h, e[47] = s, e[48] = z) : z = e[48], z;
 };
 export {
-  u as default
+  U as default
 };
 //# sourceMappingURL=visualization.es101.js.map

package/dist/visualization.es101.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es101.js","sources":["../src/components/Heatmap/HeatmapSelectionPointers.tsx"],"sourcesContent":["import { SELECTION_COLOR } from \"./heatmapSelection\";\n\n/** How far a pointer reaches from the grid, and half its width. */\nconst POINTER_LENGTH = 6;\nconst POINTER_HALF_WIDTH = 4;\n\ninterface HeatmapSelectionPointersProps {\n  axis: \"column\" | \"row\";\n  /** The columns or rows holding the selection - see selectionMarks. */\n  marked: Set<number>;\n  /** The axis's scale, from a column or row index to its place along the grid. */\n  scale: (value: number) => number;\n}\n\n/**\n * A pointer at the tick of each column or row holding the selection, pointing up at a column from\n * below the grid and right at a row from its left. Drawn in the axis's coordinates, so it scrolls\n * and exports with the axis.\n */\nconst HeatmapSelectionPointers = ({ axis, marked, scale }: HeatmapSelectionPointersProps) => (\n  <g fill={SELECTION_COLOR} pointerEvents=\"none\">\n    {[...marked].map((index) => {\n      const at = scale(index + 0.5);\n      return (\n        <path\n          key={index}\n          d={\n            axis === \"column\"\n              ? `M${at},1 l${POINTER_HALF_WIDTH},${POINTER_LENGTH} h${-2 * POINTER_HALF_WIDTH} z`\n              : `M-1,${at} l${-POINTER_LENGTH},${-POINTER_HALF_WIDTH} v${2 * POINTER_HALF_WIDTH} z`\n          }\n        />\n      );\n    })}\n  </g>\n);\n\nexport default HeatmapSelectionPointers;\n"],"names":["POINTER_LENGTH","POINTER_HALF_WIDTH","HeatmapSelectionPointers","t0","$","_c","axis","marked","scale","t1","t2","SELECTION_COLOR","map","index","at","jsx"],"mappings":";;;AAGA,MAAMA,IAAiB,GACjBC,IAAqB,GAerBC,IAA2BC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAC;AAAA,IAAAC,MAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,OAAAA;AAAAA,EAAAA,IAAAL;AAAsD,MAAAM;AAAA,EAAAL,SAAAG,KAEnFE,IAAA,CAAA,GAAIF,CAAM,GAACH,OAAAG,GAAAH,OAAAK,KAAAA,IAAAL,EAAA,CAAA;AAAA,MAAAM;AAAA,SAAAN,EAAA,CAAA,MAAAE,KAAAF,SAAAI,KAAAJ,EAAA,CAAA,MAAAK,KADdC,6BAASC,MAAAA,GAA+B,eAAA,QACrCF,UAAAA,EAAWG,IAAKC,CAAAA,MAAA;AACf,UAAAC,IAAWN,EAAMK,IAAQ,GAAG;AAAE,WAE5B,gBAAAE,YAGI,GAAAT,MAAS,WAAT,IACQQ,CAAE,OAAOb,CAAkB,IAAID,CAAc,KAAK,KAAKC,CAAkB,OADjF,OAEWa,CAAE,KAAK,CAACd,CAAc,IAAI,CAACC,CAAkB,KAAK,IAAIA,CAAkB,KAAA,GAJhFY,CAIoF;AAAA,EAEzF,CAEL,EAAA,CACH,GAAIT,OAAAE,GAAAF,OAAAI,GAAAJ,OAAAK,GAAAL,OAAAM,KAAAA,IAAAN,EAAA,CAAA,GAdJM;AAcI;"}
+{"version":3,"file":"visualization.es101.js","sources":["../src/components/ScatterPlot/GradientLegend.tsx"],"sourcesContent":["import React, { useId } from \"react\";\nimport { Group } from \"@visx/group\";\nimport { Text } from \"@visx/text\";\nimport { BackgroundGradient } from \"./types\";\n\ntype GradientLegendProps = {\n    backgroundGradient: BackgroundGradient;\n    boundedHeight: number;\n    barLeft: number;\n    marginTop: number;\n};\n\nconst GradientLegend = ({ backgroundGradient, boundedHeight, barLeft, marginTop }: GradientLegendProps) => {\n    const gradId = `sg-${useId().replace(/:/g, \"\")}`;\n    const [colorLow, colorMid, colorHigh] = backgroundGradient.colorScale ?? [\"red\", \"white\", \"blue\"];\n    const { label, minLabel, midLabel, maxLabel } = backgroundGradient.legend!;\n\n    return (\n        <>\n            <defs>\n                <linearGradient id={gradId} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                    <stop offset=\"0%\" stopColor={colorHigh} />\n                    <stop offset=\"50%\" stopColor={colorMid} />\n                    <stop offset=\"100%\" stopColor={colorLow} />\n                </linearGradient>\n            </defs>\n            <Group top={marginTop} left={barLeft}>\n                <rect x={0} y={0} width={16} height={boundedHeight} fill={`url(#${gradId})`} stroke=\"#aaa\" strokeWidth={0.5} />\n                <line x1={16} x2={22} y1={0} y2={0} stroke=\"#555\" strokeWidth={1} />\n                <line x1={16} x2={22} y1={boundedHeight / 2} y2={boundedHeight / 2} stroke=\"#555\" strokeWidth={1} />\n                <line x1={16} x2={22} y1={boundedHeight} y2={boundedHeight} stroke=\"#555\" strokeWidth={1} />\n                {maxLabel && <text x={26} y={0} dy=\"0.35em\" fontSize={10} fill=\"#1c1917\">{maxLabel}</text>}\n                <text x={26} y={boundedHeight / 2} dy=\"0.35em\" fontSize={10} fill=\"#1c1917\">{midLabel ?? \"0\"}</text>\n                {minLabel && <text x={26} y={boundedHeight} dy=\"0.35em\" fontSize={10} fill=\"#1c1917\">{minLabel}</text>}\n                {label && (\n                    <Text textAnchor=\"middle\" verticalAnchor=\"end\" angle={90} fontSize={14} y={boundedHeight / 2} x={0} dx={65}>\n                        {label}\n                    </Text>\n                )}\n            </Group>\n        </>\n    );\n};\n\nexport default GradientLegend;\n"],"names":["GradientLegend","t0","$","_c","backgroundGradient","boundedHeight","barLeft","marginTop","t1","useId","t2","t3","Symbol","for","replace","gradId","colorScale","colorLow","colorMid","colorHigh","label","minLabel","midLabel","maxLabel","legend","t4","jsx","t5","t6","t7","jsxs","t8","t9","t10","t11","t12","t13","t14","t15","t16","t17","t18","t19","t20","Text","t21","Group","t22"],"mappings":"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"}