@weng-lab/visualization 2.4.0-beta.4 → 2.4.0-beta.6

package/dist/visualization.es551.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es551.js","sources":["../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/dom-utils/getNodeName.js"],"sourcesContent":["export default function getNodeName(element) {\n  return element ? (element.nodeName || '').toLowerCase() : null;\n}"],"names":["getNodeName","element"],"mappings":"AAAe,SAASA,EAAYC,GAAS;AAC3C,SAAOA,KAAWA,EAAQ,YAAY,IAAI,YAAW,IAAK;AAC5D;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es551.js","sources":["../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/utils/mergePaddingObject.js"],"sourcesContent":["import getFreshSideObject from \"./getFreshSideObject.js\";\nexport default function mergePaddingObject(paddingObject) {\n  return Object.assign({}, getFreshSideObject(), paddingObject);\n}"],"names":["mergePaddingObject","paddingObject","getFreshSideObject"],"mappings":";AACe,SAASA,EAAmBC,GAAe;AACxD,SAAO,OAAO,OAAO,CAAA,GAAIC,EAAkB,GAAID,CAAa;AAC9D;","x_google_ignoreList":[0]}

package/dist/visualization.es552.js

@@ -1,7 +1,9 @@
-function t(e) {
-  return e.split("-")[0];
+function u(n, r) {
+  return r.reduce(function(e, t) {
+    return e[t] = n, e;
+  }, {});
 }
 export {
-  t as default
+  u as default
 };
 //# sourceMappingURL=visualization.es552.js.map

package/dist/visualization.es552.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es552.js","sources":["../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/utils/getBasePlacement.js"],"sourcesContent":["import { auto } from \"../enums.js\";\nexport default function getBasePlacement(placement) {\n  return placement.split('-')[0];\n}"],"names":["getBasePlacement","placement"],"mappings":"AACe,SAASA,EAAiBC,GAAW;AAClD,SAAOA,EAAU,MAAM,GAAG,EAAE,CAAC;AAC/B;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es552.js","sources":["../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/utils/expandToHashMap.js"],"sourcesContent":["export default function expandToHashMap(value, keys) {\n  return keys.reduce(function (hashMap, key) {\n    hashMap[key] = value;\n    return hashMap;\n  }, {});\n}"],"names":["expandToHashMap","value","keys","hashMap","key"],"mappings":"AAAe,SAASA,EAAgBC,GAAOC,GAAM;AACnD,SAAOA,EAAK,OAAO,SAAUC,GAASC,GAAK;AACzC,WAAAD,EAAQC,CAAG,IAAIH,GACRE;AAAA,EACT,GAAG,CAAA,CAAE;AACP;","x_google_ignoreList":[0]}

package/dist/visualization.es553.js

@@ -1,19 +1,13 @@
-import { isShadowRoot as a } from "./visualization.es512.js";
-function f(r, e) {
-  var t = e.getRootNode && e.getRootNode();
-  if (r.contains(e))
-    return !0;
-  if (t && a(t)) {
-    var o = e;
-    do {
-      if (o && r.isSameNode(o))
-        return !0;
-      o = o.parentNode || o.host;
-    } while (o);
+function n(t) {
+  if (t == null)
+    return window;
+  if (t.toString() !== "[object Window]") {
+    var i = t.ownerDocument;
+    return i && i.defaultView || window;
   }
-  return !1;
+  return t;
 }
 export {
-  f as default
+  n as default
 };
 //# sourceMappingURL=visualization.es553.js.map

package/dist/visualization.es553.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es553.js","sources":["../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/dom-utils/contains.js"],"sourcesContent":["import { isShadowRoot } from \"./instanceOf.js\";\nexport default function contains(parent, child) {\n  var rootNode = child.getRootNode && child.getRootNode(); // First, attempt with faster native method\n\n  if (parent.contains(child)) {\n    return true;\n  } // then fallback to custom implementation with Shadow DOM support\n  else if (rootNode && isShadowRoot(rootNode)) {\n      var next = child;\n\n      do {\n        if (next && parent.isSameNode(next)) {\n          return true;\n        } // $FlowFixMe[prop-missing]: need a better way to handle this...\n\n\n        next = next.parentNode || next.host;\n      } while (next);\n    } // Give up, the result is false\n\n\n  return false;\n}"],"names":["contains","parent","child","rootNode","isShadowRoot","next"],"mappings":";AACe,SAASA,EAASC,GAAQC,GAAO;AAC9C,MAAIC,IAAWD,EAAM,eAAeA,EAAM,YAAW;AAErD,MAAID,EAAO,SAASC,CAAK;AACvB,WAAO;AAEJ,MAAIC,KAAYC,EAAaD,CAAQ,GAAG;AACzC,QAAIE,IAAOH;AAEX,OAAG;AACD,UAAIG,KAAQJ,EAAO,WAAWI,CAAI;AAChC,eAAO;AAIT,MAAAA,IAAOA,EAAK,cAAcA,EAAK;AAAA,IACjC,SAASA;AAAA,EACX;AAGF,SAAO;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es553.js","sources":["../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/dom-utils/getWindow.js"],"sourcesContent":["export default function getWindow(node) {\n  if (node == null) {\n    return window;\n  }\n\n  if (node.toString() !== '[object Window]') {\n    var ownerDocument = node.ownerDocument;\n    return ownerDocument ? ownerDocument.defaultView || window : window;\n  }\n\n  return node;\n}"],"names":["getWindow","node","ownerDocument"],"mappings":"AAAe,SAASA,EAAUC,GAAM;AACtC,MAAIA,KAAQ;AACV,WAAO;AAGT,MAAIA,EAAK,SAAQ,MAAO,mBAAmB;AACzC,QAAIC,IAAgBD,EAAK;AACzB,WAAOC,KAAgBA,EAAc,eAAe;AAAA,EACtD;AAEA,SAAOD;AACT;","x_google_ignoreList":[0]}

package/dist/visualization.es554.js

@@ -1,5 +1,9 @@
+import { isElement as n } from "./visualization.es512.js";
 function e(t) {
-  return ["top", "bottom"].indexOf(t) >= 0 ? "x" : "y";
+  return ((n(t) ? t.ownerDocument : (
+    // $FlowFixMe[prop-missing]
+    t.document
+  )) || window.document).documentElement;
 }
 export {
   e as default

package/dist/visualization.es554.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es554.js","sources":["../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/utils/getMainAxisFromPlacement.js"],"sourcesContent":["export default function getMainAxisFromPlacement(placement) {\n  return ['top', 'bottom'].indexOf(placement) >= 0 ? 'x' : 'y';\n}"],"names":["getMainAxisFromPlacement","placement"],"mappings":"AAAe,SAASA,EAAyBC,GAAW;AAC1D,SAAO,CAAC,OAAO,QAAQ,EAAE,QAAQA,CAAS,KAAK,IAAI,MAAM;AAC3D;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es554.js","sources":["../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/dom-utils/getDocumentElement.js"],"sourcesContent":["import { isElement } from \"./instanceOf.js\";\nexport default function getDocumentElement(element) {\n  // $FlowFixMe[incompatible-return]: assume body is always available\n  return ((isElement(element) ? element.ownerDocument : // $FlowFixMe[prop-missing]\n  element.document) || window.document).documentElement;\n}"],"names":["getDocumentElement","element","isElement"],"mappings":";AACe,SAASA,EAAmBC,GAAS;AAElD,WAASC,EAAUD,CAAO,IAAIA,EAAQ;AAAA;AAAA,IACtCA,EAAQ;AAAA,QAAa,OAAO,UAAU;AACxC;","x_google_ignoreList":[0]}

package/dist/visualization.es555.js

@@ -1,13 +1,8 @@
-import { max as o, min as u } from "./visualization.es562.js";
-function e(i, r, n) {
-  return o(i, u(r, n));
-}
-function m(i, r, n) {
-  var t = e(i, r, n);
-  return t > n ? n : t;
+import e from "./visualization.es553.js";
+function r(t) {
+  return e(t).getComputedStyle(t);
 }
 export {
-  e as within,
-  m as withinMaxClamp
+  r as default
 };
 //# sourceMappingURL=visualization.es555.js.map

package/dist/visualization.es555.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es555.js","sources":["../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/utils/within.js"],"sourcesContent":["import { max as mathMax, min as mathMin } from \"./math.js\";\nexport function within(min, value, max) {\n  return mathMax(min, mathMin(value, max));\n}\nexport function withinMaxClamp(min, value, max) {\n  var v = within(min, value, max);\n  return v > max ? max : v;\n}"],"names":["within","min","value","max","mathMax","mathMin","withinMaxClamp","v"],"mappings":";AACO,SAASA,EAAOC,GAAKC,GAAOC,GAAK;AACtC,SAAOC,EAAQH,GAAKI,EAAQH,GAAOC,CAAG,CAAC;AACzC;AACO,SAASG,EAAeL,GAAKC,GAAOC,GAAK;AAC9C,MAAII,IAAIP,EAAOC,GAAKC,GAAOC,CAAG;AAC9B,SAAOI,IAAIJ,IAAMA,IAAMI;AACzB;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es555.js","sources":["../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/dom-utils/getComputedStyle.js"],"sourcesContent":["import getWindow from \"./getWindow.js\";\nexport default function getComputedStyle(element) {\n  return getWindow(element).getComputedStyle(element);\n}"],"names":["getComputedStyle","element","getWindow"],"mappings":";AACe,SAASA,EAAiBC,GAAS;AAChD,SAAOC,EAAUD,CAAO,EAAE,iBAAiBA,CAAO;AACpD;","x_google_ignoreList":[0]}

package/dist/visualization.es556.js

@@ -1,8 +1,7 @@
-import t from "./visualization.es569.js";
-function i(e) {
-  return Object.assign({}, t(), e);
+function a(t) {
+  return t.split("-")[1];
 }
 export {
-  i as default
+  a as default
 };
 //# sourceMappingURL=visualization.es556.js.map

package/dist/visualization.es556.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es556.js","sources":["../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/utils/mergePaddingObject.js"],"sourcesContent":["import getFreshSideObject from \"./getFreshSideObject.js\";\nexport default function mergePaddingObject(paddingObject) {\n  return Object.assign({}, getFreshSideObject(), paddingObject);\n}"],"names":["mergePaddingObject","paddingObject","getFreshSideObject"],"mappings":";AACe,SAASA,EAAmBC,GAAe;AACxD,SAAO,OAAO,OAAO,CAAA,GAAIC,EAAkB,GAAID,CAAa;AAC9D;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es556.js","sources":["../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/utils/getVariation.js"],"sourcesContent":["export default function getVariation(placement) {\n  return placement.split('-')[1];\n}"],"names":["getVariation","placement"],"mappings":"AAAe,SAASA,EAAaC,GAAW;AAC9C,SAAOA,EAAU,MAAM,GAAG,EAAE,CAAC;AAC/B;","x_google_ignoreList":[0]}

package/dist/visualization.es557.js

@@ -1,9 +1,7 @@
-function u(n, r) {
-  return r.reduce(function(e, t) {
-    return e[t] = n, e;
-  }, {});
-}
+var a = Math.max, r = Math.min, m = Math.round;
 export {
-  u as default
+  a as max,
+  r as min,
+  m as round
 };
 //# sourceMappingURL=visualization.es557.js.map

package/dist/visualization.es557.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es557.js","sources":["../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/utils/expandToHashMap.js"],"sourcesContent":["export default function expandToHashMap(value, keys) {\n  return keys.reduce(function (hashMap, key) {\n    hashMap[key] = value;\n    return hashMap;\n  }, {});\n}"],"names":["expandToHashMap","value","keys","hashMap","key"],"mappings":"AAAe,SAASA,EAAgBC,GAAOC,GAAM;AACnD,SAAOA,EAAK,OAAO,SAAUC,GAASC,GAAK;AACzC,WAAAD,EAAQC,CAAG,IAAIH,GACRE;AAAA,EACT,GAAG,CAAA,CAAE;AACP;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es557.js","sources":["../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/utils/math.js"],"sourcesContent":["export var max = Math.max;\nexport var min = Math.min;\nexport var round = Math.round;"],"names":["max","min","round"],"mappings":"AAAU,IAACA,IAAM,KAAK,KACXC,IAAM,KAAK,KACXC,IAAQ,KAAK;","x_google_ignoreList":[0]}

package/dist/visualization.es558.js

@@ -1,13 +1,15 @@
-function n(t) {
-  if (t == null)
-    return window;
-  if (t.toString() !== "[object Window]") {
-    var i = t.ownerDocument;
-    return i && i.defaultView || window;
-  }
-  return t;
+var o = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+};
+function r(t) {
+  return t.replace(/left|right|bottom|top/g, function(e) {
+    return o[e];
+  });
 }
 export {
-  n as default
+  r as default
 };
 //# sourceMappingURL=visualization.es558.js.map

package/dist/visualization.es558.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es558.js","sources":["../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/dom-utils/getWindow.js"],"sourcesContent":["export default function getWindow(node) {\n  if (node == null) {\n    return window;\n  }\n\n  if (node.toString() !== '[object Window]') {\n    var ownerDocument = node.ownerDocument;\n    return ownerDocument ? ownerDocument.defaultView || window : window;\n  }\n\n  return node;\n}"],"names":["getWindow","node","ownerDocument"],"mappings":"AAAe,SAASA,EAAUC,GAAM;AACtC,MAAIA,KAAQ;AACV,WAAO;AAGT,MAAIA,EAAK,SAAQ,MAAO,mBAAmB;AACzC,QAAIC,IAAgBD,EAAK;AACzB,WAAOC,KAAgBA,EAAc,eAAe;AAAA,EACtD;AAEA,SAAOD;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es558.js","sources":["../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/utils/getOppositePlacement.js"],"sourcesContent":["var hash = {\n  left: 'right',\n  right: 'left',\n  bottom: 'top',\n  top: 'bottom'\n};\nexport default function getOppositePlacement(placement) {\n  return placement.replace(/left|right|bottom|top/g, function (matched) {\n    return hash[matched];\n  });\n}"],"names":["hash","getOppositePlacement","placement","matched"],"mappings":"AAAA,IAAIA,IAAO;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AACP;AACe,SAASC,EAAqBC,GAAW;AACtD,SAAOA,EAAU,QAAQ,0BAA0B,SAAUC,GAAS;AACpE,WAAOH,EAAKG,CAAO;AAAA,EACrB,CAAC;AACH;","x_google_ignoreList":[0]}

package/dist/visualization.es559.js

@@ -1,11 +1,13 @@
-import { isElement as n } from "./visualization.es512.js";
-function e(t) {
-  return ((n(t) ? t.ownerDocument : (
-    // $FlowFixMe[prop-missing]
-    t.document
-  )) || window.document).documentElement;
+var a = {
+  start: "end",
+  end: "start"
+};
+function n(t) {
+  return t.replace(/start|end/g, function(e) {
+    return a[e];
+  });
 }
 export {
-  e as default
+  n as default
 };
 //# sourceMappingURL=visualization.es559.js.map

package/dist/visualization.es559.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es559.js","sources":["../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/dom-utils/getDocumentElement.js"],"sourcesContent":["import { isElement } from \"./instanceOf.js\";\nexport default function getDocumentElement(element) {\n  // $FlowFixMe[incompatible-return]: assume body is always available\n  return ((isElement(element) ? element.ownerDocument : // $FlowFixMe[prop-missing]\n  element.document) || window.document).documentElement;\n}"],"names":["getDocumentElement","element","isElement"],"mappings":";AACe,SAASA,EAAmBC,GAAS;AAElD,WAASC,EAAUD,CAAO,IAAIA,EAAQ;AAAA;AAAA,IACtCA,EAAQ;AAAA,QAAa,OAAO,UAAU;AACxC;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es559.js","sources":["../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/utils/getOppositeVariationPlacement.js"],"sourcesContent":["var hash = {\n  start: 'end',\n  end: 'start'\n};\nexport default function getOppositeVariationPlacement(placement) {\n  return placement.replace(/start|end/g, function (matched) {\n    return hash[matched];\n  });\n}"],"names":["hash","getOppositeVariationPlacement","placement","matched"],"mappings":"AAAA,IAAIA,IAAO;AAAA,EACT,OAAO;AAAA,EACP,KAAK;AACP;AACe,SAASC,EAA8BC,GAAW;AAC/D,SAAOA,EAAU,QAAQ,cAAc,SAAUC,GAAS;AACxD,WAAOH,EAAKG,CAAO;AAAA,EACrB,CAAC;AACH;","x_google_ignoreList":[0]}

package/dist/visualization.es56.js

@@ -1,101 +1,269 @@
-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.es55.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)
+import { jsx as o, jsxs as k, Fragment as b } from "react/jsx-runtime";
+import { useRef as A, useState as Qe, useEffect as V, useMemo as C, useCallback as ee } from "react";
+import _e from "@mui/material/CircularProgress";
+import { Stack as Ge, Box as me } from "@mui/material";
+import { rescaleX as ze, rescaleY as We, prepareCanvas as Ze, partitionPointsByHover as He, getTicks as ye, isPointVisible as be, drawCanvasPoint as et } from "./visualization.es17.js";
+import tt from "./visualization.es102.js";
+import rt from "./visualization.es103.js";
+import nt from "./visualization.es104.js";
+import ot from "./visualization.es105.js";
+import { useDragSelection as st } from "./visualization.es106.js";
+import { useStableCallback as ct } from "./visualization.es19.js";
+import Se from "./visualization.es31.js";
+import lt from "./visualization.es107.js";
+import at from "./visualization.es54.js";
+import it from "./visualization.es34.js";
+import ft from "./visualization.es33.js";
+import ut from "./visualization.es38.js";
+import vt from "./visualization.es71.js";
+import we from "./visualization.es30.js";
+import pt from "./visualization.es26.js";
+const ht = 120, xt = (D) => 1 - Math.pow(1 - D, 3), jt = ({
+  width: D,
+  height: te,
+  margin: s,
+  boundedWidth: l,
+  boundedHeight: c,
+  loading: ke,
+  pointData: p,
+  animation: T,
+  animationGroupSize: O,
+  animationBuffer: $,
+  xScale: I,
+  yScale: U,
+  zoom: f,
+  selectMode: i,
+  selectable: Ae,
+  disableZoom: h,
+  groupPointsAnchor: re,
+  hoveredPoint: E,
+  hoveredPoints: ne,
+  handleMouseMove: Ee,
+  handleMouseLeave: oe,
+  onDisplayedPointsChange: se,
+  onSelectionChange: ge,
+  onPointClicked: ce,
+  leftAxisLabel: Le,
+  bottomAxisLabel: Me,
+  border: Ce,
+  originLine: Te,
+  backgroundGradient: L,
+  crosshair: J,
+  divRef: Re
+}) => {
+  const le = A(null), ae = A(null), F = A(0), N = A(null), [Q, _] = Qe(!!T);
+  V(() => {
+    if (!T) return;
+    if (p.length > 2500) {
+      _(!1);
       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)
+    }
+    const e = 450, t = ($ ?? 0.03) * 1e3, r = Math.ceil(p.length / (O ?? 1)), n = e + r * t, a = window.setTimeout(() => _(!1), n);
+    return () => window.clearTimeout(a);
+  }, [T, $, O, p.length]);
+  const {
+    lines: Pe,
+    isDragging: m,
+    x: R,
+    y: P,
+    dx: Y,
+    dy: X,
+    dragStart: ie,
+    dragMove: fe,
+    dragEnd: de,
+    completeSelection: Ve
+  } = st({
+    pointData: p,
+    margin: s,
+    xScale: I,
+    yScale: U,
+    onSelectionChange: ge
+  });
+  V(() => {
+    const e = le.current, t = (a) => {
+      a.preventDefault();
+    }, r = (a) => {
+      a.preventDefault();
+    }, n = (a) => {
+      a.preventDefault();
+    };
+    return e && (e.addEventListener("wheel", t, {
+      passive: !1
+    }), e.addEventListener("touchstart", n, {
+      passive: !1
+    }), e.addEventListener("touchmove", r, {
+      passive: !1
+    })), () => {
+      e && (e.removeEventListener("wheel", t), e.removeEventListener("touchstart", n), e.removeEventListener("touchmove", r));
     };
-    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)
+  }, []);
+  const u = C(() => ze(I, f.transformMatrix.translateX, f.transformMatrix.scaleX), [I, f.transformMatrix]), v = C(() => We(U, f.transformMatrix.translateY, f.transformMatrix.scaleY), [U, f.transformMatrix]), G = C(() => E ? [E] : ne ?? [], [E, ne]), ue = C(() => {
+    const e = re;
+    if (!e) return G;
+    const t = (n) => e in n ? n[e] : n.metaData?.[e], r = new Set(G.map(t).filter((n) => n !== void 0));
+    return r.size === 0 ? [] : p.filter((n) => {
+      const a = t(n);
+      return a !== void 0 && r.has(a);
+    });
+  }, [G, re, p]), ve = A(/* @__PURE__ */ new Set()), M = C(() => {
+    const e = new Set(ue.map((r) => `${r.x},${r.y}`)), t = ve.current;
+    return e.size === t.size && [...e].every((r) => t.has(r)) ? t : (ve.current = e, e);
+  }, [ue]), j = C(() => p.filter((e) => {
+    const t = u(e.x), r = v(e.y);
+    return t >= 0 && t <= l && r >= 0 && r <= c;
+  }), [p, u, v, l, c]), q = ee((e, t, r) => {
+    const n = r.getContext("2d");
+    if (!n) return;
+    if (Ze(n, l, c), L) {
+      const [x, H, B] = L.colorScale ?? ["red", "white", "blue"], w = l, g = c, Ue = e(0), Je = t(0), Ne = Math.max(1e-3, Math.min(0.999, (Ue * w - Je * g + g * g) / (w * w + g * g))), K = n.createLinearGradient(0, g, w, 0);
+      K.addColorStop(0, x), K.addColorStop(Ne, H), K.addColorStop(1, B), n.globalAlpha = L.opacity ?? 1, n.fillStyle = K, n.fillRect(0, 0, w, g), n.globalAlpha = 1;
+    }
+    const {
+      nonHovered: a,
+      hovered: S
+    } = He(p, M), xe = (x, H) => {
+      const B = e(x.x), w = t(x.y);
+      be(B, w, l, c) && et(n, x, B, w, H ? F.current : 0);
+    };
+    a.forEach((x) => xe(x, !1)), S.forEach((x) => xe(x, !0));
+  }, [c, l, M, p, L]);
+  V(() => {
+    const e = ae.current;
+    if (!e || Q) return;
+    if (M.size === 0) {
+      N.current = null, F.current = 0, q(u, v, e);
+      return;
+    }
+    if (N.current === M) {
+      q(u, v, e);
       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;
+    }
+    N.current = M;
+    const t = performance.now();
+    F.current = 0;
+    let r = requestAnimationFrame(function n() {
+      const a = Math.min(1, (performance.now() - t) / ht);
+      F.current = xt(a), q(u, v, e), a < 1 && (r = requestAnimationFrame(n));
+    });
+    return () => cancelAnimationFrame(r);
+  }, [q, u, v, Q, M]);
+  const De = ee(() => {
+    E && ce?.(E);
+  }, [E, ce]), Fe = h ? Ae ? m ? "none" : "crosshair" : m ? "none" : "default" : E ? "default" : i === "select" ? m ? "none" : "crosshair" : f.isDragging ? "grabbing" : "grab", z = (e) => {
+    de(e), Ve(f);
+  }, y = A(null), d = A(null), W = ct((e) => {
+    f.dragMove(e);
+  }), Ye = ee(() => {
+    y.current !== null && (cancelAnimationFrame(y.current), y.current = null);
+    const e = d.current;
+    d.current = null, e && W(e);
+  }, [W]);
+  V(() => () => {
+    y.current !== null && cancelAnimationFrame(y.current);
+  }, []);
+  const pe = (e) => {
+    d.current = e.nativeEvent, y.current === null && (y.current = requestAnimationFrame(() => {
+      y.current = null;
+      const t = d.current;
+      d.current = null, t && W(t);
+    }));
+  }, Z = () => {
+    Ye(), f.dragEnd();
+  }, Xe = i === "none" ? void 0 : i === "select" ? ie : h ? void 0 : f.dragStart, je = i === "none" ? void 0 : i === "select" ? z : h ? void 0 : Z, qe = i === "none" ? void 0 : i === "select" ? m ? fe : void 0 : h ? void 0 : pe, Be = i === "none" ? void 0 : i === "select" ? z : h ? void 0 : Z, Ke = i === "none" ? void 0 : i === "select" ? ie : h ? void 0 : f.dragStart, Oe = i === "none" ? void 0 : i === "select" ? z : h ? void 0 : Z, $e = i === "none" ? void 0 : i === "select" ? m ? fe : void 0 : h ? void 0 : pe, Ie = (e) => {
+    if (_(!1), !h) {
+      const t = pt(e) || {
+        x: 0,
+        y: 0
+      }, r = e.deltaY < 0 ? 1.1 : 0.9;
+      f.scale({
+        scaleX: r,
+        scaleY: r,
+        point: t
+      });
+    }
+  }, he = A([]);
+  return V(() => {
+    ((t, r) => t.length !== r.length ? !0 : !t.every((n, a) => {
+      const S = r[a];
+      return n.x === S.x && n.y === S.y && n.r === S.r && n.shape === S.shape && n.color === S.color && n.opacity === S.opacity;
+    }))(he.current, j) && (se?.(j), he.current = j);
+  }, [j, se]), /* @__PURE__ */ o(Ge, { justifyContent: "center", alignItems: "center", direction: "row", sx: {
+    position: "relative"
+  }, children: /* @__PURE__ */ o(me, { sx: {
+    width: D,
+    height: te
+  }, children: ke ? /* @__PURE__ */ o(me, { display: "flex", width: "100%", height: "100%", sx: {
+    justifyContent: "center",
+    alignItems: "center"
+  }, children: /* @__PURE__ */ o(_e, {}) }) : /* @__PURE__ */ k("div", { style: {
+    position: "relative"
+  }, ref: Re, children: [
+    /* @__PURE__ */ o("canvas", { ref: ae, width: l * 2, height: c * 2, style: {
+      userSelect: "none",
+      position: "absolute",
+      top: s.top,
+      left: s.left,
+      width: l,
+      height: c,
+      backgroundColor: "transparent"
+    } }),
+    /* @__PURE__ */ k("svg", { width: D, height: te, overflow: "visible", style: {
+      position: "absolute",
+      userSelect: "none"
+    }, onMouseMove: (e) => {
+      m ? oe() : Ee(e, f);
+    }, onMouseLeave: oe, children: [
+      /* @__PURE__ */ k(Se, { top: s.top, left: s.left, children: [
+        Q && T && /* @__PURE__ */ o(tt, { pointData: p, animation: T, animationGroupSize: O, animationBuffer: $, xScaleTransformed: u, yScaleTransformed: v, boundedWidth: l, boundedHeight: c }),
+        i === "select" && /* @__PURE__ */ k(b, { children: [
+          Pe.map((e, t) => /* @__PURE__ */ o(lt, { fill: "transparent", stroke: "black", strokeWidth: 3, data: e, curve: at, x: (r) => r.x, y: (r) => r.y }, `line-${t}`)),
+          m && /* @__PURE__ */ k("g", { children: [
+            /* @__PURE__ */ o("line", { x1: R - s.left + Y - 6, y1: P - s.top + X, x2: R - s.left + Y + 6, y2: P - s.top + X, stroke: "black", strokeWidth: 1 }),
+            /* @__PURE__ */ o("line", { x1: R - s.left + Y, y1: P - s.top + X - 6, x2: R - s.left + Y, y2: P - s.top + X + 6, stroke: "black", strokeWidth: 1 }),
+            /* @__PURE__ */ o("circle", { cx: R - s.left, cy: P - s.top, r: 4, fill: "transparent", stroke: "black", pointerEvents: "none" })
+          ] })
+        ] }),
+        Te && (() => {
+          const e = u(0), t = v(0);
+          return /* @__PURE__ */ k(b, { children: [
+            t >= 0 && t <= c && /* @__PURE__ */ o("line", { x1: 0, x2: l, y1: t, y2: t, stroke: "#000", strokeWidth: 1, strokeDasharray: "4,4", pointerEvents: "none" }),
+            e >= 0 && e <= l && /* @__PURE__ */ o("line", { x1: e, x2: e, y1: 0, y2: c, stroke: "#000", strokeWidth: 1, strokeDasharray: "4,4", pointerEvents: "none" })
+          ] });
+        })(),
+        /* @__PURE__ */ o("rect", { ref: le, fill: "transparent", width: l, height: c, style: {
+          cursor: Fe
+        }, onMouseDown: Xe, onMouseUp: je, onMouseMove: qe, onMouseLeave: Be, onTouchStart: Ke, onTouchEnd: Oe, onTouchMove: $e, onWheel: Ie, onClick: De }),
+        J && !m && /* @__PURE__ */ o(ot, { position: {
+          x: u(J.x),
+          y: v(J.y)
+        }, boundedWidth: l, boundedHeight: c })
+      ] }),
+      /* @__PURE__ */ k(Se, { top: s.top, left: s.left, children: [
+        /* @__PURE__ */ o(it, { scale: v, tickLabelProps: () => ({
+          fill: "#1c1917",
+          fontSize: 10,
+          textAnchor: "end",
+          verticalAnchor: "middle",
+          x: -10
+        }), tickValues: ye(v, 5) }),
+        /* @__PURE__ */ o(ft, { top: c, scale: u, tickLabelProps: () => ({
+          fill: "#1c1917",
+          fontSize: 11,
+          textAnchor: "middle"
+        }), tickValues: ye(u, 5) }),
+        Ce && /* @__PURE__ */ k(b, { children: [
+          /* @__PURE__ */ o(ut, { top: 0, scale: u, tickValues: [] }),
+          /* @__PURE__ */ o(vt, { scale: v, tickValues: [], left: l })
+        ] }),
+        /* @__PURE__ */ o(we, { textAnchor: "middle", verticalAnchor: "end", angle: -90, fontSize: 15, y: c / 2, x: 0, dx: -50, children: Le }),
+        /* @__PURE__ */ o(we, { textAnchor: "middle", verticalAnchor: "start", fontSize: 15, y: c, x: l / 2, dy: 50, children: Me })
+      ] }),
+      /* @__PURE__ */ o(rt, { pointData: p, xScaleTransformed: u, yScaleTransformed: v, boundedWidth: l, boundedHeight: c, margin: s }),
+      L?.legend && /* @__PURE__ */ o(nt, { backgroundGradient: L, boundedHeight: c, barLeft: s.left + l + 25, marginTop: s.top })
+    ] })
+  ] }) }) });
 };
-function K(a) {
-  a.stopPropagation(), a.currentTarget.setPointerCapture(a.pointerId);
-}
-function O(a) {
-  a.currentTarget.releasePointerCapture(a.pointerId);
-}
 export {
-  tt as default
+  jt as default
 };
 //# sourceMappingURL=visualization.es56.js.map