@weng-lab/genomebrowser 1.7.6 → 1.7.7

package/dist/genomebrowser.es.js

@@ -1,4 +1,4 @@
-import Ve, { useMemo as xe, createContext as zh, useContext as Tr, useEffect as Ue, useRef as rt, useState as Me, useCallback as Lt, createElement as No, Fragment as Vh, useLayoutEffect as $h } from "react";
+import Ve, { useMemo as xe, createContext as zh, useContext as Dr, useEffect as Ue, useRef as rt, useState as Me, useCallback as Lt, createElement as No, Fragment as Vh, useLayoutEffect as $h } from "react";
 import kl, { createPortal as Tl } from "react-dom";
 function Wh(e, t) {
   for (var r = 0; r < t.length; r++) {
@@ -338,12 +338,12 @@ function Jh(e, t = Zh) {
 const Is = (e) => {
   const t = Xh(e), r = (n) => Jh(t, n);
   return Object.assign(r, t), r;
-}, Dr = ((e) => e ? Is(e) : Is), x1 = Dl;
+}, Cr = ((e) => e ? Is(e) : Is), x1 = Dl;
 function Kh(e) {
   return xe(() => Dl(), e ?? []);
 }
 function Dl() {
-  return Dr((e, t) => ({
+  return Cr((e, t) => ({
     trackData: /* @__PURE__ */ new Map(),
     isFetching: !1,
     setTrackData: (r, n) => e((i) => {
@@ -362,7 +362,7 @@ function Dl() {
   }));
 }
 function Cl() {
-  return Dr((e) => ({
+  return Cr((e) => ({
     open: !1,
     id: null,
     x: 0,
@@ -372,7 +372,7 @@ function Cl() {
 }
 Cl();
 function Ol() {
-  return Dr((e) => ({
+  return Cr((e) => ({
     id: "",
     position: { x: 0, y: 0 },
     open: !1,
@@ -382,7 +382,7 @@ function Ol() {
 }
 Ol();
 function Il() {
-  return Dr((e) => ({
+  return Cr((e) => ({
     show: !1,
     content: void 0,
     x: 0,
@@ -395,7 +395,7 @@ function Il() {
 }
 Il();
 function Rl() {
-  return Dr((e) => ({
+  return Cr((e) => ({
     background: "#ffffff",
     text: "#000000",
     setBackground: (t) => {
@@ -413,43 +413,43 @@ function td({ children: e, value: t }) {
   return /* @__PURE__ */ k.jsx(vr.Provider, { value: t, children: e });
 }
 function we(e) {
-  const t = Tr(vr);
+  const t = Dr(vr);
   if (!t)
     throw new Error("useBrowserStore must be used within a Browser component");
   return t.browserStore(e);
 }
 function De(e) {
-  const t = Tr(vr);
+  const t = Dr(vr);
   if (!t)
     throw new Error("useTrackStore must be used within a Browser component");
   return t.trackStore(e);
 }
 function It(e) {
-  const t = Tr(vr);
+  const t = Dr(vr);
   if (!t)
     throw new Error("useDataStore must be used within a Browser component");
   return t.dataStore(e);
 }
 function Fr(e) {
-  const t = Tr(vr);
+  const t = Dr(vr);
   if (!t)
     throw new Error("useContextMenuStore must be used within a Browser component");
   return t.contextMenuStore(e);
 }
 function Sn(e) {
-  const t = Tr(vr);
+  const t = Dr(vr);
   if (!t)
     throw new Error("useModalStore must be used within a Browser component");
   return t.modalStore(e);
 }
 function Ur(e) {
-  const t = Tr(vr);
+  const t = Dr(vr);
   if (!t)
     throw new Error("useTooltipStore must be used within a Browser component");
   return t.tooltipStore(e);
 }
 function wt(e) {
-  const t = Tr(vr);
+  const t = Dr(vr);
   if (!t)
     throw new Error("useTheme must be used within a Browser component");
   return t.themeStore(e);
@@ -593,7 +593,7 @@ var qi = "Invariant Violation", Rs = Object.setPrototypeOf, rd = Rs === void 0 ?
     return t;
   })(Error)
 );
-function xr(e, t) {
+function _r(e, t) {
   if (!e)
     throw new Ll(t);
 }
@@ -608,7 +608,7 @@ function Yn(e) {
 }
 (function(e) {
   e.debug = Yn("debug"), e.log = Yn("log"), e.warn = Yn("warn"), e.error = Yn("error");
-})(xr || (xr = {}));
+})(_r || (_r = {}));
 var Po = "3.14.0";
 function Ot(e) {
   try {
@@ -659,12 +659,12 @@ function Xn(e) {
 var ce = Object.assign(function(t, r) {
   for (var n = [], i = 2; i < arguments.length; i++)
     n[i - 2] = arguments[i];
-  t || xr(t, Fo(r, n) || Bo(r, n));
+  t || _r(t, Fo(r, n) || Bo(r, n));
 }, {
-  debug: Xn(xr.debug),
-  log: Xn(xr.log),
-  warn: Xn(xr.warn),
-  error: Xn(xr.error)
+  debug: Xn(_r.debug),
+  log: Xn(_r.log),
+  warn: Xn(_r.warn),
+  error: Xn(_r.error)
 });
 function pt(e) {
   for (var t = [], r = 1; r < arguments.length; r++)
@@ -1162,7 +1162,7 @@ function Ul(e) {
 function zl(e) {
   return e >= 56320 && e <= 57343;
 }
-function Er(e, t) {
+function Sr(e, t) {
   const r = e.source.body.codePointAt(t);
   if (r === void 0)
     return te.EOF;
@@ -1267,7 +1267,7 @@ function gd(e, t) {
     throw tt(
       e.source,
       i,
-      a === 39 ? `Unexpected single quote character ('), did you mean to use a double quote (")?` : rn(a) || ki(r, i) ? `Unexpected character: ${Er(e, i)}.` : `Invalid character: ${Er(e, i)}.`
+      a === 39 ? `Unexpected single quote character ('), did you mean to use a double quote (")?` : rn(a) || ki(r, i) ? `Unexpected character: ${Sr(e, i)}.` : `Invalid character: ${Sr(e, i)}.`
     );
   }
   return Ke(e, te.EOF, n, n);
@@ -1302,7 +1302,7 @@ function bd(e, t, r) {
       throw tt(
         e.source,
         i,
-        `Invalid number, unexpected digit after 0: ${Er(
+        `Invalid number, unexpected digit after 0: ${Sr(
           e,
           i
         )}.`
@@ -1313,7 +1313,7 @@ function bd(e, t, r) {
     throw tt(
       e.source,
       i,
-      `Invalid number, expected digit but got: ${Er(
+      `Invalid number, expected digit but got: ${Sr(
         e,
         i
       )}.`
@@ -1331,7 +1331,7 @@ function Ui(e, t, r) {
     throw tt(
       e.source,
       t,
-      `Invalid number, expected digit but got: ${Er(
+      `Invalid number, expected digit but got: ${Sr(
         e,
         t
       )}.`
@@ -1365,7 +1365,7 @@ function xd(e, t) {
       throw tt(
         e.source,
         i,
-        `Invalid character within String: ${Er(
+        `Invalid character within String: ${Sr(
           e,
           i
         )}.`
@@ -1514,7 +1514,7 @@ function Sd(e, t) {
       throw tt(
         e.source,
         a,
-        `Invalid character within String: ${Er(
+        `Invalid character within String: ${Sr(
           e,
           a
         )}.`
@@ -3471,7 +3471,7 @@ function Jd(e) {
 }
 var Hl = Ot(function() {
   return navigator.product;
-}) == "ReactNative", Cr = typeof WeakMap == "function" && !(Hl && !globalThis.HermesInternal), zo = typeof WeakSet == "function", Vo = typeof Symbol == "function" && typeof Symbol.for == "function", Ci = Vo && Symbol.asyncIterator, Ql = typeof Ot(function() {
+}) == "ReactNative", Or = typeof WeakMap == "function" && !(Hl && !globalThis.HermesInternal), zo = typeof WeakSet == "function", Vo = typeof Symbol == "function" && typeof Symbol.for == "function", Ci = Vo && Symbol.asyncIterator, Ql = typeof Ot(function() {
   return window.document.createElement;
 }) == "function", Kd = (
   // Following advice found in this comment from @domenic (maintainer of jsdom):
@@ -3680,9 +3680,9 @@ var $o = function(e, t) {
     var a = io.prototype.set.call(this, n, i);
     return Gl(this), a;
   }, r;
-}, l0 = Symbol.for("apollo.cacheSize"), Bt = z({}, gi[l0]), br = {};
+}, l0 = Symbol.for("apollo.cacheSize"), Bt = z({}, gi[l0]), xr = {};
 function Wo(e, t) {
-  br[e] = t;
+  xr[e] = t;
 }
 var f0 = globalThis.__DEV__ !== !1 ? v0 : void 0, h0 = globalThis.__DEV__ !== !1 ? m0 : void 0, d0 = globalThis.__DEV__ !== !1 ? Yl : void 0;
 function p0() {
@@ -3716,7 +3716,7 @@ function v0() {
     throw new Error("only supported in development mode");
   return {
     limits: p0(),
-    sizes: z({ print: (e = br.print) === null || e === void 0 ? void 0 : e.call(br), parser: (t = br.parser) === null || t === void 0 ? void 0 : t.call(br), canonicalStringify: (r = br.canonicalStringify) === null || r === void 0 ? void 0 : r.call(br), links: so(this.link), queryManager: {
+    sizes: z({ print: (e = xr.print) === null || e === void 0 ? void 0 : e.call(xr), parser: (t = xr.parser) === null || t === void 0 ? void 0 : t.call(xr), canonicalStringify: (r = xr.canonicalStringify) === null || r === void 0 ? void 0 : r.call(xr), links: so(this.link), queryManager: {
       getDocumentInfo: this.queryManager.transformCache.size,
       documentTransforms: Zl(this.queryManager.documentTransform)
     } }, (i = (n = this.cache).getMemoryInternals) === null || i === void 0 ? void 0 : i.call(n))
@@ -3960,7 +3960,7 @@ function an(e) {
   });
   return ce(t.length <= 1, 118, t.length), e;
 }
-function Sr(e) {
+function kr(e) {
   return an(e), e.definitions.filter(function(t) {
     return t.kind === "OperationDefinition";
   })[0];
@@ -3978,7 +3978,7 @@ function on(e) {
   });
 }
 function Kl(e) {
-  var t = Sr(e);
+  var t = kr(e);
   return ce(t && t.operation === "query", 119), t;
 }
 function ef(e) {
@@ -4355,7 +4355,7 @@ var df = (
     }, e.prototype.resetCache = function() {
       var t = this;
       if (this.cached) {
-        var r = new Jt(Cr);
+        var r = new Jt(Or);
         this.performWork = Fn(e.prototype.performWork.bind(this), {
           makeCacheKey: function(n) {
             var i = t.getCacheKey(n);
@@ -4387,7 +4387,7 @@ var df = (
       });
     }, e;
   })()
-), On, _r = Object.assign(function(e) {
+), On, wr = Object.assign(function(e) {
   var t = On.get(e);
   return t || (t = zd(e), On.set(e, t)), t;
 }, {
@@ -4398,7 +4398,7 @@ var df = (
     );
   }
 });
-_r.reset();
+wr.reset();
 globalThis.__DEV__ !== !1 && Wo("print", function() {
   return On ? On.size : 0;
 });
@@ -4419,7 +4419,7 @@ function pf(e, t) {
   });
 }
 function W0(e) {
-  return pf(Sr(e) || ef(e), nn(on(e))) ? null : e;
+  return pf(kr(e) || ef(e), nn(on(e))) ? null : e;
 }
 function H0(e) {
   var t = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map();
@@ -5329,7 +5329,7 @@ function ho(e) {
     r.errors && t.push.apply(t, r.errors);
   }), t;
 }
-function kr() {
+function Tr() {
   for (var e = [], t = 0; t < arguments.length; t++)
     e[t] = arguments[t];
   var r = /* @__PURE__ */ Object.create(null);
@@ -5341,8 +5341,8 @@ function kr() {
   }), r;
 }
 function Yr(e, t) {
-  return kr(e, t, t.variables && {
-    variables: kr(z(z({}, e && e.variables), t.variables))
+  return Tr(e, t, t.variables && {
+    variables: Tr(z(z({}, e && e.variables), t.variables))
   });
 }
 function Gi(e) {
@@ -5773,7 +5773,7 @@ function qp(e, t) {
     i = z(z(z({}, i), f.options), { headers: z(z({}, i.headers), f.headers) }), f.credentials && (i.credentials = f.credentials), a = z(z({}, a), f.http);
   }), i.headers && (i.headers = Up(i.headers, a.preserveHeaderCase));
   var o = e.operationName, s = e.extensions, c = e.variables, u = e.query, l = { operationName: o, variables: c };
-  return a.includeExtensions && (l.extensions = s), a.includeQuery && (l.query = t(u, _r)), {
+  return a.includeExtensions && (l.extensions = s), a.includeQuery && (l.query = t(u, wr)), {
     options: i,
     body: l
   };
@@ -6081,7 +6081,7 @@ function sc(e) {
 function Xp(e) {
   return e.name.value === "nonreactive";
 }
-var Cf = Cr ? WeakMap : Map, Of = zo ? WeakSet : Set, rs = new sn(), cc = !1;
+var Cf = Or ? WeakMap : Map, Of = zo ? WeakSet : Set, rs = new sn(), cc = !1;
 function If() {
   cc || (cc = !0, globalThis.__DEV__ !== !1 && ce.warn(64));
 }
@@ -6179,7 +6179,7 @@ function Kp(e, t, r) {
   var n;
   if (!r.fragmentMatches)
     return globalThis.__DEV__ !== !1 && If(), e;
-  var i = Sr(t);
+  var i = kr(t);
   return ce(i, 63), e == null ? e : Rf(e, i.selectionSet, {
     operationType: i.operation,
     operationName: (n = i.name) === null || n === void 0 ? void 0 : n.value,
@@ -6326,7 +6326,7 @@ var jf = {
   canonizeResults: !1
 };
 function ev(e) {
-  return kr(jf, e);
+  return Tr(jf, e);
 }
 function Pf(e) {
   var t = e.canonizeResults;
@@ -6565,7 +6565,7 @@ var pi = /* @__PURE__ */ Object.create(null), Yi = function() {
       r === void 0 && (r = null), this.caching = t, this.parent = r, this.d = null, this.resetCaching();
     }
     return e.prototype.resetCaching = function() {
-      this.d = this.caching ? hf() : null, this.keyMaker = new Jt(Cr);
+      this.d = this.caching ? hf() : null, this.keyMaker = new Jt(Or);
     }, e.prototype.depend = function(t, r) {
       if (this.d) {
         this.d(Xi(t, r));
@@ -6600,7 +6600,7 @@ function lc(e, t) {
       Ut(n, r);
       function n(i) {
         var a = i.policies, o = i.resultCaching, s = o === void 0 ? !0 : o, c = i.seed, u = r.call(this, a, new qf(s)) || this;
-        return u.stump = new nv(u), u.storageTrie = new Jt(Cr), c && u.replace(c), u;
+        return u.stump = new nv(u), u.storageTrie = new Jt(Or), c && u.replace(c), u;
       }
       return n.prototype.addLayer = function(i, a) {
         return this.stump.addLayer(i, a);
@@ -6677,7 +6677,7 @@ var fc = (
   /** @class */
   (function() {
     function e() {
-      this.known = new (zo ? WeakSet : Set)(), this.pool = new Jt(Cr), this.passes = /* @__PURE__ */ new WeakMap(), this.keysByJSON = /* @__PURE__ */ new Map(), this.empty = this.admit({});
+      this.known = new (zo ? WeakSet : Set)(), this.pool = new Jt(Or), this.passes = /* @__PURE__ */ new WeakMap(), this.keysByJSON = /* @__PURE__ */ new Map(), this.empty = this.admit({});
     }
     return e.prototype.isKnown = function(t) {
       return Ge(t) && this.known.has(t);
@@ -6749,7 +6749,7 @@ var ov = (
   (function() {
     function e(t) {
       var r = this;
-      this.knownResults = new (Cr ? WeakMap : Map)(), this.config = kr(t, {
+      this.knownResults = new (Or ? WeakMap : Map)(), this.config = Tr(t, {
         addTypename: t.addTypename !== !1,
         canonizeResults: Pf(t)
       }), this.canon = t.canon || new fc(), this.executeSelectionSet = Fn(function(n) {
@@ -7325,7 +7325,7 @@ var pv = (
       this.cache = t, this.reader = r, this.fragments = n;
     }
     return e.prototype.writeToStore = function(t, r) {
-      var n = this, i = r.query, a = r.result, o = r.dataId, s = r.variables, c = r.overwrite, u = Sr(i), l = rv();
+      var n = this, i = r.query, a = r.result, o = r.dataId, s = r.variables, c = r.overwrite, u = kr(i), l = rv();
       s = z(z({}, Ho(u)), s);
       var f = z(z({ store: t, written: /* @__PURE__ */ Object.create(null), merge: function(h, x) {
         return l.merge(h, x);
@@ -7666,7 +7666,7 @@ var Hf = (
         n.watches.delete(r) && !n.watches.size && pc(n), n.maybeBroadcastWatch.forget(r);
       };
     }, t.prototype.gc = function(r) {
-      globalThis.__DEV__ !== !1 && We(r || {}, "resetResultIdentities", "cache.gc", "First ensure all usages of `canonizeResults` are removed, then remove this option."), lr.reset(), _r.reset();
+      globalThis.__DEV__ !== !1 && We(r || {}, "resetResultIdentities", "cache.gc", "First ensure all usages of `canonizeResults` are removed, then remove this option."), lr.reset(), wr.reset();
       var n = this.optimisticData.gc();
       return r && !this.txCount && (r.resetResultCache ? this.resetResultCache(r.resetResultIdentities) : r.resetResultIdentities && this.storeReader.resetCanon()), n;
     }, t.prototype.retain = function(r, n) {
@@ -7789,7 +7789,7 @@ var kc = Object.assign, mv = Object.hasOwnProperty, Mn = (
         // case options.fetchPolicy was not provided.
         fetchPolicy: h
       }), o.queryId = i.queryId || n.generateQueryId();
-      var _ = Sr(o.query);
+      var _ = kr(o.query);
       return o.queryName = _ && _.name && _.name.value, o;
     }
     return Object.defineProperty(t.prototype, "query", {
@@ -7970,7 +7970,7 @@ var kc = Object.assign, mv = Object.hasOwnProperty, Mn = (
         globalThis.__DEV__ !== !1 && ce.warn(31);
       })), this.reobserve(r);
     }, t.prototype.silentSetOptions = function(r) {
-      var n = kr(this.options, r || {});
+      var n = Tr(this.options, r || {});
       kc(this.options, n);
     }, t.prototype.setVariables = function(r) {
       var n = this;
@@ -8062,7 +8062,7 @@ var kc = Object.assign, mv = Object.hasOwnProperty, Mn = (
         n === Ie.fetchMore || // Polling uses a disposable Concast so the polling options (which force
         // fetchPolicy to be "network-only" or "no-cache") won't override the original options.
         n === Ie.poll
-      ), o = this.options.variables, s = this.options.fetchPolicy, c = kr(this.options, r || {}), u = a ? (
+      ), o = this.options.variables, s = this.options.fetchPolicy, c = Tr(this.options, r || {}), u = a ? (
         // Disposable Concast fetches receive a shallow copy of this.options
         // (merged with newOptions), leaving this.options unmodified.
         c
@@ -8167,7 +8167,7 @@ function Qf(e) {
 function Ji(e) {
   return e === "network-only" || e === "no-cache" || e === "standby";
 }
-var Hr = new (Cr ? WeakMap : Map)();
+var Hr = new (Or ? WeakMap : Map)();
 function Ki(e, t) {
   var r = e[t];
   typeof r == "function" && (e[t] = function() {
@@ -8556,7 +8556,7 @@ var yv = Object.prototype.hasOwnProperty, Tc = /* @__PURE__ */ Object.create(nul
             { name: "nonreactive" },
             { name: "unmask" }
           ], t),
-          defaultVars: Ho(Sr(t)),
+          defaultVars: Ho(kr(t)),
           // Transform any mutation or subscription operations to query operations
           // so we can read/write them from/to the cache.
           asQuery: z(z({}, t), { definitions: t.definitions.map(function(i) {
@@ -8620,7 +8620,7 @@ var yv = Object.prototype.hasOwnProperty, Tc = /* @__PURE__ */ Object.create(nul
         if (typeof s == "string")
           i.set(s, s), a.set(s, !1);
         else if (x0(s)) {
-          var c = _r(r.transform(s));
+          var c = wr(r.transform(s));
           i.set(c, Tn(s)), a.set(c, !1);
         } else Ge(s) && s.query && o.add(s);
       }), this.queries.forEach(function(s, c) {
@@ -8633,7 +8633,7 @@ var yv = Object.prototype.hasOwnProperty, Tc = /* @__PURE__ */ Object.create(nul
           var f = u.queryName, d = u.options.fetchPolicy;
           if (d === "standby" || t === "active" && !u.hasObservers())
             return;
-          (t === "active" || f && a.has(f) || l && a.has(_r(l))) && (n.set(c, u), f && a.set(f, !0), l && a.set(_r(l), !0));
+          (t === "active" || f && a.has(f) || l && a.has(wr(l))) && (n.set(c, u), f && a.set(f, !0), l && a.set(wr(l), !0));
         }
       }), o.size && o.forEach(function(s) {
         var c = eo("legacyOneTimeQuery"), u = r.getOrCreateQuery(c).init({
@@ -8720,7 +8720,7 @@ var yv = Object.prototype.hasOwnProperty, Tc = /* @__PURE__ */ Object.create(nul
           extensions: i
         };
         if (r = S.context, a) {
-          var _ = _r(l), b = lr(n), m = h.lookup(_, b);
+          var _ = wr(l), b = lr(n), m = h.lookup(_, b);
           if (c = m.observable, !c) {
             var y = new qr([
               vo(x, S)
@@ -8875,7 +8875,7 @@ var yv = Object.prototype.hasOwnProperty, Tc = /* @__PURE__ */ Object.create(nul
     }, e.prototype.maskOperation = function(t) {
       var r, n, i, a = t.document, o = t.data;
       if (globalThis.__DEV__ !== !1) {
-        var s = t.fetchPolicy, c = t.id, u = (r = Sr(a)) === null || r === void 0 ? void 0 : r.operation, l = ((n = u == null ? void 0 : u[0]) !== null && n !== void 0 ? n : "o") + c;
+        var s = t.fetchPolicy, c = t.id, u = (r = kr(a)) === null || r === void 0 ? void 0 : r.operation, l = ((n = u == null ? void 0 : u[0]) !== null && n !== void 0 ? n : "o") + c;
         this.dataMasking && s === "no-cache" && !r0(a) && !this.noCacheWarningsByQueryId.has(l) && (this.noCacheWarningsByQueryId.add(l), globalThis.__DEV__ !== !1 && ce.warn(
           45,
           (i = Tn(a)) !== null && i !== void 0 ? i : "Unnamed ".concat(u ?? "operation")
@@ -9487,7 +9487,7 @@ var Gt;
 (function(e) {
   e[e.Query = 0] = "Query", e[e.Mutation = 1] = "Mutation", e[e.Subscription = 2] = "Subscription";
 })(Gt || (Gt = {}));
-var wr;
+var Er;
 function Rc(e) {
   var t;
   switch (e) {
@@ -9506,11 +9506,11 @@ function Rc(e) {
 function Kf(e) {
   cr("parser", function() {
     globalThis.__DEV__ !== !1 && ce.warn(94);
-  }), wr || (wr = new $o(
+  }), Er || (Er = new $o(
     Bt.parser || 1e3
     /* defaultCacheSizes.parser */
   ));
-  var t = wr.get(e);
+  var t = Er.get(e);
   if (t)
     return t;
   var r, n, i;
@@ -9547,13 +9547,13 @@ function Kf(e) {
   var h = d[0];
   r = h.variableDefinitions || [], h.name && h.name.kind === "Name" ? i = h.name.value : i = "data";
   var x = { name: i, type: n, variables: r };
-  return wr.set(e, x), x;
+  return Er.set(e, x), x;
 }
 Kf.resetCache = function() {
-  wr = void 0;
+  Er = void 0;
 };
 globalThis.__DEV__ !== !1 && Wo("parser", function() {
-  return wr ? wr.size : 0;
+  return Er ? Er.size : 0;
 });
 function Nv(e, t) {
   var r = at("parser", Kf, [e]), n = Rc(t), i = Rc(r.type);
@@ -9765,7 +9765,7 @@ function th(e, t, r, n) {
 }
 function cs(e, t, r, n) {
   var i = [], a = t.defaultOptions.watchQuery;
-  return a && i.push(a), r.defaultOptions && i.push(r.defaultOptions), i.push(kr(e && e.options, n)), i.reduce(Yr);
+  return a && i.push(a), r.defaultOptions && i.push(r.defaultOptions), i.push(Tr(e && e.options, n)), i.reduce(Yr);
 }
 function So(e, t, r, n, i, a, o) {
   var s = t.current;
@@ -12221,9 +12221,9 @@ function mr() {
     }, e.setTyped(t);
   })(Ra)), Ra;
 }
-var Rr = {}, Dt = {}, gr = {}, pu;
+var Rr = {}, Dt = {}, yr = {}, pu;
 function Im() {
-  if (pu) return gr;
+  if (pu) return yr;
   pu = 1;
   var e = mr(), t = 4, r = 0, n = 1, i = 2;
   function a(T) {
@@ -12466,7 +12466,7 @@ function Im() {
   function N(T, P, U) {
     return T.pending_buf[T.d_buf + T.last_lit * 2] = P >>> 8 & 255, T.pending_buf[T.d_buf + T.last_lit * 2 + 1] = P & 255, T.pending_buf[T.l_buf + T.last_lit] = U & 255, T.last_lit++, P === 0 ? T.dyn_ltree[U * 2]++ : (T.matches++, P--, T.dyn_ltree[(re[U] + d + 1) * 2]++, T.dyn_dtree[ue(P) * 2]++), T.last_lit === T.lit_bufsize - 1;
   }
-  return gr._tr_init = er, gr._tr_stored_block = R, gr._tr_flush_block = g, gr._tr_tally = N, gr._tr_align = v, gr;
+  return yr._tr_init = er, yr._tr_stored_block = R, yr._tr_flush_block = g, yr._tr_tally = N, yr._tr_align = v, yr;
 }
 var La, vu;
 function lh() {
@@ -12837,9 +12837,9 @@ function Rm() {
   }
   return Dt.deflateInit = G, Dt.deflateInit2 = B, Dt.deflateReset = U, Dt.deflateResetKeep = P, Dt.deflateSetHeader = ie, Dt.deflate = O, Dt.deflateEnd = ee, Dt.deflateSetDictionary = Ee, Dt.deflateInfo = "pako deflate (from Nodeca project)", Dt;
 }
-var yr = {}, bu;
+var br = {}, bu;
 function hh() {
-  if (bu) return yr;
+  if (bu) return br;
   bu = 1;
   var e = mr(), t = !0, r = !0;
   try {
@@ -12854,7 +12854,7 @@ function hh() {
   }
   for (var n = new e.Buf8(256), i = 0; i < 256; i++)
     n[i] = i >= 252 ? 6 : i >= 248 ? 5 : i >= 240 ? 4 : i >= 224 ? 3 : i >= 192 ? 2 : 1;
-  n[254] = n[254] = 1, yr.string2buf = function(o) {
+  n[254] = n[254] = 1, br.string2buf = function(o) {
     var s, c, u, l, f, d = o.length, h = 0;
     for (l = 0; l < d; l++)
       c = o.charCodeAt(l), (c & 64512) === 55296 && l + 1 < d && (u = o.charCodeAt(l + 1), (u & 64512) === 56320 && (c = 65536 + (c - 55296 << 10) + (u - 56320), l++)), h += c < 128 ? 1 : c < 2048 ? 2 : c < 65536 ? 3 : 4;
@@ -12869,13 +12869,13 @@ function hh() {
       c += String.fromCharCode(o[u]);
     return c;
   }
-  return yr.buf2binstring = function(o) {
+  return br.buf2binstring = function(o) {
     return a(o, o.length);
-  }, yr.binstring2buf = function(o) {
+  }, br.binstring2buf = function(o) {
     for (var s = new e.Buf8(o.length), c = 0, u = s.length; c < u; c++)
       s[c] = o.charCodeAt(c);
     return s;
-  }, yr.buf2string = function(o, s) {
+  }, br.buf2string = function(o, s) {
     var c, u, l, f, d = s || o.length, h = new Array(d * 2);
     for (u = 0, c = 0; c < d; ) {
       if (l = o[c++], l < 128) {
@@ -12895,12 +12895,12 @@ function hh() {
       l < 65536 ? h[u++] = l : (l -= 65536, h[u++] = 55296 | l >> 10 & 1023, h[u++] = 56320 | l & 1023);
     }
     return a(h, u);
-  }, yr.utf8border = function(o, s) {
+  }, br.utf8border = function(o, s) {
     var c;
     for (s = s || o.length, s > o.length && (s = o.length), c = s - 1; c >= 0 && (o[c] & 192) === 128; )
       c--;
     return c < 0 || c === 0 ? s : c + n[o[c]] > s ? c : s;
-  }, yr;
+  }, br;
 }
 var Na, xu;
 function dh() {
@@ -15098,7 +15098,7 @@ function zt(e) {
   const a = xe(() => To(r, e), [e, r]), o = xe(() => fg(r, e), [e, r]);
   return { x: a, reverseX: o };
 }
-const Or = ({ width: e, height: t, id: r }) => /* @__PURE__ */ k.jsx("clipPath", { id: r, children: /* @__PURE__ */ k.jsx("rect", { x: 0, y: 0, width: e, height: t }) });
+const gr = ({ width: e, height: t, id: r }) => /* @__PURE__ */ k.jsx("clipPath", { id: r, children: /* @__PURE__ */ k.jsx("rect", { x: 0, y: 0, width: e, height: t }) });
 function Ni(e, t, r, n = 10) {
   return r = r || 0, e.reduce((i, a) => {
     let o = !1;
@@ -15176,7 +15176,7 @@ function xh({
   });
   return /* @__PURE__ */ k.jsxs("g", { width: l, height: r, clipPath: `url(#${e})`, transform: `translate(-${f}, 0)`, children: [
     /* @__PURE__ */ k.jsx("rect", { width: l, height: r, fill: "transparent" }),
-    /* @__PURE__ */ k.jsx("defs", { children: /* @__PURE__ */ k.jsx(Or, { id: e, width: l, height: r }) }),
+    /* @__PURE__ */ k.jsx("defs", { children: /* @__PURE__ */ k.jsx(gr, { id: e, width: l, height: r }) }),
     x.map((m, y) => {
       const w = bh(m, h), E = r * (1 - 2 * a), C = r * a;
       return /* @__PURE__ */ k.jsx(
@@ -17130,7 +17130,8 @@ function jg({
           }
         ),
         /* @__PURE__ */ k.jsx("rect", { x: 0, y: 0, width: c / 15, height: r, stroke: "#000000", strokeWidth: 0.5, fill: n }),
-        /* @__PURE__ */ k.jsx("text", { fill: A, fontSize: `${u}px`, y: r / 2, x: c / 10, alignmentBaseline: "middle", children: e }),
+        /* @__PURE__ */ k.jsx(gr, { id: `margin-clip-${t}`, width: c * 0.85, height: r }),
+        /* @__PURE__ */ k.jsx("g", { clipPath: `url(#margin-clip-${t})`, children: /* @__PURE__ */ k.jsx("text", { fill: A, fontSize: `${u}px`, y: r / 2, x: c / 10, alignmentBaseline: "middle", children: e }) }),
         /* @__PURE__ */ k.jsxs("g", { id: `margin-buttons-${t}`, children: [
           t !== "ruler" && /* @__PURE__ */ k.jsxs("g", { ref: f, onClick: m, style: { cursor: "pointer" }, children: [
             /* @__PURE__ */ k.jsx(Mg, { x: c / 10, y: r / 2 + 2, height: 15, width: 15, fill: A }),
@@ -17500,7 +17501,7 @@ function Qg({
   });
   return /* @__PURE__ */ k.jsxs("g", { width: u, height: r, clipPath: `url(#${e})`, transform: `translate(-${l}, 0)`, children: [
     /* @__PURE__ */ k.jsx("rect", { width: u, height: r, fill: "transparent" }),
-    /* @__PURE__ */ k.jsx("defs", { children: /* @__PURE__ */ k.jsx(Or, { id: e, width: u, height: r }) }),
+    /* @__PURE__ */ k.jsx("defs", { children: /* @__PURE__ */ k.jsx(gr, { id: e, width: u, height: r }) }),
     h.map((m, y) => /* @__PURE__ */ k.jsx("g", { transform: `translate(0, ${y * x})`, children: m.map((w, E) => {
       const C = bh(w, d);
       return /* @__PURE__ */ k.jsx(
@@ -17664,7 +17665,7 @@ function ty({
   });
   return /* @__PURE__ */ k.jsxs("g", { width: d, height: n, transform: `translate(-${h},0)`, children: [
     /* @__PURE__ */ k.jsx("rect", { width: d, height: n, fill: "transparent" }),
-    /* @__PURE__ */ k.jsx("defs", { children: /* @__PURE__ */ k.jsx(Or, { id: e, width: d, height: m.length * y }) }),
+    /* @__PURE__ */ k.jsx("defs", { children: /* @__PURE__ */ k.jsx(gr, { id: e, width: d, height: m.length * y }) }),
     w.map((I, A) => /* @__PURE__ */ k.jsx(
       "g",
       {
@@ -17743,7 +17744,7 @@ function ry({
   });
   return /* @__PURE__ */ k.jsxs("g", { width: d, height: n, transform: `translate(-${h},0)`, children: [
     /* @__PURE__ */ k.jsx("rect", { width: d, height: n, fill: "transparent" }),
-    /* @__PURE__ */ k.jsx("defs", { children: /* @__PURE__ */ k.jsx(Or, { id: e, width: d, height: m.length * y }) }),
+    /* @__PURE__ */ k.jsx("defs", { children: /* @__PURE__ */ k.jsx(gr, { id: e, width: d, height: m.length * y }) }),
     w.map((I, A) => /* @__PURE__ */ k.jsx(
       "g",
       {
@@ -18815,7 +18816,7 @@ function Qb({
   });
   return /* @__PURE__ */ k.jsxs("g", { id: e, height: r, width: l, clipPath: `url(#${e})`, transform: `translate(-${f}, 0)`, children: [
     /* @__PURE__ */ k.jsx("rect", { width: l, height: r, fill: "transparent" }),
-    /* @__PURE__ */ k.jsx("defs", { children: /* @__PURE__ */ k.jsx(Or, { id: e, width: l, height: r }) }),
+    /* @__PURE__ */ k.jsx("defs", { children: /* @__PURE__ */ k.jsx(gr, { id: e, width: l, height: r }) }),
     x.map((m, y) => /* @__PURE__ */ k.jsx(
       "rect",
       {
@@ -18867,7 +18868,7 @@ function Gb({
   });
   return /* @__PURE__ */ k.jsxs("g", { width: l, height: r, clipPath: `url(#${e})`, transform: `translate(-${f}, 0)`, children: [
     /* @__PURE__ */ k.jsx("rect", { width: l, height: r, fill: "transparent" }),
-    /* @__PURE__ */ k.jsx("defs", { children: /* @__PURE__ */ k.jsx(Or, { id: e, width: l, height: r }) }),
+    /* @__PURE__ */ k.jsx("defs", { children: /* @__PURE__ */ k.jsx(gr, { id: e, width: l, height: r }) }),
     x.map((y, w) => /* @__PURE__ */ k.jsx("g", { transform: `translate(0, ${w * S})`, children: y.map((E, C) => /* @__PURE__ */ k.jsx(
       "rect",
       {
@@ -19132,7 +19133,7 @@ function tx({ data: e, customRange: t, id: r, height: n, color: i, dimensions: a
     tooltip: o
   });
   return /* @__PURE__ */ k.jsxs("g", { width: c, height: n, clipPath: `url(#${r})`, transform: `translate(-${s}, 0)`, children: [
-    /* @__PURE__ */ k.jsx("defs", { children: /* @__PURE__ */ k.jsx(Or, { id: r, width: c, height: n }) }),
+    /* @__PURE__ */ k.jsx("defs", { children: /* @__PURE__ */ k.jsx(gr, { id: r, width: c, height: n }) }),
     b,
     !f && E && /* @__PURE__ */ k.jsx("line", { stroke: C, x1: E, x2: E, y1: 0, y2: n }),
     /* @__PURE__ */ k.jsx(
@@ -20655,7 +20656,7 @@ function j1(e, t) {
   return xe(() => qh(e), t ?? []);
 }
 function qh(e) {
-  return Dr((t, r) => ({
+  return Cr((t, r) => ({
     domain: e.domain,
     delta: 0,
     svgRef: null,
@@ -20718,7 +20719,7 @@ function F1(e, t) {
   return xe(() => Uh(e), t ?? []);
 }
 function Uh(e = []) {
-  return Dr((t, r) => ({
+  return Cr((t, r) => ({
     tracks: e,
     ids: e.map((n) => n.id),
     setTracks: (n) => t({ tracks: n, ids: n.map((i) => i.id) }),