@weng-lab/visualization 2.5.0 → 2.5.1-beta.0

package/dist/visualization.es499.js

@@ -1,123 +1,16 @@
-import R from "./visualization.es500.js";
-import w from "./visualization.es501.js";
-import b from "./visualization.es502.js";
-import B from "./visualization.es503.js";
-import L from "./visualization.es504.js";
-import N from "./visualization.es505.js";
-import S from "./visualization.es506.js";
-import { isElement as T } from "./visualization.es507.js";
-var U = {
-  placement: "bottom",
-  modifiers: [],
-  strategy: "absolute"
+const f = {
+  offset: "stroke-dashoffset",
+  array: "stroke-dasharray"
+}, h = {
+  offset: "strokeDashoffset",
+  array: "strokeDasharray"
 };
-function F() {
-  for (var a = arguments.length, c = new Array(a), n = 0; n < a; n++)
-    c[n] = arguments[n];
-  return !c.some(function(m) {
-    return !(m && typeof m.getBoundingClientRect == "function");
-  });
-}
-function J(a) {
-  a === void 0 && (a = {});
-  var c = a, n = c.defaultModifiers, m = n === void 0 ? [] : n, M = c.defaultOptions, v = M === void 0 ? U : M;
-  return function(p, g, u) {
-    u === void 0 && (u = v);
-    var e = {
-      placement: "bottom",
-      orderedModifiers: [],
-      options: Object.assign({}, U, v),
-      modifiersData: {},
-      elements: {
-        reference: p,
-        popper: g
-      },
-      attributes: {},
-      styles: {}
-    }, y = [], E = !1, i = {
-      state: e,
-      setOptions: function(r) {
-        var f = typeof r == "function" ? r(e.options) : r;
-        h(), e.options = Object.assign({}, v, e.options, f), e.scrollParents = {
-          reference: T(p) ? b(p) : p.contextElement ? b(p.contextElement) : [],
-          popper: b(g)
-        };
-        var s = L(S([].concat(m, e.options.modifiers)));
-        return e.orderedModifiers = s.filter(function(o) {
-          return o.enabled;
-        }), D(), i.update();
-      },
-      // Sync update – it will always be executed, even if not necessary. This
-      // is useful for low frequency updates where sync behavior simplifies the
-      // logic.
-      // For high frequency updates (e.g. `resize` and `scroll` events), always
-      // prefer the async Popper#update method
-      forceUpdate: function() {
-        if (!E) {
-          var r = e.elements, f = r.reference, s = r.popper;
-          if (F(f, s)) {
-            e.rects = {
-              reference: R(f, B(s), e.options.strategy === "fixed"),
-              popper: w(s)
-            }, e.reset = !1, e.placement = e.options.placement, e.orderedModifiers.forEach(function(P) {
-              return e.modifiersData[P.name] = Object.assign({}, P.data);
-            });
-            for (var o = 0; o < e.orderedModifiers.length; o++) {
-              if (e.reset === !0) {
-                e.reset = !1, o = -1;
-                continue;
-              }
-              var d = e.orderedModifiers[o], l = d.fn, O = d.options, j = O === void 0 ? {} : O, C = d.name;
-              typeof l == "function" && (e = l({
-                state: e,
-                options: j,
-                name: C,
-                instance: i
-              }) || e);
-            }
-          }
-        }
-      },
-      // Async and optimistically optimized update – it will not be executed if
-      // not necessary (debounced to run at most once-per-tick)
-      update: N(function() {
-        return new Promise(function(t) {
-          i.forceUpdate(), t(e);
-        });
-      }),
-      destroy: function() {
-        h(), E = !0;
-      }
-    };
-    if (!F(p, g))
-      return i;
-    i.setOptions(u).then(function(t) {
-      !E && u.onFirstUpdate && u.onFirstUpdate(t);
-    });
-    function D() {
-      e.orderedModifiers.forEach(function(t) {
-        var r = t.name, f = t.options, s = f === void 0 ? {} : f, o = t.effect;
-        if (typeof o == "function") {
-          var d = o({
-            state: e,
-            name: r,
-            instance: i,
-            options: s
-          }), l = function() {
-          };
-          y.push(d || l);
-        }
-      });
-    }
-    function h() {
-      y.forEach(function(t) {
-        return t();
-      }), y = [];
-    }
-    return i;
-  };
+function y(s, e, o = 1, r = 0, t = !0) {
+  s.pathLength = 1;
+  const a = t ? f : h;
+  s[a.offset] = `${-r}`, s[a.array] = `${e} ${o}`;
 }
 export {
-  J as popperGenerator
+  y as buildSVGPath
 };
 //# sourceMappingURL=visualization.es499.js.map

package/dist/visualization.es499.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es499.js","sources":["../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/createPopper.js"],"sourcesContent":["import getCompositeRect from \"./dom-utils/getCompositeRect.js\";\nimport getLayoutRect from \"./dom-utils/getLayoutRect.js\";\nimport listScrollParents from \"./dom-utils/listScrollParents.js\";\nimport getOffsetParent from \"./dom-utils/getOffsetParent.js\";\nimport orderModifiers from \"./utils/orderModifiers.js\";\nimport debounce from \"./utils/debounce.js\";\nimport mergeByName from \"./utils/mergeByName.js\";\nimport detectOverflow from \"./utils/detectOverflow.js\";\nimport { isElement } from \"./dom-utils/instanceOf.js\";\nvar DEFAULT_OPTIONS = {\n  placement: 'bottom',\n  modifiers: [],\n  strategy: 'absolute'\n};\n\nfunction areValidElements() {\n  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n    args[_key] = arguments[_key];\n  }\n\n  return !args.some(function (element) {\n    return !(element && typeof element.getBoundingClientRect === 'function');\n  });\n}\n\nexport function popperGenerator(generatorOptions) {\n  if (generatorOptions === void 0) {\n    generatorOptions = {};\n  }\n\n  var _generatorOptions = generatorOptions,\n      _generatorOptions$def = _generatorOptions.defaultModifiers,\n      defaultModifiers = _generatorOptions$def === void 0 ? [] : _generatorOptions$def,\n      _generatorOptions$def2 = _generatorOptions.defaultOptions,\n      defaultOptions = _generatorOptions$def2 === void 0 ? DEFAULT_OPTIONS : _generatorOptions$def2;\n  return function createPopper(reference, popper, options) {\n    if (options === void 0) {\n      options = defaultOptions;\n    }\n\n    var state = {\n      placement: 'bottom',\n      orderedModifiers: [],\n      options: Object.assign({}, DEFAULT_OPTIONS, defaultOptions),\n      modifiersData: {},\n      elements: {\n        reference: reference,\n        popper: popper\n      },\n      attributes: {},\n      styles: {}\n    };\n    var effectCleanupFns = [];\n    var isDestroyed = false;\n    var instance = {\n      state: state,\n      setOptions: function setOptions(setOptionsAction) {\n        var options = typeof setOptionsAction === 'function' ? setOptionsAction(state.options) : setOptionsAction;\n        cleanupModifierEffects();\n        state.options = Object.assign({}, defaultOptions, state.options, options);\n        state.scrollParents = {\n          reference: isElement(reference) ? listScrollParents(reference) : reference.contextElement ? listScrollParents(reference.contextElement) : [],\n          popper: listScrollParents(popper)\n        }; // Orders the modifiers based on their dependencies and `phase`\n        // properties\n\n        var orderedModifiers = orderModifiers(mergeByName([].concat(defaultModifiers, state.options.modifiers))); // Strip out disabled modifiers\n\n        state.orderedModifiers = orderedModifiers.filter(function (m) {\n          return m.enabled;\n        });\n        runModifierEffects();\n        return instance.update();\n      },\n      // Sync update – it will always be executed, even if not necessary. This\n      // is useful for low frequency updates where sync behavior simplifies the\n      // logic.\n      // For high frequency updates (e.g. `resize` and `scroll` events), always\n      // prefer the async Popper#update method\n      forceUpdate: function forceUpdate() {\n        if (isDestroyed) {\n          return;\n        }\n\n        var _state$elements = state.elements,\n            reference = _state$elements.reference,\n            popper = _state$elements.popper; // Don't proceed if `reference` or `popper` are not valid elements\n        // anymore\n\n        if (!areValidElements(reference, popper)) {\n          return;\n        } // Store the reference and popper rects to be read by modifiers\n\n\n        state.rects = {\n          reference: getCompositeRect(reference, getOffsetParent(popper), state.options.strategy === 'fixed'),\n          popper: getLayoutRect(popper)\n        }; // Modifiers have the ability to reset the current update cycle. The\n        // most common use case for this is the `flip` modifier changing the\n        // placement, which then needs to re-run all the modifiers, because the\n        // logic was previously ran for the previous placement and is therefore\n        // stale/incorrect\n\n        state.reset = false;\n        state.placement = state.options.placement; // On each update cycle, the `modifiersData` property for each modifier\n        // is filled with the initial data specified by the modifier. This means\n        // it doesn't persist and is fresh on each update.\n        // To ensure persistent data, use `${name}#persistent`\n\n        state.orderedModifiers.forEach(function (modifier) {\n          return state.modifiersData[modifier.name] = Object.assign({}, modifier.data);\n        });\n\n        for (var index = 0; index < state.orderedModifiers.length; index++) {\n          if (state.reset === true) {\n            state.reset = false;\n            index = -1;\n            continue;\n          }\n\n          var _state$orderedModifie = state.orderedModifiers[index],\n              fn = _state$orderedModifie.fn,\n              _state$orderedModifie2 = _state$orderedModifie.options,\n              _options = _state$orderedModifie2 === void 0 ? {} : _state$orderedModifie2,\n              name = _state$orderedModifie.name;\n\n          if (typeof fn === 'function') {\n            state = fn({\n              state: state,\n              options: _options,\n              name: name,\n              instance: instance\n            }) || state;\n          }\n        }\n      },\n      // Async and optimistically optimized update – it will not be executed if\n      // not necessary (debounced to run at most once-per-tick)\n      update: debounce(function () {\n        return new Promise(function (resolve) {\n          instance.forceUpdate();\n          resolve(state);\n        });\n      }),\n      destroy: function destroy() {\n        cleanupModifierEffects();\n        isDestroyed = true;\n      }\n    };\n\n    if (!areValidElements(reference, popper)) {\n      return instance;\n    }\n\n    instance.setOptions(options).then(function (state) {\n      if (!isDestroyed && options.onFirstUpdate) {\n        options.onFirstUpdate(state);\n      }\n    }); // Modifiers have the ability to execute arbitrary code before the first\n    // update cycle runs. They will be executed in the same order as the update\n    // cycle. This is useful when a modifier adds some persistent data that\n    // other modifiers need to use, but the modifier is run after the dependent\n    // one.\n\n    function runModifierEffects() {\n      state.orderedModifiers.forEach(function (_ref) {\n        var name = _ref.name,\n            _ref$options = _ref.options,\n            options = _ref$options === void 0 ? {} : _ref$options,\n            effect = _ref.effect;\n\n        if (typeof effect === 'function') {\n          var cleanupFn = effect({\n            state: state,\n            name: name,\n            instance: instance,\n            options: options\n          });\n\n          var noopFn = function noopFn() {};\n\n          effectCleanupFns.push(cleanupFn || noopFn);\n        }\n      });\n    }\n\n    function cleanupModifierEffects() {\n      effectCleanupFns.forEach(function (fn) {\n        return fn();\n      });\n      effectCleanupFns = [];\n    }\n\n    return instance;\n  };\n}\nexport var createPopper = /*#__PURE__*/popperGenerator(); // eslint-disable-next-line import/no-unused-modules\n\nexport { detectOverflow };"],"names":["DEFAULT_OPTIONS","areValidElements","_len","args","_key","element","popperGenerator","generatorOptions","_generatorOptions","_generatorOptions$def","defaultModifiers","_generatorOptions$def2","defaultOptions","reference","popper","options","state","effectCleanupFns","isDestroyed","instance","setOptionsAction","cleanupModifierEffects","isElement","listScrollParents","orderedModifiers","orderModifiers","mergeByName","m","runModifierEffects","_state$elements","getCompositeRect","getOffsetParent","getLayoutRect","modifier","index","_state$orderedModifie","fn","_state$orderedModifie2","_options","name","debounce","resolve","_ref","_ref$options","effect","cleanupFn","noopFn"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es499.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/svg/utils/path.mjs"],"sourcesContent":["const dashKeys = {\n    offset: \"stroke-dashoffset\",\n    array: \"stroke-dasharray\",\n};\nconst camelKeys = {\n    offset: \"strokeDashoffset\",\n    array: \"strokeDasharray\",\n};\n/**\n * Build SVG path properties. Uses the path's measured length to convert\n * our custom pathLength, pathSpacing and pathOffset into stroke-dashoffset\n * and stroke-dasharray attributes.\n *\n * This function is mutative to reduce per-frame GC.\n *\n * Note: We use unitless values for stroke-dasharray and stroke-dashoffset\n * because Safari incorrectly scales px values when the page is zoomed.\n */\nfunction buildSVGPath(attrs, length, spacing = 1, offset = 0, useDashCase = true) {\n    // Normalise path length by setting SVG attribute pathLength to 1\n    attrs.pathLength = 1;\n    // We use dash case when setting attributes directly to the DOM node and camel case\n    // when defining props on a React component.\n    const keys = useDashCase ? dashKeys : camelKeys;\n    // Build the dash offset (unitless to avoid Safari zoom bug)\n    attrs[keys.offset] = `${-offset}`;\n    // Build the dash array (unitless to avoid Safari zoom bug)\n    attrs[keys.array] = `${length} ${spacing}`;\n}\n\nexport { buildSVGPath };\n//# sourceMappingURL=path.mjs.map\n"],"names":["dashKeys","camelKeys","buildSVGPath","attrs","length","spacing","offset","useDashCase","keys"],"mappings":"AAAA,MAAMA,IAAW;AAAA,EACb,QAAQ;AAAA,EACR,OAAO;AACX,GACMC,IAAY;AAAA,EACd,QAAQ;AAAA,EACR,OAAO;AACX;AAWA,SAASC,EAAaC,GAAOC,GAAQC,IAAU,GAAGC,IAAS,GAAGC,IAAc,IAAM;AAE9E,EAAAJ,EAAM,aAAa;AAGnB,QAAMK,IAAOD,IAAcP,IAAWC;AAEtC,EAAAE,EAAMK,EAAK,MAAM,IAAI,GAAG,CAACF,CAAM,IAE/BH,EAAMK,EAAK,KAAK,IAAI,GAAGJ,CAAM,IAAIC,CAAO;AAC5C;","x_google_ignoreList":[0]}

package/dist/visualization.es5.js

@@ -1,12 +1,12 @@
 import { jsx as q } from "react/jsx-runtime";
 import { c as ne } from "react/compiler-runtime";
 import { useRef as _, useImperativeHandle as se } from "react";
-import { downloadSVGAsPNG as re, downloadAsSVG as ee } from "./visualization.es21.js";
-import { makeTickFormat as te, getXAxisTickLabelProps as ce } from "./visualization.es65.js";
-import { useHeatmapLayout as me } from "./visualization.es66.js";
-import { downloadScrollableHeatmapPNG as pe, withOffscreenExportSVG as de } from "./visualization.es67.js";
-import fe from "./visualization.es68.js";
-import ue from "./visualization.es69.js";
+import { downloadSVGAsPNG as re, downloadAsSVG as ee } from "./visualization.es23.js";
+import { makeTickFormat as te, getXAxisTickLabelProps as ce } from "./visualization.es76.js";
+import { useHeatmapLayout as me } from "./visualization.es77.js";
+import { downloadScrollableHeatmapPNG as pe, withOffscreenExportSVG as de } from "./visualization.es78.js";
+import fe from "./visualization.es79.js";
+import ue from "./visualization.es80.js";
 import { useResponsiveParentSize as ge } from "./visualization.es19.js";
 import { ResponsiveContainer as he } from "./visualization.es15.js";
 const Te = (oe) => {

package/dist/visualization.es50.js

@@ -1,84 +1,134 @@
-import { c as j } from "react/compiler-runtime";
-import { useState as w, useRef as k, useEffect as z } from "react";
-import { invertRescaled as q } from "./visualization.es18.js";
-import { useStableCallback as B } from "./visualization.es20.js";
-import D from "./visualization.es57.js";
-const O = (E) => {
-  const e = j(23), {
-    enabled: C,
-    margin: l,
-    boundedWidth: g,
-    boundedHeight: x,
-    xScale: y,
-    yScale: R,
-    onCrosshairChange: H
-  } = E, [S, L] = w(null), F = k(null), n = B(H), s = k(null), o = k(null);
-  let u;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (u = () => {
-    s.current !== null && (cancelAnimationFrame(s.current), s.current = null);
-  }, e[0] = u) : u = e[0];
-  const P = u;
-  let c;
-  e[1] !== n ? (c = (t) => {
-    F.current = t, L(t), n(t);
-  }, e[1] = n, e[2] = c) : c = e[2];
-  const i = c;
+import { jsx as t, jsxs as d, Fragment as q } from "react/jsx-runtime";
+import { c as E } from "react/compiler-runtime";
+import { useState as H } from "react";
+import m from "@mui/material/Button";
+import N from "./visualization.es111.js";
+import X from "./visualization.es112.js";
+import Y from "@mui/icons-material/KeyboardDoubleArrowRight";
+import $ from "@mui/icons-material/KeyboardDoubleArrowLeft";
+import K from "@mui/material/Stack";
+import { Typography as G } from "@mui/material";
+import J from "@mui/icons-material/Download";
+import M from "@mui/icons-material/Shuffle";
+import Q from "@mui/icons-material/Label";
+import U from "@mui/icons-material/LabelOff";
+import V from "@mui/icons-material/Insights";
+import f from "@mui/material/Tooltip";
+import Z from "@mui/material/Paper";
+const xe = (P) => {
+  const e = E(38), {
+    toggles: g,
+    onToggle: h,
+    simpleCategories: y,
+    edgeType: x,
+    colorFunc: b,
+    elements: u,
+    edges: w,
+    scales: C,
+    scaleWidth: S,
+    downloadScreenshot: L,
+    randomize: I,
+    organize: z,
+    toggleLabels: k,
+    labelsOn: T,
+    legendToggle: W,
+    legendNodeLabel: v,
+    legendEdgeLabel: j,
+    uniqueCat: D,
+    scaleLabel: R
+  } = P, [o, _] = H(!1), O = o ? "40px" : "250px";
+  let s;
+  e[0] !== O ? (s = {
+    position: "absolute",
+    top: "0",
+    right: "0",
+    width: O,
+    backgroundColor: "white",
+    transition: "width 0.3s",
+    zIndex: 1e3,
+    overflowX: "hidden",
+    marginRight: "5px",
+    marginTop: "5px",
+    overflowY: "auto",
+    maxHeight: "100vh"
+  }, e[0] = O, e[1] = s) : s = e[1];
+  const A = s, B = o ? "0px" : "10px";
   let a;
-  e[3] !== i ? (a = (t) => {
-    if (t === null) {
-      if (P(), o.current = null, F.current === null)
-        return;
-      i(null);
-      return;
-    }
-    o.current = t, s.current === null && (s.current = requestAnimationFrame(() => {
-      s.current = null;
-      const b = o.current;
-      o.current = null, b && i(b);
-    }));
-  }, e[3] = i, e[4] = a) : a = e[4];
-  const r = a;
-  let f, m;
-  e[5] !== n ? (f = () => () => {
-    P(), F.current !== null && n(null);
-  }, m = [P, n], e[5] = n, e[6] = f, e[7] = m) : (f = e[6], m = e[7]), z(f, m);
-  let h;
-  e[8] !== x || e[9] !== g || e[10] !== C || e[11] !== l.left || e[12] !== l.top || e[13] !== r || e[14] !== y || e[15] !== R ? (h = (t, b) => {
-    if (!C)
-      return;
-    const v = D(t.currentTarget, t);
-    if (!v)
-      return;
-    const A = v.x - l.left, M = v.y - l.top;
-    if (A < 0 || A > g || M < 0 || M > x) {
-      r(null);
-      return;
-    }
-    const {
-      translateX: T,
-      translateY: W,
-      scaleX: _,
-      scaleY: $
-    } = b.transformMatrix;
-    r({
-      x: q(y, T, _, A),
-      y: q(R, W, $, M)
-    });
-  }, e[8] = x, e[9] = g, e[10] = C, e[11] = l.left, e[12] = l.top, e[13] = r, e[14] = y, e[15] = R, e[16] = h) : h = e[16];
-  const X = h;
+  e[2] !== B ? (a = {
+    width: B,
+    height: "40px",
+    display: "inline-block",
+    alignItems: "left",
+    justifyContent: "left",
+    cursor: "pointer",
+    padding: "0px"
+  }, e[2] = B, e[3] = a) : a = e[3];
+  const F = a;
+  let l;
+  e[4] !== o ? (l = () => _(!o), e[4] = o, e[5] = l) : l = e[5];
   let p;
-  e[17] !== r ? (p = () => {
-    r(null);
-  }, e[17] = r, e[18] = p) : p = e[18];
-  const Y = p;
-  let d;
-  return e[19] !== S || e[20] !== Y || e[21] !== X ? (d = {
-    crosshairPosition: S,
-    handleCrosshairMove: X,
-    handleCrosshairLeave: Y
-  }, e[19] = S, e[20] = Y, e[21] = X, e[22] = d) : d = e[22], d;
+  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = {
+    typography: "body2",
+    textTransform: "none"
+  }, e[6] = p) : p = e[6];
+  let i;
+  e[7] !== o ? (i = o ? /* @__PURE__ */ t($, { style: {
+    marginLeft: "-27px"
+  } }) : /* @__PURE__ */ t(Y, { style: {
+    marginRight: "30px"
+  } }), e[7] = o, e[8] = i) : i = e[8];
+  let n;
+  e[9] !== F || e[10] !== l || e[11] !== i ? (n = /* @__PURE__ */ t(m, { onClick: l, fullWidth: !0, sx: p, style: F, children: i }), e[9] = F, e[10] = l, e[11] = i, e[12] = n) : n = e[12];
+  let r;
+  e[13] !== o || e[14] !== b || e[15] !== L || e[16] !== x || e[17] !== w || e[18] !== u || e[19] !== T || e[20] !== j || e[21] !== v || e[22] !== W || e[23] !== h || e[24] !== z || e[25] !== I || e[26] !== R || e[27] !== S || e[28] !== C || e[29] !== y || e[30] !== k || e[31] !== g || e[32] !== D ? (r = !o && /* @__PURE__ */ d(q, { children: [
+    /* @__PURE__ */ t(G, { variant: "body2", style: {
+      fontSize: "20px",
+      marginLeft: "22px",
+      marginTop: "5px",
+      justifyContent: "center",
+      alignItems: "center",
+      display: "inline-block"
+    }, children: "Controls" }),
+    /* @__PURE__ */ d(K, { spacing: 1, children: [
+      /* @__PURE__ */ t(N, { toggles: g, onToggle: h, simpleCategories: y, edgeType: x, colorFunc: b, elements: u, edges: w, legendToggle: W, legendNodeLabel: v, legendEdgeLabel: j, uniqueCat: D }),
+      /* @__PURE__ */ t(X, { scales: C, width: S, scaleLabel: R }),
+      /* @__PURE__ */ d(K, { direction: "row", spacing: 2, style: {
+        marginBottom: "5px"
+      }, children: [
+        /* @__PURE__ */ t(m, { onClick: L, style: {
+          fontSize: "small",
+          minWidth: "40px"
+        }, children: /* @__PURE__ */ t(f, { title: "Download", color: "primary", sx: {
+          ml: 1
+        }, placement: "bottom", children: /* @__PURE__ */ t(J, {}) }) }),
+        /* @__PURE__ */ t(m, { onClick: I, style: {
+          fontSize: "small",
+          minWidth: "40px"
+        }, children: /* @__PURE__ */ t(f, { title: "Randomize", color: "primary", sx: {
+          ml: 1
+        }, placement: "bottom", children: /* @__PURE__ */ t(M, {}) }) }),
+        /* @__PURE__ */ t(m, { onClick: z, style: {
+          fontSize: "small",
+          minWidth: "40px"
+        }, children: /* @__PURE__ */ t(f, { title: "Organize", color: "primary", sx: {
+          ml: 1
+        }, placement: "bottom", children: /* @__PURE__ */ t(V, {}) }) }),
+        /* @__PURE__ */ t(m, { onClick: k, style: {
+          fontSize: "small",
+          minWidth: "40px"
+        }, children: /* @__PURE__ */ t(f, { title: "Toggle Labels", color: "primary", sx: {
+          ml: 1
+        }, placement: "bottom", children: T ? /* @__PURE__ */ t(U, {}) : /* @__PURE__ */ t(Q, {}) }) })
+      ] })
+    ] })
+  ] }), e[13] = o, e[14] = b, e[15] = L, e[16] = x, e[17] = w, e[18] = u, e[19] = T, e[20] = j, e[21] = v, e[22] = W, e[23] = h, e[24] = z, e[25] = I, e[26] = R, e[27] = S, e[28] = C, e[29] = y, e[30] = k, e[31] = g, e[32] = D, e[33] = r) : r = e[33];
+  let c;
+  return e[34] !== A || e[35] !== n || e[36] !== r ? (c = /* @__PURE__ */ d(Z, { style: A, elevation: 3, children: [
+    n,
+    r
+  ] }), e[34] = A, e[35] = n, e[36] = r, e[37] = c) : c = e[37], c;
 };
 export {
-  O as useCrosshair
+  xe as default
 };
 //# sourceMappingURL=visualization.es50.js.map

package/dist/visualization.es50.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es50.js","sources":["../src/components/ScatterPlot/hooks/useCrosshair.ts"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { localPoint } from \"@visx/event\";\nimport { ScaleLinear } from \"@visx/vendor/d3-scale\";\nimport { CrosshairPosition, ZoomType } from \"../types\";\nimport { invertRescaled } from \"../helpers\";\nimport { useStableCallback } from \"../../../hooks\";\n\ntype UseCrosshairProps = {\n    enabled: boolean;\n    margin: { top: number; left: number };\n    boundedWidth: number;\n    boundedHeight: number;\n    xScale: ScaleLinear<number, number, never>;\n    yScale: ScaleLinear<number, number, never>;\n    onCrosshairChange?: (position: CrosshairPosition | null) => void;\n};\n\n/**\n * Tracks the pointer as a crosshair position in data coordinates.\n *\n * Data coordinates rather than pixels because the position is also published to consumers, who\n * may mirror it onto another plot or feed it back in as a controlled position. Keeping one\n * currency means every plot showing this crosshair resolves it through its own scales and so\n * agrees with the others, even mid-zoom.\n *\n * The zoom transform arrives as an argument rather than a hook input because it only exists\n * inside the Zoom render prop, below where this hook is called.\n *\n * Moves are coalesced to one update per animation frame. A mouse can report positions faster\n * than the browser paints, and mousemove is a continuous event that React flushes synchronously,\n * so publishing every one of them - into this state and, through onCrosshairChange, into a\n * parent shared by several plots - re-renders the whole group without ever yielding, and React\n * eventually warns about the update depth. Leaving is published immediately: it ends the\n * gesture, and a frame queued behind it would put the crosshair back.\n */\nexport const useCrosshair = ({\n    enabled,\n    margin,\n    boundedWidth,\n    boundedHeight,\n    xScale,\n    yScale,\n    onCrosshairChange,\n}: UseCrosshairProps) => {\n    const [crosshairPosition, setCrosshairPosition] = useState<CrosshairPosition | null>(null);\n    const publishedRef = useRef<CrosshairPosition | null>(null);\n    const publishChange = useStableCallback(onCrosshairChange);\n\n    const frameRef = useRef<number | null>(null);\n    const pendingRef = useRef<CrosshairPosition | null>(null);\n\n    const cancelFrame = useCallback(() => {\n        if (frameRef.current === null) return;\n        cancelAnimationFrame(frameRef.current);\n        frameRef.current = null;\n    }, []);\n\n    const apply = useCallback((position: CrosshairPosition | null) => {\n        publishedRef.current = position;\n        setCrosshairPosition(position);\n        publishChange(position);\n    }, [publishChange]);\n\n    const publish = useCallback((position: CrosshairPosition | null) => {\n        if (position === null) {\n            cancelFrame();\n            pendingRef.current = null;\n            // Leaving the plot area fires on every subsequent move; only announce the first one.\n            if (publishedRef.current === null) return;\n            apply(null);\n            return;\n        }\n\n        pendingRef.current = position;\n        if (frameRef.current !== null) return;\n        frameRef.current = requestAnimationFrame(() => {\n            frameRef.current = null;\n            const pending = pendingRef.current;\n            pendingRef.current = null;\n            if (pending) apply(pending);\n        });\n    }, [apply, cancelFrame]);\n\n    // On unmount, drop any queued frame and announce the crosshair as gone. Without the second\n    // half a parent mirroring this position onto sibling plots - ScatterPlotSync - keeps drawing\n    // the crosshair of a plot that no longer exists, until something else happens to move it.\n    useEffect(() => () => {\n        cancelFrame();\n        if (publishedRef.current !== null) publishChange(null);\n    }, [cancelFrame, publishChange]);\n\n    const handleCrosshairMove = useCallback((event: React.MouseEvent<SVGElement>, zoom: ZoomType) => {\n        if (!enabled) return;\n\n        const point = localPoint(event.currentTarget, event);\n        if (!point) return;\n\n        // The listener covers the whole svg, margins included, so anything outside the plot\n        // area counts as leaving it.\n        const plotX = point.x - margin.left;\n        const plotY = point.y - margin.top;\n        if (plotX < 0 || plotX > boundedWidth || plotY < 0 || plotY > boundedHeight) {\n            publish(null);\n            return;\n        }\n\n        const { translateX, translateY, scaleX, scaleY } = zoom.transformMatrix;\n        publish({\n            x: invertRescaled(xScale, translateX, scaleX, plotX),\n            y: invertRescaled(yScale, translateY, scaleY, plotY),\n        });\n    }, [boundedHeight, boundedWidth, enabled, margin.left, margin.top, publish, xScale, yScale]);\n\n    const handleCrosshairLeave = useCallback(() => {\n        publish(null);\n    }, [publish]);\n\n    return { crosshairPosition, handleCrosshairMove, handleCrosshairLeave };\n};\n"],"names":["useCrosshair","t0","$","_c","enabled","margin","boundedWidth","boundedHeight","xScale","yScale","onCrosshairChange","crosshairPosition","setCrosshairPosition","useState","publishedRef","useRef","publishChange","useStableCallback","frameRef","pendingRef","t1","Symbol","for","current","cancelAnimationFrame","cancelFrame","t2","position","apply","t3","position_0","requestAnimationFrame","pending","publish","t4","t5","useEffect","t6","left","top","event","zoom","point","localPoint","currentTarget","plotX","x","plotY","y","translateX","translateY","scaleX","scaleY","transformMatrix","invertRescaled","handleCrosshairMove","t7","handleCrosshairLeave","t8"],"mappings":"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"}
+{"version":3,"file":"visualization.es50.js","sources":["../src/components/Graph/ControlPanel.tsx"],"sourcesContent":["import React, { CSSProperties, useState } from 'react';\nimport { Node, Edge } from './types';\nimport Button from '@mui/material/Button';\nimport Legend from './Legend';\nimport ScaleLegend from './ScaleLegend';\nimport KeyboardDoubleArrowRightIcon from '@mui/icons-material/KeyboardDoubleArrowRight';\nimport KeyboardDoubleArrowLeftIcon from '@mui/icons-material/KeyboardDoubleArrowLeft';\nimport Stack from '@mui/material/Stack';\nimport { Typography } from '@mui/material';\nimport DownloadIcon from '@mui/icons-material/Download';\nimport ShuffleIcon from '@mui/icons-material/Shuffle';\nimport LabelIcon from '@mui/icons-material/Label';\nimport LabelOffIcon from '@mui/icons-material/LabelOff';\nimport InsightsIcon from '@mui/icons-material/Insights';\nimport Tooltip from '@mui/material/Tooltip';\nimport Paper from '@mui/material/Paper';\n\ninterface ControlPanelProps {\n  toggles: { [key: string]: boolean };\n  onToggle: (category: string) => void;\n  simpleCategories: string[];\n  edgeType: boolean;\n  colorFunc?: (node: Node | Edge) => string;\n  elements: Node[];\n  edges: Edge[];\n  scales: number[];\n  scaleWidth: (n: number) => number;\n  downloadScreenshot: () => void;\n  randomize: () => void;\n  organize: () => void;\n  toggleLabels: () => void;\n  labelsOn: boolean;\n  legendToggle?: (node: Node | Edge) => string;\n  legendNodeLabel?: string;\n  legendEdgeLabel?: string;\n  uniqueCat?: string[];\n  scaleLabel?: string;\n}\n\nconst ControlPanel: React.FC<ControlPanelProps> = ({\n  toggles,\n  onToggle,\n  simpleCategories,\n  edgeType,\n  colorFunc,\n  elements,\n  edges,\n  scales,\n  scaleWidth,\n  downloadScreenshot,\n  randomize,\n  organize,\n  toggleLabels,\n  labelsOn,\n  legendToggle,\n  legendNodeLabel,\n  legendEdgeLabel,\n  uniqueCat,\n  scaleLabel,\n}) => {\n  const [collapsed, setCollapsed] = useState(false);\n\n  const panelStyle: CSSProperties = {\n    position: 'absolute',\n    top: '0',\n    right: '0',\n    width: collapsed ? '40px' : '250px',\n    backgroundColor: 'white',\n    transition: 'width 0.3s',\n    zIndex: 1000,\n    overflowX: 'hidden',\n    marginRight: '5px',\n    marginTop: '5px',\n    overflowY: 'auto',\n    maxHeight: '100vh',\n  };\n\n  const buttonStyle: CSSProperties = {\n    width: collapsed ? '0px' : '10px',\n    height: '40px',\n    display: 'inline-block',\n    alignItems: 'left',\n    justifyContent: 'left',\n    cursor: 'pointer',\n    padding: '0px',\n  };\n\n  return (\n    <Paper style={panelStyle} elevation={3}>\n      <Button\n        onClick={() => setCollapsed(!collapsed)}\n        fullWidth\n        sx={{ typography: 'body2', textTransform: 'none' }}\n        style={buttonStyle}\n      >\n        {collapsed ? (\n          <KeyboardDoubleArrowLeftIcon style={{ marginLeft: '-27px' }} />\n        ) : (\n          <KeyboardDoubleArrowRightIcon style={{ marginRight: '30px' }} />\n        )}\n      </Button>\n\n      {!collapsed && (\n        <>\n          <Typography\n            variant=\"body2\"\n            style={{\n              fontSize: '20px',\n              marginLeft: '22px',\n              marginTop: '5px',\n              justifyContent: 'center',\n              alignItems: 'center',\n              display: 'inline-block',\n            }}\n          >\n            Controls\n          </Typography>\n          <Stack spacing={1}>\n            <Legend\n              toggles={toggles}\n              onToggle={onToggle}\n              simpleCategories={simpleCategories}\n              edgeType={edgeType}\n              colorFunc={colorFunc}\n              elements={elements}\n              edges={edges}\n              legendToggle={legendToggle}\n              legendNodeLabel={legendNodeLabel}\n              legendEdgeLabel={legendEdgeLabel}\n              uniqueCat={uniqueCat}\n            />\n\n            <ScaleLegend\n              scales={scales}\n              width={scaleWidth}\n              scaleLabel={scaleLabel}\n            />\n\n            <Stack direction=\"row\" spacing={2} style={{ marginBottom: '5px' }}>\n              <Button\n                onClick={downloadScreenshot}\n                style={{ fontSize: 'small', minWidth: '40px' }}\n              >\n                <Tooltip\n                  title=\"Download\"\n                  color=\"primary\"\n                  sx={{ ml: 1 }}\n                  placement=\"bottom\"\n                >\n                  <DownloadIcon />\n                </Tooltip>\n              </Button>\n              <Button\n                onClick={randomize}\n                style={{ fontSize: 'small', minWidth: '40px' }}\n              >\n                <Tooltip\n                  title=\"Randomize\"\n                  color=\"primary\"\n                  sx={{ ml: 1 }}\n                  placement=\"bottom\"\n                >\n                  <ShuffleIcon />\n                </Tooltip>\n              </Button>\n              <Button\n                onClick={organize}\n                style={{ fontSize: 'small', minWidth: '40px' }}\n              >\n                <Tooltip\n                  title=\"Organize\"\n                  color=\"primary\"\n                  sx={{ ml: 1 }}\n                  placement=\"bottom\"\n                >\n                  <InsightsIcon />\n                </Tooltip>\n              </Button>\n              <Button\n                onClick={toggleLabels}\n                style={{ fontSize: 'small', minWidth: '40px' }}\n              >\n                <Tooltip\n                  title=\"Toggle Labels\"\n                  color=\"primary\"\n                  sx={{ ml: 1 }}\n                  placement=\"bottom\"\n                >\n                  {labelsOn ? <LabelOffIcon /> : <LabelIcon />}\n                </Tooltip>\n              </Button>\n            </Stack>\n          </Stack>\n        </>\n      )}\n    </Paper>\n  );\n};\n\nexport default ControlPanel;\n"],"names":["ControlPanel","t0","$","_c","toggles","onToggle","simpleCategories","edgeType","colorFunc","elements","edges","scales","scaleWidth","downloadScreenshot","randomize","organize","toggleLabels","labelsOn","legendToggle","legendNodeLabel","legendEdgeLabel","uniqueCat","scaleLabel","collapsed","setCollapsed","useState","t1","t2","position","top","right","width","backgroundColor","transition","zIndex","overflowX","marginRight","marginTop","overflowY","maxHeight","panelStyle","t3","t4","height","display","alignItems","justifyContent","cursor","padding","buttonStyle","t5","t6","Symbol","for","typography","textTransform","t7","jsx","KeyboardDoubleArrowLeftIcon","marginLeft","KeyboardDoubleArrowRightIcon","t8","Button","t9","jsxs","Fragment","Typography","fontSize","Stack","Legend","ScaleLegend","marginBottom","minWidth","Tooltip","ml","DownloadIcon","ShuffleIcon","InsightsIcon","LabelOffIcon","LabelIcon","t10","Paper"],"mappings":"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"}

package/dist/visualization.es500.js

@@ -1,33 +1,22 @@
-import p from "./visualization.es574.js";
-import g from "./visualization.es575.js";
-import a from "./visualization.es555.js";
-import { isHTMLElement as n } from "./visualization.es507.js";
-import h from "./visualization.es576.js";
-import u from "./visualization.es563.js";
-import s from "./visualization.es577.js";
-import { round as d } from "./visualization.es566.js";
-function v(e) {
-  var t = e.getBoundingClientRect(), o = d(t.width) / e.offsetWidth || 1, l = d(t.height) / e.offsetHeight || 1;
-  return o !== 1 || l !== 1;
+import { extractEventInfo as m } from "./visualization.es163.js";
+import { Feature as s } from "./visualization.es318.js";
+import { hover as u } from "./visualization.es402.js";
+import { frame as c } from "./visualization.es360.js";
+function a(e, t, r) {
+  const { props: o } = e;
+  e.animationState && o.whileHover && e.animationState.setActive("whileHover", r === "Start");
+  const n = "onHover" + r, i = o[n];
+  i && c.postRender(() => i(t, m(t)));
 }
-function C(e, t, o) {
-  o === void 0 && (o = !1);
-  var l = n(t), f = n(t) && v(t), c = u(t), i = p(e, f, o), m = {
-    scrollLeft: 0,
-    scrollTop: 0
-  }, r = {
-    x: 0,
-    y: 0
-  };
-  return (l || !l && !o) && ((a(t) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
-  s(c)) && (m = g(t)), n(t) ? (r = p(t, !0), r.x += t.clientLeft, r.y += t.clientTop) : c && (r.x = h(c))), {
-    x: i.left + m.scrollLeft - r.x,
-    y: i.top + m.scrollTop - r.y,
-    width: i.width,
-    height: i.height
-  };
+class d extends s {
+  mount() {
+    const { current: t } = this.node;
+    t && (this.unmount = u(t, (r, o) => (a(this.node, o, "Start"), (n) => a(this.node, n, "End"))));
+  }
+  unmount() {
+  }
 }
 export {
-  C as default
+  d as HoverGesture
 };
 //# sourceMappingURL=visualization.es500.js.map

package/dist/visualization.es500.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es500.js","sources":["../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/dom-utils/getCompositeRect.js"],"sourcesContent":["import getBoundingClientRect from \"./getBoundingClientRect.js\";\nimport getNodeScroll from \"./getNodeScroll.js\";\nimport getNodeName from \"./getNodeName.js\";\nimport { isHTMLElement } from \"./instanceOf.js\";\nimport getWindowScrollBarX from \"./getWindowScrollBarX.js\";\nimport getDocumentElement from \"./getDocumentElement.js\";\nimport isScrollParent from \"./isScrollParent.js\";\nimport { round } from \"../utils/math.js\";\n\nfunction isElementScaled(element) {\n  var rect = element.getBoundingClientRect();\n  var scaleX = round(rect.width) / element.offsetWidth || 1;\n  var scaleY = round(rect.height) / element.offsetHeight || 1;\n  return scaleX !== 1 || scaleY !== 1;\n} // Returns the composite rect of an element relative to its offsetParent.\n// Composite means it takes into account transforms as well as layout.\n\n\nexport default function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {\n  if (isFixed === void 0) {\n    isFixed = false;\n  }\n\n  var isOffsetParentAnElement = isHTMLElement(offsetParent);\n  var offsetParentIsScaled = isHTMLElement(offsetParent) && isElementScaled(offsetParent);\n  var documentElement = getDocumentElement(offsetParent);\n  var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled, isFixed);\n  var scroll = {\n    scrollLeft: 0,\n    scrollTop: 0\n  };\n  var offsets = {\n    x: 0,\n    y: 0\n  };\n\n  if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {\n    if (getNodeName(offsetParent) !== 'body' || // https://github.com/popperjs/popper-core/issues/1078\n    isScrollParent(documentElement)) {\n      scroll = getNodeScroll(offsetParent);\n    }\n\n    if (isHTMLElement(offsetParent)) {\n      offsets = getBoundingClientRect(offsetParent, true);\n      offsets.x += offsetParent.clientLeft;\n      offsets.y += offsetParent.clientTop;\n    } else if (documentElement) {\n      offsets.x = getWindowScrollBarX(documentElement);\n    }\n  }\n\n  return {\n    x: rect.left + scroll.scrollLeft - offsets.x,\n    y: rect.top + scroll.scrollTop - offsets.y,\n    width: rect.width,\n    height: rect.height\n  };\n}"],"names":["isElementScaled","element","rect","scaleX","round","scaleY","getCompositeRect","elementOrVirtualElement","offsetParent","isFixed","isOffsetParentAnElement","isHTMLElement","offsetParentIsScaled","documentElement","getDocumentElement","getBoundingClientRect","scroll","offsets","getNodeName","isScrollParent","getNodeScroll","getWindowScrollBarX"],"mappings":";;;;;;;;AASA,SAASA,EAAgBC,GAAS;AAChC,MAAIC,IAAOD,EAAQ,sBAAqB,GACpCE,IAASC,EAAMF,EAAK,KAAK,IAAID,EAAQ,eAAe,GACpDI,IAASD,EAAMF,EAAK,MAAM,IAAID,EAAQ,gBAAgB;AAC1D,SAAOE,MAAW,KAAKE,MAAW;AACpC;AAIe,SAASC,EAAiBC,GAAyBC,GAAcC,GAAS;AACvF,EAAIA,MAAY,WACdA,IAAU;AAGZ,MAAIC,IAA0BC,EAAcH,CAAY,GACpDI,IAAuBD,EAAcH,CAAY,KAAKR,EAAgBQ,CAAY,GAClFK,IAAkBC,EAAmBN,CAAY,GACjDN,IAAOa,EAAsBR,GAAyBK,GAAsBH,CAAO,GACnFO,IAAS;AAAA,IACX,YAAY;AAAA,IACZ,WAAW;AAAA,EACf,GACMC,IAAU;AAAA,IACZ,GAAG;AAAA,IACH,GAAG;AAAA,EACP;AAEE,UAAIP,KAA2B,CAACA,KAA2B,CAACD,QACtDS,EAAYV,CAAY,MAAM;AAAA,EAClCW,EAAeN,CAAe,OAC5BG,IAASI,EAAcZ,CAAY,IAGjCG,EAAcH,CAAY,KAC5BS,IAAUF,EAAsBP,GAAc,EAAI,GAClDS,EAAQ,KAAKT,EAAa,YAC1BS,EAAQ,KAAKT,EAAa,aACjBK,MACTI,EAAQ,IAAII,EAAoBR,CAAe,KAI5C;AAAA,IACL,GAAGX,EAAK,OAAOc,EAAO,aAAaC,EAAQ;AAAA,IAC3C,GAAGf,EAAK,MAAMc,EAAO,YAAYC,EAAQ;AAAA,IACzC,OAAOf,EAAK;AAAA,IACZ,QAAQA,EAAK;AAAA,EACjB;AACA;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es500.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/gestures/hover.mjs"],"sourcesContent":["import { Feature, hover, frame } from 'motion-dom';\nimport { extractEventInfo } from '../events/event-info.mjs';\n\nfunction handleHoverEvent(node, event, lifecycle) {\n    const { props } = node;\n    if (node.animationState && props.whileHover) {\n        node.animationState.setActive(\"whileHover\", lifecycle === \"Start\");\n    }\n    const eventName = (\"onHover\" + lifecycle);\n    const callback = props[eventName];\n    if (callback) {\n        frame.postRender(() => callback(event, extractEventInfo(event)));\n    }\n}\nclass HoverGesture extends Feature {\n    mount() {\n        const { current } = this.node;\n        if (!current)\n            return;\n        this.unmount = hover(current, (_element, startEvent) => {\n            handleHoverEvent(this.node, startEvent, \"Start\");\n            return (endEvent) => handleHoverEvent(this.node, endEvent, \"End\");\n        });\n    }\n    unmount() { }\n}\n\nexport { HoverGesture };\n//# sourceMappingURL=hover.mjs.map\n"],"names":["handleHoverEvent","node","event","lifecycle","props","eventName","callback","frame","extractEventInfo","HoverGesture","Feature","current","hover","_element","startEvent","endEvent"],"mappings":";;;;AAGA,SAASA,EAAiBC,GAAMC,GAAOC,GAAW;AAC9C,QAAM,EAAE,OAAAC,EAAK,IAAKH;AAClB,EAAIA,EAAK,kBAAkBG,EAAM,cAC7BH,EAAK,eAAe,UAAU,cAAcE,MAAc,OAAO;AAErE,QAAME,IAAa,YAAYF,GACzBG,IAAWF,EAAMC,CAAS;AAChC,EAAIC,KACAC,EAAM,WAAW,MAAMD,EAASJ,GAAOM,EAAiBN,CAAK,CAAC,CAAC;AAEvE;AACA,MAAMO,UAAqBC,EAAQ;AAAA,EAC/B,QAAQ;AACJ,UAAM,EAAE,SAAAC,MAAY,KAAK;AACzB,IAAKA,MAEL,KAAK,UAAUC,EAAMD,GAAS,CAACE,GAAUC,OACrCd,EAAiB,KAAK,MAAMc,GAAY,OAAO,GACxC,CAACC,MAAaf,EAAiB,KAAK,MAAMe,GAAU,KAAK,EACnE;AAAA,EACL;AAAA,EACA,UAAU;AAAA,EAAE;AAChB;","x_google_ignoreList":[0]}

package/dist/visualization.es501.js

@@ -1,14 +1,29 @@
-import o from "./visualization.es574.js";
-function e(t) {
-  var i = o(t), h = t.offsetWidth, f = t.offsetHeight;
-  return Math.abs(i.width - h) <= 1 && (h = i.width), Math.abs(i.height - f) <= 1 && (f = i.height), {
-    x: t.offsetLeft,
-    y: t.offsetTop,
-    width: h,
-    height: f
-  };
+import { Feature as i } from "./visualization.es318.js";
+import { pipe as s } from "./visualization.es341.js";
+import { addDomEvent as e } from "./visualization.es164.js";
+class a extends i {
+  constructor() {
+    super(...arguments), this.isActive = !1;
+  }
+  onFocus() {
+    let t = !1;
+    try {
+      t = this.node.current.matches(":focus-visible");
+    } catch {
+      t = !0;
+    }
+    !t || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !0), this.isActive = !0);
+  }
+  onBlur() {
+    !this.isActive || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !1), this.isActive = !1);
+  }
+  mount() {
+    this.unmount = s(e(this.node.current, "focus", () => this.onFocus()), e(this.node.current, "blur", () => this.onBlur()));
+  }
+  unmount() {
+  }
 }
 export {
-  e as default
+  a as FocusGesture
 };
 //# sourceMappingURL=visualization.es501.js.map

package/dist/visualization.es501.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es501.js","sources":["../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/dom-utils/getLayoutRect.js"],"sourcesContent":["import getBoundingClientRect from \"./getBoundingClientRect.js\"; // Returns the layout rect of an element relative to its offsetParent. Layout\n// means it doesn't take into account transforms.\n\nexport default function getLayoutRect(element) {\n  var clientRect = getBoundingClientRect(element); // Use the clientRect sizes if it's not been transformed.\n  // Fixes https://github.com/popperjs/popper-core/issues/1223\n\n  var width = element.offsetWidth;\n  var height = element.offsetHeight;\n\n  if (Math.abs(clientRect.width - width) <= 1) {\n    width = clientRect.width;\n  }\n\n  if (Math.abs(clientRect.height - height) <= 1) {\n    height = clientRect.height;\n  }\n\n  return {\n    x: element.offsetLeft,\n    y: element.offsetTop,\n    width: width,\n    height: height\n  };\n}"],"names":["getLayoutRect","element","clientRect","getBoundingClientRect","width","height"],"mappings":";AAGe,SAASA,EAAcC,GAAS;AAC7C,MAAIC,IAAaC,EAAsBF,CAAO,GAG1CG,IAAQH,EAAQ,aAChBI,IAASJ,EAAQ;AAErB,SAAI,KAAK,IAAIC,EAAW,QAAQE,CAAK,KAAK,MACxCA,IAAQF,EAAW,QAGjB,KAAK,IAAIA,EAAW,SAASG,CAAM,KAAK,MAC1CA,IAASH,EAAW,SAGf;AAAA,IACL,GAAGD,EAAQ;AAAA,IACX,GAAGA,EAAQ;AAAA,IACX,OAAOG;AAAA,IACP,QAAQC;AAAA,EACZ;AACA;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es501.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/gestures/focus.mjs"],"sourcesContent":["import { Feature, addDomEvent } from 'motion-dom';\nimport { pipe } from 'motion-utils';\n\nclass FocusGesture extends Feature {\n    constructor() {\n        super(...arguments);\n        this.isActive = false;\n    }\n    onFocus() {\n        let isFocusVisible = false;\n        /**\n         * If this element doesn't match focus-visible then don't\n         * apply whileHover. But, if matches throws that focus-visible\n         * is not a valid selector then in that browser outline styles will be applied\n         * to the element by default and we want to match that behaviour with whileFocus.\n         */\n        try {\n            isFocusVisible = this.node.current.matches(\":focus-visible\");\n        }\n        catch (e) {\n            isFocusVisible = true;\n        }\n        if (!isFocusVisible || !this.node.animationState)\n            return;\n        this.node.animationState.setActive(\"whileFocus\", true);\n        this.isActive = true;\n    }\n    onBlur() {\n        if (!this.isActive || !this.node.animationState)\n            return;\n        this.node.animationState.setActive(\"whileFocus\", false);\n        this.isActive = false;\n    }\n    mount() {\n        this.unmount = pipe(addDomEvent(this.node.current, \"focus\", () => this.onFocus()), addDomEvent(this.node.current, \"blur\", () => this.onBlur()));\n    }\n    unmount() { }\n}\n\nexport { FocusGesture };\n//# sourceMappingURL=focus.mjs.map\n"],"names":["FocusGesture","Feature","isFocusVisible","pipe","addDomEvent"],"mappings":";;;AAGA,MAAMA,UAAqBC,EAAQ;AAAA,EAC/B,cAAc;AACV,UAAM,GAAG,SAAS,GAClB,KAAK,WAAW;AAAA,EACpB;AAAA,EACA,UAAU;AACN,QAAIC,IAAiB;AAOrB,QAAI;AACA,MAAAA,IAAiB,KAAK,KAAK,QAAQ,QAAQ,gBAAgB;AAAA,IAC/D,QACU;AACN,MAAAA,IAAiB;AAAA,IACrB;AACA,IAAI,CAACA,KAAkB,CAAC,KAAK,KAAK,mBAElC,KAAK,KAAK,eAAe,UAAU,cAAc,EAAI,GACrD,KAAK,WAAW;AAAA,EACpB;AAAA,EACA,SAAS;AACL,IAAI,CAAC,KAAK,YAAY,CAAC,KAAK,KAAK,mBAEjC,KAAK,KAAK,eAAe,UAAU,cAAc,EAAK,GACtD,KAAK,WAAW;AAAA,EACpB;AAAA,EACA,QAAQ;AACJ,SAAK,UAAUC,EAAKC,EAAY,KAAK,KAAK,SAAS,SAAS,MAAM,KAAK,QAAO,CAAE,GAAGA,EAAY,KAAK,KAAK,SAAS,QAAQ,MAAM,KAAK,OAAM,CAAE,CAAC;AAAA,EAClJ;AAAA,EACA,UAAU;AAAA,EAAE;AAChB;","x_google_ignoreList":[0]}