@weng-lab/visualization 2.4.1 → 2.4.3

package/dist/visualization.es78.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es78.js","sources":["../../../node_modules/.pnpm/@visx+zoom@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/zoom/esm/Zoom.js"],"sourcesContent":["import { useState, useRef, useCallback } from 'react';\nimport { localPoint } from '@visx/event';\nimport { useGesture } from '@use-gesture/react';\nimport { composeMatrices, inverseMatrix, applyMatrixToPoint, applyInverseMatrixToPoint, translateMatrix, identityMatrix, scaleMatrix } from \"./util/matrix.js\";\nimport { Fragment as _Fragment, jsx as _jsx } from \"react/jsx-runtime\";\n// default prop values\nconst defaultInitialTransformMatrix = {\n  scaleX: 1,\n  scaleY: 1,\n  translateX: 0,\n  translateY: 0,\n  skewX: 0,\n  skewY: 0\n};\nconst defaultWheelDelta = event => -event.deltaY > 0 ? {\n  scaleX: 1.1,\n  scaleY: 1.1\n} : {\n  scaleX: 0.9,\n  scaleY: 0.9\n};\nconst defaultPinchDelta = _ref => {\n  let {\n    offset: [s],\n    lastOffset: [lastS]\n  } = _ref;\n  return {\n    scaleX: s - lastS < 0 ? 0.9 : 1.1,\n    scaleY: s - lastS < 0 ? 0.9 : 1.1\n  };\n};\nfunction Zoom(_ref2) {\n  let {\n    scaleXMin = 0,\n    scaleXMax = Infinity,\n    scaleYMin = 0,\n    scaleYMax = Infinity,\n    initialTransformMatrix = defaultInitialTransformMatrix,\n    wheelDelta = defaultWheelDelta,\n    pinchDelta = defaultPinchDelta,\n    width,\n    height,\n    constrain,\n    children\n  } = _ref2;\n  const containerRef = useRef(null);\n  const matrixStateRef = useRef(initialTransformMatrix);\n  const [transformMatrix, setTransformMatrixState] = useState(initialTransformMatrix);\n  const [isDragging, setIsDragging] = useState(false);\n  const [startTranslate, setStartTranslate] = useState(undefined);\n  const [startPoint, setStartPoint] = useState(undefined);\n  const defaultConstrain = useCallback((newTransformMatrix, prevTransformMatrix) => {\n    if (constrain) return constrain(newTransformMatrix, prevTransformMatrix);\n    const {\n      scaleX,\n      scaleY\n    } = newTransformMatrix;\n    const shouldConstrainScaleX = scaleX > scaleXMax || scaleX < scaleXMin;\n    const shouldConstrainScaleY = scaleY > scaleYMax || scaleY < scaleYMin;\n    if (shouldConstrainScaleX || shouldConstrainScaleY) {\n      return prevTransformMatrix;\n    }\n    return newTransformMatrix;\n  }, [constrain, scaleXMin, scaleXMax, scaleYMin, scaleYMax]);\n  const setTransformMatrix = useCallback(newTransformMatrix => {\n    setTransformMatrixState(prevTransformMatrix => {\n      const updatedTransformMatrix = defaultConstrain(newTransformMatrix, prevTransformMatrix);\n      matrixStateRef.current = updatedTransformMatrix;\n      return updatedTransformMatrix;\n    });\n  }, [defaultConstrain]);\n  const applyToPoint = useCallback(_ref3 => {\n    let {\n      x,\n      y\n    } = _ref3;\n    return applyMatrixToPoint(transformMatrix, {\n      x,\n      y\n    });\n  }, [transformMatrix]);\n  const applyInverseToPoint = useCallback(_ref4 => {\n    let {\n      x,\n      y\n    } = _ref4;\n    return applyInverseMatrixToPoint(transformMatrix, {\n      x,\n      y\n    });\n  }, [transformMatrix]);\n  const reset = useCallback(() => {\n    setTransformMatrix(initialTransformMatrix);\n  }, [initialTransformMatrix, setTransformMatrix]);\n  const scale = useCallback(_ref5 => {\n    let {\n      scaleX,\n      scaleY: maybeScaleY,\n      point\n    } = _ref5;\n    const scaleY = maybeScaleY || scaleX;\n    const cleanPoint = point || {\n      x: width / 2,\n      y: height / 2\n    };\n    // need to use ref value instead of state here because wheel listener does not have access to latest state\n    const translate = applyInverseMatrixToPoint(matrixStateRef.current, cleanPoint);\n    const nextMatrix = composeMatrices(matrixStateRef.current, translateMatrix(translate.x, translate.y), scaleMatrix(scaleX, scaleY), translateMatrix(-translate.x, -translate.y));\n    setTransformMatrix(nextMatrix);\n    if (isDragging) {\n      const {\n        translateX,\n        translateY\n      } = matrixStateRef.current;\n      setStartPoint(point);\n      setStartTranslate({\n        translateX,\n        translateY\n      });\n    }\n  }, [height, width, isDragging, setTransformMatrix]);\n  const translate = useCallback(_ref6 => {\n    let {\n      translateX,\n      translateY\n    } = _ref6;\n    const nextMatrix = composeMatrices(transformMatrix, translateMatrix(translateX, translateY));\n    setTransformMatrix(nextMatrix);\n  }, [setTransformMatrix, transformMatrix]);\n  const setTranslate = useCallback(_ref7 => {\n    let {\n      translateX,\n      translateY\n    } = _ref7;\n    const nextMatrix = {\n      ...transformMatrix,\n      translateX,\n      translateY\n    };\n    setTransformMatrix(nextMatrix);\n  }, [setTransformMatrix, transformMatrix]);\n  const translateTo = useCallback(_ref8 => {\n    let {\n      x,\n      y\n    } = _ref8;\n    const point = applyInverseMatrixToPoint(transformMatrix, {\n      x,\n      y\n    });\n    setTranslate({\n      translateX: point.x,\n      translateY: point.y\n    });\n  }, [setTranslate, transformMatrix]);\n  const invert = useCallback(() => inverseMatrix(transformMatrix), [transformMatrix]);\n  const toStringInvert = useCallback(() => {\n    const {\n      translateX,\n      translateY,\n      scaleX,\n      scaleY,\n      skewX,\n      skewY\n    } = invert();\n    return `matrix(${scaleX}, ${skewY}, ${skewX}, ${scaleY}, ${translateX}, ${translateY})`;\n  }, [invert]);\n  const dragStart = useCallback(event => {\n    const {\n      translateX,\n      translateY\n    } = transformMatrix;\n    setStartPoint(localPoint(event) || undefined);\n    setStartTranslate({\n      translateX,\n      translateY\n    });\n    setIsDragging(true);\n  }, [transformMatrix]);\n  const dragMove = useCallback((event, options) => {\n    if (!isDragging || !startPoint || !startTranslate) return;\n    const currentPoint = localPoint(event);\n    const dx = currentPoint ? -(startPoint.x - currentPoint.x) : -startPoint.x;\n    const dy = currentPoint ? -(startPoint.y - currentPoint.y) : -startPoint.y;\n    let translateX = startTranslate.translateX + dx;\n    if (options?.offsetX) translateX += options?.offsetX ?? 0;\n    let translateY = startTranslate.translateY + dy;\n    if (options?.offsetY) translateY += options?.offsetY ?? 0;\n    setTranslate({\n      translateX,\n      translateY\n    });\n  }, [isDragging, setTranslate, startPoint, startTranslate]);\n  const dragEnd = useCallback(() => {\n    setStartPoint(undefined);\n    setStartTranslate(undefined);\n    setIsDragging(false);\n  }, []);\n  const handleWheel = useCallback(event => {\n    event.preventDefault();\n    const point = localPoint(event) || undefined;\n    const {\n      scaleX,\n      scaleY\n    } = wheelDelta(event);\n    scale({\n      scaleX,\n      scaleY,\n      point\n    });\n  }, [scale, wheelDelta]);\n  const handlePinch = useCallback(state => {\n    const {\n      origin: [ox, oy],\n      memo\n    } = state;\n    let currentMemo = memo;\n    if (containerRef.current) {\n      const {\n        top,\n        left\n      } = currentMemo ?? containerRef.current.getBoundingClientRect();\n      if (!currentMemo) {\n        currentMemo = {\n          top,\n          left\n        };\n      }\n      const {\n        scaleX,\n        scaleY\n      } = pinchDelta(state);\n      scale({\n        scaleX,\n        scaleY,\n        point: {\n          x: ox - left,\n          y: oy - top\n        }\n      });\n    }\n    return currentMemo;\n  }, [scale, pinchDelta]);\n  const toString = useCallback(() => {\n    const {\n      translateX,\n      translateY,\n      scaleX,\n      scaleY,\n      skewX,\n      skewY\n    } = transformMatrix;\n    return `matrix(${scaleX}, ${skewY}, ${skewX}, ${scaleY}, ${translateX}, ${translateY})`;\n  }, [transformMatrix]);\n  const center = useCallback(() => {\n    const centerPoint = {\n      x: width / 2,\n      y: height / 2\n    };\n    const inverseCentroid = applyInverseToPoint(centerPoint);\n    translate({\n      translateX: inverseCentroid.x - centerPoint.x,\n      translateY: inverseCentroid.y - centerPoint.y\n    });\n  }, [height, width, applyInverseToPoint, translate]);\n  const clear = useCallback(() => {\n    setTransformMatrix(identityMatrix());\n  }, [setTransformMatrix]);\n  useGesture({\n    onDragStart: _ref9 => {\n      let {\n        event\n      } = _ref9;\n      if (!(event instanceof KeyboardEvent)) dragStart(event);\n    },\n    onDrag: _ref0 => {\n      let {\n        event,\n        pinching,\n        cancel\n      } = _ref0;\n      if (pinching) {\n        cancel();\n        dragEnd();\n      } else if (!(event instanceof KeyboardEvent)) {\n        dragMove(event);\n      }\n    },\n    onDragEnd: dragEnd,\n    onPinch: handlePinch,\n    onWheel: _ref1 => {\n      let {\n        event,\n        active,\n        pinching\n      } = _ref1;\n      if (\n      // Outside of Safari, the wheel event is fired together with the pinch event\n      pinching ||\n      // currently onWheelEnd emits one final wheel event which causes 2x scale\n      // updates for the last tick. ensuring that the gesture is active avoids this\n      !active) {\n        return;\n      }\n      handleWheel(event);\n    }\n  }, {\n    target: containerRef,\n    eventOptions: {\n      passive: false\n    },\n    drag: {\n      filterTaps: true\n    }\n  });\n  const zoom = {\n    initialTransformMatrix,\n    transformMatrix,\n    isDragging,\n    center,\n    clear,\n    scale,\n    translate,\n    translateTo,\n    setTranslate,\n    setTransformMatrix,\n    reset,\n    handleWheel,\n    handlePinch,\n    dragEnd,\n    dragMove,\n    dragStart,\n    toString,\n    invert,\n    toStringInvert,\n    applyToPoint,\n    applyInverseToPoint,\n    containerRef\n  };\n  return /*#__PURE__*/_jsx(_Fragment, {\n    children: children(zoom)\n  });\n}\nexport default Zoom;"],"names":["defaultInitialTransformMatrix","defaultWheelDelta","event","defaultPinchDelta","_ref","s","lastS","Zoom","_ref2","scaleXMin","scaleXMax","scaleYMin","scaleYMax","initialTransformMatrix","wheelDelta","pinchDelta","width","height","constrain","children","containerRef","useRef","matrixStateRef","transformMatrix","setTransformMatrixState","useState","isDragging","setIsDragging","startTranslate","setStartTranslate","startPoint","setStartPoint","defaultConstrain","useCallback","newTransformMatrix","prevTransformMatrix","scaleX","scaleY","shouldConstrainScaleX","shouldConstrainScaleY","setTransformMatrix","updatedTransformMatrix","applyToPoint","_ref3","x","y","applyMatrixToPoint","applyInverseToPoint","_ref4","applyInverseMatrixToPoint","reset","scale","_ref5","maybeScaleY","point","cleanPoint","translate","nextMatrix","composeMatrices","translateMatrix","scaleMatrix","translateX","translateY","_ref6","setTranslate","_ref7","translateTo","_ref8","invert","inverseMatrix","toStringInvert","skewX","skewY","dragStart","localPoint","dragMove","options","currentPoint","dx","dy","dragEnd","handleWheel","handlePinch","state","ox","oy","memo","currentMemo","top","left","toString","center","centerPoint","inverseCentroid","clear","identityMatrix","useGesture","_ref9","_ref0","pinching","cancel","_ref1","active","_jsx","_Fragment"],"mappings":"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","x_google_ignoreList":[0]}
+{"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;"}

package/dist/visualization.es79.js

@@ -1,22 +1,84 @@
-import "./visualization.es131.js";
-import "react/jsx-runtime";
-function d(i) {
-  let {
-    source: p,
-    target: u,
-    x: c,
-    y: a
-  } = i;
-  return (n) => {
-    const r = p(n), e = u(n), x = c(r), y = a(r), I = c(e), P = a(e), s = x - Math.PI / 2, t = y, o = I - Math.PI / 2, h = P, f = Math.cos(s), g = Math.sin(s), M = Math.cos(o), $ = Math.sin(o), m = Math.abs(o - s) > Math.PI ? o <= s : o > s;
-    return `
-      M${t * f},${t * g}
-      A${t},${t},0,0,${m ? 1 : 0},${t * M},${t * $}
-      L${h * M},${h * $}
-    `;
+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.es66.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 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 {
-  d as pathRadialStep
+  H as default
 };
 //# sourceMappingURL=visualization.es79.js.map

package/dist/visualization.es79.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es79.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/link/step/LinkRadialStep.js"],"sourcesContent":["import cx from 'classnames';\nimport { getX, getY, getSource, getTarget } from \"../../../util/accessors.js\";\nimport { Fragment as _Fragment, jsx as _jsx } from \"react/jsx-runtime\";\nexport function pathRadialStep(_ref) {\n  let {\n    source,\n    target,\n    x,\n    y\n  } = _ref;\n  return link => {\n    const sourceData = source(link);\n    const targetData = target(link);\n    const sx = x(sourceData);\n    const sy = y(sourceData);\n    const tx = x(targetData);\n    const ty = y(targetData);\n    const sa = sx - Math.PI / 2;\n    const sr = sy;\n    const ta = tx - Math.PI / 2;\n    const tr = ty;\n    const sc = Math.cos(sa);\n    const ss = Math.sin(sa);\n    const tc = Math.cos(ta);\n    const ts = Math.sin(ta);\n    const sf = Math.abs(ta - sa) > Math.PI ? ta <= sa : ta > sa;\n    return `\n      M${sr * sc},${sr * ss}\n      A${sr},${sr},0,0,${sf ? 1 : 0},${sr * tc},${sr * ts}\n      L${tr * tc},${tr * ts}\n    `;\n  };\n}\nexport default function LinkRadialStep(_ref2) {\n  let {\n    className,\n    innerRef,\n    data,\n    path,\n    x = getX,\n    y = getY,\n    source = getSource,\n    target = getTarget,\n    children,\n    ...restProps\n  } = _ref2;\n  const pathGen = path || pathRadialStep({\n    source,\n    target,\n    x,\n    y\n  });\n  if (children) return /*#__PURE__*/_jsx(_Fragment, {\n    children: children({\n      path: pathGen\n    })\n  });\n  return /*#__PURE__*/_jsx(\"path\", {\n    ref: innerRef,\n    className: cx('visx-link visx-link-radial-step', className),\n    d: pathGen(data) || '',\n    ...restProps\n  });\n}"],"names":["pathRadialStep","_ref","source","target","x","y","link","sourceData","targetData","sx","sy","tx","ty","sa","sr","ta","tr","sc","ss","tc","ts","sf"],"mappings":";;AAGO,SAASA,EAAeC,GAAM;AACnC,MAAI;AAAA,IACF,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,GAAAC;AAAA,IACA,GAAAC;AAAA,EACJ,IAAMJ;AACJ,SAAO,CAAAK,MAAQ;AACb,UAAMC,IAAaL,EAAOI,CAAI,GACxBE,IAAaL,EAAOG,CAAI,GACxBG,IAAKL,EAAEG,CAAU,GACjBG,IAAKL,EAAEE,CAAU,GACjBI,IAAKP,EAAEI,CAAU,GACjBI,IAAKP,EAAEG,CAAU,GACjBK,IAAKJ,IAAK,KAAK,KAAK,GACpBK,IAAKJ,GACLK,IAAKJ,IAAK,KAAK,KAAK,GACpBK,IAAKJ,GACLK,IAAK,KAAK,IAAIJ,CAAE,GAChBK,IAAK,KAAK,IAAIL,CAAE,GAChBM,IAAK,KAAK,IAAIJ,CAAE,GAChBK,IAAK,KAAK,IAAIL,CAAE,GAChBM,IAAK,KAAK,IAAIN,IAAKF,CAAE,IAAI,KAAK,KAAKE,KAAMF,IAAKE,IAAKF;AACzD,WAAO;AAAA,SACFC,IAAKG,CAAE,IAAIH,IAAKI,CAAE;AAAA,SAClBJ,CAAE,IAAIA,CAAE,QAAQO,IAAK,IAAI,CAAC,IAAIP,IAAKK,CAAE,IAAIL,IAAKM,CAAE;AAAA,SAChDJ,IAAKG,CAAE,IAAIH,IAAKI,CAAE;AAAA;AAAA,EAEzB;AACF;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es79.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.es8.js

@@ -1,24 +1,24 @@
 import { jsx as o, jsxs as nt, Fragment as at } from "react/jsx-runtime";
 import { c as lt } from "react/compiler-runtime";
 import rt, { useMemo as u, useCallback as k, useImperativeHandle as st } from "react";
-import ct from "./visualization.es80.js";
+import ct from "./visualization.es69.js";
 import { useTheme as mt, Stack as dt, Tooltip as ht, IconButton as gt } from "@mui/material";
 import { HighlightAlt as ut } from "@mui/icons-material";
-import { downloadDivAsPNG as ft, downloadDivAsSVG as $ } from "./visualization.es20.js";
+import { downloadDivAsPNG as ft, downloadDivAsSVG as $ } from "./visualization.es28.js";
 import { getPointExtents as xt, getDomains as Mt, isSameTransform as bt } from "./visualization.es17.js";
-import Pt from "./visualization.es81.js";
-import Dt from "./visualization.es82.js";
-import St from "./visualization.es83.js";
-import vt from "./visualization.es84.js";
-import { useSelectionMode as Ct } from "./visualization.es85.js";
-import { useMiniMapToggle as wt } from "./visualization.es86.js";
-import { useHoverTooltip as yt } from "./visualization.es87.js";
-import { useCrosshair as Tt } from "./visualization.es88.js";
+import Pt from "./visualization.es70.js";
+import Dt from "./visualization.es71.js";
+import St from "./visualization.es72.js";
+import vt from "./visualization.es73.js";
+import { useSelectionMode as Ct } from "./visualization.es74.js";
+import { useMiniMapToggle as wt } from "./visualization.es75.js";
+import { useHoverTooltip as yt } from "./visualization.es76.js";
+import { useCrosshair as Tt } from "./visualization.es77.js";
 import { useResponsiveParentSize as zt } from "./visualization.es18.js";
-import N from "./visualization.es26.js";
+import N from "./visualization.es22.js";
 import { ResponsiveContainer as It } from "./visualization.es14.js";
-import Lt, { defaultStyles as At } from "./visualization.es56.js";
-import Ht from "./visualization.es59.js";
+import Lt, { defaultStyles as At } from "./visualization.es25.js";
+import Ht from "./visualization.es65.js";
 const e = {
   top: 20,
   right: 20,

package/dist/visualization.es80.js

@@ -1,69 +1,49 @@
-import { jsxs as E, jsx as e, Fragment as D } from "react/jsx-runtime";
-import { c as R } from "react/compiler-runtime";
-import { useEffect as I } from "react";
-import { Stack as L, Tooltip as i, IconButton as a } from "@mui/material";
-import { BackHand as Z, Edit as j, Add as F, Remove as P, SettingsBackupRestore as T, Download as $ } from "@mui/icons-material";
-import { useTheme as K } from "@mui/material/styles";
-const V = (x) => {
-  const t = R(7), {
-    selectable: n,
-    resetable: k,
-    handleSelectionModeChange: l,
-    selectMode: o,
-    zoomIn: w,
-    zoomOut: S,
-    zoomReset: y,
-    highlight: g,
-    downloadButton: z,
-    downloadPlot: C
-  } = x, c = K(), b = g ?? c.palette.primary.main, d = {
-    borderRadius: 0,
-    color: c.palette.text.primary,
-    padding: c.spacing(1)
-  };
-  let s, m;
-  t[0] !== l || t[1] !== o || t[2] !== n ? (s = () => {
-    const r = (v) => {
-      if (v.key === "Shift" && n && o === "select") {
-        l("pan");
-        const u = (B) => {
-          B.key === "Shift" && n && l("select");
-        };
-        return window.addEventListener("keyup", u), () => {
-          window.removeEventListener("keyup", u);
-        };
-      }
+import { jsx as g } from "react/jsx-runtime";
+import { memo as X, useState as v } from "react";
+import { getAnimationProps as w } from "./visualization.es28.js";
+import { motion as x } from "./visualization.es44.js";
+import B from "./visualization.es95.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 window.addEventListener("keydown", r), () => {
-      window.removeEventListener("keydown", r);
-    };
-  }, m = [l, o, n], t[0] = l, t[1] = o, t[2] = n, t[3] = s, t[4] = m) : (s = t[3], m = t[4]), I(s, m);
-  const f = (r) => ({
-    ...d,
-    color: o === r ? g || "primary.main" : c.palette.text.primary,
-    backgroundColor: o === r ? `color-mix(in srgb, ${b} 15%, transparent)` : "transparent",
-    "&:hover": {
-      backgroundColor: o === r ? `color-mix(in srgb, ${b} 25%, transparent)` : c.palette.action.hover
-    }
-  }), h = o !== "none" && /* @__PURE__ */ E(L, { direction: "column", alignItems: "flex-start", justifyContent: "center", sx: {
-    background: "rgba(255, 255, 255, 0.6)",
-    backdropFilter: "blur(2px)",
-    WebkitBackdropFilter: "blur(2px)",
-    border: "1px solid rgba(255, 255, 255, 0.3)",
-    boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)",
-    overflow: "hidden"
-  }, children: [
-    n && /* @__PURE__ */ e(i, { title: "Drag to pan, or hold Shift and drag", placement: "right", children: /* @__PURE__ */ e(a, { "aria-label": "pan", onClick: () => l("pan"), sx: f("pan"), children: /* @__PURE__ */ e(Z, { fontSize: "small" }) }) }),
-    n && /* @__PURE__ */ e(i, { title: "Drag to select", placement: "right", children: /* @__PURE__ */ e(a, { "aria-label": "edit", onClick: () => l("select"), sx: f("select"), children: /* @__PURE__ */ e(j, { fontSize: "small" }) }) }),
-    /* @__PURE__ */ e(i, { title: "Zoom In", placement: "right", children: /* @__PURE__ */ e(a, { "aria-label": "zoom-in", onClick: w, sx: d, children: /* @__PURE__ */ e(F, { fontSize: "small" }) }) }),
-    /* @__PURE__ */ e(i, { title: "Zoom Out", placement: "right", children: /* @__PURE__ */ e(a, { "aria-label": "zoom-out", onClick: S, sx: d, children: /* @__PURE__ */ e(P, { fontSize: "small" }) }) }),
-    /* @__PURE__ */ e(i, { title: "Reset Zoom and Pan", placement: "right", children: /* @__PURE__ */ e(a, { "aria-label": "resetZoom", onClick: y, disabled: !k, sx: d, children: /* @__PURE__ */ e(T, { fontSize: "small" }) }) }),
-    z && /* @__PURE__ */ e(i, { title: "Download Plot as SVG", placement: "right", children: /* @__PURE__ */ e(a, { "aria-label": "download", onClick: () => C(), sx: d, children: /* @__PURE__ */ e($, { fontSize: "small" }) }) })
-  ] });
-  let p;
-  return t[5] !== h ? (p = /* @__PURE__ */ e(D, { children: h }), t[5] = h, t[6] = p) : p = t[6], p;
-};
+  });
+  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 {
-  V as default
+  E as default
 };
 //# sourceMappingURL=visualization.es80.js.map

package/dist/visualization.es80.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es80.js","sources":["../src/components/ScatterPlot/controls.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { ControlButtonsProps } from \"./types\";\nimport { IconButton, Stack, Tooltip } from \"@mui/material\";\nimport { Add, Remove, BackHand, Edit, SettingsBackupRestore, Download } from \"@mui/icons-material\"\nimport { useTheme } from \"@mui/material/styles\";\n\nconst ControlButtons = ({\n    selectable,\n    resetable,\n    handleSelectionModeChange,\n    selectMode,\n    zoomIn,\n    zoomOut,\n    zoomReset,\n    highlight,\n    downloadButton,\n    downloadPlot\n}: ControlButtonsProps) => {\n    const theme = useTheme();\n    const color = highlight ?? theme.palette.primary.main;\n    const tooltipPlacement = \"right\";\n    \n    const buttonSx = {\n        borderRadius: 0,\n        color: theme.palette.text.primary,\n        padding: theme.spacing(1),\n    };\n\n    useEffect(() => {\n        // Function to handle key press\n        const handleKeyDown = (e: KeyboardEvent) => {\n            if (e.key === 'Shift' && selectable && selectMode === \"select\") {\n                handleSelectionModeChange('pan'); // Switch to pan mode when Shift is pressed\n\n                // Function to handle key release\n                const handleKeyUp = (e: KeyboardEvent) => {\n                    if (e.key === 'Shift' && selectable) {\n                        handleSelectionModeChange('select'); // Switch back to select mode when Shift is released\n                    }\n                };\n\n                window.addEventListener('keyup', handleKeyUp);\n                return () => {\n                    window.removeEventListener('keyup', handleKeyUp);\n                };\n            }\n        };\n\n        // Add event listeners for key press and release\n        window.addEventListener('keydown', handleKeyDown);\n\n        // Clean up event listeners on unmount\n        return () => {\n            window.removeEventListener('keydown', handleKeyDown);\n        };\n    }, [handleSelectionModeChange, selectMode, selectable]);\n\n    const getToggleButtonSx = (mode: \"pan\" | \"select\") => ({\n        ...buttonSx,\n        color: selectMode === mode ? highlight || \"primary.main\" : theme.palette.text.primary,\n        backgroundColor: selectMode === mode\n            ? `color-mix(in srgb, ${color} 15%, transparent)`\n            : \"transparent\",\n        '&:hover': {\n            backgroundColor: selectMode === mode\n                ? `color-mix(in srgb, ${color} 25%, transparent)`\n                : theme.palette.action.hover,\n        },\n    });\n\n    return (\n        <>\n            {selectMode !== \"none\" && (\n                <Stack\n                    direction=\"column\"\n                    alignItems=\"flex-start\"\n                    justifyContent={\"center\"}\n                    sx={{\n                        background: \"rgba(255, 255, 255, 0.6)\",\n                        backdropFilter: \"blur(2px)\",\n                        WebkitBackdropFilter: \"blur(2px)\",\n                        border: \"1px solid rgba(255, 255, 255, 0.3)\",\n                        boxShadow: \"0 2px 8px rgba(0, 0, 0, 0.1)\",\n                        overflow: \"hidden\",\n                    }}\n                >\n                    {\n                        selectable && (\n                            <Tooltip title=\"Drag to pan, or hold Shift and drag\" placement={tooltipPlacement}>\n                                <IconButton\n                                    aria-label=\"pan\"\n                                    onClick={() => handleSelectionModeChange('pan')}\n                                    sx={getToggleButtonSx(\"pan\")}\n                                >\n                                    <BackHand fontSize=\"small\" />\n                                </IconButton>\n                            </Tooltip>\n                        )\n                    }\n                    {\n                        selectable && (\n                            <Tooltip title=\"Drag to select\" placement={tooltipPlacement}>\n                                <IconButton\n                                    aria-label=\"edit\"\n                                    onClick={() => handleSelectionModeChange('select')}\n                                    sx={getToggleButtonSx(\"select\")}\n                                >\n                                    <Edit fontSize=\"small\" />\n                                </IconButton>\n                            </Tooltip>\n                        )\n                    }\n                    <Tooltip title=\"Zoom In\" placement={tooltipPlacement}>\n                        <IconButton aria-label=\"zoom-in\" onClick={zoomIn} sx={buttonSx}>\n                            <Add fontSize=\"small\" />\n                        </IconButton>\n                    </Tooltip>\n                    <Tooltip title=\"Zoom Out\" placement={tooltipPlacement}>\n                        <IconButton aria-label=\"zoom-out\" onClick={zoomOut} sx={buttonSx}>\n                            <Remove fontSize=\"small\" />\n                        </IconButton>\n                    </Tooltip>\n                    <Tooltip title=\"Reset Zoom and Pan\" placement={tooltipPlacement}>\n                        <IconButton aria-label=\"resetZoom\" onClick={zoomReset} disabled={!resetable} sx={buttonSx}>\n                            <SettingsBackupRestore fontSize=\"small\" />\n                        </IconButton>\n                    </Tooltip>\n                    {downloadButton && (\n                        <Tooltip title=\"Download Plot as SVG\" placement={tooltipPlacement}>\n                            <IconButton aria-label=\"download\" onClick={() => downloadPlot()} sx={buttonSx}>\n                                <Download fontSize=\"small\" />\n                            </IconButton>\n                        </Tooltip>\n                    )}\n                </Stack>\n            )}\n        </>\n\n    );\n}\n\nexport default ControlButtons;\n"],"names":["ControlButtons","t0","$","_c","selectable","resetable","handleSelectionModeChange","selectMode","zoomIn","zoomOut","zoomReset","highlight","downloadButton","downloadPlot","theme","useTheme","color","palette","primary","main","buttonSx","borderRadius","text","padding","spacing","t1","t2","handleKeyDown","e","key","handleKeyUp","e_0","window","addEventListener","removeEventListener","useEffect","getToggleButtonSx","mode","backgroundColor","action","hover","t3","jsxs","Stack","background","backdropFilter","WebkitBackdropFilter","border","boxShadow","overflow","jsx","Tooltip","tooltipPlacement","IconButton","BackHand","Edit","Add","Remove","SettingsBackupRestore","Download","t4"],"mappings":"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"}
+{"version":3,"file":"visualization.es80.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;"}