@weng-lab/genomebrowser 1.7.1-beta.1 → 1.7.2-beta.0

package/dist/genomebrowser.es.js

@@ -338,7 +338,7 @@ function Wd(e, t = Vd) {
 const ks = (e) => {
   const t = $d(e), r = (n) => Wd(t, n);
   return Object.assign(r, t), r;
-}, Er = ((e) => e ? ks(e) : ks), cx = _l;
+}, Er = ((e) => e ? ks(e) : ks), sx = _l;
 function Hd(e) {
   return ve(() => _l(), e ?? []);
 }
@@ -4011,7 +4011,7 @@ Array[zi] || (function(e) {
   } finally {
     return e;
   }
-})(D0()), { bind: lx, noContext: fx } = sn, Ci = new sn(), { hasOwnProperty: C0 } = Object.prototype, $o = Array.from || function(e) {
+})(D0()), { bind: ux, noContext: lx } = sn, Ci = new sn(), { hasOwnProperty: C0 } = Object.prototype, $o = Array.from || function(e) {
   const t = [];
   return e.forEach((r) => t.push(r)), t;
 };
@@ -13865,10 +13865,7 @@ var ld = /* @__PURE__ */ ((e) => (e.ValuedPoint = "valuedPoint", e.BigZoomData =
 function Zm(e) {
   return e[0].x !== void 0 ? "valuedPoint" : e[0].minVal !== void 0 ? "bigZoomData" : "bigWigData";
 }
-const Km = (e, t) => ({
-  min: Math.min(...e.map(t)),
-  max: Math.max(...e.map(t))
-}), fd = (e) => {
+const fd = (e) => {
   if (!e.length) return { min: 0, max: 0 };
   switch (Zm(e)) {
     // case DataType.BigWigData:
@@ -13876,7 +13873,11 @@ const Km = (e, t) => ({
     // case DataType.BigZoomData:
     //   return calculateRange(data as BigZoomData[], (d) => d.maxVal);
     case ld.ValuedPoint:
-      return Km(e, (t) => t.max);
+      const t = e;
+      return {
+        min: Math.min(...t.map((r) => r.min)),
+        max: Math.max(...t.map((r) => r.max))
+      };
     default:
       return { min: 0, max: 0 };
   }
@@ -13884,13 +13885,13 @@ const Km = (e, t) => ({
 function wo(e, t) {
   return (r) => (r - e.start) * t / (e.end - e.start);
 }
-function Jm(e, t) {
+function Km(e, t) {
   return (r) => r * (e.end - e.start) / t + e.start;
 }
-function eg(e, t) {
+function Jm(e, t) {
   return (r) => e.max === e.min ? 0 : (e.max - r) * t / (e.max - e.min);
 }
-function tg(e, t, r) {
+function eg(e, t, r) {
   return wo(e || t.reduce(
     (n, i) => ({
       start: i.start < n.start ? i.start : n.start,
@@ -13899,8 +13900,8 @@ function tg(e, t, r) {
     { start: 1 / 0, end: -1 / 0 }
   ), r);
 }
-const rg = (e) => {
-  const t = { start: e[0].x, end: e[e.length - 1].x }, r = tg(
+const tg = (e) => {
+  const t = { start: e[0].x, end: e[e.length - 1].x }, r = eg(
     t,
     e.map((i) => ({ start: i.x, end: i.x + 1 })),
     100
@@ -13927,7 +13928,7 @@ function Ft(e) {
   je(() => {
     i || n(t());
   }, [i, t]);
-  const a = ve(() => wo(r, e), [e, r]), o = ve(() => Jm(r, e), [e, r]);
+  const a = ve(() => wo(r, e), [e, r]), o = ve(() => Km(r, e), [e, r]);
   return { x: a, reverseX: o };
 }
 const kr = ({ width: e, height: t, id: r }) => /* @__PURE__ */ b.jsx("clipPath", { id: r, children: /* @__PURE__ */ b.jsx("rect", { x: 0, y: 0, width: e, height: t }) });
@@ -13948,7 +13949,7 @@ function Zr(e, t, r) {
   const a = (e - t.min) / n;
   return r.min + a * i;
 }
-function ng(e, t) {
+function rg(e, t) {
   const r = [];
   return e.forEach((n, i) => (i === 0 || n.start > e[i - 1].end || n.color != e[i - 1].color ? r.push({
     start: t(n.start) < 0 ? 0 : t(n.start),
@@ -13958,7 +13959,7 @@ function ng(e, t) {
     score: n.score
   }) : r[r.length - 1].end = t(n.end), r)), r;
 }
-function ig(e, t) {
+function ng(e, t) {
   return Mi(
     e.sort((r, n) => r.start - n.start).map((r) => ({
       coordinates: { start: r.start, end: r.end },
@@ -14000,7 +14001,7 @@ function hd({
   onLeave: c,
   tooltip: u
 }) {
-  const { totalWidth: l, sideWidth: f } = i, { x: h, reverseX: d } = Ft(l), E = ve(() => ng(t || [], h), [t, h]), w = rt((v) => v.background), { handleClick: y, handleHover: g, handleLeave: m } = xt({
+  const { totalWidth: l, sideWidth: f } = i, { x: h, reverseX: d } = Ft(l), E = ve(() => rg(t || [], h), [t, h]), w = rt((v) => v.background), { handleClick: y, handleHover: g, handleLeave: m } = xt({
     onClick: o,
     onHover: s,
     onLeave: c,
@@ -14029,7 +14030,7 @@ function hd({
     })
   ] });
 }
-const ag = 0, Au = 255, yx = [
+const ig = 0, Au = 255, gx = [
   "#fd7f6f",
   "#7eb0d5",
   "#b2e061",
@@ -14039,7 +14040,7 @@ const ag = 0, Au = 255, yx = [
   "#beb9db",
   "#fdcce5",
   "#8bd3c7"
-], bx = [
+], yx = [
   "#e60049",
   "#0bb4ff",
   "#50e991",
@@ -14050,15 +14051,15 @@ const ag = 0, Au = 255, yx = [
   "#b3d4ff",
   "#00bfa0"
 ];
-function og(e) {
+function ag(e) {
   if (e = e.replace(/[^0-9a-f]/gi, ""), e.length === 3 && (e = e[0] + e[0] + e[1] + e[1] + e[2] + e[2]), e.length === 8 && (e = e.substring(0, 6)), e.length !== 6) throw new Error(e + " is not a valid hex color");
   return e;
 }
 function Wt(e, t) {
-  e = og(e);
+  e = ag(e);
   let r = "#";
   for (let n = 0; n < 3; ++n) {
-    const i = parseInt(e.substr(n * 2, 2), 16), a = Math.round(Math.min(Math.max(ag, i + t * Au), Au)).toString(16);
+    const i = parseInt(e.substr(n * 2, 2), 16), a = Math.round(Math.min(Math.max(ig, i + t * Au), Au)).toString(16);
     r += ("00" + a).substr(a.length);
   }
   return r;
@@ -14087,7 +14088,7 @@ function us(e, t, r, n) {
   const [i, a] = Ce({ pos: null, index: null }), o = Ct(
     (c) => {
       if (!e) return;
-      const u = sg(c, e, t, r);
+      const u = og(c, e, t, r);
       a(u ? { pos: u.pos, index: u.index + n } : { pos: null, index: null });
     },
     [e, t, r]
@@ -14100,12 +14101,12 @@ function us(e, t, r, n) {
     clearMouseState: s
   };
 }
-function sg(e, t, r, n) {
+function og(e, t, r, n) {
   if (!t || !t.current || !r) return;
   const i = pd(t.current, e.clientX, e.clientY), a = Math.round(i[0] - n), o = Math.max(0, Math.min(a, r - 1));
   return { pos: { x: i[0], y: i[1] }, index: o };
 }
-function cg({ id: e, data: t, color: r, height: n, dimensions: i, tooltip: a }) {
+function sg({ id: e, data: t, color: r, height: n, dimensions: i, tooltip: a }) {
   var L;
   const { sideWidth: o, viewWidth: s, totalWidth: c } = i, u = (c / s - 1) / 2, l = _e((R) => R.multiplier), f = we((R) => R.editTrack), h = _e((R) => R.delta), d = _e((R) => R.marginWidth), E = _e((R) => R.svgRef), w = ve(() => {
     const F = ((t == null ? void 0 : t.length) ?? 0) / l, B = Math.floor(u * F), W = Math.floor((u + 1) * F), Z = t == null ? void 0 : t.slice(B, W);
@@ -14115,12 +14116,12 @@ function cg({ id: e, data: t, color: r, height: n, dimensions: i, tooltip: a })
     f(e, { range: w });
   }, [w, e, f]);
   const y = ve(() => t.some((R) => R.min < 0), [t]), g = ve(
-    () => rg(t),
+    () => tg(t),
     // data && data.length && dataType(data) === DataType.ValuedPoint ?
     // : renderBigWig(data as BigWigData[] | BigZoomData[], 100),
     [t]
   ), m = ve(() => {
-    const R = eg(w, 1);
+    const R = Jm(w, 1);
     return g.renderPoints.filter((B) => B.min < 1 / 0 && B.max > -1 / 0).map((B) => {
       const W = R(B.max);
       return Wt(r, W / 1.25);
@@ -14173,7 +14174,7 @@ var xn = { exports: {} }, Fa = {}, ri = { exports: {} }, ni = { exports: {} }, L
  * LICENSE file in the root directory of this source tree.
  */
 var ju;
-function ug() {
+function cg() {
   if (ju) return Le;
   ju = 1;
   var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, i = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, o = e ? Symbol.for("react.provider") : 60109, s = e ? Symbol.for("react.context") : 60110, c = e ? Symbol.for("react.async_mode") : 60111, u = e ? Symbol.for("react.concurrent_mode") : 60111, l = e ? Symbol.for("react.forward_ref") : 60112, f = e ? Symbol.for("react.suspense") : 60113, h = e ? Symbol.for("react.suspense_list") : 60120, d = e ? Symbol.for("react.memo") : 60115, E = e ? Symbol.for("react.lazy") : 60116, w = e ? Symbol.for("react.block") : 60121, y = e ? Symbol.for("react.fundamental") : 60117, g = e ? Symbol.for("react.responder") : 60118, m = e ? Symbol.for("react.scope") : 60119;
@@ -14248,7 +14249,7 @@ var Re = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Nu;
-function lg() {
+function ug() {
   return Nu || (Nu = 1, process.env.NODE_ENV !== "production" && (function() {
     var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, i = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, o = e ? Symbol.for("react.provider") : 60109, s = e ? Symbol.for("react.context") : 60110, c = e ? Symbol.for("react.async_mode") : 60111, u = e ? Symbol.for("react.concurrent_mode") : 60111, l = e ? Symbol.for("react.forward_ref") : 60112, f = e ? Symbol.for("react.suspense") : 60113, h = e ? Symbol.for("react.suspense_list") : 60120, d = e ? Symbol.for("react.memo") : 60115, E = e ? Symbol.for("react.lazy") : 60116, w = e ? Symbol.for("react.block") : 60121, y = e ? Symbol.for("react.fundamental") : 60117, g = e ? Symbol.for("react.responder") : 60118, m = e ? Symbol.for("react.scope") : 60119;
     function v(ee) {
@@ -14332,7 +14333,7 @@ function lg() {
 }
 var Pu;
 function vd() {
-  return Pu || (Pu = 1, process.env.NODE_ENV === "production" ? ni.exports = ug() : ni.exports = lg()), ni.exports;
+  return Pu || (Pu = 1, process.env.NODE_ENV === "production" ? ni.exports = cg() : ni.exports = ug()), ni.exports;
 }
 /*
 object-assign
@@ -14340,7 +14341,7 @@ object-assign
 @license MIT
 */
 var Ba, Fu;
-function fg() {
+function lg() {
   if (Fu) return Ba;
   Fu = 1;
   var e = Object.getOwnPropertySymbols, t = Object.prototype.hasOwnProperty, r = Object.prototype.propertyIsEnumerable;
@@ -14397,7 +14398,7 @@ function md() {
   return qu || (qu = 1, za = Function.call.bind(Object.prototype.hasOwnProperty)), za;
 }
 var Ua, zu;
-function dg() {
+function fg() {
   if (zu) return Ua;
   zu = 1;
   var e = function() {
@@ -14446,10 +14447,10 @@ function dg() {
   }, Ua = i, Ua;
 }
 var $a, Uu;
-function hg() {
+function dg() {
   if (Uu) return $a;
   Uu = 1;
-  var e = vd(), t = fg(), r = /* @__PURE__ */ ls(), n = /* @__PURE__ */ md(), i = /* @__PURE__ */ dg(), a = function() {
+  var e = vd(), t = lg(), r = /* @__PURE__ */ ls(), n = /* @__PURE__ */ md(), i = /* @__PURE__ */ fg(), a = function() {
   };
   process.env.NODE_ENV !== "production" && (a = function(s) {
     var c = "Warning: " + s;
@@ -14767,7 +14768,7 @@ Valid keys: ` + JSON.stringify(Object.keys(P), null, "  ")
   }, $a;
 }
 var Va, $u;
-function pg() {
+function hg() {
   if ($u) return Va;
   $u = 1;
   var e = /* @__PURE__ */ ls();
@@ -14819,13 +14820,13 @@ function gd() {
   if (Vu) return ri.exports;
   if (Vu = 1, process.env.NODE_ENV !== "production") {
     var e = vd(), t = !0;
-    ri.exports = /* @__PURE__ */ hg()(e.isElement, t);
+    ri.exports = /* @__PURE__ */ dg()(e.isElement, t);
   } else
-    ri.exports = /* @__PURE__ */ pg()();
+    ri.exports = /* @__PURE__ */ hg()();
   return ri.exports;
 }
 var ii = { exports: {} }, Wu;
-function vg() {
+function pg() {
   if (Wu) return ii.exports;
   Wu = 1;
   function e(r) {
@@ -14869,7 +14870,7 @@ function Ai() {
   return Zt;
 }
 var Kt = {}, Qu;
-function mg() {
+function vg() {
   if (Qu) return Kt;
   Qu = 1, Object.defineProperty(Kt, "__esModule", {
     value: !0
@@ -14905,7 +14906,7 @@ function fs() {
   Gu = 1, Object.defineProperty(We, "__esModule", {
     value: !0
   }), We.addClassName = _, We.addEvent = o, We.addUserSelectStyles = m, We.createCSSTransform = d, We.createSVGTransform = E, We.getTouch = y, We.getTouchIdentifier = g, We.getTranslation = w, We.innerHeight = l, We.innerWidth = f, We.matchesSelector = i, We.matchesSelectorAndParentsTo = a, We.offsetXYFromParent = h, We.outerHeight = c, We.outerWidth = u, We.removeClassName = k, We.removeEvent = s, We.scheduleRemoveUserSelectStyles = v;
-  var e = Ai(), t = r(mg());
+  var e = Ai(), t = r(vg());
   function r(S, T) {
     if (typeof WeakMap == "function") var I = /* @__PURE__ */ new WeakMap(), L = /* @__PURE__ */ new WeakMap();
     return (r = function(R, F) {
@@ -15146,7 +15147,7 @@ function bd() {
   return ai;
 }
 var Zu;
-function gg() {
+function mg() {
   if (Zu) return wn;
   Zu = 1, Object.defineProperty(wn, "__esModule", {
     value: !0
@@ -15447,7 +15448,7 @@ function gg() {
   }), wn;
 }
 var Ku;
-function yg() {
+function gg() {
   return Ku || (Ku = 1, (function(e) {
     Object.defineProperty(e, "__esModule", {
       value: !0
@@ -15457,7 +15458,7 @@ function yg() {
         return c.default;
       }
     }), e.default = void 0;
-    var t = f(Fe), r = l(/* @__PURE__ */ gd()), n = l(yl), i = vg(), a = fs(), o = yd(), s = Ai(), c = l(gg()), u = l(bd());
+    var t = f(Fe), r = l(/* @__PURE__ */ gd()), n = l(yl), i = pg(), a = fs(), o = yd(), s = Ai(), c = l(mg()), u = l(bd());
     function l(g) {
       return g && g.__esModule ? g : { default: g };
     }
@@ -15761,17 +15762,17 @@ function yg() {
   })(Fa)), Fa;
 }
 var Ju;
-function bg() {
+function yg() {
   if (Ju) return xn.exports;
   Ju = 1;
   const {
     default: e,
     DraggableCore: t
-  } = yg();
+  } = gg();
   return xn.exports = e, xn.exports.default = e, xn.exports.DraggableCore = t, xn.exports;
 }
-var _g = bg();
-const ji = /* @__PURE__ */ Io(_g);
+var bg = yg();
+const ji = /* @__PURE__ */ Io(bg);
 function ds() {
   const [e, t] = Ce(1), r = _e((n) => n.svgRef);
   return je(() => {
@@ -15809,7 +15810,7 @@ function _d({ children: e, id: t }) {
     }
   );
 }
-function xg(e) {
+function _g(e) {
   return /* @__PURE__ */ b.jsx(
     "svg",
     {
@@ -15862,7 +15863,7 @@ function xg(e) {
     }
   );
 }
-function wg(e) {
+function xg(e) {
   return /* @__PURE__ */ b.jsx(
     "svg",
     {
@@ -15887,7 +15888,7 @@ function wg(e) {
     }
   );
 }
-function Eg(e) {
+function wg(e) {
   return /* @__PURE__ */ b.jsx(
     "svg",
     {
@@ -15911,7 +15912,7 @@ function Eg(e) {
     }
   );
 }
-function Sg({
+function Eg({
   marginLabel: e,
   id: t,
   height: r,
@@ -15965,13 +15966,13 @@ function Sg({
         /* @__PURE__ */ b.jsx("text", { fill: I, fontSize: `${u}px`, y: r / 2, x: c / 10, alignmentBaseline: "middle", children: e }),
         /* @__PURE__ */ b.jsxs("g", { id: `margin-buttons-${t}`, children: [
           t !== "ruler" && /* @__PURE__ */ b.jsxs("g", { ref: f, onClick: m, style: { cursor: "pointer" }, children: [
-            /* @__PURE__ */ b.jsx(xg, { x: c / 10, y: r / 2 + 2, height: 15, width: 15, fill: I }),
+            /* @__PURE__ */ b.jsx(_g, { x: c / 10, y: r / 2 + 2, height: 15, width: 15, fill: I }),
             /* @__PURE__ */ b.jsx("circle", { cx: c / 10 + 7.5, cy: r / 2 + 10, r: 7.5, strokeWidth: 0, fill: "transparent" })
           ] }),
           t !== "ruler" && /* @__PURE__ */ b.jsxs("g", { onClick: y ? v : void 0, style: { cursor: "pointer" }, children: [
             /* @__PURE__ */ b.jsx("circle", { cx: c / 10 + 22.5, cy: r / 2 + 10, r: 7.5, strokeWidth: 0, fill: "transparent" }),
             /* @__PURE__ */ b.jsx(
-              wg,
+              xg,
               {
                 x: c / 10 + 15,
                 y: r / 2 + 3,
@@ -15984,7 +15985,7 @@ function Sg({
           t !== "ruler" && /* @__PURE__ */ b.jsxs("g", { onClick: g ? x : void 0, style: { cursor: "pointer" }, children: [
             /* @__PURE__ */ b.jsx("circle", { cx: c / 10 + 37.5, cy: r / 2 + 10, r: 7.5, strokeWidth: 0, fill: "transparent" }),
             /* @__PURE__ */ b.jsx(
-              Eg,
+              wg,
               {
                 x: c / 10 + 30,
                 y: r / 2 + 2,
@@ -16028,7 +16029,7 @@ function el({
   ] });
 }
 const Ue = 80;
-function kg() {
+function Sg() {
   const e = _e((f) => f.getTrackDimensions), { sideWidth: t, totalWidth: r } = e(), n = _e((f) => f.getExpandedDomain), i = _e((f) => f.getDomain), [a, o] = Ce(n()), s = Dt((f) => f.isFetching), { x: c } = Ft(r);
   je(() => {
     s || o(n());
@@ -16121,17 +16122,17 @@ function kg() {
           fontSize: Ue / 6 + "px",
           textAnchor: "end",
           fill: u,
-          children: Tg(y.end - y.start)
+          children: kg(y.end - y.start)
         }
       ),
       g
     ] });
   }, [a, i, c, r, t, u]);
 }
-function Tg(e) {
+function kg(e) {
   return e >= 1e9 ? Math.round(e / 1e9) + " Gb" : e >= 1e6 ? Math.round(e / 1e6) + " Mb" : e >= 1e3 ? Math.round(e / 1e3) + " kb" : e + " bp";
 }
-function Dg({
+function Tg({
   id: e,
   children: t,
   setSwapping: r
@@ -16155,11 +16156,11 @@ function Dg({
       onStart: g,
       onDrag: w,
       onStop: y,
-      children: /* @__PURE__ */ b.jsx("g", { id: `swap-track-${e}`, ref: u, children: a ? /* @__PURE__ */ b.jsx(Og, { position: E + n.y + Ue, children: t }) : t })
+      children: /* @__PURE__ */ b.jsx("g", { id: `swap-track-${e}`, ref: u, children: a ? /* @__PURE__ */ b.jsx(Dg, { position: E + n.y + Ue, children: t }) : t })
     }
   );
 }
-function Og({ children: e, position: t }) {
+function Dg({ children: e, position: t }) {
   const r = _e((a) => a.svgRef), n = ds(), i = Ye(null);
   return bl(
     /* @__PURE__ */ b.jsx(
@@ -16174,14 +16175,14 @@ function Og({ children: e, position: t }) {
     r.current
   );
 }
-const Cg = `M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946
+const Og = `M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946
 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634
-c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z`, Lg = `M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0
+c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z`, Cg = `M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0
 			   C22.32,8.481,24.301,9.057,26.013,10.047z`;
-function Rg({ width: e, height: t, color: r }) {
+function Lg({ width: e, height: t, color: r }) {
   return /* @__PURE__ */ b.jsxs("svg", { width: e, height: t, viewBox: "0 0 40 40", children: [
-    /* @__PURE__ */ b.jsx("path", { opacity: "0.2", fill: r, d: Cg }),
-    /* @__PURE__ */ b.jsx("path", { fill: r, d: Lg, children: /* @__PURE__ */ b.jsx(
+    /* @__PURE__ */ b.jsx("path", { opacity: "0.2", fill: r, d: Og }),
+    /* @__PURE__ */ b.jsx("path", { fill: r, d: Cg, children: /* @__PURE__ */ b.jsx(
       "animateTransform",
       {
         attributeType: "xml",
@@ -16195,21 +16196,21 @@ function Rg({ width: e, height: t, color: r }) {
     ) })
   ] });
 }
-const Ig = `M446.324,367.381L262.857,41.692c-15.644-28.444-58.311-28.444-73.956,0L5.435,367.381
-c-15.644,28.444,4.267,64,36.978,64h365.511C442.057,429.959,461.968,395.825,446.324,367.381z`, Mg = `M196.013,212.359l11.378,75.378c1.422,8.533,8.533,15.644,18.489,15.644l0,0
+const Rg = `M446.324,367.381L262.857,41.692c-15.644-28.444-58.311-28.444-73.956,0L5.435,367.381
+c-15.644,28.444,4.267,64,36.978,64h365.511C442.057,429.959,461.968,395.825,446.324,367.381z`, Ig = `M196.013,212.359l11.378,75.378c1.422,8.533,8.533,15.644,18.489,15.644l0,0
 c8.533,0,17.067-7.111,18.489-15.644l11.378-75.378c2.844-18.489-11.378-34.133-29.867-34.133l0,0
 C207.39,178.225,194.59,193.87,196.013,212.359z`;
-function Ag({
+function Mg({
   width: e,
   height: t,
   outline: r,
   inside: n
 }) {
   return /* @__PURE__ */ b.jsxs("svg", { width: e, height: t, viewBox: "0 0 451.74 481.74", children: [
-    /* @__PURE__ */ b.jsx("path", { fill: r, d: Ig }),
+    /* @__PURE__ */ b.jsx("path", { fill: r, d: Rg }),
     /* @__PURE__ */ b.jsx("path", { fill: n, d: "M225.879,63.025l183.467,325.689H42.413L225.879,63.025L225.879,63.025z" }),
     /* @__PURE__ */ b.jsxs("g", { children: [
-      /* @__PURE__ */ b.jsx("path", { fill: "#3F4448;", d: Mg }),
+      /* @__PURE__ */ b.jsx("path", { fill: "#3F4448;", d: Ig }),
       /* @__PURE__ */ b.jsx("circle", { fill: "#3F4448", cx: "225.879", cy: "336.092", r: "17.067" })
     ] })
   ] });
@@ -16226,13 +16227,13 @@ function xd({ children: e, transform: t, id: r, loading: n, error: i }) {
   }, []), L = Ct(() => {
     c(!1);
   }, []);
-  return /* @__PURE__ */ b.jsx("g", { id: `wrapper-${r}`, transform: t, children: /* @__PURE__ */ b.jsxs(Dg, { id: r, setSwapping: o, children: [
+  return /* @__PURE__ */ b.jsx("g", { id: `wrapper-${r}`, transform: t, children: /* @__PURE__ */ b.jsxs(Tg, { id: r, setSwapping: o, children: [
     /* @__PURE__ */ b.jsx("rect", { width: l, height: v, fill: T, style: { pointerEvents: "none" } }),
     n && !i && /* @__PURE__ */ b.jsx(
       "g",
       {
         transform: `translate(${u + (f - _) / 2},${(v - _) / 2})`,
-        children: /* @__PURE__ */ b.jsx(Rg, { color: S, width: _, height: _ })
+        children: /* @__PURE__ */ b.jsx(Lg, { color: S, width: _, height: _ })
       }
     ),
     i && /* @__PURE__ */ b.jsxs(
@@ -16240,7 +16241,7 @@ function xd({ children: e, transform: t, id: r, loading: n, error: i }) {
       {
         transform: `translate(${u + (f - _) / 2},${(v - _) / 2})`,
         children: [
-          /* @__PURE__ */ b.jsx(Ag, { outline: S, inside: T, width: _, height: _ }),
+          /* @__PURE__ */ b.jsx(Mg, { outline: S, inside: T, width: _, height: _ }),
           /* @__PURE__ */ b.jsx("g", { transform: `translate(${_ / 2},${_ + 10})`, children: /* @__PURE__ */ b.jsx("text", { fill: S, textAnchor: "middle", fontSize: `${g}px`, children: i }) })
         ]
       }
@@ -16269,7 +16270,7 @@ function xd({ children: e, transform: t, id: r, loading: n, error: i }) {
       }
     ),
     /* @__PURE__ */ b.jsx(
-      Sg,
+      Eg,
       {
         id: r,
         marginLabel: x,
@@ -16300,7 +16301,7 @@ function Ni(e, t, r = 12) {
     n(t, { height: i });
   }, [r, t, n, e]), r;
 }
-function jg({
+function Ag({
   id: e,
   data: t,
   height: r,
@@ -16313,7 +16314,7 @@ function jg({
 }) {
   const { totalWidth: u, sideWidth: l } = n, f = rt((v) => v.background), { x: h, reverseX: d } = Ft(u), E = ve(() => {
     const v = t ? [...t] : [];
-    return ig(v, h);
+    return ng(v, h);
   }, [t, h]), w = Ni(E.length, e), { handleClick: y, handleHover: g, handleLeave: m } = xt({
     onClick: a,
     onHover: o,
@@ -16343,16 +16344,16 @@ function jg({
     }) }, `group_${x}`))
   ] });
 }
-function Ng(e, t) {
+function jg(e, t) {
   return e.coordinates.start === t.coordinates.start ? e.coordinates.end - t.coordinates.end : e.coordinates.start - t.coordinates.start;
 }
-function Pg(e, t) {
+function Ng(e, t) {
   var s;
-  const n = e.transcripts.reduce((c, u) => [...c, ...u.exons || []], []).sort(Ng), i = n.length === 0 ? [] : [{ coordinates: { ...n[0].coordinates }, UTRs: n[0].UTRs && [...n[0].UTRs] }], a = new Set(e.transcripts.map((c) => c.color));
+  const n = e.transcripts.reduce((c, u) => [...c, ...u.exons || []], []).sort(jg), i = n.length === 0 ? [] : [{ coordinates: { ...n[0].coordinates }, UTRs: n[0].UTRs && [...n[0].UTRs] }], a = new Set(e.transcripts.map((c) => c.color));
   n.slice(1).forEach((c) => {
     c.coordinates.start < i[i.length - 1].coordinates.end ? (i[i.length - 1].UTRs = [...i[i.length - 1].UTRs || [], ...c.UTRs || []], i[i.length - 1].coordinates.end = Math.max(c.coordinates.end, i[i.length - 1].coordinates.end)) : i.push({ coordinates: { ...c.coordinates }, UTRs: c.UTRs && [...c.UTRs] });
   }), i.forEach((c) => {
-    c.UTRs = Fg(c.UTRs || []);
+    c.UTRs = Pg(c.UTRs || []);
   });
   let o = a.size === 1 ? a.values().next().value : void 0;
   return t && (o = (s = e.name) != null && s.includes(t) ? "#ff5555" : o), {
@@ -16367,7 +16368,7 @@ function Pg(e, t) {
     color: o
   };
 }
-function Fg(e) {
+function Pg(e) {
   if (e.length === 0) return [];
   const t = [{ coordinates: { ...e[0].coordinates } }];
   return e.slice(1).forEach((r) => {
@@ -16379,9 +16380,9 @@ function Fg(e) {
 }
 function wd(e, t, r, n) {
   var o;
-  const i = Bg(e, t), a = {
-    exons: ((o = i.exons) == null ? void 0 : o.reduce((s, c) => s + Ug(c, r / 2, r, n), "")) || "",
-    introns: zg(
+  const i = Fg(e, t), a = {
+    exons: ((o = i.exons) == null ? void 0 : o.reduce((s, c) => s + zg(c, r / 2, r, n), "")) || "",
+    introns: qg(
       i.coordinates.start,
       i.coordinates.end,
       i.strand,
@@ -16392,7 +16393,7 @@ function wd(e, t, r, n) {
   };
   return { transcript: i, paths: a };
 }
-function Bg(e, t) {
+function Fg(e, t) {
   var r;
   return {
     strand: e.strand,
@@ -16420,10 +16421,10 @@ function Bg(e, t) {
     })) || []
   };
 }
-function qg(e) {
+function Bg(e) {
   return e.reduce((t, r) => (r.transcripts.forEach((n) => t.push({ ...n, strand: r.strand })), t), []).sort((t, r) => t.coordinates.start - r.coordinates.start);
 }
-function zg(e, t, r, n, i, a) {
+function qg(e, t, r, n, i, a) {
   let o = "";
   if (e = e < 0 ? 0 : e, t = t > a ? a : t, r === "+")
     for (let s = e + 10; s < t - 10; s += 20)
@@ -16433,7 +16434,7 @@ function zg(e, t, r, n, i, a) {
       o += Ot(s + i, n - i) + be(s, n) + be(s + i, n + i) + be(s, n) + be(s + i, n - i);
   return o + " M " + e + " " + n + " L " + t + " " + n;
 }
-function Ug(e, t, r, n) {
+function zg(e, t, r, n) {
   var f, h;
   if (e.coordinates.start > n || e.coordinates.end < 0) return "";
   const i = ((f = e.UTRs) == null ? void 0 : f.filter((d) => d.coordinates.start === e.coordinates.start)) || [], a = ((h = e.UTRs) == null ? void 0 : h.filter((d) => d.coordinates.end === e.coordinates.end)) || [], o = t - r * 0.2, s = t + r * 0.2, c = t - r * 0.3, u = t + r * 0.3;
@@ -16454,7 +16455,7 @@ const Ed = (e, t) => {
     coordinates: i
   };
 };
-function $g({
+function Ug({
   id: e,
   data: t,
   geneName: r,
@@ -16466,7 +16467,7 @@ function $g({
   onLeave: c,
   tooltip: u
 }) {
-  const { totalWidth: l, sideWidth: f } = i, { x: h, reverseX: d } = Ft(l), E = 10, w = ve(() => t == null ? void 0 : t.map((S) => Pg(S, r)), [t, r]), y = ve(() => Mi(w, h, E), [w, h, E]), g = Ni(y.length, e), m = ve(
+  const { totalWidth: l, sideWidth: f } = i, { x: h, reverseX: d } = Ft(l), E = 10, w = ve(() => t == null ? void 0 : t.map((S) => Ng(S, r)), [t, r]), y = ve(() => Mi(w, h, E), [w, h, E]), g = Ni(y.length, e), m = ve(
     () => y.map((S, T) => ({
       y: T * g,
       transcripts: S.map((I) => wd(I, h, g, l))
@@ -16530,7 +16531,7 @@ function $g({
     ))
   ] });
 }
-function Vg({
+function $g({
   id: e,
   data: t,
   height: r,
@@ -16541,7 +16542,7 @@ function Vg({
   onLeave: s,
   tooltip: c
 }) {
-  const { totalWidth: u, sideWidth: l } = n, { x: f, reverseX: h } = Ft(u), d = 10, E = ve(() => qg(t || []), [t]), w = ve(() => Mi(E, f, d), [E, f, d]), y = Ni(w.length, e), g = ve(
+  const { totalWidth: u, sideWidth: l } = n, { x: f, reverseX: h } = Ft(u), d = 10, E = ve(() => Bg(t || []), [t]), w = ve(() => Mi(E, f, d), [E, f, d]), y = Ni(w.length, e), g = ve(
     () => w.map((k, S) => ({
       y: S * y,
       transcripts: k.map((T) => wd(T, f, y, u))
@@ -16605,7 +16606,7 @@ function Vg({
     ))
   ] });
 }
-function Wg(e, t, r) {
+function Vg(e, t, r) {
   return ve(
     () => e.map((n) => {
       const i = t.slice(n.coordinates[0], n.coordinates[1] + 1).map((s) => s.importance), a = [Math.min(...i), Math.max(...i)], o = r(a[1]);
@@ -16618,36 +16619,36 @@ function Wg(e, t, r) {
     [e, r]
   );
 }
-function Hg(e, t) {
+function Wg(e, t) {
   const r = ve(
-    () => Qg(e) ? e.importance.map((o, s) => ({
+    () => Hg(e) ? e.importance.map((o, s) => ({
       base: e.sequence.charAt(s),
       importance: o
     })) : e,
     [e]
-  ), n = ve(() => Yg(r, (o) => o.importance), [r]), i = Gg(n, { start: t, end: 0 }), a = Ct(Xg(i), [n, t]);
+  ), n = ve(() => Gg(r, (o) => o.importance), [r]), i = Qg(n, { start: t, end: 0 }), a = Ct(Yg(i), [n, t]);
   return [r, a, i];
 }
-function Qg(e) {
+function Hg(e) {
   return e.sequence !== void 0;
 }
-function Gg(e, t) {
+function Qg(e, t) {
   return (r) => t.start + (t.end - t.start) * ((r - e.start) / (e.end - e.start));
 }
-function Yg(e, t) {
+function Gg(e, t) {
   const r = e.map(t), n = Math.min(...r), i = Math.max(...r);
   return {
     start: n > 0 ? 0 : n,
     end: i < 0 ? 0 : i
   };
 }
-function Xg(e) {
+function Yg(e) {
   return (t) => {
     const r = e((t < 0, t)), n = e((t < 0, 0)), i = Math.abs(n - r) / 100;
     return [r * (t < 0 ? -1 : 1), i, t < 0 ? "scale(1,-1)" : ""];
   };
 }
-const Zg = (e) => /* @__PURE__ */ b.jsxs("g", { children: [
+const Xg = (e) => /* @__PURE__ */ b.jsxs("g", { children: [
   /* @__PURE__ */ b.jsx(
     "path",
     {
@@ -16656,7 +16657,7 @@ const Zg = (e) => /* @__PURE__ */ b.jsxs("g", { children: [
     }
   ),
   /* @__PURE__ */ b.jsx("path", { fill: "#ffffff", d: "M 77 70 C 70 90 30 90 22 80 C 10 50 80 60 77 70" })
-] }), Kg = (e) => /* @__PURE__ */ b.jsxs("g", { children: [
+] }), Zg = (e) => /* @__PURE__ */ b.jsxs("g", { children: [
   /* @__PURE__ */ b.jsx(
     "path",
     {
@@ -16665,7 +16666,7 @@ const Zg = (e) => /* @__PURE__ */ b.jsxs("g", { children: [
     }
   ),
   /* @__PURE__ */ b.jsx("path", { d: "M 79 60 C 80 95 20 95 20 65 C 20 30 80 30 79 65", fill: "#ffffff" })
-] }), Jg = (e) => /* @__PURE__ */ b.jsxs("g", { children: [
+] }), Kg = (e) => /* @__PURE__ */ b.jsxs("g", { children: [
   /* @__PURE__ */ b.jsx(
     "path",
     {
@@ -16674,7 +16675,7 @@ const Zg = (e) => /* @__PURE__ */ b.jsxs("g", { children: [
     }
   ),
   /* @__PURE__ */ b.jsx("path", { d: "M 79 60 C 80 95 20 95 20 65 C 20 30 80 30 79 65", fill: "#ffffff" })
-] }), ey = (e) => /* @__PURE__ */ b.jsxs("g", { children: [
+] }), Jg = (e) => /* @__PURE__ */ b.jsxs("g", { children: [
   /* @__PURE__ */ b.jsx(
     "path",
     {
@@ -16683,13 +16684,13 @@ const Zg = (e) => /* @__PURE__ */ b.jsxs("g", { children: [
     }
   ),
   /* @__PURE__ */ b.jsx("path", { d: "M 33 37 L 68 37 C 58 10 42 10 33 37", fill: "#ffffff" })
-] }), ty = (e) => /* @__PURE__ */ b.jsx(
+] }), ey = (e) => /* @__PURE__ */ b.jsx(
   "path",
   {
     d: "M 95 32 C 80 -17 20 -5 20 37 L 7 37 L 7 50 L 20 50 L 20 100 L 45 100 L 45 50 L 57 50 L 57 37 L 45 37 C 45 10 70 10 75 32 L 95 32",
     ...e
   }
-), ry = (e) => /* @__PURE__ */ b.jsxs("g", { children: [
+), ty = (e) => /* @__PURE__ */ b.jsxs("g", { children: [
   /* @__PURE__ */ b.jsx(
     "path",
     {
@@ -16698,13 +16699,13 @@ const Zg = (e) => /* @__PURE__ */ b.jsxs("g", { children: [
     }
   ),
   /* @__PURE__ */ b.jsx("path", { d: "M 67 30 C 70 10 25 10 27 30 C 25 50 70 50 67 30", fill: "#ffffff" })
-] }), ny = (e) => /* @__PURE__ */ b.jsx(
+] }), ry = (e) => /* @__PURE__ */ b.jsx(
   "path",
   {
     d: "M 0 0 L 0 100 L 20 100 L 20 80 C 20 40 80 40 80 80 L 80 100 L 100 100 L 100 50 C 80 20 20 20 20 45 L 20 0 L 0 0",
     ...e
   }
-), iy = (e) => /* @__PURE__ */ b.jsxs("g", { children: [
+), ny = (e) => /* @__PURE__ */ b.jsxs("g", { children: [
   /* @__PURE__ */ b.jsx(
     "rect",
     {
@@ -16725,7 +16726,7 @@ const Zg = (e) => /* @__PURE__ */ b.jsxs("g", { children: [
       height: 15
     }
   )
-] }), ay = (e) => /* @__PURE__ */ b.jsxs("g", { children: [
+] }), iy = (e) => /* @__PURE__ */ b.jsxs("g", { children: [
   /* @__PURE__ */ b.jsx(
     "path",
     {
@@ -16734,13 +16735,13 @@ const Zg = (e) => /* @__PURE__ */ b.jsxs("g", { children: [
     }
   ),
   /* @__PURE__ */ b.jsx("path", { d: "M 0 60 L 100 20", ...e })
-] }), oy = (e) => /* @__PURE__ */ b.jsx(
+] }), ay = (e) => /* @__PURE__ */ b.jsx(
   "path",
   {
     d: "M 0 0 L 20 0 L 20 60 L 75 30 L 100 30 L 50 65 L 100 100 L 75 100 L 27 80 L 20 85 L 20 100 L 0 100 L 0 0",
     ...e
   }
-), sy = (e) => /* @__PURE__ */ b.jsx(
+), oy = (e) => /* @__PURE__ */ b.jsx(
   "rect",
   {
     x: 40,
@@ -16749,19 +16750,19 @@ const Zg = (e) => /* @__PURE__ */ b.jsxs("g", { children: [
     height: 100,
     ...e
   }
-), cy = (e) => /* @__PURE__ */ b.jsx(
+), sy = (e) => /* @__PURE__ */ b.jsx(
   "path",
   {
     d: "M 0 0 L 0 100 L 20 100 L 20 60 C 20 20 40 20 40 50 L 40 100 L 60 100 L 60 50 C 60 20 80 20 80 50 L 80 100 L 100 100 L 100 50 C 100 -10 40 -10 50 50 C 50 -5 20 -5 20 20 L 20 0 L 0 0",
     ...e
   }
-), uy = (e) => /* @__PURE__ */ b.jsx(
+), cy = (e) => /* @__PURE__ */ b.jsx(
   "path",
   {
     d: "M 0 0 L 0 100 L 20 100 L 20 60 C 20 0 80 0 80 50 L 80 100 L 100 100 L 100 25 C 80 -10 20 -10 20 20 L 20 0 L 0 0",
     ...e
   }
-), ly = (e) => /* @__PURE__ */ b.jsxs("g", { children: [
+), uy = (e) => /* @__PURE__ */ b.jsxs("g", { children: [
   /* @__PURE__ */ b.jsx(
     "path",
     {
@@ -16770,7 +16771,7 @@ const Zg = (e) => /* @__PURE__ */ b.jsxs("g", { children: [
     }
   ),
   /* @__PURE__ */ b.jsx("path", { d: "M 79 40 C 80 5 20 5 20 35 C 20 70 80 70 79 35", fill: "#ffffff" })
-] }), fy = (e) => /* @__PURE__ */ b.jsxs("g", { children: [
+] }), ly = (e) => /* @__PURE__ */ b.jsxs("g", { children: [
   /* @__PURE__ */ b.jsx(
     "path",
     {
@@ -16779,19 +16780,19 @@ const Zg = (e) => /* @__PURE__ */ b.jsxs("g", { children: [
     }
   ),
   /* @__PURE__ */ b.jsx("path", { d: "M 79 40 C 80 5 20 5 20 35 C 20 70 80 70 79 35", fill: "#ffffff" })
-] }), dy = (e) => /* @__PURE__ */ b.jsx(
+] }), fy = (e) => /* @__PURE__ */ b.jsx(
   "path",
   {
     d: "M 0 0 L 0 100 L 20 100 L 20 60 C 20 0 80 0 80 50 L 100 50 L 100 25 C 80 -10 20 -10 20 20 L 20 0 L 0 0",
     ...e
   }
-), hy = (e) => /* @__PURE__ */ b.jsx(
+), dy = (e) => /* @__PURE__ */ b.jsx(
   "path",
   {
     d: "M 95 68 C 80 117 20 105 20 63 L 20 47 L 7 47 L 7 27 L 20 27 L 20 0 L 45 0 L 45 27 L 57 27 L 57 47 L 45 47 L 45 63 C 45 90 70 90 75 68 L 95 68",
     ...e
   }
-), py = (e) => /* @__PURE__ */ b.jsxs("g", { children: [
+), hy = (e) => /* @__PURE__ */ b.jsxs("g", { children: [
   /* @__PURE__ */ b.jsx(
     "path",
     {
@@ -16809,14 +16810,14 @@ const Zg = (e) => /* @__PURE__ */ b.jsxs("g", { children: [
       width: 25
     }
   )
-] }), vy = (e) => /* @__PURE__ */ b.jsx(
+] }), py = (e) => /* @__PURE__ */ b.jsx(
   "path",
   {
     d: "M 0 0 L 25 0 L 50 36 L 75 0 L 100 0 L 40 100 L 12 100 L 37 55 L 0 0",
     ...e
   }
 );
-function my(e) {
+function vy(e) {
   return /* @__PURE__ */ b.jsx(
     "path",
     {
@@ -16825,43 +16826,43 @@ function my(e) {
     }
   );
 }
-const gy = (e) => /* @__PURE__ */ b.jsx(
+const my = (e) => /* @__PURE__ */ b.jsx(
   "path",
   {
     ...e,
     d: "M 0 25 C 20 -8 80 -8 100 25 C 100 90 30 50 20 85 L 100 85 L 100 100 L 0 100 L 0 70 C 10 40 75 70 75 25 C 70 10 30 10 25 28 L 0 25"
   }
-), yy = (e) => /* @__PURE__ */ b.jsx(
+), gy = (e) => /* @__PURE__ */ b.jsx(
   "path",
   {
     ...e,
     d: "M 0 35 L 0 25 C 20 -8 80 -8 100 25 C 100 30 100 50 75 50 C 100 50 100 70 100 75 C 80 108 20 108 0 75 L 0 65 L 25 65 L 25 75 C 30 88 70 88 75 75 C 75 68 75 65 47 58 L 47 42 C 75 32 75 35 75 25 C 70 12 30 12 25 25 L 25 35"
   }
-), by = (e) => /* @__PURE__ */ b.jsx(
+), yy = (e) => /* @__PURE__ */ b.jsx(
   "path",
   {
     ...e,
     d: "M 50 0 L 0 50 L 0 70 L 50 70 L 50 100 L 75 100 L 75 70 L 100 70 L 100 50 L 75 50 L 75 0 L 50 15 L 50 50 L 30 50 L 75 0 L 50 0"
   }
-), _y = (e) => /* @__PURE__ */ b.jsx(
+), by = (e) => /* @__PURE__ */ b.jsx(
   "path",
   {
     ...e,
     d: "M 95 20 L 100 0 L 10 0 L 0 60 L 25 60 C 30 45 90 50 75 77 C 66 87 30 90 26 72 L 0 80 C 20 110 80 110 100 70 C 100 25 10 25 25 40 L 30 20 L 95 20"
   }
-), xy = (e) => /* @__PURE__ */ b.jsx(
+), _y = (e) => /* @__PURE__ */ b.jsx(
   "path",
   {
     ...e,
     d: "M 50 0 C -40 70 10 100 50 100 C 90 100 100 80 100 55 C 80 30 30 30 35 50 L 30 60 C 80 50 80 85 50 80 C 10 80 48 10 90 0 L 50 0"
   }
-), wy = (e) => /* @__PURE__ */ b.jsx(
+), xy = (e) => /* @__PURE__ */ b.jsx(
   "path",
   {
     ...e,
     d: "M 0 0 L 100 0 L 50 100 L 20 100 L 60 20 L 0 20 L 0 0"
   }
-), Ey = (e) => /* @__PURE__ */ b.jsxs("g", { children: [
+), wy = (e) => /* @__PURE__ */ b.jsxs("g", { children: [
   /* @__PURE__ */ b.jsx(
     "path",
     {
@@ -16876,7 +16877,7 @@ const gy = (e) => /* @__PURE__ */ b.jsx(
       d: "M 100 35 L 100 25 C 80 -8 20 -8 0 25 C 0 30 0 50 25 50 C 0 50 0 70 0 75 C 20 108 80 108 100 75 L 100 65 L 75 65 L 75 75 C 70 88 30 88 25 75 C 25 68 25 65 53 58 L 53 42 C 25 32 25 35 25 25 C 30 12 70 12 75 25 L 75 35"
     }
   )
-] }), Sy = (e) => /* @__PURE__ */ b.jsx(
+] }), Ey = (e) => /* @__PURE__ */ b.jsx(
   "path",
   {
     ...e,
@@ -16891,10 +16892,10 @@ const gy = (e) => /* @__PURE__ */ b.jsx(
     }
   ),
   /* @__PURE__ */ b.jsx("path", { fill: "#ffffff", d: "M 41 55 L 50 25 L 58 55 L 41 55" })
-] }), ky = `M 0 0 L 80 0 C 105 0 105 50 80 50
+] }), Sy = `M 0 0 L 80 0 C 105 0 105 50 80 50
          C 105 50 105 100 80 100 L 00 100
-         L 0 0`, Ty = (e) => /* @__PURE__ */ b.jsxs("g", { children: [
-  /* @__PURE__ */ b.jsx("path", { ...e, d: ky }),
+         L 0 0`, ky = (e) => /* @__PURE__ */ b.jsxs("g", { children: [
+  /* @__PURE__ */ b.jsx("path", { ...e, d: Sy }),
   /* @__PURE__ */ b.jsx(
     "path",
     {
@@ -16909,31 +16910,31 @@ const gy = (e) => /* @__PURE__ */ b.jsx(
       fill: "#ffffff"
     }
   )
-] }), Dy = `M 100 28 C 100 -13 0 -13 0 50
+] }), Ty = `M 100 28 C 100 -13 0 -13 0 50
          C 0 113 100 113 100 72 L 75 72
          C 75 90 30 90 30 50 C 30 10 75 10 75 28
-         L 100 28`, xi = (e) => /* @__PURE__ */ b.jsx("path", { ...e, d: Dy }), Oy = `M 0 0 L 60 0 C 110 0 110 100 60 100
-               L 0 100 L 0 0`, Cy = `M 20 15 L 40 15 C 85 15 85 85 40 85
-                    L 20 85 L 20 15`, Ly = (e) => /* @__PURE__ */ b.jsxs("g", { children: [
-  /* @__PURE__ */ b.jsx("path", { ...e, d: Oy }),
-  /* @__PURE__ */ b.jsx("path", { fill: "#ffffff", d: Cy })
-] }), Ry = `M 0 0 L 100 0 L 100 20 L 20 20 L 20 40
+         L 100 28`, xi = (e) => /* @__PURE__ */ b.jsx("path", { ...e, d: Ty }), Dy = `M 0 0 L 60 0 C 110 0 110 100 60 100
+               L 0 100 L 0 0`, Oy = `M 20 15 L 40 15 C 85 15 85 85 40 85
+                    L 20 85 L 20 15`, Cy = (e) => /* @__PURE__ */ b.jsxs("g", { children: [
+  /* @__PURE__ */ b.jsx("path", { ...e, d: Dy }),
+  /* @__PURE__ */ b.jsx("path", { fill: "#ffffff", d: Oy })
+] }), Ly = `M 0 0 L 100 0 L 100 20 L 20 20 L 20 40
                L 90 40 L 90 60 L 20 60 L 20 80 L 100 80
-               L 100 100 L 0 100 L 0 0`, Iy = (e) => /* @__PURE__ */ b.jsx("path", { ...e, d: Ry }), My = `M 0 0 L 100 0 L 100 20 L 20 20 L 20 40
+               L 100 100 L 0 100 L 0 0`, Ry = (e) => /* @__PURE__ */ b.jsx("path", { ...e, d: Ly }), Iy = `M 0 0 L 100 0 L 100 20 L 20 20 L 20 40
                L 80 40 L 80 60 L 20 60 L 20 100 L 0 100
-               L 0 0`, Ay = (e) => /* @__PURE__ */ b.jsx("path", { ...e, d: My }), jy = `M 100 28 C 100 -13 0 -13 0 50 C 0 113 100 113 100 72
+               L 0 0`, My = (e) => /* @__PURE__ */ b.jsx("path", { ...e, d: Iy }), Ay = `M 100 28 C 100 -13 0 -13 0 50 C 0 113 100 113 100 72
          L 100 48 L 55 48 L 55 72 L 75 72 C 75 90 30 90 30 50
-         C 30 10 75 5 75 28 L 100 28`, ps = (e) => /* @__PURE__ */ b.jsx("path", { ...e, d: jy }), Ny = `M 0 0 L 20 0 L 20 40 L 80 40 L 80 0
+         C 30 10 75 5 75 28 L 100 28`, ps = (e) => /* @__PURE__ */ b.jsx("path", { ...e, d: Ay }), jy = `M 0 0 L 20 0 L 20 40 L 80 40 L 80 0
                L 100 0 L 100 100 L 80 100 L 80 60
-               L 20 60 L 20 100 L 0 100 L 0 0`, Py = (e) => /* @__PURE__ */ b.jsx("path", { ...e, d: Ny }), Fy = "M 40 0 L 60 0 L 60 100 L 40 100 L 40 0", By = (e) => /* @__PURE__ */ b.jsx("path", { ...e, d: Fy }), qy = `M 0 60 C 0 111 100 111 100 60
+               L 20 60 L 20 100 L 0 100 L 0 0`, Ny = (e) => /* @__PURE__ */ b.jsx("path", { ...e, d: jy }), Py = "M 40 0 L 60 0 L 60 100 L 40 100 L 40 0", Fy = (e) => /* @__PURE__ */ b.jsx("path", { ...e, d: Py }), By = `M 0 60 C 0 111 100 111 100 60
          L 100 0 L 75 0 L 75 60
-         C 80 90 20 90 25 60`, zy = (e) => /* @__PURE__ */ b.jsx("path", { ...e, d: qy }), Uy = `M 0 0 L 20 0 L 20 40 L 75 0 L 100 0
+         C 80 90 20 90 25 60`, qy = (e) => /* @__PURE__ */ b.jsx("path", { ...e, d: By }), zy = `M 0 0 L 20 0 L 20 40 L 75 0 L 100 0
                L 50 50 L 100 100 L 75 100 L 30 65
-               L 20 75 L 20 100 L 0 100 L 0 0`, $y = (e) => /* @__PURE__ */ b.jsx("path", { ...e, d: Uy }), Vy = `M 0 0 L 0 100 L 100 100 L 100 80
-               L 20 80 L 20 0 L 0 0`, Wy = (e) => /* @__PURE__ */ b.jsx("path", { ...e, d: Vy }), Hy = `M 0 0 L 20 0 L 50 35 L 80 0 L 100 0 L 100 100
+               L 20 75 L 20 100 L 0 100 L 0 0`, Uy = (e) => /* @__PURE__ */ b.jsx("path", { ...e, d: zy }), $y = `M 0 0 L 0 100 L 100 100 L 100 80
+               L 20 80 L 20 0 L 0 0`, Vy = (e) => /* @__PURE__ */ b.jsx("path", { ...e, d: $y }), Wy = `M 0 0 L 20 0 L 50 35 L 80 0 L 100 0 L 100 100
                L 80 100 L 80 30 L 50 65 L 20 30 L 20 100
-               L 0 100 L 0 0`, Qy = (e) => /* @__PURE__ */ b.jsx("path", { ...e, d: Hy }), Gy = `M 0 100 L 0 0 L 20 0 L 80 75 L 80 0
-         L 100 0 L 100 100 L 80 100 L 20 25 L 20 100 L 0 100`, Yy = (e) => /* @__PURE__ */ b.jsx("path", { ...e, d: Gy }), Wa = (e) => /* @__PURE__ */ b.jsxs("g", { children: [
+               L 0 100 L 0 0`, Hy = (e) => /* @__PURE__ */ b.jsx("path", { ...e, d: Wy }), Qy = `M 0 100 L 0 0 L 20 0 L 80 75 L 80 0
+         L 100 0 L 100 100 L 80 100 L 20 25 L 20 100 L 0 100`, Gy = (e) => /* @__PURE__ */ b.jsx("path", { ...e, d: Qy }), Wa = (e) => /* @__PURE__ */ b.jsxs("g", { children: [
   /* @__PURE__ */ b.jsx(
     "circle",
     {
@@ -16944,9 +16945,9 @@ const gy = (e) => /* @__PURE__ */ b.jsx(
     }
   ),
   /* @__PURE__ */ b.jsx("circle", { cx: "50", cy: "50", r: "32", fill: "#ffffff" })
-] }), Xy = `M 0 0 L 80 0 C 105 0 105 50 80 50
-               L 20 50 L 20 100 L 0 100 L 0 0`, Zy = (e) => /* @__PURE__ */ b.jsxs("g", { children: [
-  /* @__PURE__ */ b.jsx("path", { ...e, d: Xy }),
+] }), Yy = `M 0 0 L 80 0 C 105 0 105 50 80 50
+               L 20 50 L 20 100 L 0 100 L 0 0`, Xy = (e) => /* @__PURE__ */ b.jsxs("g", { children: [
+  /* @__PURE__ */ b.jsx("path", { ...e, d: Yy }),
   /* @__PURE__ */ b.jsx(
     "path",
     {
@@ -16954,7 +16955,7 @@ const gy = (e) => /* @__PURE__ */ b.jsx(
       d: "M 20 15 L 70 15 C 80 15 80 35 70 35 L 20 35 L 20 15"
     }
   )
-] }), Ky = "M 85 100 L 55 70 L 70 55 L 100 85 L 85 100", Jy = (e) => /* @__PURE__ */ b.jsxs("g", { children: [
+] }), Zy = "M 85 100 L 55 70 L 70 55 L 100 85 L 85 100", Ky = (e) => /* @__PURE__ */ b.jsxs("g", { children: [
   /* @__PURE__ */ b.jsx(
     "circle",
     {
@@ -16965,12 +16966,12 @@ const gy = (e) => /* @__PURE__ */ b.jsx(
     }
   ),
   /* @__PURE__ */ b.jsx("circle", { cx: "50", cy: "50", r: "32", fill: "#ffffff" }),
-  /* @__PURE__ */ b.jsx("path", { d: Ky, ...e })
-] }), eb = `M 0 0 L 80 0 C 105 0 105 50 80 50
+  /* @__PURE__ */ b.jsx("path", { d: Zy, ...e })
+] }), Jy = `M 0 0 L 80 0 C 105 0 105 50 80 50
                 C 100 50 100 70 100 70 L 100 100 L 80 100
                 L 80 80 C 80 80 80 60 50 60 L 20 60
-                L 20 100 L 0 100 L 0 0`, tb = (e) => /* @__PURE__ */ b.jsxs("g", { children: [
-  /* @__PURE__ */ b.jsx("path", { ...e, d: eb }),
+                L 20 100 L 0 100 L 0 0`, eb = (e) => /* @__PURE__ */ b.jsxs("g", { children: [
+  /* @__PURE__ */ b.jsx("path", { ...e, d: Jy }),
   /* @__PURE__ */ b.jsx(
     "path",
     {
@@ -16978,33 +16979,33 @@ const gy = (e) => /* @__PURE__ */ b.jsx(
       d: "M 20 15 L 70 15 C 80 15 80 35 70 35 L 20 35 L 20 15"
     }
   )
-] }), rb = "M92 26 A43 20 0 1 0 43 46 A42 23 0 1 1 9 68", tl = ({ fill: e, fillOpacity: t }) => /* @__PURE__ */ b.jsx(
+] }), tb = "M92 26 A43 20 0 1 0 43 46 A42 23 0 1 1 9 68", tl = ({ fill: e, fillOpacity: t }) => /* @__PURE__ */ b.jsx(
   "path",
   {
     fill: "#ffffff",
     stroke: e,
     strokeOpacity: t,
     strokeWidth: "18",
-    d: rb
+    d: tb
   }
-), nb = `M 0 0 L 0 20 L 35 20 L 35 100
+), rb = `M 0 0 L 0 20 L 35 20 L 35 100
          L 65 100 L 65 20 L 100 20
-         L 100 0 L 0 0`, vs = (e) => /* @__PURE__ */ b.jsx("path", { ...e, d: nb }), ib = `M 0 0 L 0 60 C 0 111 100 111 100 60
+         L 100 0 L 0 0`, vs = (e) => /* @__PURE__ */ b.jsx("path", { ...e, d: rb }), nb = `M 0 0 L 0 60 C 0 111 100 111 100 60
          L 100 0 L 75 0 L 75 60
-         C 80 90 20 90 25 60 L 25 0 L 0 0`, ab = (e) => /* @__PURE__ */ b.jsx("path", { ...e, d: ib }), ob = `M 0 0 L 20 0 L 50 80 L 80 0
-               L 100 0 L 60 100 L 40 100 L 0 0`, rl = (e) => /* @__PURE__ */ b.jsx("path", { ...e, d: ob }), sb = `M 0 0 L 20 0 L 30 70 L 50 30 L 70 70 L 80 0
+         C 80 90 20 90 25 60 L 25 0 L 0 0`, ib = (e) => /* @__PURE__ */ b.jsx("path", { ...e, d: nb }), ab = `M 0 0 L 20 0 L 50 80 L 80 0
+               L 100 0 L 60 100 L 40 100 L 0 0`, rl = (e) => /* @__PURE__ */ b.jsx("path", { ...e, d: ab }), ob = `M 0 0 L 20 0 L 30 70 L 50 30 L 70 70 L 80 0
                L 100 0 L 90 100 L 70 100 L 50 65 L 30 100
-               L 10 100 L 0 0`, nl = (e) => /* @__PURE__ */ b.jsx("path", { ...e, d: sb }), cb = `M 0 0 L 20 0 L 50 40 L 80 0 L 100 0 L 70 50
+               L 10 100 L 0 0`, nl = (e) => /* @__PURE__ */ b.jsx("path", { ...e, d: ob }), sb = `M 0 0 L 20 0 L 50 40 L 80 0 L 100 0 L 70 50
                L 100 100 L 80 100 L 50 60 L 20 100 L 0 100
-               L 30 50 L 0 0`, il = (e) => /* @__PURE__ */ b.jsx("path", { ...e, d: cb }), ub = `M 0 0 L 20 0 L 50 45 L 80 0 L 100 0
-               L 60 60 L 60 100 L 40 100 L 40 60 L 0 0`, lb = (e) => /* @__PURE__ */ b.jsx("path", { ...e, d: ub }), fb = `M 0 0 L 100 0 L 100 20 L 35 80 L 100 80
+               L 30 50 L 0 0`, il = (e) => /* @__PURE__ */ b.jsx("path", { ...e, d: sb }), cb = `M 0 0 L 20 0 L 50 45 L 80 0 L 100 0
+               L 60 60 L 60 100 L 40 100 L 40 60 L 0 0`, ub = (e) => /* @__PURE__ */ b.jsx("path", { ...e, d: cb }), lb = `M 0 0 L 100 0 L 100 20 L 35 80 L 100 80
                L 100 100 L 0 100 L 0 80 L 65 20 L 0 20
-               L 0 0`, al = (e) => /* @__PURE__ */ b.jsx("path", { ...e, d: fb });
-function db({ xscale: e, yscale: t, inverted: r, children: n }) {
+               L 0 0`, al = (e) => /* @__PURE__ */ b.jsx("path", { ...e, d: lb });
+function fb({ xscale: e, yscale: t, inverted: r, children: n }) {
   const i = t * (r ? -1 : 1);
   return /* @__PURE__ */ b.jsx("g", { transform: "scale(" + e + "," + i + ")", children: n });
 }
-const hb = ({
+const db = ({
   height: e,
   width: t,
   indices: r,
@@ -17046,7 +17047,7 @@ const hb = ({
           regex: [n[E].regex[m]],
           color: n[E].color && [n[E].color[m]]
         })),
-        children: /* @__PURE__ */ b.jsx(db, { xscale: y, yscale: i[E], inverted: s || !1, children: /* @__PURE__ */ b.jsx(
+        children: /* @__PURE__ */ b.jsx(fb, { xscale: y, yscale: i[E], inverted: s || !1, children: /* @__PURE__ */ b.jsx(
           g,
           {
             fill: n[E].color && n[E].color[m] || "#000000",
@@ -17059,7 +17060,7 @@ const hb = ({
     ));
   });
   return /* @__PURE__ */ b.jsx("g", { transform: a, children: d });
-}, pb = (e, t) => (r) => t[0] + (t[1] - t[0]) * ((r - e[0]) / (e[1] - e[0])), vb = ({
+}, hb = (e, t) => (r) => t[0] + (t[1] - t[0]) * ((r - e[0]) / (e[1] - e[0])), pb = ({
   minrange: e,
   maxrange: t,
   xstart: r,
@@ -17069,7 +17070,7 @@ const hb = ({
   numberofgridlines: o,
   stroke: s
 }) => {
-  const c = pb([e, t], [r, n]), u = t - e, l = a + i, f = Math.ceil(u) / o, h = Math.ceil(u / f), d = Array.from(Array(h).keys());
+  const c = hb([e, t], [r, n]), u = t - e, l = a + i, f = Math.ceil(u) / o, h = Math.ceil(u / f), d = Array.from(Array(h).keys());
   return /* @__PURE__ */ b.jsxs("g", { stroke: s || "#000000", children: [
     d.map((E) => {
       const w = e + f * E;
@@ -17080,68 +17081,68 @@ const hb = ({
   ] });
 }, Ha = "FREQUENCY", ol = [
   { component: [hs], regex: ["A"], color: ["red"] },
-  { component: [Ty], regex: ["B"], color: ["maroon"] },
+  { component: [ky], regex: ["B"], color: ["maroon"] },
   { component: [xi], regex: ["C"], color: ["blue"] },
-  { component: [Ly], regex: ["D"], color: ["green"] },
-  { component: [Iy], regex: ["E"], color: ["olive"] },
-  { component: [Ay], regex: ["F"], color: ["navy"] },
+  { component: [Cy], regex: ["D"], color: ["green"] },
+  { component: [Ry], regex: ["E"], color: ["olive"] },
+  { component: [My], regex: ["F"], color: ["navy"] },
   { component: [ps], regex: ["G"], color: ["orange"] },
-  { component: [Py], regex: ["H"], color: ["teal"] },
-  { component: [By], regex: ["I"], color: ["cadetblue"] },
-  { component: [zy], regex: ["J"], color: ["lavender"] },
-  { component: [$y], regex: ["K"], color: ["chocolate"] },
-  { component: [Wy], regex: ["L"], color: ["coral"] },
-  { component: [Qy], regex: ["M"], color: ["darkolivegreen"] },
-  { component: [Yy], regex: ["N"], color: ["darkorange"] },
+  { component: [Ny], regex: ["H"], color: ["teal"] },
+  { component: [Fy], regex: ["I"], color: ["cadetblue"] },
+  { component: [qy], regex: ["J"], color: ["lavender"] },
+  { component: [Uy], regex: ["K"], color: ["chocolate"] },
+  { component: [Vy], regex: ["L"], color: ["coral"] },
+  { component: [Hy], regex: ["M"], color: ["darkolivegreen"] },
+  { component: [Gy], regex: ["N"], color: ["darkorange"] },
   { component: [Wa], regex: ["O"], color: ["gold"] },
-  { component: [Zy], regex: ["P"], color: ["darkorchid"] },
-  { component: [Jy], regex: ["Q"], color: ["darkslateblue"] },
-  { component: [tb], regex: ["R"], color: ["firebrick"] },
+  { component: [Xy], regex: ["P"], color: ["darkorchid"] },
+  { component: [Ky], regex: ["Q"], color: ["darkslateblue"] },
+  { component: [eb], regex: ["R"], color: ["firebrick"] },
   { component: [tl], regex: ["S"], color: ["darkslategrey"] },
   { component: [vs], regex: ["T"], color: ["#228b22"] },
-  { component: [ab], regex: ["U"], color: ["seagreen"] },
+  { component: [ib], regex: ["U"], color: ["seagreen"] },
   { component: [rl], regex: ["V"], color: ["indigo"] },
   { component: [nl], regex: ["W"], color: ["mediumseagreen"] },
   { component: [il], regex: ["X"], color: ["black"] },
-  { component: [lb], regex: ["Y"], color: ["palevioletred"] },
+  { component: [ub], regex: ["Y"], color: ["palevioletred"] },
   { component: [al], regex: ["Z"], color: ["peru"] },
-  { component: [Zg], regex: ["a"], color: ["red"] },
-  { component: [Kg], regex: ["b"], color: ["maroon"] },
+  { component: [Xg], regex: ["a"], color: ["red"] },
+  { component: [Zg], regex: ["b"], color: ["maroon"] },
   { component: [xi], regex: ["c"], color: ["purple"] },
-  { component: [Jg], regex: ["d"], color: ["green"] },
-  { component: [ey], regex: ["e"], color: ["olive"] },
-  { component: [ty], regex: ["f"], color: ["navy"] },
-  { component: [ry], regex: ["g"], color: ["orange"] },
-  { component: [ny], regex: ["h"], color: ["teal"] },
-  { component: [iy], regex: ["i"], color: ["cadetblue"] },
-  { component: [ay], regex: ["j"], color: ["lavender"] },
-  { component: [oy], regex: ["k"], color: ["chocolate"] },
-  { component: [sy], regex: ["l"], color: ["coral"] },
-  { component: [cy], regex: ["m"], color: ["darkolivegreen"] },
-  { component: [uy], regex: ["n"], color: ["darkorange"] },
+  { component: [Kg], regex: ["d"], color: ["green"] },
+  { component: [Jg], regex: ["e"], color: ["olive"] },
+  { component: [ey], regex: ["f"], color: ["navy"] },
+  { component: [ty], regex: ["g"], color: ["orange"] },
+  { component: [ry], regex: ["h"], color: ["teal"] },
+  { component: [ny], regex: ["i"], color: ["cadetblue"] },
+  { component: [iy], regex: ["j"], color: ["lavender"] },
+  { component: [ay], regex: ["k"], color: ["chocolate"] },
+  { component: [oy], regex: ["l"], color: ["coral"] },
+  { component: [sy], regex: ["m"], color: ["darkolivegreen"] },
+  { component: [cy], regex: ["n"], color: ["darkorange"] },
   { component: [Wa], regex: ["o"], color: ["gold"] },
-  { component: [ly], regex: ["p"], color: ["darkorchid"] },
-  { component: [fy], regex: ["q"], color: ["darkslateblue"] },
-  { component: [dy], regex: ["r"], color: ["firebrick"] },
+  { component: [uy], regex: ["p"], color: ["darkorchid"] },
+  { component: [ly], regex: ["q"], color: ["darkslateblue"] },
+  { component: [fy], regex: ["r"], color: ["firebrick"] },
   { component: [tl], regex: ["s"], color: ["darkslategrey"] },
-  { component: [hy], regex: ["t"], color: ["#228b22"] },
-  { component: [py], regex: ["u"], color: ["seagreen"] },
+  { component: [dy], regex: ["t"], color: ["#228b22"] },
+  { component: [hy], regex: ["u"], color: ["seagreen"] },
   { component: [rl], regex: ["v"], color: ["indigo"] },
   { component: [nl], regex: ["w"], color: ["mediumseagreen"] },
   { component: [il], regex: ["x"], color: ["black"] },
-  { component: [vy], regex: ["y"], color: ["palevioletred"] },
+  { component: [py], regex: ["y"], color: ["palevioletred"] },
   { component: [al], regex: ["z"], color: ["peru"] },
   { component: [Wa], regex: ["0"], color: ["indianred"] },
-  { component: [my], regex: ["1"], color: ["red"] },
-  { component: [gy], regex: ["2"], color: ["green"] },
-  { component: [yy], regex: ["3"], color: ["purple"] },
-  { component: [by], regex: ["4"], color: ["navy"] },
-  { component: [_y], regex: ["5"], color: ["teal"] },
-  { component: [xy], regex: ["6"], color: ["gold"] },
-  { component: [wy], regex: ["7"], color: ["olive"] },
-  { component: [Ey], regex: ["8"], color: ["slate"] },
-  { component: [Sy], regex: ["9"], color: ["firebrick"] }
-], mb = (e, t) => {
+  { component: [vy], regex: ["1"], color: ["red"] },
+  { component: [my], regex: ["2"], color: ["green"] },
+  { component: [gy], regex: ["3"], color: ["purple"] },
+  { component: [yy], regex: ["4"], color: ["navy"] },
+  { component: [by], regex: ["5"], color: ["teal"] },
+  { component: [_y], regex: ["6"], color: ["gold"] },
+  { component: [xy], regex: ["7"], color: ["olive"] },
+  { component: [wy], regex: ["8"], color: ["slate"] },
+  { component: [Ey], regex: ["9"], color: ["firebrick"] }
+], vb = (e, t) => {
   let r = ("" + e).length;
   for (let n = e + 1; n < e + t; ++n)
     ("" + n).length > r && (r = ("" + n).length);
@@ -17153,7 +17154,7 @@ const hb = ({
       e[n] = ol[r];
     });
   }), e;
-})(), gb = (e) => e.map((t) => {
+})(), mb = (e) => e.map((t) => {
   if (t.regex.length === 1)
     return Object.assign({}, t, {
       component: sl[t.regex[0]].component
@@ -17163,7 +17164,7 @@ const hb = ({
   for (let i = 0; i < n.regex.length; ++i)
     n.component.push(sl[n.regex[i]].component[0]), n.color.push(t.color && t.color[i] || r);
   return n;
-}), yb = (e) => (t, r) => {
+}), gb = (e) => (t, r) => {
   let n = 0, i = r || 0;
   return t.map(
     (a, o) => n += a === 0 ? 0 : a * Math.log2(a / (e[o] || 0.01))
@@ -17171,12 +17172,12 @@ const hb = ({
     const o = a * (n - i);
     return o <= 0 ? 0 : o;
   });
-}, bb = (e) => e.map((t, r) => r).sort((t, r) => e[t] < e[r] ? -1 : e[t] === e[r] ? 0 : 1), _b = (e) => e.map((t, r) => r).sort((t, r) => e[t] < e[r] ? 1 : e[t] === e[r] ? 0 : -1), ms = (e) => {
+}, yb = (e) => e.map((t, r) => r).sort((t, r) => e[t] < e[r] ? -1 : e[t] === e[r] ? 0 : 1), bb = (e) => e.map((t, r) => r).sort((t, r) => e[t] < e[r] ? 1 : e[t] === e[r] ? 0 : -1), ms = (e) => {
   let t = [];
   for (let r = 0; r < Math.floor(e); r++)
     t.push(r);
   return t;
-}, xb = ({
+}, _b = ({
   n: e,
   transform: t,
   glyphWidth: r,
@@ -17194,7 +17195,7 @@ const hb = ({
     },
     a
   )) }) });
-}, wb = (e) => {
+}, xb = (e) => {
   const t = ms(e.bits + 1), r = e.zeroPoint || 1;
   return /* @__PURE__ */ b.jsxs("g", { transform: e.transform, children: [
     /* @__PURE__ */ b.jsx(
@@ -17238,7 +17239,7 @@ const hb = ({
       }
     ) })
   ] });
-}, Eb = (e) => {
+}, wb = (e) => {
   const t = ms(e.ticks + 1).map((r) => r / e.ticks);
   return /* @__PURE__ */ b.jsxs("g", { transform: e.transform, children: [
     /* @__PURE__ */ b.jsx(
@@ -17273,10 +17274,10 @@ const hb = ({
     )),
     /* @__PURE__ */ b.jsx("g", { transform: "rotate(-90)", children: /* @__PURE__ */ b.jsx("text", { y: "15", x: -e.height / 2, textAnchor: "middle", fontSize: "18", children: "frequency" }) })
   ] });
-}, Sb = (e, t, r, n) => (i, a, o, s, c, u) => {
-  const l = u ? _b(i) : bb(i), { onSymbolMouseOver: f, onSymbolMouseOut: h, onSymbolClick: d } = s;
+}, Eb = (e, t, r, n) => (i, a, o, s, c, u) => {
+  const l = u ? bb(i) : yb(i), { onSymbolMouseOver: f, onSymbolMouseOut: h, onSymbolClick: d } = s;
   return /* @__PURE__ */ b.jsx(
-    hb,
+    db,
     {
       indices: l,
       alphabet: o,
@@ -17292,7 +17293,7 @@ const hb = ({
     },
     a
   );
-}, kb = ({
+}, Sb = ({
   values: e,
   glyphWidth: t,
   stackHeight: r,
@@ -17301,10 +17302,10 @@ const hb = ({
   onSymbolMouseOut: a,
   onSymbolClick: o
 }) => {
-  const s = Sb(t, r);
+  const s = Eb(t, r);
   for (const c in n)
     if (!n[c].component) {
-      n = gb(n);
+      n = mb(n);
       break;
     }
   return e.map(
@@ -17327,7 +17328,7 @@ const hb = ({
     count: r.length,
     pfm: n
   };
-}, Tb = (e, t) => {
+}, kb = (e, t) => {
   const r = {}, n = [];
   return e.forEach((i, a) => {
     i.regex.forEach((o) => {
@@ -17337,7 +17338,7 @@ const hb = ({
 `).forEach((i) => {
     i[0] === ">" ? n.push("") : n[n.length - 1] += i.trim();
   }), Sd(e, r, n);
-}, Db = (e, t) => {
+}, Tb = (e, t) => {
   const r = {};
   return e.forEach((n, i) => {
     n.regex.forEach((a) => {
@@ -17349,7 +17350,7 @@ const hb = ({
     t.split(`
 `).map((n) => n.trim())
   );
-}, Ob = ({
+}, Db = ({
   ppm: e,
   pfm: t,
   values: r,
@@ -17376,7 +17377,7 @@ const hb = ({
   let k = null;
   const S = (t || n) && !d && !x ? !E : !1, T = S ? 0 : (d || 0) / s.length;
   if (!e && !t && n) {
-    const te = (v ? Db : Tb)(
+    const te = (v ? Tb : kb)(
       s,
       n.toUpperCase()
     );
@@ -17398,7 +17399,7 @@ const hb = ({
   let L = e[0].length;
   h || (h = e[0].map((te) => 1 / L));
   let R = r || (i !== Ha ? e.map(
-    (te, P) => yb(h)(te, I ? I[P] : void 0)
+    (te, P) => gb(h)(te, I ? I[P] : void 0)
   ) : e.map(
     (te) => te.map((P) => P * Math.log2(L))
   ));
@@ -17406,7 +17407,7 @@ const hb = ({
   l = l && !isNaN(parseFloat(l.toString())) && isFinite(l) ? l : 1;
   let q = 100 * B;
   c = q / 6 * (c || 1);
-  let $ = R.length * c + 80, J = q + 18 * (mb(l, R.length) + 1);
+  let $ = R.length * c + 80, J = q + 18 * (vb(l, R.length) + 1);
   return u && ($ > J ? o = u : a = u), /* @__PURE__ */ b.jsxs(
     "svg",
     {
@@ -17416,7 +17417,7 @@ const hb = ({
       ref: _,
       children: [
         f && /* @__PURE__ */ b.jsx(
-          vb,
+          pb,
           {
             minrange: l,
             maxrange: l + e.length,
@@ -17428,7 +17429,7 @@ const hb = ({
           }
         ),
         /* @__PURE__ */ b.jsx(
-          xb,
+          _b,
           {
             transform: "translate(80," + (q + 20) + ")",
             n: R.length,
@@ -17437,7 +17438,7 @@ const hb = ({
           }
         ),
         i === Ha ? /* @__PURE__ */ b.jsx(
-          Eb,
+          wb,
           {
             transform: "translate(0,10)",
             width: 65,
@@ -17445,7 +17446,7 @@ const hb = ({
             ticks: 2
           }
         ) : /* @__PURE__ */ b.jsx(
-          wb,
+          xb,
           {
             transform: "translate(0,10)",
             width: 65,
@@ -17455,7 +17456,7 @@ const hb = ({
           }
         ),
         /* @__PURE__ */ b.jsx("g", { transform: "translate(80,10)", children: /* @__PURE__ */ b.jsx(
-          kb,
+          Sb,
           {
             values: R,
             glyphWidth: c,
@@ -17469,26 +17470,26 @@ const hb = ({
       ]
     }
   );
-}, Cb = [
+}, Ob = [
   { component: [hs], regex: ["A"], color: ["red"] },
   { component: [xi], regex: ["C"], color: ["blue"] },
   { component: [ps], regex: ["G"], color: ["orange"] },
   { component: [vs], regex: ["T"], color: ["#228b22"] }
 ];
-function Lb(e) {
-  return /* @__PURE__ */ b.jsx(Ob, { ...e, alphabet: Cb });
+function Cb(e) {
+  return /* @__PURE__ */ b.jsx(Db, { ...e, alphabet: Ob });
 }
 const cl = /* @__PURE__ */ new Map([
   ["A", hs],
   ["C", xi],
   ["G", ps],
   ["T", vs]
-]), Rb = /* @__PURE__ */ new Map([
+]), Lb = /* @__PURE__ */ new Map([
   ["A", "#008800"],
   ["C", "#000088"],
   ["G", "#a89132"],
   ["T", "#880000"]
-]), Ib = (e) => {
+]), Rb = (e) => {
   const [t, r, n] = ve(() => e.transform(e.importance), [e.transform, e.importance]);
   return cl.get(e.base) ? /* @__PURE__ */ b.jsxs(b.Fragment, { children: [
     /* @__PURE__ */ b.jsx(
@@ -17507,14 +17508,14 @@ const cl = /* @__PURE__ */ new Map([
       }
     ),
     /* @__PURE__ */ b.jsx("g", { transform: `${n} translate(${e.x},${t}) scale(${e.xScale},${r})`, children: Ro(cl.get(e.base), {
-      fill: Rb.get(e.base)
+      fill: Lb.get(e.base)
     }) })
   ] }) : null;
-}, Mb = Fe.memo(Ib, (e, t) => e.base === t.base && e.importance === t.importance && e.x === t.x && e.totalHeight === t.totalHeight && e.totalWidth === t.totalWidth && e.xScale === t.xScale && e.transform === t.transform && e.onMouseOver === t.onMouseOver && e.onMouseOut === t.onMouseOut && e.onMouseUp === t.onMouseUp && e.onClick === t.onClick);
-function Ab({ data: e, annotations: t, dimensions: r, height: n, zeroLineProps: i }) {
+}, Ib = Fe.memo(Rb, (e, t) => e.base === t.base && e.importance === t.importance && e.x === t.x && e.totalHeight === t.totalHeight && e.totalWidth === t.totalWidth && e.xScale === t.xScale && e.transform === t.transform && e.onMouseOver === t.onMouseOver && e.onMouseOut === t.onMouseOut && e.onMouseUp === t.onMouseUp && e.onClick === t.onClick);
+function Mb({ data: e, annotations: t, dimensions: r, height: n, zeroLineProps: i }) {
   if (e.length === 0 || e.importance.length === 0)
     return null;
-  const { viewWidth: a } = r, [o] = Ce(null), [s, c, u] = Hg(e, n), l = Wg(t || [], s, u), f = ve(() => a / s.length / 100, [a, s.length]), h = Ct(c, [c]), d = ve(() => l.map((m, v) => {
+  const { viewWidth: a } = r, [o] = Ce(null), [s, c, u] = Wg(e, n), l = Vg(t || [], s, u), f = ve(() => a / s.length / 100, [a, s.length]), h = Ct(c, [c]), d = ve(() => l.map((m, v) => {
     const x = 100 * f * Math.abs(m.coordinates[1] - m.coordinates[0]), _ = Math.min(...m.coordinates) * f * 100, k = m.y + m.height, S = 80;
     return /* @__PURE__ */ b.jsxs(Nd, { children: [
       /* @__PURE__ */ b.jsx(
@@ -17547,7 +17548,7 @@ function Ab({ data: e, annotations: t, dimensions: r, height: n, zeroLineProps:
     }),
     [f, n, h]
   ), w = ve(() => s.map(
-    (m, v) => m.importance ? /* @__PURE__ */ Ro(Mb, { ...E, key: v, x: v * f * 100, ...m }) : null
+    (m, v) => m.importance ? /* @__PURE__ */ Ro(Ib, { ...E, key: v, x: v * f * 100, ...m }) : null
   ), [s, f, n, h]), y = ve(() => c(0)[0], [c]), g = ve(() => s.filter((m) => m.importance).length > 0 ? /* @__PURE__ */ b.jsx("line", { stroke: "#ff0000", strokeWidth: 1, ...i, x1: 0, x2: a, y1: y, y2: y }) : /* @__PURE__ */ b.jsx("text", { x: 0, y: n / 2, children: "No importance track data" }), [s, a, y, n, i]);
   return /* @__PURE__ */ b.jsxs("g", { width: a, height: n, children: [
     o !== null && /* @__PURE__ */ b.jsx(
@@ -17604,9 +17605,9 @@ const kd = (e) => /* @__PURE__ */ b.jsxs("g", { transform: "translate(0, -150)",
       style: { filter: "drop-shadow(0px 0px 5px rgba(0,0,0,0.3))" }
     }
   ),
-  e.pwm && /* @__PURE__ */ b.jsx(Lb, { ppm: e.pwm, mode: "INFORMATION_CONTENT", width: e.pwm.length * 20, height: 150 })
+  e.pwm && /* @__PURE__ */ b.jsx(Cb, { ppm: e.pwm, mode: "INFORMATION_CONTENT", width: e.pwm.length * 20, height: 150 })
 ] });
-function jb({
+function Ab({
   id: e,
   data: t,
   height: r,
@@ -17658,7 +17659,7 @@ function jb({
     ))
   ] });
 }
-function Nb({
+function jb({
   id: e,
   data: t,
   height: r,
@@ -17710,7 +17711,7 @@ function Nb({
     )) }, `group_${x}`))
   ] });
 }
-function Pb({
+function Nb({
   data: e,
   datasets: t,
   id: r,
@@ -17778,7 +17779,7 @@ function Pr(e, t, r, n = !1, i) {
   };
 }
 function fl(e, t, r, n = !1, i) {
-  const a = Fb(e);
+  const a = Pb(e);
   if (!a) return null;
   const { range: o, rangeSize: s } = a;
   let c = "";
@@ -17787,9 +17788,9 @@ function fl(e, t, r, n = !1, i) {
     l === 0 ? c += Ot(f.x, f.y) : c += be(f.x, f.y);
   }), /* @__PURE__ */ b.jsx("path", { d: c, stroke: r, fill: "none", strokeWidth: "1" });
 }
-function Fb(e, t) {
+function Pb(e, t) {
   if (!e || e.length === 0) return null;
-  const r = { min: qb(e), max: Bb(e) }, n = r.max - r.min;
+  const r = { min: Bb(e), max: Fb(e) }, n = r.max - r.min;
   return n <= 0 ? null : { range: r, rangeSize: n };
 }
 function Td(e, t, r, n, i) {
@@ -17799,10 +17800,10 @@ function Td(e, t, r, n, i) {
     y: i ? s : n - s
   };
 }
-function Bb(e) {
+function Fb(e) {
   return Math.max(...e.map((t) => t.max));
 }
-function qb(e) {
+function Bb(e) {
   return Math.min(...e.map((t) => t.min));
 }
 const Jt = {
@@ -17815,7 +17816,7 @@ const Jt = {
   depth: "#525252"
   // rgb(82, 82, 82)
 };
-function zb({ tooltipValues: e }) {
+function qb({ tooltipValues: e }) {
   var u, l, f, h, d, E, w, y;
   const t = rt((g) => g.text), r = rt((g) => g.background), n = {
     depth: (u = e[3]) == null ? void 0 : u.max,
@@ -17860,7 +17861,7 @@ function zb({ tooltipValues: e }) {
     ] })
   ] });
 }
-function Ub({ id: e, height: t, colors: r, data: n, dimensions: i, range: a, tooltip: o }) {
+function zb({ id: e, height: t, colors: r, data: n, dimensions: i, range: a, tooltip: o }) {
   var k, S, T, I, L, R, F, B, W, Z, q, $, J, te;
   const { sideWidth: s, totalWidth: c, viewWidth: u } = i, l = _e((P) => P.svgRef), f = _e((P) => P.delta), h = _e((P) => P.marginWidth), d = rt((P) => P.text), E = ve(() => {
     const P = t / 2;
@@ -17884,7 +17885,7 @@ function Ub({ id: e, height: t, colors: r, data: n, dimensions: i, range: a, too
     onClick: void 0,
     onHover: void 0,
     onLeave: void 0,
-    tooltip: o || zb
+    tooltip: o || qb
   });
   return /* @__PURE__ */ b.jsxs("g", { width: c, height: t, clipPath: `url(#${e})`, transform: `translate(-${s}, 0)`, children: [
     /* @__PURE__ */ b.jsx("rect", { width: c, height: t, fill: "transparent" }),
@@ -17924,7 +17925,7 @@ function Ub({ id: e, height: t, colors: r, data: n, dimensions: i, range: a, too
     )
   ] });
 }
-function $b({ data: e, customRange: t, id: r, height: n, color: i, dimensions: a, tooltip: o }) {
+function Ub({ data: e, customRange: t, id: r, height: n, color: i, dimensions: a, tooltip: o }) {
   var L;
   const { sideWidth: s, totalWidth: c, viewWidth: u } = a, l = _e((R) => R.svgRef), f = _e((R) => R.delta), h = _e((R) => R.marginWidth), d = rt((R) => R.background), E = ve(() => e.some((R) => R.min < 0), [e]), w = we((R) => R.editTrack), y = ve(() => {
     const R = e.slice(s, s + u);
@@ -17933,7 +17934,7 @@ function $b({ data: e, customRange: t, id: r, height: n, color: i, dimensions: a
   je(() => {
     w(r, { range: y });
   }, [r, y, w]);
-  const g = ve(() => Vb(e, n, i, t || y, d), [e, n, i, t, y]), { mouseState: m, updateMouseState: v, clearMouseState: x } = us(l, c, h, s), _ = ve(() => {
+  const g = ve(() => $b(e, n, i, t || y, d), [e, n, i, t, y]), { mouseState: m, updateMouseState: v, clearMouseState: x } = us(l, c, h, s), _ = ve(() => {
     var R;
     return (R = m.pos) != null && R.x ? m.pos.x - h + s : 0;
   }, [(L = m.pos) == null ? void 0 : L.x, h, s]), k = rt((R) => R.background), S = rt((R) => R.text), { handleHover: T, handleLeave: I } = xt({
@@ -17972,7 +17973,7 @@ function $b({ data: e, customRange: t, id: r, height: n, color: i, dimensions: a
     )
   ] });
 }
-function Vb(e, t, r, n, i) {
+function $b(e, t, r, n, i) {
   const a = {
     min: e.map((w) => w.min).reduce((w, y) => Math.min(w, y), 1 / 0),
     max: e.map((w) => w.max).reduce((w, y) => Math.max(w, y), -1 / 0)
@@ -18001,8 +18002,8 @@ const dl = (e, t, r, n, i) => {
   if (e.ldblocksnpid === "Lead") return e.rsquare;
   const r = e.ldblocksnpid.split(",").map((a) => a.trim()), n = e.rsquare.split(",").map((a) => a.trim()), i = r.indexOf(t);
   return i >= 0 && i < n.length ? n[i] : n[0] || e.rsquare;
-}, Wb = (e) => e.ldblocksnpid === "Lead" ? e.rsquare : e.rsquare.split(",").map((r) => r.trim())[0] || e.rsquare, ar = (e) => e.rsquare.includes("*") || e.ldblocksnpid.includes("Lead"), Hb = (e, t) => ar(e) ? t : Wt(t, 0.3);
-function Qb({ id: e, data: t, height: r, color: n, dimensions: i, show: a, showScore: o = !0, onClick: s, onHover: c, onLeave: u, tooltip: l }) {
+}, Vb = (e) => e.ldblocksnpid === "Lead" ? e.rsquare : e.rsquare.split(",").map((r) => r.trim())[0] || e.rsquare, ar = (e) => e.rsquare.includes("*") || e.ldblocksnpid.includes("Lead"), Wb = (e, t) => ar(e) ? t : Wt(t, 0.3);
+function Hb({ id: e, data: t, height: r, color: n, dimensions: i, show: a, showScore: o = !0, onClick: s, onHover: c, onLeave: u, tooltip: l }) {
   const { totalWidth: f, sideWidth: h } = i, d = yt((q) => q.background), E = yt((q) => q.text), w = 4, y = _e((q) => q.getExpandedDomain), g = we((q) => q.editTrack), { x: m } = Ft(f), v = r / 3, x = 2 * r / 3, _ = ve(() => {
     const q = y(), $ = t == null ? void 0 : t.filter((J) => {
       const te = J.start >= q.start, P = J.stop <= q.end, M = J.chromosome === q.chromosome;
@@ -18017,7 +18018,7 @@ function Qb({ id: e, data: t, height: r, color: n, dimensions: i, show: a, showS
     onClick: s,
     onHover: c,
     onLeave: u,
-    tooltip: l || Gb
+    tooltip: l || Qb
   }), [I, L] = Ce(null), [R, F] = Ce([]), [B, W] = Ce([]), Z = ve(() => {
     const q = a || [], $ = _.filter((te) => q.includes(te.snpid));
     return (I ? [...$, I] : $).filter((te, P, M) => P === M.findIndex((H) => H.snpid === te.snpid));
@@ -18091,7 +18092,7 @@ function Qb({ id: e, data: t, height: r, color: n, dimensions: i, show: a, showS
           width: q.pixelEnd - q.pixelStart + w,
           x: q.pixelStart - w / 2,
           y: ar(q) ? -x + v : 0,
-          fill: Hb(q, n),
+          fill: Wb(q, n),
           stroke: J ? E : "none",
           strokeWidth: J ? 1 : 0,
           onClick: () => {
@@ -18141,7 +18142,7 @@ function Qb({ id: e, data: t, height: r, color: n, dimensions: i, show: a, showS
     })
   ] });
 }
-function Gb(e) {
+function Qb(e) {
   const t = yt((n) => n.text), r = yt((n) => n.background);
   return /* @__PURE__ */ b.jsxs("g", { style: { filter: `drop-shadow(0 0 2px ${t})` }, children: [
     /* @__PURE__ */ b.jsx("rect", { width: 180, height: 50, y: 0, fill: r }),
@@ -18153,10 +18154,10 @@ function Gb(e) {
       "-",
       e.stop
     ] }),
-    /* @__PURE__ */ b.jsx("text", { fontSize: 14, x: 5, y: 48, children: ar(e) ? "Lead" : Wb(e) })
+    /* @__PURE__ */ b.jsx("text", { fontSize: 14, x: 5, y: 48, children: ar(e) ? "Lead" : Vb(e) })
   ] });
 }
-function Yb({
+function Gb({
   id: e,
   data: t,
   cutoffValue: r,
@@ -18174,7 +18175,7 @@ function Yb({
     onClick: c,
     onHover: u,
     onLeave: l,
-    tooltip: f || Xb
+    tooltip: f || Yb
   }), _ = ve(() => {
     const T = t.map((L) => L.value).reduce((L, R) => Math.min(L, R), 1 / 0), I = t.map((L) => L.value).reduce((L, R) => Math.max(L, R), -1 / 0);
     return {
@@ -18238,7 +18239,7 @@ function Yb({
     ] })
   ] });
 }
-function Xb(e) {
+function Yb(e) {
   const t = yt((n) => n.text), r = yt((n) => n.background);
   return /* @__PURE__ */ b.jsxs("g", { style: { filter: `drop-shadow(0 0 2px ${t})` }, children: [
     /* @__PURE__ */ b.jsx("rect", { width: 180, height: 50, y: 0, fill: r }),
@@ -18256,7 +18257,7 @@ function Xb(e) {
     ] })
   ] });
 }
-function Zb({
+function Xb({
   id: e,
   data: t,
   lead: r,
@@ -18277,7 +18278,7 @@ function Zb({
     onClick: s,
     onHover: c,
     onLeave: u,
-    tooltip: l || Kb
+    tooltip: l || Zb
   });
   return /* @__PURE__ */ b.jsxs("g", { transform: `translate(-${h}, 0)`, children: [
     /* @__PURE__ */ b.jsx("rect", { width: f, height: i, fill: d }),
@@ -18313,7 +18314,7 @@ function Zb({
     )) })
   ] });
 }
-function Kb(e) {
+function Zb(e) {
   const t = yt((n) => n.text), r = yt((n) => n.background);
   return /* @__PURE__ */ b.jsxs("g", { style: { filter: `drop-shadow(0 0 2px ${t})` }, children: [
     /* @__PURE__ */ b.jsx("rect", { width: 180, height: 50, y: 0, fill: r }),
@@ -18328,49 +18329,49 @@ function Kb(e) {
     /* @__PURE__ */ b.jsx("text", { fontSize: 14, x: 5, y: 48, children: Number(e.value).toFixed(3) })
   ] });
 }
-function Jb({ id: e }) {
+function Kb({ id: e }) {
   const t = we((f) => f.getTrack(e)), r = Dt((f) => f.trackData.get(e)), i = _e((f) => f.getTrackDimensions)(), a = !r || r.data === null && r.error === null, o = (r == null ? void 0 : r.error) ?? void 0, s = (r == null ? void 0 : r.data) ?? void 0, c = we((f) => f.getPrevHeights(e)), u = ve(() => `translate(0, ${c + Ue})`, [c]), l = ve(
-    () => t && s ? e_(t, s, i) : /* @__PURE__ */ b.jsx(b.Fragment, {}),
+    () => t && s ? Jb(t, s, i) : /* @__PURE__ */ b.jsx(b.Fragment, {}),
     [t, s, i]
   );
   return /* @__PURE__ */ b.jsx(xd, { id: e, transform: u, error: o, loading: a, children: l });
 }
 const gs = {
   [xe.BigWig]: {
-    [st.Full]: $b,
-    [st.Dense]: cg
+    [st.Full]: Ub,
+    [st.Dense]: sg
   },
   [xe.BigBed]: {
     [st.Dense]: hd,
-    [st.Squish]: jg
+    [st.Squish]: Ag
   },
   [xe.Transcript]: {
-    [st.Squish]: $g,
-    [st.Pack]: Vg
+    [st.Squish]: Ug,
+    [st.Pack]: $g
   },
   [xe.Motif]: {
-    [st.Dense]: jb,
-    [st.Squish]: Nb
+    [st.Dense]: Ab,
+    [st.Squish]: jb
   },
   [xe.Importance]: {
-    [st.Full]: Ab
+    [st.Full]: Mb
   },
   [xe.LDTrack]: {
-    [st.LDBlock]: Qb,
-    [st.GenericLD]: Zb
+    [st.LDBlock]: Hb,
+    [st.GenericLD]: Xb
   },
   [xe.BulkBed]: {
-    [st.Full]: Pb
+    [st.Full]: Nb
   },
   [xe.MethylC]: {
     // [DisplayMode.Combined]: CombinedMethylC,
-    [st.Split]: Ub
+    [st.Split]: zb
   },
   [xe.Manhattan]: {
-    [st.Scatter]: Yb
+    [st.Scatter]: Gb
   }
 };
-function e_(e, t, r) {
+function Jb(e, t, r) {
   const n = gs[e.trackType][e.displayMode];
   if (!n) return null;
   if (e.trackType === "bulkbed") {
@@ -18382,13 +18383,13 @@ function e_(e, t, r) {
   }
   return /* @__PURE__ */ b.jsx(n, { ...e, data: t, dimensions: r });
 }
-function t_(e, t, r) {
-  const n = r_(t, r), i = new Set(n), s = ["chrom	chromStart	chromEnd	value", Array.from(i).map((u) => `${u.chrom}	${u.chromStart}	${u.chromEnd}	${u.value}`).join(`
+function e_(e, t, r) {
+  const n = t_(t, r), i = new Set(n), s = ["chrom	chromStart	chromEnd	value", Array.from(i).map((u) => `${u.chrom}	${u.chromStart}	${u.chromEnd}	${u.value}`).join(`
 `)].join(`
 `), c = document.createElement("a");
   c.href = "data:text/plain;charset=utf-8," + encodeURIComponent(s), c.download = `${e}.bedGraph`, c.click();
 }
-function r_(e, t) {
+function t_(e, t) {
   const r = (t.end - t.start) / e.length;
   return e.map((n, i) => {
     const a = Math.floor(t.start + i * r), o = Math.floor(t.start + (i + 1) * r);
@@ -18400,8 +18401,8 @@ function r_(e, t) {
     };
   }).filter((n) => n !== null);
 }
-function n_(e, t, r) {
-  const n = i_(t, r);
+function r_(e, t, r) {
+  const n = n_(t, r);
   if (n.length === 0) return;
   const i = "chrom	chromStart	chromEnd	name	score	strand	itemRgb", a = n.map(
     (c) => `${c.chrom}	${c.chromStart}	${c.chromEnd}	${c.name}	${c.score}	${c.strand}	${c.itemRgb}`
@@ -18410,7 +18411,7 @@ function n_(e, t, r) {
 `), s = document.createElement("a");
   s.href = "data:text/plain;charset=utf-8," + encodeURIComponent(o), s.download = `${e}.bed`, s.click();
 }
-function i_(e, t) {
+function n_(e, t) {
   return e.map((r) => {
     var o;
     const [n, i, a] = ((o = r.color) == null ? void 0 : o.match(/\d+/g)) || ["0", "0", "0"];
@@ -18425,12 +18426,12 @@ function i_(e, t) {
     };
   });
 }
-function a_(e) {
+function i_(e) {
   const t = document.getElementById("browserSVG");
   return t ? t.querySelector(`g#wrapper-${e}`) : null;
 }
 function Dd(e, t, r = !0) {
-  const n = a_(e);
+  const n = i_(e);
   if (!n) return;
   const i = document.createElementNS("http://www.w3.org/2000/svg", "svg");
   i.setAttribute("xmlns", "http://www.w3.org/2000/svg");
@@ -18449,7 +18450,7 @@ function Dd(e, t, r = !0) {
   const s = new XMLSerializer().serializeToString(i), c = document.createElement("a");
   c.href = "data:image/svg+xml;base64," + btoa(s), c.download = `${t}.svg`, c.click();
 }
-function o_() {
+function a_() {
   const e = Fr((y) => y.open), t = Fr((y) => y.id), r = Fr((y) => y.x), n = Fr((y) => y.y), i = Fr((y) => y.setContextMenu), a = Ye(null), o = we((y) => y.getTrack(t || "")), s = Dt((y) => y.trackData.get(t || "")), c = we((y) => y.editTrack), u = we((y) => y.removeTrack), [l, f] = Ce(null);
   if (je(() => {
     const y = (g) => {
@@ -18608,19 +18609,19 @@ var qn = function(e, t, r) {
   return Fe.createElement("div", { className: a, style: { top: 100 * i + "%", left: 100 * r + "%" } }, Fe.createElement("div", { className: "react-colorful__pointer-fill", style: { backgroundColor: t } }));
 }, tt = function(e, t, r) {
   return t === void 0 && (t = 0), r === void 0 && (r = Math.pow(10, t)), Math.round(r * e) / r;
-}, s_ = function(e) {
-  return d_(Do(e));
+}, o_ = function(e) {
+  return f_(Do(e));
 }, Do = function(e) {
   return e[0] === "#" && (e = e.substring(1)), e.length < 6 ? { r: parseInt(e[0] + e[0], 16), g: parseInt(e[1] + e[1], 16), b: parseInt(e[2] + e[2], 16), a: e.length === 4 ? tt(parseInt(e[3] + e[3], 16) / 255, 2) : 1 } : { r: parseInt(e.substring(0, 2), 16), g: parseInt(e.substring(2, 4), 16), b: parseInt(e.substring(4, 6), 16), a: e.length === 8 ? tt(parseInt(e.substring(6, 8), 16) / 255, 2) : 1 };
+}, s_ = function(e) {
+  return l_(u_(e));
 }, c_ = function(e) {
-  return f_(l_(e));
-}, u_ = function(e) {
   var t = e.s, r = e.v, n = e.a, i = (200 - t) * r / 100;
   return { h: tt(e.h), s: tt(i > 0 && i < 200 ? t * r / 100 / (i <= 100 ? i : 200 - i) * 100 : 0), l: tt(i / 2), a: tt(n, 2) };
 }, Oo = function(e) {
-  var t = u_(e);
+  var t = c_(e);
   return "hsl(" + t.h + ", " + t.s + "%, " + t.l + "%)";
-}, l_ = function(e) {
+}, u_ = function(e) {
   var t = e.h, r = e.s, n = e.v, i = e.a;
   t = t / 360 * 6, r /= 100, n /= 100;
   var a = Math.floor(t), o = n * (1 - r), s = n * (1 - (t - a) * r), c = n * (1 - (1 - t + a) * r), u = a % 6;
@@ -18628,20 +18629,20 @@ var qn = function(e, t, r) {
 }, oi = function(e) {
   var t = e.toString(16);
   return t.length < 2 ? "0" + t : t;
-}, f_ = function(e) {
+}, l_ = function(e) {
   var t = e.r, r = e.g, n = e.b, i = e.a, a = i < 1 ? oi(tt(255 * i)) : "";
   return "#" + oi(t) + oi(r) + oi(n) + a;
-}, d_ = function(e) {
+}, f_ = function(e) {
   var t = e.r, r = e.g, n = e.b, i = e.a, a = Math.max(t, r, n), o = a - Math.min(t, r, n), s = o ? a === t ? (r - n) / o : a === r ? 2 + (n - t) / o : 4 + (t - r) / o : 0;
   return { h: tt(60 * (s < 0 ? s + 6 : s)), s: tt(a ? o / a * 100 : 0), v: tt(a / 255 * 100), a: i };
-}, h_ = Fe.memo(function(e) {
+}, d_ = Fe.memo(function(e) {
   var t = e.hue, r = e.onChange, n = ys(["react-colorful__hue", e.className]);
   return Fe.createElement("div", { className: n }, Fe.createElement(Cd, { onMove: function(i) {
     r({ h: 360 * i.left });
   }, onKey: function(i) {
     r({ h: qn(t + 360 * i.left, 0, 360) });
   }, "aria-label": "Hue", "aria-valuenow": tt(t), "aria-valuemax": "360", "aria-valuemin": "0" }, Fe.createElement(Ld, { className: "react-colorful__hue-pointer", left: t / 360, color: Oo({ h: t, s: 100, v: 100, a: 1 }) })));
-}), p_ = Fe.memo(function(e) {
+}), h_ = Fe.memo(function(e) {
   var t = e.hsva, r = e.onChange, n = { backgroundColor: Oo({ h: t.h, s: 100, v: 100, a: 1 }) };
   return Fe.createElement("div", { className: "react-colorful__saturation", style: n }, Fe.createElement(Cd, { onMove: function(i) {
     r({ s: 100 * i.left, v: 100 - 100 * i.top });
@@ -18652,10 +18653,10 @@ var qn = function(e, t, r) {
   if (e === t) return !0;
   for (var r in e) if (e[r] !== t[r]) return !1;
   return !0;
-}, v_ = function(e, t) {
+}, p_ = function(e, t) {
   return e.toLowerCase() === t.toLowerCase() || Rd(Do(e), Do(t));
 };
-function m_(e, t, r) {
+function v_(e, t, r) {
   var n = ko(r), i = Ce(function() {
     return e.toHsva(t);
   }), a = i[0], o = i[1], s = Ye({ color: t, hsva: a });
@@ -18675,29 +18676,29 @@ function m_(e, t, r) {
   }, []);
   return [a, c];
 }
-var g_ = typeof window < "u" ? Pd : je, y_ = function() {
+var m_ = typeof window < "u" ? Pd : je, g_ = function() {
   return typeof __webpack_nonce__ < "u" ? __webpack_nonce__ : void 0;
-}, ml = /* @__PURE__ */ new Map(), b_ = function(e) {
-  g_(function() {
+}, ml = /* @__PURE__ */ new Map(), y_ = function(e) {
+  m_(function() {
     var t = e.current ? e.current.ownerDocument : document;
     if (t !== void 0 && !ml.has(t)) {
       var r = t.createElement("style");
       r.innerHTML = `.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}`, ml.set(t, r);
-      var n = y_();
+      var n = g_();
       n && r.setAttribute("nonce", n), t.head.appendChild(r);
     }
   }, []);
-}, __ = function(e) {
+}, b_ = function(e) {
   var t = e.className, r = e.colorModel, n = e.color, i = n === void 0 ? r.defaultColor : n, a = e.onChange, o = Od(e, ["className", "colorModel", "color", "onChange"]), s = Ye(null);
-  b_(s);
-  var c = m_(r, i, a), u = c[0], l = c[1], f = ys(["react-colorful", t]);
-  return Fe.createElement("div", Pi({}, o, { ref: s, className: f }), Fe.createElement(p_, { hsva: u, onChange: l }), Fe.createElement(h_, { hue: u.h, onChange: l, className: "react-colorful__last-control" }));
-}, x_ = { defaultColor: "000", toHsva: s_, fromHsva: function(e) {
-  return c_({ h: e.h, s: e.s, v: e.v, a: 1 });
-}, equal: v_ }, w_ = function(e) {
-  return Fe.createElement(__, Pi({}, e, { colorModel: x_ }));
+  y_(s);
+  var c = v_(r, i, a), u = c[0], l = c[1], f = ys(["react-colorful", t]);
+  return Fe.createElement("div", Pi({}, o, { ref: s, className: f }), Fe.createElement(h_, { hsva: u, onChange: l }), Fe.createElement(d_, { hue: u.h, onChange: l, className: "react-colorful__last-control" }));
+}, __ = { defaultColor: "000", toHsva: o_, fromHsva: function(e) {
+  return s_({ h: e.h, s: e.s, v: e.v, a: 1 });
+}, equal: p_ }, x_ = function(e) {
+  return Fe.createElement(b_, Pi({}, e, { colorModel: __ }));
 };
-function E_(e, t) {
+function w_(e, t) {
   const [r, n] = Ce(e);
   return je(() => {
     const i = setTimeout(() => {
@@ -18728,8 +18729,8 @@ function Qt({ title: e, children: t }) {
     }
   );
 }
-function S_({ track: e }) {
-  const [t, r] = Ce(e.title), n = we((o) => o.editTrack), i = E_(t, 500);
+function E_({ track: e }) {
+  const [t, r] = Ce(e.title), n = we((o) => o.editTrack), i = w_(t, 500);
   je(() => {
     n(e.id, { title: i });
   }, [i, n, e.id]);
@@ -18738,12 +18739,12 @@ function S_({ track: e }) {
   };
   return /* @__PURE__ */ b.jsx(Qt, { title: "", children: /* @__PURE__ */ b.jsxs("div", { style: { display: "flex", flexDirection: "row", alignItems: "center", gap: "5px" }, children: [
     /* @__PURE__ */ b.jsx("div", { style: { fontWeight: "bold" }, children: "Color: " }),
-    /* @__PURE__ */ b.jsx(k_, { color: e.color || "", onChange: a }),
+    /* @__PURE__ */ b.jsx(S_, { color: e.color || "", onChange: a }),
     /* @__PURE__ */ b.jsx("div", { style: { fontWeight: "bold" }, children: "Title: " }),
     /* @__PURE__ */ b.jsx("input", { id: "titleInput", type: "text", value: t, onChange: (o) => r(o.target.value) })
   ] }) });
 }
-function k_({ color: e, onChange: t }) {
+function S_({ color: e, onChange: t }) {
   const [r, n] = Ce(!1), i = Ye(null);
   je(() => {
     const s = (c) => {
@@ -18769,7 +18770,7 @@ function k_({ color: e, onChange: t }) {
   };
   return /* @__PURE__ */ b.jsxs("div", { style: { position: "relative" }, children: [
     /* @__PURE__ */ b.jsx("div", { style: a, onClick: () => n(!r) }),
-    r && /* @__PURE__ */ b.jsx("div", { ref: i, style: o, children: /* @__PURE__ */ b.jsx(w_, { color: e, onChange: t }) })
+    r && /* @__PURE__ */ b.jsx("div", { ref: i, style: o, children: /* @__PURE__ */ b.jsx(x_, { color: e, onChange: t }) })
   ] });
 }
 function wi(e) {
@@ -18783,7 +18784,7 @@ function Dn(e, t) {
   const a = r.toString(16).length == 1 ? "0" + r.toString(16) : r.toString(16), o = n.toString(16).length == 1 ? "0" + n.toString(16) : n.toString(16), s = i.toString(16).length == 1 ? "0" + i.toString(16) : i.toString(16);
   return "#" + a + o + s;
 }
-const T_ = (e) => {
+const k_ = (e) => {
   const t = e.slice(1), r = parseInt(t.slice(0, 2), 16), n = parseInt(t.slice(2, 4), 16), i = parseInt(t.slice(4, 6), 16);
   return (0.299 * r + 0.587 * n + 0.114 * i) / 255 < 0.5;
 };
@@ -18795,7 +18796,7 @@ function bs(e, t) {
     color: wi(s)
   };
 }
-function D_({ id: e, trackType: t }) {
+function T_({ id: e, trackType: t }) {
   const r = gs[t], n = Object.keys(r), i = we((l) => l.getTrack(e)), a = i == null ? void 0 : i.displayMode, o = i == null ? void 0 : i.color, s = we((l) => l.editTrack), c = (l) => ({
     ...bs(o || "#000000", l),
     marginRight: "5px",
@@ -18808,7 +18809,7 @@ function D_({ id: e, trackType: t }) {
   };
   return i ? /* @__PURE__ */ b.jsx(Qt, { title: "Display Mode", children: /* @__PURE__ */ b.jsx("div", { style: { display: "flex", flexDirection: "row", gap: "5px" }, children: n.map((l) => /* @__PURE__ */ b.jsx("button", { onClick: () => u(l), style: c(l === a), children: l }, l)) }) }) : null;
 }
-function O_({ id: e, defaultHeight: t }) {
+function D_({ id: e, defaultHeight: t }) {
   const r = Ye(null), n = we((v) => v.editTrack), i = we((v) => v.editAllTracksByType), a = we((v) => v.getTrack), o = we((v) => v.tracks), s = 20, c = 300, u = a(e), l = u == null ? void 0 : u.trackType, f = u == null ? void 0 : u.color, h = (v) => {
     const x = Number(v) < s ? s : Number(v) > c ? c : Number(v);
     n(e, { height: x });
@@ -18852,7 +18853,7 @@ function O_({ id: e, defaultHeight: t }) {
     whiteSpace: "nowrap"
   });
   return /* @__PURE__ */ b.jsx(Qt, { title: "Height", children: /* @__PURE__ */ b.jsxs("div", { style: { display: "flex", flexDirection: "row", gap: "5px", alignItems: "flex-start" }, children: [
-    /* @__PURE__ */ b.jsx(C_, { inputRef: r, defaultValue: t, validate: d, callback: h }),
+    /* @__PURE__ */ b.jsx(O_, { inputRef: r, defaultValue: t, validate: d, callback: h }),
     y && l && /* @__PURE__ */ b.jsxs(
       "button",
       {
@@ -18868,7 +18869,7 @@ function O_({ id: e, defaultHeight: t }) {
     )
   ] }) });
 }
-function C_({
+function O_({
   inputRef: e,
   defaultValue: t,
   validate: r,
@@ -18890,17 +18891,17 @@ function C_({
       ref: e,
       type: "number",
       step: "any",
-      placeholder: L_(Number(t)),
+      placeholder: C_(Number(t)),
       onChange: o,
       style: { appearance: "textfield" }
     }
   );
 }
-function L_(e) {
+function C_(e) {
   return Number.isNaN(e) ? "" : Number.isInteger(e) ? e.toString() : Number(e.toFixed(2)).toString();
 }
 var Co = /* @__PURE__ */ ((e) => (e[e.V29 = 29] = "V29", e[e.V40 = 40] = "V40", e[e.V47 = 47] = "V47", e))(Co || {}), Id = /* @__PURE__ */ ((e) => (e[e.V21 = 21] = "V21", e[e.V25 = 25] = "V25", e))(Id || {});
-function R_({ track: e }) {
+function L_({ track: e }) {
   const t = we((u) => u.editTrack), [r, n] = Ce(e.version), a = _e((u) => u.getExpandedDomain)(), o = (u) => {
     n(u);
     const l = Object.values(Co).includes(u);
@@ -18934,7 +18935,7 @@ function R_({ track: e }) {
     l
   )) }) });
 }
-function I_(e) {
+function R_(e) {
   return /* @__PURE__ */ b.jsx("svg", { width: e.width, height: e.height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ b.jsx(
     "path",
     {
@@ -18967,16 +18968,16 @@ function Lo({
       ref: n,
       type: "number",
       step: "any",
-      placeholder: M_(Number(e)),
+      placeholder: I_(Number(e)),
       onChange: o,
       style: { appearance: "textfield" }
     }
   );
 }
-function M_(e) {
+function I_(e) {
   return Number.isNaN(e) ? "" : Number.isInteger(e) ? e.toString() : Number(e.toFixed(2)).toString();
 }
-function A_({
+function M_({
   id: e,
   defaultRange: t,
   customRange: r
@@ -19025,10 +19026,10 @@ function A_({
         callback: s
       }
     ),
-    /* @__PURE__ */ b.jsx("button", { title: "auto scale range", onClick: () => n(e, { customRange: void 0 }), children: /* @__PURE__ */ b.jsx(I_, { fill: "#000000", width: 15, height: 15, style: { cursor: "pointer" } }) })
+    /* @__PURE__ */ b.jsx("button", { title: "auto scale range", onClick: () => n(e, { customRange: void 0 }), children: /* @__PURE__ */ b.jsx(R_, { fill: "#000000", width: 15, height: 15, style: { cursor: "pointer" } }) })
   ] }) });
 }
-function j_({ id: e, name: t }) {
+function A_({ id: e, name: t }) {
   const r = we((i) => i.editTrack), n = (i) => {
     r(e, { geneName: i.target.value });
   };
@@ -19045,9 +19046,9 @@ const Ga = {
   textAlign: "center",
   padding: "6px 12px"
 };
-function N_({ track: e }) {
-  const t = _e((E) => E.getExpandedDomain), r = Dt((E) => E.trackData.get(e.id || "")), n = t(), i = e.color || "#ffffff", a = T_(i), o = Dn(i, a ? 30 : -30), s = wi(i), c = (r == null ? void 0 : r.data) ?? void 0, u = () => {
-    e.trackType === xe.BigWig ? t_(e.id, c, n) : e.trackType === xe.BigBed && n_(e.id, c, n);
+function j_({ track: e }) {
+  const t = _e((E) => E.getExpandedDomain), r = Dt((E) => E.trackData.get(e.id || "")), n = t(), i = e.color || "#ffffff", a = k_(i), o = Dn(i, a ? 30 : -30), s = wi(i), c = (r == null ? void 0 : r.data) ?? void 0, u = () => {
+    e.trackType === xe.BigWig ? e_(e.id, c, n) : e.trackType === xe.BigBed && r_(e.id, c, n);
   }, l = () => {
     Dd(e.id, e.title, !0);
   }, f = () => {
@@ -19110,7 +19111,7 @@ function N_({ track: e }) {
     ) : null
   ] }) }) });
 }
-function P_({ id: e, defaultGap: t }) {
+function N_({ id: e, defaultGap: t }) {
   const r = we((s) => s.editTrack), n = 0, i = 20, a = (s) => {
     const c = Number(s) < n ? n : Number(s) > i ? i : Number(s);
     r(e, { gap: c });
@@ -19123,10 +19124,10 @@ function P_({ id: e, defaultGap: t }) {
   };
   return /* @__PURE__ */ b.jsx(Qt, { title: "Gap", children: /* @__PURE__ */ b.jsx(Lo, { defaultValue: t, validate: o, callback: a }) });
 }
-function F_({ datasets: e }) {
+function P_({ datasets: e }) {
   return /* @__PURE__ */ b.jsx(Qt, { title: "Datasets", children: /* @__PURE__ */ b.jsx("div", { style: { display: "flex", flexDirection: "column", gap: "2px" }, children: e.map((t, r) => /* @__PURE__ */ b.jsx("div", { style: { fontSize: "12px", color: "#666" }, children: t.name }, r)) }) });
 }
-function B_() {
+function F_() {
   const e = En((h) => h.id), t = En((h) => h.open), r = En((h) => h.closeModal), n = En((h) => h.position), i = 40, [a, o] = Ce(n), [s, c] = Ce(!1), u = (h, d) => {
     h.preventDefault(), o({ x: d.x, y: d.y }), c(!0);
   };
@@ -19179,7 +19180,7 @@ function B_() {
                   alignItems: "center"
                 },
                 children: [
-                  /* @__PURE__ */ b.jsx(z_, { handleClose: r, color: wi(l.color || "transparent") }),
+                  /* @__PURE__ */ b.jsx(q_, { handleClose: r, color: wi(l.color || "transparent") }),
                   /* @__PURE__ */ b.jsx("div", { style: { margin: "10px" }, children: /* @__PURE__ */ b.jsxs("div", { style: { paddingBottom: "0px", fontSize: "1.2em", fontWeight: "bold" }, children: [
                     "Configure",
                     " ",
@@ -19188,26 +19189,26 @@ function B_() {
                 ]
               }
             ),
-            /* @__PURE__ */ b.jsx(q_, { id: e })
+            /* @__PURE__ */ b.jsx(B_, { id: e })
           ]
         }
       )
     }
   );
 }
-function q_({ id: e }) {
+function B_({ id: e }) {
   const t = we((n) => n.getTrack(e));
   if (!t) return "no configuration available";
   const r = (() => {
     switch (t.trackType) {
       case xe.BigWig:
-        return /* @__PURE__ */ b.jsx(A_, { id: e, defaultRange: t.range, customRange: t.customRange });
+        return /* @__PURE__ */ b.jsx(M_, { id: e, defaultRange: t.range, customRange: t.customRange });
       case xe.BigBed:
         return /* @__PURE__ */ b.jsx(b.Fragment, {});
       case xe.Transcript:
         return /* @__PURE__ */ b.jsxs(b.Fragment, { children: [
-          /* @__PURE__ */ b.jsx(R_, { track: t }),
-          /* @__PURE__ */ b.jsx(j_, { id: e, name: t.geneName || "" })
+          /* @__PURE__ */ b.jsx(L_, { track: t }),
+          /* @__PURE__ */ b.jsx(A_, { id: e, name: t.geneName || "" })
         ] });
       case xe.Motif:
         return /* @__PURE__ */ b.jsx(b.Fragment, {});
@@ -19217,24 +19218,24 @@ function q_({ id: e }) {
         return /* @__PURE__ */ b.jsx(b.Fragment, {});
       case xe.BulkBed:
         return /* @__PURE__ */ b.jsxs(b.Fragment, { children: [
-          /* @__PURE__ */ b.jsx(P_, { id: e, defaultGap: t.gap || 0 }),
-          /* @__PURE__ */ b.jsx(F_, { datasets: t.datasets || [] })
+          /* @__PURE__ */ b.jsx(N_, { id: e, defaultGap: t.gap || 0 }),
+          /* @__PURE__ */ b.jsx(P_, { datasets: t.datasets || [] })
         ] });
       default:
         return /* @__PURE__ */ b.jsx(b.Fragment, {});
     }
   })();
   return /* @__PURE__ */ b.jsxs(b.Fragment, { children: [
-    /* @__PURE__ */ b.jsx(S_, { track: t }),
+    /* @__PURE__ */ b.jsx(E_, { track: t }),
     /* @__PURE__ */ b.jsxs("div", { style: { display: "flex", flexDirection: "row", gap: "5px" }, children: [
-      /* @__PURE__ */ b.jsx(O_, { id: e, defaultHeight: t.height }),
-      /* @__PURE__ */ b.jsx(D_, { id: t.id, trackType: t.trackType })
+      /* @__PURE__ */ b.jsx(D_, { id: e, defaultHeight: t.height }),
+      /* @__PURE__ */ b.jsx(T_, { id: t.id, trackType: t.trackType })
     ] }),
     r,
-    /* @__PURE__ */ b.jsx(N_, { track: t })
+    /* @__PURE__ */ b.jsx(j_, { track: t })
   ] });
 }
-function z_({ handleClose: e, color: t }) {
+function q_({ handleClose: e, color: t }) {
   const r = "25px";
   return /* @__PURE__ */ b.jsx(
     "svg",
@@ -19258,7 +19259,7 @@ function z_({ handleClose: e, color: t }) {
     }
   );
 }
-function U_() {
+function z_() {
   const e = zr((m) => m.content), t = zr((m) => m.x), r = zr((m) => m.y), n = zr((m) => m.show), [i, a] = Ce(0), [o, s] = Ce(0), [c, u] = Ce({ width: 0, height: 0 }), l = _e((m) => m.svgRef), f = Ye(null), h = _e((m) => m.delta), d = _e((m) => m.browserWidth), w = we((m) => m.getTotalHeight()) + Ue, y = 5, g = Ct(() => {
     if (!f.current || !l || !l.current) return;
     const m = pd(l.current, t, r), v = m[0], x = m[1], _ = f.current.getBBox(), k = _.width, S = _.height;
@@ -19280,7 +19281,7 @@ function U_() {
     }), () => m.disconnect();
   }, [n, e, t, r, d, w, l]), !n || h ? null : /* @__PURE__ */ b.jsx("g", { ref: f, id: "tooltip", transform: `translate(${i}, ${o})`, children: e });
 }
-function $_({ children: e }) {
+function U_({ children: e }) {
   const t = _e((o) => o.setSvgRef), r = Ye(null), n = we((o) => o.getTotalHeight()), i = _e((o) => o.browserWidth), a = Dt((o) => o.isFetching);
   return je(() => {
     t(r);
@@ -19311,7 +19312,7 @@ function $_({ children: e }) {
     }
   );
 }
-function V_() {
+function $_() {
   const e = _e((E) => E.browserWidth), t = _e((E) => E.marginWidth), r = Ue, n = we((E) => E.getTotalHeight()) + Ue, [i, a] = Ce([0, 0]), [o, s] = Ce(!1), c = _e((E) => E.svgRef), u = _e((E) => E.domain), l = _e((E) => E.setDomain), f = (E) => {
     if (!c || !c.current) return null;
     const w = gl(E, c.current);
@@ -19372,7 +19373,7 @@ function gl(e, t) {
   const n = t.getScreenCTM();
   return n ? r.matrixTransform(n.inverse()) : null;
 }
-function W_() {
+function V_() {
   const e = Dt((d) => d.isFetching), t = _e((d) => d.domain), r = _e((d) => d.getExpandedDomain), [n, i] = Ce(r()), a = _e((d) => d.delta);
   je(() => {
     e || a !== 0 || i(r());
@@ -19383,7 +19384,7 @@ function W_() {
     /* @__PURE__ */ b.jsx("g", { id: "highlights-clipped", clipPath: "url(#highlight-clip)", children: /* @__PURE__ */ b.jsx(_d, { id: "highlights", children: o.map((d) => {
       let E = d.domain.chromosome;
       return E || (E = n.chromosome), E !== n.chromosome ? null : /* @__PURE__ */ b.jsx(
-        H_,
+        W_,
         {
           highlight: d,
           totalWidth: l,
@@ -19396,14 +19397,14 @@ function W_() {
     }) }) })
   ] });
 }
-function H_({
+function W_({
   highlight: e,
   browserDomain: t,
   totalHeight: r,
   totalWidth: n,
   marginWidth: i
 }) {
-  const a = e.domain, o = Q_(a, t, n);
+  const a = e.domain, o = H_(a, t, n);
   return /* @__PURE__ */ b.jsx(
     "rect",
     {
@@ -19417,25 +19418,25 @@ function H_({
     }
   );
 }
-function Q_(e, t, r) {
+function H_(e, t, r) {
   const n = t.end - t.start, i = (e.start - t.start) / n, a = (e.end - t.start) / n;
   return { start: i * r, end: a * r };
 }
-function G_() {
+function Q_() {
   const e = we((t) => t.ids);
   return Ym(), /* @__PURE__ */ b.jsxs(b.Fragment, { children: [
-    /* @__PURE__ */ b.jsxs($_, { children: [
+    /* @__PURE__ */ b.jsxs(U_, { children: [
+      /* @__PURE__ */ b.jsx($_, {}),
+      /* @__PURE__ */ b.jsx(xd, { id: "ruler", transform: "translate(0, 0)", loading: !1, error: void 0, children: /* @__PURE__ */ b.jsx(Sg, {}) }),
+      e.map((t) => /* @__PURE__ */ b.jsx(Kb, { id: t }, t)),
       /* @__PURE__ */ b.jsx(V_, {}),
-      /* @__PURE__ */ b.jsx(xd, { id: "ruler", transform: "translate(0, 0)", loading: !1, error: void 0, children: /* @__PURE__ */ b.jsx(kg, {}) }),
-      e.map((t) => /* @__PURE__ */ b.jsx(Jb, { id: t }, t)),
-      /* @__PURE__ */ b.jsx(W_, {}),
-      /* @__PURE__ */ b.jsx(U_, {})
+      /* @__PURE__ */ b.jsx(z_, {})
     ] }),
-    /* @__PURE__ */ b.jsx(o_, {}),
-    /* @__PURE__ */ b.jsx(B_, {})
+    /* @__PURE__ */ b.jsx(a_, {}),
+    /* @__PURE__ */ b.jsx(F_, {})
   ] });
 }
-function xx({ browserStore: e, trackStore: t, externalDataStore: r }) {
+function _x({ browserStore: e, trackStore: t, externalDataStore: r }) {
   const n = r ?? Hd([]), i = ve(() => xl(), []), a = ve(() => wl(), []), o = ve(() => El(), []), s = ve(() => Sl(), []), c = ve(
     () => ({
       browserStore: e,
@@ -19448,10 +19449,10 @@ function xx({ browserStore: e, trackStore: t, externalDataStore: r }) {
     }),
     [e, t, n, i, a, o, s]
   );
-  return /* @__PURE__ */ b.jsx(Gd, { value: c, children: /* @__PURE__ */ b.jsx(G_, {}) });
+  return /* @__PURE__ */ b.jsx(Gd, { value: c, children: /* @__PURE__ */ b.jsx(Q_, {}) });
 }
-const wx = Md;
-function Ex(e, t) {
+const xx = Md;
+function wx(e, t) {
   return ve(() => Md(e), t ?? []);
 }
 function Md(e) {
@@ -19513,8 +19514,8 @@ function Md(e) {
     }
   }));
 }
-const Sx = Ad;
-function kx(e, t) {
+const Ex = Ad;
+function Sx(e, t) {
   return ve(() => Ad(e), t ?? []);
 }
 function Ad(e = []) {
@@ -19602,31 +19603,31 @@ function Ad(e = []) {
     }
   }));
 }
-const Y_ = "https://screen.api.wenglab.org/graphql", X_ = new zf({
-  link: new bf({ uri: Y_ }),
+const G_ = "https://screen.api.wenglab.org/graphql", Y_ = new zf({
+  link: new bf({ uri: G_ }),
   cache: new Bf(),
   devtools: {
     enabled: !0,
     name: "Genome Browser"
   }
 });
-function Tx({ children: e }) {
-  return /* @__PURE__ */ b.jsx(Sv, { client: X_, children: e });
+function kx({ children: e }) {
+  return /* @__PURE__ */ b.jsx(Sv, { client: Y_, children: e });
 }
-function Z_(e, t, r, n) {
+function X_(e, t, r, n) {
   return n ? `M ${e} ${r * 0.1} L ${e + t} ${r / 2} L ${e} ${r * 0.9}` : `M ${e + t} ${r * 0.1} L ${e} ${r / 2} L ${e + t} ${r * 0.9}`;
 }
-function K_(e) {
-  return /* @__PURE__ */ b.jsx("path", { d: Z_(e.x, e.width, e.height, e.opening), fill: e.color });
+function Z_(e) {
+  return /* @__PURE__ */ b.jsx("path", { d: X_(e.x, e.width, e.height, e.opening), fill: e.color });
 }
-const J_ = /* @__PURE__ */ new Map([
+const K_ = /* @__PURE__ */ new Map([
   ["stalk", (e) => e.stalk],
   ["gvar", (e) => e.default],
   ["gneg", (e) => Wt(e.default, 0.9)]
 ]);
-function ex(e) {
+function J_(e) {
   var r;
-  const t = e.type.slice(0, 4) === "gpos" ? Wt(e.colors.default, 1 - +e.type.replace(/gpos/g, "") / 100) : (r = J_.get(e.type)) == null ? void 0 : r.call(null, e.colors);
+  const t = e.type.slice(0, 4) === "gpos" ? Wt(e.colors.default, 1 - +e.type.replace(/gpos/g, "") / 100) : (r = K_.get(e.type)) == null ? void 0 : r.call(null, e.colors);
   return t === void 0 ? null : /* @__PURE__ */ b.jsx(
     "rect",
     {
@@ -19639,8 +19640,8 @@ function ex(e) {
     }
   );
 }
-function tx(e) {
-  return e.x(e.highlight.end) - e.x(e.highlight.start) < 10 ? /* @__PURE__ */ b.jsx(rx, { highlight: e.highlight, x: e.x, height: e.height }) : /* @__PURE__ */ b.jsx(
+function ex(e) {
+  return e.x(e.highlight.end) - e.x(e.highlight.start) < 10 ? /* @__PURE__ */ b.jsx(tx, { highlight: e.highlight, x: e.x, height: e.height }) : /* @__PURE__ */ b.jsx(
     "rect",
     {
       x: e.x(e.highlight.start),
@@ -19654,14 +19655,14 @@ function tx(e) {
     }
   );
 }
-function rx(e) {
+function tx(e) {
   const { highlight: t, height: r, x: n } = e, i = `M ${n(t.start) - 5} 0 L ${n(t.start)} ${r * 0.2} L ${n(t.start) + 5} 0`, a = `M ${n(t.start) - 5} ${r} L ${n(t.start)} ${r * 0.8} L ${n(t.start) + 5} ${r}`;
   return /* @__PURE__ */ b.jsxs(b.Fragment, { children: [
     /* @__PURE__ */ b.jsx("path", { d: i, stroke: t.color || "#ff0000", strokeWidth: 3, fill: "none" }),
     /* @__PURE__ */ b.jsx("path", { d: a, stroke: t.color || "#ff0000", strokeWidth: 3, fill: "none" })
   ] });
 }
-const nx = Nt`
+const rx = Nt`
   query cytobands($assembly: String!, $chromosome: String) {
     cytoband(assembly: $assembly, chromosome: $chromosome) {
       stain
@@ -19672,21 +19673,21 @@ const nx = Nt`
       }
     }
   }
-`, ix = {
+`, nx = {
   default: "#000000",
   centromere: "#880000",
   stalk: "#ff0000"
 };
-function Dx({
+function Tx({
   assembly: e,
   currentDomain: t
 }) {
-  const i = { ...t, color: "rgba(50,50,255,0.75)" }, a = "translate(0,0)", { data: o, loading: s, error: c } = jv(nx, {
+  const i = { ...t, color: "rgba(50,50,255,0.75)" }, a = "translate(0,0)", { data: o, loading: s, error: c } = jv(rx, {
     variables: {
       assembly: e,
       chromosome: t.chromosome || ""
     }
-  }), u = ix;
+  }), u = nx;
   if (s)
     return /* @__PURE__ */ b.jsx("g", { width: 700, height: 20, children: /* @__PURE__ */ b.jsx("text", { x: "350", y: "15", textAnchor: "middle", style: { fontSize: "14px", fontFamily: "sans-serif" }, children: "Loading..." }) });
   if (c)
@@ -19694,7 +19695,7 @@ function Dx({
       "Error: ",
       c.message
     ] }) });
-  const l = { start: 0, end: Math.max(...o.cytoband.map((d) => d.coordinates.end)) }, f = ax(
+  const l = { start: 0, end: Math.max(...o.cytoband.map((d) => d.coordinates.end)) }, f = ix(
     {
       start: l.start,
       end: l.end,
@@ -19707,7 +19708,7 @@ function Dx({
     o.cytoband.map((d, E) => {
       const w = f(d.coordinates.start), y = f(d.coordinates.end) - w;
       return d.stain === "acen" ? /* @__PURE__ */ b.jsx(
-        K_,
+        Z_,
         {
           width: y,
           x: w,
@@ -19716,10 +19717,10 @@ function Dx({
           opening: h++ === 0
         },
         E
-      ) : /* @__PURE__ */ b.jsx(ex, { type: d.stain, width: y, x: w, height: 20, colors: u, opacity: 1 }, E);
+      ) : /* @__PURE__ */ b.jsx(J_, { type: d.stain, width: y, x: w, height: 20, colors: u, opacity: 1 }, E);
     }),
     i ? /* @__PURE__ */ b.jsx(
-      tx,
+      ex,
       {
         onMouseOut: () => {
         },
@@ -19731,29 +19732,29 @@ function Dx({
     ) : null
   ] });
 }
-function ax(e, t) {
+function ix(e, t) {
   return (r) => (r - e.start) * t / (e.end - e.start);
 }
-function Ox(e, t, r) {
+function Dx(e, t, r) {
   const n = r((a) => a.setTrackData), i = r((a) => a.isFetching);
   je(() => {
     i || (t.loading ? n(e, { data: null, error: null }) : t.error ? n(e, { data: null, error: t.error.message }) : t.data && n(e, { data: t.data, error: null }));
   }, [t.data, t.loading, t.error, i, e, n]);
 }
 export {
-  xx as Browser,
-  Dx as Cytobands,
+  _x as Browser,
+  Tx as Cytobands,
   st as DisplayMode,
-  Tx as GQLWrapper,
-  yx as Pastels,
+  kx as GQLWrapper,
+  gx as Pastels,
   xe as TrackType,
-  bx as Vibrant,
-  wx as createBrowserStore,
-  Ex as createBrowserStoreMemo,
-  cx as createDataStore,
+  yx as Vibrant,
+  xx as createBrowserStore,
+  wx as createBrowserStoreMemo,
+  sx as createDataStore,
   Hd as createDataStoreMemo,
-  Sx as createTrackStore,
-  kx as createTrackStoreMemo,
-  Ox as useCustomData
+  Ex as createTrackStore,
+  Sx as createTrackStoreMemo,
+  Dx as useCustomData
 };
 //# sourceMappingURL=genomebrowser.es.js.map