@weng-lab/visualization 2.3.0 → 2.3.1

package/dist/visualization.es86.js

@@ -1,119 +1,11 @@
-import { cellKey as x, resolveCellAppearance as S } from "./visualization.es85.js";
-const m = (t, o, n) => Math.min(Math.max(t, o), n);
-function y(t, o, n) {
-  const {
-    xScale: a,
-    cellYScale: u,
-    gap: e,
-    isRect: l,
-    binWidth: c,
-    binHeight: i
-  } = t;
-  if (l)
-    return {
-      isRect: !0,
-      x: a(o),
-      y: u(n) + e,
-      width: c - e,
-      height: i - e
-    };
-  const r = Math.min(c, i) / 2;
-  return {
-    isRect: !1,
-    cx: o * c + c / 2,
-    cy: u(n) + e + r,
-    r: r - e,
-    radius: r
-  };
-}
-function R(t, o, n, a, u, e) {
-  const {
-    data: l,
-    numRows: c,
-    binWidth: i,
-    binHeight: r,
-    yMax: h
-  } = t;
-  return {
-    colStart: m(Math.floor(o / i) - e, 0, Math.max(0, l.length - 1)),
-    colEnd: m(Math.ceil((o + a) / i) + e, 0, Math.max(0, l.length - 1)),
-    rowStart: m(Math.floor((h - (n + u)) / r) - e, 0, Math.max(0, c - 1)),
-    rowEnd: m(Math.floor((h - n) / r) + e, 0, Math.max(0, c - 1))
-  };
-}
-function D(t, o, n, a) {
-  const {
-    data: u,
-    colorScale: e,
-    selectedKeys: l,
-    deselectedColor: c
-  } = o;
-  for (let i = n.colStart; i <= n.colEnd; i++) {
-    const r = u[i];
-    if (r)
-      for (let h = n.rowStart; h <= n.rowEnd; h++) {
-        const f = r.rows[h];
-        if (!f) continue;
-        const d = f.count, M = d == null ? void 0 : e(d), b = !!l && !l.has(x({
-          row: h,
-          column: i
-        })), {
-          fill: w,
-          fillOpacity: g
-        } = S(d, M, b, c);
-        if (g <= 0) continue;
-        const s = y(o, i, h);
-        t.globalAlpha = g, t.fillStyle = w, t.beginPath(), s.isRect ? t.rect(s.x, s.y, Math.max(s.width, 0), Math.max(s.height, 0)) : t.arc(s.cx, s.cy, Math.max(s.r, 0), 0, Math.PI * 2), t.fill(), a && a.row === h && a.column === i && (t.globalAlpha = 1, t.lineWidth = 2, t.strokeStyle = w, t.stroke());
-      }
-  }
-  t.globalAlpha = 1;
-}
-function A(t, o, n) {
-  const {
-    data: a,
-    numRows: u,
-    binWidth: e,
-    binHeight: l,
-    yMax: c
-  } = t;
-  if (o < 0 || n < 0) return null;
-  const i = Math.floor(o / e), r = Math.floor((c - n) / l);
-  return i < 0 || i >= a.length || r < 0 || r >= u || !a[i]?.rows[r] ? null : {
-    row: r,
-    column: i
-  };
-}
-function E(t, o) {
-  const n = t.data[o.column], a = n?.rows[o.row];
-  if (!n || !a) return null;
-  const u = a.count, e = u == null ? void 0 : t.colorScale(u), l = y(t, o.column, o.row), c = {
-    bin: a,
-    row: o.row,
-    column: o.column,
-    datum: n,
-    gap: t.gap,
-    count: u,
-    color: e,
-    opacity: u == null ? void 0 : 1
-  };
-  return l.isRect ? {
-    ...c,
-    x: l.x,
-    y: l.y,
-    width: l.width,
-    height: l.height
-  } : {
-    ...c,
-    cx: l.cx,
-    cy: l.cy,
-    r: l.r,
-    radius: l.radius
-  };
+import e from "./visualization.es139.js";
+import a from "./visualization.es143.js";
+const n = e("domain", "range", "reverse", "unknown");
+function i(r) {
+  return n(a(), r);
 }
 export {
-  E as buildBin,
-  D as drawHeatmapCells,
-  R as getVisibleRange,
-  A as hitTestCell
+  i as default,
+  n as updateOrdinalScale
 };
 //# sourceMappingURL=visualization.es86.js.map

package/dist/visualization.es86.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es86.js","sources":["../src/components/Heatmap/HeatmapCanvasCells.ts"],"sourcesContent":["import type { ColumnDatum, HeatmapCellId } from \"./types\";\nimport type { AnyBin } from \"./HeatmapCells\";\nimport { cellKey, resolveCellAppearance } from \"./heatmapCellAppearance\";\n\n/**\n * Everything the canvas draw loop and hit-testing need to place a cell exactly where the SVG\n * path (HeatmapCells.tsx, via @visx/heatmap's HeatmapRect/HeatmapCircle) would. xScale/cellYScale\n * are the same functions Heatmap.tsx already builds and passes to HeatmapCells.\n */\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  gap: number;\n  isRect: boolean;\n  binWidth: number;\n  binHeight: number;\n  yMax: number;\n  selectedKeys: Set<string> | null;\n  deselectedColor: string;\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 bin geometry exactly (see their source:\n// node_modules/@visx/heatmap/lib/heatmaps/{HeatmapRect,HeatmapCircle}.js) so canvas-drawn cells\n// land on the same pixels the SVG path (export, non-scrollable mode) would draw them at. The\n// circle center's x mirrors HeatmapCell.tsx's own recomputation (col*binWidth + binWidth/2)\n// rather than @visx/heatmap's raw cx, for the same reason that file does it: keeps circles\n// centered in their cell regardless of the configured radius.\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 * Column/row index bounds (inclusive) that intersect the given scroll viewport, plus a small\n * overscan so a cell is already drawn just before it scrolls into view rather than popping in a\n * frame late. Row bounds are derived from cellYScale's own convention (row 0 at the bottom of\n * the grid, row numRows-1 at the top): a cell at row r occupies content-y band\n * [yMax-(r+1)*binHeight, yMax-r*binHeight), so the row under a given y is\n * 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). */\nexport function drawHeatmapCells(\n  ctx: CanvasRenderingContext2D,\n  params: CanvasCellParams,\n  range: CanvasDrawRange,\n  hoveredCell: HeatmapCellId | null\n) {\n  const { data, colorScale, selectedKeys, deselectedColor } = params;\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 isDeselected = !!selectedKeys && !selectedKeys.has(cellKey({ row, column: col }));\n      const { fill, fillOpacity } = resolveCellAppearance(count, color, isDeselected, deselectedColor);\n      if (fillOpacity <= 0) continue;\n\n      const geometry = getCellGeometry(params, col, row);\n      ctx.globalAlpha = fillOpacity;\n      ctx.fillStyle = fill;\n      ctx.beginPath();\n      if (geometry.isRect) {\n        ctx.rect(geometry.x, geometry.y, Math.max(geometry.width, 0), Math.max(geometry.height, 0));\n      } else {\n        ctx.arc(geometry.cx, geometry.cy, Math.max(geometry.r, 0), 0, Math.PI * 2);\n      }\n      ctx.fill();\n\n      if (hoveredCell && hoveredCell.row === row && hoveredCell.column === col) {\n        ctx.globalAlpha = 1;\n        ctx.lineWidth = 2;\n        ctx.strokeStyle = fill;\n        ctx.stroke();\n      }\n    }\n  }\n  ctx.globalAlpha = 1;\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","deselectedColor","columnDatum","rowDatum","rows","count","color","undefined","isDeselected","has","cellKey","column","fill","fillOpacity","resolveCellAppearance","geometry","globalAlpha","fillStyle","beginPath","rect","arc","PI","lineWidth","strokeStyle","stroke","hitTestCell","contentX","contentY","buildBin","cell","shared","bin","datum","opacity"],"mappings":";AA+BA,MAAMA,IAAQA,CAACC,GAAeC,GAAaC,MAAgBC,KAAKF,IAAIE,KAAKD,IAAIF,GAAOC,CAAG,GAAGC,CAAG;AAY7F,SAASE,EAAgBC,GAA0BC,GAAaC,GAA2B;AACzF,QAAM;AAAA,IAAEC,QAAAA;AAAAA,IAAQC,YAAAA;AAAAA,IAAYC,KAAAA;AAAAA,IAAKC,QAAAA;AAAAA,IAAQC,UAAAA;AAAAA,IAAUC,WAAAA;AAAAA,EAAAA,IAAcR;AACjE,MAAIM;AACF,WAAO;AAAA,MAAEA,QAAQ;AAAA,MAAMG,GAAGN,EAAOF,CAAG;AAAA,MAAGS,GAAGN,EAAWF,CAAG,IAAIG;AAAAA,MAAKM,OAAOJ,IAAWF;AAAAA,MAAKO,QAAQJ,IAAYH;AAAAA,IAAAA;AAE9G,QAAMQ,IAASf,KAAKF,IAAIW,GAAUC,CAAS,IAAI;AAC/C,SAAO;AAAA,IAAEF,QAAQ;AAAA,IAAOQ,IAAIb,IAAMM,IAAWA,IAAW;AAAA,IAAGQ,IAAIX,EAAWF,CAAG,IAAIG,IAAMQ;AAAAA,IAAQG,GAAGH,IAASR;AAAAA,IAAKQ,QAAAA;AAAAA,EAAAA;AAClH;AAUO,SAASI,EACdjB,GACAkB,GACAC,GACAC,GACAC,GACAC,GACiB;AACjB,QAAM;AAAA,IAAEC,MAAAA;AAAAA,IAAMC,SAAAA;AAAAA,IAASjB,UAAAA;AAAAA,IAAUC,WAAAA;AAAAA,IAAWiB,MAAAA;AAAAA,EAAAA,IAASzB;AACrD,SAAO;AAAA,IACL0B,UAAUhC,EAAMI,KAAK6B,MAAMT,IAAaX,CAAQ,IAAIe,GAAU,GAAGxB,KAAKD,IAAI,GAAG0B,EAAKK,SAAS,CAAC,CAAC;AAAA,IAC7FC,QAAQnC,EAAMI,KAAKgC,MAAMZ,IAAaE,KAAiBb,CAAQ,IAAIe,GAAU,GAAGxB,KAAKD,IAAI,GAAG0B,EAAKK,SAAS,CAAC,CAAC;AAAA,IAC5GG,UAAUrC,EAAMI,KAAK6B,OAAOF,KAAQN,IAAYE,MAAmBb,CAAS,IAAIc,GAAU,GAAGxB,KAAKD,IAAI,GAAG2B,IAAU,CAAC,CAAC;AAAA,IACrHQ,QAAQtC,EAAMI,KAAK6B,OAAOF,IAAON,KAAaX,CAAS,IAAIc,GAAU,GAAGxB,KAAKD,IAAI,GAAG2B,IAAU,CAAC,CAAC;AAAA,EAAA;AAEpG;AAGO,SAASS,EACdC,GACAlC,GACAmC,GACAC,GACA;AACA,QAAM;AAAA,IAAEb,MAAAA;AAAAA,IAAMc,YAAAA;AAAAA,IAAYC,cAAAA;AAAAA,IAAcC,iBAAAA;AAAAA,EAAAA,IAAoBvC;AAC5D,WAASC,IAAMkC,EAAMT,UAAUzB,KAAOkC,EAAMN,QAAQ5B,KAAO;AACzD,UAAMuC,IAAcjB,EAAKtB,CAAG;AAC5B,QAAKuC;AACL,eAAStC,IAAMiC,EAAMJ,UAAU7B,KAAOiC,EAAMH,QAAQ9B,KAAO;AACzD,cAAMuC,IAAWD,EAAYE,KAAKxC,CAAG;AACrC,YAAI,CAACuC,EAAU;AACf,cAAME,IAAQF,EAASE,OACjBC,IAAQD,KAAS,OAAOE,SAAYR,EAAWM,CAAK,GACpDG,IAAe,CAAC,CAACR,KAAgB,CAACA,EAAaS,IAAIC,EAAQ;AAAA,UAAE9C,KAAAA;AAAAA,UAAK+C,QAAQhD;AAAAA,QAAAA,CAAK,CAAC,GAChF;AAAA,UAAEiD,MAAAA;AAAAA,UAAMC,aAAAA;AAAAA,QAAAA,IAAgBC,EAAsBT,GAAOC,GAAOE,GAAcP,CAAe;AAC/F,YAAIY,KAAe,EAAG;AAEtB,cAAME,IAAWtD,EAAgBC,GAAQC,GAAKC,CAAG;AACjDgC,QAAAA,EAAIoB,cAAcH,GAClBjB,EAAIqB,YAAYL,GAChBhB,EAAIsB,UAAAA,GACAH,EAAS/C,SACX4B,EAAIuB,KAAKJ,EAAS5C,GAAG4C,EAAS3C,GAAGZ,KAAKD,IAAIwD,EAAS1C,OAAO,CAAC,GAAGb,KAAKD,IAAIwD,EAASzC,QAAQ,CAAC,CAAC,IAE1FsB,EAAIwB,IAAIL,EAASvC,IAAIuC,EAAStC,IAAIjB,KAAKD,IAAIwD,EAASrC,GAAG,CAAC,GAAG,GAAGlB,KAAK6D,KAAK,CAAC,GAE3EzB,EAAIgB,KAAAA,GAEAd,KAAeA,EAAYlC,QAAQA,KAAOkC,EAAYa,WAAWhD,MACnEiC,EAAIoB,cAAc,GAClBpB,EAAI0B,YAAY,GAChB1B,EAAI2B,cAAcX,GAClBhB,EAAI4B,OAAAA;AAAAA,MAER;AAAA,EACF;AACA5B,EAAAA,EAAIoB,cAAc;AACpB;AAGO,SAASS,EAAY/D,GAA0BgE,GAAkBC,GAAwC;AAC9G,QAAM;AAAA,IAAE1C,MAAAA;AAAAA,IAAMC,SAAAA;AAAAA,IAASjB,UAAAA;AAAAA,IAAUC,WAAAA;AAAAA,IAAWiB,MAAAA;AAAAA,EAAAA,IAASzB;AACrD,MAAIgE,IAAW,KAAKC,IAAW,EAAG,QAAO;AACzC,QAAMhB,IAASnD,KAAK6B,MAAMqC,IAAWzD,CAAQ,GACvCL,IAAMJ,KAAK6B,OAAOF,IAAOwC,KAAYzD,CAAS;AAEpD,SADIyC,IAAS,KAAKA,KAAU1B,EAAKK,UAAU1B,IAAM,KAAKA,KAAOsB,KACzD,CAACD,EAAK0B,CAAM,GAAGP,KAAKxC,CAAG,IAAU,OAC9B;AAAA,IAAEA,KAAAA;AAAAA,IAAK+C,QAAAA;AAAAA,EAAAA;AAChB;AAGO,SAASiB,EAASlE,GAA0BmE,GAAoC;AACrF,QAAM3B,IAAcxC,EAAOuB,KAAK4C,EAAKlB,MAAM,GACrCR,IAAWD,GAAaE,KAAKyB,EAAKjE,GAAG;AAC3C,MAAI,CAACsC,KAAe,CAACC,EAAU,QAAO;AAEtC,QAAME,IAAQF,EAASE,OACjBC,IAAQD,KAAS,OAAOE,SAAY7C,EAAOqC,WAAWM,CAAK,GAC3DU,IAAWtD,EAAgBC,GAAQmE,EAAKlB,QAAQkB,EAAKjE,GAAG,GACxDkE,IAAS;AAAA,IAAEC,KAAK5B;AAAAA,IAAUvC,KAAKiE,EAAKjE;AAAAA,IAAK+C,QAAQkB,EAAKlB;AAAAA,IAAQqB,OAAO9B;AAAAA,IAAanC,KAAKL,EAAOK;AAAAA,IAAKsC,OAAAA;AAAAA,IAAOC,OAAAA;AAAAA,IAAO2B,SAAS5B,KAAS,OAAOE,SAAY;AAAA,EAAA;AAE5J,SAAOQ,EAAS/C,SACX;AAAA,IAAE,GAAG8D;AAAAA,IAAQ3D,GAAG4C,EAAS5C;AAAAA,IAAGC,GAAG2C,EAAS3C;AAAAA,IAAGC,OAAO0C,EAAS1C;AAAAA,IAAOC,QAAQyC,EAASzC;AAAAA,EAAAA,IACnF;AAAA,IAAE,GAAGwD;AAAAA,IAAQtD,IAAIuC,EAASvC;AAAAA,IAAIC,IAAIsC,EAAStC;AAAAA,IAAIC,GAAGqC,EAASrC;AAAAA,IAAGH,QAAQwC,EAASxC;AAAAA,EAAAA;AACtF;"}
+{"version":3,"file":"visualization.es86.js","sources":["../../../node_modules/.pnpm/@visx+scale@4.0.0/node_modules/@visx/scale/esm/scales/ordinal.js"],"sourcesContent":["import { scaleOrdinal } from '@visx/vendor/d3-scale';\nimport scaleOperator from \"../operators/scaleOperator.js\";\nexport const updateOrdinalScale = scaleOperator('domain', 'range', 'reverse', 'unknown');\nexport default function createOrdinalScale(config) {\n  return updateOrdinalScale(scaleOrdinal(), config);\n}"],"names":["updateOrdinalScale","scaleOperator","createOrdinalScale","config","scaleOrdinal"],"mappings":";;AAEY,MAACA,IAAqBC,EAAc,UAAU,SAAS,WAAW,SAAS;AACxE,SAASC,EAAmBC,GAAQ;AACjD,SAAOH,EAAmBI,EAAY,GAAID,CAAM;AAClD;","x_google_ignoreList":[0]}

package/dist/visualization.es87.js

@@ -1,101 +1,29 @@
-import { jsx as W, jsxs as q } from "react/jsx-runtime";
-import { c as A } from "react/compiler-runtime";
-import { useRef as F, useEffect as G } from "react";
-import { drawHeatmapCells as J } from "./visualization.es86.js";
-const M = (a, t, d) => Math.min(Math.max(a, t), d), tt = (a) => {
-  const t = A(50), {
-    canvasCellParams: d,
-    xMax: r,
-    yMax: i,
-    viewportWidth: p,
-    viewportHeight: f,
-    scrollLeft: P,
-    scrollTop: b,
-    width: s,
-    height: c,
-    onNavigate: h
-  } = a, L = F(null), e = r > 0 ? s / r : 0, o = i > 0 ? c / i : 0;
-  let v, R;
-  t[0] !== d || t[1] !== e || t[2] !== o || t[3] !== r || t[4] !== i ? (v = () => {
-    const n = L.current;
-    if (!n || e <= 0 || o <= 0)
-      return;
-    const l = n.getContext("2d");
-    if (!l)
-      return;
-    const U = window.devicePixelRatio || 1;
-    l.setTransform(U * e, 0, 0, U * o, 0, 0), l.clearRect(0, 0, r, i);
-    const $ = {
-      colStart: 0,
-      colEnd: Math.max(0, d.data.length - 1),
-      rowStart: 0,
-      rowEnd: Math.max(0, d.numRows - 1)
-    };
-    J(l, d, $, null);
-  }, R = [d, r, i, e, o], t[0] = d, t[1] = e, t[2] = o, t[3] = r, t[4] = i, t[5] = v, t[6] = R) : (v = t[5], R = t[6]), G(v, R);
-  let C;
-  t[7] !== h || t[8] !== f || t[9] !== p || t[10] !== r || t[11] !== i ? (C = (n, l) => {
-    h(M(n - p / 2, 0, Math.max(0, r - p)), M(l - f / 2, 0, Math.max(0, i - f)));
-  }, t[7] = h, t[8] = f, t[9] = p, t[10] = r, t[11] = i, t[12] = C) : C = t[12];
-  const E = C;
-  let T;
-  t[13] !== E || t[14] !== e || t[15] !== o ? (T = (n) => {
-    if (e <= 0 || o <= 0)
-      return;
-    const l = n.currentTarget.getBoundingClientRect();
-    E((n.clientX - l.left) / e, (n.clientY - l.top) / o);
-  }, t[13] = E, t[14] = e, t[15] = o, t[16] = T) : T = t[16];
-  const I = T, B = K;
-  let y;
-  t[17] !== h || t[18] !== e || t[19] !== o || t[20] !== P || t[21] !== b || t[22] !== f || t[23] !== p || t[24] !== r || t[25] !== i ? (y = (n) => {
-    e <= 0 || o <= 0 || !n.currentTarget.hasPointerCapture(n.pointerId) || h(M(P + n.movementX / e, 0, Math.max(0, r - p)), M(b + n.movementY / o, 0, Math.max(0, i - f)));
-  }, t[17] = h, t[18] = e, t[19] = o, t[20] = P, t[21] = b, t[22] = f, t[23] = p, t[24] = r, t[25] = i, t[26] = y) : y = t[26];
-  const X = y, N = O, D = M(P * e, 0, s), H = M(b * o, 0, c), Y = Math.max(0, Math.min(p * e, s - D)), j = Math.max(0, Math.min(f * o, c - H));
-  let m;
-  t[27] !== c || t[28] !== s ? (m = {
-    position: "relative",
-    width: s,
-    height: c
-  }, t[27] = c, t[28] = s, t[29] = m) : m = t[29];
-  const k = s * (window.devicePixelRatio || 1), z = c * (window.devicePixelRatio || 1);
-  let u;
-  t[30] !== c || t[31] !== s ? (u = {
-    width: s,
-    height: c,
-    display: "block",
-    cursor: "pointer",
-    border: "1px solid #d5d5d5",
-    boxSizing: "border-box"
-  }, t[30] = c, t[31] = s, t[32] = u) : u = t[32];
-  let x;
-  t[33] !== I || t[34] !== k || t[35] !== z || t[36] !== u ? (x = /* @__PURE__ */ W("canvas", { ref: L, width: k, height: z, style: u, onPointerDown: I }), t[33] = I, t[34] = k, t[35] = z, t[36] = u, t[37] = x) : x = t[37];
-  let g;
-  t[38] !== j || t[39] !== D || t[40] !== H || t[41] !== Y ? (g = {
-    position: "absolute",
-    left: D,
-    top: H,
-    width: Y,
-    height: j,
-    border: "2px solid #0d0f98",
-    backgroundColor: "rgba(13, 15, 152, 0.15)",
-    cursor: "grab",
-    boxSizing: "border-box"
-  }, t[38] = j, t[39] = D, t[40] = H, t[41] = Y, t[42] = g) : g = t[42];
-  let w;
-  t[43] !== X || t[44] !== g ? (w = /* @__PURE__ */ W("div", { onPointerDown: B, onPointerMove: X, onPointerUp: N, style: g }), t[43] = X, t[44] = g, t[45] = w) : w = t[45];
-  let S;
-  return t[46] !== x || t[47] !== w || t[48] !== m ? (S = /* @__PURE__ */ q("div", { style: m, children: [
-    x,
-    w
-  ] }), t[46] = x, t[47] = w, t[48] = m, t[49] = S) : S = t[49], S;
+import { jsx as h, jsxs as g, Fragment as p } from "react/jsx-runtime";
+import { c as v } from "react/compiler-runtime";
+import { measureTextWidth as y } from "./visualization.es88.js";
+const A = (m) => {
+  const t = v(12), {
+    cx: u,
+    cy: x,
+    value: W,
+    color: r,
+    align: a
+  } = m, s = `${W}`, i = y(s, 12, "sans-serif") + 12;
+  let e = u;
+  a === "start" && (e = e + i / 2), a === "end" && (e = e - i / 2);
+  const c = e - i / 2, d = x - 10.8;
+  let o;
+  t[0] !== r || t[1] !== i || t[2] !== c || t[3] !== d ? (o = /* @__PURE__ */ h("rect", { x: c, y: d, width: i, height: 21.6, rx: 10.8, fill: r }), t[0] = r, t[1] = i, t[2] = c, t[3] = d, t[4] = o) : o = t[4];
+  const f = x + 1;
+  let l;
+  t[5] !== f || t[6] !== s || t[7] !== e ? (l = /* @__PURE__ */ h("text", { x: e, y: f, textAnchor: "middle", dominantBaseline: "middle", fill: "white", fontSize: 12, fontWeight: 500, children: s }), t[5] = f, t[6] = s, t[7] = e, t[8] = l) : l = t[8];
+  let n;
+  return t[9] !== o || t[10] !== l ? (n = /* @__PURE__ */ g(p, { children: [
+    o,
+    l
+  ] }), t[9] = o, t[10] = l, t[11] = n) : n = t[11], n;
 };
-function K(a) {
-  a.stopPropagation(), a.currentTarget.setPointerCapture(a.pointerId);
-}
-function O(a) {
-  a.currentTarget.releasePointerCapture(a.pointerId);
-}
 export {
-  tt as default
+  A as default
 };
 //# sourceMappingURL=visualization.es87.js.map

package/dist/visualization.es87.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es87.js","sources":["../src/components/Heatmap/HeatmapMiniMap.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef } from \"react\";\nimport { drawHeatmapCells, type CanvasCellParams } from \"./HeatmapCanvasCells\";\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  /** Called with a new (unclamped-by-caller) scroll position when the user clicks or drags the minimap. */\n  onNavigate: (left: number, top: number) => void;\n}\n\nconst clamp = (value: number, min: number, max: number) => Math.min(Math.max(value, min), max);\n\nconst HeatmapMiniMap = ({\n  canvasCellParams,\n  xMax,\n  yMax,\n  viewportWidth,\n  viewportHeight,\n  scrollLeft,\n  scrollTop,\n  width,\n  height,\n  onNavigate,\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  useEffect(() => {\n    const canvas = canvasRef.current;\n    if (!canvas || scaleX <= 0 || scaleY <= 0) return;\n    const ctx = canvas.getContext(\"2d\");\n    if (!ctx) return;\n    const dpr = window.devicePixelRatio || 1;\n    ctx.setTransform(dpr * scaleX, 0, 0, dpr * scaleY, 0, 0);\n    ctx.clearRect(0, 0, xMax, yMax);\n    const range = {\n      colStart: 0,\n      colEnd: Math.max(0, canvasCellParams.data.length - 1),\n      rowStart: 0,\n      rowEnd: Math.max(0, canvasCellParams.numRows - 1),\n    };\n    drawHeatmapCells(ctx, canvasCellParams, range, null);\n  }, [canvasCellParams, xMax, yMax, scaleX, scaleY]);\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 (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    [navigateCentered, scaleX, scaleY]\n  );\n\n  const handleRectPointerDown = useCallback((event: React.PointerEvent<HTMLDivElement>) => {\n    event.stopPropagation();\n    event.currentTarget.setPointerCapture(event.pointerId);\n  }, []);\n\n  const handleRectPointerMove = useCallback(\n    (event: React.PointerEvent<HTMLDivElement>) => {\n      if (scaleX <= 0 || scaleY <= 0 || !event.currentTarget.hasPointerCapture(event.pointerId)) return;\n      onNavigate(\n        clamp(scrollLeft + event.movementX / scaleX, 0, Math.max(0, xMax - viewportWidth)),\n        clamp(scrollTop + event.movementY / scaleY, 0, Math.max(0, yMax - viewportHeight))\n      );\n    },\n    [scrollLeft, scrollTop, scaleX, scaleY, xMax, yMax, viewportWidth, viewportHeight, onNavigate]\n  );\n\n  const handleRectPointerUp = useCallback((event: React.PointerEvent<HTMLDivElement>) => {\n    event.currentTarget.releasePointerCapture(event.pointerId);\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        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    </div>\n  );\n};\n\nexport default HeatmapMiniMap;\n"],"names":["clamp","value","min","max","Math","HeatmapMiniMap","t0","$","_c","canvasCellParams","xMax","yMax","viewportWidth","viewportHeight","scrollLeft","scrollTop","width","height","onNavigate","canvasRef","useRef","scaleX","scaleY","t1","t2","canvas","current","ctx","getContext","dpr","window","devicePixelRatio","setTransform","clearRect","range","colStart","colEnd","data","length","rowStart","rowEnd","numRows","drawHeatmapCells","useEffect","t3","contentX","contentY","navigateCentered","t4","event","rect","currentTarget","getBoundingClientRect","clientX","left","clientY","top","handleCanvasPointerDown","handleRectPointerDown","_temp","t5","event_1","hasPointerCapture","pointerId","movementX","movementY","handleRectPointerMove","handleRectPointerUp","_temp2","rectLeft","rectTop","rectWidth","rectHeight","t6","position","t7","t8","t9","display","cursor","border","boxSizing","t10","jsx","t11","backgroundColor","t12","t13","jsxs","event_0","stopPropagation","setPointerCapture","event_2","releasePointerCapture"],"mappings":"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"}
+{"version":3,"file":"visualization.es87.js","sources":["../src/components/TreeMap/ValueOval.tsx"],"sourcesContent":["import { ValueOvalProps } from \"./types\";\nimport { measureTextWidth } from \"./helpers\";\n\nconst ValueOval: React.FC<ValueOvalProps> = ({ cx, cy, value, color, align }) => {\n    const fontSize = 12;\n    const text = `${value}`;\n    const textWidth = measureTextWidth(text, fontSize, \"sans-serif\");\n    const padding = 6;\n    const ovalWidth = textWidth + padding * 2;\n    const ovalHeight = fontSize * 1.8;\n\n    let xPos = cx;\n    if (align === \"start\") xPos += ovalWidth / 2;\n    if (align === \"end\") xPos -= ovalWidth / 2;\n\n    return (\n        <>\n            <rect\n                x={xPos - ovalWidth / 2}\n                y={cy - ovalHeight / 2}\n                width={ovalWidth}\n                height={ovalHeight}\n                rx={ovalHeight / 2}\n                fill={color}\n            />\n            <text\n                x={xPos}\n                y={cy + 1}\n                textAnchor=\"middle\"\n                dominantBaseline=\"middle\"\n                fill=\"white\"\n                fontSize={fontSize}\n                fontWeight={500}\n            >\n                {text}\n            </text>\n        </>\n    );\n};\n\nexport default ValueOval;"],"names":["ValueOval","t0","$","_c","cx","cy","value","color","align","text","ovalWidth","measureTextWidth","xPos","t1","t2","t3","jsx","ovalHeight","t4","t5","fontSize","t6"],"mappings":";;;AAGA,MAAMA,IAAsCC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAC;AAAA,IAAAC,IAAAA;AAAAA,IAAAC,IAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,OAAAA;AAAAA,EAAAA,IAAAP,GAEzCQ,IAAa,GAAGH,CAAK,IAGrBI,IAFkBC,EAAiBF,GAFlB,IAEkC,YAAY,IAEjC;AAG9B,MAAAG,IAAWR;AACX,EAAII,MAAU,YAASI,IAAAA,IAAQF,IAAY,IACvCF,MAAU,UAAOI,IAAAA,IAAQF,IAAY;AAK1B,QAAAG,IAAAD,IAAOF,IAAY,GACnBI,IAAAT,IAAK;AAAc,MAAAU;AAAA,EAAAb,EAAA,CAAA,MAAAK,KAAAL,EAAA,CAAA,MAAAQ,KAAAR,EAAA,CAAA,MAAAW,KAAAX,SAAAY,KAF1BC,IAAA,gBAAAC,EAAA,QAAA,EACO,GAAAH,GACA,GAAAC,GACIJ,OAAAA,GACCO,QAZDA,MAaH,IAAA,MACEV,MAAAA,GAAK,GACbL,OAAAK,GAAAL,OAAAQ,GAAAR,OAAAW,GAAAX,OAAAY,GAAAZ,OAAAa,KAAAA,IAAAb,EAAA,CAAA;AAGK,QAAAgB,IAAAb,IAAK;AAAC,MAAAc;AAAA,EAAAjB,EAAA,CAAA,MAAAgB,KAAAhB,SAAAO,KAAAP,EAAA,CAAA,MAAAU,KAFbO,gCACOP,GAAAA,GACA,GAAAM,GACQ,YAAA,UACM,kBAAA,UACZ,MAAA,SACKE,UA3BLA,IA4BO,YAAA,KAEXX,UAAAA,GACL,GAAOP,OAAAgB,GAAAhB,OAAAO,GAAAP,OAAAU,GAAAV,OAAAiB,KAAAA,IAAAjB,EAAA,CAAA;AAAA,MAAAmB;AAAA,SAAAnB,EAAA,CAAA,MAAAa,KAAAb,UAAAiB,KAnBXE,2BACIN,UAAAA;AAAAA,IAAAA;AAAAA,IAQAI;AAAAA,EAAAA,GAUO,GACRjB,OAAAa,GAAAb,QAAAiB,GAAAjB,QAAAmB,KAAAA,IAAAnB,EAAA,EAAA,GApBHmB;AAoBG;"}

package/dist/visualization.es88.js

@@ -1,8 +1,73 @@
-import { getDefaultExportFromCjs as o } from "./visualization.es213.js";
-import { __require as r } from "./visualization.es134.js";
-var t = r();
-const d = /* @__PURE__ */ o(t);
+function x(t, c, a, r) {
+  const n = (t.x0 + t.x1) / 2, e = (t.y0 + t.y1) / 2;
+  switch (c) {
+    case "topLeft":
+      return {
+        textX: t.x0 + 6,
+        textY: t.y0 + 10,
+        valueY: r ? t.y0 + 17 : t.y0 + 40,
+        valueX: r ? t.x1 - 6 : t.x0 + 6,
+        textAnchor: "start",
+        valueAnchor: r ? "end" : "start",
+        baseline: "hanging"
+      };
+    case "topRight":
+      return {
+        textX: t.x1 - 6,
+        textY: t.y0 + 10,
+        valueY: t.y0 + 40,
+        valueX: t.x1 - 6,
+        textAnchor: "end",
+        valueAnchor: "end",
+        baseline: "hanging"
+      };
+    case "bottomLeft":
+      return {
+        textX: t.x0 + 6,
+        textY: a ? t.y1 - 35 : t.y1 - 15,
+        valueY: t.y1 - 15,
+        valueX: t.x0 + 6,
+        textAnchor: "start",
+        valueAnchor: "start",
+        baseline: "alphabetic"
+      };
+    case "bottomRight":
+      return {
+        textX: t.x1 - 6,
+        textY: a ? t.y1 - 35 : t.y1 - 15,
+        valueY: t.y1 - 15,
+        valueX: t.x1 - 6,
+        textAnchor: "end",
+        valueAnchor: "end",
+        baseline: "alphabetic"
+      };
+    default:
+      return {
+        textX: n,
+        textY: a ? e - 5 : e + 5,
+        valueY: e + 15,
+        valueX: n,
+        textAnchor: "middle",
+        valueAnchor: "middle",
+        baseline: "middle"
+      };
+  }
+}
+function l(t, c, a) {
+  const u = document.createElement("canvas").getContext("2d");
+  return u ? (u.font = `${c}px ${a}`, u.measureText(t).width) : 0;
+}
+function s(t, c, a, r) {
+  const n = document.createElement("canvas").getContext("2d");
+  if (!n || (n.font = `${a}px ${r}`, n.measureText(t).width <= c)) return t;
+  let e = t;
+  for (; e.length > 0 && n.measureText(e + "…").width > c; )
+    e = e.slice(0, -1);
+  return e === "" ? "" : e + "...";
+}
 export {
-  d as default
+  x as getLabelPlacement,
+  l as measureTextWidth,
+  s as truncateTextToWidth
 };
 //# sourceMappingURL=visualization.es88.js.map

package/dist/visualization.es88.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es88.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"visualization.es88.js","sources":["../src/components/TreeMap/helpers.ts"],"sourcesContent":["import { HierarchyRectangularNode } from \"@visx/hierarchy\";\nimport { TreemapNode, TreemapProps } from \"./types\";\n\n//get coords for label placement based on user input\nexport function getLabelPlacement(\n    node: HierarchyRectangularNode<TreemapNode<any>>,\n    placement: TreemapProps<any>[\"labelPlacement\"],\n    showValue?: boolean,\n    hasChildren?: boolean\n) {\n    const padding = 6;\n    const cx = (node.x0 + node.x1) / 2;\n    const cy = (node.y0 + node.y1) / 2;\n\n    switch (placement) {\n        case \"topLeft\":\n            return {\n                textX: node.x0 + padding,\n                textY: node.y0 + 10,\n                valueY: hasChildren ? node.y0 + 17 : node.y0 + 40,\n                valueX: hasChildren ? node.x1 - padding : node.x0 + padding,\n                textAnchor: \"start\",\n                valueAnchor: hasChildren ? \"end\" : \"start\",\n                baseline: \"hanging\",\n            } as const;\n        case \"topRight\":\n            return {\n                textX: node.x1 - padding,\n                textY: node.y0 + 10,\n                valueY: node.y0 + 40,\n                valueX: node.x1 - padding,\n                textAnchor: \"end\",\n                valueAnchor: \"end\",\n                baseline: \"hanging\",\n            } as const;\n        case \"bottomLeft\":\n            return {\n                textX: node.x0 + padding,\n                textY: showValue ? node.y1 - 35 : node.y1 - 15 ,\n                valueY: node.y1 - 15,\n                valueX: node.x0 + padding,\n                textAnchor: \"start\",\n                valueAnchor: \"start\",\n                baseline: \"alphabetic\",\n            } as const;\n        case \"bottomRight\":\n            return {\n                textX: node.x1 - padding,\n                textY: showValue ? node.y1 - 35 : node.y1 - 15,\n                valueY: node.y1 - 15,\n                valueX: node.x1 - padding,\n                textAnchor: \"end\",\n                valueAnchor: \"end\",\n                baseline: \"alphabetic\",\n            } as const;\n        case \"middle\":\n        default:\n            return {\n                textX: cx,\n                textY: showValue ? cy - 5 : cy + 5,\n                valueY: cy + 15,\n                valueX: cx,\n                textAnchor: \"middle\",\n                valueAnchor: \"middle\",\n                baseline: \"middle\",\n            } as const;\n    }\n}\n\n//Check if text exceeds box\nexport function measureTextWidth(text: string, fontSize: number, fontFamily: string) {\n    const canvas = document.createElement(\"canvas\");\n    const ctx = canvas.getContext(\"2d\");\n    if (!ctx) return 0;\n    ctx.font = `${fontSize}px ${fontFamily}`;\n    return ctx.measureText(text).width;\n}\n\n//truncate text with ... to fit in box\nexport function truncateTextToWidth(\n  text: string,\n  maxWidth: number,\n  fontSize: number,\n  fontFamily: string\n): string {\n  const canvas = document.createElement(\"canvas\");\n  const ctx = canvas.getContext(\"2d\");\n  if (!ctx) return text;\n\n  ctx.font = `${fontSize}px ${fontFamily}`;\n  if (ctx.measureText(text).width <= maxWidth) return text;\n\n  let truncated = text;\n  while (truncated.length > 0 && ctx.measureText(truncated + \"…\").width > maxWidth) {\n    truncated = truncated.slice(0, -1);\n  }\n\n  const result = truncated === \"\" ? \"\" : truncated + \"...\"\n\n  return result;\n}\n"],"names":["getLabelPlacement","node","placement","showValue","hasChildren","cx","x0","x1","cy","y0","y1","textX","padding","textY","valueY","valueX","textAnchor","valueAnchor","baseline","measureTextWidth","text","fontSize","fontFamily","ctx","document","createElement","getContext","font","measureText","width","truncateTextToWidth","maxWidth","truncated","length","slice"],"mappings":"AAIO,SAASA,EACZC,GACAC,GACAC,GACAC,GACF;AAEE,QAAMC,KAAMJ,EAAKK,KAAKL,EAAKM,MAAM,GAC3BC,KAAMP,EAAKQ,KAAKR,EAAKS,MAAM;AAEjC,UAAQR,GAAAA;AAAAA,IACJ,KAAK;AACD,aAAO;AAAA,QACHS,OAAOV,EAAKK,KAAKM;AAAAA,QACjBC,OAAOZ,EAAKQ,KAAK;AAAA,QACjBK,QAAQV,IAAcH,EAAKQ,KAAK,KAAKR,EAAKQ,KAAK;AAAA,QAC/CM,QAAQX,IAAcH,EAAKM,KAAKK,IAAUX,EAAKK,KAAKM;AAAAA,QACpDI,YAAY;AAAA,QACZC,aAAab,IAAc,QAAQ;AAAA,QACnCc,UAAU;AAAA,MAAA;AAAA,IAElB,KAAK;AACD,aAAO;AAAA,QACHP,OAAOV,EAAKM,KAAKK;AAAAA,QACjBC,OAAOZ,EAAKQ,KAAK;AAAA,QACjBK,QAAQb,EAAKQ,KAAK;AAAA,QAClBM,QAAQd,EAAKM,KAAKK;AAAAA,QAClBI,YAAY;AAAA,QACZC,aAAa;AAAA,QACbC,UAAU;AAAA,MAAA;AAAA,IAElB,KAAK;AACD,aAAO;AAAA,QACHP,OAAOV,EAAKK,KAAKM;AAAAA,QACjBC,OAAOV,IAAYF,EAAKS,KAAK,KAAKT,EAAKS,KAAK;AAAA,QAC5CI,QAAQb,EAAKS,KAAK;AAAA,QAClBK,QAAQd,EAAKK,KAAKM;AAAAA,QAClBI,YAAY;AAAA,QACZC,aAAa;AAAA,QACbC,UAAU;AAAA,MAAA;AAAA,IAElB,KAAK;AACD,aAAO;AAAA,QACHP,OAAOV,EAAKM,KAAKK;AAAAA,QACjBC,OAAOV,IAAYF,EAAKS,KAAK,KAAKT,EAAKS,KAAK;AAAA,QAC5CI,QAAQb,EAAKS,KAAK;AAAA,QAClBK,QAAQd,EAAKM,KAAKK;AAAAA,QAClBI,YAAY;AAAA,QACZC,aAAa;AAAA,QACbC,UAAU;AAAA,MAAA;AAAA,IAGlB;AACI,aAAO;AAAA,QACHP,OAAON;AAAAA,QACPQ,OAAOV,IAAYK,IAAK,IAAIA,IAAK;AAAA,QACjCM,QAAQN,IAAK;AAAA,QACbO,QAAQV;AAAAA,QACRW,YAAY;AAAA,QACZC,aAAa;AAAA,QACbC,UAAU;AAAA,MAAA;AAAA,EACd;AAEZ;AAGO,SAASC,EAAiBC,GAAcC,GAAkBC,GAAoB;AAEjF,QAAMC,IADSC,SAASC,cAAc,QAAQ,EAC3BC,WAAW,IAAI;AAClC,SAAKH,KACLA,EAAII,OAAO,GAAGN,CAAQ,MAAMC,CAAU,IAC/BC,EAAIK,YAAYR,CAAI,EAAES,SAFZ;AAGrB;AAGO,SAASC,EACdV,GACAW,GACAV,GACAC,GACQ;AAER,QAAMC,IADSC,SAASC,cAAc,QAAQ,EAC3BC,WAAW,IAAI;AAIlC,MAHI,CAACH,MAELA,EAAII,OAAO,GAAGN,CAAQ,MAAMC,CAAU,IAClCC,EAAIK,YAAYR,CAAI,EAAES,SAASE,GAAU,QAAOX;AAEpD,MAAIY,IAAYZ;AAChB,SAAOY,EAAUC,SAAS,KAAKV,EAAIK,YAAYI,IAAY,GAAG,EAAEH,QAAQE;AACtEC,IAAAA,IAAYA,EAAUE,MAAM,GAAG,EAAE;AAKnC,SAFeF,MAAc,KAAK,KAAKA,IAAY;AAGrD;"}

package/dist/visualization.es89.js

@@ -1,8 +1,8 @@
-import { getDefaultExportFromCjs as o } from "./visualization.es213.js";
-import { __require as r } from "./visualization.es136.js";
-var e = r();
-const a = /* @__PURE__ */ o(e);
+import { getDefaultExportFromCjs as o } from "./visualization.es470.js";
+import { __require as r } from "./visualization.es173.js";
+var t = r();
+const d = /* @__PURE__ */ o(t);
 export {
-  a as default
+  d as default
 };
 //# sourceMappingURL=visualization.es89.js.map

package/dist/visualization.es9.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.es39.js";
+import H from "./visualization.es32.js";
 import { downloadSVGAsPNG as G, downloadAsSVG as I, getAnimationProps as k } from "./visualization.es20.js";
 import { useResponsiveParentSize as B } from "./visualization.es16.js";
-import W from "./visualization.es40.js";
+import W from "./visualization.es33.js";
 import { ResponsiveContainer as A } from "./visualization.es13.js";
-import C from "./visualization.es41.js";
-import E from "./visualization.es42.js";
-import O from "./visualization.es43.js";
-import T from "./visualization.es44.js";
-import V from "./visualization.es45.js";
-import Y from "./visualization.es46.js";
-import j from "./visualization.es47.js";
-import { motion as q } from "./visualization.es48.js";
+import C from "./visualization.es34.js";
+import E from "./visualization.es35.js";
+import O from "./visualization.es36.js";
+import T from "./visualization.es37.js";
+import V from "./visualization.es38.js";
+import Y from "./visualization.es39.js";
+import j from "./visualization.es40.js";
+import { motion as q } from "./visualization.es25.js";
 const re = (t) => {
   const {
     parentRef: u,

package/dist/visualization.es90.js

@@ -1,8 +1,8 @@
-import { cubicBezier as e } from "./visualization.es474.js";
-const o = /* @__PURE__ */ e(0.42, 0, 1, 1), s = /* @__PURE__ */ e(0, 0, 0.58, 1), c = /* @__PURE__ */ e(0.42, 0, 0.58, 1);
+import { getDefaultExportFromCjs as o } from "./visualization.es470.js";
+import { __require as r } from "./visualization.es175.js";
+var e = r();
+const a = /* @__PURE__ */ o(e);
 export {
-  o as easeIn,
-  c as easeInOut,
-  s as easeOut
+  a as default
 };
 //# sourceMappingURL=visualization.es90.js.map

package/dist/visualization.es90.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es90.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/easing/ease.mjs"],"sourcesContent":["import { cubicBezier } from './cubic-bezier.mjs';\n\nconst easeIn = /*@__PURE__*/ cubicBezier(0.42, 0, 1, 1);\nconst easeOut = /*@__PURE__*/ cubicBezier(0, 0, 0.58, 1);\nconst easeInOut = /*@__PURE__*/ cubicBezier(0.42, 0, 0.58, 1);\n\nexport { easeIn, easeInOut, easeOut };\n//# sourceMappingURL=ease.mjs.map\n"],"names":["easeIn","cubicBezier","easeOut","easeInOut"],"mappings":";AAEK,MAACA,IAAuB,gBAAAC,EAAY,MAAM,GAAG,GAAG,CAAC,GAChDC,IAAwB,gBAAAD,EAAY,GAAG,GAAG,MAAM,CAAC,GACjDE,IAA0B,gBAAAF,EAAY,MAAM,GAAG,MAAM,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es90.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/visualization.es91.js

@@ -1,35 +1,8 @@
-import { jsx as u } from "react/jsx-runtime";
-import { c as S } from "react/compiler-runtime";
-import { getAnimationProps as T } from "./visualization.es20.js";
-import { getTrianglePoints as A } from "./visualization.es21.js";
-import { motion as W } from "./visualization.es48.js";
-const G = (k) => {
-  const o = S(19), {
-    pointData: g,
-    animation: e,
-    animationGroupSize: a,
-    animationBuffer: i,
-    xScaleTransformed: n,
-    yScaleTransformed: s,
-    boundedWidth: c,
-    boundedHeight: l
-  } = k;
-  let t;
-  if (o[0] !== e || o[1] !== i || o[2] !== a || o[3] !== l || o[4] !== c || o[5] !== g || o[6] !== n || o[7] !== s) {
-    let f;
-    o[9] !== e || o[10] !== i || o[11] !== a || o[12] !== l || o[13] !== c || o[14] !== n || o[15] !== s ? (f = (r, y) => {
-      const x = W.g, b = Math.floor(y / (a ?? 1)), P = T(e, b, i ?? 0.03), p = n(r.x), d = s(r.y);
-      if (p < 0 || p > c || d < 0 || d > l)
-        return null;
-      const h = r.r ?? 3;
-      return /* @__PURE__ */ u(x, { ...P, children: r.shape === "triangle" ? /* @__PURE__ */ u("polygon", { points: A(p, d, h), fill: r.color ?? "black", stroke: r.stroke, opacity: r.opacity ?? 1 }) : /* @__PURE__ */ u("circle", { cx: p, cy: d, r: h, fill: r.color ?? "black", stroke: r.stroke, opacity: r.opacity ?? 1 }) }, `pt-${y}`);
-    }, o[9] = e, o[10] = i, o[11] = a, o[12] = l, o[13] = c, o[14] = n, o[15] = s, o[16] = f) : f = o[16], t = g.map(f), o[0] = e, o[1] = i, o[2] = a, o[3] = l, o[4] = c, o[5] = g, o[6] = n, o[7] = s, o[8] = t;
-  } else
-    t = o[8];
-  let m;
-  return o[17] !== t ? (m = /* @__PURE__ */ u("g", { children: t }), o[17] = t, o[18] = m) : m = o[18], m;
-};
+import { cubicBezier as e } from "./visualization.es391.js";
+const o = /* @__PURE__ */ e(0.42, 0, 1, 1), s = /* @__PURE__ */ e(0, 0, 0.58, 1), c = /* @__PURE__ */ e(0.42, 0, 0.58, 1);
 export {
-  G as default
+  o as easeIn,
+  c as easeInOut,
+  s as easeOut
 };
 //# sourceMappingURL=visualization.es91.js.map

package/dist/visualization.es91.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es91.js","sources":["../src/components/ScatterPlot/AnimatedPoints.tsx"],"sourcesContent":["import React from \"react\";\nimport { motion } from \"framer-motion\";\nimport { ScaleLinear } from \"@visx/vendor/d3-scale\";\nimport { AnimationType, getAnimationProps } from \"../../utility\";\nimport { Point } from \"./types\";\nimport { getTrianglePoints } from \"./helpers\";\n\ntype AnimatedPointsProps<T extends object> = {\n    pointData: Point<T>[];\n    animation: AnimationType;\n    animationGroupSize?: number;\n    animationBuffer?: number;\n    xScaleTransformed: ScaleLinear<number, number, never>;\n    yScaleTransformed: ScaleLinear<number, number, never>;\n    boundedWidth: number;\n    boundedHeight: number;\n};\n\nconst AnimatedPoints = <T extends object>({\n    pointData,\n    animation,\n    animationGroupSize,\n    animationBuffer,\n    xScaleTransformed,\n    yScaleTransformed,\n    boundedWidth,\n    boundedHeight,\n}: AnimatedPointsProps<T>) => (\n    <g>\n        {pointData.map((point, index) => {\n            const Wrapper = motion.g;\n            const groupIndex = Math.floor(index / (animationGroupSize ?? 1));\n            const animationProps = getAnimationProps(animation, groupIndex, animationBuffer ?? 0.03);\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            const radius = point.r ?? 3;\n            return (\n                <Wrapper key={`pt-${index}`} {...animationProps}>\n                    {point.shape === \"triangle\" ? (\n                        <polygon\n                            points={getTrianglePoints(cx, cy, radius)}\n                            fill={point.color ?? \"black\"}\n                            stroke={point.stroke}\n                            opacity={point.opacity ?? 1}\n                        />\n                    ) : (\n                        <circle\n                            cx={cx}\n                            cy={cy}\n                            r={radius}\n                            fill={point.color ?? \"black\"}\n                            stroke={point.stroke}\n                            opacity={point.opacity ?? 1}\n                        />\n                    )}\n                </Wrapper>\n            );\n        })}\n    </g>\n);\n\nexport default AnimatedPoints;\n"],"names":["AnimatedPoints","t0","$","_c","pointData","animation","animationGroupSize","animationBuffer","xScaleTransformed","yScaleTransformed","boundedWidth","boundedHeight","t1","t2","point","index","Wrapper","motion","g","groupIndex","Math","floor","animationProps","getAnimationProps","cx","x","cy","y","radius","r","jsx","shape","getTrianglePoints","color","stroke","opacity","map"],"mappings":";;;;;AAkBA,MAAMA,IAAiBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAmB;AAAA,IAAAC,WAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC,oBAAAA;AAAAA,IAAAC,iBAAAA;AAAAA,IAAAC,mBAAAA;AAAAA,IAAAC,mBAAAA;AAAAA,IAAAC,cAAAA;AAAAA,IAAAC,eAAAA;AAAAA,EAAAA,IAAAV;AASjB,MAAAW;AAAA,MAAAV,EAAA,CAAA,MAAAG,KAAAH,EAAA,CAAA,MAAAK,KAAAL,EAAA,CAAA,MAAAI,KAAAJ,EAAA,CAAA,MAAAS,KAAAT,EAAA,CAAA,MAAAQ,KAAAR,EAAA,CAAA,MAAAE,KAAAF,EAAA,CAAA,MAAAM,KAAAN,SAAAO,GAAA;AAAA,QAAAI;AAAA,IAAAX,EAAA,CAAA,MAAAG,KAAAH,EAAA,EAAA,MAAAK,KAAAL,EAAA,EAAA,MAAAI,KAAAJ,UAAAS,KAAAT,EAAA,EAAA,MAAAQ,KAAAR,EAAA,EAAA,MAAAM,KAAAN,EAAA,EAAA,MAAAO,KAEFI,IAAAA,CAAAC,GAAAC,MAAA;AACX,YAAAC,IAAgBC,EAAMC,GACtBC,IAAmBC,KAAIC,MAAON,KAAST,KAAA,EAAwB,GAC/DgB,IAAuBC,EAAkBlB,GAAWc,GAAYZ,KAAA,IAAuB,GACvFiB,IAAWhB,EAAkBM,EAAKW,CAAE,GACpCC,IAAWjB,EAAkBK,EAAKa,CAAE;AACpC,UAAIH,IAAK,KAAKA,IAAKd,KAAgBgB,IAAK,KAAKA,IAAKf;AAAa,eAAS;AACxE,YAAAiB,IAAed,EAAKe,KAAL;AAAa,aAExB,gBAAAC,EAACd,KAA0B,GAAMM,GAC5BR,YAAKiB,UAAW,4CAED,QAAAC,EAAkBR,GAAIE,GAAIE,CAAM,GAClC,MAAAd,EAAKmB,SAAL,SACE,QAAAnB,EAAKoB,QACJ,SAAApB,EAAKqB,WAAL,EAAA,CAAkB,IAG/B,gBAAAL,cACQN,IAAAA,GACAE,IAAAA,GACDE,MACG,MAAAd,EAAKmB,SAAL,SACE,QAAAnB,EAAKoB,QACJ,SAAApB,EAAKqB,WAAL,EAAA,CAAkB,EAAA,SAfnBpB,CAAK,EAkBzB;AAAA,IAAU,GAEjBb,OAAAG,GAAAH,QAAAK,GAAAL,QAAAI,GAAAJ,QAAAS,GAAAT,QAAAQ,GAAAR,QAAAM,GAAAN,QAAAO,GAAAP,QAAAW,KAAAA,IAAAX,EAAA,EAAA,GA7BAU,IAAAR,EAASgC,IAAKvB,CA6Bd,GAACX,OAAAG,GAAAH,OAAAK,GAAAL,OAAAI,GAAAJ,OAAAS,GAAAT,OAAAQ,GAAAR,OAAAE,GAAAF,OAAAM,GAAAN,OAAAO,GAAAP,OAAAU;AAAAA,EAAA;AAAAA,IAAAA,IAAAV,EAAA,CAAA;AAAA,MAAAW;AAAA,SAAAX,UAAAU,KA9BNC,6BACKD,UAAAA,EAAAA,CA8BL,GAAIV,QAAAU,GAAAV,QAAAW,KAAAA,IAAAX,EAAA,EAAA,GA/BJW;AA+BI;"}
+{"version":3,"file":"visualization.es91.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/easing/ease.mjs"],"sourcesContent":["import { cubicBezier } from './cubic-bezier.mjs';\n\nconst easeIn = /*@__PURE__*/ cubicBezier(0.42, 0, 1, 1);\nconst easeOut = /*@__PURE__*/ cubicBezier(0, 0, 0.58, 1);\nconst easeInOut = /*@__PURE__*/ cubicBezier(0.42, 0, 0.58, 1);\n\nexport { easeIn, easeInOut, easeOut };\n//# sourceMappingURL=ease.mjs.map\n"],"names":["easeIn","cubicBezier","easeOut","easeInOut"],"mappings":";AAEK,MAACA,IAAuB,gBAAAC,EAAY,MAAM,GAAG,GAAG,CAAC,GAChDC,IAAwB,gBAAAD,EAAY,GAAG,GAAG,MAAM,CAAC,GACjDE,IAA0B,gBAAAF,EAAY,MAAM,GAAG,MAAM,CAAC;","x_google_ignoreList":[0]}

package/dist/visualization.es92.js

@@ -1,48 +1,18 @@
-import { jsxs as E, jsx as b } from "react/jsx-runtime";
-import { c as $ } from "react/compiler-runtime";
-import v from "./visualization.es57.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;
+import i from "./visualization.es99.js";
+import { jsx as t } from "react/jsx-runtime";
+function a(r) {
+  let {
+    className: e,
+    innerRef: c,
+    ...s
+  } = r;
+  return /* @__PURE__ */ t("circle", {
+    ref: c,
+    className: i("visx-circle", e),
+    ...s
+  });
 }
 export {
-  H as default
+  a as default
 };
 //# sourceMappingURL=visualization.es92.js.map

package/dist/visualization.es92.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es92.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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"}
+{"version":3,"file":"visualization.es92.js","sources":["../../../node_modules/.pnpm/@visx+shape@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/shape/esm/shapes/Circle.js"],"sourcesContent":["import cx from 'classnames';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default function Circle(_ref) {\n  let {\n    className,\n    innerRef,\n    ...restProps\n  } = _ref;\n  return /*#__PURE__*/_jsx(\"circle\", {\n    ref: innerRef,\n    className: cx('visx-circle', className),\n    ...restProps\n  });\n}"],"names":["Circle","_ref","className","innerRef","restProps","_jsx","cx"],"mappings":";;AAEe,SAASA,EAAOC,GAAM;AACnC,MAAI;AAAA,IACF,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EACP,IAAMH;AACJ,SAAoBI,gBAAAA,EAAK,UAAU;AAAA,IACjC,KAAKF;AAAA,IACL,WAAWG,EAAG,eAAeJ,CAAS;AAAA,IACtC,GAAGE;AAAA,EACP,CAAG;AACH;","x_google_ignoreList":[0]}