@weng-lab/visualization 2.2.2 → 2.3.1

package/dist/visualization.es138.js

@@ -1,16 +1,39 @@
-function l(d, i) {
-  let e;
-  if (i === void 0)
-    for (const n of d)
-      n != null && (e < n || e === void 0 && n >= n) && (e = n);
-  else {
-    let n = -1;
-    for (let f of d)
-      (f = i(f, ++n, d)) != null && (e < f || e === void 0 && f >= f) && (e = f);
+import T from "./visualization.es406.js";
+import L from "./visualization.es40.js";
+import { required as R } from "./visualization.es407.js";
+import g, { constantZero as p } from "./visualization.es408.js";
+function S() {
+  var f = L, d = !1, o = 1, c = 1, m = [0], h = p, s = p, l = p, y = p, B = p;
+  function t(n) {
+    return n.x0 = n.y0 = 0, n.x1 = o, n.y1 = c, n.eachBefore(I), m = [0], d && n.eachBefore(T), n;
   }
-  return e;
+  function I(n) {
+    var i = m[n.depth], r = n.x0 + i, e = n.y0 + i, u = n.x1 - i, a = n.y1 - i;
+    u < r && (r = u = (r + u) / 2), a < e && (e = a = (e + a) / 2), n.x0 = r, n.y0 = e, n.x1 = u, n.y1 = a, n.children && (i = m[n.depth + 1] = h(n) / 2, r += B(n) - i, e += s(n) - i, u -= l(n) - i, a -= y(n) - i, u < r && (r = u = (r + u) / 2), a < e && (e = a = (e + a) / 2), f(n, r, e, u, a));
+  }
+  return t.round = function(n) {
+    return arguments.length ? (d = !!n, t) : d;
+  }, t.size = function(n) {
+    return arguments.length ? (o = +n[0], c = +n[1], t) : [o, c];
+  }, t.tile = function(n) {
+    return arguments.length ? (f = R(n), t) : f;
+  }, t.padding = function(n) {
+    return arguments.length ? t.paddingInner(n).paddingOuter(n) : t.paddingInner();
+  }, t.paddingInner = function(n) {
+    return arguments.length ? (h = typeof n == "function" ? n : g(+n), t) : h;
+  }, t.paddingOuter = function(n) {
+    return arguments.length ? t.paddingTop(n).paddingRight(n).paddingBottom(n).paddingLeft(n) : t.paddingTop();
+  }, t.paddingTop = function(n) {
+    return arguments.length ? (s = typeof n == "function" ? n : g(+n), t) : s;
+  }, t.paddingRight = function(n) {
+    return arguments.length ? (l = typeof n == "function" ? n : g(+n), t) : l;
+  }, t.paddingBottom = function(n) {
+    return arguments.length ? (y = typeof n == "function" ? n : g(+n), t) : y;
+  }, t.paddingLeft = function(n) {
+    return arguments.length ? (B = typeof n == "function" ? n : g(+n), t) : B;
+  }, t;
 }
 export {
-  l as default
+  S as default
 };
 //# sourceMappingURL=visualization.es138.js.map

package/dist/visualization.es138.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es138.js","sources":["../../../node_modules/.pnpm/d3-array@3.2.1/node_modules/d3-array/src/max.js"],"sourcesContent":["export default function max(values, valueof) {\n  let max;\n  if (valueof === undefined) {\n    for (const value of values) {\n      if (value != null\n          && (max < value || (max === undefined && value >= value))) {\n        max = value;\n      }\n    }\n  } else {\n    let index = -1;\n    for (let value of values) {\n      if ((value = valueof(value, ++index, values)) != null\n          && (max < value || (max === undefined && value >= value))) {\n        max = value;\n      }\n    }\n  }\n  return max;\n}\n"],"names":["max","values","valueof","value","index"],"mappings":"AAAe,SAASA,EAAIC,GAAQC,GAAS;AAC3C,MAAIF;AACJ,MAAIE,MAAY;AACd,eAAWC,KAASF;AAClB,MAAIE,KAAS,SACLH,IAAMG,KAAUH,MAAQ,UAAaG,KAASA,OACpDH,IAAMG;AAAA,OAGL;AACL,QAAIC,IAAQ;AACZ,aAASD,KAASF;AAChB,OAAKE,IAAQD,EAAQC,GAAO,EAAEC,GAAOH,CAAM,MAAM,SACzCD,IAAMG,KAAUH,MAAQ,UAAaG,KAASA,OACpDH,IAAMG;AAAA,EAGZ;AACA,SAAOH;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es138.js","sources":["../../../node_modules/.pnpm/d3-hierarchy@1.1.9/node_modules/d3-hierarchy/src/treemap/index.js"],"sourcesContent":["import roundNode from \"./round.js\";\nimport squarify from \"./squarify.js\";\nimport {required} from \"../accessors.js\";\nimport constant, {constantZero} from \"../constant.js\";\n\nexport default function() {\n  var tile = squarify,\n      round = false,\n      dx = 1,\n      dy = 1,\n      paddingStack = [0],\n      paddingInner = constantZero,\n      paddingTop = constantZero,\n      paddingRight = constantZero,\n      paddingBottom = constantZero,\n      paddingLeft = constantZero;\n\n  function treemap(root) {\n    root.x0 =\n    root.y0 = 0;\n    root.x1 = dx;\n    root.y1 = dy;\n    root.eachBefore(positionNode);\n    paddingStack = [0];\n    if (round) root.eachBefore(roundNode);\n    return root;\n  }\n\n  function positionNode(node) {\n    var p = paddingStack[node.depth],\n        x0 = node.x0 + p,\n        y0 = node.y0 + p,\n        x1 = node.x1 - p,\n        y1 = node.y1 - p;\n    if (x1 < x0) x0 = x1 = (x0 + x1) / 2;\n    if (y1 < y0) y0 = y1 = (y0 + y1) / 2;\n    node.x0 = x0;\n    node.y0 = y0;\n    node.x1 = x1;\n    node.y1 = y1;\n    if (node.children) {\n      p = paddingStack[node.depth + 1] = paddingInner(node) / 2;\n      x0 += paddingLeft(node) - p;\n      y0 += paddingTop(node) - p;\n      x1 -= paddingRight(node) - p;\n      y1 -= paddingBottom(node) - p;\n      if (x1 < x0) x0 = x1 = (x0 + x1) / 2;\n      if (y1 < y0) y0 = y1 = (y0 + y1) / 2;\n      tile(node, x0, y0, x1, y1);\n    }\n  }\n\n  treemap.round = function(x) {\n    return arguments.length ? (round = !!x, treemap) : round;\n  };\n\n  treemap.size = function(x) {\n    return arguments.length ? (dx = +x[0], dy = +x[1], treemap) : [dx, dy];\n  };\n\n  treemap.tile = function(x) {\n    return arguments.length ? (tile = required(x), treemap) : tile;\n  };\n\n  treemap.padding = function(x) {\n    return arguments.length ? treemap.paddingInner(x).paddingOuter(x) : treemap.paddingInner();\n  };\n\n  treemap.paddingInner = function(x) {\n    return arguments.length ? (paddingInner = typeof x === \"function\" ? x : constant(+x), treemap) : paddingInner;\n  };\n\n  treemap.paddingOuter = function(x) {\n    return arguments.length ? treemap.paddingTop(x).paddingRight(x).paddingBottom(x).paddingLeft(x) : treemap.paddingTop();\n  };\n\n  treemap.paddingTop = function(x) {\n    return arguments.length ? (paddingTop = typeof x === \"function\" ? x : constant(+x), treemap) : paddingTop;\n  };\n\n  treemap.paddingRight = function(x) {\n    return arguments.length ? (paddingRight = typeof x === \"function\" ? x : constant(+x), treemap) : paddingRight;\n  };\n\n  treemap.paddingBottom = function(x) {\n    return arguments.length ? (paddingBottom = typeof x === \"function\" ? x : constant(+x), treemap) : paddingBottom;\n  };\n\n  treemap.paddingLeft = function(x) {\n    return arguments.length ? (paddingLeft = typeof x === \"function\" ? x : constant(+x), treemap) : paddingLeft;\n  };\n\n  return treemap;\n}\n"],"names":["d3treemap","tile","squarify","round","dx","dy","paddingStack","paddingInner","constantZero","paddingTop","paddingRight","paddingBottom","paddingLeft","treemap","root","positionNode","roundNode","node","p","x0","y0","x1","y1","x","required","constant"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/visualization.es139.js

@@ -1,61 +1,64 @@
-import { j as t } from "./visualization.es18.js";
-import { c as S } from "./visualization.es32.js";
-import { Add as _, Remove as k, SettingsBackupRestore as y, Timeline as C } from "@mui/icons-material";
-import { Tooltip as d, IconButton as b } from "@mui/material";
-const v = (u) => {
-  const e = S.c(22), {
-    scaleZoom: l,
-    resetZoom: g,
-    toggleBranchLength: j
-  } = u;
-  let m;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = {
-    position: "absolute",
-    margin: "4px",
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "flex-start",
-    background: "rgba(255, 255, 255, 0.6)",
-    backdropFilter: "blur(2px)",
-    WebkitBackdropFilter: "blur(2px)",
-    border: "1px solid rgba(255, 255, 255, 0.3)",
-    boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)"
-  }, e[0] = m) : m = e[0];
-  let o;
-  e[1] !== l ? (o = () => l({
-    scaleX: 1.2,
-    scaleY: 1.2
-  }), e[1] = l, e[2] = o) : o = e[2];
-  let a;
-  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ t.jsx(_, { fontSize: "small" }), e[3] = a) : a = e[3];
-  let i;
-  e[4] !== o ? (i = /* @__PURE__ */ t.jsx(d, { title: "Zoom In", placement: "right", children: /* @__PURE__ */ t.jsx(b, { onClick: o, children: a }) }), e[4] = o, e[5] = i) : i = e[5];
-  let s;
-  e[6] !== l ? (s = () => l({
-    scaleX: 0.8333333333333334,
-    scaleY: 0.8333333333333334
-  }), e[6] = l, e[7] = s) : s = e[7];
-  let f;
-  e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ t.jsx(k, { fontSize: "small" }), e[8] = f) : f = e[8];
-  let r;
-  e[9] !== s ? (r = /* @__PURE__ */ t.jsx(d, { title: "Zoom Out", placement: "right", children: /* @__PURE__ */ t.jsx(b, { onClick: s, children: f }) }), e[9] = s, e[10] = r) : r = e[10];
-  let x;
-  e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ t.jsx(y, { fontSize: "small" }), e[11] = x) : x = e[11];
-  let n;
-  e[12] !== g ? (n = /* @__PURE__ */ t.jsx(d, { title: "Reset Zoom", placement: "right", children: /* @__PURE__ */ t.jsx(b, { onClick: g, children: x }) }), e[12] = g, e[13] = n) : n = e[13];
-  let p;
-  e[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ t.jsx(C, { fontSize: "small" }), e[14] = p) : p = e[14];
-  let c;
-  e[15] !== j ? (c = /* @__PURE__ */ t.jsx(d, { title: "Toggle Evolutionary Distance", placement: "right", children: /* @__PURE__ */ t.jsx(b, { onClick: j, children: p }) }), e[15] = j, e[16] = c) : c = e[16];
-  let h;
-  return e[17] !== c || e[18] !== i || e[19] !== r || e[20] !== n ? (h = /* @__PURE__ */ t.jsxs("div", { style: m, children: [
-    i,
-    r,
-    n,
-    c
-  ] }), e[17] = c, e[18] = i, e[19] = r, e[20] = n, e[21] = h) : h = e[21], h;
+import l from "./visualization.es409.js";
+import f from "./visualization.es410.js";
+import s from "./visualization.es411.js";
+import c from "./visualization.es412.js";
+import d from "./visualization.es413.js";
+import y from "./visualization.es414.js";
+import u from "./visualization.es415.js";
+import g from "./visualization.es416.js";
+import w from "./visualization.es417.js";
+import O from "./visualization.es418.js";
+import R from "./visualization.es419.js";
+import v from "./visualization.es420.js";
+import x from "./visualization.es421.js";
+import A from "./visualization.es422.js";
+const h = [
+  // domain => nice => zero
+  "domain",
+  "nice",
+  "zero",
+  // interpolate before round
+  "interpolate",
+  "round",
+  // set range then reverse
+  "range",
+  "reverse",
+  // Order does not matter for these operators
+  "align",
+  "base",
+  "clamp",
+  "constant",
+  "exponent",
+  "padding",
+  "unknown"
+], E = {
+  domain: l,
+  nice: w,
+  zero: A,
+  interpolate: g,
+  round: v,
+  align: s,
+  base: c,
+  clamp: d,
+  constant: y,
+  exponent: u,
+  padding: O,
+  range: f,
+  reverse: R,
+  unknown: x
 };
+function k() {
+  for (var r = arguments.length, p = new Array(r), o = 0; o < r; o++)
+    p[o] = arguments[o];
+  const a = new Set(p), m = h.filter((n) => a.has(n));
+  return function(e, t) {
+    return typeof t < "u" && m.forEach((i) => {
+      E[i](e, t);
+    }), e;
+  };
+}
 export {
-  v as ControlPanel
+  h as ALL_OPERATORS,
+  k as default
 };
 //# sourceMappingURL=visualization.es139.js.map

package/dist/visualization.es139.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es139.js","sources":["../src/components/PhyloTree/ControlPanel.tsx"],"sourcesContent":["import { Add, Remove, SettingsBackupRestore, Timeline } from \"@mui/icons-material\";\nimport { Tooltip, IconButton } from \"@mui/material\";\nimport { ProvidedZoom } from \"@visx/zoom\";\n\nexport type ControlPanelProps = {\n  scaleZoom: ProvidedZoom<SVGSVGElement>[\"scale\"]\n  resetZoom: ProvidedZoom<SVGSVGElement>[\"reset\"]\n  toggleBranchLength: () => void\n}\n\nexport const ControlPanel = ({scaleZoom, resetZoom, toggleBranchLength}: ControlPanelProps) => {\n  return (\n    <div\n      style={{\n        position: \"absolute\",\n        margin: \"4px\",\n        display: \"flex\",\n        flexDirection: \"column\",\n        alignItems: \"flex-start\",\n        background: \"rgba(255, 255, 255, 0.6)\",\n        backdropFilter: \"blur(2px)\",\n        WebkitBackdropFilter: \"blur(2px)\", // Safari support\n        border: \"1px solid rgba(255, 255, 255, 0.3)\",\n        boxShadow: \"0 2px 8px rgba(0, 0, 0, 0.1)\",\n      }}\n    >\n      <Tooltip title=\"Zoom In\" placement=\"right\">\n        <IconButton onClick={() => scaleZoom({ scaleX: 1.2, scaleY: 1.2 })}>\n          <Add fontSize=\"small\" />\n        </IconButton>\n      </Tooltip>\n      <Tooltip title=\"Zoom Out\" placement=\"right\">\n        <IconButton onClick={() => scaleZoom({ scaleX: 1 / 1.2, scaleY: 1 / 1.2 })}>\n          <Remove fontSize=\"small\" />\n        </IconButton>\n      </Tooltip>\n      <Tooltip title=\"Reset Zoom\" placement=\"right\">\n        <IconButton onClick={resetZoom}>\n          <SettingsBackupRestore fontSize=\"small\" />\n        </IconButton>\n      </Tooltip>\n      <Tooltip title=\"Toggle Evolutionary Distance\" placement=\"right\">\n        <IconButton onClick={toggleBranchLength}>\n          <Timeline fontSize=\"small\" />\n        </IconButton>\n      </Tooltip>\n    </div>\n  );\n}"],"names":["ControlPanel","t0","$","_c","scaleZoom","resetZoom","toggleBranchLength","t1","Symbol","for","position","margin","display","flexDirection","alignItems","background","backdropFilter","WebkitBackdropFilter","border","boxShadow","t2","scaleX","scaleY","t3","Add","t4","jsx","Tooltip","IconButton","t5","t6","Remove","t7","t8","SettingsBackupRestore","t9","t10","Timeline","t11","t12","jsxs"],"mappings":"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"}
+{"version":3,"file":"visualization.es139.js","sources":["../../../node_modules/.pnpm/@visx+scale@4.0.0/node_modules/@visx/scale/esm/operators/scaleOperator.js"],"sourcesContent":["import domain from \"./domain.js\";\nimport range from \"./range.js\";\nimport align from \"./align.js\";\nimport base from \"./base.js\";\nimport clamp from \"./clamp.js\";\nimport constant from \"./constant.js\";\nimport exponent from \"./exponent.js\";\nimport interpolate from \"./interpolate.js\";\nimport nice from \"./nice.js\";\nimport padding from \"./padding.js\";\nimport reverse from \"./reverse.js\";\nimport round from \"./round.js\";\nimport unknown from \"./unknown.js\";\nimport zero from \"./zero.js\";\n/**\n * List of all operators, in order of execution\n */\nexport const ALL_OPERATORS = [\n// domain => nice => zero\n'domain', 'nice', 'zero',\n// interpolate before round\n'interpolate', 'round',\n// set range then reverse\n'range', 'reverse',\n// Order does not matter for these operators\n'align', 'base', 'clamp', 'constant', 'exponent', 'padding', 'unknown'];\n// Use Record to enforce that all keys in OperatorType must exist.\nconst operators = {\n  domain,\n  nice,\n  zero,\n  interpolate,\n  round,\n  align,\n  base,\n  clamp,\n  constant,\n  exponent,\n  padding,\n  range,\n  reverse,\n  unknown\n};\nexport default function scaleOperator() {\n  for (var _len = arguments.length, ops = new Array(_len), _key = 0; _key < _len; _key++) {\n    ops[_key] = arguments[_key];\n  }\n  const selection = new Set(ops);\n  const selectedOps = ALL_OPERATORS.filter(o => selection.has(o));\n  return function applyOperators(scale, config) {\n    if (typeof config !== 'undefined') {\n      selectedOps.forEach(op => {\n        operators[op](scale, config);\n      });\n    }\n    return scale;\n  };\n}"],"names":["ALL_OPERATORS","operators","domain","nice","zero","interpolate","round","align","base","clamp","constant","exponent","padding","range","reverse","unknown","scaleOperator","_len","ops","_key","selection","selectedOps","o","scale","config","op"],"mappings":";;;;;;;;;;;;;;AAiBY,MAACA,IAAgB;AAAA;AAAA,EAE7B;AAAA,EAAU;AAAA,EAAQ;AAAA;AAAA,EAElB;AAAA,EAAe;AAAA;AAAA,EAEf;AAAA,EAAS;AAAA;AAAA,EAET;AAAA,EAAS;AAAA,EAAQ;AAAA,EAAS;AAAA,EAAY;AAAA,EAAY;AAAA,EAAW;AAAS,GAEhEC,IAAY;AAAA,EAClB,QAAEC;AAAAA,EACF,MAAEC;AAAAA,EACF,MAAEC;AAAAA,EACF,aAAEC;AAAAA,EACF,OAAEC;AAAAA,EACF,OAAEC;AAAAA,EACF,MAAEC;AAAAA,EACF,OAAEC;AAAAA,EACF,UAAEC;AAAAA,EACF,UAAEC;AAAAA,EACF,SAAEC;AAAAA,EACF,OAAEC;AAAAA,EACF,SAAEC;AAAAA,EACF,SAAEC;AACF;AACe,SAASC,IAAgB;AACtC,WAASC,IAAO,UAAU,QAAQC,IAAM,IAAI,MAAMD,CAAI,GAAGE,IAAO,GAAGA,IAAOF,GAAME;AAC9E,IAAAD,EAAIC,CAAI,IAAI,UAAUA,CAAI;AAE5B,QAAMC,IAAY,IAAI,IAAIF,CAAG,GACvBG,IAAcrB,EAAc,OAAO,CAAAsB,MAAKF,EAAU,IAAIE,CAAC,CAAC;AAC9D,SAAO,SAAwBC,GAAOC,GAAQ;AAC5C,WAAI,OAAOA,IAAW,OACpBH,EAAY,QAAQ,CAAAI,MAAM;AACxB,MAAAxB,EAAUwB,CAAE,EAAEF,GAAOC,CAAM;AAAA,IAC7B,CAAC,GAEID;AAAA,EACT;AACF;","x_google_ignoreList":[0]}

package/dist/visualization.es14.js

@@ -1,16 +1,16 @@
-import { j as o } from "./visualization.es18.js";
-import { useState as C, useRef as w, useEffect as D, useCallback as $, useMemo as M } from "react";
-import bt from "./visualization.es89.js";
-import St from "./visualization.es28.js";
-import It from "./visualization.es27.js";
-import At from "./visualization.es24.js";
-import Z from "./visualization.es58.js";
-import Lt from "./visualization.es59.js";
-import wt from "./visualization.es90.js";
-import { defaultStyles as Dt } from "./visualization.es30.js";
-import Mt from "./visualization.es91.js";
-import yt from "./visualization.es92.js";
-const tt = {
+import { jsxs as A, jsx as a } from "react/jsx-runtime";
+import { useState as P, useRef as D, useEffect as M, useCallback as Z, useMemo as y } from "react";
+import It from "@mui/material/Tooltip";
+import At from "@mui/icons-material/InfoOutlined";
+import Lt from "./visualization.es53.js";
+import xt from "./visualization.es58.js";
+import wt from "./visualization.es22.js";
+import q from "./visualization.es23.js";
+import Dt from "./visualization.es26.js";
+import Mt from "./visualization.es85.js";
+import { defaultStyles as yt } from "./visualization.es51.js";
+import Gt from "./visualization.es86.js";
+const et = {
   A: "#05ac05",
   C: "#1668cb",
   G: "#ffb700",
@@ -19,7 +19,7 @@ const tt = {
   M: "#984ea3",
   "-": "#d4d4d4",
   "*": "#ffffff"
-}, q = {
+}, K = {
   A: "A",
   C: "C",
   G: "G",
@@ -28,7 +28,7 @@ const tt = {
   M: "Ambiguous Alignment",
   "-": "Gap",
   "*": "Absent"
-}, K = ["A", "C", "G", "T", "N", "M", "*", "-"], jt = `
+}, V = ["A", "C", "G", "T", "N", "M", "*", "-"], _t = `
   Each column is a position in the human cCRE, and each row shows the
   corresponding aligned state in another mammalian genome. A, C, G, and
   T indicate the nucleotide aligned to that human position. N indicates that
@@ -40,69 +40,69 @@ const tt = {
   that the human position could not be aligned to that species. Gap
   indicates that the alignment covers this region, but this species has a gap
   relative to the human cCRE.
-`, Gt = yt({
-  domain: K,
-  range: K.map((i) => tt[i])
-}), et = 24, _t = 16, nt = 16, ot = 3, V = et + _t + ot * nt, P = 12, A = 12, y = 10, I = A + y + P + y, Rt = 1, Ct = 50, J = 1.15, H = 5, Q = (i, f, m) => Math.min(0, Math.max(m * (1 - f), i)), Zt = ({
-  data: i,
+`, Ct = Gt({
+  domain: V,
+  range: V.map((s) => et[s])
+}), nt = 24, Rt = 16, ot = 16, st = 3, J = nt + Rt + st * ot, N = 12, x = 12, G = 10, L = x + G + N + G, Ht = 1, Pt = 50, Q = 1.15, O = 5, tt = (s, f, m) => Math.min(0, Math.max(m * (1 - f), s)), qt = ({
+  data: s,
   width: f,
   height: m,
-  getLabel: st,
-  getOrderColor: it,
-  getOrder: at,
-  hovered: j = [],
-  highlighted: rt = [],
-  onHoverChange: O = () => null,
-  tooltipContents: N
+  getLabel: it,
+  getOrderColor: at,
+  getOrder: rt,
+  hovered: _ = [],
+  highlighted: lt = [],
+  onHoverChange: B = () => null,
+  tooltipContents: j
 }) => {
-  const [v, lt] = C(null), [s, B] = C({
+  const [v, ct] = P(null), [o, z] = P({
     scaleX: 1,
     translateX: 0
-  }), [z, G] = C(!1), T = w(s), W = w(0), Y = w(0);
-  D(() => {
-    T.current = s;
-  }, [s]);
-  const x = $((t) => {
-    t !== v && (lt(t), O(t));
-  }, [v, O]), E = M(() => v ? [v, ...j] : j, [v, j]), {
-    tooltipData: k,
-    tooltipLeft: ct,
-    tooltipTop: ht,
-    showTooltip: F,
-    hideTooltip: _
-  } = St(), {
-    TooltipInPortal: dt
-  } = It({
+  }), [W, C] = P(!1), T = D(o), Y = D(0), k = D(0);
+  M(() => {
+    T.current = o;
+  }, [o]);
+  const X = Z((t) => {
+    t !== v && (ct(t), B(t));
+  }, [v, B]), E = y(() => v ? [v, ..._] : _, [v, _]), {
+    tooltipData: F,
+    tooltipLeft: ht,
+    tooltipTop: dt,
+    showTooltip: U,
+    hideTooltip: R
+  } = Lt(), {
+    TooltipInPortal: pt
+  } = xt({
     scroll: !0,
     detectBounds: !0
-  }), L = Object.keys(i).length, c = Object.values(i)[0]?.length ?? 0, a = f - I, d = m - V, R = M(() => {
-    const t = Object.keys(i).map((e) => [e, {
+  }), w = Object.keys(s).length, c = Object.values(s)[0]?.length ?? 0, i = f - L, d = m - J, H = y(() => {
+    const t = Object.keys(s).map((e) => [e, {
       id: e,
-      label: st(e),
-      order: at(e),
-      color: it(e)
+      label: it(e),
+      order: rt(e),
+      color: at(e)
     }]);
     return new Map(t);
-  }, [i]), X = w(null);
-  D(() => {
-    const t = X.current;
+  }, [s]), b = D(null);
+  M(() => {
+    const t = b.current;
     if (!t) return;
     const e = (n) => {
       n.preventDefault();
       const h = t.getBoundingClientRect(), g = n.clientX - h.left, {
         scaleX: r,
         translateX: p
-      } = T.current, u = n.deltaY < 0 ? J : 1 / J, l = Math.max(Rt, Math.min(Ct, r * u)), b = g - (g - p) * (l / r), S = Q(b, l, a);
-      B({
+      } = T.current, u = n.deltaY < 0 ? Q : 1 / Q, l = Math.max(Ht, Math.min(Pt, r * u)), S = g - (g - p) * (l / r), I = tt(S, l, i);
+      z({
         scaleX: l,
-        translateX: S
+        translateX: I
       });
     };
     return t.addEventListener("wheel", e, {
       passive: !1
     }), () => t.removeEventListener("wheel", e);
-  }, [a]), D(() => {
-    const t = X.current;
+  }, [i]), M(() => {
+    const t = b.current;
     if (!t) return;
     const e = (n) => {
       n.touches.length === 1 && n.preventDefault();
@@ -114,105 +114,105 @@ const tt = {
     }), () => {
       t.removeEventListener("touchstart", e), t.removeEventListener("touchmove", e);
     };
-  }, []), D(() => {
-    const t = X.current;
+  }, []), M(() => {
+    const t = b.current;
     if (!t) return;
     const e = t.getContext("2d");
     if (!e) return;
     const n = window.devicePixelRatio || 1;
-    t.width = a * n, t.height = d * n, t.style.width = `${a}px`, t.style.height = `${d}px`, e.setTransform(1, 0, 0, 1, 0, 0), e.clearRect(0, 0, t.width, t.height);
-    const h = t.width / c * s.scaleX, g = t.height / L, r = s.translateX * n;
-    e.setTransform(h, 0, 0, g, r, 0), Object.entries(i).forEach(([p, u], l) => {
-      u.forEach((b, S) => {
-        e.fillStyle = tt[b], e.globalAlpha = E.length && !E.includes(p) ? 0.3 : 1, e.fillRect(S, l, 1, 1), e.globalAlpha = 1;
+    t.width = i * n, t.height = d * n, t.style.width = `${i}px`, t.style.height = `${d}px`, e.setTransform(1, 0, 0, 1, 0, 0), e.clearRect(0, 0, t.width, t.height);
+    const h = t.width / c * o.scaleX, g = t.height / w, r = o.translateX * n;
+    e.setTransform(h, 0, 0, g, r, 0), Object.entries(s).forEach(([p, u], l) => {
+      u.forEach((S, I) => {
+        e.fillStyle = et[S], e.globalAlpha = E.length && !E.includes(p) ? 0.3 : 1, e.fillRect(I, l, 1, 1), e.globalAlpha = 1;
       });
     });
-  }, [i, a, d, c, L, E, s]);
-  const pt = $((t) => {
+  }, [s, i, d, c, w, E, o]);
+  const ut = Z((t) => {
     const {
       scaleX: e,
       translateX: n
     } = T.current;
-    return Math.floor((t - n) / a * (c / e));
-  }, [a, c]), ut = (t) => {
-    G(!0), W.current = t.clientX, Y.current = T.current.translateX, t.currentTarget.setPointerCapture(t.pointerId);
-  }, mt = (t) => {
-    const e = X.current;
+    return Math.floor((t - n) / i * (c / e));
+  }, [i, c]), mt = (t) => {
+    C(!0), Y.current = t.clientX, k.current = T.current.translateX, t.currentTarget.setPointerCapture(t.pointerId);
+  }, gt = (t) => {
+    const e = b.current;
     if (!e) return;
-    if (z) {
-      const b = t.clientX - W.current, S = Q(Y.current + b, T.current.scaleX, a);
-      B((Xt) => ({
-        ...Xt,
-        translateX: S
+    if (W) {
+      const S = t.clientX - Y.current, I = tt(k.current + S, T.current.scaleX, i);
+      z((St) => ({
+        ...St,
+        translateX: I
       }));
       return;
     }
-    const n = e.getBoundingClientRect(), h = t.clientX - n.left, g = t.clientY - n.top, r = pt(h), p = Math.floor(g / n.height * L), u = Object.keys(i)[p], l = i[u]?.[r];
-    r >= 0 && r < c && p >= 0 && p < L ? (x(u), F({
+    const n = e.getBoundingClientRect(), h = t.clientX - n.left, g = t.clientY - n.top, r = ut(h), p = Math.floor(g / n.height * w), u = Object.keys(s)[p], l = s[u]?.[r];
+    r >= 0 && r < c && p >= 0 && p < w ? (X(u), U({
       tooltipTop: t.clientY,
       tooltipLeft: t.clientX,
       tooltipData: {
         position: r,
         char: l,
-        charLabel: l != null ? q[l] : void 0,
-        ...R.get(u)
+        charLabel: l != null ? K[l] : void 0,
+        ...H.get(u)
       }
-    })) : (x(null), _());
-  }, gt = () => {
-    G(!1);
+    })) : (X(null), R());
   }, ft = () => {
-    G(!1), x(null), _();
-  }, vt = (t, e) => {
-    x(e.id), F({
+    C(!1);
+  }, vt = () => {
+    C(!1), X(null), R();
+  }, Tt = (t, e) => {
+    X(e.id), U({
       tooltipLeft: t.clientX,
       tooltipTop: t.clientY,
       tooltipData: e
     });
-  }, Tt = (t, e) => {
-    x(null), _();
-  }, xt = M(() => At({
+  }, Xt = (t, e) => {
+    X(null), R();
+  }, Et = y(() => wt({
     domain: [0, c - 1],
-    range: [s.translateX, a * s.scaleX + s.translateX]
-  }), [c, a, s]), U = M(() => [...R.values()], [R]), Et = a + H;
-  return f < 10 || m < 10 ? null : /* @__PURE__ */ o.jsxs("div", { style: {
+    range: [o.translateX, i * o.scaleX + o.translateX]
+  }), [c, i, o]), $ = y(() => [...H.values()], [H]), bt = i + O;
+  return f < 10 || m < 10 ? null : /* @__PURE__ */ A("div", { style: {
     position: "relative",
     width: f,
     height: m
   }, children: [
-    /* @__PURE__ */ o.jsxs("svg", { width: I, height: m, style: {
+    /* @__PURE__ */ A("svg", { width: L, height: m, style: {
       top: 0,
       left: 0,
       position: "absolute"
     }, children: [
-      U.map((t, e) => {
-        const n = d / U.length;
-        return /* @__PURE__ */ o.jsxs("g", { onMouseMove: (h) => vt(h, t), onMouseLeave: (h) => Tt(), opacity: E.length && !E.includes(t.id) ? 0.3 : 1, children: [
-          rt.includes(t.id) && /* @__PURE__ */ o.jsx("rect", { width: A, height: n, x: 0, y: n * e, fill: t.color, shapeRendering: "crispEdges" }),
-          /* @__PURE__ */ o.jsx("rect", { width: P, height: n, x: A + y, y: n * e, fill: t.color, shapeRendering: "crispEdges" })
+      $.map((t, e) => {
+        const n = d / $.length;
+        return /* @__PURE__ */ A("g", { onMouseMove: (h) => Tt(h, t), onMouseLeave: (h) => Xt(), opacity: E.length && !E.includes(t.id) ? 0.3 : 1, children: [
+          lt.includes(t.id) && /* @__PURE__ */ a("rect", { width: x, height: n, x: 0, y: n * e, fill: t.color, shapeRendering: "crispEdges" }),
+          /* @__PURE__ */ a("rect", { width: N, height: n, x: x + G, y: n * e, fill: t.color, shapeRendering: "crispEdges" })
         ] }, e);
       }),
-      /* @__PURE__ */ o.jsx(Z, { angle: 270, textAnchor: "end", verticalAnchor: "middle", fontSize: 12, x: 0.5 * A, y: d + 2, children: "Highlight" }),
-      /* @__PURE__ */ o.jsx(Z, { angle: 270, textAnchor: "end", verticalAnchor: "middle", fontSize: 12, x: A + y + 0.5 * P, y: d + 2, children: "Species" })
+      /* @__PURE__ */ a(q, { angle: 270, textAnchor: "end", verticalAnchor: "middle", fontSize: 12, x: 0.5 * x, y: d + 2, children: "Highlight" }),
+      /* @__PURE__ */ a(q, { angle: 270, textAnchor: "end", verticalAnchor: "middle", fontSize: 12, x: x + G + 0.5 * N, y: d + 2, children: "Species" })
     ] }),
-    /* @__PURE__ */ o.jsx("canvas", { ref: X, onPointerDown: ut, onPointerMove: mt, onPointerUp: gt, onPointerLeave: ft, style: {
+    /* @__PURE__ */ a("canvas", { ref: b, onPointerDown: mt, onPointerMove: gt, onPointerUp: ft, onPointerLeave: vt, style: {
       position: "absolute",
-      left: I,
-      cursor: z ? "grabbing" : s.scaleX > 1 ? "grab" : "default"
+      left: L,
+      cursor: W ? "grabbing" : o.scaleX > 1 ? "grab" : "default"
     } }),
-    /* @__PURE__ */ o.jsx("svg", { width: Et, height: V, style: {
+    /* @__PURE__ */ a("svg", { width: bt, height: J, 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: I - H,
+      left: L - O,
       bottom: 0,
       pointerEvents: "none",
       overflow: "hidden"
-    }, children: /* @__PURE__ */ o.jsx(Lt, { scale: xt, numTicks: Math.min(c, Math.round(10 * s.scaleX)), left: H }) }),
-    /* @__PURE__ */ o.jsxs("div", { style: {
+    }, children: /* @__PURE__ */ a(Dt, { scale: Et, numTicks: Math.min(c, Math.round(10 * o.scaleX)), left: O }) }),
+    /* @__PURE__ */ A("div", { style: {
       position: "absolute",
-      top: d + et,
-      left: I,
-      width: a,
+      top: d + nt,
+      left: L,
+      width: i,
       display: "flex",
       flexDirection: "column",
       alignItems: "center",
@@ -220,29 +220,29 @@ const tt = {
       fontSize: 12,
       pointerEvents: "none"
     }, children: [
-      /* @__PURE__ */ o.jsxs("div", { style: {
+      /* @__PURE__ */ A("div", { style: {
         position: "relative",
         width: "100%",
         textAlign: "center"
       }, children: [
         "Position in cCRE",
-        /* @__PURE__ */ o.jsx("span", { style: {
+        /* @__PURE__ */ a("span", { style: {
           position: "absolute",
           right: 0,
           top: 0
-        }, children: `${s.scaleX.toFixed(1)}×` })
+        }, children: `${o.scaleX.toFixed(1)}×` })
       ] }),
-      /* @__PURE__ */ o.jsx(
-        wt,
+      /* @__PURE__ */ a(
+        Mt,
         {
-          scale: Gt,
+          scale: Ct,
           direction: "row",
           shape: "rect",
           shapeWidth: 11,
           shapeHeight: 11,
           itemMargin: "0 10px 0 0",
           labelMargin: "0 0 0 0px",
-          labelFormat: (t) => q[t],
+          labelFormat: (t) => K[t],
           shapeStyle: () => ({
             border: "1px solid rgba(0,0,0,0.25)"
           }),
@@ -252,13 +252,13 @@ const tt = {
             justifyContent: "center",
             alignContent: "center",
             rowGap: 2,
-            minHeight: ot * nt
+            minHeight: st * ot
           }
         }
       )
     ] }),
-    k && N && /* @__PURE__ */ o.jsx(dt, { left: ct, top: ht, style: Dt, children: N(k) }),
-    /* @__PURE__ */ o.jsx(Mt, { title: jt, placement: "top-end", arrow: !0, children: /* @__PURE__ */ o.jsx(bt, { fontSize: "small", sx: {
+    F && j && /* @__PURE__ */ a(pt, { left: ht, top: dt, style: yt, children: j(F) }),
+    /* @__PURE__ */ a(It, { title: _t, placement: "top-end", arrow: !0, children: /* @__PURE__ */ a(At, { fontSize: "small", sx: {
       position: "absolute",
       bottom: 4,
       right: 4,
@@ -268,6 +268,6 @@ const tt = {
   ] });
 };
 export {
-  Zt as SequenceAlignmentPlot
+  qt as SequenceAlignmentPlot
 };
 //# sourceMappingURL=visualization.es14.js.map