@weng-lab/visualization 2.4.0-beta.8 → 2.4.1

package/dist/src/components/Heatmap/HeatmapCanvasCells.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeatmapCanvasCells.d.ts","sourceRoot":"","sources":["../../../../src/components/Heatmap/HeatmapCanvasCells.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC1D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAG7C;;;;GAIG;AACH,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,WAAW,EAAE,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IACnC,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IAClD,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC;IACjC,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;CAChB;AAuBD;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAC7B,MAAM,EAAE,gBAAgB,EACxB,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,EACjB,aAAa,EAAE,MAAM,EACrB,cAAc,EAAE,MAAM,EACtB,QAAQ,EAAE,MAAM,GACf,eAAe,CAQjB;AAED,8FAA8F;AAC9F,wBAAgB,gBAAgB,CAC9B,GAAG,EAAE,wBAAwB,EAC7B,MAAM,EAAE,gBAAgB,EACxB,KAAK,EAAE,eAAe,EACtB,WAAW,EAAE,aAAa,GAAG,IAAI,QAmClC;AAED,8FAA8F;AAC9F,wBAAgB,WAAW,CAAC,MAAM,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,aAAa,GAAG,IAAI,CAQ9G;AAED,sGAAsG;AACtG,wBAAgB,QAAQ,CAAC,MAAM,EAAE,gBAAgB,EAAE,IAAI,EAAE,aAAa,GAAG,MAAM,GAAG,IAAI,CAarF"}
+{"version":3,"file":"HeatmapCanvasCells.d.ts","sourceRoot":"","sources":["../../../../src/components/Heatmap/HeatmapCanvasCells.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC1D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAG7C;;;;GAIG;AACH,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,WAAW,EAAE,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IACnC,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IAClD,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC;IACjC,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;CAChB;AAuBD;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAC7B,MAAM,EAAE,gBAAgB,EACxB,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,EACjB,aAAa,EAAE,MAAM,EACrB,cAAc,EAAE,MAAM,EACtB,QAAQ,EAAE,MAAM,GACf,eAAe,CAQjB;AAED,8FAA8F;AAC9F,wBAAgB,gBAAgB,CAC9B,GAAG,EAAE,wBAAwB,EAC7B,MAAM,EAAE,gBAAgB,EACxB,KAAK,EAAE,eAAe,EACtB,WAAW,EAAE,aAAa,GAAG,IAAI,QA0DlC;AAED,8FAA8F;AAC9F,wBAAgB,WAAW,CAAC,MAAM,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,aAAa,GAAG,IAAI,CAQ9G;AAED,sGAAsG;AACtG,wBAAgB,QAAQ,CAAC,MAAM,EAAE,gBAAgB,EAAE,IAAI,EAAE,aAAa,GAAG,MAAM,GAAG,IAAI,CAarF"}

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

@@ -11,7 +11,10 @@ export interface HeatmapMiniMapProps {
     height: number;
     onNavigate: (left: number, top: number) => void;
     onCanvasClick?: () => void;
+    /** Fires after each draw completes, so a caller (e.g. the expanded popup) can show its own
+     * loading state for the full-dataset draw without this component needing to know about it. */
+    onReady?: () => void;
 }
-declare const HeatmapMiniMap: ({ canvasCellParams, xMax, yMax, viewportWidth, viewportHeight, scrollLeft, scrollTop, width, height, onNavigate, onCanvasClick, }: HeatmapMiniMapProps) => import("react/jsx-runtime").JSX.Element;
+declare const HeatmapMiniMap: ({ canvasCellParams, xMax, yMax, viewportWidth, viewportHeight, scrollLeft, scrollTop, width, height, onNavigate, onCanvasClick, onReady, }: HeatmapMiniMapProps) => import("react/jsx-runtime").JSX.Element;
 export default HeatmapMiniMap;
 //# sourceMappingURL=HeatmapMiniMap.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"HeatmapMiniMap.d.ts","sourceRoot":"","sources":["../../../../../src/components/Heatmap/scrollable/HeatmapMiniMap.tsx"],"names":[],"mappings":"AACA,OAAO,EAAoB,KAAK,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEhF,MAAM,WAAW,mBAAmB;IAClC,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAID,QAAA,MAAM,cAAc,GAAI,mIAYrB,mBAAmB,4CAiGrB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"HeatmapMiniMap.d.ts","sourceRoot":"","sources":["../../../../../src/components/Heatmap/scrollable/HeatmapMiniMap.tsx"],"names":[],"mappings":"AACA,OAAO,EAAoB,KAAK,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEhF,MAAM,WAAW,mBAAmB;IAClC,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B;kGAC8F;IAC9F,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAID,QAAA,MAAM,cAAc,GAAI,4IAarB,mBAAmB,4CA+GrB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/src/components/Heatmap/scrollable/HeatmapMiniMapPopup.d.ts

@@ -6,6 +6,6 @@ export interface HeatmapMiniMapPopupProps extends MiniMapPassThroughProps {
     /** The inline minimap's own container - counts as "inside" for the outside-click check below. */
     containerRef: RefObject<HTMLDivElement | null>;
 }
-declare const HeatmapMiniMapPopup: ({ onClose, containerRef, ...miniMapProps }: HeatmapMiniMapPopupProps) => import("react/jsx-runtime").JSX.Element;
+declare const HeatmapMiniMapPopup: ({ onClose, containerRef, ...miniMapProps }: HeatmapMiniMapPopupProps) => import('react').ReactPortal;
 export default HeatmapMiniMapPopup;
 //# sourceMappingURL=HeatmapMiniMapPopup.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"HeatmapMiniMapPopup.d.ts","sourceRoot":"","sources":["../../../../../src/components/Heatmap/scrollable/HeatmapMiniMapPopup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACjF,OAAuB,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAS5E,KAAK,uBAAuB,GAAG,IAAI,CAAC,mBAAmB,EAAE,OAAO,GAAG,QAAQ,GAAG,eAAe,CAAC,CAAC;AAE/F,MAAM,WAAW,wBAAyB,SAAQ,uBAAuB;IACvE,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,iGAAiG;IACjG,YAAY,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CAChD;AAED,QAAA,MAAM,mBAAmB,GAAI,4CAA4C,wBAAwB,4CA4GhG,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"HeatmapMiniMapPopup.d.ts","sourceRoot":"","sources":["../../../../../src/components/Heatmap/scrollable/HeatmapMiniMapPopup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjF,OAAuB,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAgB5E,KAAK,uBAAuB,GAAG,IAAI,CAAC,mBAAmB,EAAE,OAAO,GAAG,QAAQ,GAAG,eAAe,CAAC,CAAC;AAE/F,MAAM,WAAW,wBAAyB,SAAQ,uBAAuB;IACvE,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,iGAAiG;IACjG,YAAY,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CAChD;AAED,QAAA,MAAM,mBAAmB,GAAI,4CAA4C,wBAAwB,gCAmJhG,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/visualization.es10.js

@@ -1,18 +1,18 @@
 import { jsx as m } from "react/jsx-runtime";
 import { useState as N, useRef as P, useImperativeHandle as b } from "react";
-import H from "./visualization.es36.js";
-import { downloadSVGAsPNG as G, downloadAsSVG as I, getAnimationProps as k } from "./visualization.es31.js";
+import H from "./visualization.es61.js";
+import { downloadSVGAsPNG as G, downloadAsSVG as I, getAnimationProps as k } from "./visualization.es20.js";
 import { useResponsiveParentSize as B } from "./visualization.es18.js";
-import W from "./visualization.es37.js";
+import W from "./visualization.es62.js";
 import { ResponsiveContainer as A } from "./visualization.es14.js";
-import C from "./visualization.es38.js";
-import E from "./visualization.es39.js";
-import O from "./visualization.es40.js";
-import T from "./visualization.es41.js";
-import V from "./visualization.es42.js";
-import Y from "./visualization.es43.js";
-import j from "./visualization.es44.js";
-import { motion as q } from "./visualization.es45.js";
+import C from "./visualization.es63.js";
+import E from "./visualization.es64.js";
+import O from "./visualization.es65.js";
+import T from "./visualization.es66.js";
+import V from "./visualization.es67.js";
+import Y from "./visualization.es68.js";
+import j from "./visualization.es69.js";
+import { motion as q } from "./visualization.es27.js";
 const re = (t) => {
   const {
     parentRef: u,

package/dist/visualization.es100.js

@@ -1,106 +1,159 @@
-import { jsx as B, jsxs as A } from "react/jsx-runtime";
-import { c as F } from "react/compiler-runtime";
-import { useRef as G, useEffect as J } from "react";
-import { drawHeatmapCells as K } from "./visualization.es246.js";
-const M = (a, t, d) => Math.min(Math.max(a, t), d), et = (a) => {
-  const t = F(51), {
-    canvasCellParams: d,
-    xMax: r,
-    yMax: i,
-    viewportWidth: p,
-    viewportHeight: f,
-    scrollLeft: P,
-    scrollTop: b,
-    width: s,
-    height: c,
-    onNavigate: h,
-    onCanvasClick: v
-  } = a, U = G(null), e = r > 0 ? s / r : 0, o = i > 0 ? c / i : 0;
-  let C, R;
-  t[0] !== d || t[1] !== e || t[2] !== o || t[3] !== r || t[4] !== i ? (C = () => {
-    const n = U.current;
-    if (!n || e <= 0 || o <= 0)
-      return;
-    const l = n.getContext("2d");
-    if (!l)
-      return;
-    const W = window.devicePixelRatio || 1;
-    l.setTransform(W * e, 0, 0, W * o, 0, 0), l.clearRect(0, 0, r, i);
-    const q = {
-      colStart: 0,
-      colEnd: Math.max(0, d.data.length - 1),
-      rowStart: 0,
-      rowEnd: Math.max(0, d.numRows - 1)
+import { jsx as o, jsxs as S } from "react/jsx-runtime";
+import { c as T } from "react/compiler-runtime";
+import { useRef as D, useEffect as W, useState as j } from "react";
+import { createPortal as G } from "react-dom";
+import V from "./visualization.es99.js";
+const B = 94, K = 90, N = 16, X = 2147483647, Y = (k) => {
+  const e = T(31);
+  let n, r, t;
+  e[0] !== k ? ({
+    onClose: t,
+    containerRef: n,
+    ...r
+  } = k, e[0] = k, e[1] = n, e[2] = r, e[3] = t) : (n = e[1], r = e[2], t = e[3]);
+  const z = D(null);
+  let h, u;
+  e[4] !== n || e[5] !== t ? (h = () => {
+    const c = (m) => {
+      const p = m.target;
+      n.current?.contains(p) || z.current?.contains(p) || t();
+    }, f = (m) => {
+      m.key === "Escape" && t();
+    };
+    return document.addEventListener("pointerdown", c), document.addEventListener("keydown", f), () => {
+      document.removeEventListener("pointerdown", c), document.removeEventListener("keydown", f);
     };
-    K(l, d, q, null);
-  }, R = [d, r, i, e, o], t[0] = d, t[1] = e, t[2] = o, t[3] = r, t[4] = i, t[5] = C, t[6] = R) : (C = t[5], R = t[6]), J(C, R);
-  let T;
-  t[7] !== h || t[8] !== f || t[9] !== p || t[10] !== r || t[11] !== i ? (T = (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] = T) : T = t[12];
-  const E = T;
+  }, u = [n, t], e[4] = n, e[5] = t, e[6] = h, e[7] = u) : (h = e[6], u = e[7]), W(h, u);
+  const [i, C] = j(null), [E, A] = j(!1);
   let y;
-  t[13] !== E || t[14] !== v || t[15] !== e || t[16] !== o ? (y = (n) => {
-    if (v) {
-      v();
+  e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (y = () => A(!0), e[8] = y) : y = e[8];
+  const L = y, H = D(null);
+  let b;
+  e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (b = (c) => {
+    if (H.current?.disconnect(), H.current = null, !c) {
+      C(null);
       return;
     }
-    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] = v, t[15] = e, t[16] = o, t[17] = y) : y = t[17];
-  const I = y, N = O;
-  let D;
-  t[18] !== h || t[19] !== e || t[20] !== o || t[21] !== P || t[22] !== b || t[23] !== f || t[24] !== p || t[25] !== r || t[26] !== i ? (D = (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[18] = h, t[19] = e, t[20] = o, t[21] = P, t[22] = b, t[23] = f, t[24] = p, t[25] = r, t[26] = i, t[27] = D) : D = t[27];
-  const X = D, $ = Q, H = M(P * e, 0, s), S = M(b * o, 0, c), Y = Math.max(0, Math.min(p * e, s - H)), j = Math.max(0, Math.min(f * o, c - S));
-  let m;
-  t[28] !== c || t[29] !== s ? (m = {
+    const f = new ResizeObserver((m) => {
+      const [p] = m;
+      if (!p)
+        return;
+      const {
+        width: U,
+        height: $
+      } = p.contentRect;
+      C({
+        width: Math.floor(U),
+        height: Math.floor($)
+      });
+    });
+    f.observe(c), H.current = f;
+  }, e[9] = b) : b = e[9];
+  const O = b;
+  let g, _;
+  e[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (g = {
+    position: "fixed",
+    inset: 0,
+    zIndex: X,
+    background: "rgba(0,0,0,0.45)",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
+  }, _ = /* @__PURE__ */ o("style", { children: "@keyframes heatmapMiniMapSpinnerRotate { to { transform: rotate(360deg); } }" }), e[10] = g, e[11] = _) : (g = e[10], _ = e[11]);
+  let x, v, P;
+  e[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (x = {
     position: "relative",
-    width: s,
-    height: c
-  }, t[28] = c, t[29] = s, t[30] = m) : m = t[30];
-  const z = s * (window.devicePixelRatio || 1), L = c * (window.devicePixelRatio || 1);
-  let u;
-  t[31] !== c || t[32] !== s ? (u = {
-    width: s,
-    height: c,
-    display: "block",
-    cursor: "pointer",
+    width: `${B}vw`,
+    height: `${K}vh`,
+    boxSizing: "border-box",
+    display: "flex",
+    flexDirection: "column",
+    background: "#fff",
     border: "1px solid #d5d5d5",
-    boxSizing: "border-box"
-  }, t[31] = c, t[32] = s, t[33] = u) : u = t[33];
-  let x;
-  t[34] !== I || t[35] !== z || t[36] !== L || t[37] !== u ? (x = /* @__PURE__ */ B("canvas", { ref: U, width: z, height: L, style: u, onPointerDown: I }), t[34] = I, t[35] = z, t[36] = L, t[37] = u, t[38] = x) : x = t[38];
-  let g;
-  t[39] !== j || t[40] !== H || t[41] !== S || t[42] !== Y ? (g = {
-    position: "absolute",
-    left: H,
-    top: S,
-    width: Y,
-    height: j,
-    border: "2px solid #0d0f98",
-    backgroundColor: "rgba(13, 15, 152, 0.15)",
-    cursor: "grab",
-    boxSizing: "border-box"
-  }, t[39] = j, t[40] = H, t[41] = S, t[42] = Y, t[43] = g) : g = t[43];
+    borderRadius: 8,
+    boxShadow: "0 8px 32px rgba(0,0,0,0.25)",
+    overflow: "hidden"
+  }, v = {
+    flexShrink: 0,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    padding: `10px ${N}px`,
+    background: "#f7f7f8",
+    borderBottom: "1px solid #e5e5e5"
+  }, P = /* @__PURE__ */ o("span", { style: {
+    fontSize: 14,
+    fontWeight: 600,
+    color: "#333"
+  }, children: "Minimap" }), e[12] = x, e[13] = v, e[14] = P) : (x = e[12], v = e[13], P = e[14]);
+  let M;
+  e[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (M = {
+    width: 26,
+    height: 26,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    padding: 0,
+    border: "none",
+    borderRadius: "50%",
+    background: "#fff",
+    color: "#555",
+    fontSize: 16,
+    lineHeight: 1,
+    cursor: "pointer"
+  }, e[15] = M) : M = e[15];
+  let l;
+  e[16] !== t ? (l = /* @__PURE__ */ S("div", { style: v, children: [
+    P,
+    /* @__PURE__ */ o("button", { type: "button", "aria-label": "Close expanded minimap", onClick: t, style: M, children: "×" })
+  ] }), e[16] = t, e[17] = l) : l = e[17];
   let w;
-  t[44] !== X || t[45] !== g ? (w = /* @__PURE__ */ B("div", { onPointerDown: N, onPointerMove: X, onPointerUp: $, style: g }), t[44] = X, t[45] = g, t[46] = w) : w = t[46];
-  let k;
-  return t[47] !== x || t[48] !== w || t[49] !== m ? (k = /* @__PURE__ */ A("div", { style: m, children: [
-    x,
-    w
-  ] }), t[47] = x, t[48] = w, t[49] = m, t[50] = k) : k = t[50], k;
+  e[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = {
+    flex: 1,
+    minHeight: 0,
+    display: "flex",
+    padding: N
+  }, e[18] = w) : w = e[18];
+  let I;
+  e[19] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (I = {
+    flex: 1,
+    minHeight: 0,
+    position: "relative"
+  }, e[19] = I) : I = e[19];
+  let s;
+  e[20] !== E ? (s = !E && /* @__PURE__ */ o("div", { "aria-label": "Loading minimap", style: {
+    position: "absolute",
+    inset: 0,
+    zIndex: 1,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    pointerEvents: "none"
+  }, children: /* @__PURE__ */ o("div", { style: {
+    width: 40,
+    height: 40,
+    borderRadius: "50%",
+    border: "4px solid #e5e5e5",
+    borderTopColor: "#0d0f98",
+    animation: "heatmapMiniMapSpinnerRotate 0.8s linear infinite"
+  } }) }), e[20] = E, e[21] = s) : s = e[21];
+  let a;
+  e[22] !== r || e[23] !== i ? (a = i && i.width > 0 && i.height > 0 && /* @__PURE__ */ o(V, { ...r, width: i.width, height: i.height, onReady: L }), e[22] = r, e[23] = i, e[24] = a) : a = e[24];
+  let d;
+  e[25] !== s || e[26] !== a ? (d = /* @__PURE__ */ o("div", { style: w, children: /* @__PURE__ */ S("div", { ref: O, style: I, children: [
+    s,
+    a
+  ] }) }), e[25] = s, e[26] = a, e[27] = d) : d = e[27];
+  let R;
+  return e[28] !== l || e[29] !== d ? (R = G(/* @__PURE__ */ S("div", { style: g, children: [
+    _,
+    /* @__PURE__ */ S("div", { ref: z, style: x, children: [
+      l,
+      d
+    ] })
+  ] }), document.body), e[28] = l, e[29] = d, e[30] = R) : R = e[30], R;
 };
-function O(a) {
-  a.stopPropagation(), a.currentTarget.setPointerCapture(a.pointerId);
-}
-function Q(a) {
-  a.currentTarget.releasePointerCapture(a.pointerId);
-}
 export {
-  et as default
+  Y as default
 };
 //# sourceMappingURL=visualization.es100.js.map

package/dist/visualization.es100.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es100.js","sources":["../src/components/Heatmap/scrollable/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  onNavigate: (left: number, top: number) => void;\n  onCanvasClick?: () => 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  onCanvasClick,\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 (onCanvasClick) {\n        onCanvasClick();\n        return;\n      }\n      if (scaleX <= 0 || scaleY <= 0) return;\n      const rect = event.currentTarget.getBoundingClientRect();\n      navigateCentered((event.clientX - rect.left) / scaleX, (event.clientY - rect.top) / scaleY);\n    },\n    [onCanvasClick, navigateCentered, scaleX, scaleY]\n  );\n\n  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","onCanvasClick","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.es100.js","sources":["../src/components/Heatmap/scrollable/HeatmapMiniMapPopup.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState, type RefObject } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport HeatmapMiniMap, { type HeatmapMiniMapProps } from \"./HeatmapMiniMap\";\n\n// The expanded minimap opens as a viewport-fixed modal sized off the screen, not the plot's own\n// (often much smaller) container - nearly the whole screen, but leaving a visible backdrop margin\n// so it still reads as a popup rather than a page navigation.\nconst MINI_MAP_POPUP_WIDTH_VW = 94;\nconst MINI_MAP_POPUP_HEIGHT_VH = 90;\nconst MINI_MAP_POPUP_PADDING = 16;\n// `position: fixed` only escapes to the viewport if every ancestor is un-transformed; a single\n// transform/filter/will-change/contain anywhere between the heatmap and <body> in a consuming\n// app re-scopes it to that ancestor instead, letting unrelated elements elsewhere on the page\n// stack above it regardless of z-index. Portaling straight to document.body below sidesteps\n// that; the max practical z-index on top of it is belt-and-suspenders against anything else on\n// the host page (app chrome, third-party widgets) that also claims a very high value.\nconst MINI_MAP_POPUP_Z_INDEX = 2147483647;\n\ntype MiniMapPassThroughProps = Omit<HeatmapMiniMapProps, \"width\" | \"height\" | \"onCanvasClick\">;\n\nexport interface HeatmapMiniMapPopupProps extends MiniMapPassThroughProps {\n  onClose: () => void;\n  /** The inline minimap's own container - counts as \"inside\" for the outside-click check below. */\n  containerRef: RefObject<HTMLDivElement | null>;\n}\n\nconst HeatmapMiniMapPopup = ({ onClose, containerRef, ...miniMapProps }: HeatmapMiniMapPopupProps) => {\n  // The popup itself lives outside containerRef in the tree (it's positioned relative to the\n  // plot's outer container, not the small inline minimap) - both refs count as \"inside\" here.\n  const popupRef = useRef<HTMLDivElement | null>(null);\n  useEffect(() => {\n    const handlePointerDown = (event: PointerEvent) => {\n      const target = event.target as Node;\n      if (containerRef.current?.contains(target) || popupRef.current?.contains(target)) return;\n      onClose();\n    };\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") onClose();\n    };\n    document.addEventListener(\"pointerdown\", handlePointerDown);\n    document.addEventListener(\"keydown\", handleKeyDown);\n    return () => {\n      document.removeEventListener(\"pointerdown\", handlePointerDown);\n      document.removeEventListener(\"keydown\", handleKeyDown);\n    };\n  }, [containerRef, onClose]);\n\n  // The expanded minimap's canvas needs real pixel dimensions (for dpr scaling), but the popup\n  // itself is sized by CSS (vw/vh) against the viewport, which can change as the window resizes\n  // while the popup is open - ResizeObserver on the flex-filled area inside it is what actually\n  // measures that, rather than computing it from window.innerWidth/innerHeight up front.\n  const [size, setSize] = useState<{ width: number; height: number } | null>(null);\n  // The minimap draws its entire dataset with no windowing, so for large grids the popup can sit\n  // blank for a noticeable moment after opening - a skeleton fills that gap instead of looking\n  // like the popup hung. Owned here (not inside HeatmapMiniMap) since only the expanded view is\n  // large/slow enough to warrant one; the small always-visible inline minimap doesn't need it.\n  const [isReady, setIsReady] = useState(false);\n  const handleReady = useCallback(() => setIsReady(true), []);\n  const observerRef = useRef<ResizeObserver | null>(null);\n  const areaRef = useCallback((node: HTMLDivElement | null) => {\n    observerRef.current?.disconnect();\n    observerRef.current = null;\n    if (!node) {\n      setSize(null);\n      return;\n    }\n    const observer = new ResizeObserver(([entry]) => {\n      if (!entry) return;\n      const { width, height } = entry.contentRect;\n      setSize({ width: Math.floor(width), height: Math.floor(height) });\n    });\n    observer.observe(node);\n    observerRef.current = observer;\n  }, []);\n\n  return createPortal(\n    <div style={{ position: \"fixed\", inset: 0, zIndex: MINI_MAP_POPUP_Z_INDEX, background: \"rgba(0,0,0,0.45)\", display: \"flex\", alignItems: \"center\", justifyContent: \"center\" }}>\n      <style>{\"@keyframes heatmapMiniMapSpinnerRotate { to { transform: rotate(360deg); } }\"}</style>\n      <div\n        ref={popupRef}\n        style={{\n          position: \"relative\",\n          width: `${MINI_MAP_POPUP_WIDTH_VW}vw`,\n          height: `${MINI_MAP_POPUP_HEIGHT_VH}vh`,\n          boxSizing: \"border-box\",\n          display: \"flex\",\n          flexDirection: \"column\",\n          background: \"#fff\",\n          border: \"1px solid #d5d5d5\",\n          borderRadius: 8,\n          boxShadow: \"0 8px 32px rgba(0,0,0,0.25)\",\n          overflow: \"hidden\",\n        }}\n      >\n        {/* A proper title bar, not just a close button floating in extra top padding - its\n            horizontal padding matches the body's below so the panel reads as evenly framed. */}\n        <div\n          style={{\n            flexShrink: 0,\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"space-between\",\n            padding: `10px ${MINI_MAP_POPUP_PADDING}px`,\n            background: \"#f7f7f8\",\n            borderBottom: \"1px solid #e5e5e5\",\n          }}\n        >\n          <span style={{ fontSize: 14, fontWeight: 600, color: \"#333\" }}>Minimap</span>\n          <button\n            type=\"button\"\n            aria-label=\"Close expanded minimap\"\n            onClick={onClose}\n            style={{\n              width: 26,\n              height: 26,\n              display: \"flex\",\n              alignItems: \"center\",\n              justifyContent: \"center\",\n              padding: 0,\n              border: \"none\",\n              borderRadius: \"50%\",\n              background: \"#fff\",\n              color: \"#555\",\n              fontSize: 16,\n              lineHeight: 1,\n              cursor: \"pointer\",\n            }}\n          >\n            ×\n          </button>\n        </div>\n        <div style={{ flex: 1, minHeight: 0, display: \"flex\", padding: MINI_MAP_POPUP_PADDING }}>\n          <div ref={areaRef} style={{ flex: 1, minHeight: 0, position: \"relative\" }}>\n            {/* Rendered as soon as the popup mounts, independent of `size` - the area div is\n                already laid out by CSS (flex: 1) on this same paint, so the skeleton can fill it\n                immediately. Waiting on `size` (the async ResizeObserver round-trip) would leave a\n                blank gap before the skeleton itself shows up, which is exactly what it's meant to\n                cover. */}\n            {!isReady && (\n              <div\n                aria-label=\"Loading minimap\"\n                style={{\n                  position: \"absolute\",\n                  inset: 0,\n                  zIndex: 1,\n                  display: \"flex\",\n                  alignItems: \"center\",\n                  justifyContent: \"center\",\n                  pointerEvents: \"none\",\n                }}\n              >\n                <div\n                  style={{\n                    width: 40,\n                    height: 40,\n                    borderRadius: \"50%\",\n                    border: \"4px solid #e5e5e5\",\n                    // Matches the viewport-rectangle accent color HeatmapMiniMap itself uses.\n                    borderTopColor: \"#0d0f98\",\n                    animation: \"heatmapMiniMapSpinnerRotate 0.8s linear infinite\",\n                  }}\n                />\n              </div>\n            )}\n            {size && size.width > 0 && size.height > 0 && (\n              <HeatmapMiniMap {...miniMapProps} width={size.width} height={size.height} onReady={handleReady} />\n            )}\n          </div>\n        </div>\n      </div>\n    </div>,\n    document.body\n  );\n};\n\nexport default HeatmapMiniMapPopup;\n"],"names":["MINI_MAP_POPUP_WIDTH_VW","MINI_MAP_POPUP_HEIGHT_VH","MINI_MAP_POPUP_PADDING","MINI_MAP_POPUP_Z_INDEX","HeatmapMiniMapPopup","t0","$","_c","containerRef","miniMapProps","onClose","popupRef","useRef","t1","t2","handlePointerDown","event","target","current","contains","handleKeyDown","event_0","key","document","addEventListener","removeEventListener","useEffect","size","setSize","useState","isReady","setIsReady","t3","Symbol","for","handleReady","observerRef","t4","node","disconnect","observer","ResizeObserver","t5","entry","width","height","contentRect","Math","floor","observe","areaRef","t6","position","inset","zIndex","background","display","alignItems","justifyContent","jsx","t7","t8","t9","boxSizing","flexDirection","border","borderRadius","boxShadow","overflow","flexShrink","padding","borderBottom","fontSize","fontWeight","color","t10","lineHeight","cursor","t11","t12","flex","minHeight","t13","t14","pointerEvents","borderTopColor","animation","t15","HeatmapMiniMap","t16","t17","createPortal","jsxs","body"],"mappings":";;;;;AAOA,MAAMA,IAA0B,IAC1BC,IAA2B,IAC3BC,IAAyB,IAOzBC,IAAyB,YAUzBC,IAAsBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA;AAAA,MAAAC,GAAAC,GAAAC;AAAA,EAAAJ,SAAAD,KAAC;AAAA,IAAAK,SAAAA;AAAAA,IAAAF,cAAAA;AAAAA,IAAA,GAAAC;AAAAA,EAAAA,IAAAJ,GAAoEC,OAAAD,GAAAC,OAAAE,GAAAF,OAAAG,GAAAH,OAAAI,MAAAF,IAAAF,EAAA,CAAA,GAAAG,IAAAH,EAAA,CAAA,GAAAI,IAAAJ,EAAA,CAAA;AAG/F,QAAAK,IAAiBC,EAA8B,IAAI;AAAE,MAAAC,GAAAC;AAAA,EAAAR,EAAA,CAAA,MAAAE,KAAAF,SAAAI,KAC3CG,IAAAA,MAAA;AACR,UAAAE,IAA0BC,CAAAA,MAAA;AACxB,YAAAC,IAAeD,EAAKC;AACpB,MAAIT,EAAYU,SAAkBC,SAACF,CAA4C,KAAjCN,EAAQO,SAAkBC,SAACF,CAAM,KAC/EP,EAAAA;AAAAA,IAAS,GAEXU,IAAsBC,CAAAA,MAAA;AACpB,MAAIL,EAAKM,QAAS,YAAUZ,EAAAA;AAAAA,IAAU;AAExCa,oBAAQC,iBAAkB,eAAeT,CAAiB,GAC1DQ,SAAQC,iBAAkB,WAAWJ,CAAa,GAC3C,MAAA;AACLG,eAAQE,oBAAqB,eAAeV,CAAiB,GAC7DQ,SAAQE,oBAAqB,WAAWL,CAAa;AAAA,IAAC;AAAA,EACvD,GACAN,IAAA,CAACN,GAAcE,CAAO,GAACJ,OAAAE,GAAAF,OAAAI,GAAAJ,OAAAO,GAAAP,OAAAQ,MAAAD,IAAAP,EAAA,CAAA,GAAAQ,IAAAR,EAAA,CAAA,IAf1BoB,EAAUb,GAePC,CAAuB;AAM1B,QAAA,CAAAa,GAAAC,CAAA,IAAwBC,EAAmD,IAAI,GAK/E,CAAAC,GAAAC,CAAA,IAA8BF,EAAS,EAAK;AAAE,MAAAG;AAAA,EAAA1B,EAAA,CAAA,MAAA2B,uBAAAC,IAAA,2BAAA,KACdF,IAAAA,MAAMD,EAAW,EAAI,GAACzB,OAAA0B,KAAAA,IAAA1B,EAAA,CAAA;AAAtD,QAAA6B,IAAoBH,GACpBI,IAAoBxB,EAA8B,IAAI;AAAE,MAAAyB;AAAA,EAAA/B,EAAA,CAAA,MAAA2B,uBAAAC,IAAA,2BAAA,KAC5BG,IAAAC,CAAAA,MAAA;AAG1B,QAFAF,EAAWlB,SAAoBqB,WAAAA,GAC/BH,EAAWlB,UAAW,MAClB,CAACoB,GAAI;AACPV,MAAAA,EAAQ,IAAI;AAAC;AAAA,IAAA;AAGf,UAAAY,IAAiB,IAAIC,eAAeC,CAAAA,MAAA;AAAC,YAAA,CAAAC,CAAA,IAAAD;AACnC,UAAI,CAACC;AAAK;AACV,YAAA;AAAA,QAAAC,OAAAA;AAAAA,QAAAC,QAAAA;AAAAA,MAAAA,IAA0BF,EAAKG;AAC/BlB,MAAAA,EAAQ;AAAA,QAAAgB,OAASG,KAAIC,MAAOJ,CAAK;AAAA,QAACC,QAAUE,KAAIC,MAAOH,CAAM;AAAA,MAAA,CAAG;AAAA,IAAC,CAClE;AACDL,IAAAA,EAAQS,QAASX,CAAI,GACrBF,EAAWlB,UAAWsB;AAAAA,EAAH,GACpBlC,OAAA+B,KAAAA,IAAA/B,EAAA,CAAA;AAdD,QAAA4C,IAAgBb;AAcT,MAAAK,GAAAS;AAAA,EAAA7C,EAAA,EAAA,MAAA2B,uBAAAC,IAAA,2BAAA,KAGOQ,IAAA;AAAA,IAAAU,UAAY;AAAA,IAAOC,OAAS;AAAA,IAACC,QAAUnD;AAAAA,IAAsBoD,YAAc;AAAA,IAAkBC,SAAW;AAAA,IAAMC,YAAc;AAAA,IAAQC,gBAAkB;AAAA,EAAA,GAChKP,IAAA,gBAAAQ,EAAA,WAAQ,UAAA,+EAAA,CAA+E,GAAQrD,QAAAoC,GAAApC,QAAA6C,MAAAT,IAAApC,EAAA,EAAA,GAAA6C,IAAA7C,EAAA,EAAA;AAAA,MAAAsD,GAAAC,GAAAC;AAAA,EAAAxD,EAAA,EAAA,MAAA2B,uBAAAC,IAAA,2BAAA,KAGtF0B,IAAA;AAAA,IAAAR,UACK;AAAA,IAAUR,OACb,GAAG5C,CAAuB;AAAA,IAAI6C,QAC7B,GAAG5C,CAAwB;AAAA,IAAI8D,WAC5B;AAAA,IAAYP,SACd;AAAA,IAAMQ,eACA;AAAA,IAAQT,YACX;AAAA,IAAMU,QACV;AAAA,IAAmBC,cACb;AAAA,IAACC,WACJ;AAAA,IAA6BC,UAC9B;AAAA,EAAA,GAMHP,IAAA;AAAA,IAAAQ,YACO;AAAA,IAACb,SACJ;AAAA,IAAMC,YACH;AAAA,IAAQC,gBACJ;AAAA,IAAeY,SACtB,QAAQpE,CAAsB;AAAA,IAAIqD,YAC/B;AAAA,IAASgB,cACP;AAAA,EAAA,GAGhBT,IAAA,gBAAAH,EAAA,UAAa,OAAA;AAAA,IAAAa,UAAY;AAAA,IAAEC,YAAc;AAAA,IAAGC,OAAS;AAAA,EAAA,GAAU,UAAA,WAAO,GAAOpE,QAAAsD,GAAAtD,QAAAuD,GAAAvD,QAAAwD,MAAAF,IAAAtD,EAAA,EAAA,GAAAuD,IAAAvD,EAAA,EAAA,GAAAwD,IAAAxD,EAAA,EAAA;AAAA,MAAAqE;AAAA,EAAArE,EAAA,EAAA,MAAA2B,uBAAAC,IAAA,2BAAA,KAKpEyC,IAAA;AAAA,IAAA/B,OACE;AAAA,IAAEC,QACD;AAAA,IAAEW,SACD;AAAA,IAAMC,YACH;AAAA,IAAQC,gBACJ;AAAA,IAAQY,SACf;AAAA,IAACL,QACF;AAAA,IAAMC,cACA;AAAA,IAAKX,YACP;AAAA,IAAMmB,OACX;AAAA,IAAMF,UACH;AAAA,IAAEI,YACA;AAAA,IAACC,QACL;AAAA,EAAA,GACTvE,QAAAqE,KAAAA,IAAArE,EAAA,EAAA;AAAA,MAAAwE;AAAA,EAAAxE,UAAAI,KA9BLoE,+BACS,OAAAjB,GAUPC,UAAAA;AAAAA,IAAAA;AAAAA,IACA,gBAAAH,EAAA,UAAA,EACO,MAAA,UACM,cAAA,0BACFjD,SAAAA,GACF,OAAAiE,GAeR,UAAA,IAAA,CAED;AAAA,EAAA,GACF,GAAMrE,QAAAI,GAAAJ,QAAAwE,KAAAA,IAAAxE,EAAA,EAAA;AAAA,MAAAyE;AAAA,EAAAzE,EAAA,EAAA,MAAA2B,uBAAAC,IAAA,2BAAA,KACM6C,IAAA;AAAA,IAAAC,MAAQ;AAAA,IAACC,WAAa;AAAA,IAACzB,SAAW;AAAA,IAAMc,SAAWpE;AAAAA,EAAAA,GAAwBI,QAAAyE,KAAAA,IAAAzE,EAAA,EAAA;AAAA,MAAA4E;AAAA,EAAA5E,EAAA,EAAA,MAAA2B,uBAAAC,IAAA,2BAAA,KAC3DgD,IAAA;AAAA,IAAAF,MAAQ;AAAA,IAACC,WAAa;AAAA,IAAC7B,UAAY;AAAA,EAAA,GAAY9C,QAAA4E,KAAAA,IAAA5E,EAAA,EAAA;AAAA,MAAA6E;AAAA,EAAA7E,UAAAwB,KAMtEqD,IAAA,CAACrD,KACA,gBAAA6B,EAAA,OAAA,EACa,cAAA,mBACJ,OAAA;AAAA,IAAAP,UACK;AAAA,IAAUC,OACb;AAAA,IAACC,QACA;AAAA,IAACE,SACA;AAAA,IAAMC,YACH;AAAA,IAAQC,gBACJ;AAAA,IAAQ0B,eACT;AAAA,EAAA,GAGjB,UAAA,gBAAAzB,EAAA,OAAA,EACS,OAAA;AAAA,IAAAf,OACE;AAAA,IAAEC,QACD;AAAA,IAAEqB,cACI;AAAA,IAAKD,QACX;AAAA,IAAmBoB,gBAEX;AAAA,IAASC,WACd;AAAA,EAAA,GACZ,EAAA,CAEL,GACDhF,QAAAwB,GAAAxB,QAAA6E,KAAAA,IAAA7E,EAAA,EAAA;AAAA,MAAAiF;AAAA,EAAAjF,EAAA,EAAA,MAAAG,KAAAH,UAAAqB,KACA4D,IAAA5D,KAAQA,EAAIiB,QAAS,KAAKjB,EAAIkB,SAAU,KACvC,gBAAAc,EAAC6B,GAAA,KAAmB/E,GAAqB,OAAAkB,EAAIiB,OAAgB,QAAAjB,EAAIkB,QAAkBV,SAAAA,GAAW,GAC/F7B,QAAAG,GAAAH,QAAAqB,GAAArB,QAAAiF,KAAAA,IAAAjF,EAAA,EAAA;AAAA,MAAAmF;AAAA,EAAAnF,EAAA,EAAA,MAAA6E,KAAA7E,UAAAiF,KAnCLE,IAAA,gBAAA9B,EAAA,SAAY,OAAAoB,GACV,4BAAA,OAAA,EAAU7B,QAAgB,OAAAgC,GAMvBC,UAAAA;AAAAA,IAAAA;AAAAA,IA0BAI;AAAAA,EAAAA,EAAAA,CAGH,EAAA,CACF,GAAMjF,QAAA6E,GAAA7E,QAAAiF,GAAAjF,QAAAmF,KAAAA,IAAAnF,EAAA,EAAA;AAAA,MAAAoF;AAAA,SAAApF,EAAA,EAAA,MAAAwE,KAAAxE,UAAAmF,KA7FLC,IAAAC,EACL,gBAAAC,WAAY,OAAAlD,GACVS,UAAAA;AAAAA,IAAAA;AAAAA,IACA,gBAAAyC,EAAA,OAAA,EACOjF,QACE,OAAAiD,GAgBPkB,UAAAA;AAAAA,MAAAA;AAAAA,MAmCAW;AAAAA,IAAAA,EAAAA,CAsCF;AAAA,EAAA,GACF,GACAlE,SAAQsE,IACV,GAACvF,QAAAwE,GAAAxE,QAAAmF,GAAAnF,QAAAoF,KAAAA,IAAApF,EAAA,EAAA,GAjGMoF;AAiGN;"}

package/dist/visualization.es101.js

@@ -1,132 +1,86 @@
-import { jsx as c, jsxs as H } from "react/jsx-runtime";
-import { c as j } from "react/compiler-runtime";
-import { useRef as R, useEffect as A, useState as L } from "react";
-import N from "./visualization.es100.js";
-const O = 94, $ = 90, z = 16, V = (M) => {
-  const e = j(26);
-  let n, o, t;
-  e[0] !== M ? ({
-    onClose: t,
-    containerRef: n,
-    ...o
-  } = M, e[0] = M, e[1] = n, e[2] = o, e[3] = t) : (n = e[1], o = e[2], t = e[3]);
-  const S = R(null);
-  let m, p;
-  e[4] !== n || e[5] !== t ? (m = () => {
-    const d = (f) => {
-      const h = f.target;
-      n.current?.contains(h) || S.current?.contains(h) || t();
-    }, a = (f) => {
-      f.key === "Escape" && t();
-    };
-    return document.addEventListener("pointerdown", d), document.addEventListener("keydown", a), () => {
-      document.removeEventListener("pointerdown", d), document.removeEventListener("keydown", a);
-    };
-  }, p = [n, t], e[4] = n, e[5] = t, e[6] = m, e[7] = p) : (m = e[6], p = e[7]), A(m, p);
-  const [i, k] = L(null), I = R(null);
-  let u;
-  e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (u = (d) => {
-    if (I.current?.disconnect(), I.current = null, !d) {
-      k(null);
-      return;
-    }
-    const a = new ResizeObserver((f) => {
-      const [h] = f;
-      if (!h)
-        return;
-      const {
-        width: C,
-        height: D
-      } = h.contentRect;
-      k({
-        width: Math.floor(C),
-        height: Math.floor(D)
-      });
+import { useRef as T, useEffect as Y, useCallback as f, useState as y, useMemo as m } from "react";
+import { getVisibleRange as v, drawHeatmapCells as B, hitTestCell as w, buildBin as A } from "./visualization.es176.js";
+const g = 4;
+function O({
+  canvasCellParams: e,
+  viewportWidth: i,
+  viewportHeight: a,
+  xTickValues: b,
+  yTickValues: M,
+  isScrollable: G,
+  onClick: S
+}) {
+  const l = T(null), _ = T(null), d = T(null), L = T(null), R = T(null);
+  Y(() => () => {
+    R.current != null && cancelAnimationFrame(R.current);
+  }, []);
+  const c = f(() => {
+    const t = _.current, n = l.current;
+    if (!t || !n) return;
+    const r = t.getContext("2d");
+    if (!r) return;
+    const u = window.devicePixelRatio || 1;
+    r.setTransform(u, 0, 0, u, 0, 0), r.clearRect(0, 0, i, a);
+    const o = v(e, n.scrollLeft, n.scrollTop, i, a, g);
+    r.translate(-n.scrollLeft, -n.scrollTop), B(r, e, o, d.current);
+  }, [e, i, a]);
+  Y(() => {
+    c();
+  }, [G, c]);
+  const [p, x] = y({
+    left: 0,
+    top: 0
+  }), V = f((t) => {
+    l.current = t, t && x({
+      left: t.scrollLeft,
+      top: t.scrollTop
     });
-    a.observe(d), I.current = a;
-  }, e[8] = u) : u = e[8];
-  const E = u;
-  let b;
-  e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (b = {
-    position: "fixed",
-    inset: 0,
-    zIndex: 1e3,
-    background: "rgba(0,0,0,0.45)",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center"
-  }, e[9] = b) : b = e[9];
-  let y, g, x;
-  e[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (y = {
-    position: "relative",
-    width: `${O}vw`,
-    height: `${$}vh`,
-    boxSizing: "border-box",
-    display: "flex",
-    flexDirection: "column",
-    background: "#fff",
-    border: "1px solid #d5d5d5",
-    borderRadius: 8,
-    boxShadow: "0 8px 32px rgba(0,0,0,0.25)",
-    overflow: "hidden"
-  }, g = {
-    flexShrink: 0,
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "space-between",
-    padding: `10px ${z}px`,
-    background: "#f7f7f8",
-    borderBottom: "1px solid #e5e5e5"
-  }, x = /* @__PURE__ */ c("span", { style: {
-    fontSize: 14,
-    fontWeight: 600,
-    color: "#333"
-  }, children: "Minimap" }), e[10] = y, e[11] = g, e[12] = x) : (y = e[10], g = e[11], x = e[12]);
-  let _;
-  e[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = {
-    width: 26,
-    height: 26,
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    padding: 0,
-    border: "none",
-    borderRadius: "50%",
-    background: "#fff",
-    color: "#555",
-    fontSize: 16,
-    lineHeight: 1,
-    cursor: "pointer"
-  }, e[13] = _) : _ = e[13];
-  let r;
-  e[14] !== t ? (r = /* @__PURE__ */ H("div", { style: g, children: [
-    x,
-    /* @__PURE__ */ c("button", { type: "button", "aria-label": "Close expanded minimap", onClick: t, style: _, children: "×" })
-  ] }), e[14] = t, e[15] = r) : r = e[15];
-  let v;
-  e[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = {
-    flex: 1,
-    minHeight: 0,
-    display: "flex",
-    padding: z
-  }, e[16] = v) : v = e[16];
-  let w;
-  e[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = {
-    flex: 1,
-    minHeight: 0,
-    position: "relative"
-  }, e[17] = w) : w = e[17];
-  let l;
-  e[18] !== o || e[19] !== i ? (l = i && i.width > 0 && i.height > 0 && /* @__PURE__ */ c(N, { ...o, width: i.width, height: i.height }), e[18] = o, e[19] = i, e[20] = l) : l = e[20];
-  let s;
-  e[21] !== l ? (s = /* @__PURE__ */ c("div", { style: v, children: /* @__PURE__ */ c("div", { ref: E, style: w, children: l }) }), e[21] = l, e[22] = s) : s = e[22];
-  let P;
-  return e[23] !== s || e[24] !== r ? (P = /* @__PURE__ */ c("div", { style: b, children: /* @__PURE__ */ H("div", { ref: S, style: y, children: [
-    r,
-    s
-  ] }) }), e[23] = s, e[24] = r, e[25] = P) : P = e[25], P;
-};
+  }, []), s = m(() => v(e, p.left, p.top, i, a, g), [e, p.left, p.top, i, a]), C = m(() => b.slice(s.colStart, s.colEnd + 1), [b, s.colStart, s.colEnd]), F = m(() => M.slice(s.rowStart, s.rowEnd + 1), [M, s.rowStart, s.rowEnd]), N = f(() => {
+    const t = l.current;
+    t && R.current == null && (R.current = requestAnimationFrame(() => {
+      R.current = null, c(), x({
+        left: t.scrollLeft,
+        top: t.scrollTop
+      });
+    }));
+  }, [c]), h = f((t) => {
+    const n = l.current;
+    if (!n) return;
+    const r = t.nativeEvent.offsetX + n.scrollLeft, u = t.nativeEvent.offsetY + n.scrollTop, o = w(e, r, u);
+    t.currentTarget.style.cursor = o ? "pointer" : "default";
+    const E = d.current;
+    if ((E?.row !== o?.row || E?.column !== o?.column) && (d.current = o, c()), o) {
+      const X = A(e, o);
+      X && L.current?.show(X, t);
+    } else
+      L.current?.hide();
+  }, [e, c]), k = f((t) => {
+    t.currentTarget.style.cursor = "default", d.current && (d.current = null, c()), L.current?.hide();
+  }, [c]), q = f((t) => {
+    const n = l.current;
+    if (!n || !S) return;
+    const r = t.nativeEvent.offsetX + n.scrollLeft, u = t.nativeEvent.offsetY + n.scrollTop, o = w(e, r, u);
+    if (!o) return;
+    const E = A(e, o);
+    E && S(E);
+  }, [e, S]);
+  return {
+    canvasRef: _,
+    mainPaneRef: l,
+    canvasTooltipRef: L,
+    setMainPaneNode: V,
+    handleGridScroll: N,
+    axisScrollPos: p,
+    visibleXTickValues: C,
+    visibleYTickValues: F,
+    canvasHandlers: {
+      onMouseMove: h,
+      onMouseLeave: k,
+      onClick: q
+    }
+  };
+}
 export {
-  V as default
+  O as useHeatmapCanvasGrid
 };
 //# sourceMappingURL=visualization.es101.js.map