@weng-lab/visualization 2.5.0 → 2.5.1

package/dist/visualization.es427.js

@@ -1,25 +1,9 @@
-import { complex as c } from "./visualization.es410.js";
-import { floatRegex as i } from "./visualization.es423.js";
-const s = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
-function u(t) {
-  const [e, n] = t.slice(0, -1).split("(");
-  if (e === "drop-shadow")
-    return t;
-  const [o] = n.match(i) || [];
-  if (!o)
-    return t;
-  const r = n.replace(o, "");
-  let a = s.has(e) ? 1 : 0;
-  return o !== n && (a *= 100), e + "(" + a + r + ")";
+const s = /* @__PURE__ */ new Set(["none", "hidden"]);
+function t(e, i) {
+  return s.has(e) ? (n) => n <= 0 ? e : i : (n) => n >= 1 ? i : e;
 }
-const l = /\b([a-z-]*)\(.*?\)/gu, p = {
-  ...c,
-  getAnimatableNone: (t) => {
-    const e = t.match(l);
-    return e ? e.map(u).join(" ") : t;
-  }
-};
 export {
-  p as filter
+  s as invisibleValues,
+  t as mixVisibility
 };
 //# sourceMappingURL=visualization.es427.js.map

package/dist/visualization.es427.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es427.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/complex/filter.mjs"],"sourcesContent":["import { complex } from './index.mjs';\nimport { floatRegex } from '../utils/float-regex.mjs';\n\n/**\n * Properties that should default to 1 or 100%\n */\nconst maxDefaults = new Set([\"brightness\", \"contrast\", \"saturate\", \"opacity\"]);\nfunction applyDefaultFilter(v) {\n    const [name, value] = v.slice(0, -1).split(\"(\");\n    if (name === \"drop-shadow\")\n        return v;\n    const [number] = value.match(floatRegex) || [];\n    if (!number)\n        return v;\n    const unit = value.replace(number, \"\");\n    let defaultValue = maxDefaults.has(name) ? 1 : 0;\n    if (number !== value)\n        defaultValue *= 100;\n    return name + \"(\" + defaultValue + unit + \")\";\n}\nconst functionRegex = /\\b([a-z-]*)\\(.*?\\)/gu;\nconst filter = {\n    ...complex,\n    getAnimatableNone: (v) => {\n        const functions = v.match(functionRegex);\n        return functions ? functions.map(applyDefaultFilter).join(\" \") : v;\n    },\n};\n\nexport { filter };\n//# sourceMappingURL=filter.mjs.map\n"],"names":["maxDefaults","applyDefaultFilter","v","name","value","number","floatRegex","unit","defaultValue","functionRegex","filter","complex","functions"],"mappings":";;AAMA,MAAMA,IAAc,oBAAI,IAAI,CAAC,cAAc,YAAY,YAAY,SAAS,CAAC;AAC7E,SAASC,EAAmBC,GAAG;AAC3B,QAAM,CAACC,GAAMC,CAAK,IAAIF,EAAE,MAAM,GAAG,EAAE,EAAE,MAAM,GAAG;AAC9C,MAAIC,MAAS;AACT,WAAOD;AACX,QAAM,CAACG,CAAM,IAAID,EAAM,MAAME,CAAU,KAAK,CAAA;AAC5C,MAAI,CAACD;AACD,WAAOH;AACX,QAAMK,IAAOH,EAAM,QAAQC,GAAQ,EAAE;AACrC,MAAIG,IAAeR,EAAY,IAAIG,CAAI,IAAI,IAAI;AAC/C,SAAIE,MAAWD,MACXI,KAAgB,MACbL,IAAO,MAAMK,IAAeD,IAAO;AAC9C;AACA,MAAME,IAAgB,wBAChBC,IAAS;AAAA,EACX,GAAGC;AAAA,EACH,mBAAmB,CAACT,MAAM;AACtB,UAAMU,IAAYV,EAAE,MAAMO,CAAa;AACvC,WAAOG,IAAYA,EAAU,IAAIX,CAAkB,EAAE,KAAK,GAAG,IAAIC;AAAA,EACrE;AACJ;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es427.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/utils/mix/visibility.mjs"],"sourcesContent":["const invisibleValues = new Set([\"none\", \"hidden\"]);\n/**\n * Returns a function that, when provided a progress value between 0 and 1,\n * will return the \"none\" or \"hidden\" string only when the progress is that of\n * the origin or target.\n */\nfunction mixVisibility(origin, target) {\n    if (invisibleValues.has(origin)) {\n        return (p) => (p <= 0 ? origin : target);\n    }\n    else {\n        return (p) => (p >= 1 ? target : origin);\n    }\n}\n\nexport { invisibleValues, mixVisibility };\n//# sourceMappingURL=visibility.mjs.map\n"],"names":["invisibleValues","mixVisibility","origin","target","p"],"mappings":"AAAK,MAACA,IAAkB,oBAAI,IAAI,CAAC,QAAQ,QAAQ,CAAC;AAMlD,SAASC,EAAcC,GAAQC,GAAQ;AACnC,SAAIH,EAAgB,IAAIE,CAAM,IACnB,CAACE,MAAOA,KAAK,IAAIF,IAASC,IAG1B,CAACC,MAAOA,KAAK,IAAID,IAASD;AAEzC;","x_google_ignoreList":[0]}

package/dist/visualization.es428.js

@@ -1,12 +1,16 @@
-import { complex as e } from "./visualization.es410.js";
-const n = {
-  ...e,
-  getAnimatableNone: (o) => {
-    const t = e.parse(o);
-    return e.createTransformer(o)(t.map((r) => typeof r == "number" ? 0 : typeof r == "object" ? { ...r, alpha: 1 } : r));
+function i(n, s, u) {
+  if (n == null)
+    return [];
+  if (n instanceof EventTarget)
+    return [n];
+  if (typeof n == "string") {
+    let r = document;
+    const f = u?.[n] ?? r.querySelectorAll(n);
+    return f ? Array.from(f) : [];
   }
-};
+  return Array.from(n).filter((r) => r != null);
+}
 export {
-  n as mask
+  i as resolveElements
 };
 //# sourceMappingURL=visualization.es428.js.map

package/dist/visualization.es428.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es428.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/complex/mask.mjs"],"sourcesContent":["import { complex } from './index.mjs';\n\nconst mask = {\n    ...complex,\n    getAnimatableNone: (v) => {\n        const parsed = complex.parse(v);\n        const transformer = complex.createTransformer(v);\n        return transformer(parsed.map((v) => typeof v === \"number\" ? 0 : typeof v === \"object\" ? { ...v, alpha: 1 } : v));\n    },\n};\n\nexport { mask };\n//# sourceMappingURL=mask.mjs.map\n"],"names":["mask","complex","v","parsed"],"mappings":";AAEK,MAACA,IAAO;AAAA,EACT,GAAGC;AAAA,EACH,mBAAmB,CAACC,MAAM;AACtB,UAAMC,IAASF,EAAQ,MAAMC,CAAC;AAE9B,WADoBD,EAAQ,kBAAkBC,CAAC,EAC5BC,EAAO,IAAI,CAACD,MAAM,OAAOA,KAAM,WAAW,IAAI,OAAOA,KAAM,WAAW,EAAE,GAAGA,GAAG,OAAO,EAAC,IAAKA,CAAC,CAAC;AAAA,EACpH;AACJ;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es428.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/utils/resolve-elements.mjs"],"sourcesContent":["function resolveElements(elementOrSelector, scope, selectorCache) {\n    if (elementOrSelector == null) {\n        return [];\n    }\n    if (elementOrSelector instanceof EventTarget) {\n        return [elementOrSelector];\n    }\n    else if (typeof elementOrSelector === \"string\") {\n        let root = document;\n        if (scope) {\n            root = scope.current;\n        }\n        const elements = selectorCache?.[elementOrSelector] ??\n            root.querySelectorAll(elementOrSelector);\n        return elements ? Array.from(elements) : [];\n    }\n    return Array.from(elementOrSelector).filter((element) => element != null);\n}\n\nexport { resolveElements };\n//# sourceMappingURL=resolve-elements.mjs.map\n"],"names":["resolveElements","elementOrSelector","scope","selectorCache","root","elements","element"],"mappings":"AAAA,SAASA,EAAgBC,GAAmBC,GAAOC,GAAe;AAC9D,MAAIF,KAAqB;AACrB,WAAO,CAAA;AAEX,MAAIA,aAA6B;AAC7B,WAAO,CAACA,CAAiB;AAExB,MAAI,OAAOA,KAAsB,UAAU;AAC5C,QAAIG,IAAO;AAIX,UAAMC,IAAWF,IAAgBF,CAAiB,KAC9CG,EAAK,iBAAiBH,CAAiB;AAC3C,WAAOI,IAAW,MAAM,KAAKA,CAAQ,IAAI,CAAA;AAAA,EAC7C;AACA,SAAO,MAAM,KAAKJ,CAAiB,EAAE,OAAO,CAACK,MAAYA,KAAW,IAAI;AAC5E;","x_google_ignoreList":[0]}

package/dist/visualization.es429.js

@@ -1,71 +1,5 @@
-import { int as t } from "./visualization.es430.js";
-import { alpha as n } from "./visualization.es419.js";
-import { px as i } from "./visualization.es420.js";
-import { transformValueTypes as o } from "./visualization.es431.js";
-const g = {
-  // Border props
-  borderWidth: i,
-  borderTopWidth: i,
-  borderRightWidth: i,
-  borderBottomWidth: i,
-  borderLeftWidth: i,
-  borderRadius: i,
-  borderTopLeftRadius: i,
-  borderTopRightRadius: i,
-  borderBottomRightRadius: i,
-  borderBottomLeftRadius: i,
-  // Positioning props
-  width: i,
-  maxWidth: i,
-  height: i,
-  maxHeight: i,
-  top: i,
-  right: i,
-  bottom: i,
-  left: i,
-  inset: i,
-  insetBlock: i,
-  insetBlockStart: i,
-  insetBlockEnd: i,
-  insetInline: i,
-  insetInlineStart: i,
-  insetInlineEnd: i,
-  // Spacing props
-  padding: i,
-  paddingTop: i,
-  paddingRight: i,
-  paddingBottom: i,
-  paddingLeft: i,
-  paddingBlock: i,
-  paddingBlockStart: i,
-  paddingBlockEnd: i,
-  paddingInline: i,
-  paddingInlineStart: i,
-  paddingInlineEnd: i,
-  margin: i,
-  marginTop: i,
-  marginRight: i,
-  marginBottom: i,
-  marginLeft: i,
-  marginBlock: i,
-  marginBlockStart: i,
-  marginBlockEnd: i,
-  marginInline: i,
-  marginInlineStart: i,
-  marginInlineEnd: i,
-  // Typography
-  fontSize: i,
-  // Misc
-  backgroundPositionX: i,
-  backgroundPositionY: i,
-  ...o,
-  zIndex: t,
-  // SVG
-  fillOpacity: n,
-  strokeOpacity: n,
-  numOctaves: t
-};
+const s = {};
 export {
-  g as numberValueTypes
+  s as supportsFlags
 };
 //# sourceMappingURL=visualization.es429.js.map

package/dist/visualization.es429.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es429.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/maps/number.mjs"],"sourcesContent":["import { int } from '../int.mjs';\nimport { alpha } from '../numbers/index.mjs';\nimport { px } from '../numbers/units.mjs';\nimport { transformValueTypes } from './transform.mjs';\n\nconst numberValueTypes = {\n    // Border props\n    borderWidth: px,\n    borderTopWidth: px,\n    borderRightWidth: px,\n    borderBottomWidth: px,\n    borderLeftWidth: px,\n    borderRadius: px,\n    borderTopLeftRadius: px,\n    borderTopRightRadius: px,\n    borderBottomRightRadius: px,\n    borderBottomLeftRadius: px,\n    // Positioning props\n    width: px,\n    maxWidth: px,\n    height: px,\n    maxHeight: px,\n    top: px,\n    right: px,\n    bottom: px,\n    left: px,\n    inset: px,\n    insetBlock: px,\n    insetBlockStart: px,\n    insetBlockEnd: px,\n    insetInline: px,\n    insetInlineStart: px,\n    insetInlineEnd: px,\n    // Spacing props\n    padding: px,\n    paddingTop: px,\n    paddingRight: px,\n    paddingBottom: px,\n    paddingLeft: px,\n    paddingBlock: px,\n    paddingBlockStart: px,\n    paddingBlockEnd: px,\n    paddingInline: px,\n    paddingInlineStart: px,\n    paddingInlineEnd: px,\n    margin: px,\n    marginTop: px,\n    marginRight: px,\n    marginBottom: px,\n    marginLeft: px,\n    marginBlock: px,\n    marginBlockStart: px,\n    marginBlockEnd: px,\n    marginInline: px,\n    marginInlineStart: px,\n    marginInlineEnd: px,\n    // Typography\n    fontSize: px,\n    // Misc\n    backgroundPositionX: px,\n    backgroundPositionY: px,\n    ...transformValueTypes,\n    zIndex: int,\n    // SVG\n    fillOpacity: alpha,\n    strokeOpacity: alpha,\n    numOctaves: int,\n};\n\nexport { numberValueTypes };\n//# sourceMappingURL=number.mjs.map\n"],"names":["numberValueTypes","px","transformValueTypes","int","alpha"],"mappings":";;;;AAKK,MAACA,IAAmB;AAAA;AAAA,EAErB,aAAaC;AAAA,EACb,gBAAgBA;AAAA,EAChB,kBAAkBA;AAAA,EAClB,mBAAmBA;AAAA,EACnB,iBAAiBA;AAAA,EACjB,cAAcA;AAAA,EACd,qBAAqBA;AAAA,EACrB,sBAAsBA;AAAA,EACtB,yBAAyBA;AAAA,EACzB,wBAAwBA;AAAA;AAAA,EAExB,OAAOA;AAAA,EACP,UAAUA;AAAA,EACV,QAAQA;AAAA,EACR,WAAWA;AAAA,EACX,KAAKA;AAAA,EACL,OAAOA;AAAA,EACP,QAAQA;AAAA,EACR,MAAMA;AAAA,EACN,OAAOA;AAAA,EACP,YAAYA;AAAA,EACZ,iBAAiBA;AAAA,EACjB,eAAeA;AAAA,EACf,aAAaA;AAAA,EACb,kBAAkBA;AAAA,EAClB,gBAAgBA;AAAA;AAAA,EAEhB,SAASA;AAAA,EACT,YAAYA;AAAA,EACZ,cAAcA;AAAA,EACd,eAAeA;AAAA,EACf,aAAaA;AAAA,EACb,cAAcA;AAAA,EACd,mBAAmBA;AAAA,EACnB,iBAAiBA;AAAA,EACjB,eAAeA;AAAA,EACf,oBAAoBA;AAAA,EACpB,kBAAkBA;AAAA,EAClB,QAAQA;AAAA,EACR,WAAWA;AAAA,EACX,aAAaA;AAAA,EACb,cAAcA;AAAA,EACd,YAAYA;AAAA,EACZ,aAAaA;AAAA,EACb,kBAAkBA;AAAA,EAClB,gBAAgBA;AAAA,EAChB,cAAcA;AAAA,EACd,mBAAmBA;AAAA,EACnB,iBAAiBA;AAAA;AAAA,EAEjB,UAAUA;AAAA;AAAA,EAEV,qBAAqBA;AAAA,EACrB,qBAAqBA;AAAA,EACrB,GAAGC;AAAA,EACH,QAAQC;AAAA;AAAA,EAER,aAAaC;AAAA,EACb,eAAeA;AAAA,EACf,YAAYD;AAChB;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es429.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/utils/supports/flags.mjs"],"sourcesContent":["/**\n * Add the ability for test suites to manually set support flags\n * to better test more environments.\n */\nconst supportsFlags = {};\n\nexport { supportsFlags };\n//# sourceMappingURL=flags.mjs.map\n"],"names":["supportsFlags"],"mappings":"AAIK,MAACA,IAAgB,CAAA;","x_google_ignoreList":[0]}

package/dist/visualization.es43.js

@@ -1,274 +1,63 @@
-import { jsx as o, jsxs as A, Fragment as b } from "react/jsx-runtime";
-import { useRef as y, useState as He, useEffect as D, useMemo as L, useCallback as ee } from "react";
-import be from "@mui/material/CircularProgress";
-import { Stack as et, Box as ke } from "@mui/material";
-import { rescaleX as tt, rescaleY as rt, DEFAULT_HOVER_STYLE as Ae, prepareCanvas as nt, partitionPointsByHover as ot, getTicks as Ee, isPointVisible as st, drawCanvasPoint as ct } from "./visualization.es18.js";
-import lt from "./visualization.es95.js";
-import at from "./visualization.es96.js";
-import it from "./visualization.es97.js";
-import ft from "./visualization.es98.js";
-import { useDragSelection as ut } from "./visualization.es99.js";
-import { useStableCallback as vt } from "./visualization.es20.js";
-import ge from "./visualization.es28.js";
-import pt from "./visualization.es100.js";
-import ht from "./visualization.es81.js";
-import mt from "./visualization.es27.js";
-import xt from "./visualization.es32.js";
-import yt from "./visualization.es73.js";
-import St from "./visualization.es26.js";
-import Le from "./visualization.es25.js";
-import wt from "./visualization.es57.js";
-const Me = 120, kt = (F) => 1 - Math.pow(1 - F, 3), Ut = ({
-  width: F,
-  height: te,
-  margin: s,
-  boundedWidth: l,
-  boundedHeight: c,
-  loading: Ce,
-  pointData: p,
-  animation: T,
-  animationGroupSize: K,
-  animationBuffer: U,
-  xScale: $,
-  yScale: I,
-  zoom: f,
-  selectMode: a,
-  selectable: Te,
-  disableZoom: m,
-  groupPointsAnchor: re,
-  hoveredPoint: E,
-  hoveredPoints: ne,
-  hoverGrowth: oe,
-  hoverStroke: se,
-  handleMouseMove: Re,
-  handleMouseLeave: ce,
-  onDisplayedPointsChange: le,
-  onSelectionChange: Pe,
-  onPointClicked: ae,
-  leftAxisLabel: de,
-  bottomAxisLabel: Ve,
-  border: De,
-  originLine: Fe,
-  backgroundGradient: M,
-  crosshair: _,
-  divRef: Ye
-}) => {
-  const ie = y(null), fe = y(null), R = y(0), J = y(null), ue = y(0), [N, Q] = He(!!T);
-  D(() => {
-    if (!T) return;
-    if (p.length > 2500) {
-      Q(!1);
-      return;
+import { useState as y } from "react";
+import C from "./visualization.es97.js";
+function d(r, e) {
+  return j(r) || k(r, e) || x(r, e) || E();
+}
+function j(r) {
+  if (Array.isArray(r)) return r;
+}
+function k(r, e) {
+  if (!(typeof Symbol > "u" || !(Symbol.iterator in Object(r)))) {
+    var t = [], n = !0, u = !1, a = void 0;
+    try {
+      for (var o = r[Symbol.iterator](), i; !(n = (i = o.next()).done) && (t.push(i.value), !(e && t.length === e)); n = !0)
+        ;
+    } catch (s) {
+      u = !0, a = s;
+    } finally {
+      try {
+        !n && o.return != null && o.return();
+      } finally {
+        if (u) throw a;
+      }
     }
-    const e = 450, t = (U ?? 0.03) * 1e3, n = Math.ceil(p.length / (K ?? 1)), r = e + n * t, i = window.setTimeout(() => Q(!1), r);
-    return () => window.clearTimeout(i);
-  }, [T, U, K, p.length]);
-  const {
-    lines: Xe,
-    isDragging: S,
-    x: P,
-    y: d,
-    dx: Y,
-    dy: X,
-    dragStart: ve,
-    dragMove: pe,
-    dragEnd: je,
-    completeSelection: Oe
-  } = ut({
-    pointData: p,
-    margin: s,
-    xScale: $,
-    yScale: I,
-    onSelectionChange: Pe
-  });
-  D(() => {
-    const e = ie.current, t = (i) => {
-      i.preventDefault();
-    }, n = (i) => {
-      i.preventDefault();
-    }, r = (i) => {
-      i.preventDefault();
-    };
-    return e && (e.addEventListener("wheel", t, {
-      passive: !1
-    }), e.addEventListener("touchstart", r, {
-      passive: !1
-    }), e.addEventListener("touchmove", n, {
-      passive: !1
-    })), () => {
-      e && (e.removeEventListener("wheel", t), e.removeEventListener("touchstart", r), e.removeEventListener("touchmove", n));
-    };
-  }, []);
-  const u = L(() => tt($, f.transformMatrix.translateX, f.transformMatrix.scaleX), [$, f.transformMatrix]), v = L(() => rt(I, f.transformMatrix.translateY, f.transformMatrix.scaleY), [I, f.transformMatrix]), G = L(() => E ? [E] : ne ?? [], [E, ne]), he = L(() => {
-    const e = re;
-    if (!e) return G;
-    const t = (r) => e in r ? r[e] : r.metaData?.[e], n = new Set(G.map(t).filter((r) => r !== void 0));
-    return n.size === 0 ? [] : p.filter((r) => {
-      const i = t(r);
-      return i !== void 0 && n.has(i);
-    });
-  }, [G, re, p]), me = y(/* @__PURE__ */ new Set()), C = L(() => {
-    const e = new Set(he.map((n) => `${n.x},${n.y}`)), t = me.current;
-    return e.size === t.size && [...e].every((n) => t.has(n)) ? t : (me.current = e, e);
-  }, [he]), j = L(() => p.filter((e) => {
-    const t = u(e.x), n = v(e.y);
-    return t >= 0 && t <= l && n >= 0 && n <= c;
-  }), [p, u, v, l, c]), xe = L(() => ({
-    growth: oe ?? Ae.growth,
-    stroke: se ?? Ae.stroke
-  }), [oe, se]), O = ee((e, t, n) => {
-    const r = n.getContext("2d");
-    if (!r) return;
-    if (nt(r, l, c), M) {
-      const [x, H, q] = M.colorScale ?? ["red", "white", "blue"], k = l, g = c, ze = e(0), We = t(0), Ze = Math.max(1e-3, Math.min(0.999, (ze * k - We * g + g * g) / (k * k + g * g))), B = r.createLinearGradient(0, g, k, 0);
-      B.addColorStop(0, x), B.addColorStop(Ze, H), B.addColorStop(1, q), r.globalAlpha = M.opacity ?? 1, r.fillStyle = B, r.fillRect(0, 0, k, g), r.globalAlpha = 1;
-    }
-    const {
-      nonHovered: i,
-      hovered: h
-    } = ot(p, C), we = (x, H) => {
-      const q = e(x.x), k = t(x.y);
-      st(q, k, l, c) && ct(r, x, q, k, H ? R.current : 0, xe);
-    };
-    i.forEach((x) => we(x, !1)), h.forEach((x) => we(x, !0));
-  }, [c, l, C, p, M, xe]);
-  D(() => {
-    const e = fe.current;
-    if (!e || N) return;
-    if (C.size === 0) {
-      J.current = null, R.current = 0, O(u, v, e);
-      return;
-    }
-    const t = J.current === C;
-    t || (J.current = C, ue.current = performance.now(), R.current = 0);
-    const n = ue.current;
-    if (t && performance.now() - n >= Me) {
-      R.current = 1, O(u, v, e);
-      return;
-    }
-    let r = requestAnimationFrame(function i() {
-      const h = Math.min(1, (performance.now() - n) / Me);
-      R.current = kt(h), O(u, v, e), h < 1 && (r = requestAnimationFrame(i));
-    });
-    return () => cancelAnimationFrame(r);
-  }, [O, u, v, N, C]);
-  const qe = ee(() => {
-    E && ae?.(E);
-  }, [E, ae]), Be = m ? Te ? S ? "none" : "crosshair" : S ? "none" : "default" : E ? "default" : a === "select" ? S ? "none" : "crosshair" : f.isDragging ? "grabbing" : "grab", z = (e) => {
-    je(e), Oe(f);
-  }, w = y(null), V = y(null), W = vt((e) => {
-    f.dragMove(e);
-  }), Ke = ee(() => {
-    w.current !== null && (cancelAnimationFrame(w.current), w.current = null);
-    const e = V.current;
-    V.current = null, e && W(e);
-  }, [W]);
-  D(() => () => {
-    w.current !== null && cancelAnimationFrame(w.current);
-  }, []);
-  const ye = (e) => {
-    V.current = e.nativeEvent, w.current === null && (w.current = requestAnimationFrame(() => {
-      w.current = null;
-      const t = V.current;
-      V.current = null, t && W(t);
-    }));
-  }, Z = () => {
-    Ke(), f.dragEnd();
-  }, Ue = a === "none" ? void 0 : a === "select" ? ve : m ? void 0 : f.dragStart, $e = a === "none" ? void 0 : a === "select" ? z : m ? void 0 : Z, Ie = a === "none" ? void 0 : a === "select" ? S ? pe : void 0 : m ? void 0 : ye, _e = a === "none" ? void 0 : a === "select" ? z : m ? void 0 : Z, Je = a === "none" ? void 0 : a === "select" ? ve : m ? void 0 : f.dragStart, Ne = a === "none" ? void 0 : a === "select" ? z : m ? void 0 : Z, Qe = a === "none" ? void 0 : a === "select" ? S ? pe : void 0 : m ? void 0 : ye, Ge = (e) => {
-    if (Q(!1), !m) {
-      const t = wt(e) || {
-        x: 0,
-        y: 0
-      }, n = e.deltaY < 0 ? 1.1 : 0.9;
-      f.scale({
-        scaleX: n,
-        scaleY: n,
-        point: t
-      });
-    }
-  }, Se = y([]);
-  return D(() => {
-    ((t, n) => t.length !== n.length ? !0 : !t.every((r, i) => {
-      const h = n[i];
-      return r.x === h.x && r.y === h.y && r.r === h.r && r.shape === h.shape && r.color === h.color && r.opacity === h.opacity;
-    }))(Se.current, j) && (le?.(j), Se.current = j);
-  }, [j, le]), /* @__PURE__ */ o(et, { justifyContent: "center", alignItems: "center", direction: "row", sx: {
-    position: "relative"
-  }, children: /* @__PURE__ */ o(ke, { sx: {
-    width: F,
-    height: te
-  }, children: Ce ? /* @__PURE__ */ o(ke, { display: "flex", width: "100%", height: "100%", sx: {
-    justifyContent: "center",
-    alignItems: "center"
-  }, children: /* @__PURE__ */ o(be, {}) }) : /* @__PURE__ */ A("div", { style: {
-    position: "relative"
-  }, ref: Ye, children: [
-    /* @__PURE__ */ o("canvas", { ref: fe, width: l * 2, height: c * 2, style: {
-      userSelect: "none",
-      position: "absolute",
-      top: s.top,
-      left: s.left,
-      width: l,
-      height: c,
-      backgroundColor: "transparent"
-    } }),
-    /* @__PURE__ */ A("svg", { width: F, height: te, overflow: "visible", style: {
-      position: "absolute",
-      userSelect: "none"
-    }, onMouseMove: (e) => {
-      S ? ce() : Re(e, f);
-    }, onMouseLeave: ce, children: [
-      /* @__PURE__ */ A(ge, { top: s.top, left: s.left, children: [
-        N && T && /* @__PURE__ */ o(lt, { pointData: p, animation: T, animationGroupSize: K, animationBuffer: U, xScaleTransformed: u, yScaleTransformed: v, boundedWidth: l, boundedHeight: c }),
-        a === "select" && /* @__PURE__ */ A(b, { children: [
-          Xe.map((e, t) => /* @__PURE__ */ o(pt, { fill: "transparent", stroke: "black", strokeWidth: 3, data: e, curve: ht, x: (n) => n.x, y: (n) => n.y }, `line-${t}`)),
-          S && /* @__PURE__ */ A("g", { children: [
-            /* @__PURE__ */ o("line", { x1: P - s.left + Y - 6, y1: d - s.top + X, x2: P - s.left + Y + 6, y2: d - s.top + X, stroke: "black", strokeWidth: 1 }),
-            /* @__PURE__ */ o("line", { x1: P - s.left + Y, y1: d - s.top + X - 6, x2: P - s.left + Y, y2: d - s.top + X + 6, stroke: "black", strokeWidth: 1 }),
-            /* @__PURE__ */ o("circle", { cx: P - s.left, cy: d - s.top, r: 4, fill: "transparent", stroke: "black", pointerEvents: "none" })
-          ] })
-        ] }),
-        Fe && (() => {
-          const e = u(0), t = v(0);
-          return /* @__PURE__ */ A(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: ie, fill: "transparent", width: l, height: c, style: {
-          cursor: Be
-        }, onMouseDown: Ue, onMouseUp: $e, onMouseMove: Ie, onMouseLeave: _e, onTouchStart: Je, onTouchEnd: Ne, onTouchMove: Qe, onWheel: Ge, onClick: qe }),
-        _ && !S && /* @__PURE__ */ o(ft, { position: {
-          x: u(_.x),
-          y: v(_.y)
-        }, boundedWidth: l, boundedHeight: c })
-      ] }),
-      /* @__PURE__ */ A(ge, { top: s.top, left: s.left, children: [
-        /* @__PURE__ */ o(mt, { scale: v, tickLabelProps: () => ({
-          fill: "#1c1917",
-          fontSize: 10,
-          textAnchor: "end",
-          verticalAnchor: "middle",
-          x: -10
-        }), tickValues: Ee(v, 5) }),
-        /* @__PURE__ */ o(xt, { top: c, scale: u, tickLabelProps: () => ({
-          fill: "#1c1917",
-          fontSize: 11,
-          textAnchor: "middle"
-        }), tickValues: Ee(u, 5) }),
-        De && /* @__PURE__ */ A(b, { children: [
-          /* @__PURE__ */ o(yt, { top: 0, scale: u, tickValues: [] }),
-          /* @__PURE__ */ o(St, { scale: v, tickValues: [], left: l })
-        ] }),
-        /* @__PURE__ */ o(Le, { textAnchor: "middle", verticalAnchor: "end", angle: -90, fontSize: 15, y: c / 2, x: 0, dx: -50, children: de }),
-        /* @__PURE__ */ o(Le, { textAnchor: "middle", verticalAnchor: "start", fontSize: 15, y: c, x: l / 2, dy: 50, children: Ve })
-      ] }),
-      /* @__PURE__ */ o(at, { pointData: p, xScaleTransformed: u, yScaleTransformed: v, boundedWidth: l, boundedHeight: c, margin: s }),
-      M?.legend && /* @__PURE__ */ o(it, { backgroundGradient: M, boundedHeight: c, barLeft: s.left + l + 25, marginTop: s.top })
-    ] })
-  ] }) }) });
+    return t;
+  }
+}
+function x(r, e) {
+  if (r) {
+    if (typeof r == "string") return p(r, e);
+    var t = Object.prototype.toString.call(r).slice(8, -1);
+    if (t === "Object" && r.constructor && (t = r.constructor.name), t === "Map" || t === "Set") return Array.from(t);
+    if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return p(r, e);
+  }
+}
+function p(r, e) {
+  (e == null || e > r.length) && (e = r.length);
+  for (var t = 0, n = new Array(e); t < e; t++) n[t] = r[t];
+  return n;
+}
+function E() {
+  throw new TypeError(`Invalid attempt to destructure non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+}
+var H = function() {
+  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = e.type, n = e.quality, u = y(null), a = d(u, 2), o = a[0], i = a[1], s = y(null), l = d(s, 2), v = l[0], g = l[1], S = function(h) {
+    var b = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+    if (!h)
+      throw new Error("You should provide correct html node.");
+    return C(h, b).then(function(f) {
+      var c = document.createElement("canvas"), _ = c.getContext("2d"), A = 0, w = 0, I = f.width, T = f.height;
+      c.width = I, c.height = T, _.drawImage(f, w, A);
+      var m = c.toDataURL(t, n);
+      return i(m), m;
+    }).catch(g);
+  };
+  return [o, S, {
+    error: v
+  }];
 };
 export {
-  Ut as default
+  H as useScreenshot
 };
 //# sourceMappingURL=visualization.es43.js.map