@weng-lab/genomebrowser 1.6.2 → 1.6.3

package/dist/genomebrowser.es.js

@@ -1,4 +1,4 @@
-import me, { createContext as uu, useContext as St, useMemo as z, useEffect as de, useRef as Ee, useState as ae, useCallback as $e, createElement as Oi, Fragment as lu, useLayoutEffect as fu } from "react";
+import me, { createContext as uu, useContext as St, useMemo as z, useEffect as de, useRef as Ee, useState as ae, useCallback as Ve, createElement as Oi, Fragment as lu, useLayoutEffect as fu } from "react";
 import sa, { createPortal as aa } from "react-dom";
 function hu(e, t) {
   for (var r = 0; r < t.length; r++) {
@@ -321,7 +321,7 @@ var O = function() {
     return t;
   }, O.apply(this, arguments);
 };
-function Be(e, t) {
+function $e(e, t) {
   var r = {};
   for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (r[n] = e[n]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
@@ -452,19 +452,19 @@ function Lr(e) {
   e.debug = Lr("debug"), e.log = Lr("log"), e.warn = Lr("warn"), e.error = Lr("error");
 })(yt || (yt = {}));
 var Ci = "3.14.0";
-function Ve(e) {
+function qe(e) {
   try {
     return e();
   } catch {
   }
 }
-const Yr = Ve(function() {
+const Yr = qe(function() {
   return globalThis;
-}) || Ve(function() {
+}) || qe(function() {
   return window;
-}) || Ve(function() {
+}) || qe(function() {
   return self;
-}) || Ve(function() {
+}) || qe(function() {
   return global;
 }) || // We don't expect the Function constructor ever to be invoked at runtime, as
 // long as at least one of globalThis, window, self, or global is defined, so
@@ -472,8 +472,8 @@ const Yr = Ve(function() {
 // detect syntactic usage of the Function constructor. If you think you can
 // improve your static analysis to detect this obfuscation, think again. This
 // is an arms race you cannot win, at least not in JavaScript.
-Ve(function() {
-  return Ve.constructor("return this")();
+qe(function() {
+  return qe.constructor("return this")();
 });
 var go = /* @__PURE__ */ new Map();
 function Un(e) {
@@ -2880,7 +2880,7 @@ const nl = 80, il = {
     leave: ({ variable: e, type: t, defaultValue: r, directives: n }) => e + ": " + t + ne(" = ", r) + ne(" ", Q(n, " "))
   },
   SelectionSet: {
-    leave: ({ selections: e }) => qe(e)
+    leave: ({ selections: e }) => Fe(e)
   },
   Field: {
     leave({ alias: e, name: t, arguments: r, directives: n, selectionSet: i }) {
@@ -2961,7 +2961,7 @@ const nl = 80, il = {
   // Type System Definitions
   SchemaDefinition: {
     leave: ({ description: e, directives: t, operationTypes: r }) => ne("", e, `
-`) + Q(["schema", Q(t, " "), qe(r)], " ")
+`) + Q(["schema", Q(t, " "), Fe(r)], " ")
   },
   OperationTypeDefinition: {
     leave: ({ operation: e, type: t }) => e + ": " + t
@@ -2978,7 +2978,7 @@ const nl = 80, il = {
         t,
         ne("implements ", Q(r, " & ")),
         Q(n, " "),
-        qe(i)
+        Fe(i)
       ],
       " "
     )
@@ -3005,7 +3005,7 @@ const nl = 80, il = {
         t,
         ne("implements ", Q(r, " & ")),
         Q(n, " "),
-        qe(i)
+        Fe(i)
       ],
       " "
     )
@@ -3019,7 +3019,7 @@ const nl = 80, il = {
   },
   EnumTypeDefinition: {
     leave: ({ description: e, name: t, directives: r, values: n }) => ne("", e, `
-`) + Q(["enum", t, Q(r, " "), qe(n)], " ")
+`) + Q(["enum", t, Q(r, " "), Fe(n)], " ")
   },
   EnumValueDefinition: {
     leave: ({ description: e, name: t, directives: r }) => ne("", e, `
@@ -3027,7 +3027,7 @@ const nl = 80, il = {
   },
   InputObjectTypeDefinition: {
     leave: ({ description: e, name: t, directives: r, fields: n }) => ne("", e, `
-`) + Q(["input", t, Q(r, " "), qe(n)], " ")
+`) + Q(["input", t, Q(r, " "), Fe(n)], " ")
   },
   DirectiveDefinition: {
     leave: ({ description: e, name: t, arguments: r, repeatable: n, locations: i }) => ne("", e, `
@@ -3038,7 +3038,7 @@ const nl = 80, il = {
   },
   SchemaExtension: {
     leave: ({ directives: e, operationTypes: t }) => Q(
-      ["extend schema", Q(e, " "), qe(t)],
+      ["extend schema", Q(e, " "), Fe(t)],
       " "
     )
   },
@@ -3052,7 +3052,7 @@ const nl = 80, il = {
         e,
         ne("implements ", Q(t, " & ")),
         Q(r, " "),
-        qe(n)
+        Fe(n)
       ],
       " "
     )
@@ -3064,7 +3064,7 @@ const nl = 80, il = {
         e,
         ne("implements ", Q(t, " & ")),
         Q(r, " "),
-        qe(n)
+        Fe(n)
       ],
       " "
     )
@@ -3081,17 +3081,17 @@ const nl = 80, il = {
     )
   },
   EnumTypeExtension: {
-    leave: ({ name: e, directives: t, values: r }) => Q(["extend enum", e, Q(t, " "), qe(r)], " ")
+    leave: ({ name: e, directives: t, values: r }) => Q(["extend enum", e, Q(t, " "), Fe(r)], " ")
   },
   InputObjectTypeExtension: {
-    leave: ({ name: e, directives: t, fields: r }) => Q(["extend input", e, Q(t, " "), qe(r)], " ")
+    leave: ({ name: e, directives: t, fields: r }) => Q(["extend input", e, Q(t, " "), Fe(r)], " ")
   }
 };
 function Q(e, t = "") {
   var r;
   return (r = e == null ? void 0 : e.filter((n) => n).join(t)) !== null && r !== void 0 ? r : "";
 }
-function qe(e) {
+function Fe(e) {
   return ne(`{
 `, $r(Q(e, `
 `)), `
@@ -3216,9 +3216,9 @@ function hl(e) {
   }
   return !1;
 }
-var _a = Ve(function() {
+var _a = qe(function() {
   return navigator.product;
-}) == "ReactNative", Tt = typeof WeakMap == "function" && !(_a && !global.HermesInternal), Ri = typeof WeakSet == "function", Ii = typeof Symbol == "function" && typeof Symbol.for == "function", sn = Ii && Symbol.asyncIterator, Sa = typeof Ve(function() {
+}) == "ReactNative", Tt = typeof WeakMap == "function" && !(_a && !global.HermesInternal), Ri = typeof WeakSet == "function", Ii = typeof Symbol == "function" && typeof Symbol.for == "function", sn = Ii && Symbol.asyncIterator, Sa = typeof qe(function() {
   return window.document.createElement;
 }) == "function", dl = (
   // Following advice found in this comment from @domenic (maintainer of jsdom):
@@ -3229,11 +3229,11 @@ var _a = Ve(function() {
   // at the end of the user agent string, I believe this case is all we need to
   // check. Testing for "Node.js" was recommended for backwards compatibility
   // with older version of jsdom, but we don't have that problem.
-  Ve(function() {
+  qe(function() {
     return navigator.userAgent.indexOf("jsdom") >= 0;
   }) || !1
 ), pl = (Sa || _a) && !dl;
-function ye(e) {
+function ge(e) {
   return e !== null && typeof e == "object";
 }
 function ml(e, t) {
@@ -3559,7 +3559,7 @@ function fe(e) {
   return !!(e && typeof e == "object" && typeof e.__ref == "string");
 }
 function Il(e) {
-  return ye(e) && e.kind === "Document" && Array.isArray(e.definitions);
+  return ge(e) && e.kind === "Document" && Array.isArray(e.definitions);
 }
 function Nl(e) {
   return e.kind === "StringValue";
@@ -4149,8 +4149,8 @@ bt.reset();
 globalThis.__DEV__ !== !1 && Pi("print", function() {
   return dr ? dr.size : 0;
 });
-var be = Array.isArray;
-function Pe(e) {
+var ye = Array.isArray;
+function Ne(e) {
   return Array.isArray(e) && e.length > 0;
 }
 var Mo = {
@@ -4198,7 +4198,7 @@ function za(e, t) {
   Xt(t);
   for (var r = jo(""), n = jo(""), i = function(y) {
     for (var b = 0, w = void 0; b < y.length && (w = y[b]); ++b)
-      if (!be(w)) {
+      if (!ye(w)) {
         if (w.kind === F.OPERATION_DEFINITION)
           return r(w.name && w.name.value);
         if (w.kind === F.FRAGMENT_DEFINITION)
@@ -4208,7 +4208,7 @@ function za(e, t) {
   }, o = 0, s = t.definitions.length - 1; s >= 0; --s)
     t.definitions[s].kind === F.OPERATION_DEFINITION && ++o;
   var a = af(e), c = function(y) {
-    return Pe(y) && y.map(a).some(function(b) {
+    return Ne(y) && y.map(a).some(function(b) {
       return b && b.remove;
     });
   }, u = /* @__PURE__ */ new Map(), l = !1, h = {
@@ -4407,12 +4407,12 @@ var ff = function(e, t, r) {
   /** @class */
   (function() {
     function e(t) {
-      t === void 0 && (t = ff), this.reconciler = t, this.isObject = ye, this.pastCopies = /* @__PURE__ */ new Set();
+      t === void 0 && (t = ff), this.reconciler = t, this.isObject = ge, this.pastCopies = /* @__PURE__ */ new Set();
     }
     return e.prototype.merge = function(t, r) {
       for (var n = this, i = [], o = 2; o < arguments.length; o++)
         i[o - 2] = arguments[o];
-      return ye(r) && ye(t) ? (Object.keys(r).forEach(function(s) {
+      return ge(r) && ge(t) ? (Object.keys(r).forEach(function(s) {
         if (lf.call(t, s)) {
           var a = t[s];
           if (r[s] !== a) {
@@ -4427,7 +4427,7 @@ var ff = function(e, t, r) {
           t = n.shallowCopyForMerge(t), t[s] = r[s];
       }), t) : r;
     }, e.prototype.shallowCopyForMerge = function(t) {
-      return ye(t) && (this.pastCopies.has(t) || (Array.isArray(t) ? t = t.slice(0) : t = O({ __proto__: Object.getPrototypeOf(t) }, t), this.pastCopies.add(t))), t;
+      return ge(t) && (this.pastCopies.has(t) || (Array.isArray(t) ? t = t.slice(0) : t = O({ __proto__: Object.getPrototypeOf(t) }, t), this.pastCopies.add(t))), t;
     }, e;
   })()
 );
@@ -4899,8 +4899,8 @@ function ni(e, t) {
 function Ef(e) {
   var t = /* @__PURE__ */ new Set([e]);
   return t.forEach(function(r) {
-    ye(r) && _f(r) === r && Object.getOwnPropertyNames(r).forEach(function(n) {
-      ye(r[n]) && t.add(r[n]);
+    ge(r) && _f(r) === r && Object.getOwnPropertyNames(r).forEach(function(n) {
+      ge(r[n]) && t.add(r[n]);
     });
   }), e;
 }
@@ -5054,11 +5054,11 @@ function Tf(e) {
   return Vt(e) || Sf(e);
 }
 function kf(e) {
-  return ye(e) && "payload" in e;
+  return ge(e) && "payload" in e;
 }
 function Ka(e, t) {
   var r = e, n = new pt();
-  return Vt(t) && Pe(t.incremental) && t.incremental.forEach(function(i) {
+  return Vt(t) && Ne(t.incremental) && t.incremental.forEach(function(i) {
     for (var o = i.data, s = i.path, a = s.length - 1; a >= 0; --a) {
       var c = s[a], u = !isNaN(+c), l = u ? [] : {};
       l[c] = o, o = l;
@@ -5068,11 +5068,11 @@ function Ka(e, t) {
 }
 function Wr(e) {
   var t = ii(e);
-  return Pe(t);
+  return Ne(t);
 }
 function ii(e) {
-  var t = Pe(e.errors) ? e.errors.slice(0) : [];
-  return Vt(e) && Pe(e.incremental) && e.incremental.forEach(function(r) {
+  var t = Ne(e.errors) ? e.errors.slice(0) : [];
+  return Vt(e) && Ne(e.incremental) && e.incremental.forEach(function(r) {
     r.errors && t.push.apply(t, r.errors);
   }), t;
 }
@@ -5356,7 +5356,7 @@ function ec(e) {
 var zf = function(e) {
   var t = Ce(Ce(Ce([], e.graphQLErrors, !0), e.clientErrors, !0), e.protocolErrors, !0);
   return e.networkError && t.push(e.networkError), t.map(function(r) {
-    return ye(r) && r.message || "Error message not found.";
+    return ge(r) && r.message || "Error message not found.";
   }).join(`
 `);
 }, Xe = (
@@ -5578,11 +5578,11 @@ function oh(e, t) {
   var u = a.indexOf("?") === -1 ? "?" : "&", l = a + u + r.join("&") + s;
   return { newURI: l };
 }
-var Bo = Ve(function() {
+var Bo = qe(function() {
   return fetch;
 }), sh = function(e) {
   e === void 0 && (e = {});
-  var t = e.uri, r = t === void 0 ? "/graphql" : t, n = e.fetch, i = e.print, o = i === void 0 ? eh : i, s = e.includeExtensions, a = e.preserveHeaderCase, c = e.useGETForQueries, u = e.includeUnusedVariables, l = u === void 0 ? !1 : u, h = Be(e, ["uri", "fetch", "print", "includeExtensions", "preserveHeaderCase", "useGETForQueries", "includeUnusedVariables"]);
+  var t = e.uri, r = t === void 0 ? "/graphql" : t, n = e.fetch, i = e.print, o = i === void 0 ? eh : i, s = e.includeExtensions, a = e.preserveHeaderCase, c = e.useGETForQueries, u = e.includeUnusedVariables, l = u === void 0 ? !1 : u, h = $e(e, ["uri", "fetch", "print", "includeExtensions", "preserveHeaderCase", "useGETForQueries", "includeUnusedVariables"]);
   globalThis.__DEV__ !== !1 && nh(n || Bo);
   var d = {
     http: { includeExtensions: s, preserveHeaderCase: a },
@@ -5635,7 +5635,7 @@ var Bo = Ve(function() {
         return Sn(W);
       }
     return new pe(function(W) {
-      var D = n || Ve(function() {
+      var D = n || qe(function() {
         return fetch;
       }) || Bo, T = W.next.bind(W);
       return D(m, S).then(function(I) {
@@ -5776,7 +5776,7 @@ function Uo(e, t) {
   return r.add(t), !1;
 }
 function rc(e, t, r, n) {
-  var i = t.data, o = Be(t, ["data"]), s = r.data, a = Be(r, ["data"]);
+  var i = t.data, o = $e(t, ["data"]), s = r.data, a = $e(r, ["data"]);
   return he(o, a) && Qr(kr(e).selectionSet, i, s, {
     fragmentMap: Gt(Jt(e)),
     variables: n
@@ -5969,7 +5969,7 @@ var cc = (
         return n.read(O(O({}, t), { rootId: t.id || "ROOT_QUERY", optimistic: r }));
       });
     }, e.prototype.watchFragment = function(t) {
-      var r = this, n = t.fragment, i = t.fragmentName, o = t.from, s = t.optimistic, a = s === void 0 ? !0 : s, c = Be(t, ["fragment", "fragmentName", "from", "optimistic"]), u = this.getFragmentDoc(n, i), l = typeof o > "u" || typeof o == "string" ? o : this.identify(o), h = !!t[Symbol.for("apollo.dataMasking")];
+      var r = this, n = t.fragment, i = t.fragmentName, o = t.from, s = t.optimistic, a = s === void 0 ? !0 : s, c = $e(t, ["fragment", "fragmentName", "from", "optimistic"]), u = this.getFragmentDoc(n, i), l = typeof o > "u" || typeof o == "string" ? o : this.identify(o), h = !!t[Symbol.for("apollo.dataMasking")];
       if (globalThis.__DEV__ !== !1) {
         var d = i || Ma(n).name.value;
         l || globalThis.__DEV__ !== !1 && P.warn(1, d);
@@ -6005,13 +6005,13 @@ var cc = (
         return n.read(O(O({}, t), { query: n.getFragmentDoc(t.fragment, t.fragmentName), rootId: t.id, optimistic: r }));
       });
     }, e.prototype.writeQuery = function(t) {
-      var r = t.id, n = t.data, i = Be(t, ["id", "data"]);
+      var r = t.id, n = t.data, i = $e(t, ["id", "data"]);
       return this.write(Object.assign(i, {
         dataId: r || "ROOT_QUERY",
         result: n
       }));
     }, e.prototype.writeFragment = function(t) {
-      var r = t.id, n = t.data, i = t.fragment, o = t.fragmentName, s = Be(t, ["id", "data", "fragment", "fragmentName"]);
+      var r = t.id, n = t.data, i = t.fragment, o = t.fragmentName, s = $e(t, ["id", "data", "fragment", "fragmentName"]);
       return this.write(Object.assign(s, {
         query: this.getFragmentDoc(i, o),
         dataId: r,
@@ -6088,7 +6088,7 @@ function mt(e) {
   return t ? t[0] : e;
 }
 function li(e, t, r) {
-  return ye(t) ? be(t) ? t.every(function(n) {
+  return ge(t) ? ye(t) ? t.every(function(n) {
     return li(e, n, r);
   }) : e.selections.every(function(n) {
     if (ht(n) && Tr(n, r)) {
@@ -6099,7 +6099,7 @@ function li(e, t, r) {
   }) : !1;
 }
 function Nt(e) {
-  return ye(e) && !fe(e) && !be(e);
+  return ge(e) && !fe(e) && !ye(e);
 }
 function yh() {
   return new pt();
@@ -6258,7 +6258,7 @@ var zr = /* @__PURE__ */ Object.create(null), Tn = function() {
       if (Object.keys(this.data).forEach(function(o) {
         t && _e.call(t, o) || r.delete(o);
       }), t) {
-        var n = t.__META, i = Be(t, ["__META"]);
+        var n = t.__META, i = $e(t, ["__META"]);
         Object.keys(i).forEach(function(o) {
           r.merge(o, i[o]);
         }), n && n.extraRootIds.forEach(this.retain, this);
@@ -6294,9 +6294,9 @@ var zr = /* @__PURE__ */ Object.create(null), Tn = function() {
           return r;
         var i = /* @__PURE__ */ new Set([n]);
         i.forEach(function(o) {
-          fe(o) && (r[o.__ref] = !0), ye(o) && Object.keys(o).forEach(function(s) {
+          fe(o) && (r[o.__ref] = !0), ge(o) && Object.keys(o).forEach(function(s) {
             var a = o[s];
-            ye(a) && i.add(a);
+            ge(a) && i.add(a);
           });
         });
       }
@@ -6418,7 +6418,7 @@ function mr(e) {
   return !!(e instanceof _r && e.group.caching);
 }
 function wh(e) {
-  return ye(e) ? be(e) ? e.slice(0) : O({ __proto__: Object.getPrototypeOf(e) }, e) : e;
+  return ge(e) ? ye(e) ? e.slice(0) : O({ __proto__: Object.getPrototypeOf(e) }, e) : e;
 }
 var Jo = (
   /** @class */
@@ -6427,16 +6427,16 @@ var Jo = (
       this.known = new (Ri ? WeakSet : Set)(), this.pool = new et(Tt), this.passes = /* @__PURE__ */ new WeakMap(), this.keysByJSON = /* @__PURE__ */ new Map(), this.empty = this.admit({});
     }
     return e.prototype.isKnown = function(t) {
-      return ye(t) && this.known.has(t);
+      return ge(t) && this.known.has(t);
     }, e.prototype.pass = function(t) {
-      if (ye(t)) {
+      if (ge(t)) {
         var r = wh(t);
         return this.passes.set(r, t), r;
       }
       return t;
     }, e.prototype.admit = function(t) {
       var r = this;
-      if (ye(t)) {
+      if (ge(t)) {
         var n = this.passes.get(t);
         if (n)
           return n;
@@ -6587,7 +6587,7 @@ var Eh = (
               variables: s.variables,
               from: i
             }, s), E = Ke(w);
-            k === void 0 ? $i.added(w) || (d = p.merge(d, (_ = {}, _[E] = "Can't find field '".concat(w.name.value, "' on ").concat(fe(i) ? i.__ref + " object" : "object " + JSON.stringify(i, null, 2)), _))) : be(k) ? k.length > 0 && (k = m(r.executeSubSelectedArray({
+            k === void 0 ? $i.added(w) || (d = p.merge(d, (_ = {}, _[E] = "Can't find field '".concat(w.name.value, "' on ").concat(fe(i) ? i.__ref + " object" : "object " + JSON.stringify(i, null, 2)), _))) : ye(k) ? k.length > 0 && (k = m(r.executeSubSelectedArray({
               field: w,
               array: k,
               enclosingRef: o,
@@ -6614,7 +6614,7 @@ var Eh = (
         return l.missing && (a = c.merge(a, (d = {}, d[h] = l.missing, d))), l.result;
       }
       return n.selectionSet && (i = i.filter(s.store.canRead)), i = i.map(function(l, h) {
-        return l === null ? null : be(l) ? u(r.executeSubSelectedArray({
+        return l === null ? null : ye(l) ? u(r.executeSubSelectedArray({
           field: n,
           array: l,
           enclosingRef: o,
@@ -6647,7 +6647,7 @@ function Sh(e, t, r) {
   if (!t.selectionSet) {
     var n = /* @__PURE__ */ new Set([r]);
     n.forEach(function(i) {
-      ye(i) && (P(
+      ge(i) && (P(
         !fe(i),
         11,
         gh(e, i),
@@ -6737,7 +6737,7 @@ function ns(e) {
     var i = n.field, o = n.variables, s = n.fieldName, a = Xi(e, function(u) {
       var l = u[0], h = l.charAt(0);
       if (h === "@") {
-        if (i && Pe(i.directives)) {
+        if (i && Ne(i.directives)) {
           var d = l.slice(1), p = i.directives.find(function(y) {
             return y.name.value === d;
           }), m = p && cn(p, o);
@@ -6782,9 +6782,9 @@ function vc(e) {
   if (!t.paths) {
     var r = t.paths = [], n = [];
     e.forEach(function(i, o) {
-      be(i) ? (vc(i).forEach(function(s) {
+      ye(i) ? (vc(i).forEach(function(s) {
         return r.push(n.concat(s));
-      }), n.length = 0) : (n.push(i), be(e[o + 1]) || (r.push(n.slice(0)), n.length = 0));
+      }), n.length = 0) : (n.push(i), ye(e[o + 1]) || (r.push(n.slice(0)), n.length = 0));
     });
   }
   return t.paths;
@@ -6794,13 +6794,13 @@ function gc(e, t) {
 }
 function Bt(e, t, r) {
   return r = r || gc, yc(t.reduce(function n(i, o) {
-    return be(i) ? i.map(function(s) {
+    return ye(i) ? i.map(function(s) {
       return n(s, o);
     }) : i && r(i, o);
   }, e));
 }
 function yc(e) {
-  return ye(e) ? be(e) ? e.map(yc) : Xi(Object.keys(e).sort(), function(t) {
+  return ge(e) ? ye(e) ? e.map(yc) : Xi(Object.keys(e).sort(), function(t) {
     return Bt(e, t);
   }) : e;
 }
@@ -6835,7 +6835,7 @@ var Ch = function() {
       return Hi.withValue(!0, function() {
         for (; l; ) {
           var h = l(O(O({}, t), s), a);
-          if (be(h))
+          if (ye(h))
             l = rs(h);
           else {
             c = h;
@@ -6846,7 +6846,7 @@ var Ch = function() {
     }, e.prototype.addTypePolicies = function(t) {
       var r = this;
       Object.keys(t).forEach(function(n) {
-        var i = t[n], o = i.queryType, s = i.mutationType, a = i.subscriptionType, c = Be(i, ["queryType", "mutationType", "subscriptionType"]);
+        var i = t[n], o = i.queryType, s = i.mutationType, a = i.subscriptionType, c = $e(i, ["queryType", "mutationType", "subscriptionType"]);
         o && r.setRootTypename("Query", n), s && r.setRootTypename("Mutation", n), a && r.setRootTypename("Subscription", n), _e.call(r.toBeAdded, n) ? r.toBeAdded[n].push(c) : r.toBeAdded[n] = [c];
       });
     }, e.prototype.updateTypePolicy = function(t, r, n) {
@@ -6855,7 +6855,7 @@ var Ch = function() {
         c.merge = typeof u == "function" ? u : u === !0 ? os : u === !1 ? ss : c.merge;
       }
       a(i, r.merge), i.keyFn = // Pass false to disable normalization for this typename.
-      o === !1 ? Ch : be(o) ? rs(o) : typeof o == "function" ? o : i.keyFn, s && Object.keys(s).forEach(function(c) {
+      o === !1 ? Ch : ye(o) ? rs(o) : typeof o == "function" ? o : i.keyFn, s && Object.keys(s).forEach(function(c) {
         var u = n[c];
         (!u || (u == null ? void 0 : u.typename) !== t) && (u = n[c] = { typename: t });
         var l = s[c];
@@ -6865,7 +6865,7 @@ var Ch = function() {
           var h = l.keyArgs, d = l.read, p = l.merge;
           u.keyFn = // Pass false to disable argument-based differentiation of
           // field identities.
-          h === !1 ? is : be(h) ? ns(h) : typeof h == "function" ? h : u.keyFn, typeof d == "function" && (u.read = d), a(u, p);
+          h === !1 ? is : ye(h) ? ns(h) : typeof h == "function" ? h : u.keyFn, typeof d == "function" && (u.read = d), a(u, p);
         }
         u.read && u.merge && (u.keyFn = u.keyFn || is);
       });
@@ -6896,7 +6896,7 @@ var Ch = function() {
             });
           }
         })), i && i.size && i.forEach(function(s) {
-          var a = r.getTypePolicy(s), c = a.fields, u = Be(a, ["fields"]);
+          var a = r.getTypePolicy(s), c = a.fields, u = $e(a, ["fields"]);
           Object.assign(n, u), Object.assign(n.fields, c);
         });
       }
@@ -6952,7 +6952,7 @@ var Ch = function() {
           variables: t.variables
         }, c = fi(t); s; ) {
           var u = s(c, a);
-          if (be(u))
+          if (ye(u))
             s = ns(u);
           else {
             o = u || n;
@@ -7045,9 +7045,9 @@ function Ji(e, t, r) {
 }
 function bc(e) {
   return function(r, n) {
-    if (be(r) || be(n))
+    if (ye(r) || ye(n))
       throw je(9);
-    if (ye(r) && ye(n)) {
+    if (ge(r) && ge(n)) {
       var i = e.getFieldValue(r, "__typename"), o = e.getFieldValue(n, "__typename"), s = i && o && i !== o;
       if (s)
         return n;
@@ -7194,7 +7194,7 @@ var Lh = (
       return u;
     }, e.prototype.processFieldValue = function(t, r, n, i) {
       var o = this;
-      return !r.selectionSet || t === null ? globalThis.__DEV__ !== !1 ? Xa(t) : t : be(t) ? t.map(function(s, a) {
+      return !r.selectionSet || t === null ? globalThis.__DEV__ !== !1 ? Xa(t) : t : ye(t) ? t.map(function(s, a) {
         var c = o.processFieldValue(s, r, n, cs(i, a));
         return us(i, a), c;
       }) : this.processSelectionSet({
@@ -7223,7 +7223,7 @@ var Lh = (
               // Since the presence of @client or @defer on this field can only
               // cause clientOnly or deferred to become true, we can skip the
               // forEach loop if both clientOnly and deferred are already true.
-              !(p && m) && Pe(d.directives) && d.directives.forEach(function(y) {
+              !(p && m) && Ne(d.directives) && d.directives.forEach(function(y) {
                 var b = y.name.value;
                 if (b === "client" && (p = !0), b === "defer") {
                   var w = cn(y, n.variables);
@@ -7249,14 +7249,14 @@ var Lh = (
           // Items in the same position in different arrays are not
           // necessarily related to each other, so when incoming is an array
           // we process its elements as if there was no existing data.
-          !be(n) && // Likewise, existing must be either a Reference or a StoreObject
+          !ye(n) && // Likewise, existing must be either a Reference or a StoreObject
           // in order for its fields to be safe to merge with the fields of
           // the incoming object.
           (fe(r) || Nt(r)) ? r : void 0
         ), u = n;
         c && !o && (o = [fe(c) ? c.__ref : c]);
         var l, h = function(d, p) {
-          return be(d) ? typeof p == "number" ? d[p] : void 0 : i.store.getFieldValue(d, String(p));
+          return ye(d) ? typeof p == "number" ? d[p] : void 0 : i.store.getFieldValue(d, String(p));
         };
         t.map.forEach(function(d, p) {
           var m = h(c, p), g = h(u, p);
@@ -7265,7 +7265,7 @@ var Lh = (
             var v = a.applyMerges(d, m, g, i, o);
             v !== g && (l = l || /* @__PURE__ */ new Map(), l.set(p, v)), o && P(o.pop() === p);
           }
-        }), l && (n = be(u) ? u.slice(0) : O({}, u), l.forEach(function(d, p) {
+        }), l && (n = ye(u) ? u.slice(0) : O({}, u), l.forEach(function(d, p) {
           n[p] = d;
         }));
       }
@@ -7315,7 +7315,7 @@ function Mh(e, t, r, n) {
       if (!ls.has(u)) {
         ls.add(u);
         var l = [];
-        !be(o) && !be(s) && [o, s].forEach(function(h) {
+        !ye(o) && !ye(s) && [o, s].forEach(function(h) {
           var d = n.getFieldValue(h, "__typename");
           typeof d == "string" && !l.includes(d) && l.push(d);
         }), globalThis.__DEV__ !== !1 && P.warn(15, c, a, l.length ? "either ensure all objects of type " + l.join(" and ") + " have an ID or a custom merge function, or " : "", u, O({}, o), O({}, s));
@@ -8010,8 +8010,8 @@ var Ln = (
       // the cache will repair what was evicted.
       n.dmCount === At.get(this.cache) && he(r, n.variables) && he(t.data, n.result.data));
     }, e.prototype.markResult = function(t, r, n, i) {
-      var o = this, s, a = new pt(), c = Pe(t.errors) ? t.errors.slice(0) : [];
-      if ((s = this.observableQuery) === null || s === void 0 || s.resetNotifications(), "incremental" in t && Pe(t.incremental)) {
+      var o = this, s, a = new pt(), c = Ne(t.errors) ? t.errors.slice(0) : [];
+      if ((s = this.observableQuery) === null || s === void 0 || s.resetNotifications(), "incremental" in t && Ne(t.incremental)) {
         var u = Ka(this.getDiff().result, t);
         t.data = u;
       } else if ("hasNext" in t && t.hasNext) {
@@ -8159,7 +8159,7 @@ var Ih = Object.prototype.hasOwnProperty, hs = /* @__PURE__ */ Object.create(nul
           dataId: "ROOT_MUTATION",
           query: t.document,
           variables: t.variables
-        }), Vt(i) && Pe(i.incremental)) {
+        }), Vt(i) && Ne(i.incremental)) {
           var a = r.diff({
             id: "ROOT_MUTATION",
             // The cache complains if passed a mutation where it expects a
@@ -8369,7 +8369,7 @@ var Ih = Object.prototype.hasOwnProperty, hs = /* @__PURE__ */ Object.create(nul
         else if (Il(a)) {
           var c = bt(r.transform(a));
           i.set(c, ur(a)), o.set(c, !1);
-        } else ye(a) && a.query && s.add(a);
+        } else ge(a) && a.query && s.add(a);
       }), this.queries.forEach(function(a, c) {
         var u = a.observableQuery, l = a.document;
         if (u) {
@@ -9504,7 +9504,7 @@ function Lc(e, t, r, n) {
   r === void 0 && (r = {});
   var i = r.skip;
   r.ssr, r.onCompleted, r.onError;
-  var o = r.defaultOptions, s = Be(r, ["skip", "ssr", "onCompleted", "onError", "defaultOptions"]);
+  var o = r.defaultOptions, s = $e(r, ["skip", "ssr", "onCompleted", "onError", "defaultOptions"]);
   return function(a) {
     var c = Object.assign(s, { query: t });
     return n && (c.fetchPolicy === "network-only" || c.fetchPolicy === "cache-and-network") && (c.fetchPolicy = "cache-first"), c.variables || (c.variables = {}), i ? (c.initialFetchPolicy = c.initialFetchPolicy || c.fetchPolicy || vi(o, e.defaultOptions), c.fetchPolicy = "standby") : c.fetchPolicy || (c.fetchPolicy = (a == null ? void 0 : a.options.initialFetchPolicy) || vi(o, e.defaultOptions)), c;
@@ -9516,7 +9516,7 @@ function Zi(e, t, r, n) {
 }
 function mi(e, t, r, n, i, o, s) {
   var a = t.current;
-  a && a.data && (t.previousData = a.data), !e.error && Pe(e.errors) && (e.error = new Xe({ graphQLErrors: e.errors })), t.current = Zr(hd(e, r, i), t.previousData, r, n), o(), ld(e, a == null ? void 0 : a.networkStatus, s);
+  a && a.data && (t.previousData = a.data), !e.error && Ne(e.errors) && (e.error = new Xe({ graphQLErrors: e.errors })), t.current = Zr(hd(e, r, i), t.previousData, r, n), o(), ld(e, a == null ? void 0 : a.networkStatus, s);
 }
 function ld(e, t, r) {
   if (!e.loading) {
@@ -9537,12 +9537,12 @@ function vi(e, t) {
   return (e == null ? void 0 : e.fetchPolicy) || ((r = t == null ? void 0 : t.watchQuery) === null || r === void 0 ? void 0 : r.fetchPolicy) || "cache-first";
 }
 function fd(e) {
-  return Pe(e.errors) ? new Xe({ graphQLErrors: e.errors }) : e.error;
+  return Ne(e.errors) ? new Xe({ graphQLErrors: e.errors }) : e.error;
 }
 function Zr(e, t, r, n) {
   var i = e.data;
   e.partial;
-  var o = Be(e, ["data", "partial"]), s = O(O({ data: i }, o), { client: n, observable: r, variables: r.variables, called: e !== Mc && e !== jc, previousData: t });
+  var o = $e(e, ["data", "partial"]), s = O(O({ data: i }, o), { client: n, observable: r, variables: r.variables, called: e !== Mc && e !== jc, previousData: t });
   return s;
 }
 function hd(e, t, r) {
@@ -9699,7 +9699,7 @@ function ee(e) {
     throw new Error("useTrackStore must be used within a Browser component");
   return t.trackStore(e);
 }
-function Ne(e) {
+function Be(e) {
   const t = St(vt);
   if (!t)
     throw new Error("useDataStore must be used within a Browser component");
@@ -10027,7 +10027,7 @@ function Pd(e, t) {
   return r.push(...Dd(e, t.bigData, t.bigError)), r.push(...Ld(e, t.geneData, t.geneError)), r.push(...Md(e, t.motifData, t.motifError)), r.push(...jd(e, t.importanceData, t.importanceError)), r.push(...Rd(e, t.bulkBedData, t.bulkBedError)), r.push(...Id(e, t.methylCData, t.methylCError)), r.push(...Nd(e, t.ldData, t.ldError)), r;
 }
 function Ad() {
-  const [e, { data: t, loading: r, error: n }] = Ct(Ir), [i, { data: o, loading: s, error: a }] = Ct(xd), [c, { data: u, loading: l, error: h }] = Ct(bd), [d, { data: p, loading: m, error: g }] = Ct(Ir), [v, { data: y, loading: b, error: w }] = Ct(Ir), [_, { data: x, loading: k, error: E }] = Ct(Ir), S = ee((D) => D.tracks), L = ee((D) => D.editTrack), M = X((D) => D.domain), C = X((D) => D.getExpandedDomain), N = X((D) => D.setDelta), A = Ne((D) => D.setDataById), B = Ne((D) => D.setLoading), K = Ne((D) => D.setFetching), R = X((D) => D.trackWidth), U = X((D) => D.multiplier), H = z(() => R * U, [R, U]), W = z(() => r || l || s || m || b || // snpLoading ||
+  const [e, { data: t, loading: r, error: n }] = Ct(Ir), [i, { data: o, loading: s, error: a }] = Ct(xd), [c, { data: u, loading: l, error: h }] = Ct(bd), [d, { data: p, loading: m, error: g }] = Ct(Ir), [v, { data: y, loading: b, error: w }] = Ct(Ir), [_, { data: x, loading: k, error: E }] = Ct(Ir), S = ee((D) => D.tracks), L = ee((D) => D.editTrack), M = X((D) => D.domain), C = X((D) => D.getExpandedDomain), N = X((D) => D.setDelta), A = Be((D) => D.setDataById), B = Be((D) => D.setLoading), K = Be((D) => D.setFetching), R = X((D) => D.trackWidth), U = X((D) => D.multiplier), H = z(() => R * U, [R, U]), W = z(() => r || l || s || m || b || // snpLoading ||
   k, [r, l, s, m, b, k]);
   return de(() => {
     B(W);
@@ -10173,7 +10173,7 @@ function Ac() {
     }
   }));
 }
-const Ae = Ac();
+const Pe = Ac();
 function Bd(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 ? "#000000" : "#ffffff";
@@ -10190,27 +10190,27 @@ function Wd({ value: e }) {
     /* @__PURE__ */ f.jsx("text", { ref: t, x: 5, y: 1, fill: i, children: e })
   ] });
 }
-function Fe({
+function Ae({
   onClick: e,
   onHover: t,
   onLeave: r,
   tooltip: n
 }) {
-  const i = Ft((u) => u.showTooltip), o = Ft((u) => u.hideTooltip), s = $e(
+  const i = Ft((u) => u.showTooltip), o = Ft((u) => u.hideTooltip), s = Ve(
     (u, l, h) => {
       t && t(u);
       const d = n ? Oi(n, u) : /* @__PURE__ */ f.jsx(Wd, { value: l });
       i(d, h.clientX, h.clientY);
     },
     [t, n, i]
-  ), a = $e(
+  ), a = Ve(
     (u) => {
       r && r(u), o();
     },
     [r, o]
   );
   return {
-    handleClick: $e(
+    handleClick: Ve(
       (u) => {
         e && e(u);
       },
@@ -10282,7 +10282,7 @@ const Gd = (e) => {
   );
 };
 function Ge(e) {
-  const t = X((a) => a.getExpandedDomain), [r, n] = ae(t()), i = Ne((a) => a.fetching);
+  const t = X((a) => a.getExpandedDomain), [r, n] = ae(t()), i = Be((a) => a.fetching);
   de(() => {
     i == !1 && n(t());
   }, [i, t]);
@@ -10359,7 +10359,7 @@ function $c({
   onLeave: c,
   tooltip: u
 }) {
-  const { totalWidth: l, sideWidth: h } = i, { x: d, reverseX: p } = Ge(l), m = z(() => Xd(t || [], d), [t, d]), g = De((w) => w.background), { handleClick: v, handleHover: y, handleLeave: b } = Fe({
+  const { totalWidth: l, sideWidth: h } = i, { x: d, reverseX: p } = Ge(l), m = z(() => Xd(t || [], d), [t, d]), g = De((w) => w.background), { handleClick: v, handleHover: y, handleLeave: b } = Ae({
     onClick: s,
     onHover: a,
     onLeave: c,
@@ -10443,14 +10443,14 @@ function G(e, t) {
   return ` L ${e} ${t}`;
 }
 function eo(e, t, r, n) {
-  const [i, o] = ae({ pos: null, index: null }), s = $e(
+  const [i, o] = ae({ pos: null, index: null }), s = Ve(
     (c) => {
       if (!e) return;
       const u = e0(c, e, t, r);
       o(u ? { pos: u.pos, index: u.index + n } : { pos: null, index: null });
     },
     [e, t, r]
-  ), a = $e(() => {
+  ), a = Ve(() => {
     o({ pos: null, index: null });
   }, []);
   return {
@@ -10484,10 +10484,10 @@ function t0({ id: e, data: t, color: r, height: n, dimensions: i, tooltip: o })
       const B = C(A.max);
       return Ze(r, B / 1.25);
     });
-  }, [r, y, g]), w = Ae((C) => C.text), { mouseState: _, updateMouseState: x, clearMouseState: k } = eo(m, c, p, s), E = z(() => {
+  }, [r, y, g]), w = Pe((C) => C.text), { mouseState: _, updateMouseState: x, clearMouseState: k } = eo(m, c, p, s), E = z(() => {
     var C;
     return (C = _.pos) != null && C.x ? _.pos.x - p + s : 0;
-  }, [(M = _.pos) == null ? void 0 : M.x, p, s]), { handleHover: S, handleLeave: L } = Fe({
+  }, [(M = _.pos) == null ? void 0 : M.x, p, s]), { handleHover: S, handleLeave: L } = Ae({
     onClick: void 0,
     onHover: void 0,
     onLeave: void 0,
@@ -11202,7 +11202,7 @@ function c0() {
   }
   return Ar.exports = t, Ar.exports.clsx = t, Ar.exports;
 }
-var xe = {}, rt = {}, Is;
+var be = {}, rt = {}, Is;
 function dn() {
   if (Is) return rt;
   Is = 1, Object.defineProperty(rt, "__esModule", {
@@ -11260,10 +11260,10 @@ function u0() {
 }
 var Ps;
 function ro() {
-  if (Ps) return xe;
-  Ps = 1, Object.defineProperty(xe, "__esModule", {
+  if (Ps) return be;
+  Ps = 1, Object.defineProperty(be, "__esModule", {
     value: !0
-  }), xe.addClassName = x, xe.addEvent = s, xe.addUserSelectStyles = b, xe.createCSSTransform = p, xe.createSVGTransform = m, xe.getTouch = v, xe.getTouchIdentifier = y, xe.getTranslation = g, xe.innerHeight = l, xe.innerWidth = h, xe.matchesSelector = i, xe.matchesSelectorAndParentsTo = o, xe.offsetXYFromParent = d, xe.outerHeight = c, xe.outerWidth = u, xe.removeClassName = k, xe.removeEvent = a, xe.scheduleRemoveUserSelectStyles = w;
+  }), be.addClassName = x, be.addEvent = s, be.addUserSelectStyles = b, be.createCSSTransform = p, be.createSVGTransform = m, be.getTouch = v, be.getTouchIdentifier = y, be.getTranslation = g, be.innerHeight = l, be.innerWidth = h, be.matchesSelector = i, be.matchesSelectorAndParentsTo = o, be.offsetXYFromParent = d, be.outerHeight = c, be.outerWidth = u, be.removeClassName = k, be.removeEvent = a, be.scheduleRemoveUserSelectStyles = w;
   var e = dn(), t = r(u0());
   function r(E, S) {
     if (typeof WeakMap == "function") var L = /* @__PURE__ */ new WeakMap(), M = /* @__PURE__ */ new WeakMap();
@@ -11397,7 +11397,7 @@ function ro() {
   function k(E, S) {
     E.classList ? E.classList.remove(S) : E.className = E.className.replace(new RegExp(`(?:^|\\s)${S}(?!\\S)`, "g"), "");
   }
-  return xe;
+  return be;
 }
 var ze = {}, As;
 function Uc() {
@@ -12386,9 +12386,9 @@ function Bs({
     /* @__PURE__ */ f.jsx("line", { x1: t * 0.96, x2: t, y1: e, y2: e, stroke: i })
   ] });
 }
-const ge = 80;
+const xe = 80;
 function y0() {
-  const e = X((h) => h.getTrackDimensions), { sideWidth: t, totalWidth: r } = e(), n = X((h) => h.getExpandedDomain), i = X((h) => h.getDomain), [o, s] = ae(n()), a = Ne((h) => h.fetching), { x: c } = Ge(r);
+  const e = X((h) => h.getTrackDimensions), { sideWidth: t, totalWidth: r } = e(), n = X((h) => h.getExpandedDomain), i = X((h) => h.getDomain), [o, s] = ae(n()), a = Be((h) => h.fetching), { x: c } = Ge(r);
   de(() => {
     a || s(n());
   }, [a, n]);
@@ -12403,8 +12403,8 @@ function y0() {
             {
               x1: c(b * p),
               x2: c(b * p),
-              y1: ge * 0.6,
-              y2: ge * 0.9,
+              y1: xe * 0.6,
+              y2: xe * 0.9,
               stroke: u,
               strokeWidth: 0.5
             }
@@ -12422,22 +12422,22 @@ function y0() {
               },
               fill: u,
               textAnchor: "end",
-              fontSize: ge / 6 + "px",
+              fontSize: xe / 6 + "px",
               x: c(b * p) - 5,
-              y: ge * 0.85,
+              y: xe * 0.85,
               children: b * p
             }
           )
         ] }, "ruler_" + b)
       );
-    return /* @__PURE__ */ f.jsxs("g", { width: r, height: ge, transform: `translate(-${t}, 0)`, children: [
+    return /* @__PURE__ */ f.jsxs("g", { width: r, height: xe, transform: `translate(-${t}, 0)`, children: [
       /* @__PURE__ */ f.jsx(
         "line",
         {
           x1: c(v.start),
           x2: c(v.start),
-          y1: ge * 0.1,
-          y2: ge * 0.4,
+          y1: xe * 0.1,
+          y2: xe * 0.4,
           stroke: u,
           strokeWidth: 0.5
         }
@@ -12447,8 +12447,8 @@ function y0() {
         {
           x1: c(v.end),
           x2: c(v.end),
-          y1: ge * 0.1,
-          y2: ge * 0.4,
+          y1: xe * 0.1,
+          y2: xe * 0.4,
           stroke: u,
           strokeWidth: 0.5
         }
@@ -12458,8 +12458,8 @@ function y0() {
         {
           x1: c(v.start),
           x2: c(v.end),
-          y1: ge * 0.25,
-          y2: ge * 0.25,
+          y1: xe * 0.25,
+          y2: xe * 0.25,
           stroke: u,
           strokeWidth: 0.5
         }
@@ -12476,8 +12476,8 @@ function y0() {
             userSelect: "none"
           },
           x: c(v.start) - 5,
-          y: ge * 0.35,
-          fontSize: ge / 6 + "px",
+          y: xe * 0.35,
+          fontSize: xe / 6 + "px",
           textAnchor: "end",
           fill: u,
           children: b0(v.end - v.start)
@@ -12514,7 +12514,7 @@ function x0({
       onStart: y,
       onDrag: g,
       onStop: v,
-      children: /* @__PURE__ */ f.jsx("g", { id: `swap-track-${e}`, ref: u, children: o ? /* @__PURE__ */ f.jsx(w0, { position: m + n.y + ge, children: t }) : t })
+      children: /* @__PURE__ */ f.jsx("g", { id: `swap-track-${e}`, ref: u, children: o ? /* @__PURE__ */ f.jsx(w0, { position: m + n.y + xe, children: t }) : t })
     }
   );
 }
@@ -12580,9 +12580,9 @@ function Gc({ children: e, transform: t, id: r, loading: n, error: i }) {
   }) || "", g = ee((C) => {
     var N;
     return (N = C.getTrack(r)) == null ? void 0 : N.title;
-  }) || "", { trackMargin: v, titleSize: y, totalVerticalMargin: b, wrapperHeight: w } = d(r), _ = p(r), x = w / 3, k = jt((C) => C.setContextMenu), E = De((C) => C.text), S = De((C) => C.background), L = $e(() => {
+  }) || "", { trackMargin: v, titleSize: y, totalVerticalMargin: b, wrapperHeight: w } = d(r), _ = p(r), x = w / 3, k = jt((C) => C.setContextMenu), E = De((C) => C.text), S = De((C) => C.background), L = Ve(() => {
     c(!0);
-  }, []), M = $e(() => {
+  }, []), M = Ve(() => {
     c(!1);
   }, []);
   return /* @__PURE__ */ f.jsx("g", { id: `wrapper-${r}`, transform: t, children: /* @__PURE__ */ f.jsxs(x0, { id: r, setSwapping: s, children: [
@@ -12673,7 +12673,7 @@ function C0({
   const { totalWidth: u, sideWidth: l } = n, h = De((w) => w.background), { x: d, reverseX: p } = Ge(u), m = z(() => {
     const w = t ? [...t] : [];
     return Jd(w, d);
-  }, [t, d]), g = mn(m.length, e), { handleClick: v, handleHover: y, handleLeave: b } = Fe({
+  }, [t, d]), g = mn(m.length, e), { handleClick: v, handleHover: y, handleLeave: b } = Ae({
     onClick: o,
     onHover: s,
     onLeave: a,
@@ -12831,7 +12831,7 @@ function P0({
       transcripts: E.map((L) => Xc(L, d, y, l))
     })),
     [v, y, l, d]
-  ), w = De((E) => E.background), { handleClick: _, handleHover: x, handleLeave: k } = Fe({
+  ), w = De((E) => E.background), { handleClick: _, handleHover: x, handleLeave: k } = Ae({
     onClick: s,
     onHover: a,
     onLeave: c,
@@ -12906,7 +12906,7 @@ function A0({
       transcripts: k.map((S) => Xc(S, h, v, u))
     })),
     [g, v, u, h]
-  ), b = De((k) => k.background), { handleClick: w, handleHover: _, handleLeave: x } = Fe({
+  ), b = De((k) => k.background), { handleClick: w, handleHover: _, handleLeave: x } = Ae({
     onClick: o,
     onHover: s,
     onLeave: a,
@@ -12984,7 +12984,7 @@ function q0(e, t) {
       importance: s
     })) : e,
     [e]
-  ), n = z(() => B0(r, (s) => s.importance), [r]), i = $0(n, { start: t, end: 0 }), o = $e(W0(i), [n, t]);
+  ), n = z(() => B0(r, (s) => s.importance), [r]), i = $0(n, { start: t, end: 0 }), o = Ve(W0(i), [n, t]);
   return [r, o, i];
 }
 function V0(e) {
@@ -13873,7 +13873,7 @@ const Xs = /* @__PURE__ */ new Map([
 function Om({ data: e, annotations: t, dimensions: r, height: n, zeroLineProps: i }) {
   if (e.length === 0 || e.importance.length === 0)
     return null;
-  const { viewWidth: o } = r, [s] = ae(null), [a, c, u] = q0(e, n), l = F0(t || [], a, u), h = z(() => o / a.length / 100, [o, a.length]), d = $e(c, [c]), p = z(() => l.map((b, w) => {
+  const { viewWidth: o } = r, [s] = ae(null), [a, c, u] = q0(e, n), l = F0(t || [], a, u), h = z(() => o / a.length / 100, [o, a.length]), d = Ve(c, [c]), p = z(() => l.map((b, w) => {
     const _ = 100 * h * Math.abs(b.coordinates[1] - b.coordinates[0]), x = Math.min(...b.coordinates) * h * 100, k = b.y + b.height, E = 80;
     return /* @__PURE__ */ f.jsxs(lu, { children: [
       /* @__PURE__ */ f.jsx(
@@ -13977,7 +13977,7 @@ function Cm({
   onLeave: c,
   tooltip: u
 }) {
-  const { totalWidth: l, sideWidth: h } = n, { x: d } = Ge(l), p = z(() => Ks(t.occurrenceRect, d), [t]), m = z(() => Ks(t.peaks, d), [t]), { handleClick: g, handleHover: v, handleLeave: y } = Fe({
+  const { totalWidth: l, sideWidth: h } = n, { x: d } = Ge(l), p = z(() => Ks(t.occurrenceRect, d), [t]), m = z(() => Ks(t.peaks, d), [t]), { handleClick: g, handleHover: v, handleLeave: y } = Ae({
     onClick: s,
     onHover: a,
     onLeave: c,
@@ -14029,7 +14029,7 @@ function Dm({
   onLeave: c,
   tooltip: u
 }) {
-  const { totalWidth: l, sideWidth: h } = n, { x: d } = Ge(l), p = z(() => Js(t.occurrenceRect, d), [t, d]), m = z(() => Js(t.peaks, d), [t, d]), g = mn(p.length, e), { handleClick: v, handleHover: y, handleLeave: b } = Fe({
+  const { totalWidth: l, sideWidth: h } = n, { x: d } = Ge(l), p = z(() => Js(t.occurrenceRect, d), [t, d]), m = z(() => Js(t.peaks, d), [t, d]), g = mn(p.length, e), { handleClick: v, handleHover: y, handleLeave: b } = Ae({
     onClick: s,
     onHover: a,
     onLeave: c,
@@ -14239,7 +14239,7 @@ function Nm({ id: e, height: t, colors: r, data: n, dimensions: i, range: o, too
   }, [(k = g.pos) == null ? void 0 : k.x, d, a]), w = z(() => {
     const D = g.index;
     return D === null ? [] : n.map((T) => T[D]);
-  }, [n, g.index]), { handleHover: _, handleLeave: x } = Fe({
+  }, [n, g.index]), { handleHover: _, handleLeave: x } = Ae({
     onClick: void 0,
     onHover: void 0,
     onLeave: void 0,
@@ -14291,7 +14291,7 @@ function Pm({ data: e, customRange: t, id: r, height: n, color: i, dimensions: o
   }, [e, a, u, r, g]), y = z(() => Am(e, n, i, t || v, p), [e, n, i, t, v]), { mouseState: b, updateMouseState: w, clearMouseState: _ } = eo(l, c, d, a), x = z(() => {
     var C;
     return (C = b.pos) != null && C.x ? b.pos.x - d + a : 0;
-  }, [(M = b.pos) == null ? void 0 : M.x, d, a]), k = De((C) => C.background), E = De((C) => C.text), { handleHover: S, handleLeave: L } = Fe({
+  }, [(M = b.pos) == null ? void 0 : M.x, d, a]), k = De((C) => C.background), E = De((C) => C.text), { handleHover: S, handleLeave: L } = Ae({
     onClick: void 0,
     onHover: void 0,
     onLeave: void 0,
@@ -14356,7 +14356,7 @@ const ea = (e, t, r, n, i) => {
   return i >= 0 && i < n.length ? n[i] : n[0] || e.rsquare;
 }, Fm = (e) => e.ldblocksnpid === "Lead" ? e.rsquare : e.rsquare.split(",").map((r) => r.trim())[0] || e.rsquare, lt = (e) => e.rsquare.includes("*") || e.ldblocksnpid.includes("Lead"), qm = (e, t) => lt(e) ? t : Ze(t, 0.3);
 function Vm({ id: e, data: t, height: r, color: n, dimensions: i, show: o, showScore: s = !0, onClick: a, onHover: c, onLeave: u, tooltip: l }) {
-  const { totalWidth: h, sideWidth: d } = i, p = Ae((R) => R.background), m = Ae((R) => R.text), g = 4, v = X((R) => R.getExpandedDomain), y = ee((R) => R.editTrack), { x: b } = Ge(h), w = r / 3, _ = 2 * r / 3, x = z(() => {
+  const { totalWidth: h, sideWidth: d } = i, p = Pe((R) => R.background), m = Pe((R) => R.text), g = 4, v = X((R) => R.getExpandedDomain), y = ee((R) => R.editTrack), { x: b } = Ge(h), w = r / 3, _ = 2 * r / 3, x = z(() => {
     const R = v(), U = t == null ? void 0 : t.filter((H) => {
       const W = H.start >= R.start, D = H.stop <= R.end, T = H.chromosome === R.chromosome;
       return W && D && T;
@@ -14366,7 +14366,7 @@ function Vm({ id: e, data: t, height: r, color: n, dimensions: i, show: o, showS
       pixelStart: b(H.start),
       pixelEnd: b(H.stop)
     }))) || [];
-  }, [t, b]), { handleClick: k, handleHover: E, handleLeave: S } = Fe({
+  }, [t, b]), { handleClick: k, handleHover: E, handleLeave: S } = Ae({
     onClick: a,
     onHover: c,
     onLeave: u,
@@ -14495,7 +14495,7 @@ function Vm({ id: e, data: t, height: r, color: n, dimensions: i, show: o, showS
   ] });
 }
 function $m(e) {
-  const t = Ae((n) => n.text), r = Ae((n) => n.background);
+  const t = Pe((n) => n.text), r = Pe((n) => n.background);
   return /* @__PURE__ */ f.jsxs("g", { style: { filter: `drop-shadow(0 0 2px ${t})` }, children: [
     /* @__PURE__ */ f.jsx("rect", { width: 180, height: 50, y: 0, fill: r }),
     /* @__PURE__ */ f.jsx("text", { fontSize: 14, x: 5, y: 16, children: e.snpid }),
@@ -14523,7 +14523,7 @@ function Bm({
   onLeave: l,
   tooltip: h
 }) {
-  const { totalWidth: d, sideWidth: p } = a, m = Ae((S) => S.background), g = Ae((S) => S.text), v = X((S) => S.getExpandedDomain), y = X((S) => S.marginWidth), { x: b } = Ge(d), w = 4, { handleHover: _ } = Fe({
+  const { totalWidth: d, sideWidth: p } = a, m = Pe((S) => S.background), g = Pe((S) => S.text), v = X((S) => S.getExpandedDomain), y = X((S) => S.marginWidth), { x: b } = Ge(d), w = 4, { handleHover: _ } = Ae({
     onClick: c,
     onHover: u,
     onLeave: l,
@@ -14592,7 +14592,7 @@ function Bm({
   ] });
 }
 function Wm(e) {
-  const t = Ae((n) => n.text), r = Ae((n) => n.background);
+  const t = Pe((n) => n.text), r = Pe((n) => n.background);
   return /* @__PURE__ */ f.jsxs("g", { style: { filter: `drop-shadow(0 0 2px ${t})` }, children: [
     /* @__PURE__ */ f.jsx("rect", { width: 180, height: 50, y: 0, fill: r }),
     /* @__PURE__ */ f.jsx("text", { fontSize: 14, x: 8, y: 16, children: e.snpId }),
@@ -14622,11 +14622,11 @@ function Qm({
   onLeave: u,
   tooltip: l
 }) {
-  const { totalWidth: h, sideWidth: d } = s, p = Ae((x) => x.background), { x: m } = Ge(h), g = i / 3, v = 2, y = z(() => t.map((x) => ({
+  const { totalWidth: h, sideWidth: d } = s, p = Pe((x) => x.background), { x: m } = Ge(h), g = i / 3, v = 2, y = z(() => t.map((x) => ({
     ...x,
     pixelStart: m(x.start),
     pixelEnd: m(x.end)
-  })), [t, m]), { handleClick: b, handleHover: w, handleLeave: _ } = Fe({
+  })), [t, m]), { handleClick: b, handleHover: w, handleLeave: _ } = Ae({
     onClick: a,
     onHover: c,
     onLeave: u,
@@ -14667,7 +14667,7 @@ function Qm({
   ] });
 }
 function zm(e) {
-  const t = Ae((n) => n.text), r = Ae((n) => n.background);
+  const t = Pe((n) => n.text), r = Pe((n) => n.background);
   return /* @__PURE__ */ f.jsxs("g", { style: { filter: `drop-shadow(0 0 2px ${t})` }, children: [
     /* @__PURE__ */ f.jsx("rect", { width: 180, height: 50, y: 0, fill: r }),
     /* @__PURE__ */ f.jsx("text", { fontSize: 14, x: 5, y: 16, children: e.snpId }),
@@ -14682,11 +14682,11 @@ function zm(e) {
   ] });
 }
 function Um({ id: e }) {
-  const t = ee((h) => h.getTrack(e)), r = Ne((h) => h.data.get(e)), [n, i] = ae(void 0), o = Ne((h) => h.loading), a = X((h) => h.getTrackDimensions)();
+  const t = ee((h) => h.getTrack(e)), r = Be((h) => h.data.get(e)), [n, i] = ae(void 0), o = Be((h) => h.loading), a = X((h) => h.getTrackDimensions)();
   de(() => {
     o || r != null && r.error || i(r == null ? void 0 : r.error);
   }, [o, r]);
-  const c = ee((h) => h.getPrevHeights(e)), u = z(() => `translate(0, ${c + ge})`, [c]), l = z(
+  const c = ee((h) => h.getPrevHeights(e)), u = z(() => `translate(0, ${c + xe})`, [c]), l = z(
     () => t && r ? Hm(t, r, a) : /* @__PURE__ */ f.jsx(f.Fragment, {}),
     [t, r, a]
   );
@@ -14807,7 +14807,7 @@ function tu(e, t, r = !0) {
   c.href = "data:image/svg+xml;base64," + btoa(a), c.download = `${t}.svg`, c.click();
 }
 function Zm() {
-  const e = jt((v) => v.open), t = jt((v) => v.id), r = jt((v) => v.x), n = jt((v) => v.y), i = jt((v) => v.setContextMenu), o = Ee(null), s = ee((v) => v.getTrack(t || "")), a = Ne((v) => v.data.get(t || "")), c = ee((v) => v.editTrack), u = ee((v) => v.removeTrack), [l, h] = ae(null);
+  const e = jt((v) => v.open), t = jt((v) => v.id), r = jt((v) => v.x), n = jt((v) => v.y), i = jt((v) => v.setContextMenu), o = Ee(null), s = ee((v) => v.getTrack(t || "")), a = Be((v) => v.data.get(t || "")), c = ee((v) => v.editTrack), u = ee((v) => v.removeTrack), [l, h] = ae(null);
   if (de(() => {
     const v = (y) => {
       o.current && !o.current.contains(y.target) && i(!1, t || "", r, n);
@@ -15025,7 +15025,7 @@ function uv(e, t, r) {
     var u;
     ou(o, a.current.hsva) || e.equal(u = e.fromHsva(o), a.current.color) || (a.current = { hsva: o, color: u }, n(u));
   }, [o, e, n]);
-  var c = $e(function(u) {
+  var c = Ve(function(u) {
     s(function(l) {
       return Object.assign({}, l, u);
     });
@@ -15403,7 +15403,7 @@ const Qn = {
   padding: "6px 12px"
 };
 function Dv({ track: e }) {
-  const t = X((p) => p.getExpandedDomain), r = Ne((p) => p.data.get(e.id || "")), n = t(), i = e.color || "#ffffff", o = bv(i), s = hr(i, o ? 30 : -30), a = tn(i), c = () => {
+  const t = X((p) => p.getExpandedDomain), r = Be((p) => p.data.get(e.id || "")), n = t(), i = e.color || "#ffffff", o = bv(i), s = hr(i, o ? 30 : -30), a = tn(i), c = () => {
     e.trackType === J.BigWig ? Ym(e.id, r == null ? void 0 : r.data, n) : e.trackType === J.BigBed && Xm(e.id, r == null ? void 0 : r.data, n);
   }, u = () => {
     tu(e.id, e.title, !0);
@@ -15616,7 +15616,7 @@ function Iv({ handleClose: e, color: t }) {
   );
 }
 function Nv() {
-  const e = Ft((b) => b.content), t = Ft((b) => b.x), r = Ft((b) => b.y), n = Ft((b) => b.show), [i, o] = ae(0), [s, a] = ae(0), [c, u] = ae({ width: 0, height: 0 }), l = X((b) => b.svgRef), h = Ee(null), d = X((b) => b.delta), p = X((b) => b.browserWidth), g = ee((b) => b.getTotalHeight()) + ge, v = 5, y = $e(() => {
+  const e = Ft((b) => b.content), t = Ft((b) => b.x), r = Ft((b) => b.y), n = Ft((b) => b.show), [i, o] = ae(0), [s, a] = ae(0), [c, u] = ae({ width: 0, height: 0 }), l = X((b) => b.svgRef), h = Ee(null), d = X((b) => b.delta), p = X((b) => b.browserWidth), g = ee((b) => b.getTotalHeight()) + xe, v = 5, y = Ve(() => {
     if (!h.current || !l || !l.current) return;
     const b = Bc(l.current, t, r), w = b[0], _ = b[1], x = h.current.getBBox(), k = x.width, E = x.height;
     (c.width !== k || c.height !== E) && u({ width: k, height: E });
@@ -15638,38 +15638,26 @@ function Nv() {
   }, [n, e, t, r, p, g, l]), !n || d ? null : /* @__PURE__ */ f.jsx("g", { ref: h, id: "tooltip", transform: `translate(${i}, ${s})`, children: e });
 }
 function Pv({ children: e }) {
-  const t = X((s) => s.setSvgRef), r = Ee(null), n = ee((s) => s.getTotalHeight()), i = X((s) => s.browserWidth), o = Ne((s) => s.fetching);
+  const t = X((o) => o.setSvgRef), r = Ee(null), n = ee((o) => o.getTotalHeight()), i = X((o) => o.browserWidth);
   return de(() => {
     t(r);
-  }, [t]), /* @__PURE__ */ f.jsxs(
+  }, [t]), /* @__PURE__ */ f.jsx(
     "svg",
     {
       id: "browserSVG",
       ref: r,
-      viewBox: `0 0 ${i} ${n + ge}`,
+      viewBox: `0 0 ${i} ${n + xe}`,
       width: "100%",
       height: "auto",
       style: {
         border: "1px solid #ccc"
       },
-      children: [
-        e,
-        o && /* @__PURE__ */ f.jsx(
-          "rect",
-          {
-            width: i,
-            height: n + ge,
-            fill: "#ffffff",
-            fillOpacity: 0.35,
-            style: { pointerEvents: "all" }
-          }
-        )
-      ]
+      children: e
     }
   );
 }
 function Av() {
-  const e = X((m) => m.browserWidth), t = X((m) => m.marginWidth), r = ge, n = ee((m) => m.getTotalHeight()) + ge, [i, o] = ae([0, 0]), [s, a] = ae(!1), c = X((m) => m.svgRef), u = X((m) => m.domain), l = X((m) => m.setDomain), h = (m) => {
+  const e = X((m) => m.browserWidth), t = X((m) => m.marginWidth), r = xe, n = ee((m) => m.getTotalHeight()) + xe, [i, o] = ae([0, 0]), [s, a] = ae(!1), c = X((m) => m.svgRef), u = X((m) => m.domain), l = X((m) => m.setDomain), h = (m) => {
     if (!c || !c.current) return null;
     const g = oa(m, c.current);
     g && (o([g.x, g.x]), a(!0));
@@ -15730,11 +15718,11 @@ function oa(e, t) {
   return n ? r.matrixTransform(n.inverse()) : null;
 }
 function Fv() {
-  const e = Ne((m) => m.fetching), t = Ne((m) => m.loading), r = X((m) => m.domain), n = X((m) => m.getExpandedDomain), [i, o] = ae(n()), s = X((m) => m.delta);
+  const e = Be((m) => m.fetching), t = Be((m) => m.loading), r = X((m) => m.domain), n = X((m) => m.getExpandedDomain), [i, o] = ae(n()), s = X((m) => m.delta);
   de(() => {
     e || t || s !== 0 || o(n());
   }, [s, n, e, r, t]);
-  const a = X((m) => m.highlights), c = ee((m) => m.getTotalHeight()) + ge, u = X((m) => m.marginWidth), l = X((m) => m.getTrackDimensions), { totalWidth: h, sideWidth: d, viewWidth: p } = l();
+  const a = X((m) => m.highlights), c = ee((m) => m.getTotalHeight()) + xe, u = X((m) => m.marginWidth), l = X((m) => m.getTrackDimensions), { totalWidth: h, sideWidth: d, viewWidth: p } = l();
   return /* @__PURE__ */ f.jsxs("g", { id: "highlights", width: p + u, height: c, transform: `translate(${-d}, 0)`, children: [
     /* @__PURE__ */ f.jsx("defs", { children: /* @__PURE__ */ f.jsx("clipPath", { id: "highlight-clip", children: /* @__PURE__ */ f.jsx("rect", { width: p, height: c, transform: `translate(${p + u}, 0)` }) }) }),
     /* @__PURE__ */ f.jsx("g", { id: "highlights-clipped", clipPath: "url(#highlight-clip)", children: /* @__PURE__ */ f.jsx(Yc, { id: "highlights", children: a.map((m) => {
@@ -15937,7 +15925,7 @@ function cu(e = []) {
           trackMargin: 0,
           titleSize: 0,
           totalVerticalMargin: 0,
-          wrapperHeight: ge
+          wrapperHeight: xe
         };
       const o = r().getTrack(n);
       if (!o)