@weng-lab/visualization 2.4.2 → 2.4.3

package/dist/visualization.es89.js

@@ -1,67 +1,178 @@
-import { useState as b, useCallback as S, useRef as A, useMemo as C, useEffect as D } from "react";
-import { debounce as O } from "./visualization.es229.js";
-const k = [], g = {
-  width: 0,
-  height: 0,
-  top: 0,
-  left: 0
-};
-function B() {
-  let {
-    initialSize: w = g,
-    debounceTime: c = 300,
-    ignoreDimensions: i = k,
-    enableDebounceLeadingCall: l = !0,
-    resizeObserverPolyfill: u,
-    externalRef: n
-  } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-  const [a, y] = b(null), z = S((e) => {
-    y(e), typeof n == "function" ? n(e) : n != null && (n.current = e);
-  }, [n]), f = A(0), [p, v] = b({
-    ...g,
-    ...w
-  }), s = C(() => {
-    const e = Array.isArray(i) ? i : [i];
-    return O((r) => {
-      v((o) => Object.keys(o).filter((t) => o[t] !== r[t]).every((t) => e.includes(t)) ? o : r);
-    }, c, {
-      leading: l
-    });
-  }, [c, l, i]);
-  return D(() => {
-    if (!a) {
-      s.cancel();
-      return;
-    }
-    const e = u || window.ResizeObserver, r = new e((o) => {
-      o.forEach((d) => {
-        const {
-          left: m,
-          top: h,
-          width: t,
-          height: R
-        } = d?.contentRect ?? {};
-        f.current = window.requestAnimationFrame(() => {
-          s({
-            width: t,
-            height: R,
-            top: h,
-            left: m
-          });
-        });
-      });
+import { jsxs as n, Fragment as ri, jsx as i } from "react/jsx-runtime";
+import { useId as oi, useCallback as ai, useState as ni, useRef as si } from "react";
+import di from "./visualization.es123.js";
+import ci from "./visualization.es126.js";
+import hi from "./visualization.es127.js";
+import { TICK_FONT_FAMILY as C, AXIS_TITLE_FONT_SIZE as M, yAxisTickLabelProps as mi } from "./visualization.es86.js";
+import { MINI_MAP_HEIGHT as pi, LEGEND_GAP as b } from "./visualization.es87.js";
+import { useHeatmapCanvasGrid as fi } from "./visualization.es128.js";
+import { useScrollToSelection as gi } from "./visualization.es129.js";
+import xi from "./visualization.es46.js";
+import vi from "./visualization.es12.js";
+import ui from "./visualization.es45.js";
+const R = 10, Si = ({
+  legendSvgRef: $,
+  layout: I,
+  data: L,
+  showMiniMap: p,
+  showLegend: f,
+  xLabel: P,
+  yLabel: S,
+  tooltipBody: g,
+  onClick: H,
+  selectedCells: _,
+  scrollToSelection: A,
+  xAxisTickFormat: E,
+  yAxisTickFormat: N,
+  xAxisTickLabelProps: V
+}) => {
+  const {
+    numRows: F,
+    marg: G,
+    xMax: d,
+    yMax: c,
+    viewportWidth: e,
+    viewportHeight: t,
+    yTitleWidth: l,
+    yTickLabelWidth: o,
+    xTitleHeight: s,
+    xTickLabelHeight: a,
+    binWidth: O,
+    xTickLeftOverhangMax: x,
+    legendWidth: h,
+    xScale: W,
+    yScale: j,
+    xTickValues: X,
+    yTickValues: B,
+    stableColors: z,
+    minValue: D,
+    maxValue: Y,
+    canvasCellParams: m
+  } = I, {
+    canvasRef: K,
+    mainPaneRef: v,
+    canvasTooltipRef: Z,
+    setMainPaneNode: q,
+    handleGridScroll: J,
+    axisScrollPos: r,
+    visibleXTickValues: Q,
+    visibleYTickValues: U,
+    canvasHandlers: ii
+  } = fi({
+    canvasCellParams: m,
+    viewportWidth: e,
+    viewportHeight: t,
+    xTickValues: X,
+    yTickValues: B,
+    isScrollable: !0,
+    onClick: H
+  });
+  gi({
+    mainPaneRef: v,
+    selectedCells: _,
+    scrollToSelection: A,
+    isScrollable: !0,
+    binWidth: O,
+    viewportWidth: e
+  });
+  const u = oi(), w = Math.max(0, x - r.left), y = ai((ti, li) => {
+    v.current?.scrollTo({
+      left: ti,
+      top: li
     });
-    return r.observe(a), () => {
-      window.cancelAnimationFrame(f.current), r.disconnect(), s.cancel();
-    };
-  }, [a, s, u]), {
-    parentRef: z,
-    node: a,
-    resize: s,
-    ...p
-  };
-}
+  }, []), [ei, T] = ni(!1), k = si(null);
+  return /* @__PURE__ */ n(ri, { children: [
+    /* @__PURE__ */ n("div", { style: {
+      display: "flex",
+      flexDirection: "column"
+    }, children: [
+      p && /* @__PURE__ */ i("div", { ref: k, style: {
+        marginLeft: l + o,
+        position: "relative",
+        width: e
+      }, children: /* @__PURE__ */ i(ci, { canvasCellParams: m, xMax: d, yMax: c, viewportWidth: e, viewportHeight: t, scrollLeft: r.left, scrollTop: r.top, width: e, height: pi, onNavigate: y, onCanvasClick: () => T(!0) }) }),
+      /* @__PURE__ */ n("div", { style: {
+        display: "grid",
+        gridTemplateColumns: f ? `${l}px ${o}px ${e}px ${b + h}px` : `${l}px ${o}px ${e}px`,
+        gridTemplateRows: `${G.top}px ${t}px ${a}px ${s}px`
+      }, children: [
+        /* @__PURE__ */ i("div", { style: {
+          gridColumn: 1,
+          gridRow: 2,
+          width: l,
+          height: t,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center"
+        }, children: /* @__PURE__ */ i("svg", { width: l, height: t, children: /* @__PURE__ */ i("text", { x: l / 2, y: t / 2, transform: `rotate(-90, ${l / 2}, ${t / 2})`, textAnchor: "middle", dominantBaseline: "middle", fontSize: M, fontFamily: C, children: S ?? "" }) }) }),
+        /* @__PURE__ */ i("div", { style: {
+          gridColumn: 2,
+          gridRow: 2,
+          width: o,
+          height: t,
+          overflow: "hidden"
+        }, children: /* @__PURE__ */ i("svg", { width: o, height: t, children: /* @__PURE__ */ i("g", { transform: `translate(${o},${-r.top})`, children: /* @__PURE__ */ i(xi, { scale: j, numTicks: F, tickValues: U, tickFormat: N, tickLabelProps: mi }) }) }) }),
+        /* @__PURE__ */ i("div", { ref: q, onScroll: J, style: {
+          gridColumn: 3,
+          gridRow: 2,
+          width: e,
+          height: t,
+          overflow: "auto",
+          overscrollBehavior: "contain",
+          position: "relative"
+        }, children: /* @__PURE__ */ i("div", { style: {
+          width: d,
+          height: c,
+          position: "relative"
+        }, children: /* @__PURE__ */ i("canvas", { ref: K, width: e * (window.devicePixelRatio || 1), height: t * (window.devicePixelRatio || 1), style: {
+          width: e,
+          height: t,
+          position: "sticky",
+          top: 0,
+          left: 0,
+          display: "block",
+          cursor: "default"
+        }, ...ii }) }) }),
+        g && /* @__PURE__ */ i(vi, { ref: Z, children: g }),
+        /* @__PURE__ */ i("div", { style: {
+          gridColumn: 3,
+          gridRow: 3,
+          width: e,
+          height: a,
+          overflow: "visible"
+        }, children: /* @__PURE__ */ n("svg", { width: e, height: a, style: {
+          overflow: "visible"
+        }, children: [
+          /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ n("clipPath", { id: u, children: [
+            /* @__PURE__ */ i("rect", { x: 0, y: 0, width: e, height: a }),
+            x > 0 && /* @__PURE__ */ i("rect", { x: -w, y: R, width: w, height: Math.max(0, a - R) })
+          ] }) }),
+          /* @__PURE__ */ i("g", { clipPath: `url(#${u})`, children: /* @__PURE__ */ i("g", { transform: `translate(${-r.left},0)`, children: /* @__PURE__ */ i(ui, { top: 0, scale: W, numTicks: L.length, tickFormat: E, tickValues: Q, tickLabelProps: V }) }) })
+        ] }) }),
+        /* @__PURE__ */ i("div", { style: {
+          gridColumn: 3,
+          gridRow: 4,
+          width: e,
+          height: s,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center"
+        }, children: /* @__PURE__ */ i("svg", { width: e, height: s, children: /* @__PURE__ */ i("text", { x: e / 2, y: s / 2, textAnchor: "middle", dominantBaseline: "middle", fontSize: M, fontFamily: C, children: P ?? "" }) }) }),
+        f && /* @__PURE__ */ i("div", { style: {
+          gridColumn: 4,
+          gridRow: 2,
+          width: h,
+          marginLeft: b,
+          height: t
+        }, children: /* @__PURE__ */ i("svg", { width: h, height: t, ref: $, style: {
+          overflow: "visible"
+        }, children: /* @__PURE__ */ i(di, { colors: z, minValue: D, maxValue: Y, height: t }) }) })
+      ] })
+    ] }),
+    p && ei && /* @__PURE__ */ i(hi, { onClose: () => T(!1), containerRef: k, canvasCellParams: m, xMax: d, yMax: c, viewportWidth: e, viewportHeight: t, scrollLeft: r.left, scrollTop: r.top, onNavigate: y })
+  ] });
+};
 export {
-  B as default
+  Si as default
 };
 //# sourceMappingURL=visualization.es89.js.map

package/dist/visualization.es89.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es89.js","sources":["../../../node_modules/.pnpm/@visx+responsive@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/responsive/esm/hooks/useParentSize.js"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { debounce } from \"../utils/debounce.js\";\nconst defaultIgnoreDimensions = [];\nconst defaultInitialSize = {\n  width: 0,\n  height: 0,\n  top: 0,\n  left: 0\n};\nexport default function useParentSize() {\n  let {\n    initialSize = defaultInitialSize,\n    debounceTime = 300,\n    ignoreDimensions = defaultIgnoreDimensions,\n    enableDebounceLeadingCall = true,\n    resizeObserverPolyfill,\n    externalRef\n  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n  const [node, setNode] = useState(null);\n  const parentRef = useCallback(el => {\n    setNode(el);\n    if (typeof externalRef === 'function') {\n      externalRef(el);\n    } else if (externalRef != null) {\n      // eslint-disable-next-line no-param-reassign -- standard ref-merging pattern\n      externalRef.current = el;\n    }\n  }, [externalRef]);\n  const animationFrameID = useRef(0);\n  const [state, setState] = useState({\n    ...defaultInitialSize,\n    ...initialSize\n  });\n  const resize = useMemo(() => {\n    const normalized = Array.isArray(ignoreDimensions) ? ignoreDimensions : [ignoreDimensions];\n    return debounce(incoming => {\n      setState(existing => {\n        const stateKeys = Object.keys(existing);\n        const keysWithChanges = stateKeys.filter(key => existing[key] !== incoming[key]);\n        const shouldBail = keysWithChanges.every(key => normalized.includes(key));\n        return shouldBail ? existing : incoming;\n      });\n    }, debounceTime, {\n      leading: enableDebounceLeadingCall\n    });\n  }, [debounceTime, enableDebounceLeadingCall, ignoreDimensions]);\n  useEffect(() => {\n    if (!node) {\n      resize.cancel();\n      return;\n    }\n    const LocalResizeObserver = resizeObserverPolyfill || window.ResizeObserver;\n    const observer = new LocalResizeObserver(entries => {\n      entries.forEach(entry => {\n        const {\n          left,\n          top,\n          width,\n          height\n        } = entry?.contentRect ?? {};\n        animationFrameID.current = window.requestAnimationFrame(() => {\n          resize({\n            width,\n            height,\n            top,\n            left\n          });\n        });\n      });\n    });\n    observer.observe(node);\n    return () => {\n      window.cancelAnimationFrame(animationFrameID.current);\n      observer.disconnect();\n      resize.cancel();\n    };\n  }, [node, resize, resizeObserverPolyfill]);\n  return {\n    parentRef,\n    node,\n    resize,\n    ...state\n  };\n}"],"names":["defaultIgnoreDimensions","defaultInitialSize","useParentSize","initialSize","debounceTime","ignoreDimensions","enableDebounceLeadingCall","resizeObserverPolyfill","externalRef","node","setNode","useState","parentRef","useCallback","el","animationFrameID","useRef","state","setState","resize","useMemo","normalized","debounce","incoming","existing","key","useEffect","LocalResizeObserver","observer","entries","entry","left","top","width","height"],"mappings":";;AAEA,MAAMA,IAA0B,CAAA,GAC1BC,IAAqB;AAAA,EACzB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,MAAM;AACR;AACe,SAASC,IAAgB;AACtC,MAAI;AAAA,IACF,aAAAC,IAAcF;AAAA,IACd,cAAAG,IAAe;AAAA,IACf,kBAAAC,IAAmBL;AAAA,IACnB,2BAAAM,IAA4B;AAAA,IAC5B,wBAAAC;AAAA,IACA,aAAAC;AAAA,EACJ,IAAM,UAAU,SAAS,KAAK,UAAU,CAAC,MAAM,SAAY,UAAU,CAAC,IAAI,CAAA;AACxE,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAS,IAAI,GAC/BC,IAAYC,EAAY,CAAAC,MAAM;AAClC,IAAAJ,EAAQI,CAAE,GACN,OAAON,KAAgB,aACzBA,EAAYM,CAAE,IACLN,KAAe,SAExBA,EAAY,UAAUM;AAAA,EAE1B,GAAG,CAACN,CAAW,CAAC,GACVO,IAAmBC,EAAO,CAAC,GAC3B,CAACC,GAAOC,CAAQ,IAAIP,EAAS;AAAA,IACjC,GAAGV;AAAA,IACH,GAAGE;AAAA,EACP,CAAG,GACKgB,IAASC,EAAQ,MAAM;AAC3B,UAAMC,IAAa,MAAM,QAAQhB,CAAgB,IAAIA,IAAmB,CAACA,CAAgB;AACzF,WAAOiB,EAAS,CAAAC,MAAY;AAC1B,MAAAL,EAAS,CAAAM,MACW,OAAO,KAAKA,CAAQ,EACJ,OAAO,CAAAC,MAAOD,EAASC,CAAG,MAAMF,EAASE,CAAG,CAAC,EAC5C,MAAM,CAAAA,MAAOJ,EAAW,SAASI,CAAG,CAAC,IACpDD,IAAWD,CAChC;AAAA,IACH,GAAGnB,GAAc;AAAA,MACf,SAASE;AAAA,IACf,CAAK;AAAA,EACH,GAAG,CAACF,GAAcE,GAA2BD,CAAgB,CAAC;AAC9D,SAAAqB,EAAU,MAAM;AACd,QAAI,CAACjB,GAAM;AACT,MAAAU,EAAO,OAAM;AACb;AAAA,IACF;AACA,UAAMQ,IAAsBpB,KAA0B,OAAO,gBACvDqB,IAAW,IAAID,EAAoB,CAAAE,MAAW;AAClD,MAAAA,EAAQ,QAAQ,CAAAC,MAAS;AACvB,cAAM;AAAA,UACJ,MAAAC;AAAA,UACA,KAAAC;AAAA,UACA,OAAAC;AAAA,UACA,QAAAC;AAAA,QACV,IAAYJ,GAAO,eAAe,CAAA;AAC1B,QAAAf,EAAiB,UAAU,OAAO,sBAAsB,MAAM;AAC5D,UAAAI,EAAO;AAAA,YACL,OAAAc;AAAA,YACA,QAAAC;AAAA,YACA,KAAAF;AAAA,YACA,MAAAD;AAAA,UACZ,CAAW;AAAA,QACH,CAAC;AAAA,MACH,CAAC;AAAA,IACH,CAAC;AACD,WAAAH,EAAS,QAAQnB,CAAI,GACd,MAAM;AACX,aAAO,qBAAqBM,EAAiB,OAAO,GACpDa,EAAS,WAAU,GACnBT,EAAO,OAAM;AAAA,IACf;AAAA,EACF,GAAG,CAACV,GAAMU,GAAQZ,CAAsB,CAAC,GAClC;AAAA,IACL,WAAAK;AAAA,IACA,MAAAH;AAAA,IACA,QAAAU;AAAA,IACA,GAAGF;AAAA,EACP;AACA;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es89.js","sources":["../src/components/Heatmap/scrollable/HeatmapScrollableGrid.tsx"],"sourcesContent":["import { useCallback, useId, useRef, useState, type ReactElement, type RefObject } from \"react\";\nimport { AxisLeft, AxisBottom } from \"@visx/axis\";\nimport type { ColumnDatum, HeatmapCellId } from \"../types\";\nimport type { AnyBin } from \"../HeatmapCells\";\nimport HeatmapLegend from \"../HeatmapLegend\";\nimport HeatmapMiniMap from \"./HeatmapMiniMap\";\nimport HeatmapMiniMapPopup from \"./HeatmapMiniMapPopup\";\nimport { PlotTooltip } from \"../../../tooltip\";\nimport { TICK_FONT_FAMILY, AXIS_TITLE_FONT_SIZE, yAxisTickLabelProps, type getXAxisTickLabelProps } from \"../heatmapAxisProps\";\nimport { LEGEND_GAP, MINI_MAP_HEIGHT, type HeatmapLayout } from \"../heatmapLayout\";\nimport { useHeatmapCanvasGrid } from \"../hooks/useHeatmapCanvasGrid\";\nimport { useScrollToSelection } from \"../hooks/useScrollToSelection\";\n\nconst X_AXIS_OVERHANG_CLIP_HEIGHT = 10;\n\nexport interface HeatmapScrollableGridProps {\n  legendSvgRef: RefObject<SVGSVGElement | null>;\n  layout: HeatmapLayout;\n  data: ColumnDatum[];\n  showMiniMap: boolean;\n  showLegend: boolean;\n  xLabel?: string;\n  yLabel?: string;\n  tooltipBody?: (bin: AnyBin) => ReactElement;\n  onClick?: (bin: AnyBin) => void;\n  selectedCells?: HeatmapCellId[];\n  scrollToSelection?: boolean;\n  xAxisTickFormat: (d: number | { valueOf(): number }) => string;\n  yAxisTickFormat: (d: number | { valueOf(): number }) => string;\n  xAxisTickLabelProps: ReturnType<typeof getXAxisTickLabelProps>;\n}\n\nconst HeatmapScrollableGrid = ({\n  legendSvgRef, layout, data, showMiniMap, showLegend, xLabel, yLabel, tooltipBody, onClick,\n  selectedCells, scrollToSelection, xAxisTickFormat, yAxisTickFormat, xAxisTickLabelProps,\n}: HeatmapScrollableGridProps) => {\n  const {\n    numRows, marg, xMax, yMax, viewportWidth, viewportHeight, yTitleWidth, yTickLabelWidth,\n    xTitleHeight, xTickLabelHeight, binWidth, xTickLeftOverhangMax, legendWidth,\n    xScale, yScale, xTickValues, yTickValues, stableColors, minValue, maxValue, canvasCellParams,\n  } = layout;\n\n  const {\n    canvasRef, mainPaneRef, canvasTooltipRef, setMainPaneNode, handleGridScroll, axisScrollPos,\n    visibleXTickValues, visibleYTickValues, canvasHandlers,\n  } = useHeatmapCanvasGrid({\n    canvasCellParams, viewportWidth, viewportHeight, xTickValues, yTickValues, isScrollable: true, onClick,\n  });\n  useScrollToSelection({ mainPaneRef, selectedCells, scrollToSelection, isScrollable: true, binWidth, viewportWidth });\n\n  const xTickClipId = useId();\n  // Shrinks to 0 as soon as scrolling moves away from the start, so the reveal only ever applies\n  // to column 0's genuine edge case (nothing real to its left) and doesn't linger over the y-axis\n  // pane at other scroll positions, where a real, adjacent column - not empty space - would\n  // otherwise show through.\n  const xTickLeftOverhang = Math.max(0, xTickLeftOverhangMax - axisScrollPos.left);\n\n  // Drives the minimap: scrollTo dispatches a native scroll event on mainPaneRef, which\n  // handleGridScroll picks up the same way it would a manual scroll (repainting the canvas and\n  // updating axisScrollPos, which also moves the minimap's own viewport rectangle).\n  const handleMiniMapNavigate = useCallback((left: number, top: number) => {\n    mainPaneRef.current?.scrollTo({ left, top });\n  }, []);\n\n  const [isMiniMapExpanded, setIsMiniMapExpanded] = useState(false);\n  const miniMapContainerRef = useRef<HTMLDivElement | null>(null);\n\n  return (\n    <>\n      <div style={{ display: \"flex\", flexDirection: \"column\" }}>\n        {showMiniMap && (\n          <div ref={miniMapContainerRef} style={{ marginLeft: yTitleWidth + yTickLabelWidth, position: \"relative\", width: viewportWidth }}>\n            <HeatmapMiniMap\n              canvasCellParams={canvasCellParams}\n              xMax={xMax}\n              yMax={yMax}\n              viewportWidth={viewportWidth}\n              viewportHeight={viewportHeight}\n              scrollLeft={axisScrollPos.left}\n              scrollTop={axisScrollPos.top}\n              width={viewportWidth}\n              height={MINI_MAP_HEIGHT}\n              onNavigate={handleMiniMapNavigate}\n              onCanvasClick={() => setIsMiniMapExpanded(true)}\n            />\n          </div>\n        )}\n        <div\n          style={{\n            display: \"grid\",\n            gridTemplateColumns: showLegend\n              ? `${yTitleWidth}px ${yTickLabelWidth}px ${viewportWidth}px ${LEGEND_GAP + legendWidth}px`\n              : `${yTitleWidth}px ${yTickLabelWidth}px ${viewportWidth}px`,\n            gridTemplateRows: `${marg.top}px ${viewportHeight}px ${xTickLabelHeight}px ${xTitleHeight}px`,\n          }}\n        >\n          <div style={{ gridColumn: 1, gridRow: 2, width: yTitleWidth, height: viewportHeight, display: \"flex\", alignItems: \"center\", justifyContent: \"center\" }}>\n            <svg width={yTitleWidth} height={viewportHeight}>\n              <text\n                x={yTitleWidth / 2}\n                y={viewportHeight / 2}\n                transform={`rotate(-90, ${yTitleWidth / 2}, ${viewportHeight / 2})`}\n                textAnchor=\"middle\"\n                dominantBaseline=\"middle\"\n                fontSize={AXIS_TITLE_FONT_SIZE}\n                fontFamily={TICK_FONT_FAMILY}\n              >\n                {yLabel ?? \"\"}\n              </text>\n            </svg>\n          </div>\n          <div style={{ gridColumn: 2, gridRow: 2, width: yTickLabelWidth, height: viewportHeight, overflow: \"hidden\" }}>\n            <svg width={yTickLabelWidth} height={viewportHeight}>\n              <g transform={`translate(${yTickLabelWidth},${-axisScrollPos.top})`}>\n                <AxisLeft\n                  scale={yScale}\n                  numTicks={numRows}\n                  tickValues={visibleYTickValues}\n                  tickFormat={yAxisTickFormat}\n                  tickLabelProps={yAxisTickLabelProps}\n                />\n              </g>\n            </svg>\n          </div>\n          <div\n            ref={setMainPaneNode}\n            onScroll={handleGridScroll}\n            style={{ gridColumn: 3, gridRow: 2, width: viewportWidth, height: viewportHeight, overflow: \"auto\", overscrollBehavior: \"contain\", position: \"relative\" }}\n          >\n            <div style={{ width: xMax, height: yMax, position: \"relative\" }}>\n              <canvas\n                ref={canvasRef}\n                width={viewportWidth * (window.devicePixelRatio || 1)}\n                height={viewportHeight * (window.devicePixelRatio || 1)}\n                style={{\n                  width: viewportWidth,\n                  height: viewportHeight,\n                  position: \"sticky\",\n                  top: 0,\n                  left: 0,\n                  display: \"block\",\n                  cursor: \"default\",\n                }}\n                {...canvasHandlers}\n              />\n            </div>\n          </div>\n          {tooltipBody && <PlotTooltip ref={canvasTooltipRef}>{tooltipBody}</PlotTooltip>}\n          <div style={{ gridColumn: 3, gridRow: 3, width: viewportWidth, height: xTickLabelHeight, overflow: \"visible\" }}>\n            <svg width={viewportWidth} height={xTickLabelHeight} style={{ overflow: \"visible\" }}>\n              <defs>\n                <clipPath id={xTickClipId}>\n                  <rect x={0} y={0} width={viewportWidth} height={xTickLabelHeight} />\n                  {xTickLeftOverhangMax > 0 && (\n                    <rect\n                      x={-xTickLeftOverhang}\n                      y={X_AXIS_OVERHANG_CLIP_HEIGHT}\n                      width={xTickLeftOverhang}\n                      height={Math.max(0, xTickLabelHeight - X_AXIS_OVERHANG_CLIP_HEIGHT)}\n                    />\n                  )}\n                </clipPath>\n              </defs>\n              <g clipPath={`url(#${xTickClipId})`}>\n                <g transform={`translate(${-axisScrollPos.left},0)`}>\n                  <AxisBottom\n                    top={0}\n                    scale={xScale}\n                    numTicks={data.length}\n                    tickFormat={xAxisTickFormat}\n                    tickValues={visibleXTickValues}\n                    tickLabelProps={xAxisTickLabelProps}\n                  />\n                </g>\n              </g>\n            </svg>\n          </div>\n          {/* X-axis title: fixed in place (not scroll-synced) so it's always visible, centered on\n              the visible viewport rather than the full data range */}\n          <div style={{ gridColumn: 3, gridRow: 4, width: viewportWidth, height: xTitleHeight, display: \"flex\", alignItems: \"center\", justifyContent: \"center\" }}>\n            <svg width={viewportWidth} height={xTitleHeight}>\n              <text\n                x={viewportWidth / 2}\n                y={xTitleHeight / 2}\n                textAnchor=\"middle\"\n                dominantBaseline=\"middle\"\n                fontSize={AXIS_TITLE_FONT_SIZE}\n                fontFamily={TICK_FONT_FAMILY}\n              >\n                {xLabel ?? \"\"}\n              </text>\n            </svg>\n          </div>\n          {showLegend && (\n            <div style={{ gridColumn: 4, gridRow: 2, width: legendWidth, marginLeft: LEGEND_GAP, height: viewportHeight }}>\n              <svg width={legendWidth} height={viewportHeight} ref={legendSvgRef} style={{ overflow: \"visible\" }}>\n                <HeatmapLegend\n                  colors={stableColors}\n                  minValue={minValue}\n                  maxValue={maxValue}\n                  height={viewportHeight}\n                />\n              </svg>\n            </div>\n          )}\n        </div>\n      </div>\n      {showMiniMap && isMiniMapExpanded && (\n        <HeatmapMiniMapPopup\n          onClose={() => setIsMiniMapExpanded(false)}\n          containerRef={miniMapContainerRef}\n          canvasCellParams={canvasCellParams}\n          xMax={xMax}\n          yMax={yMax}\n          viewportWidth={viewportWidth}\n          viewportHeight={viewportHeight}\n          scrollLeft={axisScrollPos.left}\n          scrollTop={axisScrollPos.top}\n          onNavigate={handleMiniMapNavigate}\n        />\n      )}\n    </>\n  );\n};\n\nexport default HeatmapScrollableGrid;\n"],"names":["X_AXIS_OVERHANG_CLIP_HEIGHT","HeatmapScrollableGrid","legendSvgRef","layout","data","showMiniMap","showLegend","xLabel","yLabel","tooltipBody","onClick","selectedCells","scrollToSelection","xAxisTickFormat","yAxisTickFormat","xAxisTickLabelProps","numRows","marg","xMax","yMax","viewportWidth","viewportHeight","yTitleWidth","yTickLabelWidth","xTitleHeight","xTickLabelHeight","binWidth","xTickLeftOverhangMax","legendWidth","xScale","yScale","xTickValues","yTickValues","stableColors","minValue","maxValue","canvasCellParams","canvasRef","mainPaneRef","canvasTooltipRef","setMainPaneNode","handleGridScroll","axisScrollPos","visibleXTickValues","visibleYTickValues","canvasHandlers","useHeatmapCanvasGrid","isScrollable","useScrollToSelection","xTickClipId","useId","xTickLeftOverhang","Math","max","left","handleMiniMapNavigate","useCallback","top","current","scrollTo","isMiniMapExpanded","setIsMiniMapExpanded","useState","miniMapContainerRef","useRef","jsxs","Fragment","display","flexDirection","jsx","marginLeft","position","width","HeatmapMiniMap","MINI_MAP_HEIGHT","gridTemplateColumns","LEGEND_GAP","gridTemplateRows","gridColumn","gridRow","height","alignItems","justifyContent","AXIS_TITLE_FONT_SIZE","TICK_FONT_FAMILY","overflow","AxisLeft","yAxisTickLabelProps","overscrollBehavior","window","devicePixelRatio","cursor","PlotTooltip","AxisBottom","length","HeatmapLegend","HeatmapMiniMapPopup"],"mappings":"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"}

package/dist/visualization.es9.js

@@ -1,7 +1,7 @@
 import { jsx as p } from "react/jsx-runtime";
 import { c as u } from "react/compiler-runtime";
 import { useState as P } from "react";
-import g from "./visualization.es65.js";
+import g from "./visualization.es72.js";
 const y = (m) => {
   const t = u(11), {
     children: e,

package/dist/visualization.es90.js

@@ -1,8 +1,77 @@
-import { getDefaultExportFromCjs as o } from "./visualization.es226.js";
-import { __require as r } from "./visualization.es240.js";
-var t = r();
-const d = /* @__PURE__ */ o(t);
+import { jsx as f, jsxs as D } from "react/jsx-runtime";
+import { c as Q } from "react/compiler-runtime";
+import U from "./visualization.es130.js";
+import { heatmapCellStyles as Z } from "./visualization.es131.js";
+import ee from "./visualization.es123.js";
+import { xAxisLabelProps as te, yAxisLabelProps as le, yAxisTickLabelProps as oe } from "./visualization.es86.js";
+import { AXIS_LABEL_GAP as I, LEGEND_GAP as se } from "./visualization.es87.js";
+import ae from "./visualization.es45.js";
+import ie from "./visualization.es46.js";
+const ge = (X) => {
+  const e = Q(51), {
+    svgRef: b,
+    layout: Y,
+    parentWidth: g,
+    parentHeight: d,
+    data: t,
+    gap: k,
+    isRect: L,
+    animationType: y,
+    tooltipBody: u,
+    onClick: A,
+    selectedCells: P,
+    deselectedColor: S,
+    xLabel: q,
+    yLabel: z,
+    showLegend: T,
+    xAxisTickFormat: C,
+    yAxisTickFormat: H,
+    xAxisTickLabelProps: V
+  } = X, {
+    marg: O,
+    xMax: _,
+    yMax: l,
+    xScale: o,
+    yScale: w,
+    cellYScale: F,
+    stableColors: s,
+    minValue: a,
+    maxValue: i,
+    binWidth: R,
+    binHeight: $,
+    numRows: v,
+    xTickValues: B,
+    yTickValues: E,
+    colLabelHeight: J,
+    maxRowNameWidth: K
+  } = Y;
+  let x;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ f("style", { children: Z }), e[0] = x) : x = e[0];
+  const G = `translate(${O.left},${O.top})`;
+  let r;
+  e[1] !== y || e[2] !== $ || e[3] !== R || e[4] !== F || e[5] !== t || e[6] !== S || e[7] !== k || e[8] !== L || e[9] !== i || e[10] !== a || e[11] !== A || e[12] !== P || e[13] !== s || e[14] !== u || e[15] !== o ? (r = /* @__PURE__ */ f(U, { data: t, xScale: o, yScale: F, colors: s, minValue: a, maxValue: i, gap: k, isRect: L, binWidth: R, binHeight: $, animationType: y, tooltipBody: u, onClick: A, selectedCells: P, deselectedColor: S }), e[1] = y, e[2] = $, e[3] = R, e[4] = F, e[5] = t, e[6] = S, e[7] = k, e[8] = L, e[9] = i, e[10] = a, e[11] = A, e[12] = P, e[13] = s, e[14] = u, e[15] = o, e[16] = r) : r = e[16];
+  const W = q ?? "", j = J + I;
+  let c;
+  e[17] !== t.length || e[18] !== W || e[19] !== j || e[20] !== C || e[21] !== V || e[22] !== o || e[23] !== B || e[24] !== l ? (c = /* @__PURE__ */ f(ae, { top: l, scale: o, numTicks: t.length, tickFormat: C, tickValues: B, tickLabelProps: V, label: W, labelOffset: j, labelProps: te }), e[17] = t.length, e[18] = W, e[19] = j, e[20] = C, e[21] = V, e[22] = o, e[23] = B, e[24] = l, e[25] = c) : c = e[25];
+  const M = z ?? "", N = K + I;
+  let m;
+  e[26] !== v || e[27] !== M || e[28] !== N || e[29] !== H || e[30] !== w || e[31] !== E ? (m = /* @__PURE__ */ f(ie, { scale: w, numTicks: v, tickValues: E, tickFormat: H, tickLabelProps: oe, label: M, labelOffset: N, labelProps: le }), e[26] = v, e[27] = M, e[28] = N, e[29] = H, e[30] = w, e[31] = E, e[32] = m) : m = e[32];
+  let n;
+  e[33] !== i || e[34] !== a || e[35] !== T || e[36] !== s || e[37] !== _ || e[38] !== l ? (n = T && /* @__PURE__ */ f("g", { transform: `translate(${_ + se}, 0)`, children: /* @__PURE__ */ f(ee, { colors: s, minValue: a, maxValue: i, height: l }) }), e[33] = i, e[34] = a, e[35] = T, e[36] = s, e[37] = _, e[38] = l, e[39] = n) : n = e[39];
+  let p;
+  e[40] !== n || e[41] !== G || e[42] !== r || e[43] !== c || e[44] !== m ? (p = /* @__PURE__ */ D("g", { transform: G, children: [
+    r,
+    c,
+    m,
+    n
+  ] }), e[40] = n, e[41] = G, e[42] = r, e[43] = c, e[44] = m, e[45] = p) : p = e[45];
+  let h;
+  return e[46] !== d || e[47] !== g || e[48] !== b || e[49] !== p ? (h = /* @__PURE__ */ D("svg", { width: g, height: d, ref: b, children: [
+    x,
+    p
+  ] }), e[46] = d, e[47] = g, e[48] = b, e[49] = p, e[50] = h) : h = e[50], h;
+};
 export {
-  d as default
+  ge as default
 };
 //# sourceMappingURL=visualization.es90.js.map

package/dist/visualization.es90.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es90.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"visualization.es90.js","sources":["../src/components/Heatmap/HeatmapStaticSvg.tsx"],"sourcesContent":["import { type ReactElement, type RefObject } from \"react\";\nimport { AxisLeft, AxisBottom } from \"@visx/axis\";\nimport type { ColumnDatum, HeatmapCellId } from \"./types\";\nimport type { AnimationType } from \"../../utility\";\nimport type { AnyBin } from \"./HeatmapCells\";\nimport HeatmapCells from \"./HeatmapCells\";\nimport { heatmapCellStyles } from \"./HeatmapCell\";\nimport HeatmapLegend from \"./HeatmapLegend\";\nimport { xAxisLabelProps, yAxisTickLabelProps, yAxisLabelProps, type getXAxisTickLabelProps } from \"./heatmapAxisProps\";\nimport { LEGEND_GAP, AXIS_LABEL_GAP, type HeatmapLayout } from \"./heatmapLayout\";\n\nexport interface HeatmapStaticSvgProps {\n  svgRef: RefObject<SVGSVGElement | null>;\n  layout: HeatmapLayout;\n  parentWidth: number;\n  parentHeight: number;\n  data: ColumnDatum[];\n  gap: number;\n  isRect: boolean;\n  animationType?: AnimationType;\n  tooltipBody?: (bin: AnyBin) => ReactElement;\n  onClick?: (bin: AnyBin) => void;\n  selectedCells?: HeatmapCellId[];\n  deselectedColor?: string;\n  xLabel?: string;\n  yLabel?: string;\n  showLegend: boolean;\n  xAxisTickFormat: (d: number | { valueOf(): number }) => string;\n  yAxisTickFormat: (d: number | { valueOf(): number }) => string;\n  xAxisTickLabelProps: ReturnType<typeof getXAxisTickLabelProps>;\n}\n\nconst HeatmapStaticSvg = ({\n  svgRef, layout, parentWidth, parentHeight, data, gap, isRect, animationType, tooltipBody,\n  onClick, selectedCells, deselectedColor, xLabel, yLabel, showLegend,\n  xAxisTickFormat, yAxisTickFormat, xAxisTickLabelProps,\n}: HeatmapStaticSvgProps) => {\n  const {\n    marg, xMax, yMax, xScale, yScale, cellYScale, stableColors, minValue, maxValue,\n    binWidth, binHeight, numRows, xTickValues, yTickValues, colLabelHeight, maxRowNameWidth, legendWidth,\n  } = layout;\n\n  return (\n    <svg width={parentWidth} height={parentHeight} ref={svgRef}>\n      {/* Inside the <svg> so cell hover styling survives the SVG/PNG download serialization */}\n      <style>{heatmapCellStyles}</style>\n      <g transform={`translate(${marg.left},${marg.top})`}>\n        <HeatmapCells\n          data={data}\n          xScale={xScale}\n          yScale={cellYScale}\n          colors={stableColors}\n          minValue={minValue}\n          maxValue={maxValue}\n          gap={gap}\n          isRect={isRect}\n          binWidth={binWidth}\n          binHeight={binHeight}\n          animationType={animationType}\n          tooltipBody={tooltipBody}\n          onClick={onClick}\n          selectedCells={selectedCells}\n          deselectedColor={deselectedColor}\n        />\n        <AxisBottom\n          top={yMax}\n          scale={xScale}\n          numTicks={data.length}\n          tickFormat={xAxisTickFormat}\n          tickValues={xTickValues}\n          tickLabelProps={xAxisTickLabelProps}\n          label={xLabel ?? \"\"}\n          labelOffset={colLabelHeight + AXIS_LABEL_GAP}\n          labelProps={xAxisLabelProps}\n        />\n        <AxisLeft\n          scale={yScale}\n          numTicks={numRows}\n          tickValues={yTickValues}\n          tickFormat={yAxisTickFormat}\n          tickLabelProps={yAxisTickLabelProps}\n          label={yLabel ?? \"\"}\n          labelOffset={maxRowNameWidth + AXIS_LABEL_GAP}\n          labelProps={yAxisLabelProps}\n        />\n        {showLegend && (\n          <g transform={`translate(${xMax + LEGEND_GAP}, 0)`}>\n            <HeatmapLegend\n              colors={stableColors}\n              minValue={minValue}\n              maxValue={maxValue}\n              height={yMax}\n            />\n          </g>\n        )}\n      </g>\n    </svg>\n  );\n};\n\nexport default HeatmapStaticSvg;\n"],"names":["HeatmapStaticSvg","t0","$","_c","svgRef","layout","parentWidth","parentHeight","data","gap","isRect","animationType","tooltipBody","onClick","selectedCells","deselectedColor","xLabel","yLabel","showLegend","xAxisTickFormat","yAxisTickFormat","xAxisTickLabelProps","marg","xMax","yMax","xScale","yScale","cellYScale","stableColors","minValue","maxValue","binWidth","binHeight","numRows","xTickValues","yTickValues","colLabelHeight","maxRowNameWidth","t1","Symbol","for","jsx","heatmapCellStyles","t2","left","top","t3","HeatmapCells","t4","t5","AXIS_LABEL_GAP","t6","length","AxisBottom","xAxisLabelProps","t7","t8","t9","AxisLeft","yAxisTickLabelProps","yAxisLabelProps","t10","LEGEND_GAP","HeatmapLegend","t11","jsxs","t12"],"mappings":"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"}

package/dist/visualization.es91.js

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

package/dist/visualization.es92.js

@@ -1,8 +1,8 @@
-import { cubicBezier as e } from "./visualization.es491.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.es173.js";
+import { __require as r } from "./visualization.es233.js";
+var e = r();
+const a = /* @__PURE__ */ o(e);
 export {
-  o as easeIn,
-  c as easeInOut,
-  s as easeOut
+  a as default
 };
 //# sourceMappingURL=visualization.es92.js.map

package/dist/visualization.es92.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es92.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.es92.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/visualization.es93.js

@@ -1,18 +1,8 @@
-import i from "./visualization.es132.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
-  });
-}
+import { cubicBezier as e } from "./visualization.es496.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 {
-  a as default
+  o as easeIn,
+  c as easeInOut,
+  s as easeOut
 };
 //# sourceMappingURL=visualization.es93.js.map

package/dist/visualization.es93.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es93.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]}
+{"version":3,"file":"visualization.es93.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.es94.js

@@ -1,18 +1,18 @@
-import a from "./visualization.es132.js";
-import { jsx as o } from "react/jsx-runtime";
-function c(r) {
+import i from "./visualization.es134.js";
+import { jsx as t } from "react/jsx-runtime";
+function a(r) {
   let {
     className: e,
-    innerRef: s,
-    ...t
+    innerRef: c,
+    ...s
   } = r;
-  return /* @__PURE__ */ o("rect", {
-    ref: s,
-    className: a("visx-bar", e),
-    ...t
+  return /* @__PURE__ */ t("circle", {
+    ref: c,
+    className: i("visx-circle", e),
+    ...s
   });
 }
 export {
-  c as default
+  a as default
 };
 //# sourceMappingURL=visualization.es94.js.map

package/dist/visualization.es94.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es94.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/Bar.js"],"sourcesContent":["import cx from 'classnames';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default function Bar(_ref) {\n  let {\n    className,\n    innerRef,\n    ...restProps\n  } = _ref;\n  return /*#__PURE__*/_jsx(\"rect\", {\n    ref: innerRef,\n    className: cx('visx-bar', className),\n    ...restProps\n  });\n}"],"names":["Bar","_ref","className","innerRef","restProps","_jsx","cx"],"mappings":";;AAEe,SAASA,EAAIC,GAAM;AAChC,MAAI;AAAA,IACF,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EACP,IAAMH;AACJ,SAAoBI,gBAAAA,EAAK,QAAQ;AAAA,IAC/B,KAAKF;AAAA,IACL,WAAWG,EAAG,YAAYJ,CAAS;AAAA,IACnC,GAAGE;AAAA,EACP,CAAG;AACH;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es94.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]}

package/dist/visualization.es95.js

@@ -1,61 +1,18 @@
-import { jsx as l, jsxs as _ } from "react/jsx-runtime";
-import { c as k } from "react/compiler-runtime";
-import { Add as y, Remove as C, SettingsBackupRestore as Z, Timeline as z } from "@mui/icons-material";
-import { Tooltip as b, IconButton as g } from "@mui/material";
-const T = (u) => {
-  const e = k(22), {
-    scaleZoom: t,
-    resetZoom: x,
-    toggleBranchLength: S
-  } = u;
-  let m;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = {
-    position: "absolute",
-    margin: "4px",
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "flex-start",
-    background: "rgba(255, 255, 255, 0.6)",
-    backdropFilter: "blur(2px)",
-    WebkitBackdropFilter: "blur(2px)",
-    border: "1px solid rgba(255, 255, 255, 0.3)",
-    boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)"
-  }, e[0] = m) : m = e[0];
-  let o;
-  e[1] !== t ? (o = () => t({
-    scaleX: 1.2,
-    scaleY: 1.2
-  }), e[1] = t, e[2] = o) : o = e[2];
-  let a;
-  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ l(y, { fontSize: "small" }), e[3] = a) : a = e[3];
-  let i;
-  e[4] !== o ? (i = /* @__PURE__ */ l(b, { title: "Zoom In", placement: "right", children: /* @__PURE__ */ l(g, { onClick: o, children: a }) }), e[4] = o, e[5] = i) : i = e[5];
-  let r;
-  e[6] !== t ? (r = () => t({
-    scaleX: 0.8333333333333334,
-    scaleY: 0.8333333333333334
-  }), e[6] = t, e[7] = r) : r = e[7];
-  let f;
-  e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ l(C, { fontSize: "small" }), e[8] = f) : f = e[8];
-  let n;
-  e[9] !== r ? (n = /* @__PURE__ */ l(b, { title: "Zoom Out", placement: "right", children: /* @__PURE__ */ l(g, { onClick: r, children: f }) }), e[9] = r, e[10] = n) : n = e[10];
-  let h;
-  e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ l(Z, { fontSize: "small" }), e[11] = h) : h = e[11];
-  let c;
-  e[12] !== x ? (c = /* @__PURE__ */ l(b, { title: "Reset Zoom", placement: "right", children: /* @__PURE__ */ l(g, { onClick: x, children: h }) }), e[12] = x, e[13] = c) : c = e[13];
-  let p;
-  e[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ l(z, { fontSize: "small" }), e[14] = p) : p = e[14];
-  let s;
-  e[15] !== S ? (s = /* @__PURE__ */ l(b, { title: "Toggle Evolutionary Distance", placement: "right", children: /* @__PURE__ */ l(g, { onClick: S, children: p }) }), e[15] = S, e[16] = s) : s = e[16];
-  let d;
-  return e[17] !== s || e[18] !== i || e[19] !== n || e[20] !== c ? (d = /* @__PURE__ */ _("div", { style: m, children: [
-    i,
-    n,
-    c,
-    s
-  ] }), e[17] = s, e[18] = i, e[19] = n, e[20] = c, e[21] = d) : d = e[21], d;
-};
+import a from "./visualization.es134.js";
+import { jsx as o } from "react/jsx-runtime";
+function c(r) {
+  let {
+    className: e,
+    innerRef: s,
+    ...t
+  } = r;
+  return /* @__PURE__ */ o("rect", {
+    ref: s,
+    className: a("visx-bar", e),
+    ...t
+  });
+}
 export {
-  T as ControlPanel
+  c as default
 };
 //# sourceMappingURL=visualization.es95.js.map

package/dist/visualization.es95.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es95.js","sources":["../src/components/PhyloTree/ControlPanel.tsx"],"sourcesContent":["import { Add, Remove, SettingsBackupRestore, Timeline } from \"@mui/icons-material\";\nimport { Tooltip, IconButton } from \"@mui/material\";\nimport { ProvidedZoom } from \"@visx/zoom\";\n\nexport type ControlPanelProps = {\n  scaleZoom: ProvidedZoom<SVGSVGElement>[\"scale\"]\n  resetZoom: ProvidedZoom<SVGSVGElement>[\"reset\"]\n  toggleBranchLength: () => void\n}\n\nexport const ControlPanel = ({scaleZoom, resetZoom, toggleBranchLength}: ControlPanelProps) => {\n  return (\n    <div\n      style={{\n        position: \"absolute\",\n        margin: \"4px\",\n        display: \"flex\",\n        flexDirection: \"column\",\n        alignItems: \"flex-start\",\n        background: \"rgba(255, 255, 255, 0.6)\",\n        backdropFilter: \"blur(2px)\",\n        WebkitBackdropFilter: \"blur(2px)\", // Safari support\n        border: \"1px solid rgba(255, 255, 255, 0.3)\",\n        boxShadow: \"0 2px 8px rgba(0, 0, 0, 0.1)\",\n      }}\n    >\n      <Tooltip title=\"Zoom In\" placement=\"right\">\n        <IconButton onClick={() => scaleZoom({ scaleX: 1.2, scaleY: 1.2 })}>\n          <Add fontSize=\"small\" />\n        </IconButton>\n      </Tooltip>\n      <Tooltip title=\"Zoom Out\" placement=\"right\">\n        <IconButton onClick={() => scaleZoom({ scaleX: 1 / 1.2, scaleY: 1 / 1.2 })}>\n          <Remove fontSize=\"small\" />\n        </IconButton>\n      </Tooltip>\n      <Tooltip title=\"Reset Zoom\" placement=\"right\">\n        <IconButton onClick={resetZoom}>\n          <SettingsBackupRestore fontSize=\"small\" />\n        </IconButton>\n      </Tooltip>\n      <Tooltip title=\"Toggle Evolutionary Distance\" placement=\"right\">\n        <IconButton onClick={toggleBranchLength}>\n          <Timeline fontSize=\"small\" />\n        </IconButton>\n      </Tooltip>\n    </div>\n  );\n}"],"names":["ControlPanel","t0","$","_c","scaleZoom","resetZoom","toggleBranchLength","t1","Symbol","for","position","margin","display","flexDirection","alignItems","background","backdropFilter","WebkitBackdropFilter","border","boxShadow","t2","scaleX","scaleY","t3","Add","t4","jsx","Tooltip","IconButton","t5","t6","Remove","t7","t8","SettingsBackupRestore","t9","t10","Timeline","t11","t12","jsxs"],"mappings":"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"}
+{"version":3,"file":"visualization.es95.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/Bar.js"],"sourcesContent":["import cx from 'classnames';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default function Bar(_ref) {\n  let {\n    className,\n    innerRef,\n    ...restProps\n  } = _ref;\n  return /*#__PURE__*/_jsx(\"rect\", {\n    ref: innerRef,\n    className: cx('visx-bar', className),\n    ...restProps\n  });\n}"],"names":["Bar","_ref","className","innerRef","restProps","_jsx","cx"],"mappings":";;AAEe,SAASA,EAAIC,GAAM;AAChC,MAAI;AAAA,IACF,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EACP,IAAMH;AACJ,SAAoBI,gBAAAA,EAAK,QAAQ;AAAA,IAC/B,KAAKF;AAAA,IACL,WAAWG,EAAG,YAAYJ,CAAS;AAAA,IACnC,GAAGE;AAAA,EACP,CAAG;AACH;","x_google_ignoreList":[0]}