@weng-lab/visualization 2.4.0-beta.7 → 2.4.0-beta.8

package/dist/visualization.es116.js

@@ -1,35 +1,28 @@
-import { jsx as u } from "react/jsx-runtime";
-import { c as p } from "react/compiler-runtime";
-import { memo as g } from "react";
-import M from "./visualization.es65.js";
-const D = g((a) => {
-  const o = p(11), {
-    dragStart: r,
-    dragMove: s,
-    dragEnd: e,
-    scale: c,
-    isDragging: l
-  } = a;
-  let t;
-  o[0] !== e || o[1] !== l ? (t = () => {
-    l && e();
-  }, o[0] = e, o[1] = l, o[2] = t) : t = o[2];
-  let n;
-  o[3] !== c ? (n = (m) => {
-    const f = M(m) || {
-      x: 0,
-      y: 0
-    };
-    c({
-      scaleX: 1.5,
-      scaleY: 1.5,
-      point: f
-    });
-  }, o[3] = c, o[4] = n) : n = o[4];
-  let i;
-  return o[5] !== e || o[6] !== s || o[7] !== r || o[8] !== t || o[9] !== n ? (i = /* @__PURE__ */ u("rect", { width: "100%", height: "100%", fill: "transparent", onTouchStart: r, onTouchMove: s, onTouchEnd: e, onMouseDown: r, onMouseMove: s, onMouseUp: e, onMouseLeave: t, onDoubleClick: n }), o[5] = e, o[6] = s, o[7] = r, o[8] = t, o[9] = n, o[10] = i) : i = o[10], i;
+import { popperGenerator as r } from "./visualization.es512.js";
+import o from "./visualization.es521.js";
+import e from "./visualization.es522.js";
+import p from "./visualization.es523.js";
+import t from "./visualization.es117.js";
+import m from "./visualization.es524.js";
+import f from "./visualization.es525.js";
+import i from "./visualization.es526.js";
+import s from "./visualization.es527.js";
+import a from "./visualization.es528.js";
+var l = [o, e, p, t, m, f, i, s, a], h = /* @__PURE__ */ r({
+  defaultModifiers: l
 });
 export {
-  D as ZoomSurface
+  t as applyStyles,
+  s as arrow,
+  p as computeStyles,
+  h as createPopper,
+  l as defaultModifiers,
+  o as eventListeners,
+  f as flip,
+  a as hide,
+  m as offset,
+  r as popperGenerator,
+  e as popperOffsets,
+  i as preventOverflow
 };
 //# sourceMappingURL=visualization.es116.js.map

package/dist/visualization.es116.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es116.js","sources":["../src/components/PhyloTree/ZoomSurface.tsx"],"sourcesContent":["import { localPoint } from \"@visx/event\";\nimport { memo } from \"react\";\n\ntype ZoomSurfaceProps = {\n  dragStart: (event: React.TouchEvent | React.MouseEvent) => void;\n  dragMove: (event: React.TouchEvent | React.MouseEvent) => void;\n  dragEnd: () => void;\n  scale: (args: { scaleX: number; scaleY: number; point?: { x: number; y: number } }) => void;\n  isDragging: boolean;\n};\n\n\n/**\n * rect which catches and handles zoom events\n */\n\nexport const ZoomSurface = memo(\n  ({ dragStart, dragMove, dragEnd, scale, isDragging }: ZoomSurfaceProps) => {\n    return (\n      <rect\n        width=\"100%\"\n        height=\"100%\"\n        fill=\"transparent\"\n        onTouchStart={dragStart}\n        onTouchMove={dragMove}\n        onTouchEnd={dragEnd}\n        onMouseDown={dragStart}\n        onMouseMove={dragMove}\n        onMouseUp={dragEnd}\n        onMouseLeave={() => {\n          if (isDragging) dragEnd();\n        }}\n        onDoubleClick={(event) => {\n          const point = localPoint(event) || { x: 0, y: 0 };\n          scale({ scaleX: 1.5, scaleY: 1.5, point });\n        }}\n      />\n    );\n  }\n);"],"names":["ZoomSurface","memo","t0","$","_c","dragStart","dragMove","dragEnd","scale","isDragging","t1","t2","event","point","localPoint","x","y","scaleX","scaleY","t3","jsx"],"mappings":";;;;AAgBO,MAAMA,IAAcC,EACzBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAC;AAAA,IAAAC,WAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,YAAAA;AAAAA,EAAAA,IAAAP;AAAqE,MAAAQ;AAAA,EAAAP,EAAA,CAAA,MAAAI,KAAAJ,SAAAM,KAYlDC,IAAAA,MAAA;AACZ,IAAID,KAAYF,EAAAA;AAAAA,EAAU,GAC3BJ,OAAAI,GAAAJ,OAAAM,GAAAN,OAAAO,KAAAA,IAAAP,EAAA,CAAA;AAAA,MAAAQ;AAAA,EAAAR,SAAAK,KACcG,IAAAC,CAAAA,MAAA;AACb,UAAAC,IAAcC,EAAWF,CAAuB,KAAlC;AAAA,MAAAG,GAA0B;AAAA,MAACC,GAAK;AAAA,IAAA;AAC9CR,IAAAA,EAAM;AAAA,MAAAS,QAAU;AAAA,MAAGC,QAAU;AAAA,MAAGL,OAAAA;AAAAA,IAAAA,CAAS;AAAA,EAAC,GAC3CV,OAAAK,GAAAL,OAAAQ,KAAAA,IAAAR,EAAA,CAAA;AAAA,MAAAgB;AAAA,SAAAhB,EAAA,CAAA,MAAAI,KAAAJ,EAAA,CAAA,MAAAG,KAAAH,EAAA,CAAA,MAAAE,KAAAF,EAAA,CAAA,MAAAO,KAAAP,SAAAQ,KAhBHQ,IAAA,gBAAAC,EAAA,UACQ,OAAA,QACC,QAAA,QACF,MAAA,eACSf,cAAAA,GACDC,aAAAA,GACDC,YAAAA,GACCF,aAAAA,GACAC,aAAAA,GACFC,WAAAA,GACG,cAAAG,GAGC,eAAAC,EAAAA,CAGd,GACDR,OAAAI,GAAAJ,OAAAG,GAAAH,OAAAE,GAAAF,OAAAO,GAAAP,OAAAQ,GAAAR,QAAAgB,KAAAA,IAAAhB,EAAA,EAAA,GAjBFgB;AAiBE,CAGR;"}
+{"version":3,"file":"visualization.es116.js","sources":["../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/popper.js"],"sourcesContent":["import { popperGenerator, detectOverflow } from \"./createPopper.js\";\nimport eventListeners from \"./modifiers/eventListeners.js\";\nimport popperOffsets from \"./modifiers/popperOffsets.js\";\nimport computeStyles from \"./modifiers/computeStyles.js\";\nimport applyStyles from \"./modifiers/applyStyles.js\";\nimport offset from \"./modifiers/offset.js\";\nimport flip from \"./modifiers/flip.js\";\nimport preventOverflow from \"./modifiers/preventOverflow.js\";\nimport arrow from \"./modifiers/arrow.js\";\nimport hide from \"./modifiers/hide.js\";\nvar defaultModifiers = [eventListeners, popperOffsets, computeStyles, applyStyles, offset, flip, preventOverflow, arrow, hide];\nvar createPopper = /*#__PURE__*/popperGenerator({\n  defaultModifiers: defaultModifiers\n}); // eslint-disable-next-line import/no-unused-modules\n\nexport { createPopper, popperGenerator, defaultModifiers, detectOverflow }; // eslint-disable-next-line import/no-unused-modules\n\nexport { createPopper as createPopperLite } from \"./popper-lite.js\"; // eslint-disable-next-line import/no-unused-modules\n\nexport * from \"./modifiers/index.js\";"],"names":["defaultModifiers","eventListeners","popperOffsets","computeStyles","applyStyles","offset","flip","preventOverflow","arrow","hide","createPopper","popperGenerator"],"mappings":";;;;;;;;;;AAUG,IAACA,IAAmB,CAACC,GAAgBC,GAAeC,GAAeC,GAAaC,GAAQC,GAAMC,GAAiBC,GAAOC,CAAI,GACzHC,IAA4B,gBAAAC,EAAgB;AAAA,EAC9C,kBAAkBX;AACpB,CAAC;","x_google_ignoreList":[0]}

package/dist/visualization.es117.js

@@ -1,21 +1,48 @@
-import { jsx as e } from "react/jsx-runtime";
-import { useBranchLengthTransition as m } from "./visualization.es7.js";
-import { memo as a } from "react";
-import { motion as s } from "./visualization.es34.js";
-const c = a(function({
-  scaledLinkPath: o,
-  baseLinkPath: n,
-  color: r,
-  strokeWidth: i,
-  useBranchLengths: t
-}) {
-  return /* @__PURE__ */ e(s.path, { stroke: r, strokeWidth: i, fill: "none", initial: !1, strokeLinecap: "round", strokeLinejoin: "round", animate: {
-    d: t ? o : n
-  }, transition: {
-    d: m
-  } });
-});
+import c from "./visualization.es554.js";
+import { isHTMLElement as f } from "./visualization.es520.js";
+function p(l) {
+  var e = l.state;
+  Object.keys(e.elements).forEach(function(t) {
+    var r = e.styles[t] || {}, s = e.attributes[t] || {}, a = e.elements[t];
+    !f(a) || !c(a) || (Object.assign(a.style, r), Object.keys(s).forEach(function(o) {
+      var i = s[o];
+      i === !1 ? a.removeAttribute(o) : a.setAttribute(o, i === !0 ? "" : i);
+    }));
+  });
+}
+function y(l) {
+  var e = l.state, t = {
+    popper: {
+      position: e.options.strategy,
+      left: "0",
+      top: "0",
+      margin: "0"
+    },
+    arrow: {
+      position: "absolute"
+    },
+    reference: {}
+  };
+  return Object.assign(e.elements.popper.style, t.popper), e.styles = t, e.elements.arrow && Object.assign(e.elements.arrow.style, t.arrow), function() {
+    Object.keys(e.elements).forEach(function(r) {
+      var s = e.elements[r], a = e.attributes[r] || {}, o = Object.keys(e.styles.hasOwnProperty(r) ? e.styles[r] : t[r]), i = o.reduce(function(n, u) {
+        return n[u] = "", n;
+      }, {});
+      !f(s) || !c(s) || (Object.assign(s.style, i), Object.keys(a).forEach(function(n) {
+        s.removeAttribute(n);
+      }));
+    });
+  };
+}
+const m = {
+  name: "applyStyles",
+  enabled: !0,
+  phase: "write",
+  fn: p,
+  effect: y,
+  requires: ["computeStyles"]
+};
 export {
-  c as TreeLink
+  m as default
 };
 //# sourceMappingURL=visualization.es117.js.map

package/dist/visualization.es117.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es117.js","sources":["../src/components/PhyloTree/TreeLink.tsx"],"sourcesContent":["import { TreeNode } from \"./types\";\nimport { motion } from \"framer-motion\";\nimport { useBranchLengthTransition } from \"./PhyloTree\";\nimport { memo } from \"react\";\n\nexport type TreeLinkProps = {\n  scaledLinkPath: TreeNode[\"scaledLinkPath\"]\n  baseLinkPath: TreeNode[\"baseLinkPath\"]\n  color: TreeNode[\"color\"]\n  strokeWidth: TreeNode[\"linkStrokeWidth\"]\n  useBranchLengths: boolean;\n};\n\n/**\n * Link from node to its parent\n */\nexport const TreeLink = memo(function TreeLink({\n  scaledLinkPath,\n  baseLinkPath,\n  color,\n  strokeWidth,\n  useBranchLengths,\n}: TreeLinkProps) {\n  return (\n    <motion.path\n      stroke={color}\n      strokeWidth={strokeWidth}\n      fill=\"none\"\n      initial={false}\n      strokeLinecap={\"round\"}\n      strokeLinejoin={\"round\"}\n      animate={{\n        d: useBranchLengths ? scaledLinkPath : baseLinkPath,\n      }}\n      transition={{\n        d: useBranchLengthTransition,\n      }}\n    />\n  );\n})\n"],"names":["TreeLink","memo","scaledLinkPath","baseLinkPath","color","strokeWidth","useBranchLengths","jsx","motion","d","useBranchLengthTransition"],"mappings":";;;;AAgBO,MAAMA,IAAWC,EAAK,SAAkB;AAAA,EAC7CC,gBAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,kBAAAA;AACa,GAAG;AAChB,SACE,gBAAAC,EAACC,EAAO,MAAP,EACC,QAAQJ,GACR,aAAAC,GACA,MAAK,QACL,SAAS,IACT,eAAe,SACf,gBAAgB,SAChB,SAAS;AAAA,IACPI,GAAGH,IAAmBJ,IAAiBC;AAAAA,EAAAA,GAEzC,YAAY;AAAA,IACVM,GAAGC;AAAAA,EAAAA,GACH;AAGR,CAAC;"}
+{"version":3,"file":"visualization.es117.js","sources":["../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/modifiers/applyStyles.js"],"sourcesContent":["import getNodeName from \"../dom-utils/getNodeName.js\";\nimport { isHTMLElement } from \"../dom-utils/instanceOf.js\"; // This modifier takes the styles prepared by the `computeStyles` modifier\n// and applies them to the HTMLElements such as popper and arrow\n\nfunction applyStyles(_ref) {\n  var state = _ref.state;\n  Object.keys(state.elements).forEach(function (name) {\n    var style = state.styles[name] || {};\n    var attributes = state.attributes[name] || {};\n    var element = state.elements[name]; // arrow is optional + virtual elements\n\n    if (!isHTMLElement(element) || !getNodeName(element)) {\n      return;\n    } // Flow doesn't support to extend this property, but it's the most\n    // effective way to apply styles to an HTMLElement\n    // $FlowFixMe[cannot-write]\n\n\n    Object.assign(element.style, style);\n    Object.keys(attributes).forEach(function (name) {\n      var value = attributes[name];\n\n      if (value === false) {\n        element.removeAttribute(name);\n      } else {\n        element.setAttribute(name, value === true ? '' : value);\n      }\n    });\n  });\n}\n\nfunction effect(_ref2) {\n  var state = _ref2.state;\n  var initialStyles = {\n    popper: {\n      position: state.options.strategy,\n      left: '0',\n      top: '0',\n      margin: '0'\n    },\n    arrow: {\n      position: 'absolute'\n    },\n    reference: {}\n  };\n  Object.assign(state.elements.popper.style, initialStyles.popper);\n  state.styles = initialStyles;\n\n  if (state.elements.arrow) {\n    Object.assign(state.elements.arrow.style, initialStyles.arrow);\n  }\n\n  return function () {\n    Object.keys(state.elements).forEach(function (name) {\n      var element = state.elements[name];\n      var attributes = state.attributes[name] || {};\n      var styleProperties = Object.keys(state.styles.hasOwnProperty(name) ? state.styles[name] : initialStyles[name]); // Set all values to an empty string to unset them\n\n      var style = styleProperties.reduce(function (style, property) {\n        style[property] = '';\n        return style;\n      }, {}); // arrow is optional + virtual elements\n\n      if (!isHTMLElement(element) || !getNodeName(element)) {\n        return;\n      }\n\n      Object.assign(element.style, style);\n      Object.keys(attributes).forEach(function (attribute) {\n        element.removeAttribute(attribute);\n      });\n    });\n  };\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n  name: 'applyStyles',\n  enabled: true,\n  phase: 'write',\n  fn: applyStyles,\n  effect: effect,\n  requires: ['computeStyles']\n};"],"names":["applyStyles","_ref","state","name","style","attributes","element","isHTMLElement","getNodeName","value","effect","_ref2","initialStyles","styleProperties","property","attribute","applyStyles$1"],"mappings":";;AAIA,SAASA,EAAYC,GAAM;AACzB,MAAIC,IAAQD,EAAK;AACjB,SAAO,KAAKC,EAAM,QAAQ,EAAE,QAAQ,SAAUC,GAAM;AAClD,QAAIC,IAAQF,EAAM,OAAOC,CAAI,KAAK,CAAA,GAC9BE,IAAaH,EAAM,WAAWC,CAAI,KAAK,CAAA,GACvCG,IAAUJ,EAAM,SAASC,CAAI;AAEjC,IAAI,CAACI,EAAcD,CAAO,KAAK,CAACE,EAAYF,CAAO,MAOnD,OAAO,OAAOA,EAAQ,OAAOF,CAAK,GAClC,OAAO,KAAKC,CAAU,EAAE,QAAQ,SAAUF,GAAM;AAC9C,UAAIM,IAAQJ,EAAWF,CAAI;AAE3B,MAAIM,MAAU,KACZH,EAAQ,gBAAgBH,CAAI,IAE5BG,EAAQ,aAAaH,GAAMM,MAAU,KAAO,KAAKA,CAAK;AAAA,IAE1D,CAAC;AAAA,EACH,CAAC;AACH;AAEA,SAASC,EAAOC,GAAO;AACrB,MAAIT,IAAQS,EAAM,OACdC,IAAgB;AAAA,IAClB,QAAQ;AAAA,MACN,UAAUV,EAAM,QAAQ;AAAA,MACxB,MAAM;AAAA,MACN,KAAK;AAAA,MACL,QAAQ;AAAA,IACd;AAAA,IACI,OAAO;AAAA,MACL,UAAU;AAAA,IAChB;AAAA,IACI,WAAW,CAAA;AAAA,EACf;AACE,gBAAO,OAAOA,EAAM,SAAS,OAAO,OAAOU,EAAc,MAAM,GAC/DV,EAAM,SAASU,GAEXV,EAAM,SAAS,SACjB,OAAO,OAAOA,EAAM,SAAS,MAAM,OAAOU,EAAc,KAAK,GAGxD,WAAY;AACjB,WAAO,KAAKV,EAAM,QAAQ,EAAE,QAAQ,SAAUC,GAAM;AAClD,UAAIG,IAAUJ,EAAM,SAASC,CAAI,GAC7BE,IAAaH,EAAM,WAAWC,CAAI,KAAK,CAAA,GACvCU,IAAkB,OAAO,KAAKX,EAAM,OAAO,eAAeC,CAAI,IAAID,EAAM,OAAOC,CAAI,IAAIS,EAAcT,CAAI,CAAC,GAE1GC,IAAQS,EAAgB,OAAO,SAAUT,GAAOU,GAAU;AAC5D,eAAAV,EAAMU,CAAQ,IAAI,IACXV;AAAA,MACT,GAAG,CAAA,CAAE;AAEL,MAAI,CAACG,EAAcD,CAAO,KAAK,CAACE,EAAYF,CAAO,MAInD,OAAO,OAAOA,EAAQ,OAAOF,CAAK,GAClC,OAAO,KAAKC,CAAU,EAAE,QAAQ,SAAUU,GAAW;AACnD,QAAAT,EAAQ,gBAAgBS,CAAS;AAAA,MACnC,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AACF;AAGA,MAAAC,IAAe;AAAA,EACb,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO;AAAA,EACP,IAAIhB;AAAA,EACJ,QAAQU;AAAA,EACR,UAAU,CAAC,eAAe;AAC5B;","x_google_ignoreList":[0]}

package/dist/visualization.es118.js

@@ -1,17 +1,147 @@
-import { jsx as e } from "react/jsx-runtime";
-import { useBranchLengthTransition as m } from "./visualization.es7.js";
-import { memo as s } from "react";
-import { motion as a } from "./visualization.es34.js";
-const k = s(function({
-  useBranchLengths: n,
-  color: i,
-  baseLeafLinkExtension: o,
-  scaledLeafLinkExtension: t,
-  strokeWidth: r
-}) {
-  return /* @__PURE__ */ e(a.line, { strokeWidth: r, initial: !1, animate: n ? t : o, stroke: i, transition: m });
-});
+import { jsxs as m, jsx as u } from "react/jsx-runtime";
+import { c as B } from "react/compiler-runtime";
+import w from "@mui/material/Checkbox";
+import { Typography as y } from "@mui/material";
+const G = (q) => {
+  const e = B(33), {
+    toggles: s,
+    onToggle: o,
+    simpleCategories: E,
+    edgeType: F,
+    colorFunc: n,
+    elements: h,
+    edges: p,
+    legendToggle: i,
+    legendNodeLabel: I,
+    legendEdgeLabel: g,
+    order: x,
+    uniqueCat: C
+  } = q;
+  let b;
+  if (e[0] !== p || e[1] !== i) {
+    let l;
+    e[3] !== i ? (l = (r) => i ? i(r) : r.category ? r.category : void 0, e[3] = i, e[4] = l) : l = e[4], b = Array.from(new Set(p.map(l))), e[0] = p, e[1] = i, e[2] = b;
+  } else
+    b = e[2];
+  const v = b;
+  let z;
+  e[5] !== x || e[6] !== E ? (z = x || Array.from(new Set(E)), e[5] = x, e[6] = E, e[7] = z) : z = e[7];
+  const S = z;
+  let k;
+  e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (k = {
+    bottom: "10px",
+    zIndex: 1e3,
+    backgroundColor: "white",
+    borderRadius: "5px",
+    width: "225px",
+    padding: "5px"
+  }, e[8] = k) : k = e[8];
+  let A;
+  e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (A = {
+    fontSize: "18px",
+    margin: "3px",
+    fontFamily: "Arial"
+  }, e[9] = A) : A = e[9];
+  const L = I || "Node Type";
+  let f;
+  e[10] !== L ? (f = /* @__PURE__ */ u(y, { style: A, children: L }), e[10] = L, e[11] = f) : f = e[11];
+  let d;
+  e[12] !== n || e[13] !== h || e[14] !== i || e[15] !== o || e[16] !== s || e[17] !== C || e[18] !== S ? (d = C ? C.map((l) => {
+    let r = "grey", t = "";
+    return h.forEach((a) => {
+      S.forEach((j) => {
+        if (n && i && i(a) === j && a.category === l) {
+          r = n(a), t = j;
+          return;
+        }
+      });
+    }), /* @__PURE__ */ m("div", { style: {
+      display: "flex",
+      alignItems: "center",
+      marginBottom: "4px"
+    }, children: [
+      /* @__PURE__ */ u(w, { checked: s[l], onChange: () => o(l), color: "primary", size: "small", style: {
+        padding: 0
+      } }),
+      /* @__PURE__ */ m(y, { variant: "body2", style: {
+        color: r,
+        marginLeft: "4px",
+        cursor: "pointer",
+        fontSize: "14px",
+        fontFamily: "Arial"
+      }, onClick: () => o(l), children: [
+        t,
+        " ",
+        i ? "(" : null,
+        i ? l : null,
+        i ? ")" : null
+      ] })
+    ] }, l);
+  }) : S.map((l) => {
+    let r = "grey", t = "";
+    return h.forEach((a) => {
+      n && i && i(a) === l && (r = n(a), t = a.category);
+    }), /* @__PURE__ */ m("div", { style: {
+      display: "flex",
+      alignItems: "center",
+      marginBottom: "4px"
+    }, children: [
+      /* @__PURE__ */ u(w, { checked: s[l], onChange: () => o(l), color: "primary", size: "small", style: {
+        padding: 0
+      } }),
+      /* @__PURE__ */ m(y, { variant: "body2", style: {
+        color: r,
+        marginLeft: "4px",
+        cursor: "pointer",
+        fontSize: "14px",
+        fontFamily: "Arial"
+      }, onClick: () => o(l), children: [
+        l,
+        " ",
+        i ? "(" : null,
+        i ? t : null,
+        i ? ")" : null
+      ] })
+    ] }, l);
+  }), e[12] = n, e[13] = h, e[14] = i, e[15] = o, e[16] = s, e[17] = C, e[18] = S, e[19] = d) : d = e[19];
+  let c;
+  e[20] !== n || e[21] !== F || e[22] !== v || e[23] !== p || e[24] !== g || e[25] !== i || e[26] !== o || e[27] !== s ? (c = F && v !== null ? /* @__PURE__ */ m("div", { children: [
+    /* @__PURE__ */ u(y, { style: {
+      fontSize: "18px",
+      margin: "3px",
+      fontFamily: "Arial"
+    }, children: g || "Edge Type" }),
+    v.map((l) => {
+      if (l === void 0)
+        return null;
+      let r = "grey";
+      return p.forEach((t) => {
+        (n && i && i(t) === l || n && t.category && t.category === l) && (r = n(t));
+      }), /* @__PURE__ */ m("div", { style: {
+        display: "flex",
+        alignItems: "center"
+      }, children: [
+        /* @__PURE__ */ u(w, { checked: s[l], onChange: () => o(l), color: "primary", size: "small", style: {
+          padding: 0
+        } }),
+        /* @__PURE__ */ u(y, { variant: "body2", style: {
+          color: r,
+          marginLeft: "4px",
+          cursor: "pointer",
+          fontSize: "14px",
+          fontFamily: "Arial"
+        }, onClick: () => o(l), children: l })
+      ] }, l);
+    })
+  ] }) : null, e[20] = n, e[21] = F, e[22] = v, e[23] = p, e[24] = g, e[25] = i, e[26] = o, e[27] = s, e[28] = c) : c = e[28];
+  let T;
+  return e[29] !== f || e[30] !== d || e[31] !== c ? (T = /* @__PURE__ */ m("div", { style: k, children: [
+    f,
+    d,
+    c
+  ] }), e[29] = f, e[30] = d, e[31] = c, e[32] = T) : T = e[32], T;
+};
 export {
-  k as LeafLinkExtension
+  G as default
 };
 //# sourceMappingURL=visualization.es118.js.map

package/dist/visualization.es118.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es118.js","sources":["../src/components/PhyloTree/LeafLinkExtension.tsx"],"sourcesContent":["import { motion } from \"framer-motion\";\nimport { useBranchLengthTransition } from \"./PhyloTree\";\nimport { memo } from \"react\";\nimport { TreeNode } from \"./types\";\n\n\nexport type LeafLinkExtensionProps = {\n  baseLeafLinkExtension: TreeNode[\"baseLeafLinkExtension\"]\n  scaledLeafLinkExtension: TreeNode[\"scaledLeafLinkExtension\"]\n  color: TreeNode[\"color\"];\n  strokeWidth: TreeNode[\"linkStrokeWidth\"]\n  useBranchLengths: boolean\n};\n\nexport const LeafLinkExtension = memo(function LinkExtension({\n  useBranchLengths,\n  color,\n  baseLeafLinkExtension,\n  scaledLeafLinkExtension,\n  strokeWidth\n}: LeafLinkExtensionProps) {\n\n  return (\n    <motion.line\n      strokeWidth={strokeWidth}\n      initial={false}\n      animate={useBranchLengths ? scaledLeafLinkExtension : baseLeafLinkExtension}\n      stroke={color}\n      transition={useBranchLengthTransition}\n    />\n  );\n});\n"],"names":["LeafLinkExtension","memo","useBranchLengths","color","baseLeafLinkExtension","scaledLeafLinkExtension","strokeWidth","jsx","motion","useBranchLengthTransition"],"mappings":";;;;AAcO,MAAMA,IAAoBC,EAAK,SAAuB;AAAA,EAC3DC,kBAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,uBAAAA;AAAAA,EACAC,yBAAAA;AAAAA,EACAC,aAAAA;AACsB,GAAG;AAEzB,SACE,gBAAAC,EAACC,EAAO,MAAP,EACC,aAAAF,GACA,SAAS,IACT,SAASJ,IAAmBG,IAA0BD,GACtD,QAAQD,GACR,YAAYM,GAA0B;AAG5C,CAAC;"}
+{"version":3,"file":"visualization.es118.js","sources":["../src/components/Graph/Legend.tsx"],"sourcesContent":["import React from 'react';\nimport Checkbox from '@mui/material/Checkbox';\nimport { Node, Edge } from './types';\nimport { Typography } from '@mui/material';\n\ninterface LegendProps {\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  legendToggle?: (node: Node | Edge) => string;\n  legendNodeLabel?: string;\n  legendEdgeLabel?: string;\n  order?: string[];\n  uniqueCat?: string[];\n}\n\nconst Legend: React.FC<LegendProps> = ({\n  toggles,\n  onToggle,\n  simpleCategories,\n  edgeType,\n  colorFunc,\n  elements,\n  edges,\n  legendToggle,\n  legendNodeLabel,\n  legendEdgeLabel,\n  order,\n  uniqueCat,\n}) => {\n  const edgeTypes = Array.from(\n    new Set(\n      edges.map((e) => {\n        if (legendToggle) return legendToggle(e);\n        else if (e.category) {\n          return e.category;\n        } else {\n          return;\n        }\n      })\n    )\n  );\n\n  const uniqueCategories = order\n    ? order\n    : Array.from(new Set(simpleCategories)); // simple names\n\n  // loop on uniqueCat if there is order, else loop on uniqueCategories\n  return (\n    <div\n      style={{\n        bottom: '10px',\n        zIndex: 1000,\n        backgroundColor: 'white',\n        borderRadius: '5px',\n        width: '225px',\n        padding: '5px',\n      }}\n    >\n      <Typography\n        style={{ fontSize: '18px', margin: '3px', fontFamily: 'Arial' }}\n      >\n        {legendNodeLabel ? legendNodeLabel : 'Node Type'}\n      </Typography>\n      {uniqueCat\n        ? uniqueCat.map((category) => {\n            let color = 'grey';\n            let simpleDisplay = '';\n\n            elements.forEach((node) => {\n              uniqueCategories.forEach((cat) => {\n                if (\n                  colorFunc &&\n                  legendToggle &&\n                  legendToggle(node) === cat &&\n                  node.category === category\n                ) {\n                  color = colorFunc(node);\n                  simpleDisplay = cat; // simple display category name if legend toggle\n                  return;\n                }\n              });\n            });\n            return (\n              <div\n                key={category}\n                style={{\n                  display: 'flex',\n                  alignItems: 'center',\n                  marginBottom: '4px',\n                }}\n              >\n                <Checkbox\n                  checked={toggles[category]}\n                  onChange={() => onToggle(category)}\n                  color=\"primary\"\n                  size=\"small\"\n                  style={{ padding: 0 }}\n                />\n                <Typography\n                  variant=\"body2\"\n                  style={{\n                    color: color,\n                    marginLeft: '4px',\n                    cursor: 'pointer',\n                    fontSize: '14px',\n                    fontFamily: 'Arial',\n                  }}\n                  onClick={() => onToggle(category)}\n                >\n                  {simpleDisplay} {legendToggle ? '(' : null}\n                  {legendToggle ? category : null}\n                  {legendToggle ? ')' : null}\n                </Typography>\n              </div>\n            );\n          })\n        : uniqueCategories.map((category) => {\n            let color = 'grey';\n            let nodeCat = '';\n\n            elements.forEach((node) => {\n              if (\n                colorFunc &&\n                legendToggle &&\n                legendToggle(node) === category\n              ) {\n                color = colorFunc(node);\n                nodeCat = node.category; // category of node\n              }\n            });\n\n            return (\n              <div\n                key={category}\n                style={{\n                  display: 'flex',\n                  alignItems: 'center',\n                  marginBottom: '4px',\n                }}\n              >\n                <Checkbox\n                  checked={toggles[category]}\n                  onChange={() => onToggle(category)}\n                  color=\"primary\"\n                  size=\"small\"\n                  style={{ padding: 0 }}\n                />\n                <Typography\n                  variant=\"body2\"\n                  style={{\n                    color: color,\n                    marginLeft: '4px',\n                    cursor: 'pointer',\n                    fontSize: '14px',\n                    fontFamily: 'Arial',\n                  }}\n                  onClick={() => onToggle(category)}\n                >\n                  {category} {legendToggle ? '(' : null}\n                  {legendToggle ? nodeCat : null}\n                  {legendToggle ? ')' : null}\n                </Typography>\n              </div>\n            );\n          })}\n\n      {edgeType && edgeTypes !== null ? (\n        <div>\n          <Typography\n            style={{ fontSize: '18px', margin: '3px', fontFamily: 'Arial' }}\n          >\n            {legendEdgeLabel ? legendEdgeLabel : 'Edge Type'}\n          </Typography>\n          {edgeTypes.map((category) => {\n            if (category === undefined) {\n              return null;\n            }\n            let color = 'grey';\n\n            edges.forEach((edge) => {\n              if (\n                colorFunc &&\n                legendToggle &&\n                legendToggle(edge) === category\n              ) {\n                color = colorFunc(edge);\n              } else if (\n                colorFunc &&\n                edge.category &&\n                edge.category === category\n              ) {\n                color = colorFunc(edge);\n              }\n            });\n\n            return (\n              <div\n                key={category}\n                style={{\n                  display: 'flex',\n                  alignItems: 'center',\n                }}\n              >\n                <Checkbox\n                  checked={toggles[category]}\n                  onChange={() => onToggle(category)}\n                  color=\"primary\"\n                  size=\"small\"\n                  style={{ padding: 0 }}\n                />\n                <Typography\n                  variant=\"body2\"\n                  style={{\n                    color: color,\n                    marginLeft: '4px',\n                    cursor: 'pointer',\n                    fontSize: '14px',\n                    fontFamily: 'Arial',\n                  }}\n                  onClick={() => onToggle(category)}\n                >\n                  {category}\n                </Typography>\n              </div>\n            );\n          })}\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nexport default Legend;\n"],"names":["Legend","t0","$","_c","toggles","onToggle","simpleCategories","edgeType","colorFunc","elements","edges","legendToggle","legendNodeLabel","legendEdgeLabel","order","uniqueCat","t1","t2","e","category","Array","from","Set","map","edgeTypes","uniqueCategories","t3","Symbol","for","bottom","zIndex","backgroundColor","borderRadius","width","padding","t4","fontSize","margin","fontFamily","t5","t6","jsx","Typography","t7","color","simpleDisplay","forEach","node","cat","jsxs","display","alignItems","marginBottom","Checkbox","marginLeft","cursor","category_0","color_0","nodeCat","node_0","t8","category_1","undefined","color_1","edge","t9"],"mappings":"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"}

package/dist/visualization.es119.js

@@ -1,29 +1,150 @@
-import { jsx as u, jsxs as k } from "react/jsx-runtime";
-import { c as g } from "react/compiler-runtime";
-import { memo as j } from "react";
-import O from "./visualization.es33.js";
-const F = j(function(L) {
-  const t = g(16), {
-    nodeX: N,
-    color: e,
-    baseNodeX: f,
-    baseNodeY: i,
-    label: a,
-    fontSize: n,
-    fontFamily: c,
-    strokeWidth: m
-  } = L, s = N * 180 / Math.PI - 90, d = s > 90 || s < -90, $ = d ? s + 180 : s, p = d ? "end" : "start", x = d ? -6 : 6, b = `rotate(${$}) translate(0, ${(n ?? 2.4) / 3})`, h = a === "Human" ? `${a} ★★★` : a;
-  let o;
-  t[0] !== e || t[1] !== c || t[2] !== n || t[3] !== m || t[4] !== b || t[5] !== h || t[6] !== p || t[7] !== x ? (o = /* @__PURE__ */ u("text", { fontSize: n, fontFamily: c, fill: e, stroke: e, strokeWidth: m, paintOrder: "stroke", transform: b, textAnchor: p, x, children: h }), t[0] = e, t[1] = c, t[2] = n, t[3] = m, t[4] = b, t[5] = h, t[6] = p, t[7] = x, t[8] = o) : o = t[8];
-  let r;
-  t[9] !== e ? (r = /* @__PURE__ */ u("circle", { r: 1.5, fill: e }), t[9] = e, t[10] = r) : r = t[10];
-  let l;
-  return t[11] !== f || t[12] !== i || t[13] !== o || t[14] !== r ? (l = /* @__PURE__ */ k(O, { top: i, left: f, children: [
-    o,
-    r
-  ] }), t[11] = f, t[12] = i, t[13] = o, t[14] = r, t[15] = l) : l = t[15], l;
-});
+import { jsxs as a, jsx as t, Fragment as J } from "react/jsx-runtime";
+import { c as K } from "react/compiler-runtime";
+import v from "@mui/material/Typography";
+import N from "@mui/icons-material/Info";
+import O from "@mui/material/Tooltip";
+const Z = (E) => {
+  const e = K(50), {
+    scales: u,
+    width: l,
+    scaleLabel: k
+  } = E;
+  if (u.length === 0)
+    return null;
+  let c, s, i, m, o, f, d, h, n, y, p, x;
+  if (e[0] !== k || e[1] !== u || e[2] !== l) {
+    const r = [...u].sort(P), R = r[0], W = r[r.length - 1], $ = r[Math.floor(r.length / 4)], q = r[Math.floor(r.length * 3 / 4)];
+    let z;
+    if (e[15] !== l) {
+      const G = l.toString();
+      z = G.match(/=>\s*(.*)/)?.[1]?.trim().replace("Math.", "") || G, e[15] = l, e[16] = z;
+    } else
+      z = e[16];
+    let w = z;
+    k && (w = k);
+    let A;
+    e[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (A = {
+      top: "20vh",
+      zIndex: 1e3,
+      backgroundColor: "white",
+      padding: "10px",
+      borderRadius: "5px",
+      fontSize: "13px",
+      width: "225px",
+      textAlign: "left"
+    }, e[17] = A) : A = e[17];
+    const H = A;
+    let C;
+    e[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (C = {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "left",
+      marginBottom: "5px"
+    }, e[18] = C) : C = e[18];
+    const I = C;
+    m = H;
+    let L;
+    e[19] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (L = {
+      margin: "3px 0",
+      fontSize: "16px",
+      fontFamily: "Arial"
+    }, e[19] = L) : L = e[19];
+    let T;
+    e[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (T = {
+      ml: 0.5
+    }, e[20] = T) : T = e[20];
+    let j;
+    e[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (j = /* @__PURE__ */ t(N, { fontSize: "small", style: {
+      marginBottom: "-4.5px",
+      marginTop: "-7px"
+    } }), e[21] = j) : j = e[21], e[22] !== w ? (i = /* @__PURE__ */ a(v, { variant: "body2", component: "h4", style: L, children: [
+      "Edge Weight Scale:",
+      /* @__PURE__ */ t(O, { title: w, color: "primary", sx: T, placement: "bottom", children: j })
+    ] }), e[22] = w, e[23] = i) : i = e[23], e[24] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n = {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "left",
+      marginTop: "10px"
+    }, e[24] = n) : n = e[24];
+    let M;
+    e[25] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (M = {
+      marginLeft: "10px",
+      fontSize: "14px",
+      fontFamily: "Arial"
+    }, e[25] = M) : M = e[25], y = /* @__PURE__ */ a("div", { style: I, children: [
+      /* @__PURE__ */ t("div", { style: {
+        width: l(R),
+        height: "10px",
+        backgroundColor: "black",
+        display: "inline-block"
+      } }),
+      /* @__PURE__ */ t(v, { variant: "body2", style: M, children: R.toFixed(2) })
+    ] });
+    let B;
+    e[26] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (B = {
+      marginLeft: "10px",
+      fontSize: "14px",
+      fontFamily: "Arial"
+    }, e[26] = B) : B = e[26], p = /* @__PURE__ */ a("div", { style: I, children: [
+      /* @__PURE__ */ t("div", { style: {
+        width: l($),
+        height: "10px",
+        backgroundColor: "black",
+        display: "inline-block"
+      } }),
+      /* @__PURE__ */ t(v, { variant: "body2", style: B, children: $.toFixed(2) })
+    ] });
+    let D;
+    e[27] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (D = {
+      marginLeft: "10px",
+      fontSize: "14px",
+      fontFamily: "Arial"
+    }, e[27] = D) : D = e[27], x = /* @__PURE__ */ a("div", { style: I, children: [
+      /* @__PURE__ */ t("div", { style: {
+        width: l(q),
+        height: "10px",
+        backgroundColor: "black",
+        display: "inline-block"
+      } }),
+      /* @__PURE__ */ t(v, { variant: "body2", style: D, children: q.toFixed(2) })
+    ] }), d = I, h = /* @__PURE__ */ t("div", { style: {
+      width: l(W),
+      height: "10px",
+      backgroundColor: "black",
+      display: "inline-block"
+    } }), c = v, s = "body2", e[28] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = {
+      marginLeft: "10px",
+      fontSize: "14px",
+      fontFamily: "Arial"
+    }, e[28] = o) : o = e[28], f = W.toFixed(2), e[0] = k, e[1] = u, e[2] = l, e[3] = c, e[4] = s, e[5] = i, e[6] = m, e[7] = o, e[8] = f, e[9] = d, e[10] = h, e[11] = n, e[12] = y, e[13] = p, e[14] = x;
+  } else
+    c = e[3], s = e[4], i = e[5], m = e[6], o = e[7], f = e[8], d = e[9], h = e[10], n = e[11], y = e[12], p = e[13], x = e[14];
+  let g;
+  e[29] !== c || e[30] !== s || e[31] !== o || e[32] !== f ? (g = /* @__PURE__ */ t(c, { variant: s, style: o, children: f }), e[29] = c, e[30] = s, e[31] = o, e[32] = f, e[33] = g) : g = e[33];
+  let b;
+  e[34] !== g || e[35] !== d || e[36] !== h ? (b = /* @__PURE__ */ a("div", { style: d, children: [
+    h,
+    g
+  ] }), e[34] = g, e[35] = d, e[36] = h, e[37] = b) : b = e[37];
+  let S;
+  e[38] !== b || e[39] !== n || e[40] !== y || e[41] !== p || e[42] !== x ? (S = /* @__PURE__ */ a("div", { style: n, children: [
+    y,
+    p,
+    x,
+    b
+  ] }), e[38] = b, e[39] = n, e[40] = y, e[41] = p, e[42] = x, e[43] = S) : S = e[43];
+  let _;
+  e[44] !== i || e[45] !== S ? (_ = /* @__PURE__ */ a(J, { children: [
+    i,
+    S
+  ] }), e[44] = i, e[45] = S, e[46] = _) : _ = e[46];
+  let F;
+  return e[47] !== m || e[48] !== _ ? (F = /* @__PURE__ */ t("div", { style: m, children: _ }), e[47] = m, e[48] = _, e[49] = F) : F = e[49], F;
+};
+function P(E, e) {
+  return E - e;
+}
 export {
-  F as LeafNodeLabel
+  Z as default
 };
 //# sourceMappingURL=visualization.es119.js.map

package/dist/visualization.es119.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es119.js","sources":["../src/components/PhyloTree/LeafNodeLabel.tsx"],"sourcesContent":["import { PhyloTreeProps, TreeNode } from \"./types\";\nimport { Group } from \"@visx/group\";\nimport { memo } from \"react\";\n\n\nexport type LeafNodeLabelProps = {\n  // node.x is the angle the node is at in radial layout while base/scaled are true x/y position in svg\n  nodeX: number;\n  baseNodeX: TreeNode[\"baseNodeX\"];\n  baseNodeY: TreeNode[\"baseNodeY\"];\n  label: TreeNode[\"label\"];\n  color: TreeNode[\"color\"];\n  fontSize: PhyloTreeProps[\"leafFontSize\"];\n  fontFamily: PhyloTreeProps[\"leafFontFamily\"];\n  strokeWidth: TreeNode[\"labelStrokeWidth\"]\n};\n\nexport const LeafNodeLabel = memo(function LeafNodeLabel({\n  nodeX,\n  color,\n  baseNodeX,\n  baseNodeY,\n  label,\n  fontSize,\n  fontFamily,\n  strokeWidth\n}: LeafNodeLabelProps) {\n  const angleDeg = (nodeX * 180) / Math.PI - 90;\n  const flip = angleDeg > 90 || angleDeg < -90;\n  const rotation = flip ? angleDeg + 180 : angleDeg;\n  const textAnchor: \"start\" | \"end\" = flip ? \"end\" : \"start\";\n  const xOffset = flip ? -6 : 6;\n\n  return (\n    <Group\n      top={baseNodeY}\n      left={baseNodeX}\n    >\n      <text\n        fontSize={fontSize}\n        fontFamily={fontFamily}\n        fill={color}\n        stroke={color}\n        strokeWidth={strokeWidth}\n        paintOrder=\"stroke\"\n        transform={`rotate(${rotation}) translate(0, ${(fontSize ?? 2.4) / 3})`}\n        textAnchor={textAnchor}\n        x={xOffset}\n      >\n        {label === \"Human\" ? `${label} \\u2605\\u2605\\u2605` : label}\n      </text>\n      <circle\n        r={1.5}\n        fill={color}\n      />\n    </Group>\n  );\n});\n"],"names":["LeafNodeLabel","memo","t0","$","_c","nodeX","color","baseNodeX","baseNodeY","label","fontSize","fontFamily","strokeWidth","angleDeg","Math","PI","flip","rotation","textAnchor","xOffset","t1","t2","t3","t4","jsx","t5","jsxs","Group"],"mappings":";;;;AAiBO,MAAMA,IAAgBC,EAAK,SAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAuB;AAAA,IAAAC,OAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,aAAAA;AAAAA,EAAAA,IAAAV,GAUvDW,IAAkBR,IAAQ,MAAOS,KAAIC,KAAM,IAC3CC,IAAaH,IAAW,MAAMA,IAAW,KACzCI,IAAiBD,IAAOH,IAAW,MAAlBA,GACjBK,IAAoCF,IAAA,QAAA,SACpCG,IAAgBH,IAAA,KAAA,GAcCI,IAAA,UAAUH,CAAQ,mBAAmBP,KAAA,OAAmB,CAAC,KAInEW,IAAAZ,MAAU,UAAV,GAAuBA,CAAK,SAA5BA;AAAyD,MAAAa;AAAA,EAAAnB,EAAA,CAAA,MAAAG,KAAAH,EAAA,CAAA,MAAAQ,KAAAR,EAAA,CAAA,MAAAO,KAAAP,EAAA,CAAA,MAAAS,KAAAT,EAAA,CAAA,MAAAiB,KAAAjB,EAAA,CAAA,MAAAkB,KAAAlB,EAAA,CAAA,MAAAe,KAAAf,SAAAgB,KAX5DG,sBAAA,QAAA,EACYZ,UAAAA,GACEC,YAAAA,GACNL,MAAAA,GACEA,QAAAA,GACKM,aAAAA,GACF,YAAA,UACA,WAAAQ,GACCF,YAAAA,GACTC,GAEFE,UAAAA,GACH,GAAOlB,OAAAG,GAAAH,OAAAQ,GAAAR,OAAAO,GAAAP,OAAAS,GAAAT,OAAAiB,GAAAjB,OAAAkB,GAAAlB,OAAAe,GAAAf,OAAAgB,GAAAhB,OAAAmB,KAAAA,IAAAnB,EAAA,CAAA;AAAA,MAAAoB;AAAA,EAAApB,SAAAG,KACPiB,IAAA,gBAAAC,EAAA,UAAA,EACK,GAAA,KACGlB,MAAAA,GAAK,GACXH,OAAAG,GAAAH,QAAAoB,KAAAA,IAAApB,EAAA,EAAA;AAAA,MAAAsB;AAAA,SAAAtB,EAAA,EAAA,MAAAI,KAAAJ,EAAA,EAAA,MAAAK,KAAAL,EAAA,EAAA,MAAAmB,KAAAnB,UAAAoB,KApBJE,IAAA,gBAAAC,EAACC,GAAA,EACMnB,KAAAA,GACCD,SAENe,UAAAA;AAAAA,IAAAA;AAAAA,IAaAC;AAAAA,EAAAA,GAIF,GAAQpB,QAAAI,GAAAJ,QAAAK,GAAAL,QAAAmB,GAAAnB,QAAAoB,GAAApB,QAAAsB,KAAAA,IAAAtB,EAAA,EAAA,GArBRsB;AAqBQ,CAEX;"}
+{"version":3,"file":"visualization.es119.js","sources":["../src/components/Graph/ScaleLegend.tsx"],"sourcesContent":["import React, { CSSProperties } from 'react';\nimport Typography from '@mui/material/Typography';\nimport InfoIcon from '@mui/icons-material/Info';\nimport Tooltip from '@mui/material/Tooltip';\n\ninterface ScaleProps {\n  scales: number[];\n  width: (n: number) => number;\n  scaleLabel?: string;\n}\n\nconst ScaleLegend: React.FC<ScaleProps> = ({ scales, width, scaleLabel }) => {\n  if (scales.length === 0) return null;\n\n  const sorted = [...scales].sort((a, b) => a - b);\n  const min = sorted[0];\n  const max = sorted[sorted.length - 1];\n  const mid1 = sorted[Math.floor(sorted.length / 4)];\n  const mid2 = sorted[Math.floor((sorted.length * 3) / 4)];\n\n  const scaleFunctionStr = width.toString();\n  let scaleFormula =\n    scaleFunctionStr\n      .match(/=>\\s*(.*)/)?.[1]\n      ?.trim()\n      .replace('Math.', '') || scaleFunctionStr;\n  if (scaleLabel) {\n    scaleFormula = scaleLabel;\n  }\n\n  const divStyle: CSSProperties = {\n    top: '20vh',\n    zIndex: 1000,\n    backgroundColor: 'white',\n    padding: '10px',\n    borderRadius: '5px',\n    fontSize: '13px',\n    width: '225px',\n    textAlign: 'left',\n  };\n\n  const scaleItemStyle: CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'left',\n    marginBottom: '5px',\n  };\n\n  return (\n    <div style={divStyle}>\n      <>\n        <Typography\n          variant=\"body2\"\n          component=\"h4\"\n          style={{\n            margin: '3px 0',\n            fontSize: '16px',\n            fontFamily: 'Arial',\n          }}\n        >\n          Edge Weight Scale:\n          <Tooltip\n            title={scaleFormula}\n            color=\"primary\"\n            sx={{ ml: 0.5 }}\n            placement=\"bottom\"\n          >\n            <InfoIcon\n              fontSize=\"small\"\n              style={{ marginBottom: '-4.5px', marginTop: '-7px' }}\n            />\n          </Tooltip>\n        </Typography>\n\n        <div\n          style={{\n            display: 'flex',\n            flexDirection: 'column',\n            alignItems: 'left',\n            marginTop: '10px',\n          }}\n        >\n          <div style={scaleItemStyle}>\n            <div\n              style={{\n                width: width(min),\n                height: '10px',\n                backgroundColor: 'black',\n                display: 'inline-block',\n              }}\n            ></div>\n            <Typography\n              variant=\"body2\"\n              style={{\n                marginLeft: '10px',\n                fontSize: '14px',\n                fontFamily: 'Arial',\n              }}\n            >\n              {min.toFixed(2)}\n            </Typography>\n          </div>\n          <div style={scaleItemStyle}>\n            <div\n              style={{\n                width: width(mid1),\n                height: '10px',\n                backgroundColor: 'black',\n                display: 'inline-block',\n              }}\n            ></div>\n            <Typography\n              variant=\"body2\"\n              style={{\n                marginLeft: '10px',\n                fontSize: '14px',\n                fontFamily: 'Arial',\n              }}\n            >\n              {mid1.toFixed(2)}\n            </Typography>\n          </div>\n          <div style={scaleItemStyle}>\n            <div\n              style={{\n                width: width(mid2),\n                height: '10px',\n                backgroundColor: 'black',\n                display: 'inline-block',\n              }}\n            ></div>\n            <Typography\n              variant=\"body2\"\n              style={{\n                marginLeft: '10px',\n                fontSize: '14px',\n                fontFamily: 'Arial',\n              }}\n            >\n              {mid2.toFixed(2)}\n            </Typography>\n          </div>\n          <div style={scaleItemStyle}>\n            <div\n              style={{\n                width: width(max),\n                height: '10px',\n                backgroundColor: 'black',\n                display: 'inline-block',\n              }}\n            ></div>\n            <Typography\n              variant=\"body2\"\n              style={{\n                marginLeft: '10px',\n                fontSize: '14px',\n                fontFamily: 'Arial',\n              }}\n            >\n              {max.toFixed(2)}\n            </Typography>\n          </div>\n        </div>\n      </>\n    </div>\n  );\n};\n\nexport default ScaleLegend;\n"],"names":["ScaleLegend","t0","$","_c","scales","width","scaleLabel","length","T0","t1","t10","t11","t2","t3","t4","t5","t6","t7","t8","t9","sorted","sort","_temp","min","max","mid1","Math","floor","mid2","t12","scaleFunctionStr","toString","match","trim","replace","scaleFormula","t13","Symbol","for","top","zIndex","backgroundColor","padding","borderRadius","fontSize","textAlign","divStyle","t14","display","alignItems","justifyContent","marginBottom","scaleItemStyle","t15","margin","fontFamily","t16","ml","t17","jsx","InfoIcon","marginTop","Typography","Tooltip","flexDirection","t18","marginLeft","jsxs","height","toFixed","t19","t20","a","b"],"mappings":";;;;;AAWA,MAAMA,IAAoCC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAC;AAAA,IAAAC,QAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,YAAAA;AAAAA,EAAAA,IAAAL;AACzC,MAAIG,EAAMG,WAAY;AAAC,WAAS;AAAK,MAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC;AAAA,MAAAjB,EAAA,CAAA,MAAAI,KAAAJ,SAAAE,KAAAF,EAAA,CAAA,MAAAG,GAAA;AAErC,UAAAe,IAAe,CAAA,GAAIhB,CAAM,EAACiB,KAAMC,CAAe,GAC/CC,IAAYH,EAAM,CAAA,GAClBI,IAAYJ,EAAOA,EAAMb,SAAU,CAAC,GACpCkB,IAAaL,EAAOM,KAAIC,MAAOP,EAAMb,SAAU,CAAC,CAAC,GACjDqB,IAAaR,EAAOM,KAAIC,MAAQP,EAAMb,SAAU,IAAK,CAAC,CAAC;AAAE,QAAAsB;AAAA,QAAA3B,UAAAG,GAAA;AAEzD,YAAAyB,IAAyBzB,EAAK0B,SAAAA;AAE5BF,MAAAA,IAAAC,EAAgBE,MACP,WAAgB,QACjBC,KAAAA,EACEC,QAAC,SAAS,EAAsB,KAH1CJ,GAG2C5B,QAAAG,GAAAH,QAAA2B;AAAAA,IAAA;AAAAA,MAAAA,IAAA3B,EAAA,EAAA;AAJ7C,QAAAiC,IACEN;AAIF,IAAIvB,MACF6B,IAAe7B;AAChB,QAAA8B;AAAA,IAAAlC,EAAA,EAAA,MAAAmC,uBAAAC,IAAA,2BAAA,KAE+BF,IAAA;AAAA,MAAAG,KACzB;AAAA,MAAMC,QACH;AAAA,MAAIC,iBACK;AAAA,MAAOC,SACf;AAAA,MAAMC,cACD;AAAA,MAAKC,UACT;AAAA,MAAMvC,OACT;AAAA,MAAOwC,WACH;AAAA,IAAA,GACZ3C,QAAAkC,KAAAA,IAAAlC,EAAA,EAAA;AATD,UAAA4C,IAAgCV;AAS9B,QAAAW;AAAA,IAAA7C,EAAA,EAAA,MAAAmC,uBAAAC,IAAA,2BAAA,KAEoCS,IAAA;AAAA,MAAAC,SAC3B;AAAA,MAAMC,YACH;AAAA,MAAQC,gBACJ;AAAA,MAAMC,cACR;AAAA,IAAA,GACfjD,QAAA6C,KAAAA,IAAA7C,EAAA,EAAA;AALD,UAAAkD,IAAsCL;AAQxBD,IAAAA,IAAAA;AAAQ,QAAAO;AAAA,IAAAnD,EAAA,EAAA,MAAAmC,uBAAAC,IAAA,2BAAA,KAKPe,IAAA;AAAA,MAAAC,QACG;AAAA,MAAOV,UACL;AAAA,MAAMW,YACJ;AAAA,IAAA,GACbrD,QAAAmD,KAAAA,IAAAnD,EAAA,EAAA;AAAA,QAAAsD;AAAA,IAAAtD,EAAA,EAAA,MAAAmC,uBAAAC,IAAA,2BAAA,KAMKkB,IAAA;AAAA,MAAAC,IAAM;AAAA,IAAA,GAAKvD,QAAAsD,KAAAA,IAAAtD,EAAA,EAAA;AAAA,QAAAwD;AAAA,IAAAxD,EAAA,EAAA,MAAAmC,uBAAAC,IAAA,2BAAA,KAGfoB,IAAA,gBAAAC,EAACC,GAAA,EACU,UAAA,SACF,OAAA;AAAA,MAAAT,cAAgB;AAAA,MAAQU,WAAa;AAAA,IAAA,GAAQ,GACpD3D,QAAAwD,KAAAA,IAAAxD,EAAA,EAAA,GAAAA,UAAAiC,KAnBNzB,sBAACoD,GAAA,EACS,SAAA,SACE,WAAA,MACH,OAAAT,GAKR,UAAA;AAAA,MAAA;AAAA,MAEC,gBAAAM,EAACI,GAAA,EACQ5B,OAAAA,GACD,OAAA,WACF,IAAAqB,GACM,WAAA,UAEVE,UAAAA,EAAAA,CAIF;AAAA,IAAA,GACF,GAAaxD,QAAAiC,GAAAjC,QAAAQ,KAAAA,IAAAR,EAAA,EAAA,GAAAA,EAAA,EAAA,MAAAmC,uBAAAC,IAAA,2BAAA,KAGJtB,IAAA;AAAA,MAAAgC,SACI;AAAA,MAAMgB,eACA;AAAA,MAAQf,YACX;AAAA,MAAMY,WACP;AAAA,IAAA,GACZ3D,QAAAc,KAAAA,IAAAd,EAAA,EAAA;AAAA,QAAA+D;AAAA,IAAA/D,EAAA,EAAA,MAAAmC,uBAAAC,IAAA,2BAAA,KAaU2B,IAAA;AAAA,MAAAC,YACO;AAAA,MAAMtB,UACR;AAAA,MAAMW,YACJ;AAAA,IAAA,GACbrD,QAAA+D,KAAAA,IAAA/D,EAAA,EAAA,GAfLe,IAAA,gBAAAkD,EAAA,OAAA,EAAYf,OAAAA,GACV,UAAA;AAAA,MAAA,gBAAAO,EAAA,SACS,OAAA;AAAA,QAAAtD,OACEA,EAAMkB,CAAG;AAAA,QAAC6C,QACT;AAAA,QAAM3B,iBACG;AAAA,QAAOO,SACf;AAAA,MAAA,GACV;AAAA,MAEH,gBAAAW,EAACG,KACS,SAAA,SACD,OAAAG,GAMN1C,UAAAA,EAAG8C,QAAS,CAAC,EAAA,CAChB;AAAA,IAAA,GACF;AAAM,QAAAC;AAAA,IAAApE,EAAA,EAAA,MAAAmC,uBAAAC,IAAA,2BAAA,KAYKgC,IAAA;AAAA,MAAAJ,YACO;AAAA,MAAMtB,UACR;AAAA,MAAMW,YACJ;AAAA,IAAA,GACbrD,QAAAoE,KAAAA,IAAApE,EAAA,EAAA,GAfLgB,IAAA,gBAAAiD,EAAA,OAAA,EAAYf,OAAAA,GACV,UAAA;AAAA,MAAA,gBAAAO,EAAA,SACS,OAAA;AAAA,QAAAtD,OACEA,EAAMoB,CAAI;AAAA,QAAC2C,QACV;AAAA,QAAM3B,iBACG;AAAA,QAAOO,SACf;AAAA,MAAA,GACV;AAAA,MAEH,gBAAAW,EAACG,KACS,SAAA,SACD,OAAAQ,GAMN7C,UAAAA,EAAI4C,QAAS,CAAC,EAAA,CACjB;AAAA,IAAA,GACF;AAAM,QAAAE;AAAA,IAAArE,EAAA,EAAA,MAAAmC,uBAAAC,IAAA,2BAAA,KAYKiC,IAAA;AAAA,MAAAL,YACO;AAAA,MAAMtB,UACR;AAAA,MAAMW,YACJ;AAAA,IAAA,GACbrD,QAAAqE,KAAAA,IAAArE,EAAA,EAAA,GAfLiB,IAAA,gBAAAgD,EAAA,OAAA,EAAYf,OAAAA,GACV,UAAA;AAAA,MAAA,gBAAAO,EAAA,SACS,OAAA;AAAA,QAAAtD,OACEA,EAAMuB,CAAI;AAAA,QAACwC,QACV;AAAA,QAAM3B,iBACG;AAAA,QAAOO,SACf;AAAA,MAAA,GACV;AAAA,MAEH,gBAAAW,EAACG,KACS,SAAA,SACD,OAAAS,GAMN3C,UAAAA,EAAIyC,QAAS,CAAC,EAAA,CACjB;AAAA,IAAA,GACF,GACYjB,IAAAA,GACVrC,IAAA,gBAAA4C,EAAA,SACS,OAAA;AAAA,MAAAtD,OACEA,EAAMmB,CAAG;AAAA,MAAC4C,QACT;AAAA,MAAM3B,iBACG;AAAA,MAAOO,SACf;AAAA,IAAA,GACV,GAEFxC,IAAAsD,GACSrD,IAAA,SAAOP,EAAA,EAAA,MAAAmC,uBAAAC,IAAA,2BAAA,KACR1B,IAAA;AAAA,MAAAsD,YACO;AAAA,MAAMtB,UACR;AAAA,MAAMW,YACJ;AAAA,IAAA,GACbrD,QAAAU,KAAAA,IAAAV,EAAA,EAAA,GAEAW,IAAAW,EAAG6C,QAAS,CAAC,GAACnE,OAAAI,GAAAJ,OAAAE,GAAAF,OAAAG,GAAAH,OAAAM,GAAAN,OAAAO,GAAAP,OAAAQ,GAAAR,OAAAS,GAAAT,OAAAU,GAAAV,OAAAW,GAAAX,OAAAY,GAAAZ,QAAAa,GAAAb,QAAAc,GAAAd,QAAAe,GAAAf,QAAAgB,GAAAhB,QAAAiB;AAAAA,EAAA;AAAAX,IAAAA,IAAAN,EAAA,CAAA,GAAAO,IAAAP,EAAA,CAAA,GAAAQ,IAAAR,EAAA,CAAA,GAAAS,IAAAT,EAAA,CAAA,GAAAU,IAAAV,EAAA,CAAA,GAAAW,IAAAX,EAAA,CAAA,GAAAY,IAAAZ,EAAA,CAAA,GAAAa,IAAAb,EAAA,EAAA,GAAAc,IAAAd,EAAA,EAAA,GAAAe,IAAAf,EAAA,EAAA,GAAAgB,IAAAhB,EAAA,EAAA,GAAAiB,IAAAjB,EAAA,EAAA;AAAA,MAAA2B;AAAA,EAAA3B,EAAA,EAAA,MAAAM,KAAAN,EAAA,EAAA,MAAAO,KAAAP,EAAA,EAAA,MAAAU,KAAAV,UAAAW,KARjBgB,sBAACrB,GAAA,EACS,SAAAC,GACD,OAAAG,GAMNC,UAAAA,GACH,GAAaX,QAAAM,GAAAN,QAAAO,GAAAP,QAAAU,GAAAV,QAAAW,GAAAX,QAAA2B,KAAAA,IAAA3B,EAAA,EAAA;AAAA,MAAAkC;AAAA,EAAAlC,EAAA,EAAA,MAAA2B,KAAA3B,UAAAY,KAAAZ,EAAA,EAAA,MAAAa,KAlBfqB,IAAA,gBAAA+B,EAAA,OAAA,EAAYf,UACVrC,UAAAA;AAAAA,IAAAA;AAAAA,IAQAc;AAAAA,EAAAA,GAUF,GAAM3B,QAAA2B,GAAA3B,QAAAY,GAAAZ,QAAAa,GAAAb,QAAAkC,KAAAA,IAAAlC,EAAA,EAAA;AAAA,MAAA6C;AAAA,EAAA7C,EAAA,EAAA,MAAAkC,KAAAlC,EAAA,EAAA,MAAAc,KAAAd,EAAA,EAAA,MAAAe,KAAAf,EAAA,EAAA,MAAAgB,KAAAhB,UAAAiB,KAvFR4B,IAAA,gBAAAoB,EAAA,OAAA,EACS,OAAAnD,GAOPC,UAAAA;AAAAA,IAAAA;AAAAA,IAoBAC;AAAAA,IAoBAC;AAAAA,IAoBAiB;AAAAA,EAAAA,GAoBF,GAAMlC,QAAAkC,GAAAlC,QAAAc,GAAAd,QAAAe,GAAAf,QAAAgB,GAAAhB,QAAAiB,GAAAjB,QAAA6C,KAAAA,IAAA7C,EAAA,EAAA;AAAA,MAAAmD;AAAA,EAAAnD,EAAA,EAAA,MAAAQ,KAAAR,UAAA6C,KAhHRM,2BACE3C,UAAAA;AAAAA,IAAAA;AAAAA,IAuBAqC;AAAAA,EAAAA,GAwFM,GACL7C,QAAAQ,GAAAR,QAAA6C,GAAA7C,QAAAmD,KAAAA,IAAAnD,EAAA,EAAA;AAAA,MAAAsD;AAAA,SAAAtD,EAAA,EAAA,MAAAS,KAAAT,UAAAmD,KAlHLG,IAAA,gBAAAG,EAAA,OAAA,EAAYb,OAAAA,GACVO,UAAAA,GAkHF,GAAMnD,QAAAS,GAAAT,QAAAmD,GAAAnD,QAAAsD,KAAAA,IAAAtD,EAAA,EAAA,GAnHNsD;AAmHM;AAzJgC,SAAAlC,EAAAkD,GAAAC,GAAA;AAAA,SAGED,IAAIC;AAAC;"}

package/dist/visualization.es12.js

@@ -1,8 +1,8 @@
 import { jsx as m } from "react/jsx-runtime";
 import { c as S } from "react/compiler-runtime";
 import { memo as T, useState as P, useImperativeHandle as b } from "react";
-import g from "./visualization.es81.js";
-import x from "./visualization.es83.js";
+import g from "./visualization.es21.js";
+import x from "./visualization.es22.js";
 const c = 10;
 function y(l) {
   const t = S(10), {