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

package/dist/visualization.es82.js

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

package/dist/visualization.es82.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es82.js","sources":["../src/components/Heatmap/HeatmapMiniMap.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef } from \"react\";\nimport { drawHeatmapCells, type CanvasCellParams } from \"./HeatmapCanvasCells\";\n\nexport interface HeatmapMiniMapProps {\n  canvasCellParams: CanvasCellParams;\n  xMax: number;\n  yMax: number;\n  viewportWidth: number;\n  viewportHeight: number;\n  scrollLeft: number;\n  scrollTop: number;\n  width: number;\n  height: number;\n  /** Called with a new (unclamped-by-caller) scroll position when the user clicks or drags the minimap. */\n  onNavigate: (left: number, top: number) => void;\n}\n\nconst clamp = (value: number, min: number, max: number) => Math.min(Math.max(value, min), max);\n\nconst HeatmapMiniMap = ({\n  canvasCellParams,\n  xMax,\n  yMax,\n  viewportWidth,\n  viewportHeight,\n  scrollLeft,\n  scrollTop,\n  width,\n  height,\n  onNavigate,\n}: HeatmapMiniMapProps) => {\n  const canvasRef = useRef<HTMLCanvasElement | null>(null);\n  const scaleX = xMax > 0 ? width / xMax : 0;\n  const scaleY = yMax > 0 ? height / yMax : 0;\n\n  useEffect(() => {\n    const canvas = canvasRef.current;\n    if (!canvas || scaleX <= 0 || scaleY <= 0) return;\n    const ctx = canvas.getContext(\"2d\");\n    if (!ctx) return;\n    const dpr = window.devicePixelRatio || 1;\n    ctx.setTransform(dpr * scaleX, 0, 0, dpr * scaleY, 0, 0);\n    ctx.clearRect(0, 0, xMax, yMax);\n    const range = {\n      colStart: 0,\n      colEnd: Math.max(0, canvasCellParams.data.length - 1),\n      rowStart: 0,\n      rowEnd: Math.max(0, canvasCellParams.numRows - 1),\n    };\n    drawHeatmapCells(ctx, canvasCellParams, range, null);\n  }, [canvasCellParams, xMax, yMax, scaleX, scaleY]);\n\n  const navigateCentered = useCallback(\n    (contentX: number, contentY: number) => {\n      onNavigate(\n        clamp(contentX - viewportWidth / 2, 0, Math.max(0, xMax - viewportWidth)),\n        clamp(contentY - viewportHeight / 2, 0, Math.max(0, yMax - viewportHeight))\n      );\n    },\n    [onNavigate, viewportWidth, viewportHeight, xMax, yMax]\n  );\n\n  const handleCanvasPointerDown = useCallback(\n    (event: React.PointerEvent<HTMLCanvasElement>) => {\n      if (scaleX <= 0 || scaleY <= 0) return;\n      const rect = event.currentTarget.getBoundingClientRect();\n      navigateCentered((event.clientX - rect.left) / scaleX, (event.clientY - rect.top) / scaleY);\n    },\n    [navigateCentered, scaleX, scaleY]\n  );\n\n  const handleRectPointerDown = useCallback((event: React.PointerEvent<HTMLDivElement>) => {\n    event.stopPropagation();\n    event.currentTarget.setPointerCapture(event.pointerId);\n  }, []);\n\n  const handleRectPointerMove = useCallback(\n    (event: React.PointerEvent<HTMLDivElement>) => {\n      if (scaleX <= 0 || scaleY <= 0 || !event.currentTarget.hasPointerCapture(event.pointerId)) return;\n      onNavigate(\n        clamp(scrollLeft + event.movementX / scaleX, 0, Math.max(0, xMax - viewportWidth)),\n        clamp(scrollTop + event.movementY / scaleY, 0, Math.max(0, yMax - viewportHeight))\n      );\n    },\n    [scrollLeft, scrollTop, scaleX, scaleY, xMax, yMax, viewportWidth, viewportHeight, onNavigate]\n  );\n\n  const handleRectPointerUp = useCallback((event: React.PointerEvent<HTMLDivElement>) => {\n    event.currentTarget.releasePointerCapture(event.pointerId);\n  }, []);\n\n  const rectLeft = clamp(scrollLeft * scaleX, 0, width);\n  const rectTop = clamp(scrollTop * scaleY, 0, height);\n  const rectWidth = Math.max(0, Math.min(viewportWidth * scaleX, width - rectLeft));\n  const rectHeight = Math.max(0, Math.min(viewportHeight * scaleY, height - rectTop));\n\n  return (\n    <div style={{ position: \"relative\", width, height }}>\n      <canvas\n        ref={canvasRef}\n        width={width * (window.devicePixelRatio || 1)}\n        height={height * (window.devicePixelRatio || 1)}\n        style={{ width, height, display: \"block\", cursor: \"pointer\", border: \"1px solid #d5d5d5\", boxSizing: \"border-box\" }}\n        onPointerDown={handleCanvasPointerDown}\n      />\n      <div\n        onPointerDown={handleRectPointerDown}\n        onPointerMove={handleRectPointerMove}\n        onPointerUp={handleRectPointerUp}\n        style={{\n          position: \"absolute\",\n          left: rectLeft,\n          top: rectTop,\n          width: rectWidth,\n          height: rectHeight,\n          border: \"2px solid #0d0f98\",\n          backgroundColor: \"rgba(13, 15, 152, 0.15)\",\n          cursor: \"grab\",\n          boxSizing: \"border-box\",\n        }}\n      />\n    </div>\n  );\n};\n\nexport default HeatmapMiniMap;\n"],"names":["clamp","value","min","max","Math","HeatmapMiniMap","t0","$","_c","canvasCellParams","xMax","yMax","viewportWidth","viewportHeight","scrollLeft","scrollTop","width","height","onNavigate","canvasRef","useRef","scaleX","scaleY","t1","t2","canvas","current","ctx","getContext","dpr","window","devicePixelRatio","setTransform","clearRect","range","colStart","colEnd","data","length","rowStart","rowEnd","numRows","drawHeatmapCells","useEffect","t3","contentX","contentY","navigateCentered","t4","event","rect","currentTarget","getBoundingClientRect","clientX","left","clientY","top","handleCanvasPointerDown","handleRectPointerDown","_temp","t5","event_1","hasPointerCapture","pointerId","movementX","movementY","handleRectPointerMove","handleRectPointerUp","_temp2","rectLeft","rectTop","rectWidth","rectHeight","t6","position","t7","t8","t9","display","cursor","border","boxSizing","t10","jsx","t11","backgroundColor","t12","t13","jsxs","event_0","stopPropagation","setPointerCapture","event_2","releasePointerCapture"],"mappings":"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"}
+{"version":3,"file":"visualization.es82.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;"}

package/dist/visualization.es83.js

@@ -1,67 +1,84 @@
-import { useState as b, useCallback as S, useRef as A, useMemo as C, useEffect as D } from "react";
-import { debounce as O } from "./visualization.es238.js";
-const k = [], g = {
-  width: 0,
-  height: 0,
-  top: 0,
-  left: 0
+import { jsxs as n, jsx as c } from "react/jsx-runtime";
+import { c as b } from "react/compiler-runtime";
+import { useState as S, useImperativeHandle as v } from "react";
+import _ from "./visualization.es29.js";
+const H = (t) => {
+  const e = b(10), {
+    multiSeries: d,
+    tooltipBody: i,
+    ref: h
+  } = t;
+  let r;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = {
+    open: !1
+  }, e[0] = r) : r = e[0];
+  const [p, u] = S(r);
+  let s;
+  if (e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = () => ({
+    show: (g, x, y) => u({
+      open: !0,
+      data: g,
+      left: x,
+      top: y
+    }),
+    hide: () => u(j)
+  }), e[1] = s) : s = e[1], v(h, s), !p.open || !p.data)
+    return null;
+  const {
+    data: o,
+    left: f,
+    top: m
+  } = p;
+  let l;
+  e[2] !== o || e[3] !== d || e[4] !== i ? (l = i ? i(o) : /* @__PURE__ */ n("div", { style: {
+    fontSize: 12
+  }, children: [
+    /* @__PURE__ */ n("div", { children: [
+      /* @__PURE__ */ c("strong", { children: "Range:" }),
+      " ",
+      o.x0.toFixed(2),
+      ", ",
+      o.x1.toFixed(2)
+    ] }),
+    d ? o.series.map(k) : /* @__PURE__ */ n("div", { children: [
+      /* @__PURE__ */ c("strong", { children: "Count:" }),
+      " ",
+      o.count
+    ] })
+  ] }), e[2] = o, e[3] = d, e[4] = i, e[5] = l) : l = e[5];
+  let a;
+  return e[6] !== f || e[7] !== l || e[8] !== m ? (a = /* @__PURE__ */ c(_, { left: f, top: m, children: l }), e[6] = f, e[7] = l, e[8] = m, e[9] = a) : a = e[9], a;
 };
-function B() {
-  let {
-    initialSize: w = g,
-    debounceTime: c = 300,
-    ignoreDimensions: i = k,
-    enableDebounceLeadingCall: l = !0,
-    resizeObserverPolyfill: u,
-    externalRef: n
-  } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-  const [a, y] = b(null), z = S((e) => {
-    y(e), typeof n == "function" ? n(e) : n != null && (n.current = e);
-  }, [n]), f = A(0), [p, v] = b({
-    ...g,
-    ...w
-  }), s = C(() => {
-    const e = Array.isArray(i) ? i : [i];
-    return O((r) => {
-      v((o) => Object.keys(o).filter((t) => o[t] !== r[t]).every((t) => e.includes(t)) ? o : r);
-    }, c, {
-      leading: l
-    });
-  }, [c, l, i]);
-  return D(() => {
-    if (!a) {
-      s.cancel();
-      return;
-    }
-    const e = u || window.ResizeObserver, r = new e((o) => {
-      o.forEach((d) => {
-        const {
-          left: m,
-          top: h,
-          width: t,
-          height: R
-        } = d?.contentRect ?? {};
-        f.current = window.requestAnimationFrame(() => {
-          s({
-            width: t,
-            height: R,
-            top: h,
-            left: m
-          });
-        });
-      });
-    });
-    return r.observe(a), () => {
-      window.cancelAnimationFrame(f.current), r.disconnect(), s.cancel();
-    };
-  }, [a, s, u]), {
-    parentRef: z,
-    node: a,
-    resize: s,
-    ...p
+function j(t) {
+  return {
+    ...t,
+    open: !1
   };
 }
+function k(t) {
+  return /* @__PURE__ */ n("div", { style: {
+    display: "flex",
+    alignItems: "center",
+    gap: 4
+  }, children: [
+    /* @__PURE__ */ c("span", { style: {
+      width: 8,
+      height: 8,
+      borderRadius: 2,
+      backgroundColor: t.color,
+      display: "inline-block"
+    } }),
+    /* @__PURE__ */ n("span", { children: [
+      /* @__PURE__ */ n("strong", { children: [
+        t.label,
+        ":"
+      ] }),
+      " ",
+      t.count
+    ] })
+  ] }, t.label);
+}
 export {
-  B as default
+  H as default
 };
 //# sourceMappingURL=visualization.es83.js.map

package/dist/visualization.es83.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es83.js","sources":["../../../node_modules/.pnpm/@visx+responsive@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/responsive/esm/hooks/useParentSize.js"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { debounce } from \"../utils/debounce.js\";\nconst defaultIgnoreDimensions = [];\nconst defaultInitialSize = {\n  width: 0,\n  height: 0,\n  top: 0,\n  left: 0\n};\nexport default function useParentSize() {\n  let {\n    initialSize = defaultInitialSize,\n    debounceTime = 300,\n    ignoreDimensions = defaultIgnoreDimensions,\n    enableDebounceLeadingCall = true,\n    resizeObserverPolyfill,\n    externalRef\n  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n  const [node, setNode] = useState(null);\n  const parentRef = useCallback(el => {\n    setNode(el);\n    if (typeof externalRef === 'function') {\n      externalRef(el);\n    } else if (externalRef != null) {\n      // eslint-disable-next-line no-param-reassign -- standard ref-merging pattern\n      externalRef.current = el;\n    }\n  }, [externalRef]);\n  const animationFrameID = useRef(0);\n  const [state, setState] = useState({\n    ...defaultInitialSize,\n    ...initialSize\n  });\n  const resize = useMemo(() => {\n    const normalized = Array.isArray(ignoreDimensions) ? ignoreDimensions : [ignoreDimensions];\n    return debounce(incoming => {\n      setState(existing => {\n        const stateKeys = Object.keys(existing);\n        const keysWithChanges = stateKeys.filter(key => existing[key] !== incoming[key]);\n        const shouldBail = keysWithChanges.every(key => normalized.includes(key));\n        return shouldBail ? existing : incoming;\n      });\n    }, debounceTime, {\n      leading: enableDebounceLeadingCall\n    });\n  }, [debounceTime, enableDebounceLeadingCall, ignoreDimensions]);\n  useEffect(() => {\n    if (!node) {\n      resize.cancel();\n      return;\n    }\n    const LocalResizeObserver = resizeObserverPolyfill || window.ResizeObserver;\n    const observer = new LocalResizeObserver(entries => {\n      entries.forEach(entry => {\n        const {\n          left,\n          top,\n          width,\n          height\n        } = entry?.contentRect ?? {};\n        animationFrameID.current = window.requestAnimationFrame(() => {\n          resize({\n            width,\n            height,\n            top,\n            left\n          });\n        });\n      });\n    });\n    observer.observe(node);\n    return () => {\n      window.cancelAnimationFrame(animationFrameID.current);\n      observer.disconnect();\n      resize.cancel();\n    };\n  }, [node, resize, resizeObserverPolyfill]);\n  return {\n    parentRef,\n    node,\n    resize,\n    ...state\n  };\n}"],"names":["defaultIgnoreDimensions","defaultInitialSize","useParentSize","initialSize","debounceTime","ignoreDimensions","enableDebounceLeadingCall","resizeObserverPolyfill","externalRef","node","setNode","useState","parentRef","useCallback","el","animationFrameID","useRef","state","setState","resize","useMemo","normalized","debounce","incoming","existing","key","useEffect","LocalResizeObserver","observer","entries","entry","left","top","width","height"],"mappings":";;AAEA,MAAMA,IAA0B,CAAA,GAC1BC,IAAqB;AAAA,EACzB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,MAAM;AACR;AACe,SAASC,IAAgB;AACtC,MAAI;AAAA,IACF,aAAAC,IAAcF;AAAA,IACd,cAAAG,IAAe;AAAA,IACf,kBAAAC,IAAmBL;AAAA,IACnB,2BAAAM,IAA4B;AAAA,IAC5B,wBAAAC;AAAA,IACA,aAAAC;AAAA,EACJ,IAAM,UAAU,SAAS,KAAK,UAAU,CAAC,MAAM,SAAY,UAAU,CAAC,IAAI,CAAA;AACxE,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAS,IAAI,GAC/BC,IAAYC,EAAY,CAAAC,MAAM;AAClC,IAAAJ,EAAQI,CAAE,GACN,OAAON,KAAgB,aACzBA,EAAYM,CAAE,IACLN,KAAe,SAExBA,EAAY,UAAUM;AAAA,EAE1B,GAAG,CAACN,CAAW,CAAC,GACVO,IAAmBC,EAAO,CAAC,GAC3B,CAACC,GAAOC,CAAQ,IAAIP,EAAS;AAAA,IACjC,GAAGV;AAAA,IACH,GAAGE;AAAA,EACP,CAAG,GACKgB,IAASC,EAAQ,MAAM;AAC3B,UAAMC,IAAa,MAAM,QAAQhB,CAAgB,IAAIA,IAAmB,CAACA,CAAgB;AACzF,WAAOiB,EAAS,CAAAC,MAAY;AAC1B,MAAAL,EAAS,CAAAM,MACW,OAAO,KAAKA,CAAQ,EACJ,OAAO,CAAAC,MAAOD,EAASC,CAAG,MAAMF,EAASE,CAAG,CAAC,EAC5C,MAAM,CAAAA,MAAOJ,EAAW,SAASI,CAAG,CAAC,IACpDD,IAAWD,CAChC;AAAA,IACH,GAAGnB,GAAc;AAAA,MACf,SAASE;AAAA,IACf,CAAK;AAAA,EACH,GAAG,CAACF,GAAcE,GAA2BD,CAAgB,CAAC;AAC9D,SAAAqB,EAAU,MAAM;AACd,QAAI,CAACjB,GAAM;AACT,MAAAU,EAAO,OAAM;AACb;AAAA,IACF;AACA,UAAMQ,IAAsBpB,KAA0B,OAAO,gBACvDqB,IAAW,IAAID,EAAoB,CAAAE,MAAW;AAClD,MAAAA,EAAQ,QAAQ,CAAAC,MAAS;AACvB,cAAM;AAAA,UACJ,MAAAC;AAAA,UACA,KAAAC;AAAA,UACA,OAAAC;AAAA,UACA,QAAAC;AAAA,QACV,IAAYJ,GAAO,eAAe,CAAA;AAC1B,QAAAf,EAAiB,UAAU,OAAO,sBAAsB,MAAM;AAC5D,UAAAI,EAAO;AAAA,YACL,OAAAc;AAAA,YACA,QAAAC;AAAA,YACA,KAAAF;AAAA,YACA,MAAAD;AAAA,UACZ,CAAW;AAAA,QACH,CAAC;AAAA,MACH,CAAC;AAAA,IACH,CAAC;AACD,WAAAH,EAAS,QAAQnB,CAAI,GACd,MAAM;AACX,aAAO,qBAAqBM,EAAiB,OAAO,GACpDa,EAAS,WAAU,GACnBT,EAAO,OAAM;AAAA,IACf;AAAA,EACF,GAAG,CAACV,GAAMU,GAAQZ,CAAsB,CAAC,GAClC;AAAA,IACL,WAAAK;AAAA,IACA,MAAAH;AAAA,IACA,QAAAU;AAAA,IACA,GAAGF;AAAA,EACP;AACA;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es83.js","sources":["../src/components/Histogram/HistogramTooltip.tsx"],"sourcesContent":["import React, { useImperativeHandle, useState } from 'react';\nimport { TooltipWithBounds } from '@visx/tooltip';\nimport { HistogramBin } from './types';\n\nexport interface HistogramTooltipHandle {\n    show: (bin: HistogramBin, left: number, top: number) => void;\n    hide: () => void;\n}\n\ninterface HistogramTooltipProps {\n    multiSeries: boolean;\n    tooltipBody?: (bin: HistogramBin) => React.ReactElement;\n    ref: React.Ref<HistogramTooltipHandle>;\n}\n\nconst HistogramTooltip = ({ multiSeries, tooltipBody, ref }: HistogramTooltipProps) => {\n    const [state, setState] = useState<{ open: boolean; data?: HistogramBin; left?: number; top?: number }>({ open: false });\n\n    useImperativeHandle(ref, () => ({\n        show: (bin, left, top) => setState({ open: true, data: bin, left, top }),\n        hide: () => setState((s) => ({ ...s, open: false })),\n    }));\n\n    if (!state.open || !state.data) return null;\n\n    const { data, left, top } = state;\n\n    return (\n        <TooltipWithBounds left={left} top={top}>\n            {tooltipBody ? (\n                tooltipBody(data)\n            ) : (\n                <div style={{ fontSize: 12 }}>\n                    <div>\n                        <strong>Range:</strong> {data.x0.toFixed(2)}, {data.x1.toFixed(2)}\n                    </div>\n                    {multiSeries ? (\n                        data.series.map((s) => (\n                            <div key={s.label} style={{ display: 'flex', alignItems: 'center', gap: 4 }}>\n                                <span style={{ width: 8, height: 8, borderRadius: 2, backgroundColor: s.color, display: 'inline-block' }} />\n                                <span><strong>{s.label}:</strong> {s.count}</span>\n                            </div>\n                        ))\n                    ) : (\n                        <div><strong>Count:</strong> {data.count}</div>\n                    )}\n                </div>\n            )}\n        </TooltipWithBounds>\n    );\n};\n\nexport default HistogramTooltip;\n"],"names":["HistogramTooltip","t0","$","_c","multiSeries","tooltipBody","ref","t1","Symbol","for","open","state","setState","useState","t2","show","bin","left","top","data","hide","_temp","useImperativeHandle","left_0","top_0","t3","jsxs","fontSize","jsx","x0","toFixed","x1","series","map","_temp2","count","t4","TooltipWithBounds","s","s_0","display","alignItems","gap","width","height","borderRadius","backgroundColor","color","label"],"mappings":"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"}

package/dist/visualization.es84.js

@@ -1,43 +1,49 @@
-import { jsxs as p, jsx as a } from "react/jsx-runtime";
-import { c as w } from "react/compiler-runtime";
-import x from "./visualization.es26.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;
-  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}`);
-}
+import { jsx as g } from "react/jsx-runtime";
+import { memo as X, useState as v } from "react";
+import { getAnimationProps as w } from "./visualization.es40.js";
+import { motion as x } from "./visualization.es65.js";
+import B from "./visualization.es100.js";
+const E = X(({
+  bin: r,
+  x: p,
+  barWidth: l,
+  yScale: n,
+  animationType: c,
+  binIndex: f,
+  svgRef: i,
+  tooltipRef: s,
+  onBarClicked: u
+}) => {
+  const [h, m] = v(!1), d = c ? x.g : "g", M = w(c, f);
+  let a = 0;
+  const Y = r.series.map((t, e) => {
+    const o = a;
+    return a += t.count, {
+      s: t,
+      si: e,
+      segY: n(o + t.count),
+      segHeight: Math.max(n(o) - n(o + t.count), 0)
+    };
+  });
+  return /* @__PURE__ */ g(d, { ...M, onMouseEnter: (t) => {
+    m(!0);
+    const e = i.current?.getBoundingClientRect();
+    s.current?.show(r, e ? t.clientX - e.left + 10 : t.pageX, e ? t.clientY - e.top : t.pageY);
+  }, onMouseMove: (t) => {
+    const e = i.current?.getBoundingClientRect();
+    s.current?.show(r, e ? t.clientX - e.left + 10 : t.pageX, e ? t.clientY - e.top : t.pageY);
+  }, onMouseLeave: () => {
+    m(!1), s.current?.hide();
+  }, children: Y.map(({
+    s: t,
+    si: e,
+    segY: o,
+    segHeight: H
+  }) => /* @__PURE__ */ g(B, { x: p, y: o, width: l, height: H, fill: t.color, opacity: 0.85, stroke: h ? "#000000" : "none", style: {
+    cursor: u ? "pointer" : "default"
+  }, onClick: () => u?.(r) }, `seg-${e}`)) });
+});
 export {
-  W as default,
-  G as legendDimensions
+  E as default
 };
 //# sourceMappingURL=visualization.es84.js.map

package/dist/visualization.es84.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es84.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.es84.js","sources":["../src/components/Histogram/HistogramBar.tsx"],"sourcesContent":["import React, { memo, useState } from 'react';\nimport { Bar } from '@visx/shape';\nimport { motion } from 'framer-motion';\nimport { getAnimationProps, AnimationType } from '../../utility';\nimport { HistogramBin } from './types';\nimport { HistogramTooltipHandle } from './HistogramTooltip';\n\nexport interface HistogramBarProps {\n    bin: HistogramBin;\n    x: number;\n    barWidth: number;\n    yScale: (v: number) => number;\n    animationType?: AnimationType;\n    binIndex: number;\n    svgRef: React.RefObject<SVGSVGElement | null>;\n    tooltipRef: React.RefObject<HistogramTooltipHandle | null>;\n    onBarClicked?: (bin: HistogramBin) => void;\n}\n\n//memoize so that entire chart doesnt re-render on hover, just the hovered bar\nconst HistogramBar = memo(({ bin, x, barWidth, yScale, animationType, binIndex, svgRef, tooltipRef, onBarClicked }: HistogramBarProps) => {\n    const [isHovered, setIsHovered] = useState(false);\n\n    const Wrapper = animationType ? motion.g : 'g';\n    const animProps = getAnimationProps(animationType, binIndex);\n\n    let totCount = 0;\n    const segments = bin.series.map((s, si) => {\n        const start = totCount;\n        totCount += s.count;\n        return { s, si, segY: yScale(start + s.count), segHeight: Math.max(yScale(start) - yScale(start + s.count), 0) };\n    });\n\n    return (\n        <Wrapper\n            {...animProps}\n            onMouseEnter={(e: React.MouseEvent) => {\n                setIsHovered(true);\n                const rect = svgRef.current?.getBoundingClientRect();\n                tooltipRef.current?.show(bin, rect ? e.clientX - rect.left + 10 : e.pageX, rect ? e.clientY - rect.top : e.pageY);\n            }}\n            onMouseMove={(e: React.MouseEvent) => {\n                const rect = svgRef.current?.getBoundingClientRect();\n                tooltipRef.current?.show(bin, rect ? e.clientX - rect.left + 10 : e.pageX, rect ? e.clientY - rect.top : e.pageY);\n            }}\n            onMouseLeave={() => {\n                setIsHovered(false);\n                tooltipRef.current?.hide();\n            }}\n        >\n            {segments.map(({ s, si, segY, segHeight }) => (\n                <Bar\n                    key={`seg-${si}`}\n                    x={x}\n                    y={segY}\n                    width={barWidth}\n                    height={segHeight}\n                    fill={s.color}\n                    opacity={0.85}\n                    stroke={isHovered ? '#000000' : 'none'}\n                    style={{ cursor: onBarClicked ? 'pointer' : 'default' }}\n                    onClick={() => onBarClicked?.(bin)}\n                />\n            ))}\n        </Wrapper>\n    );\n});\n\nexport default HistogramBar;\n"],"names":["HistogramBar","memo","bin","x","barWidth","yScale","animationType","binIndex","svgRef","tooltipRef","onBarClicked","isHovered","setIsHovered","useState","Wrapper","motion","g","animProps","getAnimationProps","totCount","segments","series","map","s","si","start","count","segY","segHeight","Math","max","e","rect","current","getBoundingClientRect","show","clientX","left","pageX","clientY","top","pageY","hide","jsx","Bar","color","cursor"],"mappings":";;;;;AAoBA,MAAMA,IAAeC,EAAK,CAAC;AAAA,EAAEC,KAAAA;AAAAA,EAAKC,GAAAA;AAAAA,EAAGC,UAAAA;AAAAA,EAAUC,QAAAA;AAAAA,EAAQC,eAAAA;AAAAA,EAAeC,UAAAA;AAAAA,EAAUC,QAAAA;AAAAA,EAAQC,YAAAA;AAAAA,EAAYC,cAAAA;AAAgC,MAAM;AACtI,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAE1CC,IAAUR,IAAgBS,EAAOC,IAAI,KACrCC,IAAYC,EAAkBZ,GAAeC,CAAQ;AAE3D,MAAIY,IAAW;AACf,QAAMC,IAAWlB,EAAImB,OAAOC,IAAI,CAACC,GAAGC,MAAO;AACvC,UAAMC,IAAQN;AACdA,WAAAA,KAAYI,EAAEG,OACP;AAAA,MAAEH,GAAAA;AAAAA,MAAGC,IAAAA;AAAAA,MAAIG,MAAMtB,EAAOoB,IAAQF,EAAEG,KAAK;AAAA,MAAGE,WAAWC,KAAKC,IAAIzB,EAAOoB,CAAK,IAAIpB,EAAOoB,IAAQF,EAAEG,KAAK,GAAG,CAAC;AAAA,IAAA;AAAA,EACjH,CAAC;AAED,2BACKZ,GAAA,EACG,GAAIG,GACJ,cAAc,CAACc,MAAwB;AACnCnB,IAAAA,EAAa,EAAI;AACjB,UAAMoB,IAAOxB,EAAOyB,SAASC,sBAAAA;AAC7BzB,IAAAA,EAAWwB,SAASE,KAAKjC,GAAK8B,IAAOD,EAAEK,UAAUJ,EAAKK,OAAO,KAAKN,EAAEO,OAAON,IAAOD,EAAEQ,UAAUP,EAAKQ,MAAMT,EAAEU,KAAK;AAAA,EACpH,GACA,aAAa,CAACV,MAAwB;AAClC,UAAMC,IAAOxB,EAAOyB,SAASC,sBAAAA;AAC7BzB,IAAAA,EAAWwB,SAASE,KAAKjC,GAAK8B,IAAOD,EAAEK,UAAUJ,EAAKK,OAAO,KAAKN,EAAEO,OAAON,IAAOD,EAAEQ,UAAUP,EAAKQ,MAAMT,EAAEU,KAAK;AAAA,EACpH,GACA,cAAc,MAAM;AAChB7B,IAAAA,EAAa,EAAK,GAClBH,EAAWwB,SAASS,KAAAA;AAAAA,EACxB,GAECtB,UAAAA,EAASE,IAAI,CAAC;AAAA,IAAEC,GAAAA;AAAAA,IAAGC,IAAAA;AAAAA,IAAIG,MAAAA;AAAAA,IAAMC,WAAAA;AAAAA,EAAAA,MAC1B,gBAAAe,EAACC,GAAA,EAEG,GAAAzC,GACA,GAAGwB,GACH,OAAOvB,GACP,QAAQwB,GACR,MAAML,EAAEsB,OACR,SAAS,MACT,QAAQlC,IAAY,YAAY,QAChC,OAAO;AAAA,IAAEmC,QAAQpC,IAAe,YAAY;AAAA,EAAA,GAC5C,SAAS,MAAMA,IAAeR,CAAG,KAT5B,OAAOsB,CAAE,EASqB,CAE1C,GACL;AAER,CAAC;"}