@weng-lab/visualization 1.3.0 → 1.3.2

package/dist/visualization.es84.js

@@ -0,0 +1,150 @@
+import { j as t } from "./visualization.es11.js";
+import { c as H } from "./visualization.es68.js";
+import J from "./visualization.es233.js";
+import j from "./visualization.es234.js";
+import K from "./visualization.es94.js";
+const X = (R) => {
+  const e = H.c(50), {
+    scales: _,
+    width: l,
+    scaleLabel: u
+  } = R;
+  if (_.length === 0)
+    return null;
+  let r, a, i, c, o, m, f, d, n, x, h, p;
+  if (e[0] !== u || e[1] !== _ || e[2] !== l) {
+    const s = [..._].sort(N), B = s[0], D = s[s.length - 1], W = s[Math.floor(s.length / 4)], $ = s[Math.floor(s.length * 3 / 4)];
+    let k;
+    if (e[15] !== l) {
+      const q = l.toString();
+      k = q.match(/=>\s*(.*)/)?.[1]?.trim().replace("Math.", "") || q, e[15] = l, e[16] = k;
+    } else
+      k = e[16];
+    let F = k;
+    u && (F = u);
+    let z;
+    e[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (z = {
+      top: "20vh",
+      zIndex: 1e3,
+      backgroundColor: "white",
+      padding: "10px",
+      borderRadius: "5px",
+      fontSize: "13px",
+      width: "225px",
+      textAlign: "left"
+    }, e[17] = z) : z = e[17];
+    const G = z;
+    let w;
+    e[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "left",
+      marginBottom: "5px"
+    }, e[18] = w) : w = e[18];
+    const A = w;
+    c = G;
+    let C;
+    e[19] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (C = {
+      margin: "3px 0",
+      fontSize: "16px",
+      fontFamily: "Arial"
+    }, e[19] = C) : C = e[19];
+    let I;
+    e[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (I = {
+      ml: 0.5
+    }, e[20] = I) : I = e[20];
+    let L;
+    e[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (L = /* @__PURE__ */ t.jsx(J, { fontSize: "small", style: {
+      marginBottom: "-4.5px",
+      marginTop: "-7px"
+    } }), e[21] = L) : L = e[21], e[22] !== F ? (i = /* @__PURE__ */ t.jsxs(j, { variant: "body2", component: "h4", style: C, children: [
+      "Edge Weight Scale:",
+      /* @__PURE__ */ t.jsx(K, { title: F, color: "primary", sx: I, placement: "bottom", children: L })
+    ] }), e[22] = F, 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 T;
+    e[25] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (T = {
+      marginLeft: "10px",
+      fontSize: "14px",
+      fontFamily: "Arial"
+    }, e[25] = T) : T = e[25], x = /* @__PURE__ */ t.jsxs("div", { style: A, children: [
+      /* @__PURE__ */ t.jsx("div", { style: {
+        width: l(B),
+        height: "10px",
+        backgroundColor: "black",
+        display: "inline-block"
+      } }),
+      /* @__PURE__ */ t.jsx(j, { variant: "body2", style: T, children: B.toFixed(2) })
+    ] });
+    let E;
+    e[26] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (E = {
+      marginLeft: "10px",
+      fontSize: "14px",
+      fontFamily: "Arial"
+    }, e[26] = E) : E = e[26], h = /* @__PURE__ */ t.jsxs("div", { style: A, children: [
+      /* @__PURE__ */ t.jsx("div", { style: {
+        width: l(W),
+        height: "10px",
+        backgroundColor: "black",
+        display: "inline-block"
+      } }),
+      /* @__PURE__ */ t.jsx(j, { variant: "body2", style: E, children: W.toFixed(2) })
+    ] });
+    let M;
+    e[27] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (M = {
+      marginLeft: "10px",
+      fontSize: "14px",
+      fontFamily: "Arial"
+    }, e[27] = M) : M = e[27], p = /* @__PURE__ */ t.jsxs("div", { style: A, children: [
+      /* @__PURE__ */ t.jsx("div", { style: {
+        width: l($),
+        height: "10px",
+        backgroundColor: "black",
+        display: "inline-block"
+      } }),
+      /* @__PURE__ */ t.jsx(j, { variant: "body2", style: M, children: $.toFixed(2) })
+    ] }), f = A, d = /* @__PURE__ */ t.jsx("div", { style: {
+      width: l(D),
+      height: "10px",
+      backgroundColor: "black",
+      display: "inline-block"
+    } }), r = j, a = "body2", e[28] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = {
+      marginLeft: "10px",
+      fontSize: "14px",
+      fontFamily: "Arial"
+    }, e[28] = o) : o = e[28], m = D.toFixed(2), e[0] = u, e[1] = _, e[2] = l, e[3] = r, e[4] = a, e[5] = i, e[6] = c, e[7] = o, e[8] = m, e[9] = f, e[10] = d, e[11] = n, e[12] = x, e[13] = h, e[14] = p;
+  } else
+    r = e[3], a = e[4], i = e[5], c = e[6], o = e[7], m = e[8], f = e[9], d = e[10], n = e[11], x = e[12], h = e[13], p = e[14];
+  let y;
+  e[29] !== r || e[30] !== a || e[31] !== o || e[32] !== m ? (y = /* @__PURE__ */ t.jsx(r, { variant: a, style: o, children: m }), e[29] = r, e[30] = a, e[31] = o, e[32] = m, e[33] = y) : y = e[33];
+  let g;
+  e[34] !== y || e[35] !== f || e[36] !== d ? (g = /* @__PURE__ */ t.jsxs("div", { style: f, children: [
+    d,
+    y
+  ] }), e[34] = y, e[35] = f, e[36] = d, e[37] = g) : g = e[37];
+  let b;
+  e[38] !== g || e[39] !== n || e[40] !== x || e[41] !== h || e[42] !== p ? (b = /* @__PURE__ */ t.jsxs("div", { style: n, children: [
+    x,
+    h,
+    p,
+    g
+  ] }), e[38] = g, e[39] = n, e[40] = x, e[41] = h, e[42] = p, e[43] = b) : b = e[43];
+  let S;
+  e[44] !== i || e[45] !== b ? (S = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    i,
+    b
+  ] }), e[44] = i, e[45] = b, e[46] = S) : S = e[46];
+  let v;
+  return e[47] !== c || e[48] !== S ? (v = /* @__PURE__ */ t.jsx("div", { style: c, children: S }), e[47] = c, e[48] = S, e[49] = v) : v = e[49], v;
+};
+function N(R, e) {
+  return R - e;
+}
+export {
+  X as default
+};
+//# sourceMappingURL=visualization.es84.js.map

package/dist/visualization.es84.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es84.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":"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"}

package/dist/visualization.es840.js

@@ -0,0 +1,16 @@
+function a(e) {
+  return Math.abs(e = Math.round(e)) >= 1e21 ? e.toLocaleString("en").replace(/,/g, "") : e.toString(10);
+}
+function r(e, i) {
+  if ((n = (e = i ? e.toExponential(i - 1) : e.toExponential()).indexOf("e")) < 0) return null;
+  var n, t = e.slice(0, n);
+  return [
+    t.length > 1 ? t[0] + t.slice(2) : t,
+    +e.slice(n + 1)
+  ];
+}
+export {
+  a as default,
+  r as formatDecimalParts
+};
+//# sourceMappingURL=visualization.es840.js.map

package/dist/visualization.es840.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es840.js","sources":["../../../node_modules/.pnpm/d3-format@3.1.0/node_modules/d3-format/src/formatDecimal.js"],"sourcesContent":["export default function(x) {\n  return Math.abs(x = Math.round(x)) >= 1e21\n      ? x.toLocaleString(\"en\").replace(/,/g, \"\")\n      : x.toString(10);\n}\n\n// Computes the decimal coefficient and exponent of the specified number x with\n// significant digits p, where x is positive and p is in [1, 21] or undefined.\n// For example, formatDecimalParts(1.23) returns [\"123\", 0].\nexport function formatDecimalParts(x, p) {\n  if ((i = (x = p ? x.toExponential(p - 1) : x.toExponential()).indexOf(\"e\")) < 0) return null; // NaN, ±Infinity\n  var i, coefficient = x.slice(0, i);\n\n  // The string returned by toExponential either has the form \\d\\.\\d+e[-+]\\d+\n  // (e.g., 1.2e+3) or the form \\de[-+]\\d+ (e.g., 1e+3).\n  return [\n    coefficient.length > 1 ? coefficient[0] + coefficient.slice(2) : coefficient,\n    +x.slice(i + 1)\n  ];\n}\n"],"names":["formatDecimal","x","formatDecimalParts","p","i","coefficient"],"mappings":"AAAe,SAAAA,EAASC,GAAG;AACzB,SAAO,KAAK,IAAIA,IAAI,KAAK,MAAMA,CAAC,CAAC,KAAK,OAChCA,EAAE,eAAe,IAAI,EAAE,QAAQ,MAAM,EAAE,IACvCA,EAAE,SAAS,EAAE;AACrB;AAKO,SAASC,EAAmBD,GAAGE,GAAG;AACvC,OAAKC,KAAKH,IAAIE,IAAIF,EAAE,cAAcE,IAAI,CAAC,IAAIF,EAAE,cAAa,GAAI,QAAQ,GAAG,KAAK,EAAG,QAAO;AACxF,MAAIG,GAAGC,IAAcJ,EAAE,MAAM,GAAGG,CAAC;AAIjC,SAAO;AAAA,IACLC,EAAY,SAAS,IAAIA,EAAY,CAAC,IAAIA,EAAY,MAAM,CAAC,IAAIA;AAAA,IACjE,CAACJ,EAAE,MAAMG,IAAI,CAAC;AAAA,EAClB;AACA;","x_google_ignoreList":[0]}

package/dist/visualization.es841.js

@@ -0,0 +1,11 @@
+import { formatDecimalParts as a } from "./visualization.es840.js";
+function f(t, o) {
+  var n = a(t, o);
+  if (!n) return t + "";
+  var e = n[0], r = n[1];
+  return r < 0 ? "0." + new Array(-r).join("0") + e : e.length > r + 1 ? e.slice(0, r + 1) + "." + e.slice(r + 1) : e + new Array(r - e.length + 2).join("0");
+}
+export {
+  f as default
+};
+//# sourceMappingURL=visualization.es841.js.map

package/dist/visualization.es841.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es841.js","sources":["../../../node_modules/.pnpm/d3-format@3.1.0/node_modules/d3-format/src/formatRounded.js"],"sourcesContent":["import {formatDecimalParts} from \"./formatDecimal.js\";\n\nexport default function(x, p) {\n  var d = formatDecimalParts(x, p);\n  if (!d) return x + \"\";\n  var coefficient = d[0],\n      exponent = d[1];\n  return exponent < 0 ? \"0.\" + new Array(-exponent).join(\"0\") + coefficient\n      : coefficient.length > exponent + 1 ? coefficient.slice(0, exponent + 1) + \".\" + coefficient.slice(exponent + 1)\n      : coefficient + new Array(exponent - coefficient.length + 2).join(\"0\");\n}\n"],"names":["formatRounded","x","p","d","formatDecimalParts","coefficient","exponent"],"mappings":";AAEe,SAAAA,EAASC,GAAGC,GAAG;AAC5B,MAAIC,IAAIC,EAAmBH,GAAGC,CAAC;AAC/B,MAAI,CAACC,EAAG,QAAOF,IAAI;AACnB,MAAII,IAAcF,EAAE,CAAC,GACjBG,IAAWH,EAAE,CAAC;AAClB,SAAOG,IAAW,IAAI,OAAO,IAAI,MAAM,CAACA,CAAQ,EAAE,KAAK,GAAG,IAAID,IACxDA,EAAY,SAASC,IAAW,IAAID,EAAY,MAAM,GAAGC,IAAW,CAAC,IAAI,MAAMD,EAAY,MAAMC,IAAW,CAAC,IAC7GD,IAAc,IAAI,MAAMC,IAAWD,EAAY,SAAS,CAAC,EAAE,KAAK,GAAG;AAC3E;","x_google_ignoreList":[0]}

package/dist/visualization.es842.js

@@ -0,0 +1,12 @@
+import { __require as _ } from "./visualization.es589.js";
+var r, e;
+function s() {
+  if (e) return r;
+  e = 1;
+  var a = _(), o = a["__core-js_shared__"];
+  return r = o, r;
+}
+export {
+  s as __require
+};
+//# sourceMappingURL=visualization.es842.js.map

package/dist/visualization.es842.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es842.js","sources":["../../../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/_coreJsData.js"],"sourcesContent":["var root = require('./_root');\n\n/** Used to detect overreaching core-js shims. */\nvar coreJsData = root['__core-js_shared__'];\n\nmodule.exports = coreJsData;\n"],"names":["root","require$$0","coreJsData","_coreJsData"],"mappings":";;;;;AAAA,MAAIA,IAAOC,EAAA,GAGPC,IAAaF,EAAK,oBAAoB;AAE1C,SAAAG,IAAiBD;;","x_google_ignoreList":[0]}

package/dist/visualization.es843.js

@@ -0,0 +1,9 @@
+function e(o, r) {
+  return e = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t, n) {
+    return t.__proto__ = n, t;
+  }, e(o, r);
+}
+export {
+  e as default
+};
+//# sourceMappingURL=visualization.es843.js.map

package/dist/visualization.es843.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es843.js","sources":["../../../node_modules/.pnpm/@babel+runtime@7.29.2/node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js"],"sourcesContent":["function _setPrototypeOf(t, e) {\n  return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {\n    return t.__proto__ = e, t;\n  }, _setPrototypeOf(t, e);\n}\nexport { _setPrototypeOf as default };"],"names":["_setPrototypeOf","t","e"],"mappings":"AAAA,SAASA,EAAgBC,GAAGC,GAAG;AAC7B,SAAOF,IAAkB,OAAO,iBAAiB,OAAO,eAAe,KAAI,IAAK,SAAU,GAAGE,GAAG;AAC9F,WAAO,EAAE,YAAYA,GAAG;AAAA,EAC1B,GAAGF,EAAgBC,GAAGC,CAAC;AACzB;","x_google_ignoreList":[0]}

package/dist/visualization.es844.js

@@ -0,0 +1,13 @@
+function p(e, r, t) {
+  e.prototype = r.prototype = t, t.constructor = e;
+}
+function n(e, r) {
+  var t = Object.create(e.prototype);
+  for (var o in r) t[o] = r[o];
+  return t;
+}
+export {
+  p as default,
+  n as extend
+};
+//# sourceMappingURL=visualization.es844.js.map

package/dist/visualization.es844.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es844.js","sources":["../../../node_modules/.pnpm/d3-color@3.1.0/node_modules/d3-color/src/define.js"],"sourcesContent":["export default function(constructor, factory, prototype) {\n  constructor.prototype = factory.prototype = prototype;\n  prototype.constructor = constructor;\n}\n\nexport function extend(parent, definition) {\n  var prototype = Object.create(parent.prototype);\n  for (var key in definition) prototype[key] = definition[key];\n  return prototype;\n}\n"],"names":["define","constructor","factory","prototype","extend","parent","definition","key"],"mappings":"AAAe,SAAAA,EAASC,GAAaC,GAASC,GAAW;AACvD,EAAAF,EAAY,YAAYC,EAAQ,YAAYC,GAC5CA,EAAU,cAAcF;AAC1B;AAEO,SAASG,EAAOC,GAAQC,GAAY;AACzC,MAAIH,IAAY,OAAO,OAAOE,EAAO,SAAS;AAC9C,WAASE,KAAOD,EAAY,CAAAH,EAAUI,CAAG,IAAID,EAAWC,CAAG;AAC3D,SAAOJ;AACT;","x_google_ignoreList":[0]}

package/dist/visualization.es845.js

@@ -0,0 +1,6 @@
+const t = Math.PI / 180, a = 180 / Math.PI;
+export {
+  a as degrees,
+  t as radians
+};
+//# sourceMappingURL=visualization.es845.js.map

package/dist/visualization.es845.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es845.js","sources":["../../../node_modules/.pnpm/d3-color@3.1.0/node_modules/d3-color/src/math.js"],"sourcesContent":["export const radians = Math.PI / 180;\nexport const degrees = 180 / Math.PI;\n"],"names":["radians","degrees"],"mappings":"AAAY,MAACA,IAAU,KAAK,KAAK,KACpBC,IAAU,MAAM,KAAK;","x_google_ignoreList":[0]}

package/dist/visualization.es85.js

@@ -0,0 +1,11 @@
+import { j as o } from "./visualization.es11.js";
+import r from "./visualization.es231.js";
+const a = r([/* @__PURE__ */ o.jsx("path", {
+  d: "M6.41 6 5 7.41 9.58 12 5 16.59 6.41 18l6-6z"
+}, "0"), /* @__PURE__ */ o.jsx("path", {
+  d: "m13 6-1.41 1.41L16.17 12l-4.58 4.59L13 18l6-6z"
+}, "1")], "KeyboardDoubleArrowRight");
+export {
+  a as default
+};
+//# sourceMappingURL=visualization.es85.js.map

package/dist/visualization.es85.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es85.js","sources":["../../../node_modules/.pnpm/@mui+icons-material@7.3.9_@mui+material@7.3.9_@emotion+react@11.14.0_@types+react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/KeyboardDoubleArrowRight.js"],"sourcesContent":["\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon([/*#__PURE__*/_jsx(\"path\", {\n  d: \"M6.41 6 5 7.41 9.58 12 5 16.59 6.41 18l6-6z\"\n}, \"0\"), /*#__PURE__*/_jsx(\"path\", {\n  d: \"m13 6-1.41 1.41L16.17 12l-4.58 4.59L13 18l6-6z\"\n}, \"1\")], 'KeyboardDoubleArrowRight');"],"names":["KeyboardDoubleArrowRightIcon","createSvgIcon","_jsx"],"mappings":";;AAIA,MAAAA,IAAeC,EAAc,CAAcC,gBAAAA,EAAAA,IAAK,QAAQ;AAAA,EACtD,GAAG;AACL,GAAG,GAAG,GAAgBA,gBAAAA,EAAAA,IAAK,QAAQ;AAAA,EACjC,GAAG;AACL,GAAG,GAAG,CAAC,GAAG,0BAA0B;","x_google_ignoreList":[0]}

package/dist/visualization.es86.js

@@ -0,0 +1,11 @@
+import { j as o } from "./visualization.es11.js";
+import r from "./visualization.es231.js";
+const a = r([/* @__PURE__ */ o.jsx("path", {
+  d: "M17.59 18 19 16.59 14.42 12 19 7.41 17.59 6l-6 6z"
+}, "0"), /* @__PURE__ */ o.jsx("path", {
+  d: "m11 18 1.41-1.41L7.83 12l4.58-4.59L11 6l-6 6z"
+}, "1")], "KeyboardDoubleArrowLeft");
+export {
+  a as default
+};
+//# sourceMappingURL=visualization.es86.js.map

package/dist/visualization.es86.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es86.js","sources":["../../../node_modules/.pnpm/@mui+icons-material@7.3.9_@mui+material@7.3.9_@emotion+react@11.14.0_@types+react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/KeyboardDoubleArrowLeft.js"],"sourcesContent":["\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon([/*#__PURE__*/_jsx(\"path\", {\n  d: \"M17.59 18 19 16.59 14.42 12 19 7.41 17.59 6l-6 6z\"\n}, \"0\"), /*#__PURE__*/_jsx(\"path\", {\n  d: \"m11 18 1.41-1.41L7.83 12l4.58-4.59L11 6l-6 6z\"\n}, \"1\")], 'KeyboardDoubleArrowLeft');"],"names":["KeyboardDoubleArrowLeftIcon","createSvgIcon","_jsx"],"mappings":";;AAIA,MAAAA,IAAeC,EAAc,CAAcC,gBAAAA,EAAAA,IAAK,QAAQ;AAAA,EACtD,GAAG;AACL,GAAG,GAAG,GAAgBA,gBAAAA,EAAAA,IAAK,QAAQ;AAAA,EACjC,GAAG;AACL,GAAG,GAAG,CAAC,GAAG,yBAAyB;","x_google_ignoreList":[0]}

package/dist/visualization.es87.js

@@ -0,0 +1,9 @@
+import { j as o } from "./visualization.es11.js";
+import t from "./visualization.es231.js";
+const n = t(/* @__PURE__ */ o.jsx("path", {
+  d: "M5 20h14v-2H5zM19 9h-4V3H9v6H5l7 7z"
+}), "Download");
+export {
+  n as default
+};
+//# sourceMappingURL=visualization.es87.js.map

package/dist/visualization.es87.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es87.js","sources":["../../../node_modules/.pnpm/@mui+icons-material@7.3.9_@mui+material@7.3.9_@emotion+react@11.14.0_@types+react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/Download.js"],"sourcesContent":["\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n  d: \"M5 20h14v-2H5zM19 9h-4V3H9v6H5l7 7z\"\n}), 'Download');"],"names":["DownloadIcon","createSvgIcon","_jsx"],"mappings":";;AAIA,MAAAA,IAAeC,EAA2BC,gBAAAA,EAAAA,IAAK,QAAQ;AAAA,EACrD,GAAG;AACL,CAAC,GAAG,UAAU;","x_google_ignoreList":[0]}

package/dist/visualization.es88.js

@@ -0,0 +1,9 @@
+import { j as o } from "./visualization.es11.js";
+import t from "./visualization.es231.js";
+const r = t(/* @__PURE__ */ o.jsx("path", {
+  d: "M10.59 9.17 5.41 4 4 5.41l5.17 5.17zM14.5 4l2.04 2.04L4 18.59 5.41 20 17.96 7.46 20 9.5V4zm.33 9.41-1.41 1.41 3.13 3.13L14.5 20H20v-5.5l-2.04 2.04z"
+}), "Shuffle");
+export {
+  r as default
+};
+//# sourceMappingURL=visualization.es88.js.map

package/dist/visualization.es88.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es88.js","sources":["../../../node_modules/.pnpm/@mui+icons-material@7.3.9_@mui+material@7.3.9_@emotion+react@11.14.0_@types+react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/Shuffle.js"],"sourcesContent":["\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n  d: \"M10.59 9.17 5.41 4 4 5.41l5.17 5.17zM14.5 4l2.04 2.04L4 18.59 5.41 20 17.96 7.46 20 9.5V4zm.33 9.41-1.41 1.41 3.13 3.13L14.5 20H20v-5.5l-2.04 2.04z\"\n}), 'Shuffle');"],"names":["ShuffleIcon","createSvgIcon","_jsx"],"mappings":";;AAIA,MAAAA,IAAeC,EAA2BC,gBAAAA,EAAAA,IAAK,QAAQ;AAAA,EACrD,GAAG;AACL,CAAC,GAAG,SAAS;","x_google_ignoreList":[0]}

package/dist/visualization.es89.js

@@ -0,0 +1,9 @@
+import { j as o } from "./visualization.es11.js";
+import t from "./visualization.es231.js";
+const r = t(/* @__PURE__ */ o.jsx("path", {
+  d: "M17.63 5.84C17.27 5.33 16.67 5 16 5L5 5.01C3.9 5.01 3 5.9 3 7v10c0 1.1.9 1.99 2 1.99L16 19c.67 0 1.27-.33 1.63-.84L22 12z"
+}), "Label");
+export {
+  r as default
+};
+//# sourceMappingURL=visualization.es89.js.map

package/dist/visualization.es89.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es89.js","sources":["../../../node_modules/.pnpm/@mui+icons-material@7.3.9_@mui+material@7.3.9_@emotion+react@11.14.0_@types+react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/Label.js"],"sourcesContent":["\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n  d: \"M17.63 5.84C17.27 5.33 16.67 5 16 5L5 5.01C3.9 5.01 3 5.9 3 7v10c0 1.1.9 1.99 2 1.99L16 19c.67 0 1.27-.33 1.63-.84L22 12z\"\n}), 'Label');"],"names":["LabelIcon","createSvgIcon","_jsx"],"mappings":";;AAIA,MAAAA,IAAeC,EAA2BC,gBAAAA,EAAAA,IAAK,QAAQ;AAAA,EACrD,GAAG;AACL,CAAC,GAAG,OAAO;","x_google_ignoreList":[0]}

package/dist/visualization.es9.js

@@ -0,0 +1,189 @@
+import { j as s } from "./visualization.es11.js";
+import { useState as G, useRef as L, useEffect as w, useCallback as V, useMemo as D } from "react";
+import gt from "./visualization.es55.js";
+import vt from "./visualization.es54.js";
+import Xt from "./visualization.es25.js";
+import M from "./visualization.es33.js";
+import xt from "./visualization.es40.js";
+import { defaultStyles as Tt } from "./visualization.es42.js";
+const St = {
+  A: "#05ac05",
+  C: "#1668cb",
+  G: "#ffb700",
+  T: "#fd1414",
+  "-": "white"
+}, P = 50, B = 12, I = 12, y = 10, j = I + y + B + y, Et = 1, At = 50, J = 1.15, z = 5, K = (c, g, p) => Math.min(0, Math.max(p * (1 - g), c)), yt = ({
+  data: c,
+  width: g,
+  height: p,
+  getLabel: Q,
+  getOrderColor: tt,
+  getOrder: et,
+  hovered: R = [],
+  highlighted: nt = [],
+  onHoverChange: Y = () => null,
+  tooltipContents: k
+}) => {
+  const [v, ot] = G(null), [o, N] = G({
+    scaleX: 1,
+    translateX: 0
+  }), [W, _] = G(!1), X = L(o), F = L(0), U = L(0);
+  w(() => {
+    X.current = o;
+  }, [o]);
+  const x = V((t) => {
+    t !== v && (ot(t), Y(t));
+  }, [v, Y]), T = D(() => v ? [v, ...R] : R, [v, R]), {
+    tooltipData: $,
+    tooltipLeft: st,
+    tooltipTop: rt,
+    showTooltip: Z,
+    hideTooltip: C
+  } = gt(), {
+    TooltipInPortal: ct
+  } = vt({
+    scroll: !0,
+    detectBounds: !0
+  }), b = Object.keys(c).length, i = Object.values(c)[0]?.length ?? 0, r = g - j, f = p - P, H = D(() => {
+    const t = Object.keys(c).map((e) => [e, {
+      id: e,
+      label: Q(e),
+      order: et(e),
+      color: tt(e)
+    }]);
+    return new Map(t);
+  }, [c]), S = L(null);
+  w(() => {
+    const t = S.current;
+    if (!t) return;
+    const e = (n) => {
+      n.preventDefault();
+      const a = t.getBoundingClientRect(), m = n.clientX - a.left, {
+        scaleX: l,
+        translateX: h
+      } = X.current, d = n.deltaY < 0 ? J : 1 / J, u = Math.max(Et, Math.min(At, l * d)), E = m - (m - h) * (u / l), A = K(E, u, r);
+      N({
+        scaleX: u,
+        translateX: A
+      });
+    };
+    return t.addEventListener("wheel", e, {
+      passive: !1
+    }), () => t.removeEventListener("wheel", e);
+  }, [r]), w(() => {
+    const t = S.current;
+    if (!t) return;
+    const e = (n) => {
+      n.touches.length === 1 && n.preventDefault();
+    };
+    return t.addEventListener("touchstart", e, {
+      passive: !1
+    }), t.addEventListener("touchmove", e, {
+      passive: !1
+    }), () => {
+      t.removeEventListener("touchstart", e), t.removeEventListener("touchmove", e);
+    };
+  }, []), w(() => {
+    const t = S.current;
+    if (!t) return;
+    const e = t.getContext("2d");
+    if (!e) return;
+    const n = window.devicePixelRatio || 1;
+    t.width = r * n, t.height = f * n, t.style.width = `${r}px`, t.style.height = `${f}px`, e.setTransform(1, 0, 0, 1, 0, 0), e.clearRect(0, 0, t.width, t.height);
+    const a = t.width / i * o.scaleX, m = t.height / b, l = o.translateX * n;
+    e.setTransform(a, 0, 0, m, l, 0), Object.entries(c).forEach(([h, d], u) => {
+      d.forEach((E, A) => {
+        e.fillStyle = St[E], e.globalAlpha = T.length && !T.includes(h) ? 0.3 : 1, e.fillRect(A, u, 1, 1), e.globalAlpha = 1;
+      });
+    });
+  }, [c, r, f, i, b, T, o]);
+  const lt = V((t) => {
+    const {
+      scaleX: e,
+      translateX: n
+    } = X.current;
+    return Math.floor((t - n) / r * (i / e));
+  }, [r, i]), it = (t) => {
+    _(!0), F.current = t.clientX, U.current = X.current.translateX, t.currentTarget.setPointerCapture(t.pointerId);
+  }, at = (t) => {
+    const e = S.current;
+    if (!e) return;
+    if (W) {
+      const E = t.clientX - F.current, A = K(U.current + E, X.current.scaleX, r);
+      N((mt) => ({
+        ...mt,
+        translateX: A
+      }));
+      return;
+    }
+    const n = e.getBoundingClientRect(), a = t.clientX - n.left, m = t.clientY - n.top, l = lt(a), h = Math.floor(m / n.height * b), d = Object.keys(c)[h], u = c[d]?.[l];
+    l >= 0 && l < i && h >= 0 && h < b ? (x(d), Z({
+      tooltipTop: t.clientY,
+      tooltipLeft: t.clientX,
+      tooltipData: {
+        position: l,
+        basePair: u,
+        ...H.get(d)
+      }
+    })) : (x(null), C());
+  }, ht = () => {
+    _(!1);
+  }, dt = () => {
+    _(!1), x(null), C();
+  }, ut = (t, e) => {
+    x(e.id), Z({
+      tooltipLeft: t.clientX,
+      tooltipTop: t.clientY,
+      tooltipData: e
+    });
+  }, pt = (t, e) => {
+    x(null), C();
+  }, ft = D(() => Xt({
+    domain: [0, i - 1],
+    range: [o.translateX, r * o.scaleX + o.translateX]
+  }), [i, r, o]), q = D(() => [...H.values()], [H]), O = r + z;
+  return g < 10 || p < 10 ? null : /* @__PURE__ */ s.jsxs("div", { style: {
+    position: "relative",
+    width: g,
+    height: p
+  }, children: [
+    /* @__PURE__ */ s.jsxs("svg", { width: j, height: p, style: {
+      top: 0,
+      left: 0,
+      position: "absolute"
+    }, children: [
+      q.map((t, e) => {
+        const n = f / q.length;
+        return /* @__PURE__ */ s.jsxs("g", { onMouseMove: (a) => ut(a, t), onMouseLeave: (a) => pt(), opacity: T.length && !T.includes(t.id) ? 0.3 : 1, children: [
+          nt.includes(t.id) && /* @__PURE__ */ s.jsx("rect", { width: I, height: n, x: 0, y: n * e, fill: t.color, shapeRendering: "crispEdges" }),
+          /* @__PURE__ */ s.jsx("rect", { width: B, height: n, x: I + y, y: n * e, fill: t.color, shapeRendering: "crispEdges" })
+        ] }, e);
+      }),
+      /* @__PURE__ */ s.jsx(M, { angle: 270, textAnchor: "end", verticalAnchor: "middle", fontSize: 12, x: 0.5 * I, y: f + 2, children: "Highlight" }),
+      /* @__PURE__ */ s.jsx(M, { angle: 270, textAnchor: "end", verticalAnchor: "middle", fontSize: 12, x: I + y + 0.5 * B, y: f + 2, children: "Species" })
+    ] }),
+    /* @__PURE__ */ s.jsx("canvas", { ref: S, onPointerDown: it, onPointerMove: at, onPointerUp: ht, onPointerLeave: dt, style: {
+      position: "absolute",
+      left: j,
+      cursor: W ? "grabbing" : o.scaleX > 1 ? "grab" : "default"
+    } }),
+    /* @__PURE__ */ s.jsxs("svg", { width: O, height: P, style: {
+      position: "absolute",
+      //position it into the other svg by AXIS_LEFT_PADDING to fix axis cutoff of 0 at first load.
+      //can't fix with overflow visible since on zoom the axis needs to be clipped
+      left: j - z,
+      bottom: 0,
+      pointerEvents: "none",
+      overflow: "hidden"
+    }, children: [
+      /* @__PURE__ */ s.jsx(xt, { scale: ft, numTicks: Math.min(i, Math.round(10 * o.scaleX)), left: z }),
+      /* @__PURE__ */ s.jsx(M, { fontSize: 12, textAnchor: "middle", verticalAnchor: "end", x: O / 2, y: P - 4, children: "Position in cCRE  •  🟢 A  🔵 C  🟠 G  🔴 T" }),
+      /* @__PURE__ */ s.jsx(M, { fontSize: 12, textAnchor: "end", verticalAnchor: "end", x: O, y: P - 4, children: `${o.scaleX.toFixed(1)}×` })
+    ] }),
+    $ && k && /* @__PURE__ */ s.jsx(ct, { left: st, top: rt, style: Tt, children: k($) })
+  ] });
+};
+export {
+  yt as SequenceAlignmentPlot
+};
+//# sourceMappingURL=visualization.es9.js.map

package/dist/visualization.es9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es9.js","sources":["../src/components/SequenceAlignmentPlot/SequenceAlignmentPlot.tsx"],"sourcesContent":["import React, { useRef, useEffect, useState, useMemo, useCallback, ReactNode } from \"react\";\nimport { AxisBottom } from \"@visx/axis\";\nimport { scaleLinear } from \"@visx/scale\";\nimport { defaultStyles, useTooltip, useTooltipInPortal } from \"@visx/tooltip\";\nimport { Text } from \"@visx/text\";\n\nexport type Nucleotide = \"A\" | \"C\" | \"G\" | \"T\" | \"-\";\n\nconst NUCLEOTIDE_COLORS: Record<Nucleotide, string> = {\n  A: \"#05ac05\",\n  C: \"#1668cb\",\n  G: \"#ffb700\",\n  T: \"#fd1414\",\n  \"-\": \"white\",\n};\n\nexport interface SequenceAlignmentPlotProps {\n  data: { [id: string]: Nucleotide[] };\n  getLabel: (id: string) => string;\n  getOrderColor: (id: string) => string;\n  /**\n   * the evolutionary order, not sort order. Sort in plot by sorting input data\n   */\n  getOrder: (id: string) => string;\n  width: number;\n  height: number;\n  /**\n   * Used to sync plot state with hover on PhyloTree. Plot treats these as if they are internally hovered\n   */\n  hovered?: string[];\n  /**\n   * Fired when internal hover state changes\n   */\n  onHoverChange?: (hovered: string | null) => void;\n  /**\n   * Places indicator next to species\n   */\n  highlighted?: string[];\n  /**\n   * Optionally define tooltip for hover over leaf nodes\n   */\n  tooltipContents?: (tooltipData: TooltipData) => ReactNode;\n}\n\nconst AXIS_HEIGHT = 50;\nconst SPECIES_BAR_WIDTH = 12;\nconst HIGHLIGHTED_BAR_WIDTH = 12;\nconst PADDING = 10;\nconst HIGHLIGHTED_AND_SPECIES_SVG_WIDTH = HIGHLIGHTED_BAR_WIDTH + PADDING + SPECIES_BAR_WIDTH + PADDING;\nconst MIN_SCALE = 1;\nconst MAX_SCALE = 50;\nconst ZOOM_FACTOR = 1.15;\nconst AXIS_LEFT_PADDING = 5\n\nexport type SpeciesInfo = { id: string; label: string; order: string; color: string };\n\nexport type TooltipData = SpeciesInfo & {\n  basePair?: Nucleotide;\n  position?: number;\n};\n\ninterface ZoomTransform {\n  scaleX: number;\n  translateX: number;\n}\n\n/**\n * Clamps translateX so the data never scrolls outside the canvas bounds.\n * Valid range: [canvasWidth * (1 - scaleX), 0]\n */\nconst clampTranslateX = (translateX: number, scaleX: number, canvasWidth: number): number =>\n  Math.min(0, Math.max(canvasWidth * (1 - scaleX), translateX));\n\n/**\n * @todo This component could use some cleanup and maybe manual memoization to handle hover changes to highlight more efficiently\n * Maybe try debouncing the hover changes using requestAnimationFrame like PhyloTree\n */\nexport const SequenceAlignmentPlot: React.FC<SequenceAlignmentPlotProps> = ({\n  data,\n  width: totalWidth,\n  height: totalHeight,\n  getLabel,\n  getOrderColor,\n  getOrder,\n  hovered: externalHovered = [],\n  highlighted = [],\n  onHoverChange = () => null,\n  tooltipContents,\n}) => {\n  const [internalHovered, setInternalHovered] = useState<string | null>(null);\n  const [zoomTransform, setZoomTransform] = useState<ZoomTransform>({ scaleX: 1, translateX: 0 });\n  const [isDragging, setIsDragging] = useState(false);\n\n  // Refs for event handlers that need current values without being in dependency arrays\n  const zoomTransformRef = useRef<ZoomTransform>(zoomTransform);\n  const dragStartX = useRef(0);\n  const dragStartTranslateX = useRef(0);\n\n  // Keep ref in sync so the wheel handler (attached imperatively) always sees current transform\n  useEffect(() => {\n    zoomTransformRef.current = zoomTransform;\n  }, [zoomTransform]);\n\n  const handleSetInternalHover = useCallback(\n    (newHovered: string | null) => {\n      const changed = newHovered !== internalHovered;\n      if (changed) {\n        setInternalHovered(newHovered);\n        onHoverChange(newHovered);\n      }\n    },\n    [internalHovered, onHoverChange]\n  );\n\n  const hovered = useMemo(\n    () => (internalHovered ? [internalHovered, ...externalHovered] : externalHovered),\n    [internalHovered, externalHovered]\n  );\n\n  \n  const { tooltipData, tooltipLeft, tooltipTop, showTooltip, hideTooltip } = useTooltip<TooltipData>();\n  \n  const { TooltipInPortal } = useTooltipInPortal({\n    scroll: true,\n    detectBounds: true,\n  });\n  \n  const numSpecies = Object.keys(data).length;\n  const numPositions = Object.values(data)[0]?.length ?? 0;\n  \n  const canvasWidth = totalWidth - HIGHLIGHTED_AND_SPECIES_SVG_WIDTH;\n  const canvasHeight = totalHeight - AXIS_HEIGHT;\n  \n  const speciesInfo = useMemo(() => {\n    const entries: [string, SpeciesInfo][] = Object.keys(data).map((species) => [\n      species,\n      { id: species, label: getLabel(species), order: getOrder(species), color: getOrderColor(species) },\n    ]);\n    return new Map<string, SpeciesInfo>(entries);\n  }, [data]);\n  \n  const canvasRef = useRef<HTMLCanvasElement>(null);\n\n  // Attach wheel listener imperatively with passive: false so we can call preventDefault.\n  // React 17+ attaches onWheel passively, which prevents scroll cancellation.\n  useEffect(() => {\n    const canvas = canvasRef.current;\n    if (!canvas) return;\n\n    const handleWheel = (e: WheelEvent) => {\n      e.preventDefault();\n\n      const rect = canvas.getBoundingClientRect();\n      const cursorX = e.clientX - rect.left;\n      const { scaleX, translateX } = zoomTransformRef.current;\n\n      const zoomDir = e.deltaY < 0 ? ZOOM_FACTOR : 1 / ZOOM_FACTOR;\n      const newScaleX = Math.max(MIN_SCALE, Math.min(MAX_SCALE, scaleX * zoomDir));\n\n      // Adjust translateX so the data point under the cursor stays fixed\n      const newTranslateX = cursorX - (cursorX - translateX) * (newScaleX / scaleX);\n      const clampedTranslateX = clampTranslateX(newTranslateX, newScaleX, canvasWidth);\n\n      setZoomTransform({ scaleX: newScaleX, translateX: clampedTranslateX });\n    };\n\n    canvas.addEventListener(\"wheel\", handleWheel, { passive: false });\n    return () => canvas.removeEventListener(\"wheel\", handleWheel);\n  }, [canvasWidth]);\n\n  useEffect(() => {\n    const canvas = canvasRef.current;\n    if (!canvas) return;\n\n    const preventTouchScroll = (e: TouchEvent) => {\n      if (e.touches.length === 1) e.preventDefault(); // single finger = pan, not page scroll\n    };\n\n    canvas.addEventListener(\"touchstart\", preventTouchScroll, { passive: false });\n    canvas.addEventListener(\"touchmove\", preventTouchScroll, { passive: false });\n    return () => {\n      canvas.removeEventListener(\"touchstart\", preventTouchScroll);\n      canvas.removeEventListener(\"touchmove\", preventTouchScroll);\n    };\n  }, []);\n\n  // Draw to the cancas\n  useEffect(() => {\n    const canvas = canvasRef.current;\n    if (!canvas) return;\n\n    const ctx = canvas.getContext(\"2d\");\n    if (!ctx) return;\n\n    const dpr = window.devicePixelRatio || 1;\n\n    canvas.width = canvasWidth * dpr;\n    canvas.height = canvasHeight * dpr;\n    canvas.style.width = `${canvasWidth}px`;\n    canvas.style.height = `${canvasHeight}px`;\n\n    ctx.setTransform(1, 0, 0, 1, 0, 0);\n    ctx.clearRect(0, 0, canvas.width, canvas.height);\n\n    // Combine the base data→bitmap mapping with the zoom transform.\n    // translateX is in CSS pixels so it must be scaled by dpr for the bitmap.\n    const bitmapScaleX = (canvas.width / numPositions) * zoomTransform.scaleX;\n    const bitmapScaleY = canvas.height / numSpecies;\n    const bitmapTranslateX = zoomTransform.translateX * dpr;\n\n    ctx.setTransform(bitmapScaleX, 0, 0, bitmapScaleY, bitmapTranslateX, 0);\n\n    Object.entries(data).forEach(([species, sequence], y) => {\n      sequence.forEach((nucleotide, x) => {\n        ctx.fillStyle = NUCLEOTIDE_COLORS[nucleotide];\n        ctx.globalAlpha = hovered.length && !hovered.includes(species) ? 0.3 : 1;\n        ctx.fillRect(x, y, 1, 1);\n        ctx.globalAlpha = 1;\n      });\n    });\n  }, [data, canvasWidth, canvasHeight, numPositions, numSpecies, hovered, zoomTransform]);\n\n  // Converts a CSS pixel x position on the canvas to a data-space nucleotide index,\n  // inverting the zoom transform: dataX = (cssX - translateX) / (cssWidthPerDataUnit * scaleX)\n  const cssXToPosition = useCallback(\n    (cssX: number): number => {\n      const { scaleX, translateX } = zoomTransformRef.current;\n      return Math.floor(((cssX - translateX) / canvasWidth) * (numPositions / scaleX));\n    },\n    [canvasWidth, numPositions]\n  );\n\n  const handleHeatmapPointerDown = (e: React.PointerEvent<HTMLCanvasElement>) => {\n    setIsDragging(true);\n    dragStartX.current = e.clientX;\n    dragStartTranslateX.current = zoomTransformRef.current.translateX;\n    e.currentTarget.setPointerCapture(e.pointerId)\n  };\n\n  const handleHeatmapPointerMove = (e: React.PointerEvent<HTMLCanvasElement>) => {\n    const canvas = canvasRef.current;\n    if (!canvas) return;\n\n    // While dragging: update pan, suppress hover/tooltip\n    if (isDragging) {\n      const delta = e.clientX - dragStartX.current;\n      const newTranslateX = clampTranslateX(\n        dragStartTranslateX.current + delta,\n        zoomTransformRef.current.scaleX,\n        canvasWidth\n      );\n      setZoomTransform((prev) => ({ ...prev, translateX: newTranslateX }));\n      return;\n    }\n\n    const rect = canvas.getBoundingClientRect();\n    const cssX = e.clientX - rect.left;\n    const cssY = e.clientY - rect.top;\n\n    const position = cssXToPosition(cssX);\n    const speciesIndex = Math.floor((cssY / rect.height) * numSpecies);\n    const speciesId = Object.keys(data)[speciesIndex];\n    const basePair = data[speciesId]?.[position];\n\n    if (position >= 0 && position < numPositions && speciesIndex >= 0 && speciesIndex < numSpecies) {\n      handleSetInternalHover(speciesId);\n      showTooltip({\n        tooltipTop: e.clientY,\n        tooltipLeft: e.clientX,\n        tooltipData: { position, basePair, ...(speciesInfo.get(speciesId) as SpeciesInfo) },\n      });\n    } else {\n      handleSetInternalHover(null);\n      hideTooltip();\n    }\n  };\n\n  const handleHeatmapPointerUp = () => {\n    setIsDragging(false);\n  };\n\n  const handleHeatmapPointerLeave = () => {\n    setIsDragging(false);\n    handleSetInternalHover(null);\n    hideTooltip();\n  };\n\n  const handleSpeciesBarMouseMove = (event: React.MouseEvent<SVGGElement, MouseEvent>, species: SpeciesInfo) => {\n    handleSetInternalHover(species.id);\n    showTooltip({ tooltipLeft: event.clientX, tooltipTop: event.clientY, tooltipData: species });\n  };\n\n  const handleSpeciesBarMouseLeave = (event: React.MouseEvent<SVGGElement, MouseEvent>, species: SpeciesInfo) => {\n    handleSetInternalHover(null);\n    hideTooltip();\n  };\n\n  // Apply the zoom transform to the axis scale so tick positions stay in sync with the canvas.\n  // Domain [0, numPositions-1] maps to zoomed CSS range [translateX, canvasWidth * scaleX + translateX].\n  const zoomedXScale = useMemo(\n    () =>\n      scaleLinear({\n        domain: [0, numPositions - 1],\n        range: [\n          zoomTransform.translateX,\n          canvasWidth * zoomTransform.scaleX + zoomTransform.translateX,\n        ],\n      }),\n    [numPositions, canvasWidth, zoomTransform]\n  );\n\n  const speciesList = useMemo(() => [...speciesInfo.values()], [speciesInfo]);\n\n  const axisWidth = canvasWidth + AXIS_LEFT_PADDING\n\n  return totalWidth < 10 || totalHeight < 10 ? null :(\n    <div\n      style={{\n        position: \"relative\",\n        width: totalWidth,\n        height: totalHeight,\n      }}\n    >\n      <svg\n        width={HIGHLIGHTED_AND_SPECIES_SVG_WIDTH}\n        height={totalHeight}\n        style={{ top: 0, left: 0, position: \"absolute\" }}\n      >\n        {speciesList.map((species, i) => {\n          const rectHeight = canvasHeight / speciesList.length;\n          return (\n            <g\n              key={i}\n              onMouseMove={(event) => handleSpeciesBarMouseMove(event, species)}\n              onMouseLeave={(event) => handleSpeciesBarMouseLeave(event, species)}\n              opacity={hovered.length && !hovered.includes(species.id) ? 0.3 : 1}\n            >\n              {highlighted.includes(species.id) && (\n                <rect\n                  width={HIGHLIGHTED_BAR_WIDTH}\n                  height={rectHeight}\n                  x={0}\n                  y={rectHeight * i}\n                  fill={species.color}\n                  shapeRendering={\"crispEdges\"}\n                />\n              )}\n              <rect\n                width={SPECIES_BAR_WIDTH}\n                height={rectHeight}\n                x={HIGHLIGHTED_BAR_WIDTH + PADDING}\n                y={rectHeight * i}\n                fill={species.color}\n                shapeRendering={\"crispEdges\"}\n              />\n            </g>\n          );\n        })}\n        <Text\n          angle={270}\n          textAnchor=\"end\"\n          verticalAnchor=\"middle\"\n          fontSize={12}\n          x={0.5 * HIGHLIGHTED_BAR_WIDTH}\n          y={canvasHeight + 2}\n        >\n          Highlight\n        </Text>\n        <Text\n          angle={270}\n          textAnchor=\"end\"\n          verticalAnchor=\"middle\"\n          fontSize={12}\n          x={HIGHLIGHTED_BAR_WIDTH + PADDING + 0.5 * SPECIES_BAR_WIDTH}\n          y={canvasHeight + 2}\n        >\n          Species\n        </Text>\n      </svg>\n      <canvas\n        ref={canvasRef}\n        onPointerDown={handleHeatmapPointerDown}\n        onPointerMove={handleHeatmapPointerMove}\n        onPointerUp={handleHeatmapPointerUp}\n        onPointerLeave={handleHeatmapPointerLeave}\n        style={{\n          position: \"absolute\",\n          left: HIGHLIGHTED_AND_SPECIES_SVG_WIDTH,\n          cursor: isDragging ? \"grabbing\" : zoomTransform.scaleX > 1 ? \"grab\" : \"default\",\n        }}\n      />\n      {/* overflow: hidden clips axis ticks that scroll outside the canvas bounds when zoomed */}\n      <svg\n        width={axisWidth}\n        height={AXIS_HEIGHT}\n        style={{\n          position: \"absolute\",\n          //position it into the other svg by AXIS_LEFT_PADDING to fix axis cutoff of 0 at first load.\n          //can't fix with overflow visible since on zoom the axis needs to be clipped\n          left: HIGHLIGHTED_AND_SPECIES_SVG_WIDTH - AXIS_LEFT_PADDING,\n          bottom: 0,\n          pointerEvents: \"none\",\n          overflow: \"hidden\",\n        }}\n      >\n        <AxisBottom\n          scale={zoomedXScale}\n          numTicks={Math.min(numPositions, Math.round(10 * zoomTransform.scaleX))}\n          left={AXIS_LEFT_PADDING}\n        />\n        <Text fontSize={12} textAnchor=\"middle\" verticalAnchor=\"end\" x={axisWidth / 2} y={AXIS_HEIGHT - 4}>\n          {\n            \"Position in cCRE\\u00A0\\u00A0•\\u00A0\\u00A0🟢\\u00A0A\\u00A0\\u00A0🔵\\u00A0C\\u00A0\\u00A0🟠\\u00A0G\\u00A0\\u00A0\\🔴\\u00A0T\"\n          }\n        </Text>\n        <Text fontSize={12} textAnchor=\"end\" verticalAnchor=\"end\" x={axisWidth} y={AXIS_HEIGHT - 4}>\n          {`${zoomTransform.scaleX.toFixed(1)}\\u00d7`}\n        </Text>\n      </svg>\n      {tooltipData && tooltipContents && (\n        <TooltipInPortal left={tooltipLeft} top={tooltipTop} style={defaultStyles}>\n          {tooltipContents(tooltipData)}\n        </TooltipInPortal>\n      )}\n    </div>\n  );\n};"],"names":["NUCLEOTIDE_COLORS","A","C","G","T","AXIS_HEIGHT","SPECIES_BAR_WIDTH","HIGHLIGHTED_BAR_WIDTH","PADDING","HIGHLIGHTED_AND_SPECIES_SVG_WIDTH","MIN_SCALE","MAX_SCALE","ZOOM_FACTOR","AXIS_LEFT_PADDING","clampTranslateX","translateX","scaleX","canvasWidth","Math","min","max","SequenceAlignmentPlot","data","width","totalWidth","height","totalHeight","getLabel","getOrderColor","getOrder","hovered","externalHovered","highlighted","onHoverChange","tooltipContents","internalHovered","setInternalHovered","useState","zoomTransform","setZoomTransform","isDragging","setIsDragging","zoomTransformRef","useRef","dragStartX","dragStartTranslateX","useEffect","current","handleSetInternalHover","useCallback","newHovered","useMemo","tooltipData","tooltipLeft","tooltipTop","showTooltip","hideTooltip","useTooltip","TooltipInPortal","useTooltipInPortal","scroll","detectBounds","numSpecies","Object","keys","length","numPositions","values","canvasHeight","speciesInfo","entries","map","species","id","label","order","color","Map","canvasRef","canvas","handleWheel","e","preventDefault","rect","getBoundingClientRect","cursorX","clientX","left","zoomDir","deltaY","newScaleX","newTranslateX","clampedTranslateX","addEventListener","passive","removeEventListener","preventTouchScroll","touches","ctx","getContext","dpr","window","devicePixelRatio","style","setTransform","clearRect","bitmapScaleX","bitmapScaleY","bitmapTranslateX","forEach","sequence","y","nucleotide","x","fillStyle","globalAlpha","includes","fillRect","cssXToPosition","cssX","floor","handleHeatmapPointerDown","currentTarget","setPointerCapture","pointerId","handleHeatmapPointerMove","delta","prev","cssY","clientY","top","position","speciesIndex","speciesId","basePair","get","handleHeatmapPointerUp","handleHeatmapPointerLeave","handleSpeciesBarMouseMove","event","handleSpeciesBarMouseLeave","zoomedXScale","scaleLinear","domain","range","speciesList","axisWidth","jsxs","i","rectHeight","jsx","Text","cursor","bottom","pointerEvents","overflow","AxisBottom","round","toFixed","defaultStyles"],"mappings":"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"}

package/dist/visualization.es90.js

@@ -0,0 +1,9 @@
+import { j as o } from "./visualization.es11.js";
+import t from "./visualization.es231.js";
+const f = t(/* @__PURE__ */ o.jsx("path", {
+  d: "m3.25 2.75 17 17L19 21l-2-2H5c-1.1 0-2-.9-2-2V7c0-.55.23-1.05.59-1.41L2 4zM22 12l-4.37-6.16C17.27 5.33 16.67 5 16 5H8l11 11z"
+}), "LabelOff");
+export {
+  f as default
+};
+//# sourceMappingURL=visualization.es90.js.map

package/dist/visualization.es90.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es90.js","sources":["../../../node_modules/.pnpm/@mui+icons-material@7.3.9_@mui+material@7.3.9_@emotion+react@11.14.0_@types+react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/LabelOff.js"],"sourcesContent":["\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n  d: \"m3.25 2.75 17 17L19 21l-2-2H5c-1.1 0-2-.9-2-2V7c0-.55.23-1.05.59-1.41L2 4zM22 12l-4.37-6.16C17.27 5.33 16.67 5 16 5H8l11 11z\"\n}), 'LabelOff');"],"names":["LabelOffIcon","createSvgIcon","_jsx"],"mappings":";;AAIA,MAAAA,IAAeC,EAA2BC,gBAAAA,EAAAA,IAAK,QAAQ;AAAA,EACrD,GAAG;AACL,CAAC,GAAG,UAAU;","x_google_ignoreList":[0]}