@weng-lab/visualization 2.4.0-beta.1 → 2.4.0-beta.2

package/dist/visualization.es74.js

@@ -1,67 +1,60 @@
-import { c as q } from "react/compiler-runtime";
-import { useState as u, useRef as w } from "react";
-import { rescaleX as A, rescaleY as E } from "./visualization.es17.js";
-import F from "./visualization.es77.js";
-const U = (H) => {
-  const t = q(17), {
-    pointData: e,
-    margin: a,
-    xScale: p,
-    yScale: d
-  } = H, [o, m] = u(null), [h, x] = u(!1), [P, O] = u(0), [y, _] = u(0), b = w(null);
-  let l;
-  t[0] !== e || t[1] !== o ? (l = o ? e.find((s) => s.x === o.x && s.y === o.y) ?? null : null, t[0] = e, t[1] = o, t[2] = l) : l = t[2];
-  const X = l;
-  let r;
-  t[3] !== a.left || t[4] !== a.top || t[5] !== e || t[6] !== p || t[7] !== d ? (r = (s, C) => {
-    if (C.isDragging) {
-      x(!1), m(null);
+import { c as L } from "react/compiler-runtime";
+import { useState as T, useRef as W } from "react";
+import { invertRescaled as y } from "./visualization.es17.js";
+import { useStableCallback as $ } from "./visualization.es19.js";
+import j from "./visualization.es65.js";
+const D = (P) => {
+  const t = L(17), {
+    enabled: i,
+    margin: l,
+    boundedWidth: c,
+    boundedHeight: u,
+    xScale: f,
+    yScale: h,
+    onCrosshairChange: R
+  } = P, [m, X] = T(null), S = W(null), p = $(R);
+  let s;
+  t[0] !== p ? (s = (r) => {
+    r === null && S.current === null || (S.current = r, X(r), p(r));
+  }, t[0] = p, t[1] = s) : s = t[1];
+  const e = s;
+  let o;
+  t[2] !== u || t[3] !== c || t[4] !== i || t[5] !== l.left || t[6] !== l.top || t[7] !== e || t[8] !== f || t[9] !== h ? (o = (r, Y) => {
+    if (!i)
       return;
-    }
-    O(s.pageX), _(s.pageY);
-    const M = F(s.currentTarget, s);
-    if (!M)
+    const C = j(r.currentTarget, r);
+    if (!C)
+      return;
+    const g = C.x - l.left, x = C.y - l.top;
+    if (g < 0 || g > c || x < 0 || x > u) {
+      e(null);
       return;
-    const L = M.x - a.left, $ = M.y - a.top, {
-      translateX: g,
-      translateY: T,
-      scaleX: S,
-      scaleY: D
-    } = C.transformMatrix, n = b.current, j = (n && n.pointData === e && n.translateX === g && n.translateY === T && n.scaleX === S && n.scaleY === D ? n.points : (() => {
-      const f = A(p, g, S), k = E(d, T, D), v = e.map((R) => ({
-        point: R,
-        x: f(R.x),
-        y: k(R.y)
-      }));
-      return b.current = {
-        pointData: e,
-        translateX: g,
-        translateY: T,
-        scaleX: S,
-        scaleY: D,
-        points: v
-      }, v;
-    })()).find((f) => Math.abs(L - f.x) < 5 && Math.abs($ - f.y) < 5)?.point ?? null;
-    m(j), x(!!j);
-  }, t[3] = a.left, t[4] = a.top, t[5] = e, t[6] = p, t[7] = d, t[8] = r) : r = t[8];
-  const Y = r;
-  let c;
-  t[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = () => {
-    x(!1), m(null);
-  }, t[9] = c) : c = t[9];
-  const B = c;
-  let i;
-  return t[10] !== Y || t[11] !== X || t[12] !== P || t[13] !== y || t[14] !== o || t[15] !== h ? (i = {
-    hoveredPoint: X,
-    tooltipData: o,
-    tooltipOpen: h,
-    mouseX: P,
-    mouseY: y,
-    handleMouseMove: Y,
-    handleMouseLeave: B
-  }, t[10] = Y, t[11] = X, t[12] = P, t[13] = y, t[14] = o, t[15] = h, t[16] = i) : i = t[16], i;
+    }
+    const {
+      translateX: v,
+      translateY: M,
+      scaleX: k,
+      scaleY: H
+    } = Y.transformMatrix;
+    e({
+      x: y(f, v, k, g),
+      y: y(h, M, H, x)
+    });
+  }, t[2] = u, t[3] = c, t[4] = i, t[5] = l.left, t[6] = l.top, t[7] = e, t[8] = f, t[9] = h, t[10] = o) : o = t[10];
+  const d = o;
+  let n;
+  t[11] !== e ? (n = () => {
+    e(null);
+  }, t[11] = e, t[12] = n) : n = t[12];
+  const b = n;
+  let a;
+  return t[13] !== m || t[14] !== b || t[15] !== d ? (a = {
+    crosshairPosition: m,
+    handleCrosshairMove: d,
+    handleCrosshairLeave: b
+  }, t[13] = m, t[14] = b, t[15] = d, t[16] = a) : a = t[16], a;
 };
 export {
-  U as useHoverTooltip
+  D as useCrosshair
 };
 //# sourceMappingURL=visualization.es74.js.map

package/dist/visualization.es74.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es74.js","sources":["../src/components/ScatterPlot/hooks/useHoverTooltip.ts"],"sourcesContent":["import React, { useCallback, useMemo, useRef, useState } from \"react\";\nimport { localPoint } from \"@visx/event\";\nimport { ScaleLinear } from \"@visx/vendor/d3-scale\";\nimport { Point, ZoomType } from \"../types\";\nimport { rescaleX, rescaleY } from \"../helpers\";\n\ntype UseHoverTooltipProps<T extends object> = {\n    pointData: Point<T>[];\n    margin: { top: number; left: number };\n    xScale: ScaleLinear<number, number, never>;\n    yScale: ScaleLinear<number, number, never>;\n};\n\ntype TransformedPointCache<T extends object> = {\n    pointData: Point<T>[];\n    translateX: number;\n    translateY: number;\n    scaleX: number;\n    scaleY: number;\n    points: Array<{ point: Point<T>; x: number; y: number }>;\n};\n\nexport const useHoverTooltip = <T extends object>({\n    pointData,\n    margin,\n    xScale,\n    yScale,\n}: UseHoverTooltipProps<T>) => {\n    const [tooltipData, setTooltipData] = useState<Point<T> | null>(null);\n    const [tooltipOpen, setTooltipOpen] = useState(false);\n    const [mouseX, setMouseX] = useState(0);\n    const [mouseY, setMouseY] = useState(0);\n    const transformedPointCacheRef = useRef<TransformedPointCache<T> | null>(null);\n\n    const hoveredPoint = useMemo(\n        () => tooltipData\n            ? pointData.find((point) => point.x === tooltipData.x && point.y === tooltipData.y) ?? null\n            : null,\n        [pointData, tooltipData]\n    );\n\n    const handleMouseMove = useCallback((event: React.MouseEvent<SVGElement>, zoom: ZoomType) => {\n        if (zoom.isDragging) {\n            setTooltipOpen(false);\n            setTooltipData(null);\n            return;\n        }\n\n        setMouseX(event.pageX);\n        setMouseY(event.pageY);\n\n        const point = localPoint(event.currentTarget, event);\n        if (!point) return;\n\n        const adjustedX = point.x - margin.left;\n        const adjustedY = point.y - margin.top;\n        const { translateX, translateY, scaleX, scaleY } = zoom.transformMatrix;\n\n        const cachedTransformedPoints = transformedPointCacheRef.current;\n        const shouldReuseCachedPoints =\n            cachedTransformedPoints &&\n            cachedTransformedPoints.pointData === pointData &&\n            cachedTransformedPoints.translateX === translateX &&\n            cachedTransformedPoints.translateY === translateY &&\n            cachedTransformedPoints.scaleX === scaleX &&\n            cachedTransformedPoints.scaleY === scaleY;\n\n        const transformedPoints = shouldReuseCachedPoints\n            ? cachedTransformedPoints.points\n            : (() => {\n                const xScaleTransformed = rescaleX(xScale, translateX, scaleX);\n                const yScaleTransformed = rescaleY(yScale, translateY, scaleY);\n                const nextPoints = pointData.map((curr) => ({\n                    point: curr,\n                    x: xScaleTransformed(curr.x),\n                    y: yScaleTransformed(curr.y),\n                }));\n\n                transformedPointCacheRef.current = {\n                    pointData,\n                    translateX,\n                    translateY,\n                    scaleX,\n                    scaleY,\n                    points: nextPoints,\n                };\n\n                return nextPoints;\n            })();\n\n        const threshold = 5;\n        const nextHoveredPoint = transformedPoints.find((curr) => (\n            Math.abs(adjustedX - curr.x) < threshold &&\n            Math.abs(adjustedY - curr.y) < threshold\n        ))?.point ?? null;\n\n        setTooltipData(nextHoveredPoint);\n        setTooltipOpen(Boolean(nextHoveredPoint));\n    }, [margin.left, margin.top, pointData, xScale, yScale]);\n\n    const handleMouseLeave = useCallback(() => {\n        setTooltipOpen(false);\n        setTooltipData(null);\n    }, []);\n\n    return { hoveredPoint, tooltipData, tooltipOpen, mouseX, mouseY, handleMouseMove, handleMouseLeave };\n};\n"],"names":["useHoverTooltip","t0","$","_c","pointData","margin","xScale","yScale","tooltipData","setTooltipData","useState","tooltipOpen","setTooltipOpen","mouseX","setMouseX","mouseY","setMouseY","transformedPointCacheRef","useRef","t1","find","point","x","y","hoveredPoint","t2","left","top","event","zoom","isDragging","pageX","pageY","point_0","localPoint","currentTarget","adjustedX","adjustedY","translateX","translateY","scaleX","scaleY","transformMatrix","cachedTransformedPoints","current","nextHoveredPoint","points","xScaleTransformed","rescaleX","yScaleTransformed","rescaleY","nextPoints","map","curr","curr_0","Math","abs","Boolean","handleMouseMove","t3","Symbol","for","handleMouseLeave","t4"],"mappings":"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"}
+{"version":3,"file":"visualization.es74.js","sources":["../src/components/ScatterPlot/hooks/useCrosshair.ts"],"sourcesContent":["import React, { useCallback, useRef, useState } from \"react\";\nimport { localPoint } from \"@visx/event\";\nimport { ScaleLinear } from \"@visx/vendor/d3-scale\";\nimport { CrosshairPosition, ZoomType } from \"../types\";\nimport { invertRescaled } from \"../helpers\";\nimport { useStableCallback } from \"../../../hooks\";\n\ntype UseCrosshairProps = {\n    enabled: boolean;\n    margin: { top: number; left: number };\n    boundedWidth: number;\n    boundedHeight: number;\n    xScale: ScaleLinear<number, number, never>;\n    yScale: ScaleLinear<number, number, never>;\n    onCrosshairChange?: (position: CrosshairPosition | null) => void;\n};\n\n/**\n * Tracks the pointer as a crosshair position in data coordinates.\n *\n * Data coordinates rather than pixels because the position is also published to consumers, who\n * may mirror it onto another plot or feed it back in as a controlled position. Keeping one\n * currency means every plot showing this crosshair resolves it through its own scales and so\n * agrees with the others, even mid-zoom.\n *\n * The zoom transform arrives as an argument rather than a hook input because it only exists\n * inside the Zoom render prop, below where this hook is called.\n */\nexport const useCrosshair = ({\n    enabled,\n    margin,\n    boundedWidth,\n    boundedHeight,\n    xScale,\n    yScale,\n    onCrosshairChange,\n}: UseCrosshairProps) => {\n    const [crosshairPosition, setCrosshairPosition] = useState<CrosshairPosition | null>(null);\n    const publishedRef = useRef<CrosshairPosition | null>(null);\n    const publishChange = useStableCallback(onCrosshairChange);\n\n    const publish = useCallback((position: CrosshairPosition | null) => {\n        // Leaving the plot area fires on every subsequent move; only announce the first one.\n        if (position === null && publishedRef.current === null) return;\n        publishedRef.current = position;\n        setCrosshairPosition(position);\n        publishChange(position);\n    }, [publishChange]);\n\n    const handleCrosshairMove = useCallback((event: React.MouseEvent<SVGElement>, zoom: ZoomType) => {\n        if (!enabled) return;\n\n        const point = localPoint(event.currentTarget, event);\n        if (!point) return;\n\n        // The listener covers the whole svg, margins included, so anything outside the plot\n        // area counts as leaving it.\n        const plotX = point.x - margin.left;\n        const plotY = point.y - margin.top;\n        if (plotX < 0 || plotX > boundedWidth || plotY < 0 || plotY > boundedHeight) {\n            publish(null);\n            return;\n        }\n\n        const { translateX, translateY, scaleX, scaleY } = zoom.transformMatrix;\n        publish({\n            x: invertRescaled(xScale, translateX, scaleX, plotX),\n            y: invertRescaled(yScale, translateY, scaleY, plotY),\n        });\n    }, [boundedHeight, boundedWidth, enabled, margin.left, margin.top, publish, xScale, yScale]);\n\n    const handleCrosshairLeave = useCallback(() => {\n        publish(null);\n    }, [publish]);\n\n    return { crosshairPosition, handleCrosshairMove, handleCrosshairLeave };\n};\n"],"names":["useCrosshair","t0","$","_c","enabled","margin","boundedWidth","boundedHeight","xScale","yScale","onCrosshairChange","crosshairPosition","setCrosshairPosition","useState","publishedRef","useRef","publishChange","useStableCallback","t1","position","current","publish","t2","left","top","event","zoom","point","localPoint","currentTarget","plotX","x","plotY","y","translateX","translateY","scaleX","scaleY","transformMatrix","invertRescaled","handleCrosshairMove","t3","handleCrosshairLeave","t4"],"mappings":";;;;;AA4BO,MAAMA,IAAeC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAC;AAAA,IAAAC,SAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,cAAAA;AAAAA,IAAAC,eAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,mBAAAA;AAAAA,EAAAA,IAAAT,GASzB,CAAAU,GAAAC,CAAA,IAAkDC,EAAmC,IAAI,GACzFC,IAAqBC,EAAiC,IAAI,GAC1DC,IAAsBC,EAAkBP,CAAiB;AAAE,MAAAQ;AAAA,EAAAhB,SAAAc,KAE/BE,IAAAC,CAAAA,MAAA;AAExB,IAAIA,MAAa,QAAQL,EAAYM,YAAa,SAClDN,EAAYM,UAAWD,GACvBP,EAAqBO,CAAQ,GAC7BH,EAAcG,CAAQ;AAAA,EAAC,GAC1BjB,OAAAc,GAAAd,OAAAgB,KAAAA,IAAAhB,EAAA,CAAA;AAND,QAAAmB,IAAgBH;AAMI,MAAAI;AAAA,EAAApB,EAAA,CAAA,MAAAK,KAAAL,EAAA,CAAA,MAAAI,KAAAJ,SAAAE,KAAAF,EAAA,CAAA,MAAAG,EAAAkB,QAAArB,EAAA,CAAA,MAAAG,EAAAmB,OAAAtB,EAAA,CAAA,MAAAmB,KAAAnB,EAAA,CAAA,MAAAM,KAAAN,SAAAO,KAEoBa,IAAAA,CAAAG,GAAAC,MAAA;AACpC,QAAI,CAACtB;AAAO;AAEZ,UAAAuB,IAAcC,EAAWH,EAAKI,eAAgBJ,CAAK;AACnD,QAAI,CAACE;AAAK;AAIV,UAAAG,IAAcH,EAAKI,IAAK1B,EAAMkB,MAC9BS,IAAcL,EAAKM,IAAK5B,EAAMmB;AAC9B,QAAIM,IAAQ,KAAKA,IAAQxB,KAAgB0B,IAAQ,KAAKA,IAAQzB,GAAa;AACvEc,MAAAA,EAAQ,IAAI;AAAC;AAAA,IAAA;AAIjB,UAAA;AAAA,MAAAa,YAAAA;AAAAA,MAAAC,YAAAA;AAAAA,MAAAC,QAAAA;AAAAA,MAAAC,QAAAA;AAAAA,IAAAA,IAAmDX,EAAIY;AACvDjB,IAAAA,EAAQ;AAAA,MAAAU,GACDQ,EAAe/B,GAAQ0B,GAAYE,GAAQN,CAAK;AAAA,MAACG,GACjDM,EAAe9B,GAAQ0B,GAAYE,GAAQL,CAAK;AAAA,IAAA,CACtD;AAAA,EAAC,GACL9B,OAAAK,GAAAL,OAAAI,GAAAJ,OAAAE,GAAAF,EAAA,CAAA,IAAAG,EAAAkB,MAAArB,EAAA,CAAA,IAAAG,EAAAmB,KAAAtB,OAAAmB,GAAAnB,OAAAM,GAAAN,OAAAO,GAAAP,QAAAoB,KAAAA,IAAApB,EAAA,EAAA;AApBD,QAAAsC,IAA4BlB;AAoBiE,MAAAmB;AAAA,EAAAvC,UAAAmB,KAEpDoB,IAAAA,MAAA;AACrCpB,IAAAA,EAAQ,IAAI;AAAA,EAAC,GAChBnB,QAAAmB,GAAAnB,QAAAuC,KAAAA,IAAAvC,EAAA,EAAA;AAFD,QAAAwC,IAA6BD;AAEf,MAAAE;AAAA,SAAAzC,EAAA,EAAA,MAAAS,KAAAT,UAAAwC,KAAAxC,EAAA,EAAA,MAAAsC,KAEPG,IAAA;AAAA,IAAAhC,mBAAAA;AAAAA,IAAA6B,qBAAAA;AAAAA,IAAAE,sBAAAA;AAAAA,EAAAA,GAAgExC,QAAAS,GAAAT,QAAAwC,GAAAxC,QAAAsC,GAAAtC,QAAAyC,KAAAA,IAAAzC,EAAA,EAAA,GAAhEyC;AAAgE;"}

package/dist/visualization.es75.js

@@ -1,60 +1,11 @@
-import { c as L } from "react/compiler-runtime";
-import { useState as T, useRef as W } from "react";
-import { invertRescaled as y } from "./visualization.es17.js";
-import { useStableCallback as $ } from "./visualization.es19.js";
-import j from "./visualization.es77.js";
-const D = (P) => {
-  const t = L(17), {
-    enabled: i,
-    margin: l,
-    boundedWidth: c,
-    boundedHeight: u,
-    xScale: f,
-    yScale: h,
-    onCrosshairChange: R
-  } = P, [m, X] = T(null), S = W(null), p = $(R);
-  let s;
-  t[0] !== p ? (s = (r) => {
-    r === null && S.current === null || (S.current = r, X(r), p(r));
-  }, t[0] = p, t[1] = s) : s = t[1];
-  const e = s;
-  let o;
-  t[2] !== u || t[3] !== c || t[4] !== i || t[5] !== l.left || t[6] !== l.top || t[7] !== e || t[8] !== f || t[9] !== h ? (o = (r, Y) => {
-    if (!i)
-      return;
-    const C = j(r.currentTarget, r);
-    if (!C)
-      return;
-    const g = C.x - l.left, x = C.y - l.top;
-    if (g < 0 || g > c || x < 0 || x > u) {
-      e(null);
-      return;
-    }
-    const {
-      translateX: v,
-      translateY: M,
-      scaleX: k,
-      scaleY: H
-    } = Y.transformMatrix;
-    e({
-      x: y(f, v, k, g),
-      y: y(h, M, H, x)
-    });
-  }, t[2] = u, t[3] = c, t[4] = i, t[5] = l.left, t[6] = l.top, t[7] = e, t[8] = f, t[9] = h, t[10] = o) : o = t[10];
-  const d = o;
-  let n;
-  t[11] !== e ? (n = () => {
-    e(null);
-  }, t[11] = e, t[12] = n) : n = t[12];
-  const b = n;
-  let a;
-  return t[13] !== m || t[14] !== b || t[15] !== d ? (a = {
-    crosshairPosition: m,
-    handleCrosshairMove: d,
-    handleCrosshairLeave: b
-  }, t[13] = m, t[14] = b, t[15] = d, t[16] = a) : a = t[16], a;
-};
+import o from "./visualization.es223.js";
+import { jsx as t } from "react/jsx-runtime";
+function f(r) {
+  return /* @__PURE__ */ t(o, {
+    ...r
+  });
+}
 export {
-  D as useCrosshair
+  f as default
 };
 //# sourceMappingURL=visualization.es75.js.map

package/dist/visualization.es75.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es75.js","sources":["../src/components/ScatterPlot/hooks/useCrosshair.ts"],"sourcesContent":["import React, { useCallback, useRef, useState } from \"react\";\nimport { localPoint } from \"@visx/event\";\nimport { ScaleLinear } from \"@visx/vendor/d3-scale\";\nimport { CrosshairPosition, ZoomType } from \"../types\";\nimport { invertRescaled } from \"../helpers\";\nimport { useStableCallback } from \"../../../hooks\";\n\ntype UseCrosshairProps = {\n    enabled: boolean;\n    margin: { top: number; left: number };\n    boundedWidth: number;\n    boundedHeight: number;\n    xScale: ScaleLinear<number, number, never>;\n    yScale: ScaleLinear<number, number, never>;\n    onCrosshairChange?: (position: CrosshairPosition | null) => void;\n};\n\n/**\n * Tracks the pointer as a crosshair position in data coordinates.\n *\n * Data coordinates rather than pixels because the position is also published to consumers, who\n * may mirror it onto another plot or feed it back in as a controlled position. Keeping one\n * currency means every plot showing this crosshair resolves it through its own scales and so\n * agrees with the others, even mid-zoom.\n *\n * The zoom transform arrives as an argument rather than a hook input because it only exists\n * inside the Zoom render prop, below where this hook is called.\n */\nexport const useCrosshair = ({\n    enabled,\n    margin,\n    boundedWidth,\n    boundedHeight,\n    xScale,\n    yScale,\n    onCrosshairChange,\n}: UseCrosshairProps) => {\n    const [crosshairPosition, setCrosshairPosition] = useState<CrosshairPosition | null>(null);\n    const publishedRef = useRef<CrosshairPosition | null>(null);\n    const publishChange = useStableCallback(onCrosshairChange);\n\n    const publish = useCallback((position: CrosshairPosition | null) => {\n        // Leaving the plot area fires on every subsequent move; only announce the first one.\n        if (position === null && publishedRef.current === null) return;\n        publishedRef.current = position;\n        setCrosshairPosition(position);\n        publishChange(position);\n    }, [publishChange]);\n\n    const handleCrosshairMove = useCallback((event: React.MouseEvent<SVGElement>, zoom: ZoomType) => {\n        if (!enabled) return;\n\n        const point = localPoint(event.currentTarget, event);\n        if (!point) return;\n\n        // The listener covers the whole svg, margins included, so anything outside the plot\n        // area counts as leaving it.\n        const plotX = point.x - margin.left;\n        const plotY = point.y - margin.top;\n        if (plotX < 0 || plotX > boundedWidth || plotY < 0 || plotY > boundedHeight) {\n            publish(null);\n            return;\n        }\n\n        const { translateX, translateY, scaleX, scaleY } = zoom.transformMatrix;\n        publish({\n            x: invertRescaled(xScale, translateX, scaleX, plotX),\n            y: invertRescaled(yScale, translateY, scaleY, plotY),\n        });\n    }, [boundedHeight, boundedWidth, enabled, margin.left, margin.top, publish, xScale, yScale]);\n\n    const handleCrosshairLeave = useCallback(() => {\n        publish(null);\n    }, [publish]);\n\n    return { crosshairPosition, handleCrosshairMove, handleCrosshairLeave };\n};\n"],"names":["useCrosshair","t0","$","_c","enabled","margin","boundedWidth","boundedHeight","xScale","yScale","onCrosshairChange","crosshairPosition","setCrosshairPosition","useState","publishedRef","useRef","publishChange","useStableCallback","t1","position","current","publish","t2","left","top","event","zoom","point","localPoint","currentTarget","plotX","x","plotY","y","translateX","translateY","scaleX","scaleY","transformMatrix","invertRescaled","handleCrosshairMove","t3","handleCrosshairLeave","t4"],"mappings":";;;;;AA4BO,MAAMA,IAAeC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAC;AAAA,IAAAC,SAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,cAAAA;AAAAA,IAAAC,eAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,mBAAAA;AAAAA,EAAAA,IAAAT,GASzB,CAAAU,GAAAC,CAAA,IAAkDC,EAAmC,IAAI,GACzFC,IAAqBC,EAAiC,IAAI,GAC1DC,IAAsBC,EAAkBP,CAAiB;AAAE,MAAAQ;AAAA,EAAAhB,SAAAc,KAE/BE,IAAAC,CAAAA,MAAA;AAExB,IAAIA,MAAa,QAAQL,EAAYM,YAAa,SAClDN,EAAYM,UAAWD,GACvBP,EAAqBO,CAAQ,GAC7BH,EAAcG,CAAQ;AAAA,EAAC,GAC1BjB,OAAAc,GAAAd,OAAAgB,KAAAA,IAAAhB,EAAA,CAAA;AAND,QAAAmB,IAAgBH;AAMI,MAAAI;AAAA,EAAApB,EAAA,CAAA,MAAAK,KAAAL,EAAA,CAAA,MAAAI,KAAAJ,SAAAE,KAAAF,EAAA,CAAA,MAAAG,EAAAkB,QAAArB,EAAA,CAAA,MAAAG,EAAAmB,OAAAtB,EAAA,CAAA,MAAAmB,KAAAnB,EAAA,CAAA,MAAAM,KAAAN,SAAAO,KAEoBa,IAAAA,CAAAG,GAAAC,MAAA;AACpC,QAAI,CAACtB;AAAO;AAEZ,UAAAuB,IAAcC,EAAWH,EAAKI,eAAgBJ,CAAK;AACnD,QAAI,CAACE;AAAK;AAIV,UAAAG,IAAcH,EAAKI,IAAK1B,EAAMkB,MAC9BS,IAAcL,EAAKM,IAAK5B,EAAMmB;AAC9B,QAAIM,IAAQ,KAAKA,IAAQxB,KAAgB0B,IAAQ,KAAKA,IAAQzB,GAAa;AACvEc,MAAAA,EAAQ,IAAI;AAAC;AAAA,IAAA;AAIjB,UAAA;AAAA,MAAAa,YAAAA;AAAAA,MAAAC,YAAAA;AAAAA,MAAAC,QAAAA;AAAAA,MAAAC,QAAAA;AAAAA,IAAAA,IAAmDX,EAAIY;AACvDjB,IAAAA,EAAQ;AAAA,MAAAU,GACDQ,EAAe/B,GAAQ0B,GAAYE,GAAQN,CAAK;AAAA,MAACG,GACjDM,EAAe9B,GAAQ0B,GAAYE,GAAQL,CAAK;AAAA,IAAA,CACtD;AAAA,EAAC,GACL9B,OAAAK,GAAAL,OAAAI,GAAAJ,OAAAE,GAAAF,EAAA,CAAA,IAAAG,EAAAkB,MAAArB,EAAA,CAAA,IAAAG,EAAAmB,KAAAtB,OAAAmB,GAAAnB,OAAAM,GAAAN,OAAAO,GAAAP,QAAAoB,KAAAA,IAAApB,EAAA,EAAA;AApBD,QAAAsC,IAA4BlB;AAoBiE,MAAAmB;AAAA,EAAAvC,UAAAmB,KAEpDoB,IAAAA,MAAA;AACrCpB,IAAAA,EAAQ,IAAI;AAAA,EAAC,GAChBnB,QAAAmB,GAAAnB,QAAAuC,KAAAA,IAAAvC,EAAA,EAAA;AAFD,QAAAwC,IAA6BD;AAEf,MAAAE;AAAA,SAAAzC,EAAA,EAAA,MAAAS,KAAAT,UAAAwC,KAAAxC,EAAA,EAAA,MAAAsC,KAEPG,IAAA;AAAA,IAAAhC,mBAAAA;AAAAA,IAAA6B,qBAAAA;AAAAA,IAAAE,sBAAAA;AAAAA,EAAAA,GAAgExC,QAAAS,GAAAT,QAAAwC,GAAAxC,QAAAsC,GAAAtC,QAAAyC,KAAAA,IAAAzC,EAAA,EAAA,GAAhEyC;AAAgE;"}
+{"version":3,"file":"visualization.es75.js","sources":["../../../node_modules/.pnpm/@visx+legend@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/legend/esm/legends/Ordinal.js"],"sourcesContent":["import Legend from \"./Legend/index.js\"; // eslint-disable-next-line @typescript-eslint/no-explicit-any\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n/** Ordinal scales map from strings to an Output type. */\nexport default function Ordinal(props) {\n  return /*#__PURE__*/_jsx(Legend, {\n    ...props\n  });\n}"],"names":["Ordinal","props","_jsx","Legend"],"mappings":";;AAGe,SAASA,EAAQC,GAAO;AACrC,SAAoBC,gBAAAA,EAAKC,GAAQ;AAAA,IAC/B,GAAGF;AAAA,EACP,CAAG;AACH;","x_google_ignoreList":[0]}

package/dist/visualization.es76.js

@@ -1,73 +1,11 @@
-import $ from "./visualization.es129.js";
-import { getFirstItem as A, getSecondItem as G } from "./visualization.es193.js";
-import M from "./visualization.es194.js";
-import P from "./visualization.es195.js";
-import W from "./visualization.es196.js";
-import X from "./visualization.es197.js";
-import Y from "./visualization.es97.js";
-import { jsx as m, Fragment as j } from "react/jsx-runtime";
-import q from "./visualization.es33.js";
-import C from "./visualization.es198.js";
-function Z(y) {
-  let {
-    data: g,
-    className: w,
-    top: N,
-    left: v,
-    y: a,
-    x0: c = A,
-    x1: B = G,
-    xScale: s,
-    yScale: i,
-    color: O,
-    keys: n,
-    value: f,
-    order: d,
-    offset: l,
-    children: p,
-    ...z
-  } = y;
-  const e = C();
-  n && e.keys(n), f && P(e.value, f), d && e.order(W(d)), l && e.offset(X(l));
-  const F = e(g), H = M(i), h = F.map((o, t) => {
-    const {
-      key: x
-    } = o;
-    return {
-      index: t,
-      key: x,
-      bars: o.map((r, u) => {
-        const k = (s(B(r)) || 0) - (s(c(r)) || 0), I = s(c(r)), S = "bandwidth" in i ? i(a(r.data)) : Math.max((i(a(r.data)) || 0) - k / 2);
-        return {
-          bar: r,
-          key: x,
-          index: u,
-          height: H,
-          width: k,
-          x: I || 0,
-          y: S || 0,
-          color: O(o.key, u)
-        };
-      })
-    };
-  });
-  return p ? /* @__PURE__ */ m(j, {
-    children: p(h)
-  }) : /* @__PURE__ */ m(q, {
-    className: $("visx-bar-stack-horizontal", w),
-    top: N,
-    left: v,
-    children: h.map((o) => o.bars.map((t) => /* @__PURE__ */ m(Y, {
-      x: t.x,
-      y: t.y,
-      height: t.height,
-      width: t.width,
-      fill: t.color,
-      ...z
-    }, `bar-stack-${o.index}-${t.index}`)))
-  });
+import e from "./visualization.es137.js";
+import a from "./visualization.es141.js";
+const n = e("domain", "range", "reverse", "unknown");
+function i(r) {
+  return n(a(), r);
 }
 export {
-  Z as default
+  i as default,
+  n as updateOrdinalScale
 };
 //# sourceMappingURL=visualization.es76.js.map

package/dist/visualization.es76.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es76.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/BarStackHorizontal.js"],"sourcesContent":["import cx from 'classnames';\nimport { stack as d3stack } from '@visx/vendor/d3-shape';\nimport { Group } from '@visx/group';\nimport { getFirstItem, getSecondItem } from \"../util/accessors.js\";\nimport getBandwidth from \"../util/getBandwidth.js\";\nimport setNumOrAccessor from \"../util/setNumberOrNumberAccessor.js\";\nimport stackOrder from \"../util/stackOrder.js\";\nimport stackOffset from \"../util/stackOffset.js\";\nimport Bar from \"./Bar.js\";\nimport { Fragment as _Fragment, jsx as _jsx } from \"react/jsx-runtime\";\nexport default function BarStackHorizontal(_ref) {\n  let {\n    data,\n    className,\n    top,\n    left,\n    y,\n    x0 = getFirstItem,\n    x1 = getSecondItem,\n    xScale,\n    yScale,\n    color,\n    keys,\n    value,\n    order,\n    offset,\n    children,\n    ...restProps\n  } = _ref;\n  const stack = d3stack();\n  if (keys) stack.keys(keys);\n  if (value) setNumOrAccessor(stack.value, value);\n  if (order) stack.order(stackOrder(order));\n  if (offset) stack.offset(stackOffset(offset));\n  const stacks = stack(data);\n  const barHeight = getBandwidth(yScale);\n  const barStacks = stacks.map((barStack, i) => {\n    const {\n      key\n    } = barStack;\n    return {\n      index: i,\n      key,\n      bars: barStack.map((bar, j) => {\n        const barWidth = (xScale(x1(bar)) || 0) - (xScale(x0(bar)) || 0);\n        const barX = xScale(x0(bar));\n        const barY = 'bandwidth' in yScale ? yScale(y(bar.data)) : Math.max((yScale(y(bar.data)) || 0) - barWidth / 2);\n        return {\n          bar,\n          key,\n          index: j,\n          height: barHeight,\n          width: barWidth,\n          x: barX || 0,\n          y: barY || 0,\n          color: color(barStack.key, j)\n        };\n      })\n    };\n  });\n  if (children) return /*#__PURE__*/_jsx(_Fragment, {\n    children: children(barStacks)\n  });\n  return /*#__PURE__*/_jsx(Group, {\n    className: cx('visx-bar-stack-horizontal', className),\n    top: top,\n    left: left,\n    children: barStacks.map(barStack => barStack.bars.map(bar => /*#__PURE__*/_jsx(Bar, {\n      x: bar.x,\n      y: bar.y,\n      height: bar.height,\n      width: bar.width,\n      fill: bar.color,\n      ...restProps\n    }, `bar-stack-${barStack.index}-${bar.index}`)))\n  });\n}"],"names":["BarStackHorizontal","_ref","data","className","top","left","y","x0","getFirstItem","x1","getSecondItem","xScale","yScale","color","keys","value","order","offset","children","restProps","stack","d3stack","setNumOrAccessor","stackOrder","stackOffset","stacks","barHeight","getBandwidth","barStacks","barStack","i","key","bar","j","barWidth","barX","barY","_jsx","_Fragment","Group","cx","Bar"],"mappings":";;;;;;;;;;AAUe,SAASA,EAAmBC,GAAM;AAC/C,MAAI;AAAA,IACF,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,KAAAC;AAAA,IACA,MAAAC;AAAA,IACA,GAAAC;AAAA,IACA,IAAAC,IAAKC;AAAA,IACL,IAAAC,IAAKC;AAAA,IACL,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EACP,IAAMlB;AACJ,QAAMmB,IAAQC,EAAO;AACrB,EAAIP,KAAMM,EAAM,KAAKN,CAAI,GACrBC,KAAOO,EAAiBF,EAAM,OAAOL,CAAK,GAC1CC,KAAOI,EAAM,MAAMG,EAAWP,CAAK,CAAC,GACpCC,KAAQG,EAAM,OAAOI,EAAYP,CAAM,CAAC;AAC5C,QAAMQ,IAASL,EAAMlB,CAAI,GACnBwB,IAAYC,EAAaf,CAAM,GAC/BgB,IAAYH,EAAO,IAAI,CAACI,GAAUC,MAAM;AAC5C,UAAM;AAAA,MACJ,KAAAC;AAAA,IACN,IAAQF;AACJ,WAAO;AAAA,MACL,OAAOC;AAAA,MACP,KAAAC;AAAA,MACA,MAAMF,EAAS,IAAI,CAACG,GAAKC,MAAM;AAC7B,cAAMC,KAAYvB,EAAOF,EAAGuB,CAAG,CAAC,KAAK,MAAMrB,EAAOJ,EAAGyB,CAAG,CAAC,KAAK,IACxDG,IAAOxB,EAAOJ,EAAGyB,CAAG,CAAC,GACrBI,IAAO,eAAexB,IAASA,EAAON,EAAE0B,EAAI,IAAI,CAAC,IAAI,KAAK,KAAKpB,EAAON,EAAE0B,EAAI,IAAI,CAAC,KAAK,KAAKE,IAAW,CAAC;AAC7G,eAAO;AAAA,UACL,KAAAF;AAAA,UACA,KAAAD;AAAA,UACA,OAAOE;AAAA,UACP,QAAQP;AAAA,UACR,OAAOQ;AAAA,UACP,GAAGC,KAAQ;AAAA,UACX,GAAGC,KAAQ;AAAA,UACX,OAAOvB,EAAMgB,EAAS,KAAKI,CAAC;AAAA,QACtC;AAAA,MACM,CAAC;AAAA,IACP;AAAA,EACE,CAAC;AACD,SAAIf,IAA8BmB,gBAAAA,EAAKC,GAAW;AAAA,IAChD,UAAUpB,EAASU,CAAS;AAAA,EAChC,CAAG,IACmBS,gBAAAA,EAAKE,GAAO;AAAA,IAC9B,WAAWC,EAAG,6BAA6BrC,CAAS;AAAA,IACpD,KAAKC;AAAA,IACL,MAAMC;AAAA,IACN,UAAUuB,EAAU,IAAI,CAAAC,MAAYA,EAAS,KAAK,IAAI,CAAAG,MAAoBK,gBAAAA,EAAKI,GAAK;AAAA,MAClF,GAAGT,EAAI;AAAA,MACP,GAAGA,EAAI;AAAA,MACP,QAAQA,EAAI;AAAA,MACZ,OAAOA,EAAI;AAAA,MACX,MAAMA,EAAI;AAAA,MACV,GAAGb;AAAA,IACT,GAAO,aAAaU,EAAS,KAAK,IAAIG,EAAI,KAAK,EAAE,CAAC,CAAC;AAAA,EACnD,CAAG;AACH;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es76.js","sources":["../../../node_modules/.pnpm/@visx+scale@4.0.0/node_modules/@visx/scale/esm/scales/ordinal.js"],"sourcesContent":["import { scaleOrdinal } from '@visx/vendor/d3-scale';\nimport scaleOperator from \"../operators/scaleOperator.js\";\nexport const updateOrdinalScale = scaleOperator('domain', 'range', 'reverse', 'unknown');\nexport default function createOrdinalScale(config) {\n  return updateOrdinalScale(scaleOrdinal(), config);\n}"],"names":["updateOrdinalScale","scaleOperator","createOrdinalScale","config","scaleOrdinal"],"mappings":";;AAEY,MAACA,IAAqBC,EAAc,UAAU,SAAS,WAAW,SAAS;AACxE,SAASC,EAAmBC,GAAQ;AACjD,SAAOH,EAAmBI,EAAY,GAAID,CAAM;AAClD;","x_google_ignoreList":[0]}

package/dist/visualization.es77.js

@@ -1,15 +1,61 @@
-import l from "./visualization.es237.js";
-import { isEvent as f, isElement as n } from "./visualization.es238.js";
-function s(t, i) {
-  if (n(t) && i)
-    return l(t, i);
-  if (f(t)) {
-    const o = t, r = o.target;
-    if (r) return l(r, o);
-  }
-  return null;
-}
+import { jsx as w, jsxs as U, Fragment as V } from "react/jsx-runtime";
+import { c as W } from "react/compiler-runtime";
+import { memo as b, useRef as q } from "react";
+import z from "./visualization.es78.js";
+import { getHeatmapColorScale as G, cellKey as j, DEFAULT_DESELECTED_COLOR as I, resolveCellAppearance as J } from "./visualization.es80.js";
+import { useStableCallback as N } from "./visualization.es19.js";
+import Q from "./visualization.es123.js";
+import X from "./visualization.es124.js";
+import Y from "./visualization.es12.js";
+const Z = (L) => L.rows, me = b(function(v) {
+  const e = W(31), {
+    data: u,
+    xScale: h,
+    yScale: H,
+    colors: S,
+    maxValue: g,
+    gap: y,
+    isRect: t,
+    binWidth: l,
+    binHeight: i,
+    animationType: x,
+    tooltipBody: m,
+    onClick: A,
+    selectedCells: n,
+    deselectedColor: O
+  } = v, E = O === void 0 ? I : O;
+  let p;
+  e[0] !== S || e[1] !== g ? (p = G(S, g), e[0] = S, e[1] = g, e[2] = p) : p = e[2];
+  const R = p, k = Math.min(l, i) / 2;
+  let f;
+  e[3] !== n ? (f = n?.length ? new Set(n.map(j)) : null, e[3] = n, e[4] = f) : f = e[4];
+  const d = f, $ = q(null), D = N(A), T = t ? Q : X;
+  let o;
+  e[5] !== i || e[6] !== l || e[7] !== t || e[8] !== k ? (o = t ? {
+    binWidth: l,
+    binHeight: i
+  } : {
+    radius: k
+  }, e[5] = i, e[6] = l, e[7] = t, e[8] = k, e[9] = o) : o = e[9];
+  let s;
+  e[10] !== x || e[11] !== l || e[12] !== E || e[13] !== D || e[14] !== t || e[15] !== d ? (s = (B) => B.map((F, K) => F.map((r) => {
+    const _ = !!d && !d.has(j(r)), {
+      fill: M,
+      fillOpacity: P
+    } = J(r.count, r.color, _, E);
+    return /* @__PURE__ */ w(z, { bin: r, isRect: t, binWidth: l, fill: M, fillOpacity: P, colIndex: K, animationType: x, tooltipRef: $, onClick: D }, `heatmap-cell-${r.row}-${r.column}`);
+  })), e[10] = x, e[11] = l, e[12] = E, e[13] = D, e[14] = t, e[15] = d, e[16] = s) : s = e[16];
+  let a;
+  e[17] !== T || e[18] !== R || e[19] !== u || e[20] !== y || e[21] !== o || e[22] !== s || e[23] !== h || e[24] !== H ? (a = /* @__PURE__ */ w(T, { data: u, xScale: h, yScale: H, colorScale: R, bins: Z, gap: y, ...o, children: s }), e[17] = T, e[18] = R, e[19] = u, e[20] = y, e[21] = o, e[22] = s, e[23] = h, e[24] = H, e[25] = a) : a = e[25];
+  let c;
+  e[26] !== m ? (c = m && /* @__PURE__ */ w(Y, { ref: $, children: m }), e[26] = m, e[27] = c) : c = e[27];
+  let C;
+  return e[28] !== a || e[29] !== c ? (C = /* @__PURE__ */ U(V, { children: [
+    a,
+    c
+  ] }), e[28] = a, e[29] = c, e[30] = C) : C = e[30], C;
+});
 export {
-  s as default
+  me as default
 };
 //# sourceMappingURL=visualization.es77.js.map

package/dist/visualization.es77.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es77.js","sources":["../../../node_modules/.pnpm/@visx+event@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/event/esm/localPoint.js"],"sourcesContent":["import localPointGeneric from \"./localPointGeneric.js\";\nimport { isElement, isEvent } from \"./typeGuards.js\";\n/** Handles two signatures for backwards compatibility. */\nexport default function localPoint(nodeOrEvent, maybeEvent) {\n  // localPoint(node, event)\n  if (isElement(nodeOrEvent) && maybeEvent) {\n    return localPointGeneric(nodeOrEvent, maybeEvent);\n  }\n  // localPoint(event)\n  if (isEvent(nodeOrEvent)) {\n    const event = nodeOrEvent;\n    const node = event.target;\n    if (node) return localPointGeneric(node, event);\n  }\n  return null;\n}"],"names":["localPoint","nodeOrEvent","maybeEvent","isElement","localPointGeneric","isEvent","event","node"],"mappings":";;AAGe,SAASA,EAAWC,GAAaC,GAAY;AAE1D,MAAIC,EAAUF,CAAW,KAAKC;AAC5B,WAAOE,EAAkBH,GAAaC,CAAU;AAGlD,MAAIG,EAAQJ,CAAW,GAAG;AACxB,UAAMK,IAAQL,GACRM,IAAOD,EAAM;AACnB,QAAIC,EAAM,QAAOH,EAAkBG,GAAMD,CAAK;AAAA,EAChD;AACA,SAAO;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es77.js","sources":["../src/components/Heatmap/HeatmapCells.tsx"],"sourcesContent":["import { HeatmapRect, HeatmapCircle, RectCell, CircleCell } from \"@visx/heatmap\";\nimport { useMemo, useRef, memo, ReactElement } from \"react\";\nimport type { AnimationType } from \"../../utility\";\nimport type { ColumnDatum, RowDatum, HeatmapCellId } from \"./types\";\nimport HeatmapCell from \"./HeatmapCell\";\nimport { PlotTooltip, type PlotTooltipHandle } from \"../../tooltip\";\nimport { useStableCallback } from \"../../hooks\";\nimport { DEFAULT_DESELECTED_COLOR, cellKey, getHeatmapColorScale, resolveCellAppearance } from \"./heatmapCellAppearance\";\n\nexport type AnyBin = RectCell<ColumnDatum, RowDatum> | CircleCell<ColumnDatum, RowDatum>;\n\nconst getBins = (d: ColumnDatum) => d.rows;\n\nexport interface HeatmapCellsProps {\n  data: ColumnDatum[];\n  xScale: (d: number) => number;\n  yScale: (d: number) => number;\n  colors: [string, string, ...string[]];\n  maxValue: number;\n  gap: number;\n  isRect: boolean;\n  binWidth: number;\n  binHeight: number;\n  animationType?: AnimationType;\n  tooltipBody?: (bin: AnyBin) => ReactElement;\n  onClick?: (bin: AnyBin) => void;\n  selectedCells?: HeatmapCellId[];\n  deselectedColor?: string;\n}\n\nconst HeatmapCells = memo(function HeatmapCells({\n  data, xScale, yScale, colors, maxValue, gap,\n  isRect, binWidth, binHeight, animationType,\n  tooltipBody, onClick, selectedCells, deselectedColor = DEFAULT_DESELECTED_COLOR,\n}: HeatmapCellsProps) {\n  const colorScale = useMemo(\n    () => getHeatmapColorScale(colors, maxValue),\n    [colors, maxValue]\n  );\n  const radius = Math.min(binWidth, binHeight) / 2;\n\n  const selectedKeys = useMemo(\n    () => (selectedCells?.length ? new Set(selectedCells.map(cellKey)) : null),\n    [selectedCells]\n  );\n\n  // The tooltip is a sibling of the grid and owns its own state, so moving the pointer around\n  // never re-renders a cell. Cells reach it through this ref, which never changes identity.\n  const tooltipRef = useRef<PlotTooltipHandle<AnyBin>>(null);\n\n  // Consumers commonly pass an inline arrow for onClick. Cells are memoized on prop identity,\n  // so forwarding that directly would invalidate every cell on each render of the consumer.\n  const handleClick = useStableCallback(onClick);\n\n  const HeatmapComponent = isRect ? HeatmapRect : HeatmapCircle;\n\n  return (\n    <>\n      <HeatmapComponent\n        data={data}\n        xScale={xScale}\n        yScale={yScale}\n        colorScale={colorScale}\n        bins={getBins}\n        gap={gap}\n        {...(isRect ? { binWidth, binHeight } : { radius })}\n      >\n        {(heatmap) =>\n          heatmap.map((heatmapBins, colIndex) =>\n            heatmapBins.map((bin) => {\n              const isDeselected = !!selectedKeys && !selectedKeys.has(cellKey(bin));\n              const { fill, fillOpacity } = resolveCellAppearance(bin.count, bin.color, isDeselected, deselectedColor);\n              return (\n                <HeatmapCell\n                  key={`heatmap-cell-${bin.row}-${bin.column}`}\n                  bin={bin}\n                  isRect={isRect}\n                  binWidth={binWidth}\n                  fill={fill}\n                  fillOpacity={fillOpacity}\n                  colIndex={colIndex}\n                  animationType={animationType}\n                  tooltipRef={tooltipRef}\n                  onClick={handleClick}\n                />\n              );\n            })\n          )\n        }\n      </HeatmapComponent>\n      {tooltipBody && <PlotTooltip ref={tooltipRef}>{tooltipBody}</PlotTooltip>}\n    </>\n  );\n});\n\nexport default HeatmapCells;\n"],"names":["getBins","d","rows","HeatmapCells","memo","t0","$","_c","data","xScale","yScale","colors","maxValue","gap","isRect","binWidth","binHeight","animationType","tooltipBody","onClick","selectedCells","deselectedColor","t1","undefined","DEFAULT_DESELECTED_COLOR","t2","getHeatmapColorScale","colorScale","radius","Math","min","t3","length","Set","map","cellKey","selectedKeys","tooltipRef","useRef","handleClick","useStableCallback","HeatmapComponent","HeatmapRect","HeatmapCircle","t4","t5","heatmap","heatmapBins","colIndex","bin","isDeselected","has","fill","fillOpacity","resolveCellAppearance","count","color","HeatmapCell","row","column","t6","t7","jsx","PlotTooltip","t8"],"mappings":"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"}

package/dist/visualization.es78.js

@@ -1,43 +1,50 @@
-import { jsxs as p, jsx as a } from "react/jsx-runtime";
-import { c as w } from "react/compiler-runtime";
-import x from "./visualization.es33.js";
-const g = 18, l = 12, u = 6, r = 8;
-function G(n) {
-  const t = Math.max(...n.map((h) => h.label.length)) * 7 + l + u + r * 2, e = n.length * g + r * 2;
-  return {
-    width: t,
-    height: e
-  };
-}
-const W = (n) => {
-  const t = w(11), {
-    series: e,
-    xMax: h
-  } = n;
+import { jsx as $ } from "react/jsx-runtime";
+import { c as A } from "react/compiler-runtime";
+import { memo as H } from "react";
+import { getAnimationProps as I } from "./visualization.es22.js";
+import { motion as M } from "./visualization.es27.js";
+const S = "visx-heatmap-cell", d = "visx-heatmap-cell-shape", z = `
+.${S} { cursor: pointer; }
+.${d} { transition: stroke-width 0.2s; pointer-events: all; }
+.${S}:hover .${d} { stroke-width: 2; }
+`, N = (o, t) => o.row !== t.row || o.column !== t.column || o.count !== t.count || o.gap !== t.gap || o.color !== t.color || o.opacity !== t.opacity || o.bin !== t.bin || o.datum !== t.datum ? !1 : "x" in o ? "x" in t && o.x === t.x && o.y === t.y && o.width === t.width && o.height === t.height : "cy" in t && o.cy === t.cy && o.r === t.r && o.radius === t.radius, O = (o, t) => o.fill === t.fill && o.fillOpacity === t.fillOpacity && o.isRect === t.isRect && o.binWidth === t.binWidth && o.colIndex === t.colIndex && o.animationType === t.animationType && o.tooltipRef === t.tooltipRef && o.onClick === t.onClick && N(o.bin, t.bin), B = H(function(t) {
+  const i = A(27), {
+    bin: e,
+    isRect: E,
+    binWidth: a,
+    fill: m,
+    fillOpacity: y,
+    colIndex: C,
+    animationType: P,
+    tooltipRef: l,
+    onClick: g
+  } = t, w = E && "width" in e && "height" in e && "x" in e && "y" in e, x = !E && "cy" in e && "r" in e;
+  let h;
+  i[0] !== m || i[1] !== y ? (h = {
+    fill: m,
+    fillOpacity: y,
+    stroke: m,
+    strokeWidth: 0
+  }, i[0] = m, i[1] = y, i[2] = h) : h = i[2];
+  const p = h, k = P ? M.g : "g", L = P;
+  let f;
+  i[3] !== C || i[4] !== L ? (f = I(L, C), i[3] = C, i[4] = L, i[5] = f) : f = i[5];
+  const R = f;
+  let c;
+  i[6] !== e || i[7] !== l ? (c = (W) => l.current?.show(e, W), i[6] = e, i[7] = l, i[8] = c) : c = i[8];
+  let n;
+  i[9] !== l ? (n = () => l.current?.hide(), i[9] = l, i[10] = n) : n = i[10];
   let s;
-  t[0] !== e ? (s = G(e), t[0] = e, t[1] = s) : s = t[1];
-  const {
-    width: c,
-    height: f
-  } = s, m = h - c - 4;
-  let o;
-  t[2] !== f || t[3] !== c ? (o = /* @__PURE__ */ a("rect", { width: c, height: f, fill: "white", stroke: "#d4d4d4", strokeWidth: 1, rx: 3 }), t[2] = f, t[3] = c, t[4] = o) : o = t[4];
-  let i;
-  t[5] !== e ? (i = e.map(H), t[5] = e, t[6] = i) : i = t[6];
-  let d;
-  return t[7] !== m || t[8] !== o || t[9] !== i ? (d = /* @__PURE__ */ p(x, { left: m, top: 4, children: [
-    o,
-    i
-  ] }), t[7] = m, t[8] = o, t[9] = i, t[10] = d) : d = t[10], d;
-};
-function H(n, t) {
-  return /* @__PURE__ */ p(x, { top: r + t * g, children: [
-    /* @__PURE__ */ a("rect", { x: r, y: 2, width: l, height: l, fill: n.color, opacity: 0.85, rx: 2 }),
-    /* @__PURE__ */ a("text", { x: r + l + u, y: l / 2 + 2, dominantBaseline: "middle", fontSize: 11, children: n.label })
-  ] }, `legend-${t}`);
-}
+  i[11] !== e || i[12] !== g ? (s = () => g?.(e), i[11] = e, i[12] = g, i[13] = s) : s = i[13];
+  let r;
+  i[14] !== e || i[15] !== a || i[16] !== x || i[17] !== w || i[18] !== p ? (r = w ? /* @__PURE__ */ $("rect", { className: `visx-heatmap-rect ${d}`, width: e.width, height: e.height, x: e.x, y: e.y, ...p }) : x ? /* @__PURE__ */ $("circle", { className: `visx-heatmap-circle ${d}`, cx: e.column * a + a / 2, cy: e.cy, r: e.r, ...p }) : null, i[14] = e, i[15] = a, i[16] = x, i[17] = w, i[18] = p, i[19] = r) : r = i[19];
+  let u;
+  return i[20] !== k || i[21] !== R || i[22] !== c || i[23] !== n || i[24] !== s || i[25] !== r ? (u = /* @__PURE__ */ $(k, { ...R, className: S, onMouseMove: c, onMouseLeave: n, onClick: s, children: r }), i[20] = k, i[21] = R, i[22] = c, i[23] = n, i[24] = s, i[25] = r, i[26] = u) : u = i[26], u;
+}, O);
 export {
-  W as default,
-  G as legendDimensions
+  S as CELL_CLASS,
+  d as CELL_SHAPE_CLASS,
+  B as default,
+  z as heatmapCellStyles
 };
 //# sourceMappingURL=visualization.es78.js.map

package/dist/visualization.es78.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es78.js","sources":["../src/components/Histogram/HistogramLegend.tsx"],"sourcesContent":["import React from 'react';\nimport { Group } from '@visx/group';\nimport { HistogramSeries } from './types';\n\nconst ROW_HEIGHT = 18;\nconst SWATCH = 12;\nconst GAP = 6;\nconst PADDING = 8;\n\ninterface HistogramLegendProps {\n    series: HistogramSeries[];\n    xMax: number;\n}\n\nexport function legendDimensions(series: HistogramSeries[]) {\n    const width = Math.max(...series.map((s) => s.label.length)) * 7 + SWATCH + GAP + PADDING * 2;\n    const height = series.length * ROW_HEIGHT + PADDING * 2;\n    return { width, height };\n}\n\nconst HistogramLegend = ({ series, xMax }: HistogramLegendProps) => {\n    const { width, height } = legendDimensions(series);\n\n    return (\n        <Group left={xMax - width - 4} top={4}>\n            <rect width={width} height={height} fill=\"white\" stroke=\"#d4d4d4\" strokeWidth={1} rx={3} />\n            {series.map((s, i) => (\n                <Group key={`legend-${i}`} top={PADDING + i * ROW_HEIGHT}>\n                    <rect x={PADDING} y={2} width={SWATCH} height={SWATCH} fill={s.color} opacity={0.85} rx={2} />\n                    <text\n                        x={PADDING + SWATCH + GAP}\n                        y={SWATCH / 2 + 2}\n                        dominantBaseline=\"middle\"\n                        fontSize={11}\n                    >\n                        {s.label}\n                    </text>\n                </Group>\n            ))}\n        </Group>\n    );\n};\n\nexport default HistogramLegend;\n"],"names":["ROW_HEIGHT","SWATCH","GAP","PADDING","legendDimensions","series","width","Math","max","map","s","label","length","height","HistogramLegend","t0","$","_c","xMax","t1","t2","t3","jsx","t4","_temp","t5","jsxs","Group","i","color"],"mappings":";;;AAIA,MAAMA,IAAa,IACbC,IAAS,IACTC,IAAM,GACNC,IAAU;AAOT,SAASC,EAAiBC,GAA2B;AACxD,QAAMC,IAAQC,KAAKC,IAAI,GAAGH,EAAOI,IAAKC,CAAAA,MAAMA,EAAEC,MAAMC,MAAM,CAAC,IAAI,IAAIX,IAASC,IAAMC,IAAU,GACtFU,IAASR,EAAOO,SAASZ,IAAaG,IAAU;AACtD,SAAO;AAAA,IAAEG,OAAAA;AAAAA,IAAOO,QAAAA;AAAAA,EAAAA;AACpB;AAEA,MAAMC,IAAkBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAC;AAAA,IAAAZ,QAAAA;AAAAA,IAAAa,MAAAA;AAAAA,EAAAA,IAAAH;AAAsC,MAAAI;AAAA,EAAAH,SAAAX,KACjCc,IAAAf,EAAiBC,CAAM,GAACW,OAAAX,GAAAW,OAAAG,KAAAA,IAAAH,EAAA,CAAA;AAAlD,QAAA;AAAA,IAAAV,OAAAA;AAAAA,IAAAO,QAAAA;AAAAA,EAAAA,IAA0BM,GAGTC,IAAAF,IAAOZ,IAAQ;AAAC,MAAAe;AAAA,EAAAL,EAAA,CAAA,MAAAH,KAAAG,SAAAV,KACzBe,IAAA,gBAAAC,EAAA,QAAA,EAAahB,OAAAA,GAAeO,QAAAA,GAAa,MAAA,SAAe,QAAA,WAAuB,aAAA,GAAO,IAAA,EAAA,CAAC,GAAIG,OAAAH,GAAAG,OAAAV,GAAAU,OAAAK,KAAAA,IAAAL,EAAA,CAAA;AAAA,MAAAO;AAAA,EAAAP,SAAAX,KAC1FkB,IAAAlB,EAAMI,IAAKe,CAYX,GAACR,OAAAX,GAAAW,OAAAO,KAAAA,IAAAP,EAAA,CAAA;AAAA,MAAAS;AAAA,SAAAT,EAAA,CAAA,MAAAI,KAAAJ,SAAAK,KAAAL,EAAA,CAAA,MAAAO,KAdNE,IAAA,gBAAAC,EAACC,GAAA,EAAY,MAAAP,GAAuB,KAAA,GAChCC,UAAAA;AAAAA,IAAAA;AAAAA,IACCE;AAAAA,EAAAA,GAaL,GAAQP,OAAAI,GAAAJ,OAAAK,GAAAL,OAAAO,GAAAP,QAAAS,KAAAA,IAAAT,EAAA,EAAA,GAfRS;AAeQ;AAnBQ,SAAAD,EAAAd,GAAAkB,GAAA;AAAA,SAOR,gBAAAF,EAACC,GAAA,EAA+B,KAAAxB,IAAUyB,IAAI5B,GAC1C,UAAA;AAAA,IAAA,gBAAAsB,EAAA,QAAA,EAASnB,GAAAA,GAAY,MAAUF,OAAAA,GAAgBA,QAAAA,GAAc,MAAAS,EAACmB,OAAiB,SAAA,MAAU,IAAA,GAAC;AAAA,IAC1F,gBAAAP,YACO,GAAAnB,IAAUF,IAASC,GACnB,GAAAD,IAAS,IAAI,GACC,kBAAA,UACP,UAAA,IAETS,YAACC,MAAAA,CACN;AAAA,EAAA,EAAA,GATQ,UAAUiB,CAAC,EAUvB;AAAQ;"}
+{"version":3,"file":"visualization.es78.js","sources":["../src/components/Heatmap/HeatmapCell.tsx"],"sourcesContent":["import { memo, MouseEvent } from \"react\";\nimport { motion } from \"framer-motion\";\nimport { getAnimationProps } from \"../../utility\";\nimport type { AnimationType } from \"../../utility\";\nimport type { AnyBin } from \"./HeatmapCells\";\nimport type { PlotTooltipRef } from \"../../tooltip\";\n\n/** Class on the <g> wrapping each cell. The hover rule keys off this. */\nexport const CELL_CLASS = \"visx-heatmap-cell\";\n/** Class on the <rect>/<circle> inside each cell. */\nexport const CELL_SHAPE_CLASS = \"visx-heatmap-cell-shape\";\n\n/**\n * Hover styling is plain CSS rather than React state: `:hover` costs no render at all, while\n * tracking hover in state re-renders on every cell the pointer crosses. Rendered once per chart\n * by Heatmap, inside the <svg> so it survives the SVG/PNG download serialization.\n *\n * The stroke is always painted in the cell's own fill color, so hovering only has to give it a\n * width. `strokeWidth={0}` below is a presentation attribute, which loses to any CSS rule - so\n * the hover rule wins without needing !important.\n *\n * `pointer-events: all` because cells with a null count render with fill=\"none\", and SVG's\n * default (visiblePainted) only treats painted area as a hit target - without this the pointer\n * falls through such a cell to the <svg> and it can never show its \"no data\" tooltip.\n */\nexport const heatmapCellStyles = `\n.${CELL_CLASS} { cursor: pointer; }\n.${CELL_SHAPE_CLASS} { transition: stroke-width 0.2s; pointer-events: all; }\n.${CELL_CLASS}:hover .${CELL_SHAPE_CLASS} { stroke-width: 2; }\n`;\n\nexport interface HeatmapCellProps {\n  bin: AnyBin;\n  isRect: boolean;\n  binWidth: number;\n  fill: string;\n  fillOpacity: number;\n  colIndex: number;\n  animationType?: AnimationType;\n  /** Stable for the life of the plot, so it never invalidates this cell's memoization. */\n  tooltipRef: PlotTooltipRef<AnyBin>;\n  onClick?: (bin: AnyBin) => void;\n}\n\n/**\n * visx rebuilds every bin object inside its own render, so `bin` always arrives with a fresh\n * identity and memo's default shallow compare can never bail out. Comparing the bin's fields\n * instead lets untouched cells skip re-rendering, which is what makes selection changes cheap:\n * only the cells whose appearance actually changed re-render, rather than the whole grid.\n *\n * `bin.bin` and `bin.datum` are the caller's own row/column data, which do keep identity, so a\n * reference check on those covers data and metadata changes.\n */\nconst binsEqual = (a: AnyBin, b: AnyBin): boolean => {\n  if (\n    a.row !== b.row ||\n    a.column !== b.column ||\n    a.count !== b.count ||\n    a.gap !== b.gap ||\n    a.color !== b.color ||\n    a.opacity !== b.opacity ||\n    a.bin !== b.bin ||\n    a.datum !== b.datum\n  ) {\n    return false;\n  }\n  // Rect and circle cells carry different geometry fields\n  if (\"x\" in a) {\n    return \"x\" in b && a.x === b.x && a.y === b.y && a.width === b.width && a.height === b.height;\n  }\n  return \"cy\" in b && a.cy === b.cy && a.r === b.r && a.radius === b.radius;\n};\n\n/**\n * Must compare every prop in HeatmapCellProps - one left out here would silently stop updating.\n */\nconst cellPropsEqual = (prev: HeatmapCellProps, next: HeatmapCellProps): boolean =>\n  prev.fill === next.fill &&\n  prev.fillOpacity === next.fillOpacity &&\n  prev.isRect === next.isRect &&\n  prev.binWidth === next.binWidth &&\n  prev.colIndex === next.colIndex &&\n  prev.animationType === next.animationType &&\n  prev.tooltipRef === next.tooltipRef &&\n  prev.onClick === next.onClick &&\n  binsEqual(prev.bin, next.bin);\n\nconst HeatmapCell = memo(function HeatmapCell({\n  bin, isRect, binWidth, fill, fillOpacity, colIndex,\n  animationType, tooltipRef, onClick,\n}: HeatmapCellProps) {\n  const isRectCell = isRect && \"width\" in bin && \"height\" in bin && \"x\" in bin && \"y\" in bin;\n  const isCircleCell = !isRect && \"cy\" in bin && \"r\" in bin;\n\n  const sharedProps = { fill, fillOpacity, stroke: fill, strokeWidth: 0 };\n\n  const Wrapper = animationType ? motion.g : \"g\";\n  const animProps = getAnimationProps(animationType as AnimationType, colIndex);\n\n  return (\n    <Wrapper\n      {...animProps}\n      className={CELL_CLASS}\n      onMouseMove={(event: MouseEvent<SVGElement>) => tooltipRef.current?.show(bin, event)}\n      onMouseLeave={() => tooltipRef.current?.hide()}\n      onClick={() => onClick?.(bin)}\n    >\n      {isRectCell ? (\n        <rect\n          className={`visx-heatmap-rect ${CELL_SHAPE_CLASS}`}\n          width={bin.width}\n          height={bin.height}\n          x={bin.x}\n          y={bin.y}\n          {...sharedProps}\n        />\n      ) : isCircleCell ? (\n        <circle\n          className={`visx-heatmap-circle ${CELL_SHAPE_CLASS}`}\n          cx={bin.column * binWidth + binWidth / 2}\n          cy={bin.cy}\n          r={bin.r}\n          {...sharedProps}\n        />\n      ) : null}\n    </Wrapper>\n  );\n}, cellPropsEqual);\n\nexport default HeatmapCell;\n"],"names":["CELL_CLASS","CELL_SHAPE_CLASS","heatmapCellStyles","binsEqual","a","b","row","column","count","gap","color","opacity","bin","datum","x","y","width","height","cy","r","radius","cellPropsEqual","prev","next","fill","fillOpacity","isRect","binWidth","colIndex","animationType","tooltipRef","onClick","HeatmapCell","memo","t0","$","_c","isRectCell","isCircleCell","t1","stroke","strokeWidth","sharedProps","Wrapper","motion","g","t2","t3","getAnimationProps","animProps","t4","event","current","show","t5","hide","t6","t7","jsx","t8"],"mappings":";;;;;AAQO,MAAMA,IAAa,qBAEbC,IAAmB,2BAenBC,IAAoB;AAAA,GAC9BF,CAAU;AAAA,GACVC,CAAgB;AAAA,GAChBD,CAAU,WAAWC,CAAgB;AAAA,GAyBlCE,IAAYA,CAACC,GAAWC,MAE1BD,EAAEE,QAAQD,EAAEC,OACZF,EAAEG,WAAWF,EAAEE,UACfH,EAAEI,UAAUH,EAAEG,SACdJ,EAAEK,QAAQJ,EAAEI,OACZL,EAAEM,UAAUL,EAAEK,SACdN,EAAEO,YAAYN,EAAEM,WAChBP,EAAEQ,QAAQP,EAAEO,OACZR,EAAES,UAAUR,EAAEQ,QAEP,KAGL,OAAOT,IACF,OAAOC,KAAKD,EAAEU,MAAMT,EAAES,KAAKV,EAAEW,MAAMV,EAAEU,KAAKX,EAAEY,UAAUX,EAAEW,SAASZ,EAAEa,WAAWZ,EAAEY,SAElF,QAAQZ,KAAKD,EAAEc,OAAOb,EAAEa,MAAMd,EAAEe,MAAMd,EAAEc,KAAKf,EAAEgB,WAAWf,EAAEe,QAM/DC,IAAiBA,CAACC,GAAwBC,MAC9CD,EAAKE,SAASD,EAAKC,QACnBF,EAAKG,gBAAgBF,EAAKE,eAC1BH,EAAKI,WAAWH,EAAKG,UACrBJ,EAAKK,aAAaJ,EAAKI,YACvBL,EAAKM,aAAaL,EAAKK,YACvBN,EAAKO,kBAAkBN,EAAKM,iBAC5BP,EAAKQ,eAAeP,EAAKO,cACzBR,EAAKS,YAAYR,EAAKQ,WACtB5B,EAAUmB,EAAKV,KAAKW,EAAKX,GAAG,GAExBoB,IAAcC,EAAK,SAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAqB;AAAA,IAAAxB,KAAAA;AAAAA,IAAAc,QAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAH,MAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAG,UAAAA;AAAAA,IAAAC,eAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,SAAAA;AAAAA,EAAAA,IAAAG,GAI5CG,IAAmBX,KAAU,WAAWd,KAAO,YAAYA,KAAO,OAAOA,KAAO,OAAOA,GACvF0B,IAAqB,CAACZ,KAAU,QAAQd,KAAO,OAAOA;AAAI,MAAA2B;AAAA,EAAAJ,EAAA,CAAA,MAAAX,KAAAW,SAAAV,KAEtCc,IAAA;AAAA,IAAAf,MAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAe,QAA6BhB;AAAAA,IAAIiB,aAAe;AAAA,EAAA,GAAGN,OAAAX,GAAAW,OAAAV,GAAAU,OAAAI,KAAAA,IAAAJ,EAAA,CAAA;AAAvE,QAAAO,IAAoBH,GAEpBI,IAAgBd,IAAgBe,EAAMC,IAAtB,KACoBC,IAAAjB;AAA8B,MAAAkB;AAAA,EAAAZ,EAAA,CAAA,MAAAP,KAAAO,SAAAW,KAAhDC,IAAAC,EAAkBF,GAAgClB,CAAQ,GAACO,OAAAP,GAAAO,OAAAW,GAAAX,OAAAY,KAAAA,IAAAZ,EAAA,CAAA;AAA7E,QAAAc,IAAkBF;AAA4D,MAAAG;AAAA,EAAAf,EAAA,CAAA,MAAAvB,KAAAuB,SAAAL,KAM7DoB,IAAAC,CAAAA,MAAmCrB,EAAUsB,SAAcC,KAACzC,GAAKuC,CAAK,GAAChB,OAAAvB,GAAAuB,OAAAL,GAAAK,OAAAe,KAAAA,IAAAf,EAAA,CAAA;AAAA,MAAAmB;AAAA,EAAAnB,SAAAL,KACtEwB,IAAAA,MAAMxB,EAAUsB,SAAcG,KAAAA,GAAEpB,OAAAL,GAAAK,QAAAmB,KAAAA,IAAAnB,EAAA,EAAA;AAAA,MAAAqB;AAAA,EAAArB,EAAA,EAAA,MAAAvB,KAAAuB,UAAAJ,KACrCyB,IAAAA,MAAMzB,IAAUnB,CAAG,GAACuB,QAAAvB,GAAAuB,QAAAJ,GAAAI,QAAAqB,KAAAA,IAAArB,EAAA,EAAA;AAAA,MAAAsB;AAAA,EAAAtB,EAAA,EAAA,MAAAvB,KAAAuB,EAAA,EAAA,MAAAR,KAAAQ,EAAA,EAAA,MAAAG,KAAAH,EAAA,EAAA,MAAAE,KAAAF,UAAAO,KAE5Be,IAAApB,IACC,gBAAAqB,YACa,WAAA,qBAAqBzD,CAAgB,IACzC,OAAAW,EAAGI,OACF,QAAAJ,EAAGK,QACR,GAAAL,EAAGE,GACH,GAAAF,EAAGG,GAAE,GACJ2B,EAAAA,CAAW,IAEfJ,IACF,gBAAAoB,EAAA,YACa,kCAAuBzD,CAAgB,IAC9C,IAAAW,EAAGL,SAAUoB,IAAWA,IAAW,GACnC,IAAAf,EAAGM,IACJ,GAAAN,EAAGO,MACFuB,GAAW,IANf,MAQIP,QAAAvB,GAAAuB,QAAAR,GAAAQ,QAAAG,GAAAH,QAAAE,GAAAF,QAAAO,GAAAP,QAAAsB,KAAAA,IAAAtB,EAAA,EAAA;AAAA,MAAAwB;AAAA,SAAAxB,UAAAQ,KAAAR,EAAA,EAAA,MAAAc,KAAAd,EAAA,EAAA,MAAAe,KAAAf,EAAA,EAAA,MAAAmB,KAAAnB,UAAAqB,KAAArB,EAAA,EAAA,MAAAsB,KAxBVE,IAAA,gBAAAD,EAACf,GAAA,EAAO,GACFM,GACOjD,WAAAA,GACE,aAAAkD,GACC,cAAAI,GACL,SAAAE,GAERC,UAAAA,GAkBH,GAAUtB,QAAAQ,GAAAR,QAAAc,GAAAd,QAAAe,GAAAf,QAAAmB,GAAAnB,QAAAqB,GAAArB,QAAAsB,GAAAtB,QAAAwB,KAAAA,IAAAxB,EAAA,EAAA,GAzBVwB;AAyBU,GAEXtC,CAAc;"}